body{overflow-x: hidden !important;font-family: 'Quicksand', sans-serif;line-height: normal}

.noscroll{overflow: hidden}
.bgmob{background: none }
.mob{display: none}

.overlay{
    display: none;
    position:fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0.6);
}

.overlay.on{
    display: block;
}

.pop{
    display: none;
    position:fixed;
    width: 600px;
    height:400px;
    top:50%;
    margin-top:-200px;
    left:50%;
    margin-left: -300px;
    z-index: 1100;
    background:#fff;
    border-radius: 5px;
}

.pop.on{
    display: block;
}

.pop-content{
    padding:2% 5% 5% 5%;
}

.pop h3{
    color:#713731;
    margin-top: 2% !important;
}
.pop .link{
    color:#4682B4;
    font-weight: bold;
}
.bt-close-pop{
    display: block;
    position: absolute;
    right:2%;top:2%;
    cursor: pointer;
    transition: opacity 0.2s linear;
}

.bt-close-pop i{
    color:#713731;
    font-size: 30px;
}
.bt-close-pop:hover{
    opacity: 0.5;
}
/* LINES */

.line_sep{border-bottom: 0.5px solid black;height:1px;font-size: 0px}

/* LAYOUT */

/* SIZE */

.w-100{width: 100%}
.w-95{width: 95%}
.w-90{width: 90%}
.w-85{width: 85%}
.w-75{width: 75%}
.w-60{width: 60%}
.w-50{width: 50%}
.w-49{width: 49%}
.w-48{width: 48%}
.w-45{width: 45%}
.w-40{width: 40%}
.w-35{width: 35%}
.w-32{width: 32%}
.w-33{width: 33%}
.w-30{width: 30%}
.w-25{width: 25%}
.w-15{width: 15%}
.w-12{width: 12%}
.w-11{width: 11%}
.w-10{width: 10%}
.w-8{width: 8%}

.w-4{width: 4%}
.w-2{width: 2%}

/* VIEW PORT SIZE */

.vh-100{height: 100vh}
.vh-70{height: 70vh}
.vh-60{height: 60vh}
.vh-50{height: 50vh}
.vh-40{height: 40vh}
.vh-25{height: 25vh}
.vh-20{height: 20vh}
.vh-15{height: 15vh}
.vh-10{height: 10vh}

.vw-100{width: 100vw}
.vw-50{width: 50vw}
.vw-25{width: 25vw}
.vw-80{width: 80vw}
.vw-60{width: 60vw}
.vw-70{width: 70vw}

/* DISPLAYS */

.d-inlbl{display: inline-block}
.d-tblcell{display: table-cell !important}

/* Transitions */
.transi{transition: all 0.3s linear}
.transi-opacity:hover{opacity: 1}
.transi-scale{}
.transi-scale:hover{transform: scale(1.2)}

.v-align-top{
	vertical-align: top;
}
/* Transform */

/* BOX */

.box-border{box-sizing: border-box}

/* COLORS */

