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


#xarrow_gb{
position:fixed;
top:70px;
right:25px;
display:none;
z-index:9999;
opacity:.3;
cursor:pointer;
}

#xarrow_gt{
position:fixed;
bottom:70px;
right:25px;
display:none;
z-index:9999;
opacity:.3;
cursor:pointer;
}


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





/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/
@media screen{

/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* COOKIES */
#xvalid_rgpd{
margin:0 auto;
border:0px solid #ccc;
box-shadow:1px 1px 30px #ccc;
padding:0;
position:fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color:#fff;
z-index:20000;
max-width:600px;
border-radius:5px;
}




.xrgpd-title{
display:flex;
justify-content:space-around;
align-items:flex-start;
border-bottom:2px solid #ccc;
}



.xrgpd-title div{
padding:15px 15px;
text-align:center;
font-weight:bold;
color:black;
font-size:0.9em;
}

.xrgpd-title div:hover{
cursor:pointer;
color:#ab9e81;
}

.xrgpd-title-selected{
cursor:pointer;
color:#ab9e81 !important;
}


.xrgpd-part{
display:none;
padding:15px;
font-size: 0.8em;
text-align: justify;
}

.xrgpd-button{
padding:15px 15px;
display:flex;
flex-wrap:nowrap;
justify-content:center;
align-items: stretch;
align-content: stretch;
border-top:2px solid #ccc;
}


.xrgpd-button button{
padding:10px 10px;
border-radius:5px;
border:2px solid #ab9e81;
background-color: white;
margin: 0 5px;
font-weight:600;
cursor:pointer;
font-size: 0.9em;
}

.xrgpd-button button:hover{
border:2px solid #ab9e81;
background-color:#ab9e81;
color:white;
}

.xrgpd-button-selected{
border:2px solid #ab9e81 !important;
background-color:#ab9e81 !important;
color:white !important;
}



.xrgpd-content{
height:300px;
overflow:hidden;
overflow-y:scroll;

}

.xrgpd-part-details{
margin:0 0 30px 0;
}


.xrgpd-part-dc-row{
display: flex;
justify-content: space-between;
align-content: baseline;
align-items: baseline;
margin:0 0 15px 0;
}

.xrgpd-part-dc-title{
font-weight:600;
font-size: 1.1em;
}


.xrgpd-switch{
position: relative;
display: inline-block;
width: 60px;
height: 34px;
vertical-align: middle;
}

.xrgpd-switch input {display:none;}

.xrgpd-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.xrgpd-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .xrgpd-slider {
  background-color:#ab9e81;
}

.xrgpd-slider2 {
background-color:#505050 !important;
}



input:focus + .xrgpd-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .xrgpd-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.xrgpd-slider.round {
  border-radius: 34px;
}

.xrgpd-slider.round:before {
  border-radius: 50%;
}



/* FIN COOKIES */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/






/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* GESTION DECONNEXION */


#xrelchdivQT{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color:#fff;
border-radius:3px;
padding:20px;
width:350px;
border:3px solid #0574A9;
font-size: 1.2em;
font-weight: 400;
text-align: center;
z-index:999;
}

#xrelchdivQT input[type="button"]{
background-color:#0574A9;
padding:10px;
margin:10px;
color:white;
cursor:pointer;
border-radius:3px;
height:auto !important;
border:1px solid #000;
}

#xrelchdivQT input[type="button"]:hover{
background-color:#6198b3;


}



/* FIN GESTION DECONNEXION */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/













/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/*buttton*/
.button{
background-color:#6198b3;
color:#fff;
padding:10px 15px;
margin:0 5px;
cursor:pointer;
border:0;
border-radius:5px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.button:hover{
background-color:#333;
}

/*fin button*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/





/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* TOP MENU PANIER */

#x_top{
z-index:100;
position:sticky;
top:0;
background-color:black;
background-image:url('/xusers/10/xdoc/bib/bgtop.webp');
background-position:bottom:

}


#x_bottom{
margin:50px 0 0 0;
}


.x_content_og{

}

.xtop-wlink{
background-color:#ece0c6;
display:flex;
align-items:unset;
align-content: center;
flex-wrap: nowrap;
justify-content:space-between;
padding:0 20px !important;
}

div[class^="xtop-wlink-"]{
padding:5px 10px;
align-items: center;
display: flex;
}


div[class^="xtop-wlink-"] a,
div[class^="xtop-wlink-"] a:active,
div[class^="xtop-wlink-"] .x_aobfusked{
font-size: 0.875rem;
font-weight: 400;
text-transform:uppercase;
color:#555c66;
display:flex;
align-items:center;
gap:5px;
text-decoration:none;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

div[class^="xtop-wlink-"] a:hover,
div[class^="xtop-wlink-"] .x_aobfusked:hover{
color:#000;
}







#x_cart{
padding:5px 10px;
}


#x_cart_content{
display:flex;
font-size: 0.875rem;
font-weight: 400;
text-transform:uppercase;
color:#555c66;
}




#x_cart_content .x_cart_img img,.xtop-wlink .x_connexion_login img,.xtop-wlink .x_connexion_logged img,.xtop-wlink .x_connexion_unlog img{
max-height: 1em;
vertical-align: middle;
margin: 0 8px 0 0;
}


.xtop-wlink div[class^="x_connexion_"],.xtop-wlink div[class^="x_connexion_"]{
padding:5px 10px;
}

.xtop-wlink div[class^="x_connexion_"] a,
.xtop-wlink div[class^="x_connexion_"] a:active,
.xtop-wlink div[class^="x_connexion_"] .x_aobfusked{
font-size: 0.875rem;
font-weight: 400;
text-transform:uppercase;
color:#555c66;
text-decoration:none;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xtop-wlink div[class^="x_connexion_"] a:hover,
.xtop-wlink div[class^="x_connexion_"] .x_aobfusked:hover{
color:#000;
}


.xtop-wlink .x_connexion_logged_initial{
display: inline-block;
background-color: #5dce4a;
color: white;
padding: 2px 5px;
margin: 0 5px 0 0;
border-radius: 5px;
}

.xtop-wlink  .x_connexion_logged_name{
display:none !important;
}


#x_connexion_unlog{
cursor:pointer;
}






