.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;

	

}

.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) {




}