body{overflow-x: hidden !important;line-height: normal;font-family: 'Montserrat', sans-serif;font-weight:300;background: #505050}

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

.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:5%;
}

.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{
    font-size: 30px;
}
.bt-close-pop:hover{
    opacity: 0.5;
}

/* IMAGES */

.responsive-img{
    display: inline-block;
    width: 100%;
    height:auto;
}
/* FONTS */

.font-homemade{
    font-family: 'Dancing Script', cursive;
}

/* LINES */

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

/* LAYOUT */

.wrap-content{background: #ffffff;padding-bottom: 5%}

.bt_contact_more:hover{
    color:#304738;
}

/* SIZE */

.w-100{width: 100%}
.w-90{width: 90%}
.w-85{width: 85%}
.w-80{width: 80%}
.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-30{width: 30%}
.w-25{width: 25%}
.w-20{width: 20%}
.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}

.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: 0.7}
.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-green{color:#304738}
.coul-or{color:#d8af60}
.coul-bleu{color:#ADD8E6}
.coul-gray{color:#808080}
.coul-bluesky{color:#4682B4}

/* 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-green{background-color:#304738}
.bg-coul-or{background-color:#d8af60}

/* LINKS */

a{text-decoration: none}

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


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

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

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

a.button.green{
    border:1px solid #304738;
    background: #304738;
    color:#ffffff;
}

a.button.green:hover{
    background: #304738;
}

a.button.or{
    border:1px solid #d8af60;
    background: #d8af60;
    color:#304738;
}

a.button.or:hover{
    background: #d8af60;
    color:#304738;
}

/* ALIGN */

.align-center{vertical-align: middle}
.valign-top{vertical-align: top}
.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-poiret{font-family: 'Poiret One', 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;}

/* 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;}
.fw-bolder{font-weight:900;}

/* 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}

.lh-1{line-height: 1em}
.lh-normal{line-height: normal}
.lh-vh-70{line-height: 70vh}
.lh-vh-50{line-height: 50vh}

/* FONT STYLES */

.fst-italic{font-style: italic}

/* FONT transform */

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

/* PADDINGS */

.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:0.05rem}
.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-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:0}
.pt-1{padding-top:0.35rem}
.pt-2{padding-top:0.70rem}
.pt-3{padding-top:1rem}
.pt-4{padding-top:1.35rem}
.pt-5{padding-top:1.70rem}
.pt-6{padding-top:2rem}
.pt-7{padding-top:2.35rem}
.pt-8{padding-top:2.70rem}

/* MARGINS */

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

.mt-0{margin-top:0}
.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}

.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-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}
.bo-black{border-color: #000000;}


/* 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%}
.col-content{
    width: 55%;
}

.col-content-large{
    width: 90%;
}

header{position:fixed;width: 100%;top:0;left:0;z-index: 1000}
header #top-header{background:#d8af60;line-height: inherit}
header .lang{
    font-family: 'Quicksand', sans-serif;
    font-size: 11px;
	border:1px solid #303030;
	padding:0.25em;
	margin:0 0.2em 0 0.2em;
    vertical-align: middle;
}

header .lang.active{
	background: #303030;
	color:#ffffff
}

header .lang:not(.active):hover{
	background: #E0E0E0;
	color:#332e2b
}
header #main-header{
	background: transparent;
}
header #main-header .burger{
	width: 45px;
	height:auto;
	transition:all 0.2s linear;
	cursor: pointer;
}

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

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: #fff;
	vertical-align: middle;
	transition: all 0.15s linear;

}

header #main-header .logo{
    width: 100%;
}

header #main-header .logo img{
    transition:all 0.1s linear;
    display: inline-block;
    width: 30%;
    max-width: 240px;
    min-width: 100px;
    height: auto;
}

header #main-header .bt-reserver{
    display: inline-block;
    font-family: 'Homemade Apple', cursive;
    color:#fff;
    border:1px solid #fff;
    margin-top: 0px;
    padding:10px 10px 5px 10px;
    line-height: 20px;
    transition: all 0.2s linear;
}

header #main-header .bt-reserver:hover{
    opacity: 0.5;
}

header .version-large{
    display: inline-block;
}

header .version-small{
    display: none;
}

header.fixed .version-large{
    display: none;
}

header.fixed .version-small{
    display: inline-block;
}

header.fixed .subtitle{
    display: none;
}

header.fixed #main-header .logo img{
    width: 10%;
    max-width: 70px;
    min-width: 70px;
    height: auto;
    margin-top:1%;
}

header.fixed #main-header{
    background: rgba(0,0,0,0.7);
    padding:1px !important;
}

header.fixed #main-header .burger,
header.fixed #main-header .bt-reserver
{
    margin-top:2%;
}

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:28vh;
	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:#23275e;
}

/* FOOTER */

footer{

}

footer .logo{
    display: inline-block;
    width: 100%;
    max-width: 210px;
}
footer .menu{
    display: block;
	list-style: none;
}

footer .menu li{
	margin:1% 1%;
}

footer .menu li a{
    opacity: 0.8;
	color:#f0f0f0;
    transition: all 0.2s linear;
}

footer .menu li.current a{
    color:#fff;
    font-weight: bold;
}

footer .menu li a:hover{
    opacity: 0.5;
}

footer .bt-facebook{
    display: inline-block;
    padding:3px 8px 3px 8px;
    background: #fff;
    color:#505050;
    border-radius: 3px;
}

footer .bt-facebook span,
footer .bt-facebook i
{
    display: inline-block;
    vertical-align: middle;
}

.contact-icon span{
    font-size: 15px;
}
.contact-icon i{
    border:1px solid #A0A0A0;
    padding:10px;
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 35px !important;
    text-align: center;
    border-radius: 50%;
    color:#505050;
}

.liste-plats ul{
	text-align: left;
}

.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(200,200,200,0.35);
	width: 38%;
	padding:10px;
	border:0.5px solid white;
}

/* GALERIES */

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

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

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

/* HOME */

.circle-equip{
    display: inline-block;
    width: 110px;
    height: 110px;
    border: 1px solid #d8af60;
    border-radius: 50%;
    color:#d8af60;
    font-size: 16px;
    line-height: 110px;
    margin:2% 1% 2% 1%;
}

.circle-equip .inner{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.circle-equip .inner span{
    font-weight: bold;
    font-size:25px;
}

.circle-equip .inner p{
    color:#304738;
    margin:5px 0;
}

/* LAPTOP LARGE */

@media (max-width: 1250px) {

    .col-content{
        width: 68%;
    }
}

/* LAPTOP */

@media (max-width: 1150px) {

    .col-content{
        width: 75%;
    }


	.nolaptop{
		display: none !important;
	}

	/* PAGE SIMPLE */

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

/* TABLET / PHONE */

@media (max-width: 750px) {

    .col-content{
        width:90%;
    }

    .pop{
        width: 90%;
        height:400px;
        top:10%;
        margin-top:auto;
        left:5%;
        margin-left:auto;
        z-index: 1100;
        background:#fff;
        border-radius: 5px;
    }

    .nobanner{padding-top: 100px}
	.nomob{display: none !important}
	.bgmob{background:  inherit }
	.mob{display: inline-block !important}

	.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: 85% !important;
    }

	.col-mb-12{
		width: 100% !important;
	}

	/* DISPLAY */

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

	/* SIZE MOB */

	.w-mb-30{width: 30% !important}
    .w-mb-40{width: 40% !important}
    .w-mb-50{width: 50% !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}
    .vh-mb-20{height: 20vh !important}
    .vh-mb-15{height: 15vh !important}
    .vh-mb-10{height: 10vh !important}

    .lh-vh-mb-40{line-height: 40vh !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:1.1em;}
.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;
	}

    /* HOME */

    .circle-equip{
        display: inline-block;
        width: 80px;
        height: 80px;
        border: 1px solid #d8af60;
        border-radius: 50%;
        color:#d8af60;
        font-size: 13px;
        line-height: 80px;
        margin:2% 1% 2% 1%;
    }

    .circle-equip .inner{
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

    .circle-equip .inner span{
        font-weight: bold;
        font-size:17px;
    }

    .circle-equip .inner p{
        color:#304738;
        margin:5px 0;
    }

    .contact-icon{
        margin-bottom: 10px;
    }

    .contact-icon i{
        border:1px solid #A0A0A0;
        padding:5px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 22px !important;
        text-align: center;
        border-radius: 50%;
        color:#505050;
    }
}