.titre { font-size: 17pt; font-weight: bold; color: #9EC326; font-family: Verdana, Arial, Helvetica;  font-variant: normal; letter-spacing: 3px} 

.titreGris { font-size: 13pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica; } 

.texte {  font-family: Arial, Helvetica; font-size: 9pt; color: #333333; text-align: justify}

.texteGris { font-size: 9pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica; } 

a.pied:visited { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Arial, Helvetica;  text-decoration: none} 

a.pied:hover { color:#FFFFFF; text-decoration: none} 




.menu { font-size: 12pt; font-weight: bold; color: #FFFFFF; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none } 

a.menu:link, a.menu:active, a.menu:visited { font-size: 15px; font-weight: bold; color: #FFFFFF; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none} 

a.menu:hover { color:#338512; text-decoration: none} 

a.blanc12:visited { font-size: 9pt; color: #FFFFFF; font-family: Arial, Helvetica;  text-decoration: none} 

a.blanc12:hover { color:#338512; text-decoration: none} 



.txtgrislight {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999}



.entete, a.entete:link, a.entete:active, a.entete:visited { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Verdana, Arial, Helvetica; vertical-align: middle; text-decoration: none } 

a.entete:hover { color:#338512; text-decoration: none} 



.lienBleu, a.lienBleu:link, a.lienBleu:active, a.lienBleu:visited { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Verdana, Arial, Helvetica; vertical-align: middle; text-decoration: none } 

a.lienBleu:hover { color:#338512; text-decoration: none} 

<!-- 0#99CC33 -->

.menu2 { font-size: 10pt; font-weight: bold; color: #9EC326; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none }

a.menu2:link { font-size: 10pt; font-weight: bold; color: #9EC326; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none }

a.menu2:active { font-size: 10pt; font-weight: bold; color: #9EC326; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none }

a.menu2:visited { font-size: 10pt; font-weight: bold; color: #9EC326; font-family: Verdana, Arial, Helvetica;  font-variant: small-caps; text-decoration: none} 

a.menu2:hover { color:#161F4D; text-decoration: none} 

a.liengrist:visited { font-size: 13pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; text-decoration: none } 

a.liengrist:hover { color:#338512; text-decoration: none} 



.liengrist { font-size: 13pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; text-decoration: none  } a.liengrist:active { font-size: 13pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; text-decoration: none  } 

a.liengrist:link { font-size: 13pt; font-weight: bold; color: #999999; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; text-decoration: none  } 



.blanc12 { font-size: 9pt; color: #FFFFFF; font-family: Arial, Helvetica;  text-decoration: none } a.blanc12:active { font-size: 9pt; color: #FFFFFF; font-family: Arial, Helvetica;  text-decoration: none } 

a.blanc12:link { font-size: 9pt; color: #FFFFFF; font-family: Arial, Helvetica;  text-decoration: none } 

.catalogueTelechargement { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Arial, Helvetica;  text-decoration: none }

.catalogueTelechargement:Hover { color: #9EC326; }

.pied { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Arial, Helvetica;  text-decoration: none } a.pied:active { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Arial, Helvetica;  text-decoration: none } a.pied:link { font-size: 9pt; font-weight: bold; color: #161F4D; font-family: Arial, Helvetica;  text-decoration: none } .titrebleu {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #161F4D}

.nomfiche {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #9EC326}

.txtbleu {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #161F4D}

#article_phase_liste, #article_phase_detail, #photos { overflow: hidden; zoom: 1; }

#article_phase_detail { width: 600px; margin: 0 0 0 100px; }

#article_phase_liste img, #article_phase_detail img { display: block; float: left; border: 2px solid #ACC550; margin: 0 5px 5px 0; }

#article_phase_liste p, #article_phase_detail p { color: #171F4D; font: 12px Verdana; text-align: justify; }

#flag { position:relative; left:332px; top:0px;}

.en_savoir_plus { text-align: right; }

.none { border: 0 !important; margin: 0; }

h3.titre  '{ margin: 0 0 15px 0 !important; }

#navigation { color: #171F4D; }

#navigation a { color: #ACC550; text-decoration: none; }

#photos, .date { clear: both; }

.date_phase_liste { float: left; padding: 5px 0 0 0; }

.en_savoir_plus { float: right; padding: 5px 0 0 0; }