/***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/
margin:0;padding:0;}
html {height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;---*/
/*background:#FFF url(../../charte/images/bg-body.png) center top repeat-x;*/
background-image:
url(../../charte/images/bg-body1.png),
url(../../charte/images/bg-body2.png),
url(../../charte/images/bg-body.png);background-position: top left, center 185px, top left;/*background-origin: border-box, content-box, border-box;*/
background-repeat: repeat-x, no-repeat, repeat;

}
body {background:none;height:100%;}

/***************** FONTFACE *****************/

/***************** FONTFACE *****************/

@font-face {font-family: 'Pictos';src:url('../../charte/font/Pictos.eot');src:url('../../charte/font/Pictosd41d.eot?#iefix') format('embedded-opentype'),
url('../../charte/font/Pictos.woff') format('woff'),
url('../../charte/font/Pictos.ttf') format('truetype'),
url('../../charte/font/Pictos.svg#Pictos') format('svg');font-weight: normal;font-style: normal;}


@font-face {font-family: 'Bauhaus';src: url('../../charte/font1/Bauhausd41d.html?') format('eot'), 
     url('../../charte/font1/Bauhaus.html') format('woff'), 
     url('../../charte/font1/Bauhaus-2.html')  format('truetype'),
     url('../../charte/font1/Bauhaus-3.html#Bauhaus') format('svg');}

@font-face {    font-family: 'BauhausITCMobileRegular';    src: url('../../charte/font/bauhaus.html');    src: url('../../charte/font/bauhaus.html') format('embedded-opentype'),
         url('../../charte/font/bauhaus-2.html') format('woff'),
         url('../../charte/font/bauhaus-3.html') format('truetype'),
         url('../../charte/font/bauhaus-4.html#BauhausITCMobileRegular') format('svg');}

@font-face {    font-family: 'abelregular';    src: url('../../charte/fonts/abel-regular-webfont.eot');    src: url('../../charte/fonts/abel-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../charte/fonst/abel-regular-webfont.html') format('woff'),
         url('../../charte/fonts/abel-regular-webfont.ttf') format('truetype'),
         url('../../charte/fonts/abel-regular-webfont.svg#abelregular') format('svg');    font-weight: normal;    font-style: normal;
}


/***************** CONTAINER *****************/
#container {position:relative;min-height:100%;width:988px;margin:0 auto;background:none;}
/***************** HEADER NO FLASH *****************/
#headerNoFlash {    display: block;    height: 82px;    outline: 0 none;    width: 988px;}

#HeaderMid {width: 988px;height: 380px;float: left;position: relative;
        transition: all .25s ease-in-out;}


/***************** ANIMATION HEADERMID *****************/

#HeaderMid .HeaderMidTxt a{font: 300 20px 'abelregular', Arial,Helvetica,sans-serif;text-transform: uppercase;text-decoration: none;color: #FFF;padding: 10px 30px;background-color: #e74c3c;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius: 8px;
box-shadow: 0px 1px 0px 0px rgba( 0, 0, 0, 0.3);-webkit-transition: all .25s ease-in-out;   -moz-transition: all .25s ease-in-out;    -ms-transition: all .25s ease-in-out;     -o-transition: all .25s ease-in-out;        transition: all .25s ease-in-out;}

#HeaderMid .HeaderMidTxt a:hover{background-color: #ff1e00;}

#HeaderMid .headerMidDiapo {width: 60%;height: 100%;position: absolute;right: 0;top:145px;
}


/***************** ANIMATION LOGO *****************/

#logo {-webkit-transition: all 0.3s ease-in-out;-moz-transition:    all 0.3s ease-in-out;-o-transition:      all 0.3s ease-in-out;-ms-transition:     all 0.3s ease-in-out;transition:         all 0.3s ease-in-out;position:absolute;top:10px;left:0px;/*overflow:hidden;*/ 
float: left; 
margin-top: 0px; 
margin-left: 0px;z-index:9999;}

#logo:hover {margin-left: 15px;}

/***************** MENU TOP *****************/
#menuTop {position:absolute;top:125px;left: 55px;z-index:10;/*width:988px;*/
height:82px;list-style:none;}
#menuTop li {position:relative;float:left;}

#menuTop a {text-decoration:none;font:400 20px/40px 'abelregular', Arial, Helvetica, sans-serif;color:#000;text-align:center;display:block;height:40px;overflow:hidden;padding:0 15px;text-transform: uppercase;}
#menuTop a:after {content:"|";font:300 18px/40px 'abelregular', Arial, Helvetica, sans-serif;color:#000;position: absolute;right: 0;}
#menuTop li:last-child a:after {content:"";font:300 18px/82px 'abelregular', Arial, Helvetica, sans-serif;color:#666666;position: absolute;right: 0;}

