@font-face {
font-family: "Marketing Script";
src: url("../rsc/MarketingScript.ttf") format("truetype");
}

@font-face {
font-family: "Bebas Kai";
src: url("../rsc/BebasKai.ttf") format("truetype");
}

body a{
	text-decoration: none;
}

body{
	height: auto;
    width: 100%;
	margin: 0;
	overflow-x: hidden;
	background-color: #e4b395;
}

ul{
	list-style: none;
}

h2{
	font-size: 61.58px;
	font-family: "Marketing Script";
	color: rgb(230, 233, 232);
	line-height: 1.048;
	text-align: center;
	text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.36);
	-moz-transform: matrix( 0.80176657822775,0,0,0.80176657822775,0,0);
	-webkit-transform: matrix( 0.80176657822775,0,0,0.80176657822775,0,0);
	-ms-transform: matrix( 0.80176657822775,0,0,0.80176657822775,0,0);
	position: relative;
	letter-spacing: 3px;
}

.overlay-noise::before{
	background:url("../rsc/noise2.png") repeat scroll 0 0 rgba(0,0,0,0.01);
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	opacity: 0.6;
	transition: opacity 0.3s linear 0s;
}

.overlay-noise-trans::before{
	opacity: 0;
	transition: opacity 0.3s linear 0s;
}

.overlay {
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2; /
    cursor: pointer;
	pointer-events: none;
	transition: background-color 0.3s ease-in 0s;
}

.overlay2 {
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2; /
    cursor: pointer;
	pointer-events: none;
	transition: background-color 0.3s ease-in 0s;
}


/*---------------------COOKIES---------------------*/



.cookies-container {
	display: none;
	position: fixed;
	height: 0;
	width: 100%;
	z-index: 65;
	background: #EDDCCD;
	display: flex;
	bottom: 0;
}

	.cookies-inner {
		display: flex;
		flex-direction: row;
		width: 70%;
		margin-top: ;
		margin: auto;
		height: 79%;
	}

		.cookies-disclaimer {
			margin: auto 10px auto auto;
		}

			.cookies-disclaimer > p:nth-child(1) {
				font-family: bebas kai;
				color: #61120d;
			}

		.cookies-mb {
			width: 19%;
			height: 62%;
			display: flex;
			flex-direction: row;
			margin: auto auto auto 0;
		}

			.cookies-custom {
				background: #9C6262;
				display: flex;
				margin: auto;
				height: 100%;
				width: 45%;
			}

				.cookies-custom > p:nth-child(1) {
					font-family: bebas kai;
					margin: auto;
					color: white;
				}

			.cookies-accept {
				background: #61120d;
				display: flex;
				margin: auto;
				height: 100%;
				width: 45%;
				cursor: pointer;
			}

				.cookies-accept > p:nth-child(1) {
					margin: auto;
					color: white;
					font-family: bebas kai;
				}



/*---------------------MENU---------------------*/

.nav-container-mb{
	display: none;
	pointer-events: none;
}

.nav-container{
	height: 78px;
	width: 100%;
	margin: 0 auto;
	z-index: 99;
	position: fixed;
	transition: margin-top 0.3s ease-out 0s;
	top: 0;
}

.nav-ul{
	height: 100%;
	width: 1064px;
	padding: 0;
	margin: 0 auto;	
}

.nav-ul li{
	float: left;

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: center;

align-items: center;
}

.nav-side1{
	height: 100%;
	width: 110px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-side1.png") no-repeat scroll center center / 100% auto;
}

.nav-side2{
	height: 100%;
	width: 110px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-side2.png") no-repeat scroll center center / 100% auto;
}

.nav-tile1{
	height: 100%;
	width: 233px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-tile2.png") no-repeat scroll center center / 100% auto;
	margin-left: -44px;
}

/*
.nav-tiles-li-left1:hover, .nav-tiles-li-left2:hover,.nav-tiles-li-right1:hover,.nav-tiles-li-right2:hover{
	background: #400C08;
}
*/

.nav-tile2{
	height: 100%;
	width: 277px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-tile1.png") no-repeat scroll center center / 100% auto;
	margin-left: -44px;
}

.nav-tile2 div{
	margin-right: 34px;
}

.nav-tile3{
	height: 100%;
	width: 278px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-tile3.png") no-repeat scroll center center / 100% auto;
	margin-right: -46px;
}

.nav-tile3 div{
	margin-left: 37px;
}

.nav-tile4{
	height: 100%;
	width: 235px;
	background: rgba(0, 0, 0, 0) url("../rsc/menu-tile4.png") no-repeat scroll center center / 100% auto;
	margin-right: -46px;
}

/*
.nav-tile-logo{
	height: 100%;
	width: 440px;
	background: #440d08;
	-webkit-clip-path: polygon(0 0, 100% 0, 84% 100%, 16% 100%);
	clip-path: polygon(0 0, 100% 0, 84% 100%, 16% 100%);
	margin-left: -44px;
}
*/

.nav-logo{
  background: rgba(0, 0, 0, 0) url("../rsc/logo.png") no-repeat scroll 0 0 / 100% auto;
    height: 134px;
    width: 174px;
	float: left;
	margin: 0 0 0 -620px;
}



.nav-sep-left{

	width: 45px;
	background: #f0d3b9;
	-webkit-clip-path: polygon(-72% 0px, -69% 0px, 93% 100%, 90% 100%);
    clip-path: polygon(-72% 0px, -69% 0px, 93% 100%, 90% 100%);
	float: left;
    position: relative;
    top: -140px;
	height: 140px;
}

.nav-sep-right{
	
	width: 45px;
	background: #f0d3b9;
	-webkit-clip-path: polygon(173% 0px, 169% 0px, 3% 100%, 7% 100%);
    clip-path: polygon(173% 0px, 169% 0px, 3% 100%, 7% 100%);
	float: right;
    position: relative;
	top: -140px;
	height: 140px;  
}

.nav-font {
	font-size: 24px;
	font-family: "Marketing Script";
	color: rgb(230, 233, 232);
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.36);
	letter-spacing: 2px;
	margin: auto auto;
}

.cafe{
	left: 69px;
}
.event{
	left: 69px;
}
.commu{
	left: 101px;
}
.carte{
	left: 66px;
}

/*---------------------BACKTOP---------------------*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 66;
}
#return-to-top i {
    color: #61130C;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(255, 255, 255, 0.9);
}
#return-to-top:hover i {
    color: #61130C;
	top: 5px;
}


/*---------------------LECAFE/SLIDER---------------------*/

