.page-reseau #bloc_component,



.page-raccords-laiton #bloc_component,



.page-prise-en-charge #bloc_component,



.page-point-livraison #bloc_component {



	width:75%!important;



	float:left;



	margin:0;



	padding:0;



}







 #map_outer {



	border:1px solid #005ea7;



	/*-moz-box-shadow: 0px 0px 20px 0px #2c3589;



	-webkit-box-shadow: 0px 2px 30px 0px #2c3589;



	-o-box-shadow: 0px 0px 20px 0px #2c3589;



	box-shadow: 0px 0px 20px 0px #2c3589;*/



 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#2c3589, Direction=NaN, Strength=20);



	margin-top:1em;



}



 #map {



	width:100%;



	height:600px;	







}







 .legende_dircom {



	color:#005ea7;



	font-size:1.5em;



	margin-bottom:1em;



	margin-top:1em;



}



 .bloc_dircom {



	background:white;



	margin-bottom:1em;



	



}



 .bloc_dircom p{



	padding:0.5em;



	font-size:1.2em;



	line-height:1.3em;



	padding-left:2em;



	color:#0A71B3;



	



}



 .bloc_dircom p a:link,



 .bloc_dircom p a:active,



 .bloc_dircom p a:visited{



	color:#0A71B3;



	text-decoration:none;



}



 .bloc_dircom p a:hover{



	text-decoration:underline;



}



 .bloc_dircom p.distribution_titre{



	background:#005ea7;



	color:white;



	font-weight:bold;



	



}











 .liste_distributeurs ul{



	 list-style:none;



}



 .liste_distributeurs li {



	width:50%;



	float:left;

	list-style:none;

	



}



.liste_distributeurs li div {



	border:1px solid #3e7dbb;



	margin:1em;



	background: #3e7dbb;



	position:relative;



}







 .liste_distributeurs li div p{



	padding:0.4em;	



	color:white;



	margin:0!important



}



 .liste_distributeurs li div p.nom{



	background:#005ea7;



	padding-top:0.6em;



	margin-top:0em;



	color:white;



}



 .liste_distributeurs li .pointeur {



	position:absolute;



	top:2px;



	right:2px;



	width:18px;



	height:28px;



	background:url(../images/pointeur.svg) no-repeat;



	background-size:contain;



	



}







/*** MOTEUR DE RECHERCHE PRODUITS ***/



.produits_recherche {



	position:relative;



	text-align:center;



	clear:both;



	margin-top:2em;



}



.produits_recherche  input#search_engine {



	border:none;



	width:90%;



	margin:auto!important;



	color:#999;



	padding:0.5em;



	background:url(../images/loupe_moteur.gif) 98.5% center no-repeat white;



	background-size:3%;



	border:1px solid #CCCCCC;



}



.produits_recherche  #resultat {



	width:50%;



	margin-left:25%;



	position:relative;



}



.produits_recherche  #resultat ul {



	color:#999;



	text-align:left;



	position:absolute;



	top:0;



	left:0;



	z-index:9999;



	background:white;



	border-left:1px solid #CCCCCC;



	border-right:1px solid #CCCCCC;



	border-bottom:1px solid #CCCCCC;



	list-style:none;



	padding-left:0;



	margin:0;



}



.produits_recherche  #resultat ul li {



	padding:0.3em;



	cursor:pointer;



	list-style:none;



}



.produits_recherche  #resultat ul li.ui-menu-item img {



	width:4em;



	height:auto;



	float:left;



	margin-right:0.5em;



	margin-left:0.5em;



	



}



.produits_recherche  #resultat ul li.ui-menu-item span {



	



	padding-top:0.5em;



	display:block;



	padding-bottom:0.5em;



}



.produits_recherche  #resultat ul li.ui-state-focus {



	background:#EEEEEE;



}



.produits_recherche  #resultat ul li img {



	box-sizing: border-box;



    -moz-box-sizing: border-box;



    -webkit-box-sizing: border-box;



}



.produits_recherche  #resultat ul li img.reseau {



	border:0.2em solid #33a64d;



}



