#deroulant{font-family:Arial;display:block;width:630px;}
#deroulant, #deroulant ul{padding:0;margin:0;list-style:none;line-height:30px;text-align:center;white-space:nowrap;font-family:Arial, sans serif;font-size:13px;z-index:1;position:relative;}
#deroulant li:hover{list-style:none;background-color:#999;}
#deroulant li ul li{background-color:transparent;}
#deroulant li ul li:hover{background-color:transparent;}
#deroulant li a{display:block;padding:0;color:#000;text-decoration:none;}
#deroulant li{float:left;background:url(../images/separation_menu2.jpg);background-repeat:no-repeat;}
#deroulant li ul{position:absolute;width:auto;left:-999em;font-size:12px;line-height:19px;}
#deroulant li ul li{float:none;margin:0;margin-left:1px;}
html>body #deroulant li ul li a{border-top:1px solid transparent;}
#deroulant li ul li a{display:block;color:#ffffff;text-align:left;background-color:#999;}
#deroulant li ul li a:hover{display:block;color:#3d3d3d;text-align:left;background-color:#999;background-image:none;}
html>body #deroulant li ul li{border-top:1px solid transparent;}
#deroulant li ul ul{margin:0;}
#deroulant li:hover ul ul, #deroulant li.sfhover ul ul{left:-999em;}
#deroulant li:hover ul, #deroulant li li:hover ul, #deroulant li.sfhover ul, #deroulant li li.sfhover ul{left:auto;min-height:0;}

.lien1{width:150px;display:table-cell;}
.lien2{width:110px;display:table-cell;}
.lien3{width:90px;display:table-cell;}
.lien4{width:140px;display:table-cell;}
.lien5{width:140px;display:table-cell;}

.lien6{width:110px;display:table-cell;}
.lien7{width:150px;display:table-cell;}
.lien8{width:130px;display:table-cell;}
.lien9{width:130px;display:table-cell;}
.lien10{width:110px;display:table-cell;}

.drapfr{background:url(../images/spritehaut2012.png) -19px 0 no-repeat;width:16px;height:11px;display:block;}
.drapen{background:url(../images/spritehaut2012.png) 0 0 no-repeat;width:16px;height:11px;display:block;}
#drapeau_fr{float:right;right:50px;position:relative;z-index:1;bottom:265px;}
#drapeau_en{float:right;right:6px;position:relative;z-index:1;bottom:265px;}
.plan{background:url(../images/spritehaut2012.png) -99px 0 no-repeat;width:30px;height:30px;display:block;position:absolute;left:5px;}
.plan:hover{background-position:-99px -30px;}
.ahome{background:url(../images/spritehaut2012.png) -37px 0 no-repeat;width:30px;height:30px;display:block;position:absolute;left:37px;}
.ahome:hover{background-position:-37px -30px;}
.amail{background:url(../images/spritehaut2012.png) -68px 0 no-repeat;width:30px;height:30px;display:block;position:absolute;left:69px;}
.amail:hover{background-position:-68px -30px;}
.plan, .amail, .ahome {cursor:  pointer;}

