@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:#f4f4f4;}

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

.wrap:after, main:after, .items-row:after,article .blog .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:30px 0 ;}
	#logo { float: left;  margin: 0 45px 0 0; width:185px;}
	header h1 { position:absolute; text-indent:-9999px;}

	.headerleft {float: left; margin-left: 50px;}
	.headerright, #prefooter #partenaires, #next { float: right;}
	#langue a{ text-align:right; 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 {text-transform:uppercase; font-size:13px; background:#eeeeee; padding:10px 15px; margin-top: 10px;}
	.acces a { color:#373032; display:block; background: url(../images/fleche-noire.png) no-repeat left; padding-left:20px;}
	.acces:hover { background:#dc042b}
	.acces:hover a { color:#fff; padding-left:0; background:none;}
	
	#baseline { font-weight: bold; text-transform: uppercase; color: #484848; font-size: 17px; line-height:22px;}
	
/* menu header */
	#menu-header {margin: 10px 0 15px;}
	#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 { background-color:#efefef;}
	nav li a { color: #484848; padding: 20px 75px; display: block;width: 100%; text-align: center; font-size:20px;}
	nav .maximenuckh ul.maximenuck {text-align:center !important;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item101 > a {display :none !important;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item101 { width:0;}
	#menu li { float:left; padding:14px 10px 13px 10px;}
	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.item133 > a{border-top:15px solid #ccd500;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item133:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item133.current > a{background-color:#bad618;color: #fff;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item134 > a{border-top:15px solid #ee7325;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item134:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item134.current > a{background-color:#f57b2d;color: #fff;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item135 > a{border-top:15px solid #7b256d;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item135:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item135.current > a{background-color:#852c76;color: #fff; }
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item136 > a{border-top:15px solid #00a4ca;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item136:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item136.current > a{background-color:#07add3;color: #fff;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item137 > a{border-top:15px solid #683739;}
	nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item137:hover > a, nav div#maximenuck153 ul.maximenuck li.maximenuck.level1.item137.current > a{background-color:#734042; color: #fff;  }



/*************************************** ACCUEIL ****************************************************/
/*********** diaporama ***************/
#diaporama { width: 100%; height: auto;/* margin-bottom: 20px;*/ position:relative;}

/*main { background:url(../images/habillage-40-ans.png) no-repeat top left;}*/
/* MINI DIAPO */ 
.mini-diapo { padding: 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 .sdb{border-top:10px solid #ed8428;}
	.mini-diapo .cuisine{border-top:10px solid #863379 ;}
	.mini-diapo .buanderie{border-top:10px solid #27a9ce ;}
	.mini-diapo .video{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 .sdb  a:hover{background-color:rgba(237, 132, 40, 0.9);}
	.mini-diapo .cuisine  a:hover{background-color:rgba(134, 51, 121, 0.9);}
	.mini-diapo .buanderie  a:hover{background-color:rgba(39, 169, 206, 0.9);}
	.mini-diapo .video 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, .accueil .titre-module, aside .titre-module { font-size:22px; margin-bottom:18px;font-weight:bold; }

	/* catalogues */
	.catalogues, .guide_conseil { float:left; width:48%; margin-bottom:35px; padding:55px 30px;}
	.catalogues { background:url(../images/bkg-catalogue.jpg) no-repeat center; background-size: cover;}
	.catalogues a, .guide_conseil a { display:block; position:relative; margin-top:30px; background:#fff; font-size:14px; color:#9d9698; padding:15px; text-align:left;}
	.catalogues a:hover, .guide_conseil a:hover, .catalogues a:hover:after, .guide_conseil a:hover:after { background: #dc042b; color:#fff;}
	.catalogues a:after, .guide_conseil a:after { position:absolute; right:0; font-size:20px; line-height: 44px; top:0; background: #dc1a40; content:">"; color:#fff; height:100%; padding:0 20px;}
		/* catalogue en pages intérieures */
		aside .catalogues, aside #trouver-produits, aside .question { width:100%; color:#fff;}
	
	/* qualité */
	.guide_conseil { background:url(../images/bkg-guide-conseil.jpg) no-repeat center; background-size: cover; float:right;}
	
	/* 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:65px 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:#dc042b; border: none;float:right; height: 45px; cursor:pointer; color : #fff; min-width:46px; cursor: pointer;}
	#trouver-produits button:hover, #recherche-rapide button:hover {background-color: #484848;}
	/* trouver produits en pages intérieures */
		aside #trouver-produits form { width: 100%;}
	
	/* question ? */
	.question  { background:url(../images/bkg-question.jpg) no-repeat center; background-size: cover; padding: 75px 30px 120px; position:relative;}
	.question a { color: #fff; position:absolute; bottom:0; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; padding: 20px 35px; background: #dc1a40; text-align: left;}
	.question a:after { position:absolute; right:35px; content:">"; font-size:20px; top: 15px;}
	.question a:hover, #recherche-rapide button:hover { background:#484848;}
		/* 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:30px 35px 40px; margin-bottom: 35px;}
	.titre-choisir { font-size:22px; color:#333333; font-weight:bold; padding-bottom:10px; border-bottom:3px solid #dc042b; 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 label { cursor:pointer;  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: #dc1a40; color: #fff; padding: 35px;}
	.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% - 45px); height: 45px; padding-left: 10px; color: #a59fa1; border: none;vertical-align:middle; float:none;}
	#recherche-rapide button{ background-color:#373737; border: none;float:right; height: 45px; cursor:pointer; color : #fff;  width:45px;cursor: pointer;}
	
	
/*********** FOOTER / actu, group, innovation ***************/ 
#bloc-subcontent {margin-top:30px; float:left; width:100%;}
	#bloc-subcontent .bloc {background: #fff; float: left;width: 32%; padding: 25px; min-height: 620px;position:relative;}
	#bloc-subcontent .bloc + .bloc { margin-left: 2%;}
	#bloc-subcontent .bloc img{margin-bottom:20px;  width: 100%;}
	#actu .date { margin-bottom:10px;}
	#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;}
	#bloc-subcontent 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;}
	.noH2IcContent, #bloc-subcontent  h2 { font-size: 15px; font-weight: bold; color: #878787; margin-bottom: 10px;}
	#bloc-subcontent a { font-weight:bold; text-decoration:underline;color: #dc042b;  padding-top:15px; display: block;}
	#bloc-subcontent a:hover {color : #484848;}
	#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 #dc042b;}

	
	
/*************************************** PAGE ****************************************************/	
article {  float: right; width:calc(100% - 320px); background-color: #fff; padding: 30px 40px 52px 40px;}	

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

	/*********** 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, #accordion ul 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;}


/****************** ACTUALITES ********************/
article .blog .items-row { padding:25px;}
article .blog .items-row + .items-row { border-top:1px solid #bbbbbb;}
article .blog .img-intro-left { float: left; margin-right: 25px; width: 35%;}
article .blog .img-intro-left  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 {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;text-align: center;}
	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 { 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;}
	

/********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: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 { margin:8px 20px;}

	article #accordion #avantages-texte h3 { margin:15px 0 0;}
	#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:26px;}
	#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;}
	#next a, #prev a { display:block;color: #878787;}
	#next a:hover , #prev a:hover, .legendes:hover, #breadcrumbs  a:hover{ color: #e40521;}
	
	
/***** 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, article .login .login-fields { margin-bottom: 10px;}
	main .formResponsive textarea, main  .formResponsive input[type="text"],main  .formResponsive select, article input[type="text"],article input[type="password"] {font-family:'texgyreadventorregular', Arial, Helvetica, sans-serif; background-color: #ffffff; border: 1px solid #cccccc; height: 35px;border-radius: 0; width: 100%;  padding-left: 10px;}
	article .login fieldset {border: none ;}
	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"], article button  {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, article button: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, #prev  { float: left;}
	#prefooter #adresse strong { font-size:15px; font-weight:normal;}
	#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%;}
main { background:none;}
}

@media all and (max-width: 1250px){
nav li a { padding: 20px 55px;}
}

@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;}
}
	
@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;}
}

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

@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: 800px){
#bloc-subcontent .bloc {width: 100%;}
	#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;}
	#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{margin-bottom: 10px;}
article .blog .img-intro-left { float: none; margin: 0 0 25px; width: 100%;}
}

@media all and (max-width: 640px){
.catalogues, .guide_conseil { 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;}
}