.produits_recherche  #resultat ul li img.prise-en-charge {



	border:0.2em solid #cc6699;



}



.produits_recherche  #resultat ul li img.raccords-laiton {



	border:0.2em solid #f2973a;



}



.produits_recherche  #resultat ul li img.point-de-livraison {



	border:0.2em solid #25a8c0;



}



.produits_recherche #vide {



	font-weight:700;



	position:absolute;



	top:0.5em;



	left:0;



	z-index:9999;



	background:white;



	width:100%;



}



ul.menu-produits {



	margin-top:2em!important;



	



}



div.menu-produits {



	clear:both;



	height:6em;



}



ul.menu-produits,



.liste-produits ul {



	list-style: none;



	padding:0;



	margin:0;



}



ul.menu-produits li.item-399,



ul.menu-produits li.item-401 ,

ul.menu-produits li.item-1051,



ul.menu-produits li.item-1061 {



	display:none;



}



ul.menu-produits {



	width:100%;



	margin:auto;



	margin-bottom:1em;



	font-size:12px;



}



ul.menu-produits  li {



	float:left;



	width:25%;



	text-align:left;



	color:#1d70b7;



	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;



	text-transform:uppercase;



	font-size:1.2em;	



}



ul.menu-produits  li a{



	display:block;



	height:1em;



	padding-top:2em;



	padding-bottom:3.2em;



	color:#1d70b7;



	text-decoration:none;



	text-align:left;



	padding-left:5em;



}







ul.menu-produits  li a.reseau  {



	background:url(../images/btn_reseau.svg) left top no-repeat;



	background-size:20%;



	background-position: 0.5em top;



	border-bottom:3px solid #33a64d;



}



ul.menu-produits  li a.prise-en-charge  {



	background:url(../images/btn_prisecharge.svg) left top no-repeat;



	background-size:20%;



	background-position: 0.5em top;



	border-bottom:3px solid #cc6699;	



}



ul.menu-produits  li a.raccords-laiton  {



	background:url(../images/btn_raccord.svg) left top no-repeat;



	background-size:20%;



	background-position: 0.5em top;



	border-bottom:3px solid #f2973a;	



}



ul.menu-produits  li a.point-livraison  {



	background:url(../images/btn_point.svg) left top no-repeat;



	background-size:20%;



	background-position: 0.5em top;



	border-bottom:3px solid #25a8c0;



}



ul.menu-produits li a:hover, ul.menu-produits li.current a {



	color:white;



	background-position: 0.5em bottom;



}











.page-produits-splash ul.menu-produits  li a{



	display:block;



	height:1em;



	padding-top:10em;



	padding-bottom:2em;



	color:#1d70b7;



	text-decoration:none;



	padding-left:0em!important;



	text-align:center;



	border-right:1px solid white;



}



.page-produits-splash ul.menu-produits  li a.reseau  {



	background:url(/images/btn_reseau.svg) center 0.3em  no-repeat;



	background-size:40%;



	border-bottom:3px solid #33a64d;



}



.page-produits-splash ul.menu-produits li a.prise-en-charge  {



	background:url(/images/btn_prisecharge.svg) center 0.3em no-repeat;



	background-size:40%;



	border-bottom:3px solid #cc6699;	



}



.page-produits-splash ul.menu-produits li a.raccords-laiton  {



	background:url(/images/btn_raccord.svg) center 0.3em no-repeat;



	background-size:40%;



	border-bottom:3px solid #f2973a;	



}



.page-produits-splash ul.menu-produits li a.point-livraison  {



	background:url(/images/btn_point.svg) center 0.3em no-repeat;



	background-size:40%;



	border-bottom:3px solid #25a8c0;



}



.page-produits-splash ul.menu-produits  li a:hover, .page-produits-splash ul.menu-produits li.current a {



	color:white;



	background-position: center -10.3em;



}











ul.menu-produits li a.reseau:hover, ul.menu-produits li.current a.reseau  {



	background-color: #33a64d;	



}



