/* ----------- CSS Commun ------------- */
* { padding:0; margin:0; }
img { border:none; display:block; }
a:focus { outline:none; }
ul { list-style:none; }

body { background:#000; font:13px Verdana, Geneva, sans-serif; color:#FFF; line-height:18px; }

a:link, a:visited { color:#ff8a00; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

h1 { font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#ff8a00; font-weight:normal; }
h2 { font-family: Verdana, Geneva, sans-serif; font-size:16px; background:#000; }
h3 { font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#ff8a00; }
h4 { font-size:10px; color:#2e4b4e; font-weight:normal; }
h5 { font-family: Verdana, Geneva, sans-serif; font-size:11px; }

/* ----------- CSS PageSlide ------------- */
#TraitSlide { width:100%; height:10px; background:#ff8a00; }
#DivSlide { background:#ff8a00; width:100%; height:285px; display:none; }
#DivSlide a { color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; }
#DivSlide a:hover { text-decoration:underline; color:#FFF; }
#DivSlide p { padding:0 0 10px 0; margin:0; float:none; width:auto; }
#DivSlide div { width:980px; margin:0 auto; }
#DivSlide .center { width:950px; position:relative; left:50%; margin-left:-480px; padding:0; }
#DivSlide h1 { color:#FFF; font-size:18px; padding:0 0 15px 0; font-weight:bold; margin:0; clear:both; }
.slide { width:30px; position:absolute; background:url(../images/new/bt-slide.gif) no-repeat; padding:0 0 0 0; text-align:center; left:15px; z-index:12px; }
.bouton-slide { height:30px; display:block; color:#000 !important; text-decoration:none !important; font-size:21px; font-weight:bold; }
.active { background-position: right 12px; }

/* ----------- Id Global ------------- */
#IdGlobal { width:980px; margin:0 auto; }

/* ----------- Id Logo ------------- */
#IdLogo { width:144px; float:left; padding:20px 10px 10px 0; }

/* ----------- Id Drapeaux ------------- */
#IdDrapeaux { position:absolute; left:50%; margin:12px 0 0 320px; }
#IdDrapeaux img { float:left; }

/* ----------- Id Header ------------- */
#IdHeader { width:790px; float:left; padding:20px 16px 0 20px; margin:0 0 25px 0; }
#IdHeader h1 { padding:0 0 15px 0; font:15px Verdana, Geneva, sans-serif;  }
#IdHeader a { float:right; padding:7px 0 0 0; }
.bt_BA{position:absolute; top:-50px; left:160px;}

/* ----------- Id Centre ------------- */
#IdCentre { clear:both; }

/* ----------- Class Petit Bloc ------------- */
.ClassBlocPt { width:317px; height:317px; margin:0 8px 0 0; background:url(../images/new/bloc-pt.gif); float:left; }
.ClassBlocPt_test { width:317px; height:337px; margin:0 8px 0 0; background:url(../images/new/bloc-pt-test.gif); float:left; }
.ClassBlocPt h2 { width:240px; margin:4px 0 10px 15px; }
.ClassBlocPt h2 img { float:left; margin:0 5px 0 0; }
.ClassBlocPt .ClassImg1 { float:right; margin:75px 2px 0 0; }
.ClassBlocPt .ClassImg2 { float:right; margin:3px 7px 0 0; }
.ClassBlocPt .ClassImg3 { float:right; margin:85px 2px 0 0; }
.ClassBlocPt ul { padding:0 0 0 50px; }
.ClassBlocPt a { color:#FFF; }

/* ----------- Class Grand Bloc ------------- */
.ClassBlocGd { width:476px; height:241px; margin:0 11px 20px 0; background:url(../images/new/bloc-gd.gif); float:left; }
.ClassBlocGd h2 { width:280px; margin:4px 0 15px 15px; padding:13px 0 0 0; }
.ClassBlocGd h2 a{color:#fff;}
.ClassBlocGd h2 img { float:left; margin:0 10px 0 4px; }
.ClassBlocGd .ClassImg1 { float:right; margin:0 14px 0 0; }
.ClassBlocGd ul { padding:0 0 0 44px; float:left; }

/* ----------- Class Dispo tarifs ------------- */
.ClassBlocDt { width:476px; height:241px; margin:0 11px 20px 0; background:url(../images/new/bloc-gd.gif); float:left; }
.ClassBlocDt h2 { width:280px; margin:4px 0 15px 15px; padding:13px 0 0 0; }
.ClassBlocDt h2 a{color:#fff;}
.ClassBlocDt h2 img { float:left; margin:0 10px 0 4px; }
.ClassBlocDt .ClassImg1 { float:right; margin:0 14px 0 0; }
.ClassBlocDt .ClassImg1 img{ margin-bottom:10px; }
.ClassBlocDt ul { padding:0 0 0 44px; float:left; }
.ClassBlocDt li { line-height:16px; }

/* ----------- Class Zone ------------- */
.ClassZone { width:470px; margin:20px 11px 20px 5px; float:left; }
.ClassZone h3 { padding:0 0 10px 0; }
.ClassZone p { }
.ClassZone p img { float:left; margin:0 10px 10px 0; }
.ClassZone a { color:#FFF; text-transform:none; }
.ClassZone a.video { float:right; padding:7px 0 0 0; }
.ClassZone p a.video { float:none !important; padding:0 !important; }

/* ----------- Id Footer ------------- */
#IdFooter { text-align:center; }
#IdFooter #IdReseau { width:400px; height:43px; margin:0 auto; }
#IdFooter #IdReseau h5 { float:left; padding:5px 0 0 0; color:#FFF !important; }
#IdFooter #IdReseau h5 img { float:left; margin:0 5px 0 0; }
#IdFooter #IdReseau .ClassLien img { float:left; margin:0 0 0 5px; }
#IdFooter #IdBandeau { font-size:10px; clear:both; }
#IdFooter #IdBandeau img { float:left; margin:15px 0 0 0; }
#IdFooter #IdBandeau .ClassYelloh { width:770px; height:68px; background:url(../images/new/bg-footer.gif) 0 15px repeat-x; float:left; padding:0 0 0 66px; color:#000; }
#IdFooter #IdBandeau .ClassYelloh a { color:#000; }
#IdFooter ul { font-size:9px; line-height:15px; padding:0 0 20px 0; height:90px; font-weight:bold; }
#IdFooter ul li { display:inline; }
#IdFooter ul li a { color:#FFF; }
#IdFooter h4 { height:40px; clear:both; padding:20px 0 0 0; }
#IdYelloh { color:#2e4b4e; }
#IdYelloh a { color:#2e4b4e !important; font-weight:normal !important; }

/* -------------- Facebook ------------ */
.ClassFaceBookFan img{float:left; }
.ClassFaceBookFan iframe{float:left; }