body {
	margin:0;
	padding:0;
}
tr, td {
	vertical-align: middle;
}

/* page = Div toute la page des pages interieures*/
#page {
	
	width: 1000px;
	margin : 0 auto;
	padding-bottom:20px;
	/*border: 1px solid red;*/
}
* html #page {
	width: 1000px; /*si relatif, catastrophe!*/
}

/* entete_langues = Conteneur des liens de langue dans la page d'accueil-----------------*/
/* principal_entete = Entete qui contient le titre du site des pages intérieures*/

#lang{
margin: 0 10px;
text-align:center;}
#filariane
{
margin-left: 10px;
text-align:left;}

/* --------------------------------------------------------------------------------------*/
/* ------------------------- PARTIE DU HAUT ---------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#logo_site {
	float: left;
	width: 160px;
	height: 160px;
	padding-left: 15px;
	margin-top: 15px;
	text-align:center;
}
#bandeau {
	float: left;
	padding-left: 15px;
	margin-top: 15px;
	width: 610px;
	height: 155px;
	overflow: hidden;
	}
#prog_virtuel
{
	text-align:center;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width:170px;
	
}

/* --------------------------------------------------------------------------------------*/
/* ------------------------- PARTIE DE GAUCHE -------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#colonne{
	float: left;
	width: 160px;
	padding-left: 15px;
	}

#colonne_contenu,#colonne_recherche {
margin: 15px 0 0 0;

}
#colonne_recherche {
	
	}
#pied_colonne {
	padding:0 10px;
	height: 125px;
	}
/* --------------------------------------------------------------------------------------*/
/* ------------------------- PARTIE DE DROITE----------------------------------*/
/* --------------------------------------------------------------------------------------*/
#colonne-droite {
float: left;
width: 170px;
margin: 0 0 0 15px;
}
#enbref,#calendrier{
margin:15px 0;
}
#acces_restreint {

margin:15px 0;
}
#nuage_tag {

	}
#nuage_degrade
{
height:177px;
text-align:left;
padding: 5px 10px;

	}
/* --------------------------------------------------------------------------------------*/
/* ------------------------- PARTIE CENTRALE---------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#principal {
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width:610px;
	
}
* html #principal{
	/*display: inline;*/
}
* html #principal_article, * html #principal, * html #principal_contenu{
	height: 1%;/* sinon, problème de padding (3px), visible surtout dans la hierarchie*/
}


#principal_article{
	margin-left: 10px;
	margin-right: 10px;
	text-align:center;
	}

/*Dammier--------------------------------------------------------------------------------*/

table.damier tr td, table.damier td, table.damier tr td a,
table.damier tr td a img, table.damier tr td a img.spip_logos{
	width: 120px;
	height: 120px;
	padding:0;
	margin:0 0 -3.5px 0;
	}


/* colonne = colonne du menu des pages intérieures---------------------------------------*/
/* PROGRAMME ------------------------- PERSONNALISATION DU TABLEAU-----------------------------------------------------*/
#programme {
padding: 30px 0;
}
table.programme {
width:570px;
}
table.programme  th {
background-color:white;
height:1px
}
table.programme  td {
text-align:center;
border-spacing:0px;
padding: 0 5px;
}
td.date {
	vertical-align:bottom
}
td.titre {
	vertical-align:middle
}
td.lieu {
	vertical-align:top
}
/*  ------------------------------------------------------------------------------*/

#article h2, #article h3, #article h4 {
	margin-top: 0;
}
#logo_contenu a{
	margin-left: 1em;
	float:left;
}
#logo_contenu {
	float: left;
	height: 160px;
	
}
#img_logo {
	width: 160px;
	height: 160px;
	
	}
#img_logo_credits, #logo_contenu {
	width: 160px;
	
}