ul.menu-produits li a.prise-en-charge:hover, ul.menu-produits li.current a.prise-en-charge  {



	background-color: #cc6699;	



}



ul.menu-produits li a.raccords-laiton:hover, ul.menu-produits li.current a.raccords-laiton  {



	background-color : #f2973a;	



}



ul.menu-produits li a.point-livraison:hover, ul.menu-produits li.current a.point-livraison  {



	background-color: #25a8c0;	



}







/*











ul.menu-produits *,



.liste-produits * ,



.fiche-produit * {



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	font: inherit;



	vertical-align: baseline;



}























*//*







ul.menu-produits li a.point-livraison, ul.menu-produits li.current a.point-livraison {



	border-right:none;



}



/*



*/



.liste-produits {



	margin:0;



	margin-bottom:2em;



	display:block;



	float:left;



	width:25%;



	font-size:12px;



}







/*



.liste-produits h3 {



	font-size:2em;



	text-transform : uppercase;



	font-weight:700;



	



}



.liste-produits h3.reseau,



.liste-produits .content-liste.reseau .reference a {



	color:#33a64d;



}



.liste-produits h3.prise-en-charge,



.liste-produits .content-liste.prise-en-charge .reference a {



	color:#cc6699;



}



.liste-produits h3.raccords-laiton,



.liste-produits .content-liste.raccords-laiton .reference a {



	color:#f2973a;



}



.liste-produits h3.point-livraison,



.liste-produits .content-liste.point-de-livraison .reference a {



	color:#25a8c0;



}



*/



.liste-produits .content-liste ul {



	color:white;



	width:100%;



	float:left;



	padding:0;



}







.liste-produits .content-liste ul p.lib_ssfamille



{



	background:#6f7e86;



	padding:0.5em;



	cursor:pointer;



	margin-bottom:0!important;



	margin-top:0!important;



}



.liste-produits .content-liste ul li {



	border-bottom:2px solid white;



}



.liste-produits .content-liste ul .ssfam {



	margin-top:0.5em;



}



.liste-produits .content-liste ul .ssfam:first-child {



	margin-top:0em;



}



.liste-produits .content-liste ul p.nom_ssfam



{



	background:rgba(255,255, 255, 0.2);



	padding:0.7em 0.7em 0.5em 0.7em;



	cursor:pointer;



	color:white;



	margin:-0.5em -0.5em 0em -0.5em;



	border-bottom:1px solid white;



}







.liste-produits .content-liste ul p.nom_ssfam.hover



{



	background:rgba(255,255, 255, 0);



}







.liste-produits .content-liste ul li.current .gp-produits {



	display:block;



}



.liste-produits .content-liste ul li .gp-produits .reference{



	display:inline-block;



	width:33.33%;



	text-align:center;



	margin-bottom:0;



	margin-top:0;



}



.liste-produits .content-liste ul li .gp-produits .reference a {



	display:block;



	padding-top:1em;



	background:white;



	margin:0.5em;



	padding-bottom:1em;



	text-decoration:none;



	min-height:8em;



}



.liste-produits .content-liste ul li .gp-produits .reference a img {



	max-width: 100%;



   	height: auto;



	margin-bottom:0.5em;



}



.liste-produits .content-liste ul li .gp-produits{



	padding-top:0.5em;



	padding-left:0.5em;



	padding-right:0.5em;



	display:none;



	margin:0;



}







.liste-produits .content-liste ul .sans_nom .gp-produits1,



.liste-produits .content-liste ul .ssfam.open .gp-produits1 {



	display:block;



}







.liste-produits .content-liste ul .gp-produits1 {



	display:none;



}



.liste-produits .content-liste ul li .gp-produits .reference a.item_active {



	outline:3px solid #0A71B3;



}



.liste-produits .content-liste ul li .gp-produits .reference a:hover {



	-moz-box-shadow: 0px 0px 10px 0px white;



	-webkit-box-shadow: 0px 10px 0px 0px white;



	-o-box-shadow: 0px 0px 10px 0px white;



	box-shadow: 0px 0px 10px 0px white;



 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, Direction=NaN, Strength=5);



}







