/* CSS Document */

/*
Theme Name:Deniola
Theme URI: https://www.deniola.com
Description: Thème développé par Net-tendance.com
Version: 1
Author: Net-tendance - Erwan Girerd
Author URI:   https://www.net-tendance.com
*/
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&family=Mulish:wght@300;400;700&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, input[type=submit]{transition : all 0.2s linear;}
body{ font:15px/24px 'Mulish', sans-serif; font-weight:300;color:#53585a;}
a{ text-decoration:none;color:#53585a;}img{ border:0px;}
@media screen and (max-width: 960px) 
{
	/*body{padding-top: 97px;}*/
}

.elementor-editor-active{margin-top: 250px;}
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 (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;}	
}

	.case_table{display:table !important;height:100%; width: 100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle; width: 100%;}

.div100{float: left; display: block; width: 100%; }
.div100_2{float: left; display: block; width: calc(100% - 20px); padding: 10px;}

/*
* Le heder
*/
.ekit-template-content-header{ position: absolute !important; top: 0px; left: 0px; z-index: 7 ; width: 100%;}
.ekit-template-content-header.fixe, body.page .ekit-template-content-header{ position: fixed !important; background: rgba(0,0,0,0.65); z-index: 999999;}
.elementor-editor-active .ekit-template-content-header{}
@media screen and (max-width: 1024px) 
{
	.ekit-template-content-header{ position: relative !important; float: left;}
	.change_couleur, .change_couleur div ul li span, .change_couleur a, .change_couleur .elementor-button-icon{ color:#53585a !important; text-shadow: none !important;}
}


@media screen and (max-width: 767px) {
	.reseaux, .lemenu{width:50% !important;}
	.hfe-nav-menu-icon i:after, .hfe-nav-menu-icon i:before{color:#FFFFFF !important;}
}

.minH200{min-height: 200px !important; display: block;}

/*
* Le footer
*/
footer{ display: block; float: left; width: 100%; color:#FFFFFF !important;}
footer a{color:#FFFFFF !important;}
.elementor-editor-active footer{}

/*
*  Menu 
*/

.unmenu{}
.unmenu ul{}
.unmenu ul li{}
.unmenu ul li a{color:#FFFFFF; font:16px/30px 'Mulish', sans-serif; font-weight:400;  padding:5px; border-bottom :1px solid transparent; margin-left: 5px; }
.unmenu ul li a:hover, .unmenu ul li.current_page_item a{ border-bottom:1px solid #dcc397; color:#dcc397; }

@media screen and (max-width: 1024px) 
{
.unmenu ul li a{color:#53585a; text-transform: uppercase; font:16px/30px 'Mulish', sans-serif; font-weight:400; letter-spacing: 2px; padding:5px; border :1px solid transparent; margin-left: 0px;text-shadow: none; text-align: center;}
.unmenu ul li a:hover, .unmenu ul li.current_page_item a{ border-bottom:1px solid #dcc397; background: #dcc397 !important; color:#FFFFFF; }
}

/*
*  Titre 
*/

h1.titre1, h2.titre1, h3.titre1, h4.titre1, .titre1 h1, .titre1 h2, .titre1 h3, .titre1 h4{font: 30px/60px 'Lora', serif; color:#53585a; text-transform: uppercase; padding: 80px 0px 20px 0px;}
h1.titre1::after, h2.titre1::after, h3.titre1::after, h4.titre1::after, .titre1 h1::after, .titre1 h2::after, .titre1 h3::after, .titre1 h4::after{content:""; height: 50px; width: 118px; background: url("charte/deco-montagne.png") no-repeat center center; position: absolute; top: 15px; left: 0px; text-align: left;}

h1.titre2, h2.titre2, h3.titre2, h4.titre2, .titre2 h1, .titre2 h2, .titre2 h3, .titre2 h4{font: 30px/60px 'Lora', serif; color:#53585a; text-transform: uppercase; padding: 80px 0px 20px 0px;}
h1.titre2::after, h2.titre2::after, h3.titre2::after, h4.titre2::after, .titre2 h1::after, .titre2 h2::after, .titre2 h3::after, .titre2 h4::after{content:""; height: 50px; width: 118px; background: url("charte/deco-montagne.png") no-repeat center center; position: absolute; top: 15px; left: calc(50% - 59px); text-align: center;}


h1.titre3, h2.titre3, h3.titre3, h4.titre3, .titre3 h1, .titre3 h2, .titre3 h3, .titre3 h4{font: 30px/60px 'Lora', serif; color:#ffffff; text-transform: uppercase; padding: 80px 0px 20px 0px;}
h1.titre3::after, h2.titre3::after, h3.titre3::after, h4.titre3::after, .titre3 h1::after, .titre3 h2::after, .titre3 h3::after, .titre3 h4::after{content:""; height: 50px; width: 118px; background: url("charte/deco-montagne-blanc.png") no-repeat center center; position: absolute; top: 15px; left: 0px; text-align: left;}
h1.titre4, h2.titre4, h3.titre4, h4.titre4, .titre4 h1, .titre4 h2, .titre4 h3, .titre4 h4{font: 30px/60px 'Lora', serif; color:#ffffff; text-transform: uppercase; padding: 80px 0px 20px 0px;}
h1.titre4::after, h2.titre4::after, h3.titre4::after, h4.titre4::after, .titre4 h1::after, .titre4 h2::after, .titre4 h3::after, .titre4 h4::after{content:""; height: 50px; width: 118px; background: url("charte/deco-montagne-blanc.png") no-repeat center center; position: absolute; top: 15px; left: calc(50% - 59px); text-align: center;}

.simple1 h1, .simple1 h2, .simple1 h3, .simple1 h4, h1.simple1, h2.simple1, h3.simple1, h4.simple1{font: 30px/60px 'Lora', serif; color:#53585a;  }
.simple2 h1, .simple2 h2, .simple2 h3, .simple2 h4, h1.simple2, h2.simple2, h3.simple2, h4.simple2{font: 30px/60px 'Lora', serif; color:#ffffff;  }

.simple3 h1, .simple3 h2, .simple3 h3, .simple3 h4, h1.simple3, h2.simple3, h3.simple3, h4.simple3{ font: 60px/70px 'Lora', cursive; color:#FFFFFF; padding: 0px; margin: 0px;text-shadow: 2px 2px 4px #000000; }

/*
*  bouton
*/

 a.btn1,  .btn1 a, button.single_add_to_cart_button, button.wpforms-submit, a.checkout-button{ color:#FFFFFF; text-transform: uppercase; font:16px/30px 'Mulish', sans-serif; font-weight:700; padding: 10px !important; position: relative; background: #dcc397; border: 0px; }
a.btn1:hover, .btn1 a:hover, button.single_add_to_cart_button:hover, button.wpforms-submit:hover, a.checkout-button:hover{color:#cbb27c; background: #FFFFFF;}

/*
* Numéros
*/

.numero{ border-top: 1px solid #e6e6e6; padding: 10px;transition : all 0.2s linear;}
.numero:hover{ border-top: 1px solid #dcc397;transition : all 0.2s linear;}
.numero .elementor-counter-number{font: 40px/60px 'Lora', serif; color:#53585a;}
.numero .elementor-counter-title{font: 16px/20px 'Mulish', sans-serif; color:#53585a;}

/* ######### */
/* DIAPORAMA */
/* ######### */
#diaporama_page{width: 100%; height: 100%; min-height: 350px; position: relative;}
#diaporama_page .diapo{float:left; width:100%; height:100%; overflow:hidden;z-index:1; position:absolute; top:0px; left:0px; display: none;}
#diaporama_page .diapo:first-child{display: block;}
#diaporama_page .diapo .bloc_txt{ top: 50%; left: 300px;  transform:translateY(-50%); -webkit-transform:translateY(-50%); position: absolute; z-index: 1;}
#diaporama_page .diapo img{ position: absolute; z-index: 1; width: auto; max-width: inherit !important; max-height: auto; height: auto; top: 50%; left:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;  }
#diaporama_page h1.titre_page{ z-index: 10;  position: absolute; bottom: 0%; left: 12%; width: 76%; text-align: center; font: 50px/50px 'Mulish', sans-serif; font-weight: 700; letter-spacing: 0px; color:#FFFFFF;text-shadow: 2px 2px 4px #000000; text-transform: uppercase; padding: 0px; margin: 0px;}

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


@media screen and (max-width: 1024px) 
{
	.hfe-nav-menu-icon i:after{content: "MENU"; color:#53585a; padding-left:10px;font: 20px/30px 'Mulish', sans-serif;}
	.ekit-template-content-header{z-index: 9999;}
	ul.hfe-nav-menu{z-index: 999999;}
	ul.hfe-nav-menu li a{text-align: center;}
	.header_logo img{max-height: 80px !important;}
}





.case_icone{text-align: center; position: relative;}
.case_icone i{color:#FFFFFF;line-height: 64px; font-size: 20px; transition : all 0.2s linear;}
.case_icone .contenu_txt{display: none; white-space: nowrap;}
a.case_icone:hover .contenu_txt{display: block; background: #FFFFFF; position: absolute; top: 65px; right: 0px; padding: 5px; border-bottom: 2px solid #dcc397;}
@media screen and (max-width: 960px) 
{
	.shopping-cart, .case_icone{display: inline-block; margin: 0px 0px 0px 0px; height: 32px; line-height: 32px; width: 32px;float: right; border-left: 1px solid #ffffff; }
	.cart-listener .cart-link{ width: 32px; height: 32px; line-height: 32px !important;}
	.footer .case_icone{ height: auto;}
	.case_icone i, .header .cart-listener .cart-link i{line-height:32px;}
.cart-listener .cart-link .count{	font-size: 10px;	width: 20px;	height: 20px;	line-height: 20px;	position: absolute;	left: 7px;	top: 30px;	border-radius: 20px;text-align: center; background: #dcc397;}
}

.nt_listing_variation{height: 200px; width: 200px; position: relative; display: none;}
.nt_listing_variation li{position: absolute; top: 0px; left: 50%; transform:  translateX(-50%); -webkit-transform: translateX(-50%) ; width: 100%; }
/*
* -----> fil d'arianne
*/
.decalage_menu{height: 107px; width: 100%; display: block; z-index: 1;}
.fil{width: calc(100% - 40px); padding: 0px 20px 0px 20px;height: 50px; margin: 0px; display: block;font: 12px/50px 'Mulish', sans-serif;  color:#343833; z-index: 2; position: relative;background: rgba(249,249,249,1.00); float: left;}
.fil a{color:#343833;font: 12px/50px 'Mulish', sans-serif;}
.fil p{padding: 0px; margin: 0px;}
@media screen and (max-width: 1024px) 
{
.decalage_menu{height: 180px; width: 100%; display: block; z-index: 1;}
}
@media screen and (max-width: 780px) 
{
.decalage_menu{height: 250px; width: 100%; display: block; z-index: 1;}
}

/*
.fil.nodecalage{width: calc(100% - 40px); padding: 0px 20px 0px 20px;height: 50px; margin: 0px; display: block;font: 12px/50px 'Mulish', sans-serif;  color:#ffffff; z-index: 2; position: relative;background: #53585a; float: left;}
.fil.nodecalage a{color:#ffffff;font: 12px/50px 'Mulish', sans-serif;}
.fil.nodecalage p{padding: 0px; margin: 0px;}*/

/*
* -----> txt
*/
.txtcenter{text-align: center;}.txtright{text-align: right;}.txtleft{text-align: left;}
.txtblanc{color:#FFFFFF !important;}

.txtbeige{color:#dcc397;}
.txtombre{text-shadow: 2px 2px 4px #000000; color: #FFFFFF;}
/*
* -----> background
*/
.bgor{background: #dcc397;}
.bgblanc{background: #ffffff;} .bggris{background: #53585a;}
.bgbeige{background:#dcc397;}
.padding10{padding: 10px;}
.margin10{margin: 10px;}
.deco_montagne::after{content: ""; position: absolute; z-index: -1; bottom: 0px; right: 30px; width: 561px; height: 236px; background: url("charte/bg-montagne.png") no-repeat center center; background-size:contain;}

/*
.case_ombre{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.case_bordure{border: 1px solid #cca05f; border-radius: 5px;}
.case_ronde{ font-size: 60px; line-height: 80px; width: 80px !important; display: inline-block; height: 80px; border-radius: 80px;background: #cca05f; position: absolute !important; top: -30px; right: -30px; color:#FFFFFF;}
*/



/*
.titre_bg1{min-height: 136px;}
.titre_bg1 h1, .titre_bg1 h2, .titre_bg1 h3, .titre_bg1 h4, h1.titre_bg1, h2.titre_bg1, h3.titre_bg1, h4.titre_bg1
{font:50px/80px  'Neuton', sans-serif; height: 100%; font-weight: 400;color: #343833;  width: 100%;z-index: 2; display: block; position: relative;  background: url("charte/bg_titre1.png") no-repeat center center;}*/


/*Titre*/



/*
* -----> bloc lien image
*/
.visionneuse a{background: #000000;}
.visionneuse a:hover img{ opacity: 0.8;transition : all 0.2s linear;}
.visionneuse .swiper-slide::after{content:""; opacity: 0; transition : all 0.2s linear;}
.visionneuse .swiper-slide:hover::after{content:""; width: 50px; z-index: 2; height: 50px; background: url("charte/icone-plus.jpg"); position: absolute; top: 10px; left: 10px;opacity: 1; transition : all 0.2s linear;}

/*
* -----> box
*/

.box1 .elementor-image-box-title{font: 25px/35px 'Lora', serif; color:#53585a; padding: 0px; margin: 0px;}
.box1 .elementor-image-box-description{font: 16px/20px 'Mulish', sans-serif; color:#53585a;}

/*
* -----> bloc_txt
*/

.bloc_txt1 > div{max-width: 600px; padding: 0px 10px 0px 10px; margin: auto;}

.xlarge{font:20px/30px 'Mulish', sans-serif; font-weight:300;}
.xxlarge{font:26px/38px 'Mulish', sans-serif; font-weight:300;}
.xxxlarge{font:34px/50px 'Mulish', sans-serif; font-weight:300;}

.w100{font-weight: 100;}
.w300{font-weight: 300;}
.w500{font-weight: 500;}
.w700{font-weight: 700;}
.w900{font-weight: 900;}

/*
* Formulaire contact
*/
.wpforms-submit-container{display: inline-block;}

.wpforms-form{}
.wpforms-form label{}
.wpforms-form input{ border: 1px solid #dcc397 !important;}
.wpforms-form textarea{ border: 1px solid #dcc397 !important;}



.dialog-type-lightbox .dialog-widget-content{width:100% !important;}