#slider-mb{
	display: none;
}
	
#slider{
	height: 1020px;
	width: 100%;
	z-index: 4;
	position: relative;
	overflow-x: hidden;
}

/*SLIDER IMAGES*/

.slider-container{
	height: 1020px;
	position: absolute;
	z-index: -2;	
}

.slider-container ul{
	height: 100%;
	width: 1903px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 0px;
}

.slider-container li{
	height: 100%;
	width: 1903px;
	float: left;	
}


/*SLIDER DETAILS*/

.slider-details-container{
	height: 100%;
	position: absolute;
	z-index: -1;
	overflow-x: hidden;
}

.slider-details-container ul{
	height: 100%;
	width: 1903px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 0;
	overflow-x: hidden;
}

.slider-details-container li{
	height: 100%;
	width: 1902px;
	float: left;
	position: absolute;
	display: flex;
	overflow: hidden;
	transition: background-position 0.5s ease-out 0s;
}

	.slider-details-container > ul:nth-child(1) > li:nth-child(1) {

		background: rgba(0, 0, 0, 0) url("../rsc/1stpanel.jpg") no-repeat fixed center center / cover;
		z-index: 8;
	}

	.slider-details-container > ul:nth-child(1) > li:nth-child(2) {
		background: rgba(0, 0, 0, 0) url("../rsc/2ndpanel.jpg") no-repeat fixed center center / cover;
		z-index: 6;
	}

	.slider-details-container > ul:nth-child(1) > li:nth-child(3) {
		background: rgba(0, 0, 0, 0) url("../rsc/3rdpanel.jpg") no-repeat fixed center center / cover;
		z-index: 4;
	}	

	.slider-details-container > ul:nth-child(1) > li:nth-child(4) {
		background: rgba(0, 0, 0, 0) url("../rsc/4thpanel.jpg") no-repeat fixed center center / cover;
		z-index: 2;
	}


.slider-arrows{
	height: 1020px;
	width: 100%;
	position: absolute;
	z-index: 1;
	pointer-events: none;
	display: flex;
}

	.slider-arrows>.prev{
		height: 82px;
		width: 43px;
		background: rgba(0, 0, 0, 0) url("../rsc/leftarrow.png") no-repeat scroll 0 0 / 100% auto;
		position: relative;
		left: 26px;
		margin: auto auto auto 0;
	}

	.slider-arrows>.next{
		height: 82px;
		width: 43px;
		background: rgba(0, 0, 0, 0) url("../rsc/rightarrow.png") no-repeat scroll 0 0 / 100% auto;
		position: relative;
		left: -26px;
		margin: auto 0 auto auto;
	}

.blackbars{
	height: 1020px;
	width: 100%;
	position: absolute;
	display: flex;
}

	.blackbar-left{
		height: 100%;
		width: 152px;
		background: rgba(0, 0, 0, 0) url("../rsc/leftblackbar.png") no-repeat scroll 0 0 / 100% auto;
		opacity: 0;
		transition: opacity 0.3s ease-in 0s;
		cursor: pointer;
	}

	.blackbar-right{
		height: 100%;
		width: 152px;
		background: rgba(0, 0, 0, 0) url("../rsc/rightblackbar.png") no-repeat scroll 0 0 / 100% auto;
		opacity: 0;
		transition: opacity 0.3s ease-in 0s;
		cursor: pointer;
		margin: auto 0 auto auto;
	}

.slider-details{
	height: 178px;
	width: 475px;
	background: rgba(0, 0, 0, 0) url("../rsc/sliderdetails-bg.png") no-repeat scroll 0 0 / 100% auto;
	position: relative;
	margin: auto auto -200px 197px;
	display: flex;
	transition: margin 0.3s ease-out 0.5s;
}

.slider-details1 {
	margin-bottom: 134px;
}

	.slider-details h1, .slider-details p{
		 font-size: 24px;
		font-family: "Marketing Script";
		color: rgb(230, 233, 232);
		text-align: left;
		font-weight: normal;
	}

		.slider-details1>h1{
			margin: auto 12px auto auto;
		}

		.slider-details2>p{
			margin: auto 14px auto auto;
		}

		.slider-details3>p{
			margin: auto 18px auto auto;
		}

		.slider-details4>p{
			margin: auto 18px auto auto;
		}

			.slider-details h1>span, .slider-details p>span{
				color: #7d1513;
			}

	.slider-details1>.icon{
		height: 56px;
		width: 55px;
		background: rgba(0, 0, 0, 0) url("../rsc/1stpanel-icon.png") no-repeat scroll 0 0 / 95% auto;
		position: relative;
		top: 42px;
		left: -7px;
	}

	.slider-details2>.icon{
		height: 74px;
		width: 55px;
		background: rgba(0, 0, 0, 0) url("../rsc/2ndpanel-icon.png") no-repeat scroll 0 0 / 100% auto;
		position: relative;
		top: 37px;
		left: -18px;
	}

	.slider-details3>.icon{
		height: 69px;
		width: 55px;
		background: rgba(0, 0, 0, 0) url("../rsc/3rdpanel-icon.png") no-repeat scroll 0 0 / 100% auto;
		position: relative;
		top: 35px;
		left: -14px;
	}

	.slider-details4>.icon{
		height: 61px;
		width: 61px;
		background: rgba(0, 0, 0, 0) url("../rsc/4thpanel-icon.png") no-repeat scroll 0 0 / 100% auto;
		position: relative;
		top: 44px;
		left: -8px;
	}


 

/*

#lecafe{
	height: 978px;
	width: 100%;
	background: url("https://www.checkpointcafe.fr/rsc/checkpoint-screen1.jpg");
}*/



/*---------------------EVENEMENTS/EVENTS---------------------*/