.liste-produits .content-liste.reseau ul li.current p.lib_ssfamille,



.liste-produits .content-liste.reseau ul li.hover p.lib_ssfamille{



	background:#33a64d;



}



.liste-produits .content-liste.reseau ul li {



	background:#c5d881;



}



.liste-produits .content-liste.prise-en-charge ul li.current p.lib_ssfamille,



.liste-produits .content-liste.prise-en-charge ul li.hover p.lib_ssfamille{



	background:#cc6699;



}



.liste-produits .content-liste.prise-en-charge ul li {



	background:#db99ba;



}



.liste-produits .content-liste.raccords-laiton ul li.current p.lib_ssfamille,



.liste-produits .content-liste.raccords-laiton ul li.hover p.lib_ssfamille{



	background:#f2973a;



}



.liste-produits .content-liste.raccords-laiton ul li {



	background:#f8b876;



}



.liste-produits .content-liste.point-de-livraison ul li.current p.lib_ssfamille,



.liste-produits .content-liste.point-de-livraison ul li.hover p.lib_ssfamille{



	background:#25a8c0;



}



.liste-produits .content-liste.point-de-livraison ul li {



	background:#84c2d3;



}







/********* FICHE PRODUIT *********/



.fiche-produit {



	float:right;



	width:810px;



	font-size:12px;



	box-sizing :inherit!important;



}



.fiche-produit *  {



	box-sizing :inherit!important;



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	font: inherit;



	vertical-align: baseline;



	/*list-style: none;*/	



}



.fiche-produit img{



   max-width: 100%;



   height: auto;



   display:block;



} 



.fiche-produit ul {



	margin:0;



	padding:0;



}







.fiche-produit #slider_produit {



	background:white;



	padding:1em;



	border: 1px solid #0A71B3;



}



.fiche-produit #diaporama_outer .bx-wrapper .bx-viewport {







}



.fiche-produit #diaporama_outer{



	width:80%;



	float:left;



	z-index:111;



	position:relative;



}



.fiche-produit #diaporama_thumb_outer {



	width:20%;



	float:right;



	z-index:999;



	position:relative;



}



.fiche-produit #diaporama_thumb_outer .bx-prev,



.fiche-produit #diaporama_thumb_outer .bx-next {



	text-align:center;



	display:block;



	margin:auto;



	width:3em;



	height:3em;



	margin-top:0.5em;



	margin-bottom:0.5em;



	background:url(../images/f_diapo_bleu.svg) no-repeat;



	background-size:3em auto;	



	text-indent:-9999px;



}



.fiche-produit #diaporama_thumb_outer .bx-prev{



	background-position:top center;



}



.fiche-produit #diaporama_thumb_outer .bx-next {



	background-position:bottom center;



}



.fiche-produit #diaporama_thumb_outer .bx-prev:hover,



.fiche-produit #diaporama_thumb_outer .bx-next:hover {



	opacity:0.5;



}







.fiche-produit #diaporama_outer .bx-viewport,



.fiche-produit #diaporama_thumb_outer .bx-viewport{



	box-shadow:none;



}



.fiche-produit #diaporama_thumb_outer .bx-viewport{



	padding:0.4em;



	margin-left:-0.5em;



}



.bx-wrapper {



	margin-bottom:0px!important;



}



.fiche-produit #diaporama_thumb_outer li {



	text-align:center;



}



.fiche-produit #diaporama_thumb_outer li a img {



	border:1px solid #EEEEEE;



}



.fiche-produit #diaporama_thumb_outer li a.active img, 



.fiche-produit #diaporama_thumb_outer li a:hover img {



	border:1px solid #0A71B3;



	 box-sizing: border-box;



    -moz-box-sizing: border-box;



    -webkit-box-sizing: border-box;



}







.fiche-produit .nom_produit {



	background:#dbeaf4;



	padding:2em;



}



