/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

     Généralités sur la stucture de la mise en page  
	 
       3 colonnes + pied de page toujours en bas

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,   */
 
html, body {
	margin: 0; 
	padding: 0; 
	height: 100%;
	background:#eee url(../template_css/ombre_bg.gif) 50% 100% repeat-y ;
}

div#page {
	position: relative;
	min-height: 100%;
	width:1024px;
	margin:0 auto;
	background: url(../template_css/bg.gif) repeat-y top left;

}

div#colgauche {
	float: left;
	width: 180px;
}

div#coldroite {
	float: right;
	width: 180px;
}

div#centre {
	padding: 1px 10px 30px;
	margin: 0 200px 10px 200px;
	/* ajouté par Chatlumo */
	min-height:600px;
}

div#footer {
	height: 30px;
	clear: both;
}	

div#piedpage {
	position: absolute;
	bottom: 0; 
	left: 0;
	margin-bottom:-1px;
	padding:0;	
	width: 100%;
	height: 1.3em;
	text-align: center;	
	background:transparent url(../template_css/footer_bg.gif) no-repeat top left;
	border-bottom:1px solid #000;
}
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

        Généralités typographiques

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,   */
html {
	font-family:Tahoma, Arial, Geneva, sans-serif;
	color:#222;
	}
	
#centre h1, #centre h2, #centre h3, #centre h4 {
	font-weight:bold;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	margin:0;
	padding:0.5em 0 0 0;
	}

#centre h1 {
	font-size: 1.5em;color:#a11f23;
	
	border-bottom:1px solid #a11f23;
	}

#centre h2 {
	font-size: 1em;
	color:#03447e;	
	padding-top:1em;
	}

#centre h3 {
	font-size:0.7em;
	font-weight:bold;
	color:#1467ac;
	
	}

#centre h4 {
	font-size:0.7em;
	font-weight:normal;	
	}

#centre p {
	font-size:0.7em;
	text-align:justify;
	line-height:1.4em;
	margin:0;
	padding:0.3em 0;
	}

#centre ul {
	margin:0;
	padding:0 0 0 1em;
	}
		
#centre li {
	font-size:0.7em;
	line-height:1.4em;
	text-align:justify;
	padding:0.5em 0;
	margin:0;
	}
	
#centre li li {	
	font-size:1em;
	padding:0.5em 0 0 0;
	}
	
#centre a {
	color:#000;
	}

#centre a:hover{
	text-decoration:none;
	}
#centre strong {
	color:#333;
	}

hr {
	margin:0.5em 0 0 0;
	padding:0;
	height:1px;
	color:#0479b2;
	}
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

           Lien d'évitements

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#evitement{
	display:none;
	}

/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

                 Header

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#header {
	position:relative;
	height:150px;
	background: url(../template_css/header_bg.gif) repeat-x top left;
	}
	
#header a img{
	border:none;
}	

#header p span{
	display:none;
}

#header p {
	background:transparent url(../template_css/header_h1.gif) top left no-repeat;
	border-right:1px solid #d29193;
	width:363px;	height:150px;
	position:absolute;	top:0;	left:181px;
	margin:0; 	padding:0; 
}

#adherez {
	position:absolute;	top:110px;	left:205px;
	font-size:1em;	color:#d1b1b1;	text-decoration:none;
	display:block;	width:295px;
	padding:2px 0;	margin:0 10px;
	text-align:right;
	border-top:1px solid #d1b1b1;	
	border-bottom:1px solid #d1b1b1;
	}
	
a:hover#adherez {
	color:#fff;
	}

#header object{
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #5d1113;
	}
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

           Parite centrale
		   
		       Contenu 

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

/*  pour le fil d'Ariane  */

#ariane {
	margin: 0 -30px;
	border-bottom:1px solid #500f11;
	}

#ariane p{
	margin:0;
	padding:0 0 2px 2px;
	font-size:0.6em;
	}
#ariane a{
	color:#500f11;
	}	

/*  pour l'encadré de la page d'accueil */

#encadre {
	float:right;
	border:1px solid  #cac3d3 ;
	background-color: #fff;
	padding:0.5em 1em 1em 1em;
	margin:20px 0 1em 30px;
	width:199px;
	clear:none;
	}
	
#encadre h2{
	padding-top:0;
	color:#03447e;
	border-bottom:1px dotted #03447e;
	}

#encadre p{
	line-height:1.2em;
	}

#encadre img{
	margin: 5px 0;
	border:1px solid #333;
	}

/*  pour le contenu  */
.imgagegauche {
	float:left;
	margin: 5px 5px 5px 0;
	border:1px solid #333;
	}

/* pour le comite responsables */
table#responsables {
	padding-top:1em;
	width:99%;
}

table#responsables h2 {
	padding-top:0;
}

table#responsables img {
	padding:10px 0;
}

/*  -----  pour les tableaux en general  -----  */
table.chiffres {
	margin:1em 0 1em 0;
	width:99%;
	border: 1px solid black;
	border-collapse:collapse;
}

table.chiffres td {
	padding:5px 5px;
	border: 1px solid black;
	text-align:center;
	font-size:0.7em;
	
}