#events{
	height: 984px;
	width: 100%;
	background-color: #eddccd;
	z-index:5;
	display: flex;
	position: relative;
}

	#events-mb{
		display: none;
	}

	.topbar-events{
		width: 100%;
		height: 4.78%;
		background:rgba(97, 19, 12, 1);
		z-index: 4;
		position: absolute;
	}

	.botbar-events{
		width: 100%;
		height: 4.78%;
		background:rgba(97, 19, 12, 1);
		margin: auto auto 0 auto;
		z-index: 4;
	}

	.tournois-title{
		width: 21.23%;
		height: 104px;
		background: rgba(0, 0, 0, 0) url("../rsc/tournois-title.png") no-repeat scroll 0 0 / 100% auto;
		z-index: 5;
		position: absolute;
		right: 0;
	}

	.calendrier-events{
		height: 161px;
		width: 147px;
		background: rgba(0, 0, 0, 0) url("../rsc/calendrier-events.png") no-repeat scroll 0 0 / 100% auto;
		display: none;

	}

	.inscrire-events{
	height: 161px;
	width: 149px;
	background: rgba(0, 0, 0, 0) url("../rsc/inscrire-events.png") no-repeat scroll right 0 / 100% auto;
	float: right;
	margin-top: 665px;
	display: none;

	}

	.events-content-container{
		height: 100%;
		width: 221.01%;
		margin: 0;
		z-index: 0;
		padding: 0;
		position: absolute;
		cursor: pointer;	
	}

	.events-tile{
		height: 100%;
		width: 16.66%;
		-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		clip-path: polygon(34% 0%, 100% 0%, 66% 100%, 0% 100%);
		background: #B67E55;
		float: left;
		margin-right: -5.54%;
	}

	.tiles-side1{
		margin-left: -13.53%;
	}

	.event1{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg2.jpg") no-repeat scroll center / cover;
	}

	.event2{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg4.jpg") no-repeat scroll center / cover;
	}

	.event3{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg1.jpg") no-repeat scroll center / cover;
		margin-left: -2.4%;
	}

	.event4{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg3.jpg") no-repeat scroll center / cover;
	}



	.events-tile>.events-details-container{
		width: 16.6%;
		height: 100%;
		pointer-events: none;
		width: 16.6%;
		position: absolute;
		display: flex;
		flex-direction: column;

	}


	.events-details-title {
		height: 6vw;
		width: 56.23%;
		margin: 405px auto 0 8%;;
		position: relative;
		display: flex;
		flex-direction: column;
		background: rgba(0, 0, 0, 0.6);
		transition: margin 0.3s cubic-bezier(.18,.89,.32,1.28) 0.3s;
	}

			.events-details-title-up{
				margin-top: 350px;
				transition: margin 0.3s cubic-bezier(.39,.58,.57,1) 0s;
			}

				.events-details-title div{
					margin: auto auto auto 25%;
					background: #61130C;
					width: 61%;
					display: flex;
				}

				.events-details-title p{
					color: white;
					font-family: 'marketing script';
					font-size: 1.7vw;
					text-align: center;
					margin: auto;
					text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.36);
				}

				.events-details-title img{
					margin: 0% auto auto auto;
					height: 10.8%;
					width: 5.55%;
					position: absolute;
					display: none;
				}


	.events-details{
		width:59%;
		height:1.9vw;
		margin:1.42% auto 0 -60%;
		opacity:1;
		right: 0;
		display: flex;
		background: rgba(97, 19, 12, 0.6);
	}

		.events-details-left{
			margin-left: -60%;
		}

				.events-details p{
					 color: white;
					 font-size:1.2vw;
					 font-family: bebas kai;
						margin: auto;
				}

				.events-details div{
					margin: auto;
					display: flex;
					width: 100%;
					margin: auto auto auto 10%;
				}

				.events-details span{
					font-family:'marketing script';
				}

				li.events-tile > ul:nth-child(1) > li:nth-child(4){
					margin-bottom:auto;
				}

.disclaimer-covid{
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	position: absolute;
	opacity: 0.9;
	display: flex;
	pointer-events: none;
}

	.disclaimer-covid div{
		width: 1067px;
		height: 177px;
		display: flex;
		background: #eddccd;
		position: relative;
		margin: auto;
		opacity: 1;
	}

		.disclaimer-covid p{
			font-size: 24px;
			font-family: arial;
			color: rgb(97, 19, 12);
			align-content: ;
			margin: auto;
			width: 90%;
			height: 66%;
			font-weight: normal;
		}


/*---------------------REVIEWS---------------------*/


#reviews{
	height: 50vh;
	width: 100%;
	background: rgba(0, 0, 0, 0) url("../rsc/bg-reviews.jpg") no-repeat fixed center / cover;
	display: none;
}

.review-container{
	margin: auto;
	height: 50vh;
	width: 100%;
	position: absolute;
	display: flex;
	padding: 0;
}

.review-box{
	height: 100%;
	width: 484px;
}

.review1{
	background: rgba(0, 0, 0, 0) url("../rsc/review-box.png") no-repeat scroll center center / 100% auto;
	margin: auto 2% auto auto;
}

.review2{
	background: rgba(0, 0, 0, 0) url("../rsc/review-box.png") no-repeat scroll center center / 100% auto;
	margin: auto auto auto 2%;
}.events-details-title-up{
			margin-top: 350px;
			transition: margin 0.3s cubic-bezier(.39,.58,.57,1) 0s;
		}

.arrow-left-reviews{
	background: rgba(0, 0, 0, 0) url("../rsc/leftarrowreviews.png") no-repeat scroll center center / 100% auto;
	height: 62px;
	width: 34px;
	margin: auto;
}

.arrow-right-reviews{
	background: rgba(0, 0, 0, 0) url("../rsc/rightarrowreviews.png") no-repeat scroll center center / 100% auto;
	height: 62px;
	width: 34px;
	margin: auto;
}


/*---------------------LA CARTE---------------------*/

.carte-mb-container{
	display: none;
}

#carte{
	height: 984px;
	width: 100%;
	margin-top: 0;
	position: relative;
	background-color: #450D09;
/*	padding-bottom: 52%;*/
}

.carte-container{
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.volets-container-mb{
	display: none;
}

.carte-overlay{
	background: rgba(0, 0, 0, 0) url("../rsc/carte-overlay-bg.jpg") no-repeat fixed center / cover;	
	position: relative;
	height: 100%;
	display:flex;
}

	.carte-overlay>.top-bar{
				display: none;
	}

.carte-title {
	background:rgba(0, 0, 0, 0.5);
	width: 497px;
	height: 157px;
	margin: auto;
	display:flex;
}
	
			.carte-title > .font-bg{
				background:#61130C;
				height: 40.6%;
				width: 77%;
				display:flex;
				margin: auto;
			}
	
			.carte-title h1{
				color: white;
				font-family: 'bebas kai';
				margin: auto;
				font-size: 41px;
				text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.36);
				font-weight: normal;
			}

.click-icon{
	height: 50px;
	width: 50px;
	background: url("../rsc/click-icon.png") no-repeat scroll center / 100% 100%;
	position: absolute;
}