.coul-white{color:#ffffff}
.coul-black{color:#000000}
.coul-charbon{color:#332e2b}
.coul-inherit{color:inherit}
.coul-maron{color:#9d968e}
.coul-maron-clair{color:#997b49}

/* BACKGROUNDS */

.bg-coul-white{background-color: #ffffff}
.bg-coul-black{background-color: #000000}
.bg-coul-charbon{background-color: #332e2b}
.bg-coul-maron{background-color:rgba(157, 150, 142,0.1)}
.bg-coul-maron-full{background-color:#713731}
.bg-coul-maron-clair{background-color: #997b49}

.bg-opacity::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}

.bg-opacity-05::before {
	opacity: 0.5;
}

.bg-opacity-04::before {
	opacity: 0.4;
}

.bg-opacity-03::before {
	opacity: 0.3;
}

.bg-opacity-02::before {
	opacity: 0.2;
}

.bg-opacity-01::before {
	opacity: 0.1;
}

/* LINKS */

a{text-decoration: none}

div.button,a.button{text-align: center;display: inline-block;padding: 0.5rem 1rem 0.5rem 1rem;border:1px solid #332e2b}


div.button:hover,a.button:hover{
	background: #332e2b;
	color:#ffffff;
}

div.button.white,a.button.white{
	border:1px solid #F0F0F0;
	color:#F0F0F0;
}

div.button.maron,a.button.maron{
	border:1px solid #9d968e;
	color:#9d968e;
}

div.button.maron-clair,a.button.maron-clair{
	border:1px solid #997b49;
	color:#997b49;
}

div.button.maron-clair-fill,a.button.maron-clair-fill{
	border:1px solid #ffff;
	background:#997b49;
	color:#fff;
}

/* ALIGN */

.align-center{vertical-align: middle}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

/* FONT FAMILY */

.ff-quick{font-family: 'Quicksand', sans-serif;}
.ff-pacifico{font-family: 'Pacifico', cursive;}
.ff-tangerine{font-family: 'Tangerine', cursive;}

/* FONT SIZE */

.fs-sm{font-size:0.7em;}
.fs-xsm{font-size:0.8em;}
.fs-normal{font-size:1em;}
.fs-xnormal{font-size:1.1em;}
.fs-medium{font-size:1.3em;}
.fs-xmedium{font-size:1.5em;}
.fs-large{font-size:1.8em;}
.fs-xlarge{font-size:2.5em;}
.fs-big{font-size:4em;}
.fs-xbig{font-size:5em;}
.fs-xxbig{font-size:6em;}

.lh-normal{line-height: 1em}

/* FONT WEIGHT */

.fw-thin{font-weight:200;}
.fw-normal{font-weight:300;}
.fw-large{font-weight:400;}
.fw-xlarge{font-weight:500;}
.fw-bold{font-weight:600;}

/* LETTER SPACING */

.ls-1{letter-spacing: 1px}
.ls-2{letter-spacing: 2px}
.ls-3{letter-spacing: 3px}
.ls-4{letter-spacing: 4px}
.ls-5{letter-spacing: 5px}
.ls-6{letter-spacing: 6px}
.ls-7{letter-spacing: 7px}
.ls-8{letter-spacing: 8px}

/* FONT STYLES */

.fst-italic{font-style: italic}

/* FONT transform */

.ftr-up{text-transform: uppercase}
.ftr-low{text-transform: lowercase}

/* PADDINGS */

.p-0{padding:0rem}
.p-1{padding:0.35rem}
.p-2{padding:0.70rem}
.p-3{padding:1rem}
.p-4{padding:1.35rem}
.p-5{padding:1.70rem}
.p-6{padding:2rem}
.p-7{padding:2.35rem}
.p-8{padding:2.70rem}

.pl-0{padding-left:0rem !important}
.pl-1{padding-left:0.35rem}
.pl-2{padding-left:0.70rem}
.pl-3{padding-left:1rem}
.pl-4{padding-left:1.35rem}
.pl-5{padding-left:1.70rem}
.pl-6{padding-left:2rem}
.pl-7{padding-left:2.35rem}
.pl-8{padding-left:2.70rem}

.pr-0{padding-right:0rem !important}
.pr-1{padding-right:0.35rem}
.pr-2{padding-right:0.70rem}
.pr-3{padding-right:1rem}
.pr-4{padding-right:1.35rem}
.pr-5{padding-right:1.70rem}
.pr-6{padding-right:2rem}
.pr-7{padding-right:2.35rem}
.pr-8{padding-right:2.70rem}

.pb-0{padding-bottom:0}
.pb-1{padding-bottom:0.35rem}
.pb-2{padding-bottom:0.70rem}
.pb-3{padding-bottom:1rem}
.pb-4{padding-bottom:1.35rem}
.pb-5{padding-bottom:1.70rem}
.pb-6{padding-bottom:2rem}
.pb-7{padding-bottom:2.35rem}
.pb-8{padding-bottom:2.70rem}

.pt-0{padding-top:0rem}
.pt-20{padding-top:6rem}
.pt-30{padding-top:12%}

/* MARGINS */

.m-0{margin: 0px}
.m-1{margin:0.35rem}

.mt-0{margin-top:0rem}
.mt-1{margin-top:0.35rem}
.mt-2{margin-top:0.70rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.35rem}
.mt-5{margin-top:1.70rem}
.mt-6{margin-top:2rem}
.mt-7{margin-top:2.35rem}
.mt-8{margin-top:2.70rem}
.mt-9{margin-top:3rem}
.mt-10{margin-top:3.35rem}
.mt-11{margin-top:3.70rem}
.mt-12{margin-top:4rem}
.mt-20{margin-top:8rem}

.mb-0{margin-bottom:0}
.mb-1{margin-bottom:0.35rem}
.mb-2{margin-bottom:0.70rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.35rem}
.mb-5{margin-bottom:1.70rem}
.mb-6{margin-bottom:2rem}
.mb-7{margin-bottomtop:2.35rem}
.mb-8{margin-bottom:2.70rem}
.mb-9{margin-bottom:3rem}
.mb-10{margin-bottom:3.35rem}
.mb-11{margin-bottom-top:3.70rem}
.mb-12{margin-bottom:4rem}

.ml-1{margin-left:0.35rem}
.ml-2{margin-left:0.70rem}
.ml-3{margin-left:1rem}
.ml-4{margin-left:1.35rem}
.ml-5{margin-left:1.70rem}
.ml-6{margin-left:2rem}
.ml-7{margin-left:2.35rem}
.ml-8{margin-left:2.70rem}
.ml-9{margin-left:3rem}
.ml-10{margin-left:3.35rem}
.ml-11{margin-left:3.70rem}
.ml-12{margin-left:4rem}

.mr-1{margin-right:0.35rem}
.mr-2{margin-right:0.70rem}
.mr-3{margin-right:1rem}
.mr-4{margin-right:1.35rem}
.mr-5{margin-right:1.70rem}
.mr-6{margin-right:2rem}
.mr-7{margin-right:2.35rem}
.mr-8{margin-right:2.70rem}
.mr-9{margin-right:3rem}
.mr-10{margin-right:3.35rem}
.mr-11{margin-right:3.70rem}
.mr-12{margin-right:4rem}

/* BORDERS */

.bo-2{border:2px solid !important}
.bo-1{border:1px solid}
.bo-0{border:0px}

.bol-1{border-left:1px solid}
.bot-1{border-top:1px solid}
.bor-1{border-right:1px solid}
.bob-1{border-bottom:1px solid}

.bo-white{border-color: #ffffff !important}
.bo-black{border-color: #000000 !important;}


/* COLS */

.col{display: inline-block;}
.col-1{width:8.3333%}
.col-2{width:16.6666%}
.col-3{width:25%}
.col-4{width:33.3333%}
.col-5{width:41.6666%}
.col-6{width:50%}
.col-7{width:58.3333%}
.col-8{width:66.6666%}
.col-9{width:75%}
.col-10{width:83.3333%}
.col-11{width:91.6666%}
.col-12{width:100%}

/* HEADER NOEL */

.block-noel{
    width: 100vw;
    background: #ffffff;
    padding:1% 0 1% 0;
    border-bottom:2px solid #bb8e4b;
    z-index: 10;
    position: relative;
}

.block-noel .block-noel-left,
.block-noel .block-noel-middle,
.block-noel .block-noel-right{
    display: inline-block;
    vertical-align: middle;

}

.block-noel .block-noel-middle{
    margin:0 5% 0 5%;
}

.block-noel .item-block-noel{
    margin: 30px 0 30px 0;
}

.block-noel .item-block-noel span{
    font-size: 1.5em;
    line-height: 1.1em;
}

.bt-noel{
    display: inline-block;
    margin-top: 5%;
    border:1px solid #bb8e4b;
    padding:10px;
    background: #ffffff;
    color:#000000;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 0.8em;
    transition:all 0.2s linear;
}

.bt-noel:hover{
    background:  #bb8e4b;
    color:#ffffff;
}

/* HEADER */

header{position:fixed;width: 100%;top:0;left:0;z-index: 1000}
header #top-header{background:rgba(157, 150, 142,0.9);line-height: inherit;font-weight: 600;}
header #top-header .lang{
	border:1px solid #E0E0E0;
	padding:0.40em;
	margin:0 0.2em 0 0.2em;
	font-weight: 800;
}

header #top-header .lang.active{
	background: #404040;
	color:#ffffff;
	font-weight: 600;
}

header #top-header .lang:not(.active):hover{
	background: #404040;
	color:#ffffff
}
header #main-header{
	background: rgba(255,255,255,1)
}

header #main-header .col-left-head,
header #main-header .col-right-head
{
	width: 30% !important;
}

header #main-header .col-middle-head{
	width: 40% !important;
}

header #main-header .burger{
	width: 45px;
	height:auto;
	transition:all 0.4s linear;
	cursor: pointer;
}

header #main-header .burger:hover span{
	background: #793f3e;
	margin: 0.6rem 0 0.6rem 0 ;
}

header #main-header .burger:hover span:first-of-type{
	margin: 0.3rem 0 0.6rem 0 ;
}

header #main-header .burger .label{
	transition: all 0.2s ease;
}

header #main-header .burger:hover > .label{
	opacity: 0;
	font-size: 0px;
}

header #main-header .burger div{display: none}

header #main-header .burger.close span{display: none}
header #main-header .burger.close div{display: block}

header #main-header .burger span{
	display: block;
	width: 100%;
	height: 3px;
	line-height: normal;
	margin: 0.4rem 0 0.4rem 0 ;
	padding: 0;
	background: #332e2b;
	vertical-align: middle;
	transition: all 0.15s linear;

}

header #main-header .burger span:last-of-type{
	margin: 0.4rem 0 0.2rem 0 ;
}



