@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;

	padding:0px;
	background:#ffffff;

	/*background:url(images/bandeauhaut.gif) repeat-x;*/
	text-align:center;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

img
{
	border:0px;
}


div#contenu li {

list-style-image:url(images/puce.gif);
margin-left:50px;

margin-top:20px;
font-size:0.9em;

	/*	background:url(images/fond-menu.jpg) no-repeat 0px 0px;*/
}
div#contenu li a{
/*	background-color:#d4d900;*/

	text-decoration:none;
}

div#bandeauhaut
{
background:url(images/bandeauhaut.gif) repeat-x left top;
height:34px;

}

div#conteneur
{
width:1008px;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 970 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#header
{
	height:205px;
	text-align:left;
	margin-left:25px;

	background:url(images/header-aef.jpg) no-repeat left top;
}

div#ariane
{
	color:#fcd560;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background:#FFFFFF;
background:url(images/ariane-aef.gif) no-repeat left top;
	height:15px;

	padding-top:19px;
	padding-left:32px;
	text-align:left;
}
div#ariane a
{
	color:#ffffff;
	text-decoration:none;

}
div#ariane a:hover
{
	font-weight:bold;
}


div#menu
{
	float:left;
	width:188px;
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin-left:25px !important;
	margin-left:55px;
	background-color:#0096b5;
	

}
p.lien-menu
{
	background:url(images/fond-menu.jpg) no-repeat 0px 0px;
	font-size:1.0em;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:22px;
	line-height:18px;
	
}
p.lien-menu a
{
	color:#ffffff;
	font-size:1.1em;
	text-decoration:none;
padding-left:10px;

}
p.lien-menu a:hover
{
	font-weight:bold;
}
p.lien-sousmenu
{
	padding-left:32px;
	margin-top:8px;
	margin-bottom:0px;
}
p.lien-sousmenu a
{
	color:#FFFFFF;
	font-size:1.0em;
	text-decoration:none;
}
p.lien-sousmenu a:hover
{
	font-weight:bold;
}

.basmenu
{

width:188px;
background:#FFFFFF;
padding-bottom:2px;


}

div#infos
{
	float:right;
	/*background:#ffffff;*/
	width:164px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;

	
}
p#savoir-titre
{
	background:#ffffff;
	margin-bottom:0px;
	margin-top:0px;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#85605f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:35px;
	padding-bottom:5px;
}
p#savoir-texte
{
	background:#7a7a7a;
	color:#FFFFFF;
	padding-left:13px;
	padding-right:31px;
padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
}
a#savoir-lien
{
	color:#85605f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:5px;
	font-weight:bold;
	text-decoration:none;
/*background:#ffffff;*/

}
p#savoir-bas
{
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}
p#zoom-titre
{
	background:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#85605f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}
p#zoom-texte
{
	background:#0096b5;
	color:#ffffff;
	padding-left:13px;
	padding-right:42px;
padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
}
a#zoom-lien
{
	color:#d21223;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:5px;
	font-weight:bold;
	text-decoration:none;
}
p#zoom-bas
{
	background:#ffffff;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}


/* Chrome 4, Safari 4, Firefox 3.6.3, Opera 10.51*/
html:not([lang*=""]) div#contenu{
  /* border:1px solid blue; */
  /*padding:0 188px 0 206px;*/
	text-align:left;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	 padding-left:206px;
	
	 padding-left:29px;
	margin-left:29px;
	margin-top:26px;
	color:#00315b;
	font-weight:400;
	clear:none;
	float:none;
	width:594px;
	
}







/* affichage ie8 police respectée */
# {

}

/*ie7*/
*+html div#contenu{
	/* Cette portion de code est interprétée exclusivement par IE7 */
	/*padding:0 188px 0 206px;*/
	text-align:left;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;

padding-left:206px;
	padding-left:19px;	 
	margin-left:29px;
	margin-top:26px;
	color:#00315b;
	font-weight:400;
	clear:none;
	float:none;
	width:594px;
	vertical-align:top;
}

/*ie8*/
html>/**/body div#contenu {
	/*padding:0 188px 0 206px;*/
	text-align:left;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-left:206px !important;/*ie 8 décalage gauche */