.fiche-produit .nom_produit .nom{



	font-family:font-family: "Robot Condensed", Arial, Helvetica, sans-serif;



	color:#0A71B3;



	font-weight:700;



	font-size:1.5em;



	display:block;



	float:left;



}



.fiche-produit .nom_produit .desc_gamme{



	font-family:font-family: "Robot Condensed", Arial, Helvetica, sans-serif;



	color:#0A71B3;



	font-size:1.5em;



	display:block;



	float:left;



	line-height:inherit!important;



}



.fiche-produit .nom_produit .gamme{



	



	display:block;



	



}



.fiche-produit .nom_produit .ssgamme{



	color:black;



	font-size:0.8em;



	padding-left:1.1em;



	display:block;



	



}



.fiche-produit .nom_produit .desc{



	color:#1b353c;



	font-family:font-family: "Open Sans", Arial, Helvetica, sans-serif;



	display:block;



	clear:both;



	padding-top:1em;



	font-size:1.2em;	



}



.fiche-produit .description {



	background:#0A71B3;



	color:white;



	padding:2em;



}



.fiche-produit .description .les_plus {



	position:relative;



	font-family:font-family: "Robot Condensed", Arial, Helvetica, sans-serif;



	font-weight:300;



	height:4em;



}



.fiche-produit .description .les {



	font-size:1.2em;



}



.fiche-produit .description .plus {



	font-size:6em;



	display:block;



	position:absolute;



	border:2px solid white;



	padding:0px;



	-webkit-border-radius : 1em;



	-moz-border-radius: 1em;



	border-radius: 1em;



	top:0;



	left:0.25em;



	font-family:font-family: "Open Sans", Arial, Helvetica, sans-serif;



	line-height:0.6em;



}



.fiche-produit .description .huotplus {



	font-size:2em;



	position:absolute;



	left:2.7em;



	top:0.7em;



}







.fiche-produit .description .arg{



	margin-top:1em;



	line-height:1.2em;



}



.fiche-produit .description .arg ul {



	list-style-type::square!important;



	list-style:inside!important;



}



.fiche-produit .description .arg ul li{



	list-style-type::square!important;



	list-style:inside!important;



}



.fiche-produit .supplements-produits {



	background:#333333;

	/*url(../images/fond_bleu_rayure3.gif) repeat #0A71B3*/

	color:white;



	padding:1em;



	margin-bottom:2em!important;

}



.fiche-produit .supplements-produits ul {



	width:100%;

	list-style:none;

	list-style-position:inside;



}



.fiche-produit .supplements-produits li{



	width:25%;



	float:left;



}



.fiche-produit .supplements-produits a{



	display:block;



	margin:0em;



	height:9em;



	/*background:#1b353c;*/



	text-align:center;



	color:white;



	text-decoration:none;



	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;



	text-transform : uppercase;



	font-size:1.0em;



	font-weight:700;



	padding-top:0.5em;



	background-position: center 2.5em;



	background-repeat:no-repeat;



	background-size:45%!important; 



}



.fiche-produit .supplements-produits a:hover{



	background-color:#6f7e86;



}







.fiche-produit .supplements-produits a.fiche-technique{



	background-image:url(../images/picto_fiche_fiche.svg);	



}



.fiche-produit .supplements-produits a.video{



	background-image:url(../images/picto_fiche_video.svg);	

	background-size:45%!important; 



}



.fiche-produit .supplements-produits a.notice{



	background-image:url(../images/picto_notice.svg);	

	background-size:35%!important; 



}



.fiche-produit .supplements-produits a.babapdf{



	background-image:url(../images/picto_fiche_baba.svg);



	background-size:40%!important;	



	background-position: center 3em;



}



.fiche-produit .supplements-produits a.assistance-technique{



	background-image:url(../images/picto_fiche_assistance.svg);	



	background-size:70%;	



	background-position: center 3.5em;



}



#system-message-container {



	display:none;



}



.clr {



	clear:both;



}











/*** FOOTER ***/



footer h3 {



	font-size:22px!important;



	font-family:font-family: "Barlow Condensed", Arial, Helvetica, sans-serif;



	color:white!important;



}