#x_cart_content .x_cart_qte{
background-color: black;
color: white;
border-radius: 90px;
    display: flex;
    justify-content: center;
    align-items:center;
    height: 27px;
    width: 27px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


#x_cart_content .x_cart_qte:hover{
background-color:#76706f;
color: white;
}


.xtop-wlink-search input[type="search"]{
border:0;
max-height:1.8em !important;
vertical-align: middle;
}

.xtop-wlink-search button[type="button"]{
background-color: white;
border: 0;
max-height: 1.8rem;
vertical-align: middle;
margin: 0;
}

.xtop-wlink-search button[type="button"]:hover{
background-color:#efefef;
cursor:pointer;
}



.xtop-wlink-search button[type="button"] img{
max-height:1em;
vertical-align:middle;
}

.xtop-wlink-iconetwork a img,
.xtop-wlink-iconetwork .x_aobfusked img{
max-height:1.8em !important;
margin:0 4px !important;
}


div[class^="xtop-wlink-"] a img{
max-height:1em;
vertical-align: middle;
margin:0 8px 0 0;
}


.xtop-wlink-pay{
padding:0 10px;
display:flex;
align-items:center;
gap:7px;
}
.xtop-wlink-pay img{
max-height:30px;
line-height:0;
}

div[class^="xtop-wlink-"] a span{
vertical-align: middle;
display: inline-block;
}


.xtop-wlink-catalogue{
background-color:none;
transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
}
.xtop-wlink-catalogue-blink{
background-color:#bdb4a2 !important;
transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

.xtop-wlink-catalogue-blink a{
color:white !important;
}


#headernav-logo{
display:block;
text-align:center;
}

#headernav-logo img{
max-height:80px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
margin:25px 0 0 0;
}


.xtop-wnav{
margin:0 auto;
}


.header-wnav{
display:flex;
align-items:center;
}

#headernav-wlogo{
text-align:center;
margin:0 10px 0 0;
}

#headernav-wlogo img{
max-height:50px;
width:auto;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
margin:0 0 0 30px;
}








#xansw-pay-logo{
text-align:center;
}


#xansw-pay-logo img{
max-width:100%;
}

#xansw-pay-title {
text-align:center;
    margin:30px 0;
    font-size: 1.4em;
    background-color: #efefef;
    padding: 10px;
    color: #333;
    border-radius: 5px;
}

.xansw-pay-part{
text-align:center;
}

.xansw-pay-part-img{
}

.xansw-pay-part-img img{
max-height:100px;
}

.xansw-pay-part-txt{
font-size:0.9em;
margin:30px 0;
}

.xansw-pay-part-txt span{
font-size:1.4em;
}


/* FIN TOP MENU PANIER*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/













/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* MENU TOP */


.home-vinogourmets img{
max-height:30px;
}




.xtop-nav{
display:block;
flex:1;
max-width:90%;
margin:0 auto;
}


.xtop-navmenu{
display:flex;
list-style:none;
text-align:center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
justify-content:space-between;
padding:0 !important;
margin:0 30px!important;
}


.xtop-navmenu > li{
position:relative;
list-style:none;
display: flex;
align-items: center;
height:70px;
}

.xtop-navmenu > li .xtop-divlgd{
display:none;
}

.xtop-navmenu > li > ul{
display: block;
background-color:#f9f5ee;
position: absolute;
text-align: left;
padding: 30px 20px 20px 20px !important;
margin:0 0 0 0;
top:70px;
left: 50%;
transform: translate(-50%,0);
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
width: max-content;
border-radius: 0 0 5px 5px;
visibility: hidden;
opacity: 0;
transition: all 0s, opacity 0.5s linear;
-webkit-transition: all 0s, opacity 0.5s linear;
width:380px;
/*
box-shadow: 1px 1px 3px #cbcbcb;
*/
}

.xtop-navmenu-back{
top:105px !important;
}


.xtop-navmenu li ul li .xtop-divlgd{
display:none;
}

.xtop-navmenu li a,.xtop-navmenu li a:active{
text-transform:uppercase;
font-size:0.9em;
color:#fff;
font-family:Montserrat,sans-serif;
text-decoration:none;
padding: 8px 8px;
/*
background-color: #252525;
border-radius: 3px;
*/
}

.xtop-navmenu li>ul>li>a::after{
/*content:'';
width:auto;
display:block;
height:1px;
background-color:#333;
*/}

.xtop-navmenu li>ul>li>ul>li>a::after{
content:none;
}



.xtop-navmenu li a:hover{
/*
color:black;
background-color:#efeae1;
*/

color:#dac7a4;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xtop-navmenu li:hover > ul{
display:block;
visibility: visible;
  opacity: 1;
}



.xtop-navmenu li ul li{
list-style: none;
margin: 2px 0;
}


.xtop-navmenu li ul li a,.xtop-navmenu li ul li a:active{
text-transform:uppercase;
color:#000;
font-family:Montserrat,sans-serif;
text-decoration:none;
padding:2px 0;
font-size:0.8em;
}

.xtop-navmenu li ul li a:hover{
color:#555c66;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
font-weight:bold;

}

.xtop-navmenu li ul li ul{
display:flex;
flex-direction:row;
flex-wrap:wrap;
background-color:white;
padding:0 !important;
margin:0;
gap:2px 12px;
height:0;
  visibility: hidden;
    opacity: 0;
    transition: all 0s, opacity 0.5s linear;
-webkit-transition: all 0s, opacity 0.5s linear;


}

.xtop-navmenu li ul li ul li{
display:block;
background-color:white;
padding:0 !important;
margin:0;
line-height: 1;
border:0;
}

.xtop-navmenu li ul li ul li a,.xtop-navmenu li ul li ul li a:active{
text-transform:uppercase;
color:#8f6b2a;
font-family:Montserrat,sans-serif;
text-decoration:none;
padding:4px 5px;
font-size:0.65em;
}