padding-left:19px;
	 
	margin-left:29px;
	margin-top:26px;
	color:#00315b;
	font-weight:400;
	clear:none;
	float:none;
	width:594px;
	vertical-align:top;
}


div#contenu
{
	/*padding:0 188px 0 206px;*/
	text-align:left;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-left:206px;	/*ie 8 décalage gauche */
padding-left:19px;
	 
	margin-left:29px;
	margin-top:26px;
	color:#00315b;
	font-weight:400;
	clear:none;
	float:none;
	width:594px;
	vertical-align:top;
	
	
}





div#contenu h1
{
	font-size:2.5em;
	color:#00223e;
	font-weight:800;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	text-transform:uppercase;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	
}
div#contenu h2
{
	padding-left:36px;
	line-height:22px;
	font-size:1.3em;
	background:url(images/h1.gif) no-repeat left bottom;
	color:#0096b5;
	font-weight:400;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:3px;
	padding-bottom:2px;
}
.soustitre
{
	padding-left:18px;
	margin-left:6px;
	padding-bottom:2px;
background:url(images/h2.gif) no-repeat left center;
	font-size:1.0em;

	font-weight:800;

}


div#contenu h4
{
	padding-left:38px;
	font-size:14px;
	font-weight:500;
	background:url(images/h3.gif) no-repeat  left top;
	color:#85605f;

	margin-left:0px;
	margin-top:2px;
	padding-top:16px;

}
div#contenu h3
{
	padding-left:0px;
	padding-top:0px;
	background:url(images/h3.gif) no-repeat left bottom;
	color:#0096b5;
	font-size:1.0em;
	font-weight:400;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:32px;
	padding-bottom:10px;
	text-align:left;
}
div#contenu h5
{
	margin-top:12px;
	margin-bottom:5px;
	color:#00315b;
	font-size:0.9em;
		padding-bottom:10px;
}
div#contenu p
{
	line-height:1.30em;
	font-size:0.88em;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:30px;

	color:00315b;
}
div#paragraphe
{
padding-left:12px;
	background:url(images/vertical.gif) repeat-y;
	

}

/*p.spip:first-letter
{
	font-size:0.88em;
	font-size: 1.6em;
}*/
div#contenu ul
{
	list-style-image:url(images/puce.gif);	
	padding-left:15px;
	font-size:0.98em;
	letter-spacing:0px;
	margin-left:0px;
	margin-top:-20px;
	
}
div#contenu a
{
	color:#e2057c;
	text-decoration:none;
}
div#contenu a:hover
{
	color:#00223e;
}
div#contenu img.photo-article
{
	float:right;
	border:#000000;
	border-width:1px;
	border-style:solid;
}

div#footer
{
	width:970px;
	margin:0 auto;
	text-align:left;
	clear:both;
	padding-top:32px;
	padding-left:32px;
	background:#ffffff;
	height:70px;
	/*background:url(images/footer-aef.gif) repeat-x left bottom;*/
	color:#005aa3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
div#logos
{
	float:left;
}
div#liens
{
	float:right;
	padding-top:45px;
}
div#footer img
{
	margin-right:24px;
}
div#footer a
{
	color:#e2057c;
	text-decoration:none;
}
div#footer a:hover
{
	color:#00223e;
}




div#bandeaubas
{
background:url(images/footer-aef.gif) repeat-x left top;
height:6px;
width:1008px;	

}




pre
{
	overflow:auto;
	
	background:#ffffff;
	border:2px solid #9b2;
	padding:5px 0 0 5px;
	font-size:1.2em;
}

/* En passant on définit l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
 dans cette balise est trop grand */

/* On doit donner une largeur au <pre> à cause d'Internet Explorer,
on ne va donc l'appliquer qu'à Internet Explorer en utilisant le
 commentaire conditionnel suivant, à placer dans la partie HTML,
 et plus précisément dans l'élément <head> : */
 /*[if IE]>
<style type="text/css">
 html pre
{
	width:636px;
}

<![endif]
*/

/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */


/*pre span
{
	color:#560;
}*/
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

/*pre span.comment
{
	color:#b30000;
}*/
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */