body, td           { color: white; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal }
.whiteb  { color: #fff }
.body_liste { line-height: 14px; list-style-type: square; }
.vert    { color: #71bf4e; font-weight: bold }
.titre      { color: #fff; font-size: 29px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px }
.hz   { color: #121212; font-size: 22px; font-family: "Trebuchet MS", Verdana; font-weight: normal }
.crea   { color: #000; font-size: 14px; letter-spacing: 12px }
.lh2 { line-height: 180% }
.stitre    { color: #71bf4e; font-size: 15px; font-weight: normal; padding-bottom: 20px }
.separation { color: white; border-top: 1px dotted white; }
.txthp {
	font-size: 14px;
	line-height: 1.3
}
.legende       { color: #000; font-size: 9px }
.footer       { color: #fff; font-size: 9px }
.sm { color: #fff; font-weight: bold; padding-bottom: 4px }
.txt9 { font-size: 9px }
.txt_print { color: #222; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva }
.pad_down5    { color: #fff; text-align: justify; padding-bottom: 7px }
.legende_portfolio { color: #151515; text-align: justify; padding-top: 4px; padding-bottom: 4px; }
.legende_chiffres { color: #8b8b8b; text-align: justify; padding-bottom: 7px; }
.pad_menu   { padding-top: 7px; border-bottom: 1px solid #fff }
.padding_up   { padding-top: 9px }
.sep { font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.padding7 { padding-top: 7px }
.padding7b { padding-top: 5px; padding-bottom: 2px; border-bottom: 1px dotted #71bf4e }
.justify  { text-decoration: none; text-align: justify; }
/******* navigation styles *******/

.topmenuul { list-style-type:none; margin:0; padding:0; }
.topmenuli  { text-align: center; list-style-type: none; float: left }
.topmenutitle { display:block; }
.submenuul { list-style-type:none; position:absolute; margin: 0; z-index:30; padding:0; display: none; }
.submenuli a   { color: #5ebfe8; text-decoration: none; display: block; padding: 2px 5px; width: 90px }
li:hover ul , li.over ul { display: block }
.content { clear: left; }
.topmenuul   { border-style: none }
.topmenutitle   { color: #ffffff; font-size: 11px; text-decoration: none; cursor: default; padding: 1px }
.submenuul     { color: #553174; background-color: #e1e1e1; text-align: left; margin-top: -1px }
.submenuli a:hover   { color: #646464; text-decoration: none }
.subtitle { color: #666666; font-weight: bold; padding: 6px 5px 0px; cursor: default }
.subtitle2 { padding: 6px 5px 0px 5px; font-weight: bold; color: #649ABE; cursor: default; }
a.navfoot:link, a.navfoot:active, a.navfoot:visited             { color: #fff; font-size: 10px; text-decoration: none }
a.navfoot:hover             { color: #fff; font-size: 10px; text-decoration: underline }
a.navbt:link, a.navbt:active, a.navbt:visited           { color: #553174; font-weight: bold; font-size: 10px; text-decoration: none }
a.navbt:hover            { color: #fff; font-weight: bold; font-size: 10px; text-decoration: none }
.class { border-top: 2px dotted #82b4bd }
.dot_gris    { padding-top: 6px; border-top: 1px dotted #5990d7; border-bottom: medium dashed #fff }
.dot_gris_d     { padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #5990d7 }
.box { padding: 6px 10px }
.langues_on { color: #666 }
a.navm1:link, a.navm1:active, a.navm1:visited               { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none }
a.navm1:hover    { color: #8ac593; font-size: 11px; text-decoration: none }

a.navrouge:link, a.navrouge:active, a.navrouge:visited               { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none }
a.navrouge:hover    { color: #df0000; font-size: 11px; text-decoration: none }

a.navm2:link, a.navm2:active, a.navm2:visited       { color: #fff; font-size: 9px; font-weight: bold; text-decoration: none; letter-spacing: 1px; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }
a.navm2:hover      { color: #fff; font-size: 9px; font-weight: bold; text-decoration: none; background-color: #015744; letter-spacing: 1px; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }

a.navm3:link, a.navm3:active, a.navm3:visited      { color: #ed1e24; font-size: 10px; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }
a.navm3:hover     { color: #fff; font-size: 10px; text-decoration: none; background-color: #82b4bd; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }

a.navm4:link, a.navm4:active, a.navm4:visited      { color: #ed1e24; font-size: 10px; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }
a.navm4:hover     { color: #fff; font-size: 10px; text-decoration: none; background-color: #e0b020; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }

a.navm5:link, a.navm5:active, a.navm5:visited      { color: #ed1e24; font-size: 10px; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }
a.navm5:hover     { color: #fff; font-size: 10px; text-decoration: none; background-color: #c20d12; display: block; padding-top: 5px; padding-bottom: 5px; width: 112px; border-bottom: 1px dotted #666 }

a.navhp:link, a.navhp:active, a.navhp:visited   { color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none }
a.navhp:hover   { color: #424242; font-size: 11px; font-weight: bold; text-decoration: none; width: 133px; height: 21px }
a:link, a:active, a:visited                  { color: #6eb847; text-decoration: none }
a:hover { color: #6eb847; text-decoration: underline }
 
#menu ul { margin: 0; padding: 0; list-style: none; width: 141px; /* Width of Menu Items */ } 

#menu ul li { position: relative; } 

#menu li ul { position: absolute; left: -200px; width: 200px; /*Set 1px less than menu width */ bottom: -2px; display: block; } 

#menu li:hover ul { display: block; } 

#menu li:hover>ul { visibility:visible; } 

#menu ul ul { visibility:hidden; } 

.boxdroite { color: #6eb847; font-size: 14px; text-align: left; padding: 5px; }
.boxdroitesmall { color: #6eb847; font-size: 12px; text-align: left; padding: 5px; }
.boxdoite_st { color: #6eb847; font-size: 12px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
.stitrevert { color: white; font-size: 10px; font-weight: bold; }
.bodycopybold { color: white; font-size: 11px; font-weight: bold; letter-spacing: 1px; vertical-align: 5px; }
.boxdroite_vert { color: white; font-size: 16px; text-align: left; padding: 5px; }
.boxdroite_stvert { color: #fff; font-size: 14px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }


/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 
#menu ul, li { margin: 0 0 0 0; } 
/* Styles for Menu Items */ 
#menu ul a { display: block; text-decoration: none; color: #6EB847; padding-top: 2px;} 
/* Hover Styles */ 
#menu ul a:hover { color: #fff; text-decoration: none;} 
/* Sub Menu Styles */ 
#menu li ul a { text-decoration: none; color: #6EB847; background-color: #ffffff; padding-left: 4px; border-bottom: 1px dotted #A3C08E; padding-top: 2px; padding-bottom: 3px;} 
/* Sub Menu Hover Styles */ 
#menu li ul a:hover { color: #fff; background: #6EB847; text-decoration: none;}