.xtop-navmenu li ul li ul li a:hover{
color:#000;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;

}

.xtop-navmenu li ul li:hover > ul{
/*display:flex;*/
display:none;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
visibility: visible;
height:auto;
margin:5px 0 25px 0;
}


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

.xtop-navmenu li ul li .xtop-divimg img{
max-height:18px;
}


/* FIN TOP MENU */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/


/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* FILTERS PAGES */

.xpagefilters{
display:flex;
flex-wrap:wrap;
padding:20px 30px;
justify-content:space-between;
align-items:baseline;

}

.xpagefilters .xsbtque_servorder{
background:none;border:0px;margin:0 0 0 10px;vertical-align:initial;font-weight:bold;height:auto;padding:0;
}

.xpagefilters-nbref{
margin:5px 0;
}

.xpagefilters .xsbtque_nbrefpage{
background:none;border:0px;margin:0 0 0 10px;vertical-align:initial;font-weight:bold;height:auto;padding:0;
}


.xpagefiltersmenu{
padding: 10px 30px;
margin:0 0 30px 0;
position: sticky;
position: -webkit-sticky; /* Safari */ 
top: 108px;
z-index: 50;
background-color: black;
background-image: url(/xusers/10/xdoc/bib/bgtop.webp);
}

.xpagefiltersmenu ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.xpagefiltersmenu ul li{
list-style:none;
padding:0;

}




.xpagefiltersmenu ul li a{
font-size: 0.8em;
background-color:#262626;
list-style: none;
padding: 5px 8px;
text-decoration: none;
border-radius: 2px;
color:#c3c3c3;
text-transform: uppercase;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xpagefiltersmenu ul li a:hover{
background-color: #fff;
color: black;
}





/* FIN FILTERS PAGES */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/



/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* MOTEUR DE RECHERCHE IA */
#DivIASearch-bg{
background-color:black;
opacity:0.95;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:300;
text-align:center;
}



#DivIASearch{
max-width:800px;
margin:30px auto;
}


#DivIASearch-dv{
display:flex;
flex-flow: nowrap;
justify-content: center;
padding:0 15px;
}


#xIASearch{
flex:1;
height:50px;
border: 0;
border-radius: 3px 0 0 3px;
padding:5px 20px;
}




#xIASearch-btn{
border: 0;
padding: 5px 15px 0 15px;
border-radius: 0 3px 3px 0;
cursor:pointer;
}


#xIASearch-btn:hover{
background-color:#ece0c6;
transition-duration:.4s;
-webkit-transition:.4s;
}

#xIASearch-btn img{
max-height:32px;
}

#DivIASearch-close{
text-align: center;
color: white;
border: 1px solid white;
display: inline-block;
padding: 7px 15px;
border-radius: 3px;
margin: 30px auto 0 auto;
cursor:pointer;
}

#DivIASearch-close:hover{
background-color:white;
color:black;

}


#DivIAResult{
background-color:white;
margin:-2px 15px 0 15px;
}


.xiasearch_result{
text-align:left;
clear:both;
padding:5px 10px;
border-bottom:1px dotted #666;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
color:#333;
cursor:pointer;
}

.xiasearch_result:hover{
background-color:#efefef;
}


.search_number_result{
clear:both;
text-align:right;
color:#666;
padding:5px 10px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}


.results_r{
color:#0037ff;
font-weight:bold;
}

.xiasearch_infoplus{
color:#ccc;
float:right;
margin:0px 0px 0px 20px;
}







/* FIN MOTEUR DE RECHERCHE IA */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/










#DivIAImgSearch-bg{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.72);
	z-index:999999;
	display:none;
}

#DivIAImgSearch-close{
	position:absolute;
	top:18px;
	right:25px;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	z-index:2;
}

#DivIAImgSearch{
	position:absolute;
	top:60px;
	left:50%;
	transform:translateX(-50%);
	width:min(1180px, calc(100% - 30px));
	max-height:calc(100vh - 90px);
	overflow:auto;
	background:#fff;
	border-radius:12px;
	box-shadow:0 12px 60px rgba(0,0,0,.35);
}

#DivIAImgSearch-dv{
	display:flex;
	gap:10px;
	padding:18px;
	border-bottom:1px solid #eee;
	position:sticky;
	top:0;
	background:#fff;
	z-index:3;
}

#xIAImgSearch{
	flex:1;
	padding:14px;
	font-size:17px;
	border:1px solid #ddd;
	border-radius:8px;
	box-sizing:border-box;
}

#xIAImgSearch-btn{
	width:54px;
	border:0;
	background:#111;
	border-radius:8px;
	cursor:pointer;
}

#xIAImgSearch-btn img{
	width:22px;
	height:22px;
	object-fit:contain;
}






/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* PAGE REFERENCES */
.xreferences{
display: flex;
flex-wrap: wrap;
align-content: stretch;
align-items: stretch;
justify-content: center;
}




.xreferences .xref_photo{
position:relative;
}


.xref_block .xref_photo img{
max-width: 300px;
max-height: 300px;
margin:0 auto;

}

.xref_promo .xref_promo_div{
display:flex;
align-items:center;
justify-content:center;
gap:10px;

    position: absolute;
    color: #fff;
    top: 40px;
    transform: rotate(30deg);
    width: 460px;
    right: -120px;
    font-size:20px;
    text-transform: uppercase;
}



.xref_promo .xref_promo_div[data-color="1"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="2"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="3"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="4"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="5"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="6"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="7"]{
background-color:#ece0c6;
}

.xref_promo .xref_promo_div[data-color="7"] .xref_promo_div_txt,
.xref_promo .xref_promo_div[data-color="7"] .xref_promo_div_prct{
color:black;
}

.xref_promo .xref_promo_div[data-color="8"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="9"]{
background-color:black;
}
.xref_promo .xref_promo_div[data-color="10"]{
background-color:black;
}







.xref_block .xref_titre{
margin:0 auto;
}

.xref_block .xref_titre::after{
content:' ';
width:90px;
margin: 10px auto 0 auto;
border-bottom: 1px solid #6c6c6c;
display: block;
}

