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

body
{
	margin:15px;
	padding:0px;


	
	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;
padding-bottom:5px;
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#conteneur
{
width:970px;
	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:210px;
	background:url(images/header-pef.jpg) no-repeat left top;
}

div#ariane
{
	color:#99a7b2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background:#FFFFFF;
	height:23px;
	padding-top:9px;
	text-align:left;
}
div#ariane a
{
	color:#99a7b2;
	text-decoration:none;
}
div#ariane a:hover
{
	font-weight:bold;
}

div#menu
{
	float:left;
	width:188px;
	background-color:#d4d900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
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:24px;
	line-height:18px;
}
p.lien-menu a
{
	color:#ffffff;
	font-size:1.1em;
	text-decoration:none;

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

div#infos
{
	float:right;
	background:#ffffff;
	width:135px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
p#savoir-titre
{
	background:#de4502;
	margin-bottom:0px;
	margin-top:0px;
}
p#savoir-texte
{
	background:#de4502;
	color:#FFFFFF;
	padding-left:13px;
	padding-right:13px;
	margin-top:0px;
	margin-bottom:0px;
}
a#savoir-lien
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
}
p#savoir-bas
{
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}
p#zoom-titre
{
	background:#d4d900;
	margin-top:0px;
	margin-bottom:0px;
}
p#zoom-texte
{
	background:#d4d900;
	color:#de4502;
	padding-left:13px;
	padding-right:13px;
	margin-top:0px;
	margin-bottom:0px;
}
a#zoom-lien
{
	color:#de4502;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
}
p#zoom-bas
{
	background:#ffffff;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}


div#contenu
{
	padding:0 158px 0 211px;
	text-align:left;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-top:0px;
	padding-bottom:0px;
	color:#00223e;
	font-weight:400;
	clear: both;
	float:none;
}
div#contenu h1
{
	font-size:2.5em;
	color:#00223e;
	font-weight:800;
	font-family:Arial, sans-serif;
	font-stretch:condensed;
	text-transform:uppercase;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:24px;
}
div#contenu h2
{
	padding-left:26px;
	line-height:24px;
	font-size:1.3em;
	background:url(images/fond-h2.jpg) no-repeat left bottom;
	color:#fff;
	font-weight:400;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:8px;
	text-transform:uppercase;
}
div#contenu h3
{
	padding-left:27px;
	font-size:1.0em;
	background:url(images/fond-h3.gif) no-repeat left bottom;
	color:#dd5a02;
	height:18px;
	margin-left:0px;
	margin-top:31px;
	padding-top:1px;
	text-align:left;
}
div#contenu h4
{
	padding-left:27px;
	padding-top:0px;
	color:#00223e;
	font-size:1.1em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
div#contenu h5
{
	margin-top:18px;
	margin-bottom:8px;
	color:#00223e;
	font-size:1.0em;
}
div#contenu p
{
	line-height:1.30em;
	font-size:0.90em;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:30px;
}
/* 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.88em;
	letter-spacing:0px;
	margin-left:0px;
	margin-top:-20px;
	padding-top:20px;
	
}
div#contenu a
{
	color:#dd5a02;
	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;
	background:#ffffff;
	height:70px;
	background:url(images/footer-pef.gif) repeat left bottom;
	color:#00223e;
	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:#00223e;
	text-decoration:none;
}
div#footer a:hover
{
	color:#dd5a02;
}


pre
{
	overflow:auto;
	
	background:#dea;
	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 */