.carte-click{
	height: 5%;
	width: 23.3%;
	top: -24vw;
	margin: 25% 0 0 78%;
	position: fixed;
	z-index: 0;
	right: -1%;
	display: flex;
	flex-direction: row;
}

	.carte-click div{
		height: 50px;
		width: 50px;
		background: url("../rsc/click-icon.png") no-repeat scroll center / 100% 100%;
		margin: auto auto auto 0;
	}

	.carte-click p{
		width: 64%;
		margin: 4% 4% auto auto;
		color: #61130C;
		font-family: bebas kai;
		font-size: 1.5vw;
		background: white;
		text-align: center;
		border-radius: 7px;
	}


.bottom-gradient{
	height: 50%;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 32%, rgba(0,0,0,0.28) 70%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 32%,rgba(0,0,0,0.28) 70%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 32%,rgba(0,0,0,0.28) 70%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}


.ouvrir{
	background: rgba(0, 0, 0, 0) url("../rsc/ouvrez-moi.png") no-repeat scroll center / 100% auto;
	height: 60px;
	width: 32.92%;
	position: relative;
	left: 59.1%;
	top: 14.85%;
}

.carte-boire{
	height: 100%;
	background: rgba(0, 0, 0, 0) url("../rsc/carte-boire.jpg") no-repeat scroll center center / 100% auto;
	width: 100%;
	position: absolute !important;
	transform-style: unset !important;
}

.carte-manger{
	height: 100%;
	background: rgba(0, 0, 0, 0) url("../rsc/carte-manger.jpg") no-repeat scroll center center / 100% auto;
	width: 100%;
	position: absolute !important;
	transform-style: unset !important;
}

#card{
	height: 100%;
	width: 100%;
	position: absolute !important;
/*	margin-top: -5px;*/
}

.flip-container {
	height: 100%;
}

.manger-title{
		height: 91px;
	width: 19.23%;
	background: none;
	position: absolute;
	margin-left: 118px;
	margin-top: 6.2vh;
	opacity: 0;
	cursor: pointer;
	display: none;

}

.boire-title{
	height: 91px;
	width: 16.6%;
	background: none;
	position: relative;
	left: 1470px;
	top: 61px;
	opacity: 0;
	display: none;
	cursor: pointer;
}

.manger-resp{
	height: 35%;
	width: 31.23%;
	background: none;
	margin: -9vw auto auto 4%;
}

.boire-resp{
	height: 35%;
	width: 31.23%;
	background: none;
	position: absolute;
	margin: -9vw 2% auto auto;
	right: 0;
	top: 0;
}

/*---------------------CONTACT---------------------*/

#contact{
	height: 984px;
	width: 100%;
	background-color: #450d09;
	z-index: 5;
	position: relative;
}

#contact h3{
	font-size: 27.4px;
  	font-family: "Bebas Kai";
	color: rgb(255, 255, 255);
 	text-align: left;
	font-weight: normal;
}


.coord h3{
	margin: -10px 0 0 0;
}

div.contact-h3-bg:nth-child(2) > h3:nth-child(1) {
	display: none;
}



#map{
	height: 44.5%;
	width: 100%;
/*	background: url("https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyDETbcjS1fv1UuH0Q5u2-5ynv2TQ1AITsI&center=-33.929026782871354,151.24004613742056&zoom=16&format=png&maptype=roadmap&style=element:labels%7Ccolor:0x61120d&style=element:labels.icon%7Cvisibility:off&style=element:labels.text%7Ccolor:0x61120d&style=element:labels.text.fill%7Cvisibility:off&style=feature:landscape%7Ccolor:0xe4b395&style=feature:poi%7Celement:geometry%7Ccolor:0xe4b395&style=feature:poi%7Celement:labels%7Ccolor:0x61120d&style=feature:poi%7Celement:labels.text%7Ccolor:0x61120d&style=feature:poi%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:poi.park%7Celement:geometry%7Ccolor:0xe4b395&style=feature:poi.park%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:road%7Ccolor:0xbb7c55&style=feature:road%7Celement:geometry%7Ccolor:0xbb7c55&style=feature:road%7Celement:labels%7Ccolor:0x61120d&style=feature:road.arterial%7Celement:geometry%7Ccolor:0xbb7c55&style=feature:road.arterial%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:road.highway%7Celement:geometry%7Ccolor:0xbb7c55&style=feature:road.highway%7Celement:geometry.fill%7Ccolor:0xbb7c55&style=feature:road.local%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:transit%7Ccolor:0xbb7c55&style=feature:transit%7Celement:geometry%7Ccolor:0xbb7c55&style=feature:water%7Celement:geometry%7Ccolor:0x61120d&style=feature:water%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&size=480x360");*/
}

#map-mb{
	display: none;
}


.topbar-map{
	height: 50px;
	background-color: #eddccd;
	margin-top: -46px;
}

	.topbar-map h2{
		top: -4px;
		color: #61120d;
		text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.36);
		font-size: 55.58px;

	}

