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

@media only screen and (max-width:1700px) {
	.contentMid {
	width:70%;
	margin:0 15%
	}

	#footer { padding:20px 5% }
}

@media only screen and (max-width:1600px) {
	.galerie {
	width:31%;
	margin:12px 1%
	}

	.galerie a, .galerie a:hover { font-size:12px }

	.galerie p { padding:8px }

	#footer div img { width:80% }

	.CLtxt h2,
	.pageTitle,
	.pageTitleNoPage,
	.pageTitleNoPage2 { font-size:36px }
}

@media only screen and (max-width:1500px) {
	#footer div > ul li a,
	#footer div > ul li a:hover,
	#footer div p,
	#footer div p a,
	#footer div p a:hover { font-size:12px }

	#footer { padding:20px 10px }

	#footer ul { margin:0 40px 0 0 }
}

@media only screen and (max-width:1400px) {
	#numberResa div { width:100%; margin:25px 0 0 0 }

	#numberResa a:nth-child(8),
	#numberResa a:nth-child(8):hover { margin-right:0 }
}

@media only screen and (max-width:1300px) {
	.pageTitle, .pageTitle2 { font-size:24px }

	.contentMid {
	width:86%;
	margin:0 7%
	}

	.btnGold, .carteLink,
	.btnGold:hover, .carteLink:hover { font-size:14px; padding:8px 12px }

	#nav ul li { margin:0 15px }

	#nav ul li a,
	#nav ul li a:hover,
	#nav ul li a.current,
	#nav ul li a.current:hover { font-size:15px }

	#numberResa p { clear:left }
}

@media only screen and (max-width:1100px) {
	#cartesChoix .carteLink { margin-bottom:10px }

	.carteWrap, .resaWrap {
	padding:15px 10px
	}

	#page, #page2 { min-height:0; margin-top:0; padding:20px 10px }
}

@media only screen and (max-width:1000px) {
	#footer div:nth-child(1) {
	width:48%;
	margin:0 4% 0 0
	}

	#footer div:nth-child(2) {
	width:48%;
	text-align:right;
	margin:0
	}

	#footer div:nth-child(3) {
	width:100%;
	text-align:center;
	margin:25px 0 0 0
	}

	#linksFooter ul:nth-child(1) { margin:0 25px 0 0 }
	#linksFooter ul:nth-child(2) { margin:0 }

	.CLtxt h2,
	.pageTitle,
	.pageTitleNoPage,
	.pageTitleNoPage2 { font-size:26px }

	.contentLine > div { width:100% }

	.CT .CLtxt { padding:15px 0 }
	.CB .CLtxt { padding:15px 0 }

	.CB > * { vertical-align:top }

	.CT img,
	.CB img { margin:0 0 15px 0 }

	.contentLine {
	display:flex;
	flex-direction:column;
	margin:0 0 50px 0;
	padding:0 10px
	}

	.CT .CLpic,
	.CB .CLpic { text-align:left }

	.CB, .CT {
	background-image:url('./Design/cacheTop.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed
	}

	.CB > .CLtxt { order:1 }

	.CLtxt { padding:0 }

	.bx-wrapper .bx-prev { left:10px }
	.bx-wrapper .bx-next { right:10px }

	.txt10 { font-size:12px }
	.txt20 { font-size:16px }
	.txt30 { font-size:20px }

	.lato28, a.lato28, a.lato28:hover { font-size:26px; font-family:'Lato', sans-serif; line-height:32px }
	.lato26, a.lato26, a.lato26:hover { font-size:24px; font-family:'Lato', sans-serif; line-height:30px }
	.lato24, a.lato24, a.lato24:hover { font-size:22px; font-family:'Lato', sans-serif; line-height:28px }
	.lato22, a.lato22, a.lato22:hover { font-size:20px; font-family:'Lato', sans-serif; line-height:24px }
	.lato20, a.lato20, a.lato20:hover { font-size:18px; font-family:'Lato', sans-serif; line-height:20px }
	.lato18, a.lato18, a.lato18:hover { font-size:16px; font-family:'Lato', sans-serif; line-height:18px }
	.lato16, a.lato16, a.lato16:hover { font-size:14px; font-family:'Lato', sans-serif; line-height:16px }
	.lato14, a.lato14, a.lato14:hover { font-size:13px; font-family:'Lato', sans-serif; line-height:14px }
	.lato12, a.lato12, a.lato12:hover { font-size:12px; font-family:'Lato', sans-serif; line-height:14px }

	.ssTitle {
	font-size:30px;
	margin:0 0 15px 0
	}

	.contentMid {
	width:100%;
	margin:0;
	padding:0 10px
	}

	#bonhomme { display:none }

	#bonhomme2 { margin:20px 0 }

	#bonhomme img, #bonhomme2 img { width:40px }

	#wrapTop {
	width:100%;
	height:auto;
	margin:0 0 30px 0
	}

	#nav { display:none }

	#infosTop {
	font-size:12px;
	width:90%;
	bottom:10px;
	left:5%
	}

	#logoWrap, .fixedLogo, #wrapTop .fixedLogo, #wrapTop2 .fixedLogo {
	position:absolute;
	width:30%;
	top:10px;
	left:35%
	}

	#wrapTop2 { height:140px }

	.pageTitleNoPage { margin:25px 0 25px 10px }

	.datepicker-inline .datepicker { width:80% }

	#resa_prenom,
	#resa_nom {	width:25% }

	#flipbook {
	width:90%;
	height:500px
	}

	.cusCheck {
	margin-bottom:12px;
	padding-left:35px
	}

	.checkmark {
	height:18px;
	width:18px
	}

	.cusCheck .checkmark:after {
	width:4px;
	height:8px;
	border-width:0 3px 3px 0;
	left:6px;
	top:3px
	}
}

