html {}
body { width:90%;
padding: 0rem;
display: block;position:relative;top:0px;}
/*left:13px;left:0,8125rem;*/
.bkgint-triple,.bkgint {position:relative;top:260px;left:auto;width:892px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #AA8D62;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AA8D62), to(#5a3f1a));
background: -webkit-linear-gradient(#AA8D62, #5a3f1a);
background: -moz-linear-gradient(#AA8D62, #5a3f1a);
background: -ms-linear-gradient(#AA8D62, #5a3f1a);
background: -o-linear-gradient(#AA8D62, #5a3f1a);
background: linear-gradient(#AA8D62, #5a3f1a);
-pie-background: linear-gradient(#AA8D62, #5a3f1a);
behavior: url(css/PIE.htc);
padding:30px 15px 20px 15px;
margin:0px auto 0px auto;
} /*position:relative;top:250px;left:auto;width:892px;margin:0 auto;padding:30px 15px 20px 15px;border:30px;border:1.875rem;*/
/*.bkgint-triple,.bkgint {z-index:-3;} pas utile dans ie8 ou firefox... est utile dans ie9 ? */
.bkgint-triple {height:1061px;}
.bkgint {height:345px;}
body > header { position:absolute;top:20px;left:50%;width:922px;margin-left:-461px;} /*Pour centrer le bloc*/
section header { position:relative;top:0px;left:0px;width:auto;margin-left:0px;}
.logo {position:absolute;}
header>nav {position:absolute;height:24px;}
.bandeau {position:absolute;top:24px;left:234px;background:url(../img/bandeau.jpg) no-repeat;width:688px;height:211px;z-index:-5;}
body>header nav #menu{position:absolute;left:234px;width:688px;}
/*************************************************/
/* Clearfix pour tous les containers de float */
/*************************************************/
.logo,nav, .bandeau, .mainBody {
}
.logo:before,nav:before, .bandeau:before, .mainBody:before
.logo:after,nav:after, .bandeau:after, .mainBody:after {
content: "";
display: table;
}
.logo:after,nav:after, .bandeau:after, .mainBody:after {
clear: both;
}
/******************************************************************************/
/* MENU */
/******************************************************************************/
nav .btn-navbar {
display: none;
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;
}
#menu-fleche{display:none;}
header nav #menu {z-index:15;width:688px; height:24px; text-align:left;display:inline-block;}
header nav #menu ul.top-level {margin-left:0;z-index:16;}
header nav ul#menu, header nav #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
header nav #menu li {margin:0; padding:0;}
header nav #menu a {display:block;font-family:tahoma; font-size:11px;font-size:0.6875rem; font-weight:bold;color:#ffffff;line-height:24px;text-decoration:none; padding-left:8px;padding-right:8px;}
header nav #menu li:hover > ul, header nav #menu li.hover > ul, header nav #menu li.hover_effect > ul {visibility:visible;}
header nav #menu a:hover ul, header nav #menu a.hover ul, header nav #menu a.hover_effect ul,
header nav #menu a:hover a:hover ul, header nav #menu a.hover a.hover ul, header nav #menu a.hover_effect a.hover_effect ul,
header nav #menu a:hover a:hover a:hover ul, header nav #menu a.hover a.hover a.hover ul, header nav #menu a.hover_effect a.hover_effect a.hover_effect ul {visibility:visible;}
header nav #menu a:hover ul ul, header nav #menu a.hover ul ul, header nav #menu a.hover_effect ul ul,
header nav #menu a:hover a:hover ul ul, header nav #menu a.hover a.hover ul ul, header nav #menu a.hover_effect a.hover_effect ul ul {visibility:hidden;}
header nav #menu li.top-level-li {float:left; position:relative; margin-right:1px;}
header nav #menu a.top-level-a {float:left; padding:0 0 0 8px; background:#882600 no-repeat left top;} /* padding left*/
header nav #menu a.top-level-a b,header nav #menu a.top-level-a strong {float:left; padding:0 8px 0 0; background:#882600 no-repeat right top; cursor:pointer;}
header nav #menu a.down b {float:left; padding:0 8px 0 0; background:#882600 no-repeat right top; cursor:pointer;}
/* couleur de fond différente pour le Menu SOCIETE */
header nav #menu a.societe {background:#b73b00}
header nav #menu a.societe b {float:right;left:auto;right:0px;color:#eec278;background:#b73b00}
header nav #menu li.top-level-li:last-child {position:relative;float:right;}
header nav #menu li.top-level-li:last-child > a.societe {position:relative;float:right;left:auto;right:0px;text-align:right;}
header nav #menu li.top-level-li:last-child > ul {text-align:left;position:relative;left:auto;right:0px;width:auto;}
/* ffc700 = Jaune ; 571901=marron foncé ; 261b07=marron noir ; d7c7a3 =crème fond slideshow ; #882600=??? e3e6ed=gris clair*/
header nav #menu a.top-level-a:hover, a.top-level-a:focus, a.top-level-a:active {white-space:nowrap; background:#571901 no-repeat;} /*petit bloc à gauche de chaque titre*/
header nav #menu a.top-level-a:hover b, header nav #menu a.top-level-a:hover strong,
header nav #menu a.top-level-a:focus b, header nav #menu a.top-level-a:focus strong,
header nav #menu a.top-level-a:active b, header nav #menu a.top-level-a:active strong {color:#ffc700; background:#571901 no-repeat; cursor:pointer;}
header nav #menu a.down:hover,header nav #menu a.down:focus,header nav #menu a.down:active,header nav #menu a.down:hover b,header nav #menu a.down:focus b,
header nav #menu a.down:active b {color:#000; background:#571901 no-repeat ; cursor:pointer;}
/*header nav #menu li.top-level-li:hover > a {white-space:nowrap; background:#882600 no-repeat ;}*/ /*petit bloc à gauche de chaque titre*/
header nav #menu li.top-level-li:hover > a.societe, header nav #menu li.top-level-li.hover > a.societe, header nav #menu li.top-level-li.hover_effect > a.societe {white-space:nowrap; background:#571901 no-repeat ;} /*pour Menu SOCIETE*/
header nav #menu li.top-level-li:hover > a b, header nav #menu li.top-level-li.hover > a b {color:#ffc700; background:#571901 no-repeat ;}
header nav #menu li.top-level-li:hover > a.down b, header nav #menu li.top-level-li.hover > a.down b {color:#ffc700; background:#571901 no-repeat ;}/*header nav #menu li.top-level-li > a.societe*/
header nav #menu li ul {display:block; posi\tion:absolute; visibility:hidden; background:#882600; padding:1px 1px 8px 1px; left:0;}
header nav #menu li li {border-bottom:1px solid #882600;}
header nav #menu li li a {font-style:normal;font-weight:500;color:#ab331b;background:#f7deac;}
header nav #menu li li a:hover {background:#e3e6ed;}
header nav #menu li li:hover > a {background:#e3e6ed;}
header nav #menu li li a.fly {background:#f7deac no-repeat right top;}
header nav #menu li li a.fly:hover {background:#e3e6ed no-repeat right top;}
header nav #menu li li:hover > a.fly {background:#e3e6ed no-repeat right top;} /*Racine de sous-menu*/
header nav #menu ul.drop-down {top:24px; opacity:0.85;}
header nav #menu li li ul {left:100%; margin-top:-25px; margin-left:-1px;}
header nav #menu table {posi\tion:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
header nav #menu table ul li a {padding-left:0; padd\ing-left:20px;}
header nav #menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
header nav #menu table table ul {margin-top:-4px; marg\in-top:-7px;}
/******************************************************************************/
/* mainBody POSITIONNEMENT RELATIF (necessaire pour PIE.htc) */
/******************************************************************************/
.mainBody {margin:0px;}
.mainBody1 {position:relative;top:0px;left:0px;width:253px;height:176px;margin:0 11px 0 0;padding:0;}/*Coords*/
.mainBody2 {position:relative;top:-176px;left:262px;width:293px;height:176px;}/*Actualités*/
.mainBody3 {position:relative;top:-176px;left:0px;width:537px;height:837px;text-align:justify;font-size:12px;font-size:0.75rem;line-height:15px;line-height:0.9375rem;padding:10px;margin-top:30px;} /*Mieux nous Connaître*/
.mainBody4 {position:relative;top:-176px;left:570px;width:324px;}/*Zoom sur*/
.mainBody5 {position:relative;top:0px;left:0px;width:537px;text-align:justify;font-size:12px;font-size:0.75rem;padding:10px;}/*Texte Principale toute Rubrique*/
.bkgint .mainBody5 {height:329px;}
.bkgint-triple .mainBody5 {height:1047px;}
.bkgint-triple .mainBody4 {top:-1067px;}
.bkgint .mainBody4 {top:-349px;}
.mainBody3~.mainBody4 {top:-1238px;}
.mainBody5 article{position:relative;top:-20px;}
.mainBody5.peu-de-texte article{padding-top:30px;}
aside.hilight {position:relative;top:-15px;width:120px;left:20px;margin:0 0 0 -20px;}
/*aside.hilight strong {}
aside.hilight .font10 {line-height:14px;}
aside.hilight .font12 {line-height:17px;}*/
.mainBody5.peu-de-texte aside{padding-top:30px;}
.mainBody1~.mainBody4 article{top:-20px;} /*pour la page INDEX */
.mainBody5~.mainBody4 article{} /*pour les autres pages*/
h1 {font-size:14px;font-size:0.875rem;margin:0px;padding:0px;}
h2 {font-size:12px;font-size:0.75rem;margin:0px;padding:0px;}
h3 {font-size:12px;font-size:0.75rem;padding-left:10px;}
.peu-de-texteXX {padding-left:20px;padding-top:30px;}
.mainBody5 article ul {list-style-type:disc;padding-left:20px;}
.hilight ul{list-style:none;padding-left:0px;margin:0;}
.ascenseur {height:100%;overflow-y:scroll;padding-right:10px;overflow-x:hidden;}
.mainBodyT {position:relative;top:-22px;left:30px;font-size:16px;font-size:1.0rem;font-weight:800;color:#2e1e05}
.mainBodyT1 {}/*Coords et Titre Rubrique Principales des Pages*/
.mainBodyT2 {} /*Actualités*/
.mainBodyT3 {top:-30px;} /*Mieux nous Connaître*/
.mainBodyT4 {}/*Zoom sur*/
.mainBody5>.mainBodyT1 {top:-30px;} /*Titre Rubrique Principales des Pages*/
/************************************************/
/* Index */
/************************************************/
.coords {position:relative;left:10px;top:-15px;}
.newsgauche {width:293px;}
/*.js .newsgauche {top:-15px;}*/
.newsgauche>.caroufredsel_wrapper{}
.lkactu {position:relative;display:block;height:42px;color:#2e1e05;margin:5px;overflow:hidden;background:#d7c7a2;line-height:13px;border:1px solid #d7c7a2}
/*border:1px solid #d2bd7c;*/
.plusone_google_index {margin-top:15px;}
.RetourMenu {position:relative;top:-10px;left:350px;}
/************************************************/
/* Slideshow */
/************************************************/
.slideshow_Carousel {position:relative;width:324px;overflow:hidden;}
.slideshow_Carousel .caroufredsel_wrapper {margin-top:0px!important;}
.bkgint .slideshow_Carousel {height:359px!important;}
.bkgint-triple .slideshow_Carousel {height:1077px!important;}
.slideshow_Carousel ul {position:relative;top:0px;left:0px;height:100%;overflow:hidden;padding:0px;margin:0px;}
#clipsable {left:588px;top:280px;width:330px;}
.slideshowimg {display:block;border:none;}
.lkslideshow:link,.lkslideshow:visited,.lkslideshow:hover,.lkslideshow:active {color:#d7c7a2;background:#d7c7a2;text-decoration:none;margin:0px;overflow:hidden;border:none}
/************************************************/
/* Contact */
/************************************************/
#contact-adresse {float:left;margin-right:10px;margin-top:8px;height:190px;}
.contact-cadre {float:left;padding:5px;}
#contact-cadre-milieu {margin-left:8px;margin-right:8px;}
.contact-cadre4 {margin-top:8px;width:396px;}
#RdV {font-size:14px;font-weight:800;}/*position:absolute;top:280px;width:400px;*/
.vignettes-actu {width:570px;overflow:hidden;} /*utilisé sur faience, Douche-receveur-paroi*/
.contact-jour-ferie {position:absolute;left:0px;top:200px;width:570px;overflow:hidden;}/*utilisé sur contact*/
.contact-jour-ferie ul, .vignettes-actu ul {padding-left:0!important;}
.contact-jour-ferie li, .vignettes-actu li {list-style:none;list-style-position:inside;overflow:hidden;height:42px;}
.contact-jour-ferie .lkactu {}
/************************************************/
/* Footer */
/************************************************/
footer {position:relative;text-align:left;left:auto;top:270px;width:895px;margin:0 auto;}
.footer_google_plus {position:absolute;left:580px;top:-3px;width:32px;overflow:visible;}
.footer_google {position:absolute;left:620px;top:-3px;width:90px;overflow:visible;}
.footer_facebook_send {position:absolute;left:695px;top:-3px;width:161px;overflow:visible;}
.footer_facebook {position:absolute;left:740px;top:-3px;width:161px;overflow-x:hidden;overflow-y:auto;}
.footer_facebook_like {position:absolute;left:770px;top:-3px;width:161px;overflow:hidden;}
/*.bkgint-triple~footer {top:1122px;}*/
/*.footer1368 > .footer_facebook, .footer1368 > .footer_facebook_like, .footer1368 > .footer_facebook_send, .footer1368 > .footer_google, .footer1368 > .footer_google_plus */
#dimensions:before {content:"Desktop";}