.infos-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 45%;
	width: 100%; 
}

	.infos-container p{
		font-size: 21.4px;
		font-family: "Marketing Script";
		color: rgb(255, 255, 255);
		text-align: left;
		width: 275px;
		margin: auto 0px auto 18px;
		line-height: 26px;

	}

	.infos-container span{
		color: #dcac8f;
		font-size: 18.4px;
	}

	.logo-footer{
		height: 220px;
		width: 188px;
		background: rgba(0, 0, 0, 0) url("../rsc/checkpoint-footer.png") no-repeat scroll center center / 100% auto;
		margin: auto;
		margin: auto 0px auto auto;
	}

	.sep-footer{
		height: 283px;
		width: 6px;
		background-color: #e4b395;
		margin: auto 5.83% auto 5.83%;
	}

	.coord{
		height: 209px;
		width: 304px;
		margin: auto 77px auto 0;
		padding: 0;
	}

		.coord li{
			display: flex;
			margin-bottom: 23px;
		}

			.loc-icon{
				height: 40px;
				width: 26px;
				background: rgba(0, 0, 0, 0) url("../rsc/loc-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto;
			}

			.tel-icon{
				height: 37px;
				width: 26px;
				background: rgba(0, 0, 0, 0) url("../rsc/tel-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto;
			}

			.mail-icon{
				height: 25px;
				width: 29px;
				background: rgba(0, 0, 0, 0) url("../rsc/mail-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto;
			}

	.contact-footer{
		height: 233px;
		width: 23%;
		margin: auto auto auto 0;
	}

	.contact-footer h3{
				margin-bottom:  9px;
	}

		.news-container{
			margin-bottom: 51px;
		}

			.news-container h3{
			margin-top: 0px;
		}

		.box-container{
				display: flex;
		}

			.mail-box{
			  background-color: rgb(228, 179, 149);
			  width: 82%;
			  height: 49px;
				display: flex;
			}

				.mail-box p{
				  font-size: 21.4px;
				  font-family: "Marketing Script";
				  color: rgba(69, 13, 9, 0.678);
				  width: auto;
				  margin-top: auto;
				  margin-bottom: auto;
				}


			.ok-box{
			  background-color: rgb(187, 124, 85);
			  width: 18%;
			  height: 49px;
				display: flex;
			}

				.ok-box p{
				  font-size: 23.4px;
				  font-family: "Bebas Kai";
				  color: rgb(69, 13, 9);
				  margin: auto;
				  width: auto;
				}

		.icons-container{
			display: flex;
			width: 203px;
			height: 57px;
			padding: 0;
			margin: 0;
				}

			.fb-icon{
				background: rgba(0, 0, 0, 0) url("../rsc/fb-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto auto auto 0;
			}

			.tw-icon{
				background: rgba(0, 0, 0, 0) url("../rsc/tw-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto;
			}

			.ig-icon{
				background: rgba(0, 0, 0, 0) url("../rsc/ig-icon.png") no-repeat scroll center center / 100% auto;
				margin: auto 0 auto auto;
			}

			.icons-container a{
				height: 57px;
				width: 57px;
			}

		.social-container > h3:nth-child(2){
			display:none;
		}

	.bottom-bar-footer{
		height: 62px;
		width: 100%;
		background-color: #310906;
		display: flex;
		bottom: 0;
	}

		.bottom-bar-footer p{
			font-size:15.63px !important;
			font-family: "Bebas Kai";
			color: rgb(255, 255, 255);
			text-align: left;
			font-weight: normal;
			letter-spacing: 1px;
		}

		.bottom-bar-footer > a:nth-child(1) {
			margin: auto 10px auto auto;
		}

		.bottom-bar-footer > a:nth-child(1) p:hover {
			color: #b67e55;
		}

		.bottom-bar-footer > p:nth-child(2) {
			margin: auto 0;
		}
		
		.bottom-bar-footer > p:nth-child(3) {
		 	margin: auto auto auto 10px;
		}

		
/*---------------------MENTIONS---------------------*/

.mentions-wrap{
	width: 60%;
	margin: auto;
	background-color: #450d09;
}

.top-bar-mentions{
	height: 107px;
	width: 100%;
	display: flex;
	background-color: #2d0704;
}

.top-bar-mentions div{
	width: 25%;
	display: flex;
	margin: auto 3% auto auto;
}

.top-bar-mentions p{
	font-size: 42px;
	font-family: 'marketing script';
	margin: auto;
	color: #eddccd;
}

/*---------------------EDGE SUPPORT---------------------*/

@supports (-ms-ime-align:auto){
  
	#slider{
		z-index: auto;
	}

	.events-content-container {
			width: 100%;;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
		}
	
			li.events-tile:nth-child(1), li.events-tile:nth-child(6) {
				display: none;
			}
	
			.events-tile {
				clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				height: 100%;
				width: 25%;
				margin: auto;
				display: flex;
				overflow-x: hidden;
			}
				
				.overlay-noise::before {
					width: 25%;
				}
	
				.events-tile > .events-details-container {
					width: 80%;
					position: relative;
					padding: 0;
					margin: auto;
				}
	
			.events-details-title {
				width: 100%;
				margin-left: auto;

			}
	
				.events-details-title div {
					margin: auto;
				}

			.events-details {
				width: 90%;
				margin: 1.42% auto 0 -110%;
			}
	
				.events-details div{
					width: 90%;
					margin: auto;
				}


		.boire-title{
			background: none;
		}
	
	.carte-click{
		display: none;
	}
	
			
}

/*IE*/

@media screen and (min-width:0\0) and (min-resolution:+72dpi), \0screen\,screen\9 {
    
		#slider{
		z-index: auto;
	}
	
	.slider-details1 > h1 {
    margin: 40px auto auto 45px;
}
	.slider-details2 > p {
    margin: 40px auto auto 45px;
}
	.slider-details3 > p {
    margin: 40px auto auto 45px;
}
	.slider-details4 > p {
    margin: 40px auto auto 45px;
}


	.events-content-container {
			width: 100%;;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
		}
	
			li.events-tile:nth-child(1), li.events-tile:nth-child(6) {
				display: none;
			}
	
			.events-tile {
				clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				height: 100%;
				width: 25%;
				margin: auto;
				display: flex;
				overflow-x: hidden;
			}
				
				.overlay-noise::before {
					width: 25%;
				}
	
				.events-tile > .events-details-container {
					width: 80%;
					position: relative;
					padding: 0;
					margin: auto;
				}
	
			.events-details-title {
				width: 100%;
				margin-left: auto;

			}
	
				.events-details-title div {
					margin: auto;
				}

			.events-details {
				width: 90%;
				margin: 1.42% auto 0 -110%;
			}
	
				.events-details div{
					width: 90%;
					margin: auto;
				}
	
	


		.boire-title{
			background: none;
		}
	
	.carte-click{
		display: none;
	}
	
	
	.infos-container p {
    height: 50%;
}

	
	.contact-footer {
    width: 22%;
    margin: auto 24% auto 0;
}

	
	.bottom-bar-footer p {
    height: 30%;
}

	
	.bottom-bar-footer > a:nth-child(1) {
    height: 80%;
}

}
	
			
/*---------------------RESPONSIVE---------------------*/



@media only screen and (min-width: 1921px) {


		body {
			display: flex;
		}
	
		.events-details-title p {
			font-size: 31px;
		}
	
		.events-details-title {
			height: 115px;
		}
	
		.events-details {
			height: 36px;
		}
	
		.events-details p {
			font-size: 24px;
		}
	
		.nav-container {
			width: 1903px;
		}
	
		.carte-click {
			margin: 25% 0 0 0;
		}
	
		.carte-click p {

			width: 283px;
			font-size: 27px;
		}

		.wrapper-wide {
			width: 1903px;
			margin: auto;
			overflow: hidden;
		}
	
		.carte-click{
			display: none;
		}

}

@media only screen and (max-width: 1902px) {

	
		.boire-title{
			height: 35%;
			width: 31.23%;
			background: none;
			position: absolute;
			margin: -9vw 2% auto auto;
			right: 0;
			top: 0;
		}

}

@media only screen and (max-width: 1600px) {

	.contact-footer{
		width: 30%;
	}
	
}

@media only screen and (max-width: 1366px) {
	
	.cookies-inner {
		width: 97%;
	}

	.cookies-container {
		height: 77px;
	}
	
	
	#slider {
		height: 816px;
	}
	
		.slider-arrows, .blackbars{
			height: 100%;	
		}
	
	#events {
		height: 768px;
	}
	
		.events-details-title{
			margin-top: 320px;
		}
	
			.events-details-title-up{
				margin-top: 270px;
			}
	
				.events-details-title div {
					margin: auto auto auto 23%;
				}

	#carte {
		height: 768px;
	}
	
		.carte-title {
			width: 420px;
			height: 135px;
		}
	
			.carte-title h1 {
				font-size: 36px;
			}

	#contact {
		height: 768px;
	}
	
}