.xreferences .xref_titre a{
color:black;
font-family: Montserrat,sans-serif;
text-decoration:none;
text-transform: uppercase;
font-weight:500;
}

.xreferences .xref_xct{
margin:10px 0 0 0;
display:flex;
justify-content:space-between;
align-items:center;
min-height:50px;
}


.xref_block .Xaddcart-xprice-ttc{
font-size:1.2em;
font-family: Montserrat,sans-serif;
font-weight:600;
color:#bdb4a2;
}

.xreferences .xref_page{
display:none;
}


.xreferences .xref_block{
flex: 1 1 25%;
text-align: center;
margin: 0;
padding: 20px 20px;
box-shadow: 1px 1px 3px #efefef;
display:flex;
flex-direction:column;
justify-content:space-between;
flex-grow:1;
min-width:370px;
max-width:500px;
overflow: hidden;
}

.xreferences .xref_block:hover{
box-shadow: 1px 1px 3px #555c66;
}



.xref_block .x_content_img{
padding:0;
margin:0;
list-style:none;
}

.xref_block .xref_stock{

    text-align:center;
    margin: 10px 0 0 0;
    font-size: 0.9em;
}












.xpagenav{
display:flex;
flex-wrap:wrap;
padding:40px 30px 20px 30px;
justify-content:space-between;
align-items:baseline;
}


.xpagenav_num{
display:flex;
flex-wrap:wrap;
}

.xpagenav_link{
background-color:black;
padding:5px 8px;
margin:5px;
border-radius:3px;
color:white;
text-decoration:none;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xpagenav_link:hover{
background-color:#ece0c6;
color:black;
}

.xpagenav_linkon{
background-color:#ece0c6;
color:black;
}


/* FIN PAGES REFERENCES */
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/






/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/*addcart*/

.xref_block .xref_cart{
background-color: #000;
border-radius: 60px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
min-width:50px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xref_block .xref_cart:hover{
background-color:#bdb4a2;
border-radius: 20px;
}

.xref_block .xref_cart img{
max-height:28px;
vertical-align:middle;
}

/*fin addcart*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/










/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/*cart*/

.XWebcart{
padding:30px;
}


.Xaddcart-listing-tab{
display:table;
}

.Xaddcart-listing-tabfirstrow{
display:table-row;
}

.Xaddcart-listing-tabrow{
display:table-row;
}

.Xaddcart-listing-tabrow:nth-child(odd){
background-color:white;
}
.Xaddcart-listing-tabrow:nth-child(even){
background-color:#efefef;
}

.Xaddcart-listing-tabcell{
display:table-cell;
padding:5px;
vertical-align:middle;
}

.Xaddcart-listing-tabcell img{
max-height:40px;
}



#x_connexion{
display:inline-block;
vertical-align:top;
margin:0 10px;
}

#x_connexion_content .x_connexion_img{
margin:0 8px 0 0;
}

#x_connexion_content .x_connexion_img,#x_connexion_content .x_connexion_txt{
display:inline-block;
vertical-align:top;
}

#x_connexion_content .x_connexion_img img{
max-height:44px;
}


.xlinkon{
cursor:pointer;
}

#x_connexion_unlog{
text-decoration:underline;
cursor:pointer;
}


#xcart-step{
margin:0 0 20px 0;
text-align:center;
}

#xcart-step-logo{
margin:0 0 30px 0;
}

#xcart-step-logo a img{
max-height:80px;
}


#xcart-step-title{
margin: 0 0 50px 0;
font-size:1.4em;
background-color: #efefef;
padding: 10px;
color: #333;
border-radius: 5px;
}



#xcart-step-id{
display:flex;
}

.xcart-step-id-div{
flex:1;
vertical-align:top;
margin:0
}



.xcart-step-ok .xcart-step-id-number,.xcart-step-nook .xcart-step-id-number{
border-radius: 60px;
box-sizing: border-box;
width: 45px;
height: 45px;
margin: 0 auto 15px auto;
display: flex;
align-items: center;
justify-content: center;
font-size:1em;
}


.xcart-step-ok .xcart-step-id-number:hover{
border: 5px solid #fff;
  -webkit-transition: .2s;
  transition: .2s;
}






.xcart-step-ok{
cursor:pointer;
}


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

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

#xcart-step-bar{
background-color:#68645d;
    height: 10px;
    border-radius: 180px;
    margin-bottom: -28px;
}


.xcart-step-select{
    border:5px solid #82f147 !important;
    width: 60px !important;
    height: 60px !important;
    margin: -7px auto 7px auto !important;
font-size:1.2em;
    font-weight: bold !important;
}





#xcart-content table{
border-collapse: collapse;
    border: 1px solid #ccc;
}

.xcart-content-firstrow{
    background-color: #cccccc;
    color: black;
}

.xcart-content-firstrow th{
padding:10px 8px;
}

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

.xcart-content-row:nth-child(odd){
background-color:#efefef;
}

.xcart-content-row:nth-child(even){

background-color:white;
}

.xcart-content-row a{
color:black;
}

.xcart_button_div{
margin:40px 0 0 0;
text-align:center;
}

.xcart-txt-liv-destinataire{
margin:0 0 15px 0;
}

#xcart-liv-destimsg{
cursor:pointer;
}

.xcart-txt-liv-destinataire-textarea{
display:none;
margin:20px 0;
}

.xcart-txt-liv-destinataire-textarea textarea{
height:80px;
width:100%;
max-width:800px;
}









.xcart-total-row{
height:50px;
}

.xcart-empty-row{
height:50px;
}

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

.xcart-total-row-total{
background-color:#fff5e3;
text-align:right;
}

.xcart-total-port{
background-color:#fff5e3;
text-align:right;
}

.xcart-total-promo{
background-color:#d4e6dd;
text-align:right;
}

.xcart-total-ecopart{
background-color:#fff5e3;
text-align:right;
}

.xcart-total-row-desc{
text-align:right;
}











.xcart-delrow{
cursor:pointer;
}