.titre_logo{
	float:left;
	width:50px;
	height: 50px;
	margin-top:3px;
}
a.fiche-titre, .fiche-titre{
	margin-top: 15px;
}
.fiche-item{
	margin-top:5px;
	margin-bottom:15px;/*parce que le margin-top de fiche-titre ne marche qu'avec le premier titre à cause du clear both*/
	padding:0;
	/* height: 65px; */
	overflow:hidden;
}
* html .fiche-item{
	overflow: visible;
}
a.syndic-titre{
	margin-top: 15px;
}
.syndic-item{
	margin-top:5px;
	margin-bottom:15px;/*parce que le margin-top de fiche-titre ne marche qu'avec le premier titre à cause du clear both*/
	padding:0;
}

* html #img_logo_credits {
	height: 1%;
}
.item_portfolio {
	width: 110px;
	margin: 10px 0 0 0;
	margin-left:10px;
}
.item_portfolio .spip_logos {
	padding:0;
	margin:0;
}
#sommaire_ancre{
	padding-top: 1em;
}
#sommaire_ancre h3.spip{
	margin:0;
	padding:0;
}
.spip_documents_left{
	margin-right:15px;
}
.spip_documents_right{
	margin-left:15px;
}
.spip_doc_descriptif {
	clear:none;
}
.ps, .hautdepage{
	/* clear:both; */
}

.fiche-item p.spip{
	margin:0;
}
p.spip
{
	margin: 1em 0 0 0;
	padding:0;
	text-align:justify;
	
}
li.spip
{
	margin: 1em 0 0 1em;
	padding:0;
	text-align:left;
	
}

#article .forum-repondre, #article .reponse_formulaire {
	margin: 4em 0 0 0;
	padding:0;
}
#article h3.nom_forum {
	margin: 4em 0 0 0;
	padding:0;
}
#article forum {
	margin:0;
	padding:0;
}
#form table{
	clear: none;
}
table.spip td, table.spip th {
	padding: 5px;
}
#forms{
	margin:15px 0;
	vertical-align: middle;
}
.forum-repondre {
	margin-top: 5px;
}
/*Carte - fiche réseau*/
#carte {
	width: 650px;
	height: 488px;
	padding:0;
}

/*pied_page = pied de page de la page d'accueil---------------------------------------------*/
tr.pied_page {
	height: 80px;
	clear:both;
}
tr.pied_page .credits_ps p.spip, tr.pied_page .credits_ps p.spip br {
	display: inline;
}
#pied {
	height: 40px;
	
}


/*Classes spéciales-------------------------------------------------------------------------*/
.invisible{
	visibility:hidden; 
	height:1px; 
	overflow:hidden;
}

.spacer {
	clear: both;
	height:1px;
	/*border: 1px solid white;*/
}
/*MENU---------------------------------------------------------------------------------------*/

/* menu = Menu des pages intérieures*/

#menu,  #menu , #menu *, #logo_contenu .menu_inter *{
	margin:0;
	padding:0;
}

#menu {
	
	/*regarder plus bas (sous logo_contenu) pour rédefinition des margins du menu_inter*/
}
#logo_contenu .menu_inter{
	margin:0 0 0 0; /*largeur du menu_inter = largeur de art_logo*/
	padding:0;
	width: 150px;
	/*border: 1px solid blue;*/
}
#menu li, #logo_contenu .menu_inter li{
	margin-top: 1px;
	list-style: none;
}


.accueil_menu td a, #menu a, #logo_contenu .menu_inter a{
	display:block;
	padding: 2px 10px 2px 10px;