@media only screen and (min-width: 1280px) {
	
		.nav-container-mb, .hamburger, .button-menu-text{
				display: none!important;
		}
}

@media only screen and (max-width: 1279px) {
	
		.nav-container{
			display: none;
		}

		.nav-container-mb{
			display: block;
			height: 100%;
			width: 100%;
			position: fixed;
			transition: margin 0.5s ease-out 0.1s, background 0.5s ease-out 0.1s;
			z-index: 99;
			pointer-events: none;
		}

		.nav-container-mb-inner{
			height: 100%;
			width: 100%;
			margin: -270% auto 0 auto;
			transition: margin 0.5s ease-out 0.1s, background 0.5s ease-out 0.1s;
		}

		.nav-ul-mb{
			height: 100%;
			width: 100%;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			position: relative;
			z-index: 20;
		}

		.nav-ul-mb li{
			float: left;
		}


		.nav-tiles:hover{
			background: #400C08;
		}

		.nav-tiles{
			height: 12.2%;
			width: 100%;
			display: flex;
			background: #61130c;
			margin-left: 0px;
			list-style: none;
			border-top: 2px solid white;
			text-align: center;
		}

		.nav-logo-mb{
			background: rgba(0, 0, 0, 0) url("../rsc/logo-mb.png") no-repeat scroll center / cover;
			height: 100%;
			width: 31vh;
			position: relative;
			margin: auto;
			z-index: 50;
		}

		.first-background{
			background: rgba(0, 0, 0, 0) url("../rsc/bg1.png") no-repeat scroll 0 0 / 100% auto;
			display: flex;
			position: relative;
			height: 30%;
			width: 100%;
		}

		.second-background{
			background: #bd8248 none repeat scroll 0 0;
			border-top: 2px solid white;
			position: relative;
			height: 4%;
			width: 100%;
			display: flex;
			flex-direction: column;
		}

		.trait-up1{
			height: 2px;
			width: 30px;
			background: white;
			display: block;
			margin: auto auto 0px auto;
		}

		.trait-up2{
			height: 2px;
			width: 30px;
			background: white;
			display: block;
			margin: 1px auto auto auto;
		}

		.hamburger{
			left: 0px;
			position: fixed;
			top: -3px;
			float: right;
			transition: left 0.1s ease-in 0.5s;
			z-index: 100;
		}

		.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
			background-color: #430100;
		}

		.button-menu-text{
			color: white;
			font-family: "Marketing Script";
			font-size: 33px;
			height: auto;
			position: fixed;
			left: 70px;
			line-height: 0;
			text-align: center;
			text-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
			top: 22.769px;
			width: 68px;
			z-index: 65;
			transition: top 0.1s ease-in 0.5s;
		}


		.hidden-menu-expand{
			margin: 0;
		}

		.hidden-menu-bg{
			z-index: 99;
			background: rgba(0, 0, 0, 0.9);
			pointer-events: all;
		}

		.hamburger-hidden-menu{
			left: -8px;
			transition: left 0.1s linear 0s;
		}
	
		.is-active{
			left: -11px;
		}

		.hidden-text{
			top: -21.769px;
			transition: top 0.1s linear 0s;
		}

		.nav-font-mb {
		   color: rgb(230, 233, 232);
		   font-family: "Marketing Script";
		   font-size: 30px;
		   text-shadow: 0 2px 0 rgba(0, 0, 0, 0.36);
		   letter-spacing: 2px;
		   margin: auto;
		   text-align: center;
		   transform: matrix(0.801767, 0, 0, 0.801767, 0, 0);
		   pointer-events: none;
		}
	
	
/*                               modtest                                */
	
	.first-background {
			background: none;
			position: absolute;
			height: 312px;
			width: 599px;
			margin-left: 33%;
			pointer-events: none;
		}
		.nav-tiles {
			height: 25%;
			background: rgba(189, 130, 72, 0.9);
			border-top: 1px solid white;
		}
		.second-background {
			display: none;	
		}

		.nav-logo-mb {
			background: rgba(0, 0, 0, 0) url("../rsc/logo-mb.png") no-repeat scroll left / cover;
			height: 105%;
			width: 99%;
			z-index: 21;
			opacity: 0.3;
		}
	
		.nav-font-mb {
			text-align: left;
			width: 89%;
		}
	
		.nav-container-mb-inner {
			width: 100%;
			height: 328px;
			margin: -100% 0 0 0 ;
		}
	
		.hidden-menu-expand {
			margin: 0;
			pointer-events: all;
		}
	
		.nav-ul-mb {
			margin: auto;
		}
		
		li.nav-tiles:nth-child(1) {
			border-top: 0px solid white;
		}
	
		.is-active{
			left: -9px;
		}

/*SLIDER*/


/*EVENTS*/
	
		.tournois-title {
			width: 290px;
		}
	
		.events-content-container {
			width: 101.1%;;
			height: 91%;
			display: flex;
			flex-wrap: wrap;
			margin: 35px auto auto -1%;
		}
	
			li.events-tile:nth-child(1), li.events-tile:nth-child(6) {
				display: none;
			}
	
			.events-tile {
				clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
				height: 49.7%;
				width: 49.8%;
				margin: auto;
			}
	
			.overlay-noise::before {
				width: 49.8%;
				height: 49.7%;
			}
	
				.events-tile > .events-details-container {
					width: 263px;
					height: 93%;
					position: relative;
					margin: auto;
					padding: 0;
				}
	
					.events-details-title {
						width: 100%;
						height: 76px;
						margin: 134px auto 0 auto;
					}
	
					.events-details-title-up{
						margin-top: 87px;
						transition: margin 0.3s cubic-bezier(.39,.58,.57,1) 0s;
					}
	