.xcart_button,
.xship_button{
background-color:#68645d;
color:white;
padding:10px 15px;
margin:0 5px;
cursor:pointer;
border:0;
border-radius:5px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}
.xcart_order,
.xcart_pay{
background-color:#000;
}


.xcart_button:hover,
.xship_button:hover{
background-color:#333;
}

.xcart_button_grey{
background-color:#ccc;
color:#000;
padding:10px 15px;
margin:0 5px;
border:0;
border-radius:5px;
}




.xcart_addless{
display: flex;
align-items: center;
justify-content: space-between;
gap:8px;

}


.xcart_add,.xcart_less{
background-color:#68645d;
color:white;
padding:5px 5px;
cursor:pointer;
border:0;
border-radius:2px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xcart_add:hover,.xcart_less:hover{
background-color:#333;
}

.xcart_qte{

}


.xcart-content-row-ref{
font-size:10px;
}

.xcart-content-row-designation{
color:black;
font-weight:bold;
}

.xcart-content-row-option{
font-size:12px;
color:blue;

}



#xcart_discodepromo{
width:100%;
border-collapse:collapse;
border:1px;
}

#xcart_discodepromo tr:nth-child(odd){

}

#xcart_discodepromo tr:nth-child(even){
background-color:#dddddd;
}

#xcart_discodepromo th{
background-color:#68645d;
color:white;
padding:10px;
}

#xcart_discodepromo td{
padding:10px;
}




#xcart_code_promo{
padding:20px 15px;
border-radius:10px;
font-size:36px;
text-transform:uppercase;
width:250px;
text-align:center;
}


#xcart_valid_code_promo{
margin:15px 0 0 0;

}










#xlog-content{
display:flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
align-items:stretch;
gap:15px;
}



.xlog-content-part{
flex:1;
background-color:#f7f7f7;
border-radius:5px;
padding:15px;
}

.xlog-content-part-nwacc{
flex:1;
background-color:#fff;
border-radius:5px;
padding:15px;
margin:0 10px;
}

.xlog-content-part-title{
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 25px 0;
    color: #171a1c;
    border-bottom: 1px solid #171a1c;
    padding: 0 0 10px 0;
}


.xlog-content-part-logo{
    padding:20px;
}

.xlog-content-part-content-div{
padding:10px 10px;

}


.xlog-content-part input[type="email"],.xlog-content-part input[type="password"],.xlog-content-part input[type="text"],.xlog-content-part select,.xpay-error-iso-code-pays select{
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #333;
}





.xdisc-content-part input[type="email"],.xdisc-content-part input[type="password"],.xdisc-content-part input[type="text"],.xdisc-content-part select{
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #333;
}


.xlog-content-part-nwacc input[type="email"],.xlog-content-part-nwacc input[type="password"],.xlog-content-part-nwacc input[type="text"],.xlog-content-part-nwacc select{
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #333;
}





.xlog-content-part-content-div button,.xpay-error-iso-code-pays button{
background-color: #68645d;
    border: 0;
    padding: 10px 15px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}



.xdisc-content-promobutton-div{
display:inline-block;
margin:10px; 
}

.xdisc-content-promobutton-div span{
font-size:0.7em;
}





.xdisc-content-part-content-div button{
background-color: #68645d;
border: 0;
padding: 10px 15px;
border-radius: 5px;
color: white;
cursor: pointer;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xlog-content-part-content-div button:hover,
.xpay-error-iso-code-pays button:hover,
.xdisc-content-part-content-div button:hover{
background-color:#333;
}


.xlog-content-part-content-more,
.xlog-content-part-content-pro{
display:none;
text-align:left;
}


.xlog-content-part-content-more .xlog-content-part-content-div{
display:inline-block;
vertical-align:top;
}


.xpays_code_iso_warn{
color:red;
font-size:0.8em;
margin:5px 0;
}

.xpays_code_iso_warn img{
max-height:16px;
margin:0 8px 0 0;
vertical-align:middle;
}

.xpays_code_iso_valid{
display:inline-block;
color:green;
font-size:0.8em;
margin:5px 5px;
}

.xpays_code_iso_valid img{
max-height:16px;
margin:0 8px 0 0;
vertical-align:middle;
}


#xdisc-content{
display:flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
align-items:stretch;
text-align:center;
gap:15px;
}



.xdisc-content-part{
flex:1 1 20%;
background-color:#efefef;
border-radius:5px;
padding:15px;
}

.xdisc-content-part-title{
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 25px 0;
    color: #171a1c;
    border-bottom: 1px solid #171a1c;
    padding: 0 0 10px 0;
}

.xdisc-content-part-content-div{
padding:10px 10px;

}



#xdisc-continue{
padding:30px 20px;
margin:0 0 20px 0;
border-bottom:1px dashed #68645d;
text-align:center;
}



#xdisc-valid{
padding:10px;
background-color:black;
border: 0;
border-radius: 5px;
color: white;
cursor: pointer;
text-transform:uppercase;
font-size:1.4em;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}



#xdisc-content button:hover,
#xdisc-valid:hover{
background-color:#333;
}





#xship-content{
display:flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
align-items:stretch;
gap:15px;
}



.xship-content-part1{
flex:1;
background-color:#efefef;
border-radius:5px;
padding:15px;
}

.xship-content-part2{
flex:2;
background-color:#efefef;
border-radius:5px;
padding:15px;
}



.xship-content-part-img img{
width: 100%;
    max-width: 80px;
    margin: 0 0 15px 0;
}

.xship-content-part-title{
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 25px 0;
    color: #171a1c;
    border-bottom: 0px solid #171a1c;
    padding: 0 0 10px 0;
cursor:pointer;
}

.xship-content-partliv-title{
    font-size: 18px;
    margin: 0 0 0 0;
    color: #000;
    border-bottom: 0px solid #171a1c;
    padding: 0 0 0 0;
cursor:pointer;
}

.xship-content-part-title-question{
    font-weight: bold;
    font-size: 22px;
    margin: 25px 0 0 0;
    color: #171a1c;
    padding: 0 0 10px 0;
}
.xship-content-part-question{
color:#3d3d3d;
display:flex;
flex-direction:column;
gap:5px;
}

