/*
Theme Name: Wood And Wellness 2023
Theme URI: http://www.sauna-bain-nordique.com/
Description: Thème créé par Net-tendance.com
Version: 1
Author: Net-tendance - Erwan Girerd
Author URI:   http://www.net-tendance.com
 
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

html, body {/*
min-height:100% !important;
height:100% !important;*/
}
.fancybox-active{
height:100% !important;
}

.elementor-image a{background: none !important;}

body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
a, a::before, a::after, button{transition : all 0.2s linear;}
body{ font:16px/24px 'Open Sans', sans-serif; font-weight:400;color:#58595b;}
a{ text-decoration:none;color:#58595b;}img{ border:0px;}
body, html{ width: 100%; /*height: 100%;*/ overflow-x: hidden;}
/*Bouton pour remonter en haut de la page :*/

@media screen and (min-width: 1024px) {
	.row{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row !important; float: none; display: inline-block; position: relative;}
	.row.h100{height: 100%;}
 	.row .case1{ flex: 1;display: inline-block; position: relative; }.row .case2{ flex: 2;display: inline-block; position: relative; }.row .case3{ flex: 3; display: inline-block; position: relative; max-width: calc(100% / 4);}.row .case4{ flex: 4; display: inline-block; position: relative;}.row .case5{ flex: 5; }.row .case6{ flex: 6; max-width: 50%; }.row .case7{ flex: 7; }.row .case8{ flex: 8; }.row .case9{ flex: 9; }.row .case10{ flex: 10; }.row .case11{ flex: 11; }.row .case12{ flex: 12; }
	
	.column{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction:column ; float: none; min-height: 100%; height: 100%; }
 	.column .case1{ flex: 1; flex-direction: column;}.column .case2{ flex: 2;flex-direction: column; }.column .case3{ flex: 3;flex-direction: column; }.column .case4{ flex: 4;flex-direction: column; }.column .case5{ flex: 5;flex-direction: column; }.column .case6{ flex: 6; max-height: 50%;flex-direction: column; }.column .case7{ flex: 7; flex-direction: column;}.column .case8{ flex: 8; flex-direction: column;}.column .case9{ flex: 9;flex-direction: column; }.column .case10{ flex: 10;flex-direction: column; }.column .case11{ flex: 11; flex-direction: column;}.column .case12{ flex: 12; flex-direction: column;}
	
	.row > div, .column > div{position: relative;}	
}

.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
	.case_table{display:table !important;height:100%; width: 100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle; width: 100%;}

div#first{ width:100%; float:left; text-align:center; overflow: hidden;}
div#first div#second{ width:1200px; margin:auto; text-align:left; position:relative;}

@media screen and (max-width: 900px) {div#first div#second{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {div#first div#second{ width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {div#first div#second{ width:1200px; margin:auto; }}
@media screen and (min-width: 1400px) {div#first div#second{ width:1400px; margin:auto;}}


/* ########### ######## */
/*    Header     */
/* #################### */
.header{ width: 100%; background: #FFFFFF; height: 158px; float: left; text-align: center; position: relative;} 
.header .header2{ width:1400px; margin:auto; height: 158px; text-align:left; position:relative;} 

@media screen and (max-width: 900px) {.header .header2{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {.header .header2{ width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {.header .header2{ width:1200px; margin:auto; }}
@media screen and (min-width: 1400px) {.header .header2{ width:1400px; margin:auto;}}

.logo{top: 16px !important; position: absolute !important; left: 50% !important; transform:  translateX(-50%); -webkit-transform:translateX(-50%); z-index: 999 !important; width: auto !important; }
.logo a{display: block;}
.logo img{height: 110px !important; width: auto; max-width: inherit !important;}

.logo a::before{content: ""; display: none;}

.header .header_content{position: absolute; top: 0px; right: 0px; height: 200px;}
.header .header_content .header_reseaux{ height: 46px; text-align: left;}

	/*##############*/
	/*    Réseaux   */
	a.icone{width: 40px; height: 46px; display: inline-block; margin: 0px 0px 10px 0px;}
	a.icone span.Facebook{ background:url(charte/reseaux.png) no-repeat; background-position:0px 0px; width:40px; height:46px; display: inline-block;}
	a.icone span.Instagram{ background:url(charte/reseaux.png) no-repeat; background-position:-40px 0px; width:40px; height:46px; display: inline-block;}
	a.icone span.Email{ background:url(charte/reseaux.png) no-repeat; background-position:-80px 0px; width:40px; height:46px; display: inline-block;}
	a.icone span.Tel{ background:url(charte/reseaux.png) no-repeat; background-position:-120px 0px; width:40px; height:46px; display: inline-block;}

.header .header_content .header_contact{ height: 35px; }
.header .header_content .header_contact a.btn_contact{ color:#FFFFFF; height: 35px; font:16px/35px 'Open Sans', sans-serif; font-weight:700; background: #cbbc9d; width: calc(100% - 10px); padding: 0px 0px 0px 10px; text-align: left; display: block;}
@media screen and (max-width: 540px) {
.header .header_content .header_contact a.btn_contact{ width: auto; padding: 0px 20px 0px 10px; float: right;}
}

.header_contact.fixe{position: fixed; top: 0px; right: 0px; z-index: 999;}
.header_contact.fixe a.btn_contact{ padding: 0px 20px 0px 10px !important;}
.header .header2 .logo.fixe{ position: fixed; z-index: 999; top: 0px; width: 90px; padding: 5px; background: #FFFFFF; box-shadow: 0px 0px 10px #58595b; text-align: center;}
.header .header2 .logo.fixe a img{width: 80px; height: auto;}

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

.barre_menu{position: absolute; z-index: 99; height: 40px; top: 60px; left: 0px; background:#FFFFFF; width: 100%;}
.barre_menu.fixe{position: fixed; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%);}

.menu_nt{position: relative; height: 40px; width: 100%; float: left;}

.nav-icon {  margin: 7px;  width: 30px; display: inline-block;float: left; text-align: center; padding: 13px;}
.nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #cbbc9d;  border-radius: 3px;  content: '';  display: block;  height: 3px;  margin: 4px 0;  transition: all .2s ease-in-out;}
.nav-icon.on::before { transform: translateY(8px) rotate(135deg);}
.nav-icon.on::after { transform: translateY(-8px) rotate(-135deg);}
.nav-icon.on div {  transform: scale(0);}
.nav-titre{text-align: center;}

section.elementor-element-d2f4d29{z-index: 9999 !important;}

div.lemenu{ position: relative; transition : all 0.2s linear; width: 100%; z-index: 99 !important; }
div.lemenu:hover{z-index: 999999 !important;}
div.lemenu ul{ transition : all 0.2s linear; width: 100%; }
div.lemenu ul li{ text-align: center; transition : all 0.2s linear; width: calc(100% / 6 - 21px); width: -webkit-calc(100% / 6 - 21px); float: left; position: relative; height: 40px; display: block; padding: 0px 0px 10px 0px; background-position: bottom center;}
div.lemenu ul li:nth-child(4){ margin-left: 122px; position: relative;}
div.lemenu ul li a{font: 15px/20px 'Open Sans', sans-serif; position: absolute; text-transform: uppercase; color:#58595b; display: block !important; text-align: center; float: left; width: 100%; top: 50%;  transform: translateY(-50%); -webkit-transform:translateY(-50%); padding: 0px !important;}
div.lemenu ul li:hover{ background: url("charte/bg_menu.png") no-repeat bottom center;}


div.lemenu ul li ul.sub-menu{ background:#ffffff;  width: auto; min-width: 100%; display:block; position: absolute; top: 45px; left: 0px; opacity:0; height: 0px; overflow: hidden; transition : all 0.2s linear; min-width: 240px;}
div.lemenu ul li ul.sub-menu li{border-bottom: 1px solid #cbbc9d; width: 100%; text-align: left; white-space: nowrap;}
div.lemenu ul li ul.sub-menu li:nth-child(4){ margin-left: 0px; position: relative;}
div.lemenu ul li ul.sub-menu li a{font: 14px/40px 'Open Sans', sans-serif; height: 40px; text-transform: uppercase; color:#58595b; display: block; text-align: center; padding: inherit !important;}
div.lemenu ul li ul.sub-menu li:hover::after{ width: 70px; height: 5px; display: block; content: ""; bottom: 0px; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform:translateX(-50%); background: #cbbc9d;   }

@media screen and (min-width: 1024px) {
	div.lemenu ul li:hover > ul.sub-menu{opacity:1; height: auto; overflow:visible;transition : all 0.2s linear;}
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow{position: absolute !important; bottom: -5px;}
li.retour{display: none;}

@media screen and (max-width: 1024px) {
li.retour{display: block;}
	.lemenu{ display: block; float: left; margin-top: 100px;}
	.menu_nt{ display: none; position: absolute; top: 88px;}
	.menu_nt.affiche{ display: block;}
	/*.barre_menu{ top: 125px; width: 100%; min-width: inherit;}*/
	div.lemenu ul li:nth-child(5){ margin-left: 0px; position: relative;}
	div.lemenu ul{width: 50%; background:#ffffff !important;}
	div.lemenu ul li, div.lemenu ul li a, div.lemenu ul li{width: 100%; float: left; text-align: center; background:#ffffff !important; padding:0px; height: auto !important;   }
	div.lemenu ul li a{border-top: 1px solid #cbbc9d; line-height: 40px !important; font: 16px/40px 'Open Sans', sans-serif; position: relative; display: block; top: inherit; transform: translateY(0%); -webkit-transform:translateY(0%); font-weight: 700;  }
	div.lemenu ul li:nth-child(4){ margin-left: 0px; position: relative;}
	.barre_menu.fixe{background: none;}
	.barre_menu.fixe .lemenu{background: #FFFFFF; border-right: 1px solid #cbbc9d; border-bottom: 1px solid #cbbc9d;}
	
div.lemenu ul li ul.sub-menu, div.menu-principal-en-container ul li ul.sub-menu{ background: #ffffff; border: 0px;  width: auto; min-width: 100%; position: relative; top: inherit; left: inherit;  height: auto; opacity: 1; transition : all 0.2s linear;}
	div.lemenu ul li ul.sub-menu li{border-bottom: 1px solid #cbbc9d;}
	div.lemenu ul li ul.sub-menu li a{text-align: center;font: 14px/30px 'Open Sans', sans-serif; height: 30px;border-top: 0px;}
	div.lemenu ul li ul.sub-menu .hfe-menu-toggle{display: none;}
	
	
	/*
	.menu-item-has-children:hover > ul.sub-menu{display: block; position: absolute; top: 0px; left: 90%; z-index: 999;}
	.menu-item-has-children ul.sub-menu li{ background: rgba(81,81,81,1.00);}*/
}
@media screen and (min-width: 1024px) {
	div.lemenu ul li ul.sub-menu li ul.sub-menu{left: 240px !important;}
}



/**########*/
/*DIAPORAMA*/
div#diaporama{ float:left; width:100%; position:relative; z-index: 1;height:700px;}
div#diaporama .diapo{ float:left; width:100%; height:100%; overflow:hidden;z-index:1; position:absolute; top:0px; left:0px; display: none;}
@media screen and (max-width: 900px) 
{		
	div#diaporama{ width:100%; z-index:1; height:320px; top: 0px;}
	/*div#diaporama .diapo img{  height:100%; width: auto;}*/
}
@media screen and (min-width: 901px)
{
	div#diaporama{height:500px;}
}
@media screen and (min-width: 1200px) 
{
	div#diaporama{height:670px;}
}
@media screen and (min-width: 1400px) 
{
	div#diaporama{height:670px;}
}
div#diaporama .bloc_txt2{ left: 50px; top: 50px; position: absolute;text-shadow: 0px 0px 4px #000000;/*left: 50%; top: 50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);*/ z-index: 2; text-align: center;  color:#FFFFFF !important; background: rgba(0,0,0,0.60);}
div#diaporama .bloc_txt2 h2{ color: #FFFFFF !important;}

div#diaporama .diapo img{ position: absolute; z-index: 1; top: 50%; left:50%; height: 100%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ; max-width: none !important;  }
div#diaporama .diapo .bloc_txt{left: 45%; top: 50%; left:50%; position: absolute; transform: translateY(-50%) translateX(-50%) ; -webkit-transform:translateY(-50%) translateX(-50%)  ; z-index: 2; text-align: left;}
div#diaporama .diapo .bloc_txt.txt0{color:#58595b;text-shadow: 2px 2px 4px #FFFFFF; }
div#diaporama .diapo .bloc_txt.txt1{color:#FFFFFF;text-shadow: 2px 2px 4px #58595b;}
div#diaporama .diapo .bloc_txt .accroche1{font:36px/36px 'Open Sans', sans-serif; font-weight:300;}
div#diaporama .diapo .bloc_txt .accroche2{font:80px/80px 'Open Sans', sans-serif; font-weight:300;}
div#diaporama .diapo .bloc_txt .accroche3{font:80px/80px 'Open Sans', sans-serif; font-weight:700;}
div#diaporama .diapo .bloc_txt .accroche4{font:36px/36px 'Open Sans', sans-serif; font-weight:400; }

@media screen and (max-width: 900px) {
div#diaporama .diapo .bloc_txt .accroche1{font:30px/30px 'Open Sans', sans-serif; font-weight:300; white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche2{font:60px/60px 'Open Sans', sans-serif; font-weight:300; white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche3{font:60px/60px 'Open Sans', sans-serif; font-weight:700; white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche3{font:60px/60px 'Open Sans', sans-serif; font-weight:700; white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche4{font:30px/30px 'Open Sans', sans-serif; font-weight:400; white-space: nowrap;}
}
@media screen and (max-width: 540px) {
div#diaporama .diapo .bloc_txt .accroche1{font:25px/25px 'Open Sans', sans-serif; font-weight:300;white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche2{font:40px/40px 'Open Sans', sans-serif; font-weight:300; white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche3{font:40px/40px 'Open Sans', sans-serif; font-weight:600;white-space: nowrap;}
div#diaporama .diapo .bloc_txt .accroche4{font:25px/25px 'Open Sans', sans-serif; font-weight:400; white-space: nowrap;}
}

div#diaporama a.droite{ z-index: 3; opacity: 0.8; position: absolute; display: block; bottom: 35px; right:calc( 50% - 100px); width: 22px; height: 26px; background:url("charte/fleche_diap_droite.png") no-repeat; }
div#diaporama a.gauche{ z-index: 3; opacity: 0.8; position: absolute; display: block; bottom: 35px; left: calc( 50% - 100px); width: 22px; height: 26px; background:url("charte/fleche_diap_gauche.png") no-repeat; }
div#diaporama a.gauche:hover, div#diaporama a.droite:hover{ opacity: 1;}

div#diaporama .navigation{ position: absolute; z-index: 4; width: auto;width: auto; text-align: center;bottom: 27px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  }
div#diaporama .navigation a{margin: 5px 5px 5px 5px; background: #FFFFFF; position: relative; display:inline-block; width: 10px; height: 10px;font: 16px/30px 'Open Sans', sans-serif; color:#b3b3b3;transition : all 0.2s linear;}
div#diaporama .navigation a.on{background: #cbbc9d; }
/* #################### */


/**########*/
/*affiche_slide : shortcode*/
div.deco_icone{position: absolute; top:300px; right: calc(100% / 3 - 80px); z-index: 2; width: 165px; height: 208px; display: block; background: url("charte/icone_logo.png") no-repeat;}
ul.affiche_slide{width: 100%; height: 100%; min-height: 500px; white-space: nowrap; overflow: hidden; position: relative; display: block; float: left;}
ul.affiche_slide li{width: calc(100% / 3 - 10px);width: -webkit-calc(100% / 3 - 10px); min-height: 500px; height: 100%; margin: 5px; overflow: hidden; position: relative; display: block; float: left;transition : all 0.2s linear;}
ul.affiche_slide li a{display: block; height: 100%; width: 100%; position: relative; min-height: 500px;}
ul.affiche_slide li a img{ position: absolute; top: 50%; left: 50%; height: 100%; width: none; max-width: none; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}

ul.affiche_slide:hover > li{width: calc(100% / 3 - 90px);transition : all 0.2s linear;}
ul.affiche_slide li:hover{width: calc(100% / 3 + 150px);transition : all 0.2s linear;}

ul.affiche_slide.nb_slide2{}
ul.affiche_slide.nb_slide2 li{width: calc(100% / 2 - 10px);width: -webkit-calc(100% / 2 - 10px);}
ul.affiche_slide.nb_slide2:hover > li{width: calc(100% / 2 - 120px);transition : all 0.2s linear;}
ul.affiche_slide.nb_slide2 li:hover{width: calc(100% / 2 + 100px);transition : all 0.2s linear;}

ul.affiche_slide.nb_slide3{}
ul.affiche_slide.nb_slide3 li{width: calc(100% / 3 - 10px);width: -webkit-calc(100% / 3 - 10px);}
ul.affiche_slide.nb_slide3:hover > li{width: calc(100% / 3 - 90px);transition : all 0.2s linear;}
ul.affiche_slide.nb_slide3 li:hover{width: calc(100% / 3 + 150px);transition : all 0.2s linear;}

ul.affiche_slide.nb_slide4{}
ul.affiche_slide.nb_slide4 li{width: calc(100% / 4 - 10px);width: -webkit-calc(100% / 4 - 10px);}
ul.affiche_slide.nb_slide4:hover > li{width: calc(100% / 4 - 60px);transition : all 0.2s linear;}
ul.affiche_slide.nb_slide4 li:hover{width: calc(100% / 4 + 140px);transition : all 0.2s linear;}
/**########*/
/*Listing pour la galerie photo */
.listing_galerie{text-align: center;}
.listing_galerie ul{ width: 100%; text-align: left; }
.listing_galerie ul li{ display: inline-block; margin: 0px 5px 0px 0px;}
.listing_galerie ul li a{border-bottom: 1px solid #cbbc9d; font: 16px/40px 'Open Sans', sans-serif; padding: 10px 20px 10px 20px; font-weight: 300; }
.listing_galerie ul li a:hover, .listing_galerie ul li a.on{border-bottom: 1px solid #cbbc9d; background: #cbbc9d; color:#FFFFFF; font-weight: 700;}
.listing_galerie .lesphotos{ text-align: center; float: left; width: 100%;}
.listing_galerie .lesphotos #vignette{ width: 25%; height: 260px; position: relative; display: inline-block; background: #000000; overflow: hidden;}
.listing_galerie .lesphotos #vignette.vignette2{ width: 150px; height: 150px; display: inline-block; background: #000000; overflow: hidden; margin: 2px;}
.listing_galerie .lesphotos #vignette:after{content: url("charte/icone-loupe.png");position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%) translateX(-50%); -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%); z-index: 2; padding: 10px; border: 1px solid #cbbc9d; opacity: 0;transition : all 0.2s linear;}
.listing_galerie .lesphotos #vignette img{ position: absolute; top: 50%; left: 50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width:100%;}

#unevignette{ width: 300px; height: 300px; position: relative; display: inline-block; background: #000000; overflow: hidden;}
#unevignette::after{content: url("charte/icone-loupe.png"); position: absolute; top: 0px; left: 50%; transform:translateX(-50%) rotate(0deg); -webkit-transform:translateX(-50%) rotate(0deg); opacity: 0;transition : all 0.2s linear; }
#unevignette img{ position: absolute; top: 50%; left: 50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); height:100%; width: none; max-width: none;}

.listing_galerie .lesphotos #vignette:hover > img, #unevignette:hover > img{opacity: 0.7;}
.listing_galerie .lesphotos #vignette:hover:after, #unevignette:hover:after{opacity: 1; top: 50%; left: 50%;  transform:translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg); }


@media screen and (max-width: 2300px) 
{.listing_galerie .lesphotos #vignette{ width: 25%; height: 300px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 1900px) 
{.listing_galerie .lesphotos #vignette{ width: 25%; height: 250px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 1500px) 
{.listing_galerie .lesphotos #vignette{ width: 25%; height: 225px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 1300px) 
{.listing_galerie .lesphotos #vignette{ width: 25%; height: 200px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 1200px) 
{.listing_galerie .lesphotos #vignette{ width: calc(100% / 3); height: 200px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 900px) 
{.listing_galerie .lesphotos pr#vignette{ width: calc(100% / 2); height: 200px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 780px) 
{.listing_galerie .lesphotos #vignette{ width: calc(100% / 2); height: 150px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}
@media screen and (max-width: 380px) 
{.listing_galerie .lesphotos #vignette{ width: calc(100%); height: 200px; position: relative; display: inline-block; background: #000000; overflow: hidden;}}


/*##############*/
/*    citation : shortcode    */
div.citation{ width: 100%; background: url("charte/bg-citation.png") no-repeat bottom center; font: 40px/60px 'Open Sans', sans-serif; font-style: italic; font-weight: 300; text-align: center; padding: 30px 0px 30px 0px;}
div.citation::before{content: url("charte/citation-ouverture.png"); margin: 0px 15px 0px 0px;} 
div.citation::after{content: url("charte/citation-fermeture.png"); margin: 0px 0px 0px 15px;}
div.citation_auteur{width: 100%; text-align: center; font: 20px/30px 'Open Sans', sans-serif; font-style: italic; font-weight: 300; padding: 15px 0px 15px 0px;}

/*##############*/
/*    affiche_photo : shortcode    */
.affiche_photo{ display: block; width: 100%;}
.affiche_photo img{ width: 100%; position: relative; z-index: 1;}
.affiche_photo .titre1{ position: absolute; top: 30px; left: calc(50% - 600px);left: -webkit-calc(50% - 600px); z-index: 2; color:#FFFFFF !important;}
.affiche_photo .titre2{ position: absolute; top: 60px; left: calc(50% - 550px);left: -webkit-calc(50% - 550px); z-index: 2;font: 18px/30px 'Open Sans', sans-serif; font-style: italic; color:#FFFFFF !important; }
.affiche_photo .case_detail{ padding: 5px; position: absolute; z-index: 5; border-bottom: 1px solid #cbbc9d; color:#FFFFFF; font: 20px/30px 'Open Sans', sans-serif; font-weight: 700; background: rgba(0,0,0,0.64)  }
.affiche_photo .case_detail::after{ content: url("charte/detail-souligne.png"); position: absolute; right: 0px; top: 40px; width: 33px; height: 64px;; color:#FFFFFF;}
@media screen and (max-width: 650px) 
{
.affiche_photo .titre1{ top: 5px; }
.affiche_photo .titre2{top:30px; }
.affiche_photo .case_detail{ margin: 0px 0px 0px -20px; font: 14px/30px 'Open Sans', sans-serif;  }
}
@media screen and (max-width: 1200px) 
{
.affiche_photo .titre1{ left: 20px; }
.affiche_photo .titre2{left:70px; }
	.affiche_photo .case_detail::after{ content: "";}
}
/*##############*/
/*    FOOTER    */
hr.hr_design1{width: 80%; float: none; display: inline-block; border-top:1px solid #cbbc9d;}

ul#menu-footer{}
ul#menu-footer li{}
ul#menu-footer li a{ color:#cbbc9d;font: 14px/30px 'Open Sans', sans-serif; font-weight: 300;}

.logo_footer img{max-width: 50% !important;}

.coord{font: 14px/30px 'Open Sans', sans-serif; font-weight: 300;}
.contenu_txt{width: calc(100% - 50px); width: -webkit-calc(100% - 50px); margin: 0px 0px 0px 15px; display: inline-flex; font: 14px/20px 'Open Sans', sans-serif; font-weight: 300;}

.case_actu{position: relative; width: calc(100% - 2px); text-align: center; margin: 0px 0px 20px 0px; transition : all 0.2s linear;border: 1px solid #cbbc9d; border-radius: 5px;}
.case_actu:hover{ box-shadow: 0px 0px 5px #242424; transition : all 0.2s linear; }
.case_actu a{display: block; position: relative;}
.case_actu a .actu_img{width: calc(100% - 10px); border: 5px solid #FFFFFF; position: relative; margin: 0px 0px 10px 0px; overflow: hidden}
.case_actu.actu_case1 a .actu_img{height: 325px;}
.case_actu.actu_case2 a .actu_img{height: 215px;}
.case_actu.actu_case3 a .actu_img{height: 290px;}
.case_actu.actu_case5 a .actu_img{height: 360px;}
.case_actu.actu_case6 a .actu_img{height: 330px;}
.case_actu a .actu_img img{position: absolute; z-index: 1; top: 50%; left:50%; width: 100%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ; }
.case_actu a .actu_img .date_publication{ background: #ede7d9; color:#58595b; padding: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 2; font-weight: 100; text-align: center;}
.case_actu a h4.letitre{font: 20px/30px 'Open Sans', sans-serif !important; color:#58595b; font-weight: 700 !important;  text-align: center; }
.case_actu a .lecontenu{font: 14px/22px 'Open Sans', sans-serif !important; color:#000000; font-weight: 300 !important; padding: 5px; }

@media screen and (max-width: 1200px) {
	
.case_actu.actu_case1 a .actu_img{height: 265px;}
.case_actu.actu_case2 a .actu_img{height: 165px;}
.case_actu.actu_case3 a .actu_img{height: 240px;}
.case_actu.actu_case5 a .actu_img{height: 310px;}
.case_actu.actu_case6 a .actu_img{height: 280px;}
}
@media screen and (max-width: 900px) {	
.case_actu.actu_case1 a .actu_img, .case_actu.actu_case2 a .actu_img, .case_actu.actu_case3 a .actu_img, .case_actu.actu_case5 a .actu_img, .case_actu.actu_case6 a .actu_img{height: 250px;}
}



@media screen and (max-width: 560px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2, .div50_4{ float:left; width:98%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; margin:20px 0px 0px 0px; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div30_4{  width:98%; padding:1%; float:left;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:100%;}
.div25_2{ float:left; width:98%; padding:1%;}
.div20{ float:left; width:50%;}
.div20_2{ float:left; width:48%; padding:1%;}
.div75{float: left; width: 100%; display: block;}
.div75_2{float: left; width: 98%; padding: 1%; display: block;}
}
@media screen and (min-width: 560px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:98%; padding:1%; position:relative;}
	.div50_4{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div30_4{  width:98%; padding:1%; float:left;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:48%; padding:1%;}
.div20{ display:inline-table; width:17%;}
.div20_2{ display:inline-table; width:15%; padding:1%;}
.div75{float: left; width: 75%; display: block;}
.div75_2{float: left; width: 73%; padding: 1%; display: block;}
}
@media screen and (min-width: 901px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:50%; position:relative;}
.div50_2, .div50_4{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:33%;}
.div30_2{  width:31%; padding:1%; float:left; max-width:31%; overflow:hidden}
.div30_2 a img{ max-width:100%; overflow:hidden;}
.div30_3{ float:left; width:31%; padding:0% 0% 0% 2%;}
.div30_4{  width:31%; padding:1%; float:left;}
.div60_2{ float:left; width:64%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:48%; padding:1%;}
.div20{ display:inline-table; width:20%;}
.div20_2{ display:inline-table; width:18%; padding:1%;}

}
@media screen and (min-width: 1201px) {
.div25_2{ float:left; width:23%; padding:1%;}
}
.div100{z-index: 0;}
.div100_boutique{ width: calc(100% - 60px); width: -webkit-calc(100% - 80px); padding: 40px;}
.w100{font-weight: 100;}.w300{font-weight: 300;}.w400{font-weight: 400;}.w500{font-weight: 500;}.w700{font-weight: 700;}

@media screen and (max-width: 900px) {.notaffiche900{display: none;}}
@media screen and (max-width: 780px) {.notaffiche780{display: none;}}
/*###########*/
/*Tailles TXT*/
.small2{ font-size:12px; line-height: 16px;}
.small{ font-size:14px; line-height: 16px;}.small2{ font-size:14px; line-height: 20px;}.small3{ font-size:14px; line-height: 30px;}
.medium2{ font-size:16px; line-height: 20px;}
.large{ font-size:18px;  line-height: 22px;}
.xlarge{ font-size:20px; line-height: 22px;}
.xxlarge{ font-size:22px;  line-height: 28px;}
.xxlarge2{ font-size:22px;  line-height: 22px;}
.xxxlarge{ font-size:25px;  line-height: 32px;}
.x4large{ font-size:30px; line-height: 40px;}
.x5large{ font-size:40px; line-height: 50px;}
.x6large{ font-size:50px; line-height: 60px;}

@media screen and (max-width: 900px) {
.x4large{ font-size:26px; line-height: 35px;}
.x5large{ font-size:28px; line-height: 35px;}
.x6large{ font-size:30px; line-height: 35px;}
}
/*Couleur police*/
.txtblanc{ color:#ffffff !important;} .txtnoir{ color:#000000;} .txtombre{text-shadow: 2px 2px 4px #000000; color: #FFFFFF;} .txtbeige{color: #c5baa1;}.txtrouge{color: #8e2020;}.txtor{color: #cbbc9d;}
.txtup{text-transform: uppercase !important;}
/*Align police*/
.txtcenter{ text-align:center !important;}.txtleft{ text-align:left;}.txtright{ text-align:right;}.txtjustify{ text-align:justify;}
.txtvertical{position: absolute; z-index: 1; top: 50%; left:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
.txtvertical{position: absolute; z-index: 1; top: 50%; left:0px; transform: translateY(-50%); -webkit-transform:translateY(-50%);}

/*##############*/
 /*Background*/
.bg_trait{background: url("charte/bg_trait.png") repeat-x top;}
.bg_icone{background: url("charte/bg_icone_ww.png") no-repeat bottom right; }
.bg_beige{ background:#ede7d9; }
.bg_gris{background: #58595b;}
.bg_gris2{background: #ededed;}

.img100{max-width: 100%; height: auto;}
/* float*/
.fltright{float: right;} .fltleft{float: left;}
/*##############*/
/* les boutons */
.btn1, .btn_design1 a, a.add-request-quote-button, input.raq-send-request { border: 1px solid #cbbc9d; display: inline-block; cursor: pointer; background: #cbbc9d !important; background-color: #cbbc9d !important; color: #FFFFFF !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif !important; font-size: 16px !important; padding: 0px 5px 0px 5px;text-shadow:none; margin: 5px; font-weight:400 !important; text-align: center;}
.btn1:hover, .btn_design1 a:hover, a.add-request-quote-button:hover, input.raq-send-request:hover {  cursor: pointer; background: #FFFFFF !important; color: #58595b !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif;}

.btn2, .btn_design2 a { border: 1px solid #cbbc9d; display: inline-block; cursor: pointer; background-color: #FFFFFF !important; color: #cbbc9d !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif !important; font-size: 16px !important; padding: 0px 5px 0px 5px;text-shadow:none; margin: 5px; font-weight:400 !important; text-align: center;}
.btn2:hover, .btn_design2 a:hover, .btn2.on {  cursor: pointer; background: #cbbc9d !important; color: #FFFFFF !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif;}

a.btn_retour, .btn_retour a { border-bottom: 1px solid #cbbc9d; display: inline-block; cursor: pointer; background: #ffffff; color: #58595b !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; position: relative;margin: 0px 5px 0px 5px; }
a.btn_retour:hover, .btn_retour a:hover {  cursor: pointer; background: #58595b; color: #ffffff !important; text-transform: uppercase;font:16px/47px 'Open Sans', sans-serif;}
a.btn_retour::before, .btn_retour a::before {  content: url("charte/btn_back.png"); width: 20px; height: 20px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); }

.BtnSuite{color:#cbbc9d ; text-transform: uppercase; text-decoration: underline; font:14px/14px 'Open Sans', sans-serif !important; font-weight: 800 !important; margin-bottom: 10px; }
.BtnSuite::after{color:#cbbc9d; content:' →'; }
/*##############*/
/*    TITRES    */
h1.design1, h2.design1, h3.design1, h4.design1, .titre_design1 h1, .titre_design1 h2, .titre_design1 h3, .titre_design1 h4{ font:26px/35px 'Open Sans', sans-serif; color:#58595b; background: #FFFFFF; padding: 0px; font-weight: 700; letter-spacing: 2; padding: 0px 10px 0px 10px; }

h1.design2, h2.design2, h3.design2, h4.design2, .titre_design2 h1, .titre_design2 h2, .titre_design2 h3, .titre_design2 h4{ font:26px/35px 'Open Sans', sans-serif; color:#58595b; background: #fcfaf7; padding: 0px; font-weight: 700; letter-spacing: 2; padding: 0px 10px 0px 10px; }

h1.design3, h2.design3, h3.design3, h4.design3, .titre_design3 h1, .titre_design3 h2, .titre_design3 h3, .titre_design3 h4, h1.page-title{ font:26px/35px 'Open Sans', sans-serif;  font-weight: 700; letter-spacing: 2; padding: 0px 10px 0px 10px; }
h1.design3::before, h2.design3::before, h3.design3::before, h4.design3::before, .titre_design3 h1::before, .titre_design3 h2::before, .titre_design3 h3::before, .titre_design3 h4::before, h1.page-title::before{ background: url("charte/bg_trait.png"); height: 32px; position: absolute; right: 100%; top: -10px; z-index: 2; width: 110px; display: block; content: ""; }


h1.design4, h2.design4, h3.design4, h4.design4, .design4 h1, .design4 h2, .design4 h3, .design4 h4{ font:26px/35px 'Open Sans', sans-serif;  font-weight: 700; letter-spacing: 2; padding: 0px 10px 25px 10px; position: relative;}
h1.design4::before, h2.design4::before, h3.design4::before, h4.design4::before, .design4 h1::before, .design4 h2::before, .design4 h3::before, .design4 h4::before{ background: url("charte/bg_trait.png"); height: 32px; position: absolute; left: 50%; bottom: 20px; z-index: 2; width: 110px; display: block; content: "";transform:translateX(-50%); -webkit-transform:translateX(-50%) ;  }


h1, h2, h3, h4{ font:26px/35px 'Open Sans', sans-serif; color: inherit; padding: 0px; margin: 0px; font-weight: 700; letter-spacing: 2; }

h3.pour_woocommerce{ font:19px/20px 'Open Sans', sans-serif; font-weight: bold; color: inherit; padding: 0px; margin: 0px; font-weight: 700; letter-spacing: 2; position: relative;}
h1.pour_woocommerce::before, h2.pour_woocommerce::before, h3.pour_woocommerce::before, h4.pour_woocommerce::before, .pour_woocommerce h1::before, .pour_woocommerce h2::before, .pour_woocommerce h3::before, .pour_woocommerce h4::before{ background: url("charte/min_bg_trait.png"); height: 32px; position: absolute; left:-70px; top: -10px; z-index: 2; width: 60px; display: block; content: ""; }

/*##############*/
/*    Liste    */
ul.liste1{ padding-left: 20px;}
ul.liste1 li{ list-style: none}
ul.liste1  li::before {content: "•"; color: #cbbc9d; display: inline-block; width: 1em;
  margin-left: -1em}

.listing_on ul{}
.listing_on ul li{list-style: circle; margin: 0px 0px 0px 20px; list-style-image: url("charte/puce.png"); font:12px/15px 'Open Sans', sans-serif;}


/* ########### */
/*    Fil d'arianne     */
/* ########### */
.fil{float: left; width: 100%; display: block; position: relative;}
#breadcrumbs{ margin-left: 10px;}
#breadcrumbs a, #breadcrumbs .breadcrumb_last{font:12px/20px 'Open Sans', sans-serif; color: rgba(83,83,83,1.00);}


/*###########*/
/* Form */


#yith-ywraq-default-form input[type=text], #yith-ywraq-default-form input[type=tel], #yith-ywraq-default-form input[type=email], #yith-ywraq-default-form select, #yith-ywraq-default-form textarea{ border:0px; height:38px;font:13px/15px 'Open Sans', sans-serif; color:#3d3d3d; width:calc(98% - 6px);width: -webkit-calc(98% - 6px); margin:1%; padding:2px; float:left; background:#ede7d9 !important;}
#yith-ywraq-default-form textarea{ height: 150px !important;}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span{background-color:#cbbc9d !important;}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after{border-top-color:#cbbc9d !important;}



/*###########*/
/* Elementor modif */
.elementor-15 .elementor-element.elementor-element-7e1c2df img{ height: auto !important;}
.elementor-image a{overflow: hidden; background: #58595b; transition : all 0.2s linear;}
.elementor-image a::before{ content: url("charte/icone-loupe.png");position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%) translateX(-50%); -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%); z-index: 2; padding: 10px; border: 1px solid #cbbc9d; opacity: 0;transition : all 0.2s linear;}
.elementor-image a:hover > img{opacity: 0.5;transition : all 0.2s linear;}
.elementor-image:hover > a::before{ opacity: 1;transform:translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg); }

/* Flexbox ! */

@media screen and (min-width: 900px) {
.flexbox_on{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-directiobn: row; float: none; }
 .flexbox_on .flex_case50{ flex: 1;  width:calc(100% / 2); max-width: calc(100% / 2); display: inline-block; position: relative;}
 	.flexbox_on .flex_case50_2{ flex: 1;  width:calc(100% / 2 - 13px); max-width: calc(100% / 2 - 13px); padding: 5px; display: inline-block; position: relative;}
	.case_table{display:table;height:100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle}
}

@media screen and (max-width: 900px) {
.flexbox_on{width: 100%;}
 .flexbox_on .flex_case50{  width:100%; display: inline-block; position: relative;}
 	.flexbox_on .flex_case50_2{ flex: 1;  width:calc(100% - 13px); max-width: calc(100% - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case100{ flex: 1;  width:calc(100% - 10px); max-width: calc(100% - 10px); padding: 5px; display: inline-block; position: relative;}
	.flexbox_on .flex_case50 .case_table{display:table;height:100%;}
	
	.flexbox_on .flex_case50 .case_table .vertical_align{display:table-cell;vertical-align:middle}
	.case_table{display:table !important;height:100%; width: 100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle; text-align: center;}
	
	/*.woocommerce-product-gallery__image:nth-child(1){width: 100%;}*/
	.case_table .vertical_align h1.design3{margin: 20px 0px 0px 40px;}
	.case_table .vertical_align h1.design3:before{ background: url("charte/bg_trait.png"); height: 32px; position: absolute; right: calc(100% - 40px); top: 10px; z-index: 2; width: 110px; display: block; content: ""; }
}
/*###########*/
/* WOOCOMMERCE */
/*###########*/

.woocommerce-ordering{ display: none;}

ul.products, div.lesproduits{ /*display: flex; flex-direction:row;flex-wrap:wrap;*/text-align:center; width: 100%; float: left;  /*text-align: center;  justify-content: center;*/}
ul.products li, div.lesproduits div.unproduit{/*flex-grow: 1;flex-shrink:0;flex-basis:calc(100% / 3 - 3rem);max-width:calc(100% / 3 - 3rem);display:flex; flex-direction:column; box-shadow: 0 0 6px #d2d2d2; width: 16rem; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border-radius: 5px; background: #FFFFFF; */ }
ul.products li:hover, div.lesproduits div.unproduit:hover{box-shadow:0 0 6px #686f7a; transition : all 0.2s linear;}

.product_image_listing{ display: block; position: relative;flex-basis:0%; flex-shrink:1;flex-grow:0; height: 150px;}
.product_image_listing img{height:16vh; min-height:250px; object-fit : cover; object-position : center center; max-width: 100%; width:100%;}

a.fancyboxforwp{float: left; display: inline-block; margin: 2px;}


@media screen and (min-width: 1025px) 
{
	ul.products, div.lesproduits{ text-align: center; /*display: flex; flex-direction:row;flex-wrap:wrap;/*text-align: center;  justify-content: center;*/}
	/*div.lesproduits div.unproduit{flex-grow: 1;flex-shrink:0;flex-basis:calc(100% / 3 - 3rem);max-width:calc(100% / 3 - 3rem);display:flex; flex-direction:column; box-shadow: 0 0 6px #d2d2d2; width: 16rem; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border-radius: 5px; background: #FFFFFF; text-align: center;}*/
	
	div.lesproduits div.unproduit{float:initial;width:400px !important; max-width:400px !important; height: 460px; display:inline-block; box-shadow: 0 0 6px #d2d2d2; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border-radius: 5px; background: #FFFFFF; text-align: center;}
	
}
@media screen and (max-width: 1024px) 
{
	ul.products, div.lesproduits{ display: block; float: left; width: 100%; text-align: center;}
	
/*ul.products li, div.lesproduits div.unproduit{flex-grow: none;flex-shrink:none; width:calc(100% / 2 - 4rem);display:inline-block; flex-direction:column;  box-shadow: 0 0 6px #d2d2d2; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border: 1px solid #cbbc9d; float: left; max-width:calc(100% / 2 - 4rem);	height: 300px; text-align: center}*/
	
ul.products li, div.lesproduits div.unproduit{ float: initial; width:350px; max-width:350px; height: 410px !important; display:inline-block; flex-direction:column; box-shadow: 0 0 6px #d2d2d2; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border: 1px solid #cbbc9d;}
	
	.archive_produit{float: left; display: block !important;}
	.archive_produit .case3, .archive_produit .case9{float: left; width: 100%; display: block; max-width: 100%; flex: initial; }
	.produit .menu_categorie{display: none;}
	
}
@media screen and (max-width: 540px) 
{
	ul.products, div.lesproduits{ text-align: center;}
ul.products li, div.lesproduits div.unproduit{ float: initial; width:350px; max-width:350px; height: 410px !important; display:inline-block; flex-direction:column; box-shadow: 0 0 6px #d2d2d2; margin :1rem; padding: 0rem; position:relative; border-radius:0px; transition : all 0.2s linear; border: 1px solid #cbbc9d;}
	
}



/*
.woocommerce-ordering, .woocommerce-result-count{ display: none;}

@media screen and (min-width: 1200px) {
.flexbox100{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-directiobn: row; float: none; }
}

ul.products{width: 100%; float: left;}
ul.products li.product{ margin: 5px; width: calc(100% / 2 - 10px); width: -webkit-calc(100% / 2 - 10px); float: left;}
*/
 .produit_case{ border-radius: 5px; background: #FFFFFF;border: 1px solid #cbbc9d;  min-height: 350px; overflow: hidden;}
.produit_case a{display: block; position: relative; height: 100%; width: 100%;}
 .produit_case .produit_titre{ width: 100%; text-align: center; font:16px/30px 'Open Sans', sans-serif; height: 60px; font-weight: 700; text-transform: uppercase;}
 .produit_case .produit_content{ width: 100%; height: calc(100% - 60px); position: relative;}
 .produit_case .produit_content .produit_image{ width: 100%; height: 100%; overflow: hidden !important; position: relative; background: #000000;}
/*.produit_case .produit_content .produit_image::before{content: url("charte/icone-loupe.png");position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%) translateX(-50%); -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%); z-index: 2; padding: 10px; border: 1px solid #cbbc9d; opacity: 0;transition : all 0.2s linear; z-index: 20;}*/
 .produit_case .produit_content .produit_image img{ min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%;  z-index: 1;transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
 .produit_case .produit_detail{ width: 100%; display: block; position: absolute; z-index: 10; bottom: 0px; left: 0px; text-align: center;}
 .produit_case .produit_detail .nb_pers,  .produit_case .produit_detail .dimension{ background: rgba(255,255,255,0.80); padding: 10px; display: inline-block; position: relative; font:14px/20px 'Open Sans', sans-serif; font-weight: 300; margin: 0px 2px 0px 2px; }
 .produit_case .produit_detail .nb_pers i, .produit_case .produit_detail .dimension i{font-size: 20px; margin-bottom:10px;}

.UnePastille{background: rgba(255,255,255,0.80);  padding: 10px; display: inline-block; position: relative;font:14px/20px 'Open Sans', sans-serif; font-weight: 300; margin: 0px 2px 0px 2px;}
.UnePastille .PastilleImg{ display: block; margin-top: 2px;}
.UnePastille .PastilleImg img{height: 24px !important;}
.UnePastille .PastillelTitre{ font-weight: 700;}
.UnePastille .PastilleTexte{}

.produit_case:hover{box-shadow: 0px 0px 14px 0px #95abb6;transition : all 0.2s linear;}/*
.produit_case a:hover > .produit_content .produit_image::before{ opacity: 1;transform:translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg); }*/
.produit_case a:hover > .produit_content .produit_image img{ opacity: 0.5;}


@media screen and (max-width: 1200px) {
 .produit_case{ height: 400px !important; display: inline-block;position: relative; overflow: hidden;}
}
@media screen and (max-width: 580px) {
 .produit_case{ margin: 20px 10px 0px 10px; flex:none; padding: 0px; border-radius: 5px; background: #FFFFFF; width:calc(100% - 22px); max-width: calc(100% - 22px); border: 1px solid #cbbc9d; display: inline-block; float: left;}	
}
@media screen and (min-width: 1200px) {
 .produit_case{ height: 450px; width: 410px; display: inline-block;}
}


ul.page-numbers{width: 100%; text-align: center !important; display: block; border: 0px !important; }
ul.page-numbers li{ display: inline-block !important; width: 30px; height: 30px; float: none !important;border-radius: 30px; text-align: center; font:14px/30px 'Open Sans', sans-serif; font-weight: 300; border: 0px !important; padding: 0px; margin: 0px;}
ul.page-numbers li span, ul.page-numbers li a, ul.page-numbers li a:hover{height: 30px; line-height: 30px !important; padding: 0px !important;}
ul.page-numbers li a{display: block; font:14px/30px 'Open Sans', sans-serif; font-weight: 300; width: 30px; height: 30px; border-radius: 30px; background: #FFFFFF; border: 0px !important; text-align: center;}
ul.page-numbers li a:hover{background: #cbbc9d;}
/*
section.related.products, .wc-tabs{ display: none;}
.woocommerce-tabs{margin-top: 50px;}
/*.woocommerce-product-gallery{ width: 50%; float: left; }*/
/*.woocommerce-product-gallery__image{ float: left; margin: 2px;}
.summary{width: 50%; float: left;}
.woocommerce-tabs{width: 50%; float: left;}
.wp-post-image{max-width: 100% !important; height: auto !important;}*/


@media screen and (max-width: 1200px) {
.titre_product{ text-transform: uppercase; font:40px/50px 'Open Sans'; font-weight: 800; color:rgba(0,0,0,0.20); z-index: 9999999; position: relative; float: left; width: 100%; text-align: center;}
}
@media screen and (min-width: 1200px) {
.titre_product{right: 0px; top: 0px; text-transform: uppercase; height: 100px; font:50px/50px 'Open Sans'; font-weight: 800; color:rgba(0,0,0,0.20); z-index: 9999999; position: absolute;}
}

.addtoany_share_save_container{text-align: center !important;}

/* ########### */
/*    PANIER     */
/* ########### */

.panier{position: fixed !important; top: 120px; right: 0px;transform:  translateY(-50%); -webkit-transform: translateY(-50%); z-index:999999 !important; display: block !important; width: 100px !important; height: 60px;  }


/*##############*/
/*   numéro des pages  */
/*
a.page-numbers, span.page-numbers{ font:16px/24px 'Open Sans', sans-serif; text-align: center; height: 24px; min-width: 24px; display: inline-block; white-space: nowrap; border-radius: 12px; border: 1px solid #ede7d9; margin: 0px 5px 0px 5px; background: #FFFFFF; }
a.page-numbers:hover{ background:#ede7d9; color:#FFFFFF; border: 1px solid #ffffff; }
span.page-numbers.current{background:#ede7d9; color:#FFFFFF; border: 1px solid #ffffff;  }

.powered-by{display: none !important;}*/

/* ########### */
/*    page produits     */
/* ########### */
.woocommerce-product-gallery__wrapper{display: flex; flex-direction:row;flex-wrap:wrap; width: 100%;}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child{flex-basis:calc(100% - 2rem);max-width:calc(100% - 2rem);}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{flex-grow: 1;flex-shrink:0;flex-basis:calc(100% / 6 - 2rem);max-width:calc(100% / 6 - 2rem);display:flex; flex-direction:column; margin :1rem;}

.liste_produit{width: 100%; display: block; float: left; cursor: pointer; padding: 10px; }
.liste_produit .liste_titre{ float: left; width: 100%;transition : all 0.2s linear; font-weight: 800; }
.liste_produit .liste_titre::after{content: "►"; margin-left:10px; position: absolute;transition : all 0.2s linear; }
.liste_produit.on .liste_titre::after{transform: rotate(90deg); transform-origin: center center;transition : all 0.2s linear; }
.liste_produit .liste_content{ display: none; float: left; width: 100%;transition : all 0.2s linear;}

.produit_galerie{width: 100%; display: block; position: relative; text-align: center; float: left;}
.produit_galerie .produit_img_alaune{width: 100%; height: 100%;  display: block; position: relative; z-index: 1; float: left;}

.produit_galerie .produit_vignette{ z-index: 99; background: #eee8d9; transition : all 0.2s linear; position: absolute; bottom: 0px; width: 100% ; left: 0px; background: #eee8d910; height: 84px; overflow: hidden; margin-right: 80px; white-space: nowrap}
.produit_galerie .produit_vignette .Next{position: absolute; width: 84px; height: 84px; top: 0px; right: 0px; background: #c8bca0;}
.produit_galerie .produit_vignette .Next::after{content: ""; -webkit-mask: url('charte/IconeNext.svg') no-repeat 50% 50%;  mask: url('charte/IconeNext.svg') no-repeat 50% 50%; position: absolute; width: 40px; height: 40px; background: #000000; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1;}

.produit_galerie .produit_vignette .woocommerce-product-gallery__image:hover{opacity: 0.5;transition : all 0.2s linear;}
.produit_galerie .produit_vignette .woocommerce-product-gallery__image{display: inline-block; margin: 2px; height: 80px; width: 80px;}

.case_icone{border-left: 5px solid #cbbc9d; line-height: 50px; padding-left: 10px; font-size: 20px}


@media screen and (max-width: 1024px) {
		
	.produit_galerie .produit_vignette .woocommerce-product-gallery__image{display: inline-block; margin: 5px 5px 0px 0px; height: 80px;}
}

/* Bloc des options */

#yith-wapo-container{display: flex; flex-direction:row;flex-wrap:wrap; width: 100%;}
#yith-wapo-container .yith-wapo-block{flex-grow: 1;flex-shrink:0;flex-basis:100%;max-width:100%;display:flex; flex-direction:column; margin :0; border-bottom: 1px solid #58595b ; background: #ededed;}

@media screen and (max-width: 1024px) {
#yith-wapo-container .yith-wapo-block{flex-grow: 1;flex-shrink:0;flex-basis:100%;max-width:100%;display:flex; flex-direction:column; margin :0; border-bottom: 1px solid #58595b ;}
}

#yith-wapo-container .yith-wapo-block .addon-header{ background: #ededed; color:#58595b; padding: 10px 0px 10px 20px;font:16px/20px 'Open Sans', sans-serif; min-height: 40px; line-height: 20px; font-weight:400 ; display: block; position: relative; width: 100%; text-align: left; cursor: pointer;}
#yith-wapo-container .yith-wapo-block .addon-header h3{ font:16px/20px 'Open Sans', sans-serif;}
#yith-wapo-container .yith-wapo-block .addon-header::after{content: "►"; margin-right:10px; position: absolute;transition : all 0.2s linear; right: 0px; top: 10px; }
#yith-wapo-container .yith-wapo-block.on .addon-header::after{transform: rotate(90deg); transform-origin: center center;transition : all 0.2s linear; }

#yith-wapo-container .yith-wapo-block .options-container{display: none !important; flex-direction:row;flex-wrap:wrap; width: 100%; margin: 10px; float: left;}
#yith-wapo-container .yith-wapo-block.on .options-container{display: flex !important;}

#yith-wapo-container .yith-wapo-block.on .options-container .options{ display: flex !important;flex-direction:row;flex-wrap:wrap;}

#yith-wapo-container .yith-wapo-block .options-container .yith-wapo-option{ background: #FBFBFB; border-radius: 5px;box-shadow: 0px 0px 5px #aeaeae; display:table-cell; width: 185px; text-align: center; padding: 2px;}
#yith-wapo-container .yith-wapo-block .options-container .yith-wapo-option.selected{background: #cbbc9d; color:#FFFFFF;}
.yith-wapo-block .yith-wapo-addon{margin-bottom: 0px !important;}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label{ text-align: center; margin:auto !important; width: 100%; display: block;}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .image.position-above{text-align: center; display: block; margin: auto;}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .checkboxbutton, .yith-wapo-block .yith-wapo-addon .yith-wapo-option .radiobutton { display: none;}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .option-price .sign, .yith-wapo-block .yith-wapo-addon .yith-wapo-option .option-price .woocommerce-Price-amount, .woocommerce-Price-amount{ color:#cbbc9d;}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option.selected .option-price .sign, .yith-wapo-block .yith-wapo-addon .yith-wapo-option.selected .option-price .woocommerce-Price-amount{ color:#ffffff;}

h3.wapo-addon-title{padding-right: 24px;}
@media screen and (max-width: 768px) {
	.yith-wapo-addon-label, .image-container, .option-container{width: 100%; display: block;}
	#yith-wapo-container .yith-wapo-block .options-container .yith-wapo-option{ width: calc(50% - 14px);}
}
.image-container .image{padding: 5px;}
.cart .quantity{display: none;}
.cart .input-number.quantity{display: block !important;}
form.cart{text-align: center; width:100%;}

#wapo-total-price-table{width: 100% !important; text-align: center !important; background: #c8bda0; color:#58595b; font-size: 18px; line-height: 80px}
#wapo-total-price-table .only_final{margin: auto;}
#wapo-total-price-table table{line-height: 80px !important;}
#wapo-total-order-price{/*color:#FFFFFF;*/ font-weight: 800;}

@media screen and (max-width: 768px) {
#wapo-total-price-table table{line-height: 40px !important;}
	
}
.yith-ywraq-add-to-quote{ display: block; float: left; text-align: center; width: 100%; margin-top: 10px;}
.yith-ywraq-add-to-quote .ajax-loading{display: none;}

.hfe-has-submenu-container{width: 100%; /*height: 100%;*/ display: block;}

p.wapo-addon-description{float: left; width: 100%;}

/* Icone devis */
.raq-info{background: #cbbc9d; color:#FFFFFF;}
.yith-ywraq-list-wrapper{right: 0px !important; color:#58595b;}
.ywraq-quote-icon-icon_quote{}
.ywraq-quote-icon-icon_quote:before{color: #ffffff !important;font-family: "Font Awesome 5 Free" !important; content: "\f07a" !important; font-weight: 900;}
.raq-items-number{color:#FFFFFF;background: #58595b;padding: 2px;position: absolute;top: -10px;border-radius: 20px;width: 20px;height: 20px;text-align: center;line-height: 20px;}

.yith-ywraq-mail-form-wrapper, #yith-ywraq-form{box-shadow: 0 0 6px #d2d2d2; margin-bottom: 20px;}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow{left: calc(50% - 15px);}

.hfe-nav-menu__breakpoint-tablet .saved-content, .hfe-nav-menu__breakpoint-tablet .sub-menu, .hfe-nav-menu__breakpoint-tablet .child{left: inherit !important;}

.woocommerce form .form-row{position: relative;}
span.ywraq_error{position: absolute; left: 2px; top: 20px; }

@media screen and (max-width: 780px) {
	
	.hfe-menu-toggle.sub-arrow{ right: 0px; top: 10px !important; bottom: inherit !important; width: 100% !important;  text-align: right !important; padding: 0px !important; height: 100% !important; left: inherit !important;}
	.hfe-menu-toggle.sub-arrow i{line-height: 40px; position: absolute; right: 0px;}
	/*
	.yith-ywraq-list-wrapper{position: fixed !important; top: 150px; left: -270px !important; right: inherit !important; z-index: 99999;}
	.yith-ywraq-list-content{float: left; }*/
	.raq-info, .raq_label{ z-index: 9999999999; display: block; position: relative;}
}


/*
* Onglet des caractéristiques Woocommerce
*/
.detail_menu{}
.detail_menu .liste_titre{ display: inline-block; cursor: pointer; background: #ededed; color:#58595b; height: 60px; line-height: 60px; font:20px/60px 'Open Sans', sans-serif; margin: 0px 0px 10px 15px; padding: 0px 10px 0px 10px; }
.detail_menu .liste_titre.on{color:#ffffff; margin: 0px 0px 0px 15px; background: #cbbc9d; padding-bottom: 10px;}
.detail_content{}
.detail_content .detail_lecontent{border-top: 1px solid #cbbc9d; display: none; padding: 20px;}
.detail_content .detail_lecontent.on{ display: block;}

/*
* Lire plus
*/
.ContentLirePlus{display: none; width: 100%; float: left;}
a.LirePlus{ text-decoration: underline; font-weight: 900;}
a.LirePlus::after{content: "→"; padding: 0px 5px 0px 5px;}



@media only screen and (max-width: 780px) {
	.product-quantity{display:none;}
	form.cart{margin-bottom: 15px;}
	#wapo-total-price-table table th{text-align: center !important;}
	.ywraq_responsive .product-price{display: block !important;}
	span.mobile-price, td.product-subtotal{display: none !important;}
	#yith-ywraq-form .product-subtotal, #yith-ywraq-form .product-quantity, #yith-ywraq-form .product-price{padding: 5px 5px !important;}
	
	.raq-totals-label, .raq-totals{ width: calc(50% - 0px); float: left; border: 0px !important;}
	.raq-totals{ text-align: right; display: inline-block;}
	.woocommerce table.shop_table th, .ywraq_responsive .raq-totals{padding: 5px 5px !important;}
	
	.shop_table tr{float: left; width: calc(100% - 10px);}
	.ywraq-form-table-wrapper{background: none; border: 0px; box-shadow: none;}
	.cart_item{border-bottom: 1px solid #d2d2d2; margin-bottom: 12px;}
	
	.yith-ywraq-form, #yith-ywraq-form, .yith-ywraq-mail-form-wrapper{box-shadow: 0 0 6px #d2d2d2 !important; width: calc(100% - 12px) !important; float: left; margin-bottom: 8px !important;margin-top: 8px !important;}
	
	
	#yith-ywraq-default-form label.radio{ width: calc(100% - 80px);}
	#yith-ywraq-default-form .form-row{ width: 100%;}
	.woocommerce table.shop_table{border:0px !important;}
	
table, thead, tbody, th, td, tr{ 	
display: block;	
}
	
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
 
 
 
td { 
	
position: relative;
white-space: normal;
text-align: center
	
	}
 
td.product-price:before { 
	
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
font-weight: bold;
white-space: nowrap;
text-align:left;
content: attr(data-title)
	
	}
	td.product-thumbnail
	{
		text-align: center;
	}
	td.product-thumbnail a
	{
		display: inline-block !important;
	}
	#yith-ywraq-form table.cart .product-thumbnail{display:inline-block !important; width: 100%;}
	
}

/*
* Menu déroulant catégorie de produit
*/
.ChoixCat{ width: 100%; height: 60px; line-height: 60px; float: left; position: relative;}
.ChoixCat .ChoixCategorie{ display: inline-block; height: 60px; width: auto;}
.ChoixCat .ChoixCategorie .CategorieSelect{ margin: 0px 15px 0px 15px; border: 1px solid #c5baa1; padding: 0px 25px 0px 15px; display: inline-block; position: relative;}
.ChoixCat .ChoixCategorie .CategorieSelect::after{content: ""; -webkit-mask: url('charte/IconeNext.svg') no-repeat 50% 50%;  mask: url('charte/IconeNext.svg') no-repeat 50% 50%; position: absolute; width: 16px; height: 16px; background: #000000; top: 50%; right: 5px; transform: translateY(-50%); pointer-events: none; z-index: 1;}
.ChoixCat .ChoixCategorie .ListingCategorie{position: absolute; top: 59px; left: 0px; background: #FFFFFF; border: 1px solid #c5baa1; display: none; z-index: 999;}
.ChoixCat .ChoixCategorie:hover > .ListingCategorie{display: block;}
.ChoixCat .ChoixCategorie .ListingCategorie a{border: 0px; width: calc(100% - 20px) !important; text-align: center; border-bottom: 1px solid #c5baa1; }