/*
Theme Name: Piste noire
Theme URI: https://www.pistenoire-courchevel.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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

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 'Lato', sans-serif; font-weight:400;color:#5e5a54;}
a{ text-decoration:none;color:#5e5a54;}img{ border:0px;}
/*body, html{ width: 100%; height: 100%; overflow-x: hidden;}*/
/*Bouton pour remonter en haut de la page :*/

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


@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 780px) {
}
@media screen and (max-width: 580px) {
}

/* ########### ######## */
/*    Header     */
/* #################### */
.header{ width: 100%; background: rgba(0,0,0,0.55); height: 144px; float: left; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 99; transition : all 0.2s linear;}

.header.fixe{position: fixed; transition : all 0.2s linear; height: 80px;}

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

.header_content{ width: 100%; float: left; height: 50px; display: block; position: relative;}
.header_content .header_content1, .header_content .header_content2, .header_content .header_content3, .header_content .header_content4{ width:25%; float: left; display: block; margin: 10px 0px 10px 0px ; height: 30px; position: relative; color:#FFFFFF; font:24px/30px 'Lato', sans-serif; z-index: 999; }
.header.fixe .header_content{height: 24px;}
.header.fixe .header_content .header_content1, .header.fixe .header_content .header_content2, .header.fixe .header_content .header_content3, .header.fixe .header_content .header_content4{font:16px/20px 'Lato', sans-serif; height: 30px; margin: 4px 0px 2px 0px;}

li.widget_polylang{}
li.widget_polylang ul li{display: inline-block; float: inherit;}

.contenu_txt{float: left; margin-left: 20px;}
.footer .contenu_txt{float: left; margin: 0px 0px 20px 20px; width: calc(100% - 20px); }

.header_logo_menu{ width: 100%; float: left; height: 80px; margin-top: 14px; display: block; position: relative;}
.header.fixe .header_logo_menu{ height: 46px; margin-top: 0px;}
.header_logo_menu .logo{ width: 180px; margin-right: 30px; z-index: 1; float: left;}
.header.fixe .header_logo_menu img{ height: 44px;}

.deco1{position: absolute; top: 50px; left: 40px; z-index: 998; display: block; width: calc(100% - 80px); border-bottom: 5px solid #c7a36e; }
.deco2{width: 5px; position: absolute; top: 50px; left: 40px; height: 55%; z-index: 998; min-height: 250px; background:#c7a36e; }
.deco3{width: 5px; position: absolute; top: 50px; right: 40px; height: 55%; z-index: 998; min-height: 250px; background:#c7a36e;}

.deco2.fixe, .deco3.fixe{height: 20px; transition : all 0.2s linear;}

@media screen and (max-width: 1400px) {
.deco1{position: absolute; top: 50px; left: 30px;width: calc(100% - 60px); border-bottom: 5px solid #c7a36e; }
.deco2{width: 5px; position: absolute; top: 50px; left: 30px; height: 55%; z-index: 998; min-height: 50px;  }
.deco3{width: 5px; position: absolute; top: 50px; right: 30px; height: 55%; z-index: 998; min-height: 50px;}
}
@media screen and (max-width: 1200px) {
.deco1{position: absolute; top: 50px; left: 20px;width: calc(100% - 40px); border-bottom: 4px solid #c7a36e; }
.deco2{width: 4px; position: absolute; top: 50px; left: 20px; height: 55%; z-index: 998; min-height: 50px;  }
.deco3{width: 4px; position: absolute; top: 50px; right: 20px; height: 55%; z-index: 998; min-height: 50px;}
}
@media screen and (max-width: 780px) {
.deco1{position: absolute; top: 50px; left: 15px;width: calc(100% - 30px); border-bottom: 3px solid #c7a36e; }
.deco2{width: 3px; position: absolute; top: 50px; left: 15px; height: 55%; z-index: 998; min-height: 50px;  }
.deco3{width: 3px; position: absolute; top: 50px; right: 15px; height: 55%; z-index: 998; min-height: 50px;}
}
@media screen and (max-width: 580px) {
.deco1{position: absolute; top: 50px; left: 10px;width: calc(100% - 20px); border-bottom: 2px solid #c7a36e; }
.deco2{width: 2px; position: absolute; top: 50px; left: 10px; height: 55%; z-index: 998; min-height: 50px;  }
.deco3{width: 2px; position: absolute; top: 50px; right: 10px; height: 55%; z-index: 998; min-height: 50px;}
}



i[data-txt]{position: relative; display: block;	z-index: 999;}
i[data-txt]:hover::after {  content: attr(data-txt); text-align: center; position: absolute;  left: 0;  top: 16px;  min-width: 100px;
  border: 1px #c7a36e solid;  border-radius: 5px;  background-color: #ffffff;  padding: 5px;  color: #5e5a54;  font-size: 12px;font:12px/20px 'Lato', sans-serif; font-weight: 300;	z-index: 999; white-space: nowrap;}

@media screen and (max-width: 580px) {
	i[data-txt]{ font-size: 16px;}
.contenu_txt{float: left; margin-left: 5px;}
}
.footer .reseau{ font-size: 20pt;}
.footer{color:#FFFFFF;font:14px/20px 'Lato', sans-serif; font-weight: 100;}
	/*##############*/
	/*    Réseaux   */
	/*a.icone{width: 30px; height: 30px; 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;}*/

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

.barre_menu{position: relative; z-index: 1; float: left; width: calc(100% - 210px); }

.menu_nt{position: relative; height: 80px; width: 100%; float: left;}
.header.fixe .menu_nt{height: 46px;}

.nav-icon {  margin: 7px;  width: 30px; display: inline-block;float: left; text-align: center;}
.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; color:#FFFFFF;}

div.menu-principal-container, div.menu-principal_uk-container{ position: relative; transition : all 0.2s linear; width: 100%; float: left;}
div.menu-principal-container ul, div.menu-principal_uk-container ul{ transition : all 0.2s linear; width: 100%; float: left;}
div.menu-principal-container ul li, div.menu-principal_uk-container ul li{ text-align: center; transition : all 0.2s linear; width: auto; float: left; position: relative; height: 80px; display: block; }
div.menu-principal-container ul li a, div.menu-principal_uk-container ul li a{font: 16px/80px 'Lato', sans-serif; position: relative; padding: 0px 20px 0px 20px;  text-transform: uppercase; color:#FFFFFF; display: block; text-align: center; float: left; }
div.menu-principal-container ul li a:hover, div.menu-principal_uk-container ul li a:hover{color:#c7a36e; }


.header.fixe div.menu-principal-container ul li , .header.fixe div.menu-principal_uk-container ul li{height: 46px; transition : all 0.2s linear;}
.header.fixe div.menu-principal-container ul li a , .header.fixe div.menu-principal_uk-container ul li a{height: 46px;font: 16px/46px 'Lato', sans-serif; transition : all 0.2s linear;}

/*
div.menu-principal-container 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;}
div.menu-principal-container ul li ul.sub-menu li{border-bottom: 1px solid #cbbc9d; width: 100%; text-align: left; white-space: nowrap;}
div.menu-principal-container ul li ul.sub-menu li:nth-child(4){ margin-left: 0px; position: relative;}
div.menu-principal-container ul li ul.sub-menu li a{font: 14px/40px 'Lato', sans-serif; height: 40px; text-transform: uppercase; color:#58595b; display: block; text-align: center;}
div.menu-principal-container ul li:hover > ul.sub-menu{opacity:1; height: auto; overflow:auto;transition : all 0.2s linear;}*/

@media screen and (max-width: 1200px) {
	.lemenu{ display: block; float: left;}
	.menu_nt{ display: none; position: absolute; top: 88px;}
	.menu_nt.affiche{ display: block;}
	/*.barre_menu{ top: 125px; width: 100%; min-width: inherit;}*/
	div.menu-principal-container ul, div.menu-principal_uk-container ul{width: 100%; background:#ffffff !important;}
	div.menu-principal-container ul li, div.menu-principal-container ul li a, div.menu-principal-container ul li,
	div.menu-principal_uk-container ul li, div.menu-principal_uk-container ul li a, div.menu-principal_uk-container ul li{width: 100%; float: left; text-align: center; background:#ffffff !important; padding:0px; height: 40px !important; color:#5e5a54 !important;  }
	div.menu-principal-container ul li a,div.menu-principal_uk-container ul li a {border-top: 1px solid #cbbc9d; height: 40px !important; font: 16px/40px 'Lato', sans-serif !important; position: relative; display: block; top: inherit; color:#5e5a54 !important;  }
	div.menu-principal-container ul li a:hover,div.menu-principal_uk-container ul li a:hover { color:#c7a36e !important;  }
	/*.barre_menu.fixe{background: none;}
	.barre_menu.fixe .lemenu{background: #FFFFFF; border-right: 1px solid #cbbc9d; border-bottom: 1px solid #cbbc9d;}*/
	/*
div.menu-principal-container ul li ul.sub-menu, div.menu-principal-en-container ul li ul.sub-menu{ background: #ffffff; border: 0px;  width: auto; min-width: 100%; display:none; position: relative; top: inherit; left: inherit;  height: auto; opacity: 1; transition : all 0.2s linear;}
	div.menu-principal-container ul li ul.sub-menu li{border-bottom: 1px solid #cbbc9d;}
	div.menu-principal-container ul li ul.sub-menu li a{text-align: center;font: 14px/30px 'Lato', sans-serif; height: 30px;border-top: 0px;}*/
	/*
	.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: 1200px) {
	.lemenu{ display: none;}
}

div.menu-principal-container ul li a, div.menu-principal_uk-container ul li a{font: 16px/80px 'Lato', sans-serif; position: relative; padding: 0px 10px 0px 10px;  text-transform: uppercase; color:#FFFFFF; display: block; text-align: center; float: left; }
@media screen and (max-width: 1400px) {
div.menu-principal-container ul li a, div.menu-principal_uk-container ul li a{font: 14px/80px 'Lato', sans-serif; position: relative; padding: 0px 5px 0px 5px;  text-transform: uppercase; color:#FFFFFF; display: block; text-align: center; float: left; }
}


/**########*/
/*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 .diapo img{ position: absolute; z-index: 1; top: 50%; left:50%; height: 100%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;  }
div#diaporama .deco_diapo{ position: absolute; bottom: -1px; right: 0px; background: url("charte/bg-montagne-blanche.png") no-repeat; background-size: cover; height: 204px; width: 1011px; display: block; z-index: 99;}

@media screen and (max-width: 1200px) {
div#diaporama .deco_diapo{ position: absolute; bottom: -1px; right: 0px; background: url("charte/bg-montagne-blanche-mobile.png") no-repeat; background-size: cover; height: 100px; width: 496px; display: block; z-index: 99;}
}

.titre_site{ bottom : 200px; right: 100px;  z-index: 3; position: absolute; }
.titre_site h1{font: 90px/100px 'Lato', sans-serif !important; color:#ffffff; letter-spacing: 10px; font-weight: 300 !important; text-transform: uppercase;  text-align: center; white-space: nowrap;text-shadow: 0px 0px 4px #000000; padding: 20px; margin: 0px;}
.titre_site h2{font: 30px/60px 'Lato', sans-serif !important; color:#c7a36e; font-weight: 300 !important; text-transform: uppercase; text-align: center; white-space: nowrap;text-shadow: 0px 0px 4px #000000; padding: 20px; margin: 0px}

@media screen and (max-width: 1400px) {
.titre_site{ bottom : 200px; left: 50%; right: auto;  z-index: 3; position: absolute; transform: translateX(-50%); -webkit-transform:translateX(-50%) ; }
.titre_site h1{font: 75px/80px 'Lato', sans-serif !important; letter-spacing: 10px; padding: 20px;}
.titre_site h2{font: 25px/50px 'Lato', sans-serif !important;padding: 20px;}
}
@media screen and (max-width: 1200px) {
.titre_site{ bottom : 150px; left: 50%;  z-index: 3; position: absolute; transform: translateX(-50%); -webkit-transform:translateX(-50%) ; }
.titre_site h1{font: 50px/60px 'Lato', sans-serif !important; letter-spacing: 5px; padding: 20px;}
.titre_site h2{font: 18px/30px 'Lato', sans-serif !important;padding: 20px; letter-spacing: 0px;}
}
@media screen and (max-width: 780px) {
.titre_site{ bottom : 150px; left: 50%;  z-index: 3; position: absolute; transform: translateX(-50%); -webkit-transform:translateX(-50%) ; }
.titre_site h1{font: 50px/60px 'Lato', sans-serif !important; letter-spacing: 5px; padding: 20px;}
.titre_site h2{font: 18px/30px 'Lato', sans-serif !important;padding: 20px; letter-spacing: 0px;}
}
@media screen and (max-width: 580px) {
.titre_site h1{font: 40px/50px 'Lato', sans-serif !important; letter-spacing: 0px; padding: 0px;}
.titre_site h2{font: 15px/30px 'Lato', sans-serif !important;padding: 0px; letter-spacing: 0px; white-space: normal;}
}

@media screen and (max-width: 900px) {
}
@media screen and (max-width: 540px) {
}

/* #################### */


/* ########### */
/*    Actualités     */
/* ########### */

.case_actu{position: relative; width: 100%; text-align: center; margin: 0px 0px 20px 0px; transition : all 0.2s linear;}
.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: #c7a36e; color:#FFFFFF; padding: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 2; font-weight: 100; text-align: center;}
.case_actu a h4.letitre{font: 24px/36px 'Lato', sans-serif !important; color:#242424; font-weight: 300 !important;  text-align: center; }
.case_actu a .lecontenu{font: 14px/22px 'Lato', sans-serif !important; color:#5e5a54; 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;}
}

.cat_content{display: none;}
.cat_content.on{display: block;}

/* ########### */
/*    Galerie     */
/* ########### */
.unegalerie{width: 100%; display: block; float: left; }
.unegalerie .col1{width: calc(100% / 3 * 2); float: left; display: block; position: relative; height: 660px;}
.unegalerie .col2{width: calc(100% / 3); float: left; display: block; position: relative; height: 660px;}
.unegalerie .col1 .galeriecase, .unegalerie .col2 .galeriecase{ display: block; position: relative; float: left; overflow: hidden;}
.unegalerie .col1 .galeriecase a, .unegalerie .col2 .galeriecase a{display: block; background: #391111; height: 100%;}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6{width: calc(100% - 30px);}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1{margin-right: 30px; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6{margin-left: 30px; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8{width: calc(100% / 2 - 30px); margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3{margin-right: 30px;}
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8{margin-left: 30px;}
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5{ width: 100%; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{background: #ceb187;}

.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6,
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8,
.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{height: 300px;}
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5{height: 630px;}

.unegalerie .col1 .galeriecase img, .unegalerie .col2 .galeriecase img{max-width: inherit !important;transition : all 0.2s linear;}
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img,
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{ position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;  }
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img{width: 100%; height: auto;}
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{height: 100%; width: auto;}
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img{height: 100%; width: auto;}

.unegalerie .col1 .galeriecase.casetitre .bordure, .unegalerie .col2 .galeriecase.casetitre .bordure{margin: 14px; width: calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #e4d2ba;}

.unegalerie .col1 .galeriecase a:hover > img, .unegalerie .col2 .galeriecase a:hover > img{opacity: 0.5; transition : all 0.2s linear;}

.unegalerie .col1 .galeriecase a::before, .unegalerie .col2 .galeriecase a::before{opacity: 0;position: absolute; z-index: 2; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg); text-align: center;color: #FFFFFF;transition : all 0.2s linear; width: 60px; height: 60px; content: url("charte/icone-image.png");}
.unegalerie .col1 .galeriecase a:hover::before, .unegalerie .col2 .galeriecase a:hover::before{opacity: 1;transition : all 0.2s linear;transform: translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg);}

@media screen and (max-width: 560px) {
	
.unegalerie .col1{width: calc(100%); float: left; display: block; position: relative; height: auto;}
.unegalerie .col2{width: calc(100%); float: left; display: block; position: relative; height: auto;}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8,
	.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{ width: calc(100% - 60px); margin: 0px 30px 30px 30px; height: 250px;}
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img,
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
	.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{ width: 100%; max-height: inherit !important; height: auto;}
}
/*##############*/
/*    affiche_photo : shortcode    */

@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%;}
}

/*###########*/
/*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: #c7a36e;}
/*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%);}

/*##############*/
 /*Background*/
.bg_trait_or_montagne{ background: url("charte/bg_trait.png") repeat-x top; position: relative;}
.bg_trait_or_montagne::before{content: url("charte/bg-montagne-or.png"); position: absolute; display: block; top: -190px; left:  0px; z-index: 1; width: 100%; overflow: hidden;}

.bg_or_diagonal{ background: url("charte/bg-diag.jpg") no-repeat top center; background-size: cover; position: relative;}
.bg_or_diagonal2{ background: url("charte/bg-diag2.jpg") no-repeat bottom center; background-size: cover; position: relative;}

@media screen and (max-width: 1200px) {
.bg_trait_or_montagne::before{content: url("charte/bg-montagne-or-mobile.png"); position: absolute; display: block; top: -100px; left:  0px; z-index: 1;}
}
.bg_marron{background: #391112;}
.bg_or{background: #c7a36e;}

.case_design1{border: 2px solid #c7a36e; background: #f7f7f6;}

.case_design2{ border-bottom: 1px solid #f3e8d8; padding-bottom: 15px;}
.case_design2 figure.elementor-image-box-img{border-radius:500px;border: 1px solid #c7a36e; overflow: hidden;}
.case_design2 h3{font:20px/47px 'Lato', sans-serif; letter-spacing: normal; color: #391112!important; font-weight: 300; font-style: italic;  }

.img100{max-width: 100%; height: auto;}
/* float*/
.fltright{float: right;} .fltleft{float: left;}
/*##############*/
/* les boutons */
.btn1, .btn_design1 a { border: 1px solid #684500; display: inline-block; cursor: pointer; background: #684500; color: #FFFFFF; text-transform: uppercase;font:16px/47px 'Lato', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; margin: 0px 5px 0px 5px; }
.btn1:hover, .btn_design1 a:hover {  cursor: pointer; background: #FFFFFF; color: #684500; text-transform: uppercase;font:16px/47px 'Lato', sans-serif;}


.btn2, .btn_design2 a {  display: inline-block; cursor: pointer; color: #000000;font:16px/47px 'Lato', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; margin: 0px 5px 0px 5px; }
.btn2:hover, .btn_design2 a:hover, .btn2.on {  color: #c7a36e;}

.btn_retour, .btn_retour a { border-bottom: 1px solid #cbbc9d; display: inline-block; cursor: pointer; background: #ffffff; color: #58595b; text-transform: uppercase;font:16px/47px 'Lato', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; position: relative;margin: 0px 5px 0px 5px; }
.btn_retour:hover, .btn_retour a:hover {  cursor: pointer; background: #58595b; color: #ffffff; text-transform: uppercase;font:16px/47px 'Lato', sans-serif;}
.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%); }

/*##############*/
/*    TITRES    */

.titre1{width: 100%; position: relative;}
.titre1 h1,.titre1 h2,.titre1 h3,.titre1 h4{font: 45px/60px 'Lato', sans-serif !important; font-weight: 300; letter-spacing: 5px; display: inline-block; position: relative; color: #391112!important; z-index: 9; padding: 0px; margin: 0px;}

.minititre1{width: 100%; position: relative;}
.minititre1 h1,.minititre1 h2,.minititre1 h3,.minititre1 h4{font: 14px/14px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #684500 !important; z-index: 9; padding: 0px; margin: 0px; letter-spacing: normal;}
.minititre1 h1::after,.minititre1 h2::after,.minititre1 h3::after,.minititre1 h4::after{ content: url("charte/titre-trait-marron.png"); margin: 0px 0px 0px 25px;}


.titre2{width: 100%; position: relative;}
.titre2 h1,.titre2 h2,.titre2 h3,.titre2 h4{font: 30px/40px 'Lato', sans-serif !important; font-weight: 300; letter-spacing: 5px; display: inline-block; position: relative; color: #ffffff !important; z-index: 9; padding: 0px; margin: 0px;}

.titre3{width: 100%; position: relative;}
.titre3 h1,.titre3 h2,.titre3 h3,.titre3 h4,  h1.titre3, h2.titre3, h3.titre3, h4.titre3{font:30px/60px 'Lato', sans-serif !important; font-weight: 100; letter-spacing: 5px; display: inline-block; position: relative; color: #ffffff!important; z-index: 9; padding: 0px; margin: 0px 0px 10px 0px;}

.minititre2{width: 100%; position: relative;}
.minititre2 h1,.minititre2 h2,.minititre2 h3,.minititre2 h4{font: 14px/14px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #684500 !important; z-index: 9; padding: 0px; margin: 0px; color: #FFFFFF !important; letter-spacing: normal;}
.minititre2 h1::after,.minititre2 h2::after,.minititre2 h3::after,.minititre2 h4::after{ content: url("charte/titre-trait-blanc.png"); margin: 0px 0px 0px 25px;}


.minititre3{width: 100%; position: relative;}
.minititre3 h1,.minititre3 h2,.minititre3 h3,.minititre3 h4{font: 14px/14px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #684500 !important; z-index: 9; padding: 0px; margin: 0px; letter-spacing: normal;}
.minititre3 h1::after,.minititre3 h2::after,.minititre3 h3::after,.minititre3 h4::after{ content: url("charte/titre-trait-marron.png"); margin: 0px 0px 0px 25px;}
.minititre3 h1::before,.minititre3 h2::before,.minititre3 h3::before,.minititre3 h4::before{ content: url("charte/titre-trait-marron.png"); margin: 0px 25px 0px 0px;}

.minititre4{width: 100%; position: relative;}
.minititre4 h1,.minititre4 h2,.minititre4 h3,.minititre4 h4{font: 14px/14px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #ffffff !important; z-index: 9; padding: 0px; margin: 0px; letter-spacing: normal;}
.minititre4 h1::after,.minititre4 h2::after,.minititre4 h3::after,.minititre4 h4::after{ content: url("charte/titre-trait-blanc.png"); margin: 0px 0px 0px 25px;}
.minititre4 h1::before,.minititre4 h2::before,.minititre4 h3::before,.minititre4 h4::before{ content: url("charte/titre-trait-blanc.png"); margin: 0px 25px 0px 0px;}

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

 h1.product_title{font: 20px/20px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #684500 !important; z-index: 9; padding: 0px; margin: 0px; letter-spacing: normal;}
 h1.product_title::after{ content: url("charte/titre-trait-marron.png"); margin: 0px 0px 0px 25px;}
 h1.product_title::before{ content: url("charte/titre-trait-marron.png"); margin: 0px 25px 0px 0px;}

/*###############*/
/*     Image     */

.position_tampon{position: absolute; bottom:100px; left: -200px; }
.design_img1 a{ border: 10px solid #FFFFFF !important; box-shadow: 0px 0px 10px #000000 !important;}

/*##############*/
/*    bloc    */
.design_bloc1{ min-height: 326px; margin: 37px 0px 42px 0px;background: url("charte/case-design2.jpg") repeat-y top center; position: relative;}
.design_bloc1::before{position: absolute; top: -37px; background: url("charte/case-design1.jpg") no-repeat center;  content: ""; height: 37px; width: 100%; display: block; left: 0px }
/*.design_bloc1::after{position: absolute; bottom: -42px; background: url("charte/case-design3.jpg") no-repeat center;  content: ""; height: 42px; width: 100%; display: block; left: 0px }*/

@media screen and (max-width: 780px) {
.design_bloc1{ height: auto !important; margin: 0px;background:#c7a36e;; }
.design_bloc1::before{ display: none;}
.design_bloc1::after{display: none;  }
}
/*##############*/
/*    Lien galerie    */
div.elementor-image a{ background: #391112; display: block; position: relative;overflow: hidden;}
div.elementor-image  a::before{opacity: 0;position: absolute; z-index: 2; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg); text-align: center;color: #FFFFFF;transition : all 0.2s linear; width: 60px; height: 60px; content: url("charte/icone-loupe.png");}
div.elementor-image  a:hover > img{ opacity: 0.5;}
div.elementor-image  a:hover::before{opacity: 1;transition : all 0.2s linear;transform: translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg);}

/*##############*/
/*    Liste    */
ul.liste1{ }
ul.liste1 li{ list-style: circle; margin: 0px 0px 0px 20px; list-style-image: url("charte/liste-edelweiss.png");}

#breadcrumbs{ margin-left: 10px;}
#breadcrumbs a, #breadcrumbs .breadcrumb_last{font:12px/20px 'Lato', sans-serif; color: rgba(83,83,83,1.00);}


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

input, select, textarea{ border:0px; height:28px;font:13px/15px 'Lato', sans-serif; color:#3d3d3d; width:calc(98% - 6px);width: -webkit-calc(98% - 6px); margin:1%; padding:2px; float:left; background:#ede7d9 !important;}
textarea{ height: 150px !important;}

/* ######### */
/* WORDPRESS */
#wpadminbar{display: none !important;}

/* WOOCOMMERCE */

/* Flexbox */
@media screen and (max-width: 900px) 
{
	.flexbox_on{float: left; width: 100%; overflow: hidden;}
	.flexbox_on.active{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; min-height: 100%;  overflow: hidden;}
	.flexbox_on .flex_case50{float: left; width:calc(100% - 10px); max-width: calc(100% - 10px); padding: 5px; }
 	.flexbox_on .flex_case25{ flex: 1;  width:calc(100% / 4 - 13px); max-width: calc(100% / 4 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case25_2{ flex: 1;  width:calc(100% / 2 - 13px); max-width: calc(100% / 2 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case75{ flex: 1;  width:calc(100% / 2 - 13px); max-width: calc(100% / 2 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case33_2{ flex: 1;  width:calc(100% - 20px); max-width: calc(100% - 20px); padding: 10px; display: inline-block; position: relative;}
}
@media screen and (max-width: 580px) 
{
 	.flexbox_on .flex_case25_2, .flexbox_on .flex_case25,.flexbox_on .flex_case75 { flex: initial; float: left;  width:calc(100% - 10px); max-width: calc(100% - 10px); padding: 5px; display: inline-block; position: relative;}
}
@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; min-height: 100%;  overflow: hidden;}
 	.flexbox_on .flex_case33{ flex: 1;  width:calc(100% / 3 - 13px); max-width: calc(100% / 3 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case33_2{ flex: 1;  width:calc(100% / 3 - 43px); max-width: calc(100% / 3 - 43px); padding: 25px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case50{ flex: 1;  width:calc(100% / 2 - 13px); max-width: calc(100% / 2 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case75{ flex: 1;  width:calc(300% / 4 - 13px); max-width: calc(300% / 4 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case25{ flex: 1;  width:calc(100% / 4 - 13px); max-width: calc(100% / 4 - 13px); padding: 5px; display: inline-block; position: relative;}
 	.flexbox_on .flex_case25_2{ flex: 1;  width:calc(100% / 4 - 13px); max-width: calc(100% / 4 - 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;}
}
	.case_table2{display:table !important;height:100%; width: 100%;}
	.case_table2 .vertical_align2{display:table-cell;vertical-align:middle; text-align: center;}

.woocommerce-ordering, ul.tabs.wc-tabs{display: none;}

/**********/
 .produit_case{ margin: 20px 10px 0px 10px; flex: 1; padding: 0px; border-radius: 5px; background: #FFFFFF; width:calc(100% / 3 - 33px); max-width: calc(100% / 3 - 33px); border: 1px solid #cbbc9d; display: inline-block; height: 200px}
.produit_case a{display: block; position: relative; height: 100%; width: 100%;}
 .produit_case .produit_titre{ width: 100%;  position: absolute; top: 0px; left: 0px;background: rgba(255,255,255,0.71); z-index: 2;  text-align: center; font:20px/40px 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase;}
 .produit_case .produit_content{ width: 100%; height:100%; position: relative; z-index: 1;}
 .produit_case .produit_content .produit_image{ width: 100%; height: 100%; overflow: hidden !important; position: relative;background: #391112; }
.produit_case .produit_content .produit_image::before{opacity: 0;position: absolute; z-index: 2; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg); text-align: center;color: #FFFFFF;transition : all 0.2s linear; width: 60px; height: 60px; content: url("charte/icone-loupe.png");}
 .produit_case .produit_content .produit_image img{ height: 100%; position: absolute; top: 50%; left: 50%;  z-index: 1;transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);transition : all 0.2s linear; }
 .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;}

.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;transition : all 0.2s linear;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;transition : all 0.2s linear;}

@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; display: inline-block;}
}
ul.page-numbers{width: 100%; text-align: center; }
ul.page-numbers li{ display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #cbbc9d; text-align: center; font:14px/20px 'Open Sans', sans-serif; font-weight: 300;}
ul.page-numbers li a{display: block; font:14px/20px 'Open Sans', sans-serif; font-weight: 300; width: 20px; height: 20px; border-radius: 20px; background: #FFFFFF;}
ul.page-numbers li a:hover{background: #cbbc9d;}

/**********/

ul.products{ width: 100%; float: left; text-align: center; }
ul.products li.product{ border-radius: 5px; border: 1px solid #ceb187; max-width: calc(100% / 4 - 30px); display: inline-block; position: relative; padding: 5px 5px 20px 5px; margin: 5px;transition : all 0.2s linear;}
ul.products li.product:hover{box-shadow: 0px 0px 10px #b5b5b5;transition : all 0.2s linear;}
ul.products li.product a.button, a.wc-forward{border: 1px solid #684500; display: inline-block; cursor: pointer; background: #684500; color: #FFFFFF; text-transform: uppercase;font:16px/47px 'Lato', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; margin: 0px 5px 0px 5px;}

ul.products li.product a{display: block;}
ul.products li.product a.button:hover, a.wc-forward:hover {  cursor: pointer; background: #FFFFFF; color: #684500; text-transform: uppercase;font:16px/47px 'Lato', sans-serif;}
ul.products li.product .price{width: 100%; text-align: center; display: block;}

h2.woocommerce-loop-product__title{ font:20px/35px 'Lato', sans-serif; color: inherit; padding: 0px; margin: 0px; font-weight: 700; letter-spacing: normal;}

.woocommerce-Price-amount{background: #684500; color:#ffffff; padding: 5px;}

li.widget_polylang{display: inline-block;}

li.widget_shopping_cart{width: 24px; height: 24px; background: url("charte/icone-shop.png") no-repeat; display: inline-block; position: relative;}
li.widget_shopping_cart h2.widgettitle{display: none;}
li.widget_shopping_cart div.widget_shopping_cart_content{display: none; border: 1px solid #ceb187; padding: 5px; border-radius: 5px; background: #FFFFFF; color:#5e5a54; position: absolute; top: 24px; right: 0px; z-index: 99999;}

li.widget_shopping_cart:hover > div.widget_shopping_cart_content{display: block;}

div.type-product{width: 100%; float: left;}
div.type-product div.woocommerce-product-gallery, div.type-product div.entry-summary{float: left; width:calc(100% / 2 - 13px); max-width: calc(100% / 2 - 13px); padding: 5px; display: inline-block; position: relative;}
div.type-product div.woocommerce-tabs{width: 100%; float: left; margin: 50px 0px 0px 0px; }

section.related.products{float: left; width: 100%; margin: 50px 0px 50px 0px;}

.wcpa_form_outer{text-align: left;}
.wcpa_form_outer .wcpa_form_item{ float: left; width: 100%;}
.wcpa_form_outer .wcpa_form_item label{width: 100%;font: 20px/20px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #684500 !important; z-index: 9; padding: 0px; margin: 0px; letter-spacing: normal;}
 .wcpa_form_outer .wcpa_form_item label::before{ content: url("charte/titre-trait-marron.png"); margin: 0px 25px 0px 0px;}
.wcpa_form_outer .wcpa_form_item .checkbox-group, .wcpa_form_outer .wcpa_form_item .radio-group{float: left; width: 100%;}
.wcpa_form_outer .wcpa_form_item .checkbox-group .wcpa_checkbox, .wcpa_form_outer .wcpa_form_item .radio-group .wcpa_radio {float: left; width: 100%; position: relative; display: inline-block; padding: 0px 20px 0px 0px;}
.wcpa_form_outer .wcpa_form_item .checkbox-group .wcpa_checkbox label, .wcpa_form_outer .wcpa_form_item .radio-group .wcpa_radio label{width: 100%; float: inherit; font: 14px/14px 'Lato', sans-serif !important; display: inline-block; position: relative; color: #5e5a54 !important; white-space: nowrap; padding: 5px 5px 0px 0px ;}
.wcpa_form_outer .wcpa_form_item .checkbox-group .wcpa_checkbox label::before, .wcpa_form_outer .wcpa_form_item .radio-group .wcpa_radio label::before{ content: none;}

input{}
input[type=checkbox]{width: auto !important; z-index: 9999;}
.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type=checkbox]{display: none; opacity: 1 !important;}

.single_add_to_cart_button{ border: 1px solid #684500; display: inline-block; cursor: pointer; background: #684500; color: #FFFFFF; text-transform: uppercase;font:16px/47px 'Lato', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; margin: 0px 5px 0px 5px;}

.single_add_to_cart_button:hover {  cursor: pointer; background: #FFFFFF; color: #684500; text-transform: uppercase;font:16px/47px 'Lato', sans-serif;}

.related.products{display: none;}