nav{position: fixed;top:0;bottom:0;left:0vw;width: 0vw;background: #ffffff;transition: width 0.2s linear;text-align: right;overflow: hidden;z-index: 900}
nav.open{left:0;width: 50vw;z-index: 900}
nav ul{
	list-style: none;
	display: inline-block;
	width: 50%;
	text-align: left;
	margin-top:18vh;
	opacity: 0;
}

nav ul li{list-style: none;margin:0.7rem 0 0.7rem 0;}
nav ul a{
	display: block;
	color:#332e2b;
	text-transform: uppercase;
	font-size:1.3rem;
	transition: all 0.15s linear;
}

nav ul li a:hover{
	margin-left:10px;
	color:#793f3e;
}

/* FOOTER */

footer{
	background:#000000;
}

footer .menu{
	list-style: none;
}

footer .menu li{
	display: inline-block;
	margin:1% 1%;
}

footer .menu li a{
	color:#f0f0f0;
}

.liste-plats ul{
	list-style: none;
	text-align: left;
	padding: 0;
}

.liste-plats ul li{
	margin:2% 0;

    font-weight:300;
}

.liste-plats ul li strong{
    font-weight: bold;
}



/* INFOS MESSAGES */

.infos-message{
	color:#FFFFFF;
	background: rgba(50,50,50,0.9);
	width: 70%;
	padding:10px;
	border:0px solid white;
}

/* GALERIES */

.galerie-item{
	width: calc(100% / 3 - 3vw - 1px);
	margin: 1.5vw;
	height: 30vw;
}

.animate__animated.animate__delay-05s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

/* LIENS */

.section-liens{

}

.section-liens a{
	color:#713731;
	border-bottom:0.5px solid #713731;
}

/* PAGE SIMPLE */

.titre-page-simple{
	margin-top:8%;
}

/* LAPTOP */

@media (max-width: 1300px) {
	
	.pt-30{padding-top:12%}
}
	
@media (max-width: 1150px) {

	.nolaptop{
		display: none !important;
	}

	/* PAGE SIMPLE */

	.titre-page-simple{
		margin-top:11%;
	}
	
	.pt-30{padding-top:13%}
	
	
}

@media (max-width: 950px) {
	header #main-header .col-left-head, header #main-header .col-right-head {
		width: 24% !important;
	}
	
	header #main-header .col-middle-head{
		width: 52% !important;
	}
	
	.infos-message{
		width: 80%;
		padding:8px;
	}
}