body {background-color: #fff;color:#999;font-family:Arial, Helvetica, sans-serif;font-size:11px;}


.barre{background-color:#d6d8d7;height:30px;width:1000px;display:block;position:absolute;}
#haut{height:150px;}
#conteneur{position:relative;width:1000px;margin:30px auto;box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);background-color:#fff;}
#centre{width:734px;margin-left:206px;padding:30px;padding-top:0;font-size:13px;text-align:justify;/*overflow:hidden;*/margin-top:-30px;min-height:530px;}
#gauche{position:absolute;left:22px;top:272px;width:184px;background-color:#e1e2e2;bottom:30px;}
#pied{position:absolute;margin:10px;width:1000px;color:#333;}
#pied a:hover{color:#333; text-decoration:underline;}

#menu_haut{position:absolute;right: 0;}
#top {position:relative;top:30px;}


.txtnavg{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#000000; font-weight:normal;text-align:right;}
.txtnavact{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#575759; font-weight:normal;text-align:left;}
.txtnoir{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#000000; font-weight:normal;}
.txtpnoir{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.6em; color:#3e3d40; font-weight:normal;}
.txtinoir{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#3e3d40; font-weight:normal;font-style:italic;}
ul {line-height:17px;list-style-image:url(../images/puce.jpg);list-style-position:inside;padding-left:30px;}
a {text-decoration: none;color: black;}
a:hover {text-decoration: underline;}
p{margin:0 0 20px 0;}

.menus{font-family: Verdana;position:relative;top:-2px;background-color:#fff;width:140px;margin:auto;border-radius:10px;border:1px solid #b2b2b2;padding:10px;margin-bottom:20px;font-size:11px;}
.menus a {color:#7d7d7d;display:block;text-align:right;}
.menus a:hover {color:#95be0c;}
.menus hr {color:#fff;margin-top:20px;}
.titres_menus {text-transform:uppercase;font-weight:bold;width:150px;margin:auto;text-align:right;color:#666;font-size:11px;}

h1 {color:#999;font-size:30px;z-index:30;position:relative;text-align:left;}
h2{font-family:Arial black;font-size:13px;color:#666;font-weight:bolder;text-transform:uppercase;margin-top:50px;border-top:1px dashed #666;width:600px;line-height:40px;}
#barretitre {width:10px; height:10px; background-color:#999;position:relative;top:10px;left:220px}


.conseilfr{background:url(../images/SpriteMenuG.png) 0 0 no-repeat;width:140px;height:55px;display:block;}
.conseilen{background:url(../images/SpriteMenuG.png) 0 -55px no-repeat;width:140px;height:55px;display:block;}
.satfr{background:url(../images/SpriteMenuG.png) -140px 0 no-repeat;width:140px;height:55px;display:block;}
.saten{background:url(../images/SpriteMenuG.png) -140px -55px no-repeat;width:140px;height:55px;display:block;}
.certfr{background:url(../images/SpriteMenuG.png) 0 -110px no-repeat;width:140px;height:55px;display:block;}
.certen{background:url(../images/SpriteMenuG.png) -140px -110px no-repeat;width:140px;height:55px;display:block;}

#logo {position:absolute; top:20px; width:185px;height:90px;left:19px;}
#header {height:120px;}

.adr, .date {margin-left: 100px;position:absolute;width:500px;margin-top:50px;}
.adr {left:185px;}
.date {right: 20px;text-align: right;}

div#logobas {margin-top:30px;width: 1000px;height:100px;position: relative;background: url(../images/bandeaubas.png) 0 0 no-repeat;}
#sealvs {position:relative;width:116px;height:60px;margin-right: 30px;top:20px;float:right}
#sealhp {position:relative;width:116px;height:60px;top:20px;right:20px;float:right}

#hist tr:nth-child(odd){background-color:#e1e2e2;}
#hist td:nth-child(odd){width:100px; text-align:center;}
#hist td:nth-child(even){text-align:left;}
#hist tr {height:30px;}


.legende{color:#3367c6;}
.profil{width:704px; padding:15px;border-radius:10px;border:1px solid #ccc;margin-top:20px;}

table, td, th {border-collapse:collapse;margin:auto;font-size:13px;padding:0;}


/*new cookies*/
.popin {
  display: block; position: fixed; z-index:101; width: 400px; left: 0; right: 0;
  margin: 22% auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); padding:20px; color:#666;font-size:13px;
}
.popin input[type=radio] {margin:4px 3px;}
.popin a {background:#94be08;color:#fff;font-family:Arial Narrow; font-size:14px;font-weight:bold;margin:10px 0;display:block;padding:3px;border-radius : 2px;text-align:center;cursor:pointer}
.popin h1 {font-family:Arial Narrow; font-size:14px;font-weight:bold;color:#94be08;text-transform: uppercase; margin:0;padding:0;margin-bottom : 10px;}
.popin label {display: block;}
#cachePage{background-color:#000;z-index:101;width:100%;height:100%;position:fixed;opacity:0.6;top:0}

#cookie-bottom-banner, #cookie-DNT {z-index:101;width:100%;display:block;}

#BannerConsent, #bottomBanner, #bottomBannerDNT {position:fixed;z-index:101;background:#e1e2e3;right:10px;padding:10px;max-width:250px;color:#666;box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);bottom:10px}
#BannerConsent a, #bottomBanner a, #bottomBannerDNT a {color:#666;text-decoration: underline}
#modify-consent h2 {display:none}
#modify-consent {box-shadow: 0 0 10px rgba(0, 0, 0, .3);;padding:10px;max-width:300px;float:right}