#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {color:#000;border-bottom:2px solid #000;}
/***************** SOUS MENU */
#menuTop li ul {list-style:none;position:absolute;width:230px;top:-6000px;left:0;background:#bfbfbf;border-top:4px solid #e74c3c;}
#menuTop li li {float:none;}
#container #menuTop li li a {background:none;width:auto;position:relative;height:auto;font:300 14px/25px 'abelregular', Arial, Helvetica, sans-serif;text-transform: uppercase;color:#666;text-decoration:none;text-align: left;}
#container #menuTop li li a:hover {background:#b3b3b3;color: #FFF;}
/***************** MENU LEFT *****************/
#ContentMenuLeft {width:232px;margin: 35px 0;float: left;}
#menuLeft {float:left;width:100%;list-style:none;}
#menuLeft li a {background:none;text-decoration:none;font:300 20px/20px 'abelregular', Arial, Helvetica, sans-serif;color:#666;display:block;overflow:hidden;padding:7px 10px;text-transform: uppercase;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius: 8px;margin: 1px 0;}
#menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a {background:#3b414a;color:#fff;}
/***************** SOUS MENU */
#menuLeft li ul {list-style:none;background:none;}
#menuLeft li ul li a, #menuLeft li:hover ul li a, #menuLeft li.inUse ul li a {background:none;border:none;text-decoration:none;font:300 16px/18px 'abelregular', Arial, Helvetica, sans-serif;color:#2C2F35;display:block;overflow:hidden;padding:7px 10px;border-width:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius: 8px;}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {text-decoration:none;color:#666;background:none;border-width:0;background: #EFEFEF;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:945px;margin: 35px 0;}
#contenu {float:left;width:945px;padding:110px 0 10px 20px;}
#contenu-gauche {float:left;width:945px;margin:0;}
#contenu-droite {float:left;width:180px;display: none;}
/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/
#btn_up {position:absolute;cursor: pointer;z-index: 100;top: -25px;margin-left: -30px;left:50%;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition:  all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width:60px;height:30px;background:#333 url(../../charte/images/btn_up.png) center center no-repeat;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}

#btn_up:hover {background:#000 url(../../charte/images/btn_up.png) center 8px no-repeat;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {height:80px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter {position:relative;clear:both;width:100%;height:80px;margin:-80px 0 0;background:url(../../charte/images/bg-containerfooter.png) top center repeat-x;}
#footer {position:relative;width:988px;height:80px;margin:0 auto;font:9px/15px Arial, Helvetica, sans-serif;color:#FFF;}
#linkeo {position:absolute;left:0;top:25px;width:350px;height:26px;line-height:10px;color:#ccc;padding:4px 0 0;}
#linkeo img {float:left;margin:4px 10px 0 10px;}
#footer #linkeo a.linkeo {text-decoration:none;font:9px Arial, Helvetica, sans-serif;color:#FFF;}
#footer #linkeo a:hover.linkeo {text-decoration:underline;color:#FFF;}
/******************* STYLE FOOTER *****************/
#footer p {font:300 12px/30px 'abelregular', Arial, Helvetica, sans-serif;color:#fff;text-align:right;padding:25px 10px 0 0;text-transform: uppercase;}
#footer a:link, #footer a:visited {text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active {text-decoration:underline;color:#fff;}
/********************* STYLES BANNIERES DE PUBS ***************/

#pub468 {width:468px;height:60px;position:absolute;top:5px;left:50%;margin-left:-234px;z-index:100;border: 1px solid #FFFFFF;}
#pub468 img {padding:0 !important;margin:0 !important;border:0 !important;}
#pub180 {width:180px;height:150px;float:right;margin-left:15px;border: 1px solid #FFFFFF;}
#pub180 img {padding:0 !important;margin:0 !important;border:0 !important;}

/**/


#all{position:absolute;top:172px;left:0px;background:rgba(255,255,255,0.7);width:250px;height:260px;}


#centrepx {cursor: pointer;    display: block;  
    left:7px;    overflow: hidden;    position: absolute;    top: 65px;    width: 220px;background:none; height: 44px;    z-index: 100;/*Transition*/
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}

#centrepx:hover{cursor: pointer;    display: block;  
    overflow: hidden;    position: absolute;
 
    width: 220px;background:none;
 height: 44px;    z-index: 100;/*Transition*/
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}

#centrepx .icon {display:block;position:absolute;width:auto;height:auto;top:26%;left:5%;font:normal 1.4em/0.8em 'Pictos', Arial, Helvetica, sans-serif;color:#000;text-align:center;/*background: url(../../charte/modules-encart/wcb/images/picto-phone.png) center center no-repeat;*/
/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition :all 300ms ease-out;transition: all 300ms ease-out;}

#centrepx h2 {font-family: 'abelregular',Helvetica,sans-serif;margin:0;padding:0;border:0;font-size:18px;line-height:1.2em;font-weight:300;color:#000;/*Transition*/
-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
#centrepx .centre-contentx {overflow: hidden;    position: absolute;    left: 50px;    top: 5px;font-family: 'abelregular',Helvetica,sans-serif;/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#centrepx .centre-contentx h2 {margin:0;padding:0;border:0;font-size:22px;line-height:34px;font-weight:bold;color: #000;

/*Transition*/
-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}

#centrepx .centre-contentx h2 strong {font-size:22px;color: #000;
}