th {
	font-size:0.7em;
	font-weight:bold;
	background-color:#ffe;
	border: 1px solid black;
	border-collapse:collapse;
	padding:5px 5px;
	}
	
.gras {
	font-weight:bold;
	
}

.fondclair {
	background-color:#FFFFFF;
}

.souligne {
	text-decoration:underline;
}

/* Pour masquer l'encadrement de la cellule haut gauche du tableau */
table.chiffres td.masquerBordure {
	background-color:#FFFFCC; 
	border-top:1px solid #FFFFCC; 
	border-left:1px solid #FFFFCC;
}

/*  ----- fin des règles pour les tableaux  -----  */

.italique {
	font-style:italic;
}

/* Pour grossier et mettre en gras certains paragraphes */
.important {
	font-size:1em;
	font-weight:bold;
	margin: 10px 0 10px 0;
}

/* Encadrement d'un bloc de texte (générique) */
.cadre {
	border:1px solid  #cac3d3 ;
	padding:0.7em;
	margin:20px 0 20px 0;
	background-color:#FFFFFF;
	}
	
	
/* pour les organigrammes des sites locaux */
table.org {
	margin:1em 0 1em 0;
	width:99%;
	border: 0;
}

table.org td {
	padding:5px 5px;
	text-align:center;
	font-size:0.7em;
	vertical-align:bottom;
	
}

#centre p.statut {
	font-size:1em;
	text-align:center;
	font-weight:bold;
	color:#1467ac;
}

#centre p.nom {
	font-size:1em;
	text-align:center;
	font-weight:bold;
	padding: 0.2em 0 0;
}

/* pour les tableaux de type listing */
table.liste {
	margin:1em 0 1em 0;
	width:99%;
	border: 1px solid black;
	border-collapse:collapse;
}

table.liste td {
	padding:5px 5px 5px 15px;
	border: 1px solid black;
	text-align:left;
	font-size:0.7em;
}


/* pour le plan du site  */

#centre #plan li {
	line-height:0.5em;
	}
#general {
	float:left;
	width:350px;
	}
#siteslocaux {
	margin-left:400px;
	}




/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

           Colonne de gauche 
		   
		(navigation principale)

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */


#colgauche p {
	padding:5px 0 5px 10px;
	margin:0;
	background:transparent url(../template_css/colgauche_p_bg.gif) top left repeat-x;
	border:1px solid #333;	
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	}

#colgauche ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#colgauche li {
	padding:3px 0 3px 22px;
	margin:0 0 0 1px;
	border-right:1px solid #333;
	border-bottom:1px solid #ccc;	
	background-color:#fff;
	font-size:0.7em;
	line-height:1.2em;
	}

#colgauche li.actuelle {
	background:#fff url(../template_css/colgauche_a_bg.gif) 100% 50% no-repeat;
	border-right:none;
	}

#colgauche a {
	padding:0;
	margin:0;
	display:block;
	text-decoration:none;
	color:#000;
	}

#colgauche a:hover {
	color:#1467ac;
	}

/*  sept 2010 : ajout pour avoir un gif animé et un fond réactif sur tracts (qui devient "Dernières parutions")  */

#colgauche ul li.tracts {
	background:#f00 url(../images/Alert.gif) 155px 3px  no-repeat;
	padding-right:5px;
	line-height:20px;
	/*  un couleur de bg rouge qui pette et une hauteur de ligne augmentée pour recevoire un gif animé... j'ai honte  */	
	}
	
li.tracts a {
	color:#000; 
	font-weight:bold;
	}

#colgauche li.tracts a:hover {
	color:#fff;
	}




/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

           Colonne de droite
		   
		 (navigation secondaire)

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#coldroite p {
	padding:5px 0 5px 10px;
	margin:0;
	background:transparent url(../template_css/coldroite_p_bg.gif) top left repeat-x;	
	border:1px solid #500f11;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	}

#coldroite ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#coldroite li {
	padding:1px 0;
	margin:0;
	
	border:1px solid #333;
	border-top:none;
	border-bottom-color:#999;	
	background-color:#fff;
	
	font-size:0.7em;
	line-height:1.7em;
	}
	
#coldroite li span{ /*  Pour décaler les textes sans décaler les listes de sous niveau  */
	padding-left:15px;
	}
	
#coldroite a { 
	display:block;
	text-decoration:none;
	font-weight:normal;
	color:#000;
	}
	
#coldroite a:hover {
	color:#a11f23;
	}

#coldroite ul.switchgroup1 {  /*  listes de sous niveau (menus des sites locaux)   */
	margin:0;
	padding:0;
	}
	
#coldroite ul.switchgroup1 li {
	padding:0 0 0 25px;
	margin:0;
	background-color:#eee;
	font-size:0.9em;
	border:none;
	border-top:1px solid #999;	
	}

#coldroite ul.switchgroup1 a {
	color:#000;
	}
	
#coldroite ul.switchgroup1 a:hover {
	color:#a11f23;
	}	
	
ul#filiales li, ul#publications li{
	padding:0 0 0 15px;
	}


/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

           Pied de page

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#piedpage a {
	font-size:0.7em;
	color:#000;
	text-decoration:none;
	}