/*
					.events-details-title-down{
						margin-top: 134px!important;
						transition: margin 0.3s cubic-bezier(.39,.58,.57,1) 0s;
					}
*/
	
						.events-details-title div {
							margin: auto;
							width: 65%;
						}
	
							.events-details-title p {
								font-size: 23px;
							}
	
					.events-details {
						width: 90%;
						height: 28px;
						margin: 2.42% auto 0 -160%;
						display: flex;
					}	
	
					.events-details-left{
						margin-left: -160%;
					}
	
						.events-details div{
							margin: auto;
						}
	
							.events-details p {
								height: 22px;
								font-size: 16px;
							}
	
	.disclaimer-covid div {
		width: 453px;
		height: 141px;
	}
	
	.disclaimer-covid p {
			font-size: 15px;
			width: 89%;
			height: 77%;
	}
	
/*CONTACT*/
	
	.logo-footer{
		display: none;
	}
	
	.sep-footer{
		display: none;
	}
	
	.coord {
		margin: auto 35px auto auto;
		width: 304px;
	}
	
	.contact-footer {
		margin: auto auto auto 35px;
		width: 377px;
	}
	
}

@media only screen and (max-width: 1024px) {
	
/*
		body{
			height: 400vh;
		}
*/
	
		.cookies-container {
			height: 20%;
		}
	
			.cookies-inner {
				width: 90%;
			}

				.cookies-disclaimer {
					width: 65%;
					text-align: center;
				}
	
				.cookies-mb {
					width: 33%;
					height: 77%;
					flex-direction: column;
				}

					.cookies-accept {
						height: 43%;
						width: 90%;
					}

					.cookies-custom {
						height: 43%;
						width: 90%;
					}

		#slider{
			display: none;
		}

		#slider-mb{
			display: block;
			height:100vh;
			width:100%;
			overflow-x: hidden;
		}
	
		.slider-arrows, .blackbars{
			display: none;	
		}

			.slider-details{
				height: 178px;
				width: 475px;
				background: rgba(0, 0, 0, 0) url("../rsc/sliderdetails-bg.png") no-repeat scroll 0 0 / 100% auto;
				position: relative;
				margin: auto!important;
				display: flex;
				transition: left 0.3s ease-out 0s!important;
			}

			.slider-details-container{
				height:100%;
				width:100%;
				position: relative;
			}

			.slider-details-container ul{
				height: 100%;
				width: 100%!important;
				padding: 0;
				margin: 0;
				position: relative;
				left: 0;
			}

			.slider-details-container li{
				height: 100%;
				width: 100%;
				float: left;
				position: absolute;
				display: flex;
				transition: background-position 0.5s ease-out 0s;
				overflow-x: hidden;
			}

				.slider-details-container > ul:nth-child(1) > li:nth-child(1){
					background:rgba(0, 0, 0, 0) url("../rsc/1stpanel-mb.jpg") no-repeat fixed center center / cover;
					z-index: 8;
				}	

				.slider-details-container > ul:nth-child(1) > li:nth-child(2){
					background:rgba(0, 0, 0, 0) url("../rsc/2ndpanel-mb.jpg") no-repeat fixed center center / cover;
					z-index: 6;
				}	

				.slider-details-container > ul:nth-child(1) > li:nth-child(3){
					background:rgba(0, 0, 0, 0) url("../rsc/3rdpanel-mb.jpg") no-repeat fixed center center / cover;
					z-index:  4;
				}	

				.slider-details-container > ul:nth-child(1) > li:nth-child(4){
					background:rgba(0, 0, 0, 0) url("../rsc/4thpanel-mb.jpg") no-repeat fixed center center / cover;
					z-index: 2;
				}

			.slider-details2, .slider-details3, .slider-details4{
				left: -768px;
			}


	.event1{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg2mb.jpg") no-repeat scroll center / cover;
	}

	.event2{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg4mb.jpg") no-repeat scroll center / cover;
	}

	.event3{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg1mb.jpg") no-repeat scroll center / cover;
	}

	.event4{
		background: rgba(0, 0, 0, 0) url("../rsc/eventsbg3mb.jpg") no-repeat scroll center / cover;
	}
	
	
	
		#carte{
			height: 860px;
			padding-bottom: 0;
		}
	
			#card{
				display: none;
			}
	
			.carte-mb-container{
				background: rgba(0, 0, 0, 0.9);
				height: 100%;
				width: 100%;
				position: fixed;
				top: 0;
				z-index: 100;
				display: flex;
				flex-direction: column;
				opacity: 0;
				pointer-events: none;
			}
	
				.carte-mb{
					background: url("../rsc/cartes-mb.jpg") no-repeat scroll 0% / cover;
					width: 85.5%;
					height: 44vw;
					margin: 0 auto 0 auto;
					position: relative;
					left: 100%;
					transition: background-position 0.5s ease-out 0s;
				}
	
					.carte-mb-toggle{
						background-position: 100%;
					}
	
				.carte-mb-close{
					height: 25px;
					width: 25px;
					background: url("../rsc/cancel.png") no-repeat scroll center / cover;
					position: absolute;
					margin: 2vh auto auto 5%;
					left: -100%;
				}
				
				.carte-rotate{
					background: url("../rsc/rotate.png") no-repeat scroll center / contain;
					margin: auto;
					width: 80%;
					height: 20vw;
					position: relative;
					bottom: -100%;
				}
	
				.carte-mb-container p{
					color: white;
					margin: auto;
					font-family: bebas kai;
					font-size: 33px;
					text-align: center;
					width: 68%;
					position: relative;
					top: -100%;
				}
	

			.carte-click{
				display: none;
			}

			.volets-container-mb{
				display: block;
				height: 100%;
				width: 100%;
				background: rgba(0, 0, 0, 0) url("../rsc/carte-bg-mb.png") no-repeat scroll center center / cover;
				position: absolute;
				display: flex;
			}

			.carte-title {
				background: rgba(0, 0, 0, 0.6);
				width: 442px;
				height: 130px;
				margin: auto;
				display:flex;
			}
	
			.carte-title > .font-bg{
				background:#61130C;
				height:53%;
				width:75%;
				display:flex;
				margin: auto;
			}
	
			.carte-title h1{
				color: white;
				font-family: 'bebas kai';
				margin: auto;
				font-size:37px;
				text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.36);
			}

			.carte-overlay>.top-bar{
				display: block;
				position: absolute;
				top: 0;
				height: 3.5%;
				width: 100%;
				background: #61130C
			}

			.ouvrir{
				display: none;
			}



		#reviews{
			display: none;
		}

	
	
	