.xship-content-partliv-img{
text-align:center;
margin:0 35px 0 0;
}

.xship-content-partliv-img img{
width: 100%;
    max-width: 80px;
    margin: 0 0 0 0;
}

.xship-content-part-content{
padding:15px;
}


.xship-content-part-content-div{
padding:10px 10px;

}

.xship-content-part-choose{
margin:0 25px 0 15px;
}


#xship-continue{
padding:30px 20px;
margin:0 0 20px 0;
border-bottom:1px dashed #68645d;
}



.xship-content-part-content-div button,
.xship-content-part-choose button,
.xpayzone button{
background-color: #68645d;
border: 0;
padding: 10px 15px;
border-radius: 5px;
color: white;
cursor: pointer;

}

.xship-content-part-content-div button:hover,
.xship-content-part-choose button:hover,
.xpayzone button:hover{

background-color:#333;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xship-button{
background-color:black !important;
padding:15px 20px !important;
font-size:1.2em;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xship-button:hover{
background-color:#333 !important;
}


.xship-selectliv{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
padding:10px;
}

.xship-selectliv-content{
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 0 15px 10px 0;
    border: 0px solid #e0e0e0;
    padding: 7px;
    border-radius: 5px;
    background-color:#e8e7e7;
    font-size:14px;
}

.xship-selectliv-content:hover{
    background-color:#dedede;
    cursor:pointer;
}

.xship-selectliv-content-selected{
background-color:#fff;
}

.xship-selectliv-div{
text-align:left;
margin:0 25px 0 15px;
}


.xship-content-part-content-div input[type="email"],.xship-content-part-content-div input[type="password"],.xship-content-part-content-div input[type="text"],.xship-content-part-content-div select{
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #333;
}

.xship-content-part-content .xship-content-part-content-div{
display:inline-block;
vertical-align:top;
}


.xship-country-choice{


    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 10px 0;
    border: 0px solid #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    background-color: #e8e7e7;
    min-width: 300px;

}


.xship-country-input{
text-align:left;
    margin: 0 25px 0 15px;
}

.xship-country-choice:hover{
    background-color:#dedede;
    cursor:pointer;
}

.xship-country-choice-selected{
background-color:#fff;
}


.xship-content-part-port{
background-color:#f7f7f7;
border-radius:3px;
padding:10px;
display:flex;
vertical-align: middle;
    align-items: center;
margin:0 10px;
}

.xship-content-part-content-poids,
.xship-content-part-content-port{
flex:1;
text-align:center;
}

.xship-content-part-content-poids-kg{
background-color: #68645d;
    color: white;
    font-size: 24px;
    padding: 35px 0 0 0;
    border-radius: 60px;
    text-align: center;
    display: inline-block;
    height: 100px;
    width: 100px;
}



.xship-content-part-content-port1,
.xship-content-part-content-port2,
.xship-content-part-content-port3{
background-color:#ece0c6;
    color:black;
    font-size: 20px;
    padding: 40px 0 0 0;
    border-radius: 60px;
    text-align: center;
    display: inline-block;
    height: 100px;
    width: 100px;

}


.xship-content-part2{

}


.xship-content-partliv-content{
display:flex;
vertical-align: middle;
    align-items: center;
    margin: 15px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
cursor:pointer;
}


.xship-content-partliv-content-selected{
background-color:#fff;
}

.xship-content-partliv-content:hover{
    background-color:#dedede;
    cursor:pointer;
}




.xship-deliver-choice{


    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 10px 0;
    border: 0px solid #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    background-color: #e8e7e7;
    min-width: 300px;

}


.xship-deliver-input{
text-align:left;
    margin: 0 25px 0 15px;
}

.xship-deliver-choice:hover{
    background-color:#dedede;
    cursor:pointer;
}

.xship-deliver-choice-selected{
background-color:#fff;
}



.xship-deliver-titre{
font-weight:bold;
width:200px;
margin:0 25px 0 0;
text-align:left;
}

.xship-deliver-content{
font-size:14px;
color:#00acff;
}

.xship-explain{
text-align:center;
color: #8a8a8a;
font-style: italic;
}


.xship-insurance{
padding:20px;
margin:30px 0;
border-radius:5px;
background-color:#d3f3ff;
}



.xship-insurance-head1{
font-size: 1.2em;
font-weight: bold;
}

.xship-insurance-head2{
font-size: 0.9em;
font-weight: italic;
}

.xship-insurance-tab{
display:flex;
flex-direction:column;
margin-top:15px;
}
.xship-insurance-tab-row{
display:flex;
flex-wrap:wrap;
border-top: 1px solid #0780ff;
padding: 10px 10px 10px 10px;
gap:10px;
}

.xship-insurance-tab-row:hover{
cursor:pointer;
background-color:#fff;
}

.xship-insurance-tab-row:hover,
.xship-insurance-tab-row-selected{
background-color:#fff;
}

.xship-insurance-tab-row:first-child{
border:0;
}
.xship-insurance-price{
font-weight:bold;
}
.xship-insurance-content{
flex:100%;
font-size:0.9em;
color:#0780ff;
margin-left:22px;
}


.xpay-content{
display:flex;
text-align:center;
flex-wrap: wrap;
gap: 15px;
    
}

.xpay-content-part1{
flex:1;
background-color:#efefef;
border-radius:5px;
padding:15px;
text-align:left;
}

.xpay-content-part2{
flex:2;
background-color:#efefef;
border-radius:5px;
padding:15px;
}

.xpay-content-part-title{
font-weight:bold;
margin:0 0 15px 0;
text-align:center;
}








.thisanswer{
margin:10px 0;
padding:15px;
margin:15px auto;
border-radius:5px;
clear:both;
text-align:center;
}

.thatanswer{
padding:15px;
margin:15px auto;
border-radius:5px;
clear:both;
text-align:center;
}

.answer_nook{
background-color:#FFCCCC;
border:0px solid #cc0000;
}

.answer_ok{
background-color:#D6FCBC;
border:0px solid #99CC00;
}

.thisanswer img{
max-height:30px;
vertical-align:middle;
margin-right:10px;
}


.xcart_checkpaydiv{
display:flex;
}

.xcart_checkpay{
flex:1;
    vertical-align: middle;
    align-items: center;
    margin: 15px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.xcart_checkpay_txt{
text-align:center;
text-transform:uppercase;
margin:8px 0 0 0;
font-size:12px;


}

.xcart_checkpay:hover{
    background-color:#dedede;
    cursor:pointer;
}

.xcart_checkpay-selected,.xpay-choicepay-opt-selected{
background-color:#fff !important;
}

.xpayzone{
text-align:left;
padding: 0 30px;
}


.xpay-choicepay{

}

.xpay-choicepay-opt{

margin:10px 10px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
}
.xpay-choicepay-opt:hover{
    background-color:#dedede;
    cursor:pointer;
}

.xpay-choicepay-opt input[type="radio"]{
vertical-align:middle;
margin:0 8px 0 0;
}

.xpayzone-paypal button{
border:1px solid #999;
    border: 0;
    padding: 10px 15px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}



.xhistorix_acompte{
color:#47b31a;
margin:0 0 0 0;
font-size:14px;
}

.xconfirm_xprct_acompte{
margin-top:10px;color:#47b31a;
}









/*fin cart*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/






/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* PAGES PRODUIT*/
.xgprod .x_content_img{
display:flex;
flex-direction:column;
flex-grow:1;
flex-wrap:wrap;
padding:0;
margin:0;
max-height:680px;
}

.xgprod .x_content_img li{
max-width:80px;
list-style:none;
border:5px solid white;
}

.xgprod .x_content_img li:first-child{
list-style:none;
max-width:-webkit-fill-available;
max-width:-moz-available;
max-width:fill-available;
height: -webkit-fill-available;
max-height: 620px;
opacity:1;
}

.xgprod .x_content_img li img{
width:100%;
height:100%;
max-width:fit-content;
object-fit:cover;
object-position:center;
opacity:0.92;
}

.xgprod .x_content_img li img:hover{
opacity:1;
}


.xgprod .Xaddcart-xprice-ttc{
font-size: 1.4em;
font-family: Montserrat,sans-serif;
font-weight: 600;
color:#000;
}

.XpageProdURLink{
display:flex;
justify-content:space-between;
margin:20px auto;
align-items:center;
width:96%;
}

.XpageProdURLink h1{
margin:0 30px !important;
align-self:auto !important;
}

.XpageProdURLink_prev{
opacity:0.8;
cursor:pointer;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.XpageProdURLink_next{
opacity:0.8;
cursor:pointer;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.XpageProdURLink_NM{
opacity:0.3;
cursor:none;
}

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

.XpageProdURLink_prev:hover,
.XpageProdURLink_next:hover{
opacity:1;
}

.Xstock_state_ok{
display:inline-block;
color:#0dcf0d;
font-weight:600;
}

.Xstock_state_nook{
display:inline-block;
color:#cc0000;
font-weight:600;
}




.Xaddcart-xprice{
font-size:1.2em;
}

.Xaddcart-xpromo{
    display: flex;
    justify-content: flex-start;
    align-items: center;
gap: 5px 20px;
    flex-wrap: wrap;
}

.Xaddcart-xpromo-rate{
min-width:50px;
}

.Xaddcart-xpromo-txtbr{
text-decoration: line-through;
min-width:80px;
}


.Xaddcart-xpromo-type{
min-width:80px;
}




.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="1"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="2"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="3"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="4"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="5"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="6"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="7"]{

background-color:#ece0c6;
    color:black;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="8"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="9"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}
.Xaddcart-xpromo .Xaddcart-xpromo-type[data-type="10"]{
background-color: black;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
}















.Xaddcart-xpromo-price{
min-width:80px;
color:red;
}



/* FIN PAGES PRODUIT*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/


/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* SOCIAL NETWORK*/

#XSocial_ToolBar{
margin:10px 0;
display:flex;
flex-wrap:wrap;
}

#XSocial_ToolBar div[class^="xsocial"]{
margin:3px;
border-radius:3px;
padding:5px;
height:30px;
cursor:pointer;
}

.xsocial_ws{
background-color:#222 !important;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


#XSocial_ToolBar div[class^="xsocial"]:hover{
/*box-shadow:1px 1px 5px #444;*/
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

#XSocial_ToolBar div[class^="xsocial"] img{
width:20px;
height:20px;
}

/* FIN SOCIAL NETWORK*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/


/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/* FAVORIS*/

.Xaddfav{
cursor:pointer;
}

.Xaddfav:hover{
width:32px;
transition: all 0s, opacity 0.5s linear;
-webkit-transition: all 0s, opacity 0.5s linear;

}

.Xaddfav-listed{

}

.xfavRhide{
display:none;
}


#xfav-top-logo{
text-align:center;
}