/*	height: 14px; */
}
#menu li, #menu .cette_rub li, #menu .cette_sous_rub  li, #logo_contenu .menu_inter li{
	overflow:hidden; /*ceci évite des problèmes d'affichage si le titre de rubrique/article est trop long*/
}
#menu .cette_rub ul a{
	padding-left: 20px;
	font-weight: normal;
}
#menu .cette_sous_rub ul a{
	padding-left: 30px;
}
#menu .cette_sous_rub ul  ul a{
	padding-left: 40px;
}
/*** hack menu pour IE - 04/04/2008 ***/
*+html #menu li {
	margin: 0px 0px -2px 0px;
}
* html #menu li {
	margin: 1px 0px -21px 0px;
}
* html #menu li.cette_rub ul li {
	margin: 1px 0px -23px 0px;
}
* html #menu li.cette_rub ul li.cette_sous_rub , * html #menu li ul li, * html #menu li ul li ul li, * html #menu li ul li ul li ul li , * html #menu li.cette_rub ul li.cette_sous_rub ul li.cette_sous_rub ul li.cette_sous_rub {
	margin: 1px 0px 1px 0px;
}
* html #menu ul ul ul ul {
	height:0px;
	/*margin: 1px 0px 1px 0px;*/
}
* html #menu ul ul ul ul li{
	height:0px;
	margin: 1px 0px 1px 0px;
}
/*** fin hack menu pour IE ***/

/**********************Phase 2********************************************************************/
/*Fiches*/
.extra{
	margin-bottom: 10px;
}
/*FORMULAIRE*/
#form_rech {
	width:80%;
	margin-left:5%;
}
#form_rech  .formrecherche{
	width:95%;
	height:95%;
	font-size:11px;
	padding:2px;
}

.formulaire, .liste{
	margin:10px 0;
	padding: 0;
	border:0;
	width: 100%;
}
/*petite astuce pour que IE affiche le formulaire correctement (Nestcape les affiche mal s'il lit cette ordre...).*/

* html .formulaire{
	height:100%; /*sans ceci, boug dans la ligne de couleur du formulaire*/
}
.formulaire form{
	padding-top: 10px; /*pas de padding left parce que cela affecterait aussi les hr*/
	padding-bottom: 10px;
	margin:0;
}
.formulaire H4, .formulaire .chapo{
	margin: 7px 10px 7px 10px;
	margin-left:40px;
}
.formulaire .label{
	float: left;
	width: 42%;
}

.formulaire .label, .formulaire .ligne{
	padding: 0 5px 0 5px;
	margin:7px 10px 7px 10px;
	margin-left:4px;
}
input, textarea, .champ, select{
	/*plus selon direction langue dans squelettes*/
	
	margin: 7px 0 7px 0;
}
input{
	height: 20px;
	vertical-align: middle;
}
.formulairepad
	/*plus selon direction langue dans squelettes*/
	display: block;/*pour Netscape*/
	margin:0;
	padding:0;
	border: none;
	height:1px;/*pour IE*/
}
.formulaire hr.invisible{
	height:0;
	color: none;
}
.formulaire input, .formulaire textarea, .formulaire select{ 
	/*plus des styles selon direction langue dans squelettes*/
	width: 40%;
}
.formulaire img{
	float: right;
}
.formulaire .champ{
	float: right;
	margin: 0;
	margin-right: 10%;
	border:0;
	width: 40%;
}
.formulaire  input.mi_champ{
	width: 20%;
}
.champ input{
	border:0;
}
.champ .submit, .formulaire .submit{
	width: 30%;
}

.formulaire .ligne{
	float: none;
}
.formulaire .ligne input, input.ligne{
	/*plus des styles selon direction langue dans squelettes*/
	float: none;
	width: 10%;
}






/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	background-color: #C263E5;
}

.edito h3,
.galerie-titre h3 {
	text-align:left;
	margin: 0 ;
	padding: 0 0 0.5em 0.5em;
	color: white;
	background-color: #411352;
	text-transform: uppercase;
	text-indent: 4px;
	width: 100%;
	font-size: 1.1em;
	line-height: 1.4;
	border-bottom: solid 2px white;
	
	/* background-image - voir/see : 'alter.css' */
}

.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited,
.edito h3 a:hover {
	color: white;
	font-size: 90%;
}

.edito .chapo { margin-top: 0; /* background-color: #eee; */}

.edito .suite { text-align: right; }

#rub1,
#rub3,
#rub5,
#rub7
{	
	left:25px;
	clear:both;
	float:left; 
	width:47%;
	
}
#rub2,
#rub4,
#rub6,
#rub8
{
	right:25px;
	float:right;
	width:47%;
	
}
}