body {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666;background-color: #999; padding:0;margin:0} 
body {counter-reset: h2;}     

#base{position:relative;width:1000px;margin:20px auto 50px auto;box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);background-color:#fff;}

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

.tel{background:url(/php/HTML/images/SpriteMenuG.png) -140px -148px no-repeat;width:140px;height:57px;display:block;}

#ssfaq{line-height:14px;text-align:left;width:auto;}

#haut {height: 287px;}

.barre{background-color:#d6d8d7;height:30px;width:1000px;display:block;}

#logobandeau {width:308px;height:31px;position:absolute;right:32px;top:59px;margin:0 auto -50px;}

.TH, .SYM, .CO, .TBS, .GS, .CH, .GT, .CT, .PO, .HR {background:url(/php/HTML/images/logobandeauSprite.png);height:31px;display:block;position:absolute;}


.TH {background-position: 0 0; width:26px;left:0;}
.TH:hover {background-position: 0 -31px;}
.SYM {background-position: -26px 0;  width:28px;left:26px;}
.SYM:hover {background-position: -26px -31px;}
.CO {background-position: -54px 0; width:25px;left:54px;}
.CO:hover {background-position: -54px -31px;}
.TBS {background-position: -79px 0; width:51px;left:79px;}
.TBS:hover {background-position: -79px -31px;}
.GS {background-position: -130px 0; width:25px;left:130px;}
.GS:hover {background-position: -130px -31px;} 
.CH {background-position: -155px 0; width:37px;left:157px;}
.CH:hover {background-position: -155px -31px;}

.GT {background-position: -192px 0; width:27px;right:85px;}
.GT:hover {background-position: -192px -31px;}
.CT {background-position: -220px 0; width:27px;right:56px;}
.CT:hover {background-position: -220px -31px;}
.PO {background-position: -248px 0; width:28px;right:27px;}
.PO:hover {background-position: -248px -31px;}
.HR {background-position: -277px 0; width:21px;right:4px;}
.HR:hover {background-position: -277px -31px;}

#accrochefr, #accrocheen {background:url(/php/HTML/images/logobandeauSprite.png);  height:39px; width:219px;position:absolute;top:89px;margin:0 auto -90px;right:36px;}
#accrochefr {background-position: 0 -62px;}
#accrocheen {background-position: 0 -101px;}

#menu_haut{position:absolute;right: 0;z-index:3;}
#logo_tbs {position:absolute;z-index:100;left:38px;top:27px;}

#liste_drapeaux{position:relative;width:990px;top:10px;height:11px;left:50%; margin-left:-500px;padding-right:10px}
.drapfr {background:url(/php/HTML/images/spritehaut2012.png) -19px 0 no-repeat;width:16px;height:11px;display:block;}
.drapen {background:url(/php/HTML/images/spritehaut2012.png) -0 0 no-repeat;width:16px;height:11px;display:block;}
.drapes {background:url(/php/HTML/images/spritehaut2012.png) 0 -12px no-repeat;width:16px;height:11px;display:block;}
#liste_drapeaux div {width:16px;float:right;position:relative;margin-right:10px}

#pied{position:absolute;margin:10px;width:1000px;color:#333;}
#pied a:hover{color:#333; text-decoration:underline;}

#txtprincipale {margin-top:-70px;}
#principale {width:734px;margin-left:206px;padding:30px;padding-top:20px;font-size:13px;z-index:2;position:relative;min-height:800px;}
#principale:after {content: "";display: table;clear: both;margin:10px}
form fieldset {border:none;padding:0;margin:0;}
.choixCompany {font-size: 9px}

#top {width: 24px; position:absolute;background:url(/php/HTML/images/bandeau2.png) 0 0 repeat-y;left:-24px;top:1px;bottom:2px;}

#afflogos {position:absolute;bottom:-40px;right:30px;text-align:center; background-color:#fff;border-radius:10px;margin-bottom:5px;box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);}

#logo, a.open, #menumobile, .telmobile {display:none}

#infoleft div {border:1px solid #999;margin:0 0 15px 0;padding:10px;text-align:left;}
#infoleft div h2 {color:#0f7cab;text-transform:uppercase;font-weight:bold;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style: normal;}
#infoleft div hr {color:#fff;margin-right:50px;}
#infoleft div h3 {text-align:left;margin:0;color:#000}
#infoleft div h2, #etapes h2 {margin-top: 0px !important;}

#infoleft {width:40%; margin: 30px 0; float:left;font-size:12px}

#etapes {border:1px solid #999;width:55%;float:right;text-align:left;margin:30px 0;padding:10px;}
#etapes h2 {font-weight:bold;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px; text-transform:uppercase;line-height:24px;color:#0f7cab;margin: 0 0 20px 0;font-style: normal;}
#etapes h2:before {content: counter(h2) "  ";counter-increment: h2;background-color:#0f7cab; width:25px;height:25px;display:block;text-align:center;border-radius:3px;float:left;margin-right:20px;font-family:Arial;font-size:16px;color:#fff}
#etapes hr {margin:20px 0;color:#fff;}

table{margin:auto;}
a {color:#222222;}
#base > td{padding:0px;}
#baseEC{margin:auto;width:90%;}

.tbs_legende{font-size:1.1em;color:#98BF0E;}

/**** BANDEAU ****/

#ico{margin-left:85px;}
.badeau_imgLien{border:none;}

.puce{margin-right:5px;margin-left:3px;}
#rate{margin:20px;margin-left:0px;}
#mini600{height:450px;}
.imgMap{border:none;}
#principale{padding-right:20px;padding-left:20px;}
.title {font-size: 14px;color: black;font-weight: bolder;text-transform: uppercase;}

.pilot {position:fixed;bottom:90px;background-color:#fff;height:63px;width:180px;z-index:10; right:10px; border:7px solid #E1E3E2;box-shadow: 0 0 10px rgba(0, 0, 0, .8);padding-top:25px}
@media screen and (max-width:1300px){
  .pilot {position:fixed;left:10px;}
  #BannerConsent, #bottomBanner {position:fixed;left:10px;width:auto;max-width:200px;} 
}