footer h3 a{



	color:white!important;



}







footer ul li a {



	font-size:12px!important;



	font-family:font-family: "Barlow Condensed", Arial, Helvetica, sans-serif;



	color:white;



}











/** SEARCH RESULT **/



.result-search-main table {



	width:100%;



	border-collapse: collapse;



border-spacing: 0;



}



.result-search-main table td {



	vertical-align:middle;



	padding:0.5em;



}



.result-search-main table tr:nth-child(odd) {



	background:#dbeaf4;



}



.result-search-main table td img.img-reseau {



	border:0.2em solid #33a64d;



}



.result-search-main table td img.img-prise-en-charge {



	border:0.2em solid #cc6699;



}



.result-search-main table td img.img-raccords-laiton {



	border:0.2em solid #f2973a;



}



.result-search-main table td img.img-point-de-livraison {



	border:0.2em solid #25a8c0;



}



.result-search-main table td.cat.img-reseau {



	color: #33a64d;



}



.result-search-main table td.cat-prise-en-charge {



	color: #cc6699;



}



.result-search-main table td.cat-raccords-laiton {



	color: #f2973a;



}



.result-search-main table td.cat-point-de-livraison {



	color: #25a8c0;



}



.result-search-main .c-famille {



	font-weight:bold;



	text-transform:uppercase;



}



.result-search-main .c-produit {



	font-weight:bold;



}



.result-search-main .c-produit a{



	color:black;



	text-decoration:none;



}



.result-search-main .c-produit a:hover{



	text-decoration:underline;



}



.result-search-main .vignette_resultat {



	width:100px;



	height:auto;



}



.info_result {



	margin-bottom:1em;



	font-size:1.3em;



}







.menu-produits li.item-851, .menu-produits li.item-849 ,

.menu-produits li.item-1061, .menu-produits li.item-1051 {



	display:none;



	



}









.item-839 .u-nav-popup ,

.item-1049 .u-nav-popup {



	display:none!important;



}

#menu-mentions {

	width:100%;

	display:inline-block;

	text-align:center;

	list-style:inside;

	list-style-type:none;

}

#menu-mentions li {

	display:inline-block;

	text-align:center;

	list-style:inside;

	list-style-type:none;

	margin : 0 0.5em 0 0.5em!important;

}

#menu-mentions li:fisrt-child {

	border-right:1px solid white;

}





@media (min-width: 992px) and (max-width: 1199px) {

	

	.fiche-produit {

		width:98%;	

	}

}

@media  (max-width: 991px) {

	.page-reseau #bloc_component, .page-raccords-laiton #bloc_component, .page-prise-en-charge #bloc_component, .page-point-livraison #bloc_component {

		width:100%!important;

	}

	.fiche-produit {

		width:100%;	

		display:block;

		float:none;

		clear:both;

	}

	.liste-produits {

		width:100%;	

		display:block;

		float:none;

		clear:both;

	}

	.liste-produits .content-liste ul li .gp-produits .reference {

		width:25%;

	}

	div.menu-produits {

		height:5.5em;

	}

	









.menu-produits ul li a{ 



	padding-left:0!important;



	text-align:center;



	/*background-image:none!important;*/



	padding-bottom:1.5em;



	padding-top:3.5em;

	background-position:center top!important;

}

.menu-produits ul li a:hover,

.menu-produits ul li.current a { 

	background-position:center -3.35em!important;

}





.produits_recherche  input#search_engine {



	width:90%;



}





}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 576px) and (max-width: 767px) {

	.menu-produits ul li a{ 

		background-image:none!important;

		padding:0.5em;

		height:4em;

	}

	div.menu-produits {

		height:5em;

	}

}

@media (max-width: 575px) {

	.menu-produits ul li a{ 

		background-image:none!important;

		padding-top:0.5em;

		height:4em;

	}

	div.menu-produits {

		height:5em;

	}

	.fiche-produit .supplements-produits li {

		width:50%;

	}

	

}



@media screen and (max-width: 768px) {









}