#xfav-top-logo img{
width:-webkit-fill-available;width:-moz-available;width:fill-available;
max-width:290px;
}

#xfav-top-title{
font-family: 'Montserrat',serif;
font-size:2em;
text-align:center;
margin:20px auto;
}

#xfav-top-title::after{
margin: 25px auto;
content: '';
width: 120px;
height: 1px;
background-color: black;
display: block;
}

#xfav-content table{
border-collapse: collapse;
border: 0px solid #ccc;
font-family:Raleway,sans-serif !important;
margin-bottom:140px;
}

.xfav-content-firstrow{
    background-color: #cccccc;
    color: black;
}

.xfav-content-firstrow th{
padding:10px 8px;
}

.xfav-content-row td{
padding:10px 8px;
}

.xfav-content-row:nth-child(odd){
background-color:#f9f5eb;
}

.xfav-content-row:nth-child(even){

background-color:white;
}

.xfav-content-row a{
color:black;
font-weight:500;
font-size:1.2em;
}

.xfav-content-row a:hover{
color:#777;
}

.xfav_button_div{
margin: 40px 0 0 0;
text-align: center;
position: fixed;
bottom: 0;
background-color: #575556;
left: 0;
width: -webkit-fill-available;
padding: 20px 0;
}

.xfav-total-row{
height:50px;
}