@media only screen and (max-width:900px) {
	* .rsArrowLeft, * .rsArrowRight,
	.rsArrow.rsArrowLeft, .rsArrow.rsArrowRight,
	.rsArrow, .rsArrowLeft, .rsArrowRight,
	#full-width-slider .rsArrow, #full-width-slider .rsArrowLeft, #full-width-slider .rsArrowRight { display:none }

	* { -webkit-appearance:none }

	#home { display:block; width:50px; height:auto; z-index:9998; position:absolute; top:10px; left:10px; outline:none; font-size:26px; cursor:pointer }

	#headerMob {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0
	}

	#header { display:none }

	#logoMob {
	display:inline-block;
	position:relative;
	width:20%;
	margin:5px 40%
	}

	#logoMob img {
	width:100%;
	height:auto
	}

	#left {
	background-color:white;
	color:#D6A65B;
	-webkit-overflow-scrolling:touch;
	display:none;
	overflow:auto;
	position:fixed;
	z-index:9999;
	width:85%;
	height:100%;
	top:0;
	bottom:0;
	left:-85%;
	padding:0;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}

	#left, .menu, #left *, #contact_mob { display:inline-block }

	#contact_mob { text-align:center }

	#contact_mob a, #contact_mob a:hover { display:inline-block; width:auto; font-size:24px; margin:0 10px }

	#left > a:nth-child(1) {
	display:inline-block;
	position:relative;
	width:40%;
	margin:15px 30%
	}

	#left > a:nth-child(1) img {
	display:inline-block;
	width:100%;
	height:auto
	}

	#footer div img { width:60% }

	.carteWrap div {
	height:auto;
	font-size:10px;
	margin:0 0 10px 0;
	padding:0 0 5px 0
	}

	.carteWrap div > p:nth-child(1) {
	display:inline-block;
	position:inherit;
	width:60%;
	margin:0
	}

	.carteWrap div > p:nth-child(2) {
	display:inline-block;
	position:inherit;
	width:20%;
	text-align:right;
	top:auto;
	right:auto;
	margin:0
	}

	.carteWrap div > p:nth-child(3) {
	display:inline-block;
	position:inherit;
	width:20%;
	text-align:right;
	top:auto;
	right:auto;
	margin:0
	}

	#numberResa a {
	width:40px;
	font-size:15px;
	margin:0 8px 0 0;
	padding:5px 0
	}

	.horaireResa  a {
	width:60px;
	font-size:14px;
	margin:0 15px 0 0;
	padding:8px 0
	}

	#numberResa a { margin-bottom:25px }

	#resa_groupe { width:45% }
}

@media only screen and (max-width:780px) {
	.galerie {
	width:48%;
	margin:10px 1%
	}

	.CT, .CB { background:none }

	.galerie a, .galerie a:hover { font-size:11px }

	#logoWrap, .fixedLogo, #wrapTop .fixedLogo, #wrapTop2 .fixedLogo {
	position:absolute;
	width:40%;
	top:20px;
	left:30%
	}
}

@media only screen and (max-width:700px) {
	#footer div:nth-child(1),
	#footer div:nth-child(2),
	#footer div:nth-child(3) {
	width:100%;
	text-align:center;
	margin:0 0 25px 0
	}

	.lato28, a.lato28, a.lato28:hover { font-size:24px; font-family:'Lato', sans-serif; line-height:30px }
	.lato26, a.lato26, a.lato26:hover { font-size:22px; font-family:'Lato', sans-serif; line-height:28px }
	.lato24, a.lato24, a.lato24:hover { font-size:20px; font-family:'Lato', sans-serif; line-height:26px }
	.lato22, a.lato22, a.lato22:hover { font-size:19px; font-family:'Lato', sans-serif; line-height:24px }
	.lato20, a.lato20, a.lato20:hover { font-size:17px; font-family:'Lato', sans-serif; line-height:22px }
	.lato18, a.lato18, a.lato18:hover { font-size:14px; font-family:'Lato', sans-serif; line-height:20px }
	.lato16, a.lato16, a.lato16:hover { font-size:13px; font-family:'Lato', sans-serif; line-height:18px }
	.lato14, a.lato14, a.lato14:hover { font-size:12px; font-family:'Lato', sans-serif; line-height:16px }
	.lato12, a.lato12, a.lato12:hover { font-size:11px; font-family:'Lato', sans-serif; line-height:14px }

	.btnGold, .carteLink,
	.btnGold:hover, .carteLink:hover { font-size:12px; padding:6px 10px }

	.resaWrap .case1d {
	width:100%;
	margin:0 0 25px 0
	}
}