@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;font-style: normal;}
	
*{ padding:0; margin:0;-webkit-text-size-adjust: none; box-sizing:border-box;-moz-box-sizing:border-box;}

img { border:0; height:auto; max-width:100%; vertical-align: bottom;}

ul li{ list-style:none;}

a { text-decoration:none;color:#e40521;cursor:pointer;}

body { font:400 15px 'texgyreadventorregular'; color:#878787; background:#efefef;}

.wrap{margin: 0 auto; width:1280px; }
header .wrap, nav .wrap, #bandeau .wrap{margin: 0 auto; width:1400px; }

.wrap:after, main:after, .items-row:after,#fiche #nav:after, #main-content:after, footer:after, .annonce:after, .mini-diapo:after { display:block; clear:both; content:" ";}

a, a:hover, .catalogues a:hover:after, .qualite a:hover:after, .catalogues a:after, .qualite a:after, .acces:hover, .acces, input, input:hover, button, button:hover, input, input:hover, span, span:hover, #accordion h3, #accordion h3:hover, .mini-diapo, .mini-diapo:hover {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

@media all{

/*************************************** HEADER ****************************************************/
header { background:#fff; padding:45px 0 30px;}
	#logo { float: left;  margin: 0 45px 0 0; width:173px; height:78px;}
	header h1 { position:absolute; text-indent:-9999px;}

	header #langue { float:right}
	#langue a{ color: #484244; padding: 10px 35px 10px 20px; background: url(../images/fleche-noire.png) no-repeat right 15px center transparent; display: block; font-size: 12px; font-weight: bold;}
	
	.acces {float:right; clear:right; text-transform:uppercase; font-size:13px; background:#eeeeee; padding:10px 15px;}
	.acces a { color:#373032; display:block; background: url(../images/fleche-noire.png) no-repeat left; padding-left:20px;}
	.acces:hover { background:#484244}
	.acces:hover a { color:#fff; padding-left:0;}
	
/* menu header */
	#menu-header { float:left; margin-top: 25px;}
	#menu-header ul li {display:inline; background:url(../images/pictos/fleche-droite-on-fiche.png) no-repeat left 5px; padding-left:17px; margin-right:30px;}
	#menu-header ul li a{color: #484244; font-size: 12px; font-weight: bold;}
	#menu-header ul li a:hover, #menu-header ul li.active a, .acces-particulier a:hover, article .blog .text-blog  p.readmore a:hover, #langue a:hover {color: #d3002e;}

/*********** menu principal ***************/
nav, nav div#maximenuck152 div.floatck { background-color:#484244;}
	nav li a { color: #fff; padding: 20px 75px; display: block; border-top: 15px solid #008eae; width: 100%; text-align: center; font-size:20px;}
	nav .maximenuckh ul.maximenuck {text-align:center !important;}
	nav div#maximenuck152 ul.maximenuck li.maximenuck.level1.item101 {display :none !important;}
	#menu li { float:left; padding:14px 10px 13px 10px;}
	nav div#maximenuck152 ul.maximenuck li.maximenuck.level1 { width:20%;}
	nav div#maximenuck152 ul.maximenuck li.maximenuck.level1 a, nav div#maximenuck152.maximenuckh ul.maximenuck li.level1.parent > a, nav div#maximenuck152.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding : 20px 0;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item178 > a{border-top:15px solid #b4d012;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item178:hover > a, nav div#maximenuck152 ul.maximenuck > li.maximenuck.item178.current > a{background-color:#bad618; }
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item179 > a{border-top:15px solid #008eae;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item179:hover > a, nav div#maximenuck152 ul.maximenuck > li.maximenuck.item179.current > a{background-color:#0495b5; }
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item180 > a{border-top:15px solid #ee750d;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item180:hover > a, nav div#maximenuck152 ul.maximenuck > li.maximenuck.item180.current > a{background-color:#ed8428;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item181 > a{border-top:15px solid #d5dbde;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item181:hover > a, nav div#maximenuck152 ul.maximenuck > li.maximenuck.item181.current > a{background-color:#dde0e2;color:#484244;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item195 > a{border-top:15px solid #758993;}
	nav div#maximenuck152 ul.maximenuck > li.maximenuck.item195:hover > a, nav div#maximenuck152 ul.maximenuck > li.maximenuck.item195.current > a{background-color:#80929b; }

    nav div#maximenuck152 div.maxidrop-main {width : 100%; }
    nav div#maximenuck152 ul.maximenuck li.level1.parent > a:after, nav div#maximenuck152 ul.maximenuck li.level1.parent > span.separator:after {border-color: #fff transparent transparent transparent; top: 27px;right: 10px;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck div.maxidrop-main li a {border-top: 0 ; padding : 12px 0 ; font-size: 16px;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck.item178 div.maxidrop-main li:hover a {color :#b4d012 ;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck.item179 div.maxidrop-main li:hover a {color :#008eae ;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck.item180 div.maxidrop-main li:hover a {color :#ee750d ;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck.item181 div.maxidrop-main li:hover a {color :#d5dbde ;}
    nav div#maximenuck152 ul.maximenuck > li.maximenuck.item195 div.maxidrop-main li:hover a {color :#758993 ;}
    
/*************************************** ACCUEIL ****************************************************/
/*********** diaporama ***************/
#diaporama { width: 100%; height: auto; margin-bottom: 20px;position:relative;}

/* MINI DIAPO */
.mini-diapo { margin: 60px 0 50px; width:100%;}
	.mini-diapo > div {position:relative; height:auto;width:17%; margin-right:3.75%;float: left;}
	.mini-diapo > div:last-child{margin-right:0;}
	.mini-diapo .wc{border-top:10px solid #b8d82a ;}
	.mini-diapo .evacuations{border-top:10px solid #2295b4 ;}
	.mini-diapo .hydro{border-top:10px solid #ed8428;}
	.mini-diapo .actu{border-top:10px solid #484244 ;}
	.mini-diapo .chantier{border-top:10px solid #e63249 ;}
	.mini-diapo  a{position:absolute; background-color:rgba(54, 54, 54, 0.7); color:#fff; text-transform:uppercase;  font-size:19px;bottom: 0;  width: 100%;padding: 15px 0; text-align: center;}
	.mini-diapo .wc  a:hover{background-color:rgba(184, 216, 42, 0.9);}
	.mini-diapo .evacuations  a:hover{background-color:rgba(34, 149, 180, 0.9);}
	.mini-diapo .hydro  a:hover{background-color:rgba(237, 132, 40, 0.9);}
	.mini-diapo .actu  a:hover{background-color:rgba(72, 66, 68, 0.9);}
	.mini-diapo .chantier a:hover{background-color:rgba(230, 50, 73, 0.9);}

	
/******* zone centrale accueil **********/
.accueil { float:right;  width:66%; color: #fff; text-align:center;}
.accueil h2 { font-size:22px; margin-bottom:18px;}

section.accueil .accueilleft, section.accueil .accueilright {width : 48%; float: left;}
section.accueil .accueilright{margin-left : 4%; float: right; }
	/* catalogues */
	.catalogues, .qualite { float:left; width:48%; margin-bottom:35px; padding:55px 30px;}
	.catalogues { background:url(../images/bkg-catalogue.jpg) no-repeat center; background-size: cover;width : 100% ;}
	.catalogues a, .qualite a { display:block; position:relative; margin-top:30px; background:#fff; font-size:14px; color:#9d9698; padding:15px; text-align:left;}
	.catalogues a:hover, .qualite a:hover, .catalogues a:hover:after, .qualite a:hover:after { background: #464646; color:#fff;}
	.catalogues a:after, .qualite a:after { position:absolute; right:0; font-size:20px; line-height: 44px; top:0; background: #818181; content:">"; color:#fff; height:100%; padding:0 20px;}
		/* catalogue en pages intérieures */
		aside .catalogues, aside #trouver-produits, aside .question { width:100%; color:#fff;}
	

	
	/* trouver produits */
	#trouver-produits, .question { float:left; width:100%; margin-bottom:35px;}
	#trouver-produits { background:url(../images/bkg-trouver-produits.jpg) no-repeat center; background-size: cover; padding:70px 30px; }
	#trouver-produits form { margin:20px auto 0; width: 62%;}
	#trouver-produits input{  border-radius:0; width: calc(100% - 46px); background: url(../images/pictos/find-wirquin.png) no-repeat 6px center #fff;padding-left: 35px;height: 45px; border: none; color: #818181; font-size: 14px; font-family: 'texgyreadventorregular';}
	#trouver-produits button{  background-color:#868686; border: none;float:right; height: 45px; cursor:pointer; color : #fff; min-width:46px; cursor: pointer;}
		/* trouver produits en pages intérieures */
		aside #trouver-produits form { width: 100%;}
	
	/* question ? */
	.question  { background:url(../images/bkg-question.png) no-repeat center; background-size: cover; padding:74px 30px 100px; position:relative; margin-bottom: 0 ;}
	.question a { color: #fff; position:absolute; bottom:0; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; padding: 20px 35px; background: #484848; text-align: left;}
	.question a:after { position:absolute; right:35px; content:">"; font-size:20px; top: 15px;}
	.question a:hover, #recherche-rapide button:hover { background:#868686;}
		/* question en pages intérieures */
		aside .question a:after { right:20px;}
	
	
/*************** COLONNE GAUCHE ********************/
/** moteur de recherche **/
aside { float: left; width: 32%;}
	body.page aside { width: 295px; min-width:295px;}
	body.page #choisir-sanitaire { padding:30px 25px 80px;}
	body.page #recherche-rapide input[type="image"]{width: 20%}
	
	#choisir-sanitaire { background:#fff; padding:40px 35px 40px;}
	.titre-choisir { font-size:19px; color:#333333; font-weight:bold; padding-bottom:10px; border-bottom:3px solid #484848; margin-bottom:25px;}
	
	#choisir-sanitaire .resultat{ color: #d3002e; text-transform: lowercase;  margin: 35px 0 25px;}
	#choisir-sanitaire select/*, #recherche-rapide input*/, .SumoSelect > .CaptionCont { border-radius:0; /*opacity:1; height: 46px;*/padding-left: 8px;width: 100%; cursor:pointer; background: url(../images/pictos/select.jpg) no-repeat right;  -webkit-appearance: none; appearance: none; -moz-appearance: none; border: 1px solid #bbbbbb; color: #818181;  font-size: 14px;  font-family: 'texgyreadventorregular';}
	#choisir-sanitaire select::-ms-expand {display: none;}
	#choisir-sanitaire .SumoSelect > .CaptionCont > label > i{  height: 45px;  width: 51px; background:none;}
	#choisir-sanitaire .select {display:none; }
	#div_conteneur_select_label_colonne_b, #div_conteneur_select_label_colonne_c, #div_conteneur_select_label_colonne_d { margin:0 0 25px;}
	#choisir-sanitaire #div_conteneur_select_label_colonne_b > label, #choisir-sanitaire #div_conteneur_select_label_colonne_c > label, #choisir-sanitaire #div_conteneur_select_label_colonne_d > label { cursor:pointer; height:100%; display: block; color: #152732; font-weight: bold; width: 100%;  margin: 0 0 15px;}
	#choisir-sanitaire .voir-recherche {text-align:center;}
	#choisir-sanitaire button {  cursor:pointer;   background: url(../images/pictos/next_listing.png) no-repeat right 54px center #efefef; border: none; padding: 20px 75px 20px 58px; font-family: 'texgyreadventorregular'; text-transform: uppercase; color: #818181;}
	#choisir-sanitaire button:hover {background: url(../images/pictos/fleche-blanche.png) no-repeat right 54px center #494949; color: #fff;}
	select option {color: #666; padding:0 7px;font-size: 14px;}
	.nb-results { text-align:center; margin:15px 0 10px 0; color:#e40521;}
	
	/* recherche rapide */
	#recherche-rapide { background: #494949; color: #8a8a8a; padding: 48px  34px 60px;}
	.titre-blanc { font-size: 22px;color: #fff; font-weight: bold; margin-bottom: 20px; text-align: center;}
	#recherche-rapide p { line-height:18px; margin-bottom:32px;}
	#recherche-rapide input[type="text"]{ font-size: 14px; appearance:none;-moz-appearance:none; -webkit-appearance:none; font-family: 'texgyreadventorregular';width: calc(100% - 40px); height: 45px; padding-left: 10px; color: #a59fa1; border: none;vertical-align:middle; float:none;}
	#recherche-rapide button{ background-color:#a59fa1; border: none;float:right; height: 45px; cursor:pointer; color : #fff;  width:40px;cursor: pointer;}
	
	
	
/*********** FOOTER / actu, group, innovation ***************/
#bloc-subcontent {margin-top:30px; float:left; width:100%;}
	#bloc-subcontent .bloc , .accueilright .bloc, #bloc-subcontent .qualiteleft {background: #fff; float: left;width: 32%; padding: 25px; min-height: 620px;position:relative;}
    .accueilright .bloc {width : 100%;color: #878787 ;text-align: left;}
    #bloc-subcontent .bloc { margin-left: 2%; }
	#bloc-subcontent .bloc img, .accueilright .bloc img{margin-bottom:20px;  width: 100%;}
    .atom_twitter_feeds.twitter {width: 100% !important ; display : inline-block; padding : 0 !important; margin-top : 35px;}
    .atom_twitter_feeds.twitter .copyright {display: none;}
	#actu .bx-prev, #actu .bx-next, .accueilright .bloc #actu .bx-next { display: inline;height:25px; width:25px; text-indent: -999999px; position:absolute; top : 30px;}
	#actu .bx-prev { right: 45px;background: url(../images/pictos/prev.png) left top no-repeat;}
	#actu .bx-next { right: 10px;background: url(../images/pictos/next.png) left top no-repeat;}
	#actu .bx-viewport {height: auto;}
	#actu .bx-wrapper {max-width:99% !important;}
    #actu .bx-viewport .texte-actu {font-size: 14px;}
	#bloc-subcontent a.all, .accueilright a.all { text-align:right; /*margin-bottom:20px;*/ display:block; color:#484244; text-decoration:none; font-weight:bold;}
	#footer .bloc-bottom .date { font-style:italic;margin-bottom:10px;}
	#bloc-subcontent  h2 { font-size: 15px; font-weight: bold; color: #878787; margin-bottom: 10px;}
	#bloc-subcontent a, .accueilright a { font-weight:bold; text-decoration:underline;color: #878787;  padding-top:15px; display: block;}
	#bloc-subcontent a:hover, .accueilright a:hover {color : #d3002e;}
	#bloc-subcontent .titre-iccontent, .titre-actu {font-size: 22px; font-weight: bold; font-family: 'texgyreadventorregular', Arial, Helvetica, sans-serif; margin-bottom: 25px;  color: #484848; padding-bottom: 15px; border-bottom: 3px solid #484848;}
    .accueilright .titre-actu {text-align :left ;}
    .accueilright div.noH2IcContent{font-size: 15px; color: #878787; margin-bottom: 10px; font-weight: bold;}
	
	/* qualité */
    #bloc-subcontent .qualiteleft {padding : 0 ; background: transparent ;}
    #bloc-subcontent .qualiteleft  iframe {width : 100% !important ;}
	#bloc-subcontent .qualite { background:url(../images/bkg-qualite.jpg) no-repeat center right 30%; background-size: cover; color :#fff; margin-right: 2%;padding: 160px 40px;
    min-height: 620px;width : 100% ; margin-bottom : 22px; }
    #bloc-subcontent .qualite a:hover { background: #464646; color: #fff;}
/*************************************** PAGE ****************************************************/
article {  float: right; width:calc(100% - 320px); background-color: #fff; padding: 30px 40px 52px 40px;}
article.full { width:100%;}

/* fil d'ariane */
#breadcrumbs{padding: 50px 0 30px;}
	#breadcrumbs  div { display:inline;margin-right:10px;}
	#breadcrumbs  a{ color: #878787;}
	#breadcrumbs  a:hover{ color: #e40521;}

	/*********** CONTENU **************/
	article h1   { color: #484848; padding-bottom: 10px; border-bottom: 3px solid #484848; margin-bottom: 25px;font-size:30px;  font-weight: bold;}
	article h2  { font-size:23px; font-weight:bold; font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; margin-bottom:20px;text-transform:uppercase;}
	article h3  { font-size:18px; margin-bottom:10px;}
	article p { text-align:justify;}
	article li { background: url(../images/pictos/next_listing.png) no-repeat left 6px; padding:2px 0 2px 15px;}
	hr { height:2px; color:#dbdbdb; background:#dbdbdb; border:none;}

	/* tableau historique */
	table#historique td, table#sav td { padding:5px 10px; vertical-align:top;}
	table#historique td:first-child, table#sav td:first-child { font-size:17px; color:#e9001e;}

	/* tableau groupe */
	table#groupe td {padding: 20px 0; border-top:1px solid #dbdbdb;  vertical-align:middle;}
	table#groupe td:first-child {width:23%;}
	table#groupe tr:first-child td { border-top:none;}

	/* tableau guide */
	#tableau-guide { width:100%; border:1px solid #dbdbdb; border-collapse:collapse; color:#666666;}
	#tableau-guide tr { margin:0; padding:0;}
	#tableau-guide tr:first-child { font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#fff;}
	#tableau-guide td { border:1px solid #dbdbdb; padding:15px 10px; background:#f6f6f6;}


	/* aside */
	#liste-sous-categories {background-color: #a59fa1;
		padding: 50px 25px ;
		margin: 20px 0px;}
	#liste-sous-categories .titre-choisir {
		color: #fff;
		border-bottom: 3px solid #fff;
	}
	#liste-sous-categories a{
		color: #fff;
	}
	#liste-sous-categories a::before {
		content :'>';
		padding-right : 10px;
	}
	#liste-sous-categories a.active{
		font-weight : bold ;
	}
	
/********** ACTUALITES ***********************/
.blog .items-row { display: block;padding: 25px 0;border-top: 1px solid #cecece;margin-bottom: 25px;}
.img-intro-{float:left; margin-right:30px; width:35%;}
.img-intro- img { width:100%;}
.blog .items-row p.readmore { margin-top:10px;}


/******* PAGE REFERENCES CHANTIERS ***********/
#search-chantiers { BACKGROUND:#e63249; COLOR:#FFF; padding:15px; margin-bottom:15px;}
#search-chantiers form, #search-chantiers form > *,
.listing_chantiers .liste,
/*.listing_ref_chantiers .liste, */
article .chantier .description,
article .chantier .produit,
article .chantier .infos_chantier .flex,
.retours_experience .flex { display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content:center; align-items:center;}
#search-chantiers form { justify-content:center; align-items:center;}
#search-chantiers form > * { margin:0 20px; min-width: 400px; align-items:center;}
#search-chantiers form > *  > * { margin:0 8px;}
#search-chantiers form .SumoSelect { max-width: 240px;}
#search-chantiers form .SumoSelect > .CaptionCont { background: url(../images/bkg-select-chantier.png) no-repeat right #fff; border: 0; cursor:pointer; border-radius: 0;}
#search-chantiers form .SumoSelect > .CaptionCont > span { padding-right: 45px;}
#search-chantiers form .SumoSelect > .CaptionCont > label > i { background: none;}
#search-chantiers form .SumoSelect > .optWrapper > .options > li label{ color:#818181;}

#search-chantiers + article.full h1 { color: #e63249; border-bottom: 3px solid #e63249;}
.listing_chantiers .liste { justify-content:space-between; width:85%; margin:0 auto; margin-top:45px;}
.listing_chantiers  .liste > * { width:49%; margin-bottom:25px;}
.listing_chantiers figure, .listing_ref_chantiers figure { position:relative; overflow: hidden;}
.listing_chantiers figcaption, .listing_ref_chantiers figcaption { position:absolute; width:100%; height:100%;bottom: 0;background: rgba(55,55,55,0.8); text-align: center;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.5s, opacity 0.1s 0.3s;
    transition: transform 0.5s, opacity 0.1s 0.3s;}
.listing_chantiers figcaption a { display: block; color: #fff; font-size:22px; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; position: relative;}
.listing_chantiers figure:hover figcaption, .listing_ref_chantiers figure:hover figcaption {
    top: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.1s;
    -moz-transition: -moz-transform 0.5s, opacity 0.1s;
    transition: transform 0.5s, opacity 0.1s;}

	
.listing_ref_chantiers .liste {/* justify-content:space-between;*/ margin-top:45px;    min-width: 100%;}
/*.listing_ref_chantiers .liste > * { flex:1 1 0%;}*/
.listing_ref_chantiers figcaption .main-figcaption { display: block; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; position: relative;}
.listing_ref_chantiers figcaption h2 { font-weight:400; margin-bottom:5px; text-transform:uppercase; font-size:22px;}
.listing_ref_chantiers figcaption h3 { font-weight:400; padding-bottom:45px; font-size:15px; position:relative;}
.listing_ref_chantiers figcaption h3:after { content:""; width:40px; height:1px; background:#fff; position:absolute; bottom:20px; left:0; right:0; margin-left:auto; margin-right:auto;}
article .listing_ref_chantiers figcaption p { text-align:center;}
article .listing_ref_chantiers figcaption a, article .chantier .produit .contenu a.read-more-product { background: url(../images/pictos/next_listing.png) no-repeat right 20px center #efefef; color: #818181; padding: 12px 65px 12px 45px; margin:0 auto; margin-top: 20px; display: inline-block;}
article .listing_ref_chantiers figcaption a:hover, article .chantier .produit .contenu a.read-more-product:hover { background: url(../images/pictos/fleche-blanche.png) no-repeat right 20px center #494949; color: #fff;}

	/* masonry */
	.grid-sizer, .grid-item { width: 31%; float: left;margin-bottom: 25px;}
	.gutter-sizer { width: 2%; }
	.grid-item img { width:100%}
	.grid:after { content: ''; display: block; clear: both;}




article .chantier .description { justify-content:space-between; align-items: flex-start; margin-bottom:70px;}
article .chantier .description > * {width:48%;}
article .chantier .produit { justify-content:flex-start; margin-bottom:70px;}
	article .chantier .produit + .produit {margin-top:20px;}
	article .chantier .produit > .image { margin-right:30px; border:1px solid #e8e8e8; padding:30px; position: relative;}
	article .chantier .produit > .image .hauteur-image-fiche { width:200px;}
	article .chantier .produit > .contenu, .retours_experience .flex .bloc:nth-child(2) { flex:1 1 0%;}
	.retours_experience .flex .bloc:first-child:last-child  { width:100%; margin: 0;}
	article .chantier .produit .contenu a.read-more-product { padding: 12px 45px 12px 25px; float:right;}
	.texte-rouge { color:#e63249}
	article .chantier h3 { font-size:15px; font-weight:400; text-transform:uppercase;}
	article .chantier .produits_installes li { background: url(../images/pictos/puce-chantier.png) no-repeat left center; padding: 0 0 0 15px;}
	
	article .chantier .infos_chantier { width:90%; margin:0 auto; background:#eeeeee; margin-bottom:70px; padding:40px 50px;}
		article .chantier .infos_chantier .titre { font:700 17px 'texgyreadventorbold'; color:#373737; border-bottom:2px solid #373737; padding-bottom:5px; margin-bottom:25px;}
		article .chantier .infos_chantier .flex, .retours_experience .flex  { justify-content:space-between;}
		article .chantier .infos_chantier .flex  { align-items: flex-start;}
		article .chantier .infos_chantier .flex li  { background:none; padding:0;}
		article .chantier .infos_chantier .flex .gallery, .retours_experience .flex .bloc:first-child { width:200px; margin-right:40px;}
		article .chantier .infos_chantier .flex .gallery .bx-wrapper { margin:0; box-shadow:none; border:0; background:none;}
		article .chantier .infos_chantier .flex .gallery .bx-wrapper .bx-pager { display:none;}
		article .chantier .infos_chantier .flex .contenu { flex:1 1 0%;}
		
	.retours_experience#accordion .element .flex { padding:15px 50px}
	.retours_experience .flex .bloc:nth-child(2) { padding:25px 0 40px}
	.retours_experience .flex .bloc .nom_avis { font-weight:700; margin-bottom:15px; display:block;}
	
	article .chantier .bx-controls-direction { position: absolute; top: 45%; width: 100%;}
	article .chantier .bx-controls-direction .bx-prev { position: absolute; left:-18px;    width: 8px;
    height: 14px;}
	article .chantier .bx-controls-direction .bx-next { position: absolute; right:-18px;    width: 8px;
    height: 14px;}
		
	
/********** LISTING PRODUIT ****************/
article ul#liste-table li {width:31%; float:left; background:none; margin:0 1% 20px 1%;}
	article ul#liste-table li:nth-child(3n+1) { clear:left;}
	article ul#liste-table li a{padding:0; background: none; color: #e40521; width: auto; margin: 0;}
	article ul#liste-table li a span.voirdetail-libelle { background: url(../images/pictos/next_listing.png) no-repeat right 20px center #efefef; color: #818181; padding: 15px 30px 15px 20px; margin-top: 20px; display: block; width: 100%; margin: 20px auto;}
	article ul#liste-table li a span.voirdetail-libelle:hover { background: url(../images/pictos/fleche-blanche.png) no-repeat right 20px center #494949; color: #fff; }
	article ul#liste-table li .content_liste { padding: 0 20px; text-align:center; }
	article ul#liste-table li .content_liste p { text-align:center; }
	article ul#liste-table li .img_liste { position:relative; height:100%; width: 100%; padding: 30px; margin: 20px auto;border: 1px solid #dcdcdc;text-align:center;}
	article #listing span.jcemediabox-zoom-image, .chantier span.jcemediabox-zoom-image { background: url(../images/pictos/picto-zoom-liste.png) no-repeat; width: 23px; height: 23px; display: block; top: 20px; right: 20px; position: absolute; z-index: 1;}
	.chantier span.jcemediabox-zoom-image { top: 10px; right: 10px;}

/********PAGINATION *****/
article .pagination{ clear: both; margin: 20px auto 40px; display: table;}
	article .pagination li:nth-child(3n+1) {background:none; display:inline; padding:0 3px; margin:0;width:auto;clear:none;}
	article .pagination li{ background:none; display:inline; padding:0 3px; margin:0;width:auto; border-right: 1px solid #eaeaea;}
	article .pagination li:last-child a {border-right:none; }
	article .pagination li a, article .pagination li span  {font-weight: normal; padding: 0px 10px; position: relative; background: none; color: #878787; width: auto; margin: 0; text-transform: inherit;}
	article .pagination li a span, article .pagination li span a, article .pagination li span{border-right: none;}
	article .pagination li span.actif, article .pagination li:hover a{color: #818181; font-weight: bold;}
	article .pagination li .prev a:hover, #content .pagination li .next a:hover{ background:none; color:#666; text-decoration:underline;}
	article .pagination li .prev, #content .pagination li .next  { color:#999999; text-decoration:none;}
	article #pagination-top.pagination { border-top:1px solid #e0e0e0;}
	
	
/******* fiche produit ***********/
	#fiche #image-fiche img { padding: 30px;border: 1px solid #dcdcdc;}
	#fiche #image-fiche  { width:392px;}
	#fiche .legendes {  margin: 20px 0; cursor:pointer;}

	#fiche .point-vente  button {  color: #484244; padding: 20px 35px 20px 20px; background: url(../images/fleche-noire.png) no-repeat right 15px center #efefef; display: block; font-size: 15px; font-weight: bold; border: none; cursor: pointer;}
	#fiche .point-vente  button:hover { background: url(../images/pictos/fleche-blanche.png) no-repeat right 15px center #d40030; color: #fff;}

	#accordion h3.toggler  {text-transform: uppercase;background:url(../images/pictos/accordeon-plus.png) no-repeat 97% center #efefef; color: #818181; text-align: center; padding: 10px 22px 10px 0; text-transform: uppercase; font-weight: normal; font-size: 18px;margin-bottom: 5px; cursor:pointer; }
	#accordion h3.toggler .active, #accordion h3.toggler.active, #accordion h3.toggler:hover{background:url(../images/pictos/accordeon-minus.png) no-repeat 97% center #d40030; color: #fff;}
	#accordion .element {padding:20px 0 ; height:auto; display:block;}

	#accordion table {width:100%;padding: 20px 0;text-align:left; text-align:center;}
		#accordion table th { background:#f1f1f1; padding:7px 5px;}
		#accordion table td { padding:5px; border-bottom:1px solid #f1f1f1;}
		#accordion table tr td:first-child { text-align:left;}
		#accordion table td img { cursor:pointer;}

	#accordion ul li { text-transform:inherit;width:100%;margin:15px 0 0 0 ; padding: 0 0 0 37px; background:url(../images/pictos/accordeon-liste.png) no-repeat left center transparent;}
	#accordion ul li a{  color: #818181;}

	#accordion #avantages-texte strong{clear: both; padding: 0; margin: 20px 0 0;/* display: block;*/text-transform: uppercase;}
	#accordion #avantages-texte, #fiche #accordion p, #fiche #accordion .element > ul {padding: 10px 0 20px; line-height:35px;}
	#accordion #avantages-images { width: 100%; display: table; text-align: center; padding: 20px 0;}
	#accordion #avantages-images img {max-width:15%;}
	#accordion .one_video {padding: 10px 0; margin: 40px 0 25px; border-top: 1px solid #cecece;}
	#accordion .one_video:first-child{border-top: none;margin-top:0;}
	#accordion .titre-video{padding: 0; margin: 20px 0 30px; display: block; text-transform: uppercase; font-weight: bold;}
	
	/* boutons de navigation sur les fiches */
	#fiche #nav { padding:20px 0 30px;}
	#prev { float:left;}
	#next { float:right;}
	#next a, #prev a { display:block;color: #878787;}
	#next a:hover , #prev a:hover, .legendes:hover { color: #e40521;}


	#fiche .flex.element {
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	#fiche .flex.element > div {
		flex :  1 ;
	}


	#fiche .flex.element > .caracteristiques.right{
		margin-left: 20px;
	}

	#fiche #image-fiche {
		width: auto;
	}



	/***** page revendeur *****/
	#recherche_dpt_gmaps input#gmaps-autosuggest {float: left; border: 1px solid #999; padding: 2px 5px; color: #999999; font-style: italic; display:table-cell; height: 45px; width: 220px;}
	#recherche_dpt_gmaps input[type=submit]{ background-color: #a59fa1; border: none; display:table-cell; height: 45px; cursor: pointer; color: #fff; width: 45px; cursor: pointer;  margin-left: -5px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
	#recherche_dpt_gmaps input[type=submit]:hover{ background-color:#818181;}
	input.rsform-submit-button, button.button {background:#e40521; color:#fff; border:none; padding:2px 3px; cursor:pointer;}
	#ic_carte_google_maps { border: 1px solid #CCCCCC; height: 500px;  width: 100%;}
	.gmaps-conteneur-image{float:left;width:65px;margin-right:5px;}
	.gmaps-conteneur-texte{float:left;max-width:320px;}
	#puces_hidden,#search_ville_insee{display:none;}
	ul.suggestions { padding: 5px; background-color: #ffffff; z-index: 10; position: absolute; border: 1px solid #ccc; margin-top: 0px; margin-left: 0px;}
	li.suggestionClass{ list-style: none; cursor: pointer;}
	li.suggestionHover{ background-color: #cccccc!important;}
	span.queriedValue{ font-weight: bold;}
	
	
/* FORMULAIRES DE CONTACT */
main .formResponsive .formHorizontal{width:80%;}
	main .formResponsive .formHorizontal .rsform-block { margin-bottom: 10px;}
	main .formResponsive textarea, main  .formResponsive input[type="text"],main  .formResponsive select {font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; background-color: #ffffff; border: 1px solid #cccccc; height: 35px;border-radius: 0; width: 100%;  padding-left: 10px;}
	main .formResponsive textarea{height:120px;}
	main .formResponsive .formHorizontal .formControlLabel, main .formResponsive label{font-family: 'texgyreadventorregular';}
	main .formResponsive input[type="radio"], main .formResponsive input[type="checkbox"] { margin-top: 8px;}
	main .formResponsive input[type="submit"] {width:165px;  height: 50px; border: none; float: right; color: #fff;background: url(../images/pictos/fleche-blanche.png) no-repeat 20px center #d3002e; border-radius: 0; padding: 15px 35px 15px 45px;font-size: 16px; text-transform: uppercase; text-shadow: none;}
	main .formResponsive input[type="submit"]:hover {background: url(../images/pictos/fleche-blanche.png) no-repeat 20px center #ad0026;}
	
	
 
/*************************************** PREFOOTER ****************************************************/
#prefooter {background-color:#fff; padding: 25px 0;border-top:2px solid #dbdbdb; margin-top: 50px;}
	#prefooter .wrap { padding: 0 5%;}
	#prefooter #adresse { float: left;}
	#prefooter #adresse strong { font-size:15px; font-weight:normal;}
	#prefooter #partenaires {float: right;}
	#prefooter #partenaires img { margin-left:35px;}
	
	
	
/*************************************** FOOTER / PIED DE PAGE ****************************************************/
footer {background-color: #484848; padding: 20px 0;}
	#IC { float:right;  padding-top: 5px;}
	#menu-footer {text-align: right; float: left;}
	#menu-footer li { display:inline; padding:0 15px;}
	#menu-footer li a { color: #bfbfbf;}
	#menu-footer li a:hover { text-decoration:underline;}
}

@media all and (max-width: 1425px){
.wrap, header .wrap{ width:96%;}
nav .wrap, footer .wrap{ width:100%;}
}

@media all and (max-width: 1150px){
article ul#liste-table li {width:48%;}
	article ul#liste-table li:nth-child(3n+1) { clear:inherit;}
	article ul#liste-table li:nth-child(2n+1) { clear:left;}.grid-sizer,
.grid-sizer, .grid-item { width: 48%;}
article .chantier .infos_chantier { width: 100%;}
    .question {padding : 24px 30px 120px ;}
    .atom_twitter_feeds.twitter iframe {    height: 350px !important;}
}

@media all and (max-width: 1080px){
nav li a { font-size:17px;}
.mini-diapo > div {width:19%; margin-right:1.2%;}
	.mini-diapo  a{text-transform:none;  font-size:16px;}
#bloc-subcontent .bloc { min-height:auto;}
.listing_chantiers .liste { width:100%;}
/*#bloc-subcontent .qualite { min-height: 555px;padding: 120px 15px;}*/
}

@media all and (max-width: 980px){
header .acces, #langue{ display:none;}
.accueil, main aside { width:100%}
}

@media all and (max-width: 965px){
#search-chantiers form div + div { margin-top:15px;}
article .chantier .description > * {width:100%;}
article .chantier .description > * + * { margin-top:30px;}
}

@media all and (max-width: 935px){
nav li a { font-size:14px;}
article, body.page aside { width:100%}
article  {margin-bottom: 10px;}
}

@media all and (max-width: 855px){
.listing_chantiers  .liste > * { width:100%;}
.grid-sizer, .grid-item { width: 98%;}
}

@media all and (max-width: 800px){
#bloc-subcontent .bloc, #bloc-subcontent .qualiteleft {width: 100%;}
    #bloc-subcontent .qualite, #bloc-subcontent .qualiteleft {margin-bottom: 25px;  min-height: auto;}
	#bloc-subcontent .bloc + .bloc { margin: 25px 0 0 0;}
}

@media all and (max-width: 760px){
#partenaires, #menu-header, #breadcrumbs, .mini-diapo {display:none;}
header { padding:20px 0;}
section.accueil .accueilleft, section.accueil .accueilright { width: 100%;}
section.accueil .accueilright {margin-left:0;margin-bottom: 4%;}
#logo { float: none;  margin: 0;}
	#logo { display:block; margin:0 auto;}
#menu-footer li { text-align: center; padding: 10px 0; border-top: 1px solid #fff; display: block;}
#IC, #menu-footer { float: none; width: 100%; text-align: center;}
#IC, nav {margin-bottom: 10px;}
article .chantier .infos_chantier .flex .gallery, article .chantier .produit > .image { width:100%; margin:0 0 40px 0;}
article .chantier .infos_chantier .flex .gallery, .retours_experience .flex .bloc:first-child { width:100%; text-align:center;}
article .chantier .produit > .image .hauteur-image-fiche { width: 100%;}
	#fiche .flex.element > div {
		flex :  auto ; width : 100% ;
	}

	#fiche .flex.element > .caracteristiques.right{
		margin-left: 0;
	}

}

@media all and (max-width: 640px){
.catalogues, .qualite { width:100%;}
#trouver-produits form { width: 80%;}
#accordion #panel-reference  { overflow-x: auto !important; _overflow: auto !important; width:100%;}
#accordion #panel-reference td, #accordion #panel-reference th { padding:5px 15px;}
}

@media all and (max-width: 540px){
article ul#liste-table li, main .formResponsive .formHorizontal{width:98%;}
article iframe { width:100% !important}
#recherche_dpt_gmaps input#gmaps-autosuggest { width: 190px;}
}

@media all and (max-width: 450px){
#trouver-produits form, #fiche #image-fiche  { width: 100%;}
aside .catalogues, aside .question, aside #trouver-produits {display:none;}
.img-intro-{float:none; margin:0 0 30px; width:100%;}
#search-chantiers form > * { width:100%; min-width:inherit;}
	#search-chantiers form .SumoSelect { max-width: 100%;}
	#search-chantiers form label { display:block; margin-bottom:10px;}
}