.xfav-empty-row{
height:50px;
}

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

.xfav-total-row-total{
background-color:#fff5e3;
text-align:right;
}

.xfav-total-port{
background-color:#fff5e3;
text-align:right;
}

.xfav-total-promo{
background-color:#d4e6dd;
text-align:right;
}

.xfav-total-ecopart{
background-color:#fff5e3;
text-align:right;
}

.xfav-total-row-desc{
text-align:right;
}











.xfav-delrow{
cursor:pointer;
padding:8px;
border:1px solid #333;
border-radius:60px;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xfav-delrow:hover{
border:1px solid #777;
border-radius:5px;
}

.xfav_button{
background-color:#4e4e4e;
color:#fff;
padding:20px 20px 16px 20px;
margin:5px 5px;
cursor:pointer;
border-radius:60px;
border:2px solid #fff;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xfav_button:hover{
background-color:#3e3e3e;
color:white;
border-radius:10px;
border:2px solid #fff;
}

.xfav_button img{
max-height:40px;
}




.xfav_button_grey{
background-color:#ccc;
color:#000;
padding:10px 15px;
margin:0 5px;
border:0;
border-radius:5px;
}


.xfav_add,
.xfav_less{
background-color:#68645d;
color:white;
padding:5px 5px;
margin:0 5px;
cursor:pointer;
border:0;
border-radius:2px;
display:inline-block;
vertical-align:middle;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}


.xfav_add:hover,
.xfav_less:hover{
background-color:#333;
}

.xfav_qte{
display:inline-block;
vertical-align:middle;
padding:5px 10px;
min-width:50px;
}


.xfav-content-row-ref{
font-size:1em;
color:#333;
}

.xfav-content-row-designation{
color:black;
font-weight:bold;
margin:10px 0;
}

.xfav-content-row-option{
font-size:12px;
color:blue;

}

.xfav-img{
max-height:100px;
margin:0 20px 0 0;
float:left;
border-radius:3px;
opacity:0.94;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xfav-img:hover{
border-radius:10px;
opacity:0.94;
}



.xfav-emptylist{
text-align:center;
color:#444;
}

.xfav-emptylist div{
margin:10px auto;
font-size:1.2em;
font-style: italic;
font-family: 'Montserrat',serif;
}

#xfav-sharingform{
position:absolute;
top:0;
left:0;
background-image:url('/xdev/pages/fav/img/masque-fav.png');
width:-webkit-fill-available;width:-moz-available;width:fill-available;
height:-webkit-fill-available;height:-moz-available;height:fill-available;
z-index:100;

}

#xfav-shaform-content{
background-color:white;
border-radius:5px;
margin:50px auto;
padding:40px;
max-width:500px;
position:relative;
}

.xfav-shaformel{
margin:20px 0;
color:#444;
}

.xfav-shaformel input{
padding:10px;
display:block;
width: -webkit-fill-available;
border:0;
border-bottom:1px solid #333;
}


.xfav-shaformel textarea{
padding:10px;
display:block;
width: -webkit-fill-available;
}



.xfav_button_close{
position:absolute;
right:-21px;
top:-21px;
background-color:#4e4e4e;
color:#575556;
padding:10px 10px 6px 10px;
cursor:pointer;
border-radius:60px;
border:2px solid #fff;
transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
}

.xfav_button_close:hover{
background-color:#3e3e3e;
color:white;
border-radius:10px;
border:2px solid #fff;
}

.xfav_button_close img{
max-height:18px;
}

#xfav-sharingform{
display:none;
}

.xfav-shaformtitre{
font-family: 'Montserrat',serif;
font-size:1.8em;
text-align:center;
}

.xfav-shaformexplain{
text-align:center;
font-size:0.8em;
color:#777;
margin:10px 0;
font-style:italic;
}


.xfav-shaformel-copylink{
color:blue;
text-decoration:underline;
font-size:0.8em;
float:right;
cursor:pointer;
}

.xfav-shaformel-copylink:hover{
text-decoration:none;
}

.xfav-shaformel button[type="submit"]{
margin:30px auto 0 auto;
display:block;
}

.xfav-shaformel-or{
text-align:center;
font-size:1.8em;
}

#xfav-shaform-content #XSocial_ToolBar{
justify-content:center;
}

#xfav-shaform-content #XSocial_ToolBar div[class^="xsocial"] img{
width:24px;
height:24px;
}

#xfav-shaform-content #XSocial_ToolBar div[class^="xsocial"]{
height:34px;
}

/* FIN FAVORIS*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/




.xdescarac-title{
font-size: 1.6em;
color: black;
font-weight: bold;
margin: 15px auto 0 auto;
text-align: left;
}

.xdescarac-stitle{
font-size: 1.2em;
color: #cdbb93;
font-weight: bold;
margin: 0 auto 20px auto;
text-transform:uppercase;
}

.xdescarac-table{
border-collapse:collapse;
border:1px solid white;
padding:10px;
width:100%;
max-width:600px;
margin:0 auto;
}

.xdescarac-table thead tr{
background-color:black !important;
color:white;
text-transform: uppercase;
font-size: 0.8em;
}

.xdescarac-table tr:nth-child(odd){
background-color:#ece0c6;
}
.xdescarac-table tr:nth-child(event){
background-color:#fff;
}

.xdescarac-table tr td{
padding:4px 10px;
font-size:0.8em;
}

.xdescarac-table tr td:first-child{
max-width:170px;
width:40%;
}
.xdescarac-table tr td:last-child{
font-weight:600;
}

.xdescarac-table tr:nth-child(odd) td:first-child{
background-color:#dbd1ba;
}

.xdescarac-table tr:nth-child(event) td:first-child{
background-color:white;
}

.xdescarac-desc{
text-align:justify;
}



}


/* FIN MEDIA SCREEN */
/*##########################################################################################################################*/
/*##########################################################################################################################*/
/*##########################################################################################################################*/