﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Redefinitions des balises HTML */ 

/*html{ overflow:-moz-scrollbars-vertical; }*/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#47515c;}
img{border:0}
*{margin:0;padding:0;}
body{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#47515c; background:url(../images/background/fond1.gif) repeat-x #FDF9F2;}
td{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#47515c;}
a{text-decoration:none; color:#5e4039;}
a:hover{color:#E2E2E2;}
img{border:none;}
input{ border:1px solid #cdcdcd; width:184px; height:15px; font-size:11px; padding:0 0 0 1px; margin:0 0 8px 0}
textarea{border:1px solid #cdcdcd;width:207px; height:61px;font-size:10px; padding:0 0 0 1px;margin:0 0 8px 0}
select{border:1px solid #cdcdcd; width:187px; height:16px;margin:0 0 8px 0 }
.radio{ width:10px; height:10px; border:0px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV HAUT*/ 
#Globale{width:975px; margin:0 auto;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Heauder*/ 
#header{width:968px; height:96px;}
#header .divLogo{width:180px; height:96px; float:left; }
#header .gaucheLogo{width:788px; height:96px; float:left; }
#header .gaucheLogo .recheche{width:788px; height:66px; position:relative;}
*html #header .gaucheLogo .recheche{width:788px; height:62px; position:relative;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Slogan*/ 
#header .gaucheLogo .recheche .slogan{position:absolute; left:136px; top:45px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Slogan*/ 
#header .gaucheLogo .recheche .TopRecherche{ position:absolute; right:0px; top:4px;}
#header .gaucheLogo .recheche .TopRecherche .zoneTxt{width:400px; text-align:right; float:right;}
#header .gaucheLogo .recheche .TopRecherche .zoneTxt .zoneRecehrche{width:115px; height:15px !important; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:1px!important;font-size:10px; color:#b3b3b3;}
*+html #header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;}
*html #header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;}
#header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;}
#header .gaucheLogo .recheche .TopRecherche .zoneTxt .ok{width:15px; height:16px; background:url(../images/bouton/ok.gif); border:0; cursor:pointer;}
#header .gaucheLogo .recheche .TopRecherche .elementCle{float:right; text-align:right;padding:0 10px 0 37px;}
#header .gaucheLogo .recheche .TopRecherche .elementCle ul{list-style:none;}
#header .gaucheLogo .recheche .TopRecherche .elementCle ul li{ display:block; float:left;}
#header .gaucheLogo .recheche .TopRecherche .elementCle ul li .sep{margin:0 5px 0 5px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu*/
#header .gaucheLogo .menu{width:788px; height:30px; position:relative;}
#header .gaucheLogo .menu ul{list-style:none; text-align:right; padding-right:10px; }
#header .gaucheLogo .menu ul li{display:inline; }
#header .gaucheLogo .menu ul li li{display:block;}
#header .gaucheLogo .menu ul li li a{display:block; }
#header .gaucheLogo .menu ul li.separateur{padding:0 13px 0 9px; width:5px;}
#header .gaucheLogo .menu ul li.dernier{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SOUS MENU*/
#header .gaucheLogo .menu ul.Smenu{position:absolute;opacity: 0.8;filter: alpha(opacity = 80);background:#fff;display:none;text-align:left;}
#header .gaucheLogo .menu ul.Smenu_0{top:30px;left:138px; }
#header .gaucheLogo .menu ul.Smenu_1{top:30px;left:238px; }
#header .gaucheLogo .menu ul.Smenu_2{top:30px;left:345px; }
#header .gaucheLogo .menu ul.Smenu_3{top:30px;left:493px; }
#header .gaucheLogo .menu ul.Smenu_4{top:30px;left:642px; }
#header .gaucheLogo .menu ul.Smenu1_5{top:30px;right:10px;}
#header .gaucheLogo .menu ul.Smenu li {display:block; text-align:left; display:block; clear:both;}
#header .gaucheLogo .menu ul.Smenu li a{color:#3A3A38; display:block;padding:6px 0 6px 11px;white-space:nowrap}
#header .gaucheLogo .menu ul.Smenu li a:hover{color:#2caadd;}
#header .gaucheLogo .menu ul.Smenu1{position:absolute;opacity: 0.8;filter: alpha(opacity = 80);background:#fff;display:none;text-align:right;}
#header .gaucheLogo .menu ul.Smenu1 li {display:block; text-align:right; display:block; clear:both;}
#header .gaucheLogo .menu ul.Smenu1 li a{color:#3A3A38; display:block;padding:6px 2px 6px 11px;}
#header .gaucheLogo .menu ul.Smenu1 li a:hover{color:#2caadd;}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Banniere flash*/ 
#divFla{width:975px; height:162px;}
#divFla .visuelBandeau{width:659px; height:162px; float:left;}
#divFla .inspire{width:283px; height:144px; float:left; background:url(../images/background/fond-inspere.jpg) repeat-x #2caadd;  padding:18px 0 0 17px;}
#divFla .inspire h2{ margin:0 0 8px 0;}
#divFla .inspire .txtInspire{ width:245px; color:#FFFFFF; font-size:11px;}
#divFla .inspire .txtInspire p{margin:0 0 15px 0;}


#divFla .ombre{position:absolute; top:0; left:0; display:none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Le groupe + Animation Flash*/
#milieu{width:975px;  /*background:url(../images/background/ombre-milieu.gif) top repeat-x;*/ padding-top:17px; padding-bottom:67px;}
#milieu .SMenu{ height:28px;margin-left:5px; }
#milieu .SMenu ul{list-style:none;}
#milieu .SMenu ul li{display:inline; margin-right:19px;}
#milieu .SMenu ul li a{color:#757471; font-size:11px;}
#milieu .SMenu ul li a:hover{color:#59ade3; font-size:11px;}
#milieu .SMenu ul li a.active{color:#59ade3; font-size:11px;}
#milieu .titre{clear:both;margin-left:9px;margin-bottom:9px; position:relative;  height:18px;}
#milieu .titre .deuxSelect{ height:20px; position:absolute; top:0px; left:420px; z-index:999; }
#milieu .contenu{width:975px;}
#milieu .contenu p{ padding:0 0 10px 7px}
#milieu .contenu .decG{width:724px;float:left; padding-left:7px; padding-right:16px;}
#milieu .contenu .decG .visuelG{margin:0 9px 0px 0px; float:left;}
#milieu .contenu .decG p{ padding:0 0 13px 0; font-size:11px; color:#484848; line-height:15px; padding-left:2px;}
#milieu .contenu .decG p.p1{margin-top:12px; }
#milieu .contenu .decG h2{font-weight:bold; color:#174F9A; font-size:11px;padding:0 0 13px 0; }
#milieu .contenu .decG h3{font-weight:bold; color:#174F9A; font-size:11px;padding:0 0 13px 0; }
#milieu .contenu .decG ul{ list-style:none; margin:0 0 13px 20px; }
#milieu .contenu .decG ul  li{line-height:18px;padding-left:10px;list-style-image:url(../images/pictos/puce1.gif); _height:20px;line-height:16px;list-style-position:inside;}
*+html #milieu .contenu .decG ul  li{line-height:18px;padding-left:10px;list-style-image:url(../images/pictos/puce2.gif); _height:20px;line-height:16px;list-style-position:inside;}
*html #milieu .contenu .decG ul  li{line-height:18px;padding-left:10px;
 background:url(../images/pictos/puce1.gif)  0 7px no-repeat; _height:20px;line-height:16px;list-style-image:none;}

#milieu .contenu .decG ul  li ul li{list-style:inside; background:none;}
#milieu .contenu .decG a{color:#0080D3;}
#milieu .contenu .decG a:hover{color:#0080D3;text-decoration:underline;}

#milieu .contenu .decD{width:228px; float:left;}
#milieu .contenu .decD p{margin:0; padding:0;}	
#milieu .contenu .decD img{margin-bottom:25px;}

#milieu .contenu .decG .stratigieG{width:100%;}
#milieu .contenu .decG .stratigieG .flash{width:456px; height:401px; float:right;}

#milieu .contenu  ul.resultat{ margin-bottom:13px;list-style:none;padding-left:12px;margin-left:12px;}
#milieu .contenu  ul.resultat li{line-height:20px;padding-left:12px; background:url(../images/pictos/puce1.gif) 0 8px no-repeat;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV FOOTER*/ 
#GlobaleFooter{width:100%; height:25px; background:#D3D0C7; clear:both;position:fixed; bottom:0px;}
*html #GlobaleFooter {position:absolute;width:100%; height:25px; background:#D3D0C7; clear:both;}
*html #GlobaleFooter {width:100%; height:25px; background:#D3D0C7; clear:both;
top: expression(offset = 0 + parseInt(document.body.currentStyle.paddingBottom) + parseInt(document.body.currentStyle.marginBottom), document.documentElement.clientHeight - this.offsetHeight - offset + document.documentElement.scrollTop + 'px');}
#GlobaleFooter #Footer{ width:975px; height:25px; margin:0 auto; padding-left:12px;}
#GlobaleFooter #Footer ul{list-style:none; }
#GlobaleFooter #Footer ul li{display:inline;}
#GlobaleFooter #Footer ul li .sep1{margin:0 5px 0 5px;}
#GlobaleFooter #Footer ul li .mention{margin-left:570px;}
#GlobaleFooter #Footer ul li .argaze{margin-left:0px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Decline*/ 
.selectNice{  border:none; color:#484848; font-size:10px; width:184px; height:16px;}
*+html .selectNice{  border:none; color:#484848; font-size:10px; width:184px; height:18px;}
*html .selectNice{  border:none; color:#484848; font-size:10px; width:184px; height:18px;}
.selectNice1{  border:none; color:#484848; font-size:10px; width:141px; height:16px;}
*+html .selectNice1{  border:none; color:#484848; font-size:10px; width:141px; height:18px;}
*html .selectNice1{  border:none; color:#484848; font-size:10px; width:141px; height:18px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 1 */ 
.decG{position:relative;}
.decG .Actua1ite{width:716px;  margin-bottom:15px;background: url(../images/background/ligne.gif) right bottom no-repeat; position:relative; }
.decG .Actua1ite .visuelActu{width:126px; float:left;background: #FDFAF5; z-index:999;}
.decG .Actua1ite .savoirPlus{position:absolute; bottom:-5px; right:0px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 3 */
.decG p{margin:0; padding:0 0 5px 0}
.decG .important {color:#b30d0d}
.decG .valider{ width:62px; height:16px; margin:0 0 0 145px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 4*/
#uploadQ { height:28px; }
#uploadQ td {padding:2px 4px;}
#uploadQ td div {width:145px;overflow:hidden;}
/**/
.uploadbuttons {position:relative;display:block;height:26px;width:180px;}
.uploadbuttons span {position:absolute; z-index:99999999; top:-5px}
.uploadbuttons .fileclass{position:absolute;top:0;right:0px;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;text-align: right;z-index: 2;cursor:pointer;width:180px;}
.uploadbuttons .addfile {position:absolute;top:0; right:-11px;z-index:1;cursor:pointer;}
*+html .uploadbuttons .addfile {position:absolute;top:1px; right:-11px;z-index:1;cursor:pointer;}
*html .uploadbuttons .addfile {position:absolute;top:1px; right:-11px;z-index:1;cursor:pointer; }
.decG .valider2{ width:62px; height:16px; margin:0 70px 0 0}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 5*/
.decG img{float:left; margin:0 5px 5px 0}
.transBottom{ width:230px;float:left; margin-top:45px; }
.transBottom1{ width:200px;float:left; margin-top:45px; padding-left:30px; }
.transBottom3{ width:210px;float:left; text-align:right; padding-left:30px;margin-top:45px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 6*/
.decG .actuImg{ position:relative; width:716px; /*height:90px;*/ padding-bottom:8px; background:url(../images/background/sep_actu.gif) left bottom no-repeat; margin-bottom:15px; float:left;}
.decG .actuImg img{float:left; padding:0 6px 0 0;background:#FDF9F2}
.decG .actuImg h2 {color:#47515cc;font-size:11px; font-weight:bold;padding:0;}
.decG .actuImg p{margin:0;padding:0}
.decG .actuImg span img{position:absolute;bottom:0px;right:0px;}
.decG .actuImg span img{position:absolute;bottom:-7px;right:0px;}
*+html .decG .actuImg span img{position:absolute;bottom:-6px;right:0px;}
*html .decG .actuImg span img{position:absolute;bottom:-6px;right:0px;}
.decG .actuImg span img a{border:0px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 7*/
.contenu .finaccess{ width:975px ; margin:20px 0 0 0; float:left;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 8*/
.decG .actuRetour{ position:relative; width:716px;}
.decG .actuRetour img{float:left; padding:0 6px 0 0;}
.decG .actuRetour span img{position:absolute;bottom:0;right:0px;}
.decG .actuRetour span img a{border:0px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Gabarit 9*/
.contenu .slideshow{position:relative;padding-bottom:50px;}
.contenu .slideshow .retour{position:absolute; bottom:0; left:490px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Plan 9*/
.contenu .plan {margin:10px 0 0 80px;}
.contenu .plan  a{color:#46302B;}
.contenu .plan  a:hover{color:#2F201C;text-decoration:underline;}
.contenu .plan .ligne{background:url(../images/background/sep_actu.gif) left bottom no-repeat; height:2px; width:100%;border:none;margin:10px 0 10px 0;}
* html .contenu .plan .ligne{background:url(../images/background/sep_actu.gif) left bottom no-repeat; height:2px; width:100%;border:none;margin:0;}
* + html .contenu .plan .ligne{background:url(../images/background/sep_actu.gif) left bottom no-repeat; height:2px; width:100%;border:none;margin:0;}
.contenu .plan ul {list-style:none;}
.contenu .plan ul li.rub{ color:#0083D7; font-weight:bold; padding:0 0 0 5px; margin:0;}
.contenu .plan  ul.srub{ margin:0 0 15px 40px;list-style:none; padding:0;}
.contenu .plan  ul.srub li{ line-height:18px;padding-left:12px; background:url(../images/pictos/puce1.gif) 0 8px no-repeat;}

.decG .ctc{}
.decG .ctc .blocAdresse{width:350px; float:left;}
.decG .ctc .blocAdresse {color:#59ADE3; margin-bottom:20px;}
.decG .ctc .blocAdresse a{color:#59ADE3;}
.decG .ctc .blocAdresse a:hover{color:#59ADE3; text-decoration:underline;}

.Paginer2{clear:both;  text-align:center; color:#174F9A;}

.Paginer2 .clasSpan{margin:0 5px 0 5px;}
.Paginer2 .active{margin:0 5px 0 5px; }
.Paginer2 a{margin:0 5px 0 5px;}
.Paginer2 span{margin:0 5px 0 5px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~pagination*/
.pagination{ color:#FFF; padding-left:260px;}
.pagination img{float:left; margin:2px 6px 0 0;}
.pagination span{display: block; float:left; width:10px; height:14px; background:#59bbe0; margin-right:6px;color:#ACDDF0; text-align:center;font-size:10px;}
.pagination  a{font-size:10px; color:#FFF !important; text-decoration:none;padding:0; margin:0;}
.pagination  a:hover{color:#0080D3; }


span.error{color:#ff0000;font-size:10px;position:relative;left:10px;}
.validation-advice{color:#808000}

.selectDate{width:62px; height:18px; margin:0 5px 0 5px; color:#484848; font-size:11px;}
.selectProjet{border:1px solid #cdcdcd; width:188px; height:18px; color:#484848; font-size:11px; padding:0 0 0 1px; margin:0 0 8px 0}