#centrepx:hover .centre-contentx {top:-62px;}

#centrepp .icon {display:block;position:absolute;width:auto;height:auto;top:26%;left:3%;font:normal 1.4em/0.8em 'Pictos', Arial, Helvetica, sans-serif;color:#000;text-align:center;/*background: url(../../charte/modules-encart/wcb/images/picto-phone.png) center center no-repeat;*/
/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition :all 300ms ease-out;transition: all 300ms ease-out;}

#centrepp {background:#none;  color:#000;cursor: pointer;    display: block;    left:10px;    overflow: hidden;    position: absolute;    top: 10px;    width: 300px;height: 42px;    z-index: 100;Transition
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}


#centrepp:hover {background:none;cursor: pointer;    display: block;    
    overflow: hidden;    position: absolute;    
    width: 300px;height: 42px;    z-index: 100;Transition
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}
#centrepp .centre-iconp {display:block;position:absolute;width:26px;height:26px;top:185px;left:0px;background:url(../../charte/images/picto-contact.html) 0px 0px no-repeat;Transition
-webkit-transition:all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#centrepp .centre-contentp {overflow: hidden;    position: absolute;    left: 47px;    top: 4px;font-family:'abelregular',Helvetica,sans-serif;/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#centrepp .centre-contentp h2 {margin:0;padding:0;border:0;font-size:16px;line-height:20px;font-weight:bolder;color: #000;

/***Transition***/
-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}


#centrepp .centre-contentp h2 strong {font-size:22px;line-height:17px;font-weight:bold;color: #000;}




#centrepp:hover .centre-contentp {
top:-47px;}



/**************devis*******/
#devis .icon {display:block;position:absolute;width:auto;height:auto;top:26%;left:5%;font:normal 1.4em/0.8em 'Pictos', Arial, Helvetica, sans-serif;color:#000;text-align:center;/*background: url(../../charte/modules-encart/wcb/images/picto-phone.png) center center no-repeat;*/
/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition :all 300ms ease-out;transition: all 300ms ease-out;}

#devis {background:none;  color:#000;cursor: pointer;    display: block;    left:5px;    overflow: hidden;    position: absolute;    top: 115px;    width: 235px;height: 44px;    z-index: 100;Transition
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}


#devis:hover {background:none;cursor: pointer;    display: block;   
    overflow: hidden;    position: absolute;   
    width: 220px;height: 44px;    z-index: 100;Transition
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
text-decoration : none;border: none;
}
#devis .centre-devis {overflow: hidden;    position: absolute;    left: 50px;    top: 3px;font-family: 'abelregular',Helvetica,sans-serif;/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#devis .centre-devis h2 {margin:0;padding:0;border:0;font-size:22px;line-height:35px;font-weight:bolder;color: #000;

/***Transition***/
-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}


#devis .centre-devis h2 strong {line-height:55px;font-size:22px;font-weight:bold;color: #000;}


#devis:hover .centre-devis {top:-78px;}

#contenu p{font-size:16px;line-height:25px;color:#333;}

#contenu ul li{font-size:16px;line-height:20px;color:#333;margin-bottom:5px;}

#contenu p strong{color:#000;}

p.telhaut{position:absolute;top:10px;right:35px;color:#fff;font:bold 25px/32px 'abelregular', Arial, Helvetica, sans-serif;}

p.rbqhaut{position:absolute;top:40px;right:32px;color:#fff;font:bold 20px/32px 'abelregular', Arial, Helvetica, sans-serif;}

p.telhaut strong{color:#D6E03D;}

p.rbqhaut strong{color:#D6E03D;}

p.mail{position:absolute;top:70px;right:35px;color:#fff;font:bold 15px/32px 'abelregular', Arial, Helvetica, sans-serif;}

#contenu h1{font:bold 40px/42px 'abelregular', Arial, Helvetica, sans-serif;color:#000;}
#contenu h2{font:normal 35px/37px 'abelregular', Arial, Helvetica, sans-serif;color:#fff;background:#000;border:none;padding:5px;}
#contenu h3{font:normal 28px/30px 'abelregular', Arial, Helvetica, sans-serif;color:#D6E03D;background:#000;padding:5px;}
#contenu h4{font:normal 22px/24px 'abelregular', Arial, Helvetica, sans-serif;color:#000;border-bottom:1px solid #000;background:none;font-weight:600;}



#contenu img{border: 1px solid #000;padding:2px;}

#contenu #contenu-gauche ul#ideo_inc_planSite li {    float: left;    width: 28%;}

#contenu #contenu-gauche .diaporama02 img { border:none; padding:0;}

#contenu #galerie .galeriephoto img { border:none; padding:0;}

#contenu .galerie img { border:none; padding:0;}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton{position:relative;right:0;float:none; text-align: left; }
#ideosubmitbtn {
	visibility: hidden;
}


#contenu h1.ideo_gbl_sans{margin-bottom:20px}

.lien{color:#000 !important;text-decoration:underline !important;}

.lien:hover{color:#666 !important;text-decoration:none !important;}