/*	CONTACT  */
	
	.contact-footer {
		margin: auto auto auto 0px;
		width: 345px;
	}
	


		.logo-footer, .sep-footer{
			display: none;
		}
	
	
	


	

}

@media only screen and (max-width: 767px) {
	
	#contact{
		height: 860px;
		overflow:hidden;
		display:flex;
		flex-direction:column;
	}

		.news-container{
				display: none;
		}

		.infos-container {
			height: 333px;
			width: 80%;
			flex-direction: column;
			margin: auto;
		}
			
			.infos-container p{
				font-size:19px;
				text-align:right;
				margin:auto auto auto 0;
			}

			.infos-container span{
				font-size:17px;
			}

		.coord{
			height:217px;
			width: 100%;
			margin:auto;
		}

		.coord li{
			margin-bottom:14px;
		}

		.infos-container h3{
			font-size:26.4px;
			text-align:center;
			text-shadow:0px 3px 0px rgba(0, 0, 0, 0.36);
			margin:auto;
		}
	
		div.contact-h3-bg:nth-child(2) > h3:nth-child(1) {
			display: block;
		}
		
		.coord > li:nth-child(3) > p:nth-child(2){
			width:131px;
		}
	
		.coord > li:nth-child(2) > p:nth-child(2){
			width:185px;
		}

		.coord > li:nth-child(4) > p:nth-child(2){
			width:250px;
		}
	
		.coord > li:nth-child(1) > .contact-h3-bg{
			border:1px solid beige;
			width:224px;
			height:36px;
			margin:0 auto 5px auto;
			display: flex;
		}

		.bottom-bar-footer p{
		font-size:12.2px !important;
		}

		.loc-icon{
			width:20px;
			margin:auto 0 auto auto;
		}

		.tel-icon{
			width:23px;
			margin:auto 0 auto auto;
		}

		.mail-icon{
			height:35px;
			width:25px;
			margin:auto 0 auto auto;
		}

		.social-container > h3:nth-child(1){
			display:none;
		}

		.social-container h3{
			display:block;
		}
	
		.social-container > .contact-h3-bg{
			border:1px solid beige;
			width:224px;
			height:36px;
			margin:19px auto 18px auto;
			display: flex;
		}
	
		.topbar-map{
			height: 47px;	
			margin: 0;
		}

		.topbar-map h2 {
			height: 100%;
			top: 17px;
			font-size: 40.58px;
			margin: auto;
			font-weight: normal;
			letter-spacing: 0px;
			line-height: 0;
		}

		.contact-footer{
			width:100%;
			margin:auto;
		}

		.icons-container{
			width:71%;
			margin:auto;
		}

		.bottom-bar-footer{
			height:42px;
		}

		.icons-container a{
			width:51px;
		}
	
		.tw-icon{
			margin:auto 0 auto 0;
		}
	
		.ig-icon{
			margin:auto auto auto 7%;
		}
	
		.fb-icon{
			margin:auto 7% auto auto;
		}
	
		#map{
			display: none;
		}

		#map-mb{
			display: block;
			width: 100%;
			height: 246px;
			background: url("../images/markers-size-mid-color-0xaf2216-label--Checkpoint-café-Clermont-Ferrand--France-style-element-labels-color-0x61120d-style-element-labels_ico_uxv74d5yvxdszeiuzgka3d.jpg") no-repeat scroll center center / cover;
		}	
	
}
		
@media only screen and (max-width: 520px) {


/*  NAV  */
	
	
	.first-background {
			width: 468px;
			margin-left: 55%;
		}
	
	.nav-font-mb {
			width: 77%;
		}
	
/*	EVENTS  */

	#events {
		height: 984px;
	}
	
		.topbar-events ,.botbar-events {
			height: 24px;
		}
	
		.tournois-title {
/*			width: 254px;*/
			display: none;
		}
	
		.events-content-container {
			width: 100%;
			height: 95.8%;
			margin: 22px auto auto auto;
		}
	
			.events-tile {
				height: 24.6%;
				width: 100%;
			}
	
				.overlay-noise::before {
					height: 24.6%;
					width: 100%;
				}
	
				.events-tile > .events-details-container {
					height: 106%;
				}
	
				.events-details-title {
					margin: 75px auto 0 auto;
				}
	
					.events-details-title-up{
						margin-top: 24px;
					}

	.disclaimer-covid div{
		width: 100%;
		height: 161px;
	}
	
		.disclaimer-covid p {
			font-size: 13px;
			width: 307px;
			height: 70%;
		}
	
/*	CARTE  */

		.carte-title {
			width: 304px;
			height: 92px;
		}
	
	
			.carte-title h1 {
				font-size:26px;	
			}
	
		.carte-mb-container p {
			font-size: 25px;
		}
	
/*	SLIDER  */

		.slider-details{
			height: 101px;
			width: 324px;
			background:rgba(189, 130, 77,0.8);
			position: relative;
			margin: auto;
			display: flex;
			border-bottom:4px solid #61130C;
		}

		.slider-details-container ul{
			height: 100%;
			width: 100%!important;
			padding: 0;
			margin: 0;
			position: relative;
			left: 0;
		}

		.slider-details-container li{
			height: 100%;
			width: 100%;
			float: left;
			position: absolute;
			display: flex;
		}

		.slider-details>.icon{
			display: none;
		}

		.slider-details h1, .slider-details p{
			text-align: center;
			margin: auto auto;
			font-size: 19px;
		}
	
}

@media screen and (orientation:landscape) and (max-height: 860px) {

	
		.carte-rotate, .carte-mb-container p{
			display: none;
		}
		
		.carte-mb{
			margin: auto;
			height: 44vw;
		}
	
		.carte-mb-close{
			background: url("../rsc/cancel-ls.png") no-repeat scroll center / cover;
			margin: 1% auto auto 1%;
			z-index: 1;
		}
	

}