@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-family: 'texgyreadventorregular'; font-size:15px; 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, #main-content:after, footer:after, .annonce:after { display:block; clear:both; content:" ";}

#langue a:hover, #desc-fiche a:hover, .col li a:hover, #menu-footer li a:hover, #accueil li a:hover, #main-content-accueil a:hover { text-decoration:underline;}

a, a:hover, input, input:hover, button, button:hover, input[type="image"], input[type="image"]:hover,input[type="submit"]:hover, input[type="submit"], span, span:hover, #accordion h3, #accordion h3: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;}
header .header-center {float:left;}
header .acces-particulier{float:right}
.acces-particulier 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;}

/* menu header */
#menu-header ul li {display:inline; background:url(../images/pictos/fleche-droite-on-fiche.png) no-repeat left 4px; 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 {color: #d3002e;}

/* baseline */
#baseline { margin:0 0 15px 0; font-size:16px; font-weight:bold; font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; line-height:22px;text-transform:uppercase;  color: #000;}

/* menu principal */
nav { background-color:#484244;}
nav li a {  color: #fff;  padding: 20px 75px; display: block; border-top: 15px solid #008eae; width: 100%; font-size: 20px; text-align: center;}
nav .maximenuckh ul.maximenuck {text-align:center !important;}
#menu li { float:left; font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding:14px 10px 13px 10px; color:#4c4c4c;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.level1 {width:20%; }
nav div#maximenuck153 ul.maximenuck li.maximenuck.level1 > a {padding : 20px 0; }
nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item101 {display :none !important;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item179 > a{border-top:15px solid #00888a;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item179:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.item179.current > a{background-color:#0f8d8f; }
nav div#maximenuck153 ul.maximenuck li.maximenuck.item178 > a{border-top:15px solid #009fe3;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item178:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.item178.current > a{background-color:#12a9e9; }
nav div#maximenuck153 ul.maximenuck li.maximenuck.item180 > a{border-top:15px solid #a0b607;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item180:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.item180.current > a{background-color:#aabf1a;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item195 > a{border-top:15px solid #d5dbde;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item195:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.item195.current > a{background-color:#dde0e2;color:#484244;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item232 > a{border-top:15px solid #758993;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.item232:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.item232.current > a{background-color:#80929b; }

/*********** bandeau ***************/
#diaporama, #bandeau { width: 100%; height: auto; margin-bottom: 20px;position:relative;}
#bandeau {margin-bottom: 0;}
#diaporama img,  #bandeau img, #mini-diapo > div > div img { width: 100%;}
#diaporama legend, #bandeau legend { position: absolute; bottom: 8%; left: 40%; background-color: #535256; opacity: 0.8; padding: 25px; font-size: 16px; display: block; border-top: 7px solid #278fab;color:#fff;}
#diaporama legend strong, #bandeau legend strong{   font-size: 54px; display: block;}



/*************************************** ACCUEIL ****************************************************/

/* MINI DIAPO */ 
#mini-diapo { margin: 60px 0 50px;}
#mini-diapo > div > div{position:relative; height:auto;width:17%; margin-right:3.75%;float: left;}
#mini-diapo > div > div:last-child{margin-right:0;}
#mini-diapo .waste{border-top:10px solid #00888a ;}
#mini-diapo .toilets-seats{border-top:10px solid #009fe3 ;}
#mini-diapo .flushing{border-top:10px solid #a0b607;}
#mini-diapo .news{border-top:10px solid #484244 ;}
#mini-diapo .videos-wirquin{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 .waste  a:hover{background-color:rgba(184, 216, 42, 0.7);}
#mini-diapo .toilets-seats  a:hover{background-color:rgba(34, 149, 180, 0.7);}
#mini-diapo .flushing  a:hover{background-color:rgba(237, 132, 40, 0.7);}
#mini-diapo .news  a:hover{background-color:rgba(72, 66, 68, 0.7);}
#mini-diapo .videos-wirquin  a:hover{background-color:rgba(230, 50, 73, 0.7);}


.mod_placehere-recherche-univers { background:#fff; margin-bottom:13px; padding:12px 0 10px; font-size:15px; color:#878787;}
#content .mod_placehere-recherche-univers h2 {  font-size: 22px;font-family: 'texgyreadventorregular', Arial, Helvetica, sans-serif; color: #333; padding: 0 0 8px 0; border-bottom: 3px solid #333; margin-bottom: 30px; text-transform: initial; font-weight: bold;}
.mod_placehere-recherche-univers p { margin-bottom:5px;}
#content .mod_placehere-recherche-univers img{margin-top:25px !important;margin-bottom: 5px;}




/************************** FOOTER / actu, group, innovation ****************************************/ 

.bloc-bottom {margin-top:30px;}
.bloc-bottom > div {background: #fff; float: left;width: 32%; padding: 2%; margin-right: 2%; min-height: 610px;position:relative;}
.bloc-bottom > div img{margin-bottom:20px;  width: 100%;}
#actu .bx-prev, #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;}
#footer .bloc-bottom a.all {position:absolute; right:25px; bottom:20px;color:#484244; text-decoration:none; font-weight:bold;}

#footer .bloc-bottom .date { font-style:italic;margin-bottom:10px;}
#footer .bloc-bottom  h2 { font-size: 15px; font-weight: bold; color: #878787; margin-bottom: 4px;}
#footer .bloc-bottom a { font-weight:bold; text-decoration:underline;color: #878787;  padding-top:5px; display: block;}
#footer .bloc-bottom a:hover {color : #d3002e;text-decoration:none;}
#footer .bloc-bottom p {margin:5px 0;}
#footer .bloc-bottom h2 + p{max-height:115px; overflow:hidden;}
#footer .bloc-bottom > div .titre-iccontent{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;}



/*************************************** PAGE ****************************************************/

article, #content {  float: right; width:66%; background-color: #fff; padding: 20px 40px 52px 40px; min-height: 400px; position: relative;}
body.page article {width:75%;}


/* fil d'ariane */
#breadcrumb{padding: 50px 0 30px;}
#breadcrumb .breadcrumbs > div { display:inline;margin-right:10px;}
#breadcrumb .breadcrumbs a{ color: #878787;}
#breadcrumb .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;}
.owl-carousel .owl-item { margin:0 10px;}

/* articles sous-categories */
article ul.wastes_subcategories li, article ul.toilet_subcategorie li, article ul.flushing_subcategories li {width:31%; float:left; background:none; margin:0 0 7% 3%;  position: relative;padding: 0 0 80px 0; }
article ul.wastes_subcategories li:nth-child(3n+1), article ul.toilet_subcategorie li:nth-child(3n+1), article ul.flushing_subcategories li:nth-child(3n+1), article ul#liste-table li:nth-child(3n+1) {margin:0 0 7% 0;clear:left; }
article ul.wastes_subcategories li h2, article ul.toilet_subcategorie li h2, article ul.flushing_subcategories li h2 {color: #818181; text-transform: uppercase; margin-bottom: 10px; font-size: 22px; }
article ul.wastes_subcategories li a, article ul.toilet_subcategorie li a, article ul.flushing_subcategories li a {  background: url(../images/pictos/fleche-blanche.png) no-repeat 55px 18px #ed8428; padding: 12px 37px 12px 20px; color: #fff; text-transform: uppercase; font-weight: bold;margin-top: 15px; display: block; width: 85px; margin-bottom: 15px; position:absolute; bottom: 0 ; left : 0; }


/* 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; font-weight:normal; font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; 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;}

#content #xmap li li { margin-left:20px;}
#jcemediabox-popup-content h1 { display:none;}
#jcemediabox-popup-caption h4 { text-align:center;}




/****************** ACTUALITES ********************/
article .blog .img-introleft { float: left; margin-right: 25px; width: 35%;}
article .blog .img-introleft  img{ width: 100%;}
article .blog .text-blog  p{ text-align:justify;}
article .blog .text-blog  p.readmore { float:right; margin-top:20px;}
article .blog .text-blog  p.readmore a{  font-weight: bold;  color: #878787; text-decoration:underline;}





/********** LISTING PRODUIT ****************/
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 {  font-weight: normal;
  background: url(../images/pictos/next_listing.png) no-repeat right 30px center #efefef; color: #818181; padding: 15px 30px 15px 0px; margin-top: 20px; display: block; text-align: center; width: 70%; margin: 20px auto;}
article ul#liste-table li a span.voirdetail-libelle:hover { background: url(../images/pictos/fleche-blanche.png) no-repeat right 30px 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 { background: url(../images/pictos/picto-zoom-liste.png) no-repeat; width: 30px; height: 30px; display: block; top: 20px; right: 20px; position: absolute; z-index: 1;}
article ul#liste-table li {width:31%; float:left; background:none; margin:0 0 7% 3%;  position: relative;padding: 0; }


/******* 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 {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.active, #accordion h3:hover{background:url(../images/pictos/accordeon-moins.png) no-repeat 97% center #d40030; color: #fff;}
#accordion .element {padding:20px 0 ; height:auto;}

#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, #accordion p {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;}


/********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;}


/***************************** catégorie ************************/
.blog .items-row { display:block; padding:25px 0;  border-top: 1px solid #cecece; margin-bottom: 25px;}
.blog .items-row:first-child {border-top: none;}
.blog .pagination ul li.pagination-start, .blog .pagination ul li.pagination-end{display:none;}
.blog  .item:after { content:""; clear:both; display:block;}
#content .blog h2 { margin-bottom:2px;} 
#content .blog .readmore { text-align:right;}
.category-desc { margin-bottom:15px; padding-bottom:15px;}



/***** 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%;}
#recherche_dpt_gmaps { margin-right: 25px;}
.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: 45px; margin-left: 0px;}
li.suggestionClass{ list-style: none; cursor: pointer;}
li.suggestionHover{ background-color: #cccccc!important;}
span.queriedValue{ font-weight: bold;}



/************************** page de connexion *****************************/
.login fieldset { padding:35px; border:1px solid #ccc;}
.login label { display: block; float: left;  width: 25%;}
.login-fields { margin-bottom:15px;}
.login  button { margin:15px 0 0 0; float:right; font:400 16px 'texgyreadventorregular'; padding:10px 25px; text-transform:uppercase;}
.login-description { margin-bottom:30px;}
.login input[type="text"], .login input[type="password"] {font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; background-color: #ffffff; border: 1px solid #cccccc; height: 35px;border-radius: 0; width: 75%;  padding-left: 10px;}



/*************************************** COLONNE GAUCHE ****************************************************/
aside { float: left; width: 32%; margin-right:2%;}
body.page aside {width:23%;}
#choisir-sanitaire { background:#fff; padding:30px 35px 80px;margin-bottom:0;}
body.page #choisir-sanitaire { padding:30px 25px 80px;}
.titre-choisir { font-size:22px; color:#333333; font-weight:bold; font-family:'texgyreadventorregular'; padding-bottom:10px; border-bottom:3px solid #484848; margin-bottom:25px;}
body.page aside #recherche-rapide {padding: 35px 25px;  display: inline-block;}
#recherche-rapide { background: #494949; color: #8a8a8a; padding: 35px; margin-bottom: 35px;}
#recherche-rapide p { line-height:16px; margin-bottom:32px;}
.titre-blanc { font-size: 22px;color: #fff; font-weight: bold; font-family: 'texgyreadventorregular'; margin-bottom: 28px; text-align: center;} 

/* bloc de recherche */
	#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:20px 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: 11px;}
.nb-results { text-align:center; margin:15px 0 10px 0; color:#e40521;}
#recherche-rapide input[type="image"]{ height: 46px; width: 14%;background: url(../images/pictos/fleche-blanche.png) no-repeat center center #a59fa1; border: none; text-indent: -999999px; cursor: pointer;padding: 0;float:right;}
body.page #recherche-rapide input[type="image"]{width: 20%}


/*************************************** COLONNE DROITE ****************************************************/
.titre-module { font-size:16px;font-weight:bold; font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; margin-bottom:28px; padding:0 0 0 80px;}
#colonne-gauche .custom-poser-question p { margin:0 0 0 80px;}



/* BLOC SOUS MENUS */
	#bloc-subcontent > div > div:last-child, .bloc-bottom > div:last-child {margin-right:0;}
	#bloc-subcontent > div > div {  float: left; text-align: center; color: #fff; padding:55px 35px 0px; margin-bottom: 30px; margin-right: 2%;position:relative;  min-height: 290px;}
	aside > div {margin-bottom: 25px; }
	#bloc-subcontent > div > div p, #colonne-gauche > div > p{color:#fff;}
	#bloc-subcontent .titre-module, #colonne-gauche #poser-question .titre-module, #colonne-gauche #find-wirquin .titre-module, #colonne-gauche  #catalogue .titre-module, aside .custom-catalogues .titre-module , aside .custom-poser-question .titre-module, aside #trouver-produits .titre-module{color:#fff; font-size: 22px;text-align:center;padding-left:0;}
	#colonne-gauche #poser-question, #colonne-gauche #find-wirquin, #colonne-gauche  #catalogue {width:100%;  margin-bottom: 25px;  text-align: center;padding: 55px 35px 50px;}
	#bloc-subcontent > div > #poser-question{ padding: 55px 35px 0px;}

	
/* poser une question **/
	#poser-question .titre-module, aside .custom-poser-question .titre-module {text-align:left;}
	#poser-question p, aside .custom-poser-question p, aside .custom-catalogues p {text-align:left;color: #fff;}
	aside .custom-catalogues p {text-align:center;}
	#poser-question, aside .custom-poser-question {background:url(../images/question.png) no-repeat center; background-size: cover; width:32%;position:relative;  padding: 30px 35px 100px; }
	aside .custom-poser-question {width:100%;  }
	aside #poser-question .lien-module, .custom-poser-question .lien-module{ position: absolute; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; padding: 20px 35px; background-color: #484848;text-align:left;}
	#poser-question .lien-module a, aside .custom-poser-question .lien-module a {color:#fff;}
	#poser-question .lien-module a:hover, aside .custom-poser-question .lien-module a:hover {text-decoration:underline;}


/** trouver produits **/
	#find-wirquin, aside #trouver-produits {background: url(../images/produits.jpg);  padding: 85px 35px 0px;   width: 40%;}
	aside #trouver-produits {width: 100%;padding : 35px 25px 20px;  }
	#find-wirquin .lien-module, aside #trouver-produits .lien-module{ position: absolute; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; padding: 20px; background-color: #484848;}
	#find-wirquin .lien-module a, aside #trouver-produits .lien-module a{color:#fff;}
	#recherche-rapide input, #find-wirquin input {  font-size: 14px;  font-family: 'texgyreadventorregular';width:86%;height: 45px; padding-left: 10px; color: #a59fa1; border: none;vertical-align:middle; float:none;}
	#recherche-rapide button, #find-wirquin button{  background-color:#a59fa1; border: none;float:right; height: 45px; cursor:pointer; color : #fff;  width:14%;cursor: pointer;}


body.page #find-wirquin input, body.page  aside #trouver-produits input, body.page #recherche-rapide input {width:80%;height: 45px; padding-left: 10px; color: #a59fa1; border: none;vertical-align:middle; float:left;}
body.page  aside #trouver-produits input{padding-left: 35px; }
body.page #find-wirquin button, body.page  aside #trouver-produits button, body.page #recherche-rapide button{background-color:#a59fa1; border: none;float:right; height: 45px; cursor:pointer; color : #fff;  width:20%;cursor: pointer;}
#find-wirquin button:hover, aside #trouver-produits button:hover, #recherche-rapide button:hover,  body.page #recherche-rapide button:hover, body.page aside #trouver-produits button:hover{  background-color:#818181;}
aside #trouver-produits input[type="button"]{ width: 20%;}
#find-wirquin input, aside #trouver-produits input{  border-radius:0; 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';}
aside #trouver-produits input{width: 80%; float: left;}
#find-wirquin form, aside #trouver-produits form{ display: table;margin-top: 30px;padding-bottom: 30px;width:100%;}
#find-wirquin form{width:75%;margin:30px auto;}


/** catalogue **/ 
	#catalogue,  aside .custom-catalogues {background: url(../images/catalogue.jpg) ; width:24%;padding:55px 35px 30px;}
	aside .custom-catalogues {width:100%;padding: 30px 35px 100px; position: relative;}
	#catalogue .lien-module, aside .custom-catalogues .lien-module{ position: absolute; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; padding: 20px; background-color: #484848;}
	#catalogue .lien-module a, aside .custom-catalogues .lien-module a{color:#fff;}
	#catalogue .lien-module a:hover, aside .custom-catalogues .lien-module a:hover{text-decoration:underline;}
	#catalogue button, aside .custom-catalogues button{background-color: #a59fa1; border: none; height: 39px; width: 35px; color: #fff;}

.moduletable-guides { margin-bottom:15px;margin-top: -15px;}


/**************************** FITTING INSTRUCTIONS *******************************************/
article.nav-element{margin-top: 80px;}
	#prev { float:left;}
	#next { float:right;}
	#next a, #prev a { display:block;color: #878787; margin-left: -25px;}
	#next a {margin-left: 0; margin-right:-25px;}
	#next a:hover , #prev a:hover, .legendes:hover { color: #e40521;}
	article.nav-element #nav {margin-top: -100px;  margin-bottom: 85px;}
	.intro_fitting .item-page {background-color: #fff; margin-bottom: 25px; padding: 40px 50px;  }
	.intro_fitting .item-page h2 {font-size: 22px; font-family: 'texgyreadventorregular', Arial, Helvetica, sans-serif; color: #333; padding: 0 0 8px 0; border-bottom: 3px solid #333; margin-bottom: 20px; text-transform: initial; 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:115px;  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;display: table; width: 100%;  margin-top: 120px;}
	#prefooter #adresse { margin-left: 5%;  float: left;}
	#prefooter #adresse strong { font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal;}
	#prefooter #partenaires {float: right; margin-right: 5%;}
	#prefooter #partenaires img { margin-left:35px;  margin-top: 5px;}



/*************************************** FOOTER / PIED DE PAGE ****************************************************/
footer {background-color: #484848; padding: 20px ;display: table; width: 100%;}

#IC { float:right;  padding-top: 8px;}

#menu-footer {text-align: right; float: right; margin-right:15%;padding-top: 3px;}
	#menu-footer li { display:inline; padding:0 5px;}
	#menu-footer li a { color: #bfbfbf; margin-left: 25px;}

}

@media all and (max-width: 1425px){
.wrap, header .wrap{ width:96%;}
nav .wrap, footer .wrap{ width:100%;}
aside #poser-question .lien-module, .custom-poser-question .lien-module {padding: 20px 25px;} 
aside #trouver-produits { padding: 35px 25px 20px;}
}

@media all and (max-width: 1225px){
#bloc-subcontent > div > #catalogue, #bloc-subcontent #poser-question, #bloc-subcontent #find-wirquin, #colonne-gauche #poser-question  { min-height:290px;padding: 55px 5px 30px;}
#bloc-subcontent #find-wirquin button, #bloc-subcontent #catalogue button { width: 18%;}
#bloc-subcontent #find-wirquin input { width: 82%;}
.custom-poser-question a, .custom-catalogues a { font-size: 14px;}
#adresse { margin-left: 0; float: left; width: 25%;}
#partenaires { float: right; margin-left: 0;}
#partenaires img{margin-left:5px;}
#colonne-gauche #poser-question, #colonne-gauche #find-wirquin, #colonne-gauche #catalogue {padding: 55px 10px 50px;}
header .acces-particulier{ display:none;}
header .header-center{  width: 60%;}
body.page aside, body.page article{ width:100%;  margin-bottom: 35px;}
aside .custom-catalogues , aside .custom-poser-question, aside #trouver-produits, body.page aside #recherche-rapide{min-height: 250px;width:49%; margin-right:2%;float:left;}
aside > div:nth-child(even){margin-right:0 !important;}
aside .custom-catalogues, aside .custom-poser-question {padding: 30px 15px 75px;}
aside #poser-question .lien-module, .custom-poser-question .lien-module { padding: 20px 15px;}
aside #trouver-produits form, aside #recherche-rapide form {width: 80%;  margin: 0 auto;}
}



@media all and (max-width: 1000px){
#diaporama legend strong, #bandeau legend strong {  font-size: 34px;}
.bloc-bottom > div { min-height: 540px;}
#prefooter { margin-top: 20px;}
#choisir-sanitaire {padding: 30px 10px 80px;}
#mini-diapo > div > div { width: 19%; margin-right: 1%;}
#mini-diapo a {font-size: 14px;}
}

@media all and (max-width: 960px){
header .header-center{  width: 100%; padding:5px 0 0 0; text-align:center;}
header .header-center p { text-align:center;}
#logo { float:none; width:100%;}
#logo img { display:block; margin:0 auto;}
}

@media all and (max-width: 900px){
#mini-diapo{display:none;}
#bloc-subcontent > div > #catalogue, #bloc-subcontent #poser-question, #bloc-subcontent #find-wirquin{ width: 100%;  padding: 55px 35px 30px;  min-height: 220px;}
aside > div , footer .bloc-bottom > div { width: 100%;margin-bottom:20px; }
#colonne-gauche #poser-question, #colonne-gauche #find-wirquin, #colonne-gauche #catalogue,  { padding: 55px 5px 30px; min-height: auto;}
#find-wirquin input, #catalogue input { width: 70%;}
#menu-footer li a {margin-left: 0px;}
#menu-footer { margin-right: 15px;}
#prefooter #adresse, #prefooter #partenaires{margin:10px auto;float: none;width:100%;}
#prefooter #adresse p, #prefooter #partenaires p{text-align:center;}

#poser-question p { text-align: center;}
#colonne-gauche #poser-question { padding: 55px 5px 85px 5px;  min-height: initial;}
nav div#maximenuck153 ul.maximenuck li.maximenuck > a{font-size:16px;}
#prefooter {margin-top: 20px;}
article ul.wastes_subcategories li, article ul.toilet_subcategorie li, article ul.flushing_subcategories li, article ul#liste-table li  { width: 100%; float: none;margin:0 0 5%;}
article .pagination li{  float: left;}
}

@media all and (max-width: 770px){
.bloc-bottom > div {width: 98%; padding: 2%; margin: 0 1% 15px 1%; min-height: auto;}
main .formResponsive .formHorizontal { width: 100%;}

}

@media all and (max-width: 700px){
body.page aside #trouver-produits form {width: 80%;}
.bloc-bottom > div { float: none; width: auto; margin-right: 0; margin-bottom:4%;height:auto;padding:9% 2% 20% 2%;}
.img-actu { width: 70%; margin: 0 auto 25px;}
bottom { padding-bottom: 20px;}
#colonne-gauche, #content, aside {margin:0; width:100%;}
#colonne-gauche {  margin-top: 15px;}
#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;}
footer {padding: 10px 5px;}
#IC {margin-bottom: 10px;}
#adresse{margin-bottom:0;}
#bloc-subcontent > div > #poser-question { padding: 25px 35px 61px;}
#diaporama legend strong, #bandeau legend strong { font-size: 20px;}
article ul#liste-table li .img_liste {  height: 100%;}
#partenaires, #diaporama, #bandeau, header .header-center, #breadcrumb {display:none;}
article.nav-element { margin-top: 90px;}
#content, article {padding: 20px;  margin: 10px 0;}
aside .custom-catalogues, aside .custom-poser-question, aside #trouver-produits, aside #recherche-rapide {min-height: 265px;}
body.page aside #recherche-rapide, aside #trouver-produits {padding: 35px 10px;}
nav div#maximenuck153 ul.maximenuck li.maximenuck.level1 {width: 100%;  border-bottom: 2px solid #fff;}
.login label, .login input[type="text"], .login input[type="password"] {  width: 100%;}
.intro_fitting .item-page {padding: 30px;  }
.intro_fitting { margin-top: 30px;}

}

@media all and (max-width: 620px) {
#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: 550px) {
aside .custom-catalogues , aside .custom-poser-question, aside #trouver-produits,  body.page aside #recherche-rapide{width:100%; margin-bottom:20px;min-height:200px;}
#recherche-rapide form {width: 100%;}
#recherche-rapide, #bloc-subcontent #find-wirquin, #bloc-subcontent > div > #catalogue { padding: 35px 0px;}
#poser-question p {text-align: left; }
.titre-module {margin-bottom: 8px;}
body.page .titre-module, nav {margin-bottom: 28px;}
article .blog .img-introleft { margin: 0 0 25px; width: 100%;}
article iframe { width:100% !important}
.accueil main #content { display:none;}
#recherche_dpt_gmaps input#gmaps-autosuggest { width: 190px;}
}
@media all and (max-width: 480px) {
#fiche #image-fiche  { width:100%;}
}