/* TABLET / PHONE */

@media (max-width: 750px) {

	.nomob{display: none !important}
	.bgmob{background:  inherit }
	.mob{display: inline-block !important}

	/* HEADER NOEL */

	.block-noel{
    	width: 100vw;
		background: #ffffff;
		padding:1% 0 1% 0;
		border-bottom:2px solid #bb8e4b;
		z-index: 10;
		position: relative;
	}

	.block-noel .block-noel-left,
	.block-noel .block-noel-middle,
	.block-noel .block-noel-right{
    	display: inline-block;
		vertical-align: middle;
		margin:0 2% 0 2%;

	}

	.block-noel .block-noel-middle{
    	margin:0 5% 0 5%;
	}

	.block-noel .item-block-noel{
    	margin: 30px 0 30px 0;
	}

	.block-noel .item-block-noel span{
    	font-size: 1em;
		line-height: 1.1em;
	}

	.bt-noel{
    	display: inline-block;
		margin-top: 5%;
		border:1px solid #bb8e4b;
		padding:10px;
		background: #ffffff;
		color:#000000;
		border-radius: 5px;
		text-transform: uppercase;
		font-size: 0.7em;
		transition:all 0.2s linear;
	}

	.bt-noel:hover{
    	background:  #bb8e4b;
		color:#ffffff;
	}


	header #main-header .col-left-head, header #main-header .col-right-head {
    	width: 17% !important;
	}

	header #main-header .col-middle-head{
		width: 66% !important;
	}
	
	.w-headtext-mob{
		width: 40% !important;
	}
    .pop{
        width: 90%;
        height:400px;
        top:10%;
        margin-top:auto;
        left:5%;
        margin-left:auto;
        z-index: 1100;
        background:#fff;
        border-radius: 5px;
    }
	.wrap-lang{
		width: 100%;
		padding-bottom: 4%;
		border-bottom: 1px solid #F0F0F0;
	}
	.wrap-lang .lang{
	border:1px solid #E0E0E0;
	padding:0.35em;
	font-size:0.8rem;
	margin:0 0.3em 0 0;
}

