/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1000px){

	body{

	}


	.xtop-wnav{
	text-align:center;
	padding:0;
	flex-wrap: wrap;
	}

	.xtop-nav{
	flex-wrap: wrap;
	}

	.xtop-wlink-search input[type="search"]{
	max-width:175px;	
	}


	#xmenumobile{
	display: inline-flex;
	padding: 10px;
	border-radius: 60px;
	margin: 10px auto;
	cursor: pointer;
	background-color:none;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	}

	#xmenumobile img{
	max-height:28px;
	}



	.XpageProdURLink_next img,
	.XpageProdURLink_prev img {
	    max-height: 30px;
	}






	.xtop-nav-mobile{
	display:none;
	flex:auto;
	}




	.xtop-nav-mobile-menu{
	height:auto;
	top:0px;
	padding:0px;
	list-style: none;  
	margin:0px;
	display: flex;
	flex-direction: column;
	}


	.xtop-nav-mobile-menu li{	
	padding: 10px 15px;
	border-bottom:1px solid #ccc;
	text-align:left;
	}

	.xtop-nav-mobile-menu li .xtop-divimg{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin:0 5px 0 0;

	}



	.xtop-nav-mobile-menu li:hover{	
	border-bottom:0px solid #888888;
	color:#fff;
	cursor:pointer;
	}


	.xtop-nav-mobile-menu li > a{
	text-decoration: none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	color: #000;
	vertical-align: middle;
	}

	.xtop-nav-mobile-menu li:hover > a{
	color:#ac1f2a;
	}




	.xtop-nav-mobile-menu li ul{
	list-style-type:none;   
	display: none;
	margin-top:20px;
	height:auto;
	background-color:none;
	color:#313131;
	padding:0px;
	}


	.xtop-nav-mobile-menu li ul li{
	list-style-type:none;
	margin:0px;
	padding:10px 10px 10px 10px;
	display:block;
	text-align:left;
	border:0;
	}


	.xtop-nav-mobile-menu li ul li .xtop-divimg{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin:0 8px 0 0;
	}

	.xtop-nav-mobile-menu li ul li .xtop-divimg .xtop-img{
	max-height:22px;
	}

	.xtop-divlgd{
	font-size:0.8em;
	}

	.xtop-nav-mobile-menu li ul li > a{
	color:#313131;
	display: inline-block;
	vertical-align: middle;
	font-size:0.8em;
	}

	.xtop-nav-mobile-menu li:hover > ul > li > a{
	color:#313131;
	display: inline-block;
	vertical-align: middle;
	}
	.xtop-nav-mobile-menu li ul li:hover{
	color:#333;
	background-color:#fff;
	}
	.xtop-nav-mobile-menu li ul li:hover > a{
	color:#333;
	}



	.xtop-nav-mobile-menu li ul li ul{
	list-style-type:none;   
	display:none;
	height:auto;
	background-color:#fff;
	color:#333;
	margin:10px -10px;
	}

	.xtop-nav-mobile-menu li ul li ul li{
	color:#333;
	border-bottom:1px dotted #ccc;
	}

	.xtop-nav-mobile-menu li ul li ul li:hover{
	color:#333;
	background-color:#fff;
	}

	.xtop-nav-mobile-menu li ul li ul li > a{
	color:#ac1f2a;
	font-size:0.7em;
	}



	.xtop-nav-mobile-menu li ul li:hover ul li > a{
	color:#ac1f2a;
	}

	.xtop-nav-mobile-menu li:last-child{
	border-bottom:0px;
	}



	.x_content_img {
	flex-direction: row !important;
	}


	div[class^="xtop-wlink-"]{
	padding:5px 5px !important;
	}


	div[class^="xtop-wlink-"] a img,
	.x_connexion_login .x_aobfusked img,
	#x_connexion_unlog img{
	    max-height: 1em;
	    vertical-align: middle;
	    margin: 0 0 0 0;
	    max-height:14px;
	}

	.xtop-wlink .x_connexion_logged_initial{
	margin:0;
	padding:0 3px;
	}


	.xtop-wlink-catalogue a img{
	margin:0 7px 0 0 !important;
	}


	#headernav-wlogo img {
	    max-height: 40px;
	    transition-duration: .3s;
	    margin: 5px 30px;
	}










	.xreferences .xref_block{
	flex: auto;
	flex-wrap:wrap;
	}





	/*cart*******************************/*
	/*cart*******************************/*
	/*cart*******************************/*
	#xcart-step-logo{
	margin:0 0 10px 0;
	}
	#xcart-step-logo a img{
	max-width:80%;
	}
	#xcart-step-title{
	margin:0 0 30px 0;
	}
	
	.xcart-step-id-div {
	margin:0;
	gap:8px;
	}

	.xcart-step-ok .xcart-step-id-number, .xcart-step-nook .xcart-step-id-number {
	    border-radius: 60px;
	    box-sizing: border-box;
	    padding: 8px 0 0 0;
	    width: 30px;
	    height: 30px;
	    margin: 8px auto 15px auto;
	    font-size: 0.8em;
	}

	.xcart-step-ok .xcart-step-id-number {
	    background-color: #68645d;
	    color: white;
	    border: 1px solid #68645d;
	}


	.xcart-step-ok .xcart-step-id-number, .xcart-step-nook .xcart-step-id-number {
	    padding:0;
	    width: 30px;
	    height: 30px;
	    margin: 8px auto 15px auto;
	}

	.xcart-step-select {
	    width: 40px !important;
	    height: 40px !important;
	    margin: 3px auto 10px auto !important;
	}


	.xcart-step-id-name{
	font-size:0.65em;
	}

	#xcart-content table{
	font-size:0.7em;

	}

	.xcart-content-row-designation{
	font-size:0.8em;
	}
	.xcart-content-row a{
	font-size:1em;
	}

	.xcart-delrow{
	max-height:15px;
	}

	..xcart-total-row td{
	padding:5px;
	}


	.xcart_button_div {
	display: flex;
	gap:15px;
	flex-wrap:wrap;
	}

	.xcart-txt-liv-destinataire{
	flex:1 1 100%;
	}


	.xcart_button_div button{
	margin:0;
	font-size:0.9em;
	flex:1 1 30%;
	}

	/*cart*******************************/*
	/*cart*******************************/*
	/*cart*******************************/*





	.xship-deliver-choice{
	min-width:auto;
	}


	.xship-deliver-input{
	margin: 0 10px 0 10px;
	}




	.xpagefiltersmenu{
	    position:unset;
	    position:unset;
	padding:30px 30px !important;
	}


}

/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1390px){

.xtop-navmenu{
gap:0 34px;
}

.xtop-navmenu li a,
.xtop-navmenu li a:active {
font-size:0.85em;
}


	.xtop-wlink-geo a span, 
	.xtop-wlink-fav a span,
	.xtop-wlink-tel a span{
	display:none !important;

	}

}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1300px){

	.xtop-navmenu{
	gap:0 30px;
	}

	.xtop-navmenu li a, .xtop-navmenu li a:active {
	font-size:0.8em;
	padding: 8px 10px;
	}

	.xtop-wlink{
	flex-wrap:wrap;
	padding:0 !important;
	}
	.xtop-wnav{
	padding:0;
	}

}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1230px){

	.xtop-navmenu{
	gap:0 20px;
	}

	.xtop-navmenu li a, .xtop-navmenu li a:active {
	font-size:0.8em;
	padding: 8px 10px;
	}

	.xtop-wlink{
	flex-wrap:wrap;
	padding:0 !important;
	}
	.xtop-wnav{
	padding:0;
	}

}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1100px){

	.xtop-navmenu{
	gap:0 10px;
	}

}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:530px){

	.xtop-wlink-pay,
	.xtop-wlink-search{
	display:none !important;
	}

	#xmenumobile{
	margin:0;
	}

	.xbottom-flex{
		gap:0;
		margin:0;
	}
	
   .xtop-wlink{
   	flex-wrap: wrap;
      padding: 0 15px !important;
   }
    
    .xtop-wnav{
        padding: 0 15px !important;
        display:flex;
        justify-content:space-between;
    }
    
	#xtop-wlink-fav span,
	.xtop-wlink-geo span,
	.xtop-wlink-tel span,
	.x_connexion_login span span,
	.x_connexion_unlog a span,
	
	.xtop-wlink-iconetwork,
	.x_connexion_logged_acc{
		display:none !important;
	}

	.XWebcart{
	padding:15px;
	}


	.xfav_button {
	padding:10px 10px 7px 10px !important;
	}

	.xfav_button img {
	    max-height:20px !important;
	}

	.xfav_button_div{
	padding:10px 0 !important;
	}

	#xfav-content{
	font-size:0.8em !important;
	}

	.xfav-content-row a{
	font-size:0.9em !important;
	}

	.xfav-delrow{
	max-height:40px;
	}

	#xfav-shaform-content{

	margin:50px 30px !important;
	}

	.xtop-wlink-search input[type="search"]{
		max-width:110px !important;
	}


	#headernav-logo img{
	max-height:50px;
	}


}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (max-width:1100px){

	.xtop-navmenu{
	gap:0 10px;
	}
	.HomeForm #myform .divformel,
	.HomeForm .xSForm-divformel,
	.contactform #myform .divformel,
	.contactform .xSForm-divformel{
	display:block;

	}
	.u-nav-popup ul{
	padding:20px 0 !important;
	}
	.u-nav-popup ul li a{
	padding:10px !important;
	font-size:0.8em;
	}


	.u-nav-container-collapse .u-nav-3{
	width: 100% !important;
	width: -moz-available !important;
	width: -webkit-fill-available !important;
	width: stretch !important;
	margin:50px 25px 30px 25px !important;
	}
	
	.u-nav-container-collapse  ul  li {
	border-bottom:1px dotted #666 !important;
	}
	.u-nav-container-collapse  ul  li ul li {
	border-bottom:0 !important;
	}
}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen and (min-width:1000px){


.xmenumobile{
display:none;
}



}
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/