.wrap-lang  .lang.active{
	background: #E0E0E0;
	color:#332e2b
}


	/* COLS MOB */

	.col-mb-9{
		width: 75% !important;
	}

	.col-mb-10{
		width: 83% !important;
	}
	
	.col-mb-11{
		width: 92% !important;
	}
	
	.col-mb-12{
		width: 100% !important;
	}

	/* DISPLAY */

	.d-mb-inlbl{
		display: inline-block !important;
	}

	/* SIZE MOB */

	.w-mb-15{width: 15% !important}
	.w-mb-20{width: 20% !important}
	.w-mb-30{width: 30% !important}
	.w-mb-85{width: 85% !important}
	.w-mb-75{width: 75% !important}
	.w-mb-100{width: 100% !important}

	.vh-mb-100{height: 100vh !important}
	.vh-mb-70{height: 70vh !important}
	.vh-mb-60{height: 60vh !important}
	.vh-mb-50{height: 50vh !important}
	.vh-mb-40{height: 40vh !important}
	.vh-mb-25{height: 25vh !important}

	/* MARGINS */
	.m-mb-0{margin:0 !important}
	.mt-mb-1{margin-top:0.35rem !important}
	.mt-mb-2{margin-top:0.70rem !important}
	.mt-mb-3{margin-top:1rem !important}
	.mt-mb-4{margin-top:1.35rem !important}
	.mt-mb-5{margin-top:1.70rem !important}
	.mt-mb-6{margin-top:2rem !important}
	.mt-mb-7{margin-top:2.35rem !important}
	.mt-mb-8{margin-top:2.70rem !important}
	.mt-mb-9{margin-top:3rem !important}
	.mt-mb-10{margin-top:3.35rem !important}
	.mt-mb-11{margin-top:3.70rem !important}
	.mt-mb-12{margin-top:4rem !important}

	/* FONT SIZE */

.fs-sm{font-size:0.7em;}
.fs-normal{font-size:0.7em;}
.fs-xnormal{font-size:0.9em;}
.fs-medium{font-size:0.9em;}
.fs-xmedium{font-size:1.1em;}
.fs-large{font-size:1.3em;}
.fs-xlarge{font-size:1.5em;}
.fs-big{font-size:2.5em;}

	.animate__animated:not(.menu):not(.force-anim) {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	header #top-header{display: none}

header #main-header .burger{
	width: 30px;
	height:30px;
	transform: scale(0.8);
	transition:all 0.2s linear;
	cursor: pointer;
}



nav.open{left:0;width: 80vw;z-index: 900}
nav ul{
	width: 90%;
	margin-top:10vh;
}

nav ul a{
	font-size:1rem;
}

	.galerie-item{
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 5vw - 1px);
		height: 40vw;
		margin: 2.5vw;
	}

}