/* CSS Document */
/*
doré #DFB237
bleu #221959
*/
.navbar-nav {z-index: 2;}

*, *::before, *::after {z-index: 1;}
div, section, header, footer {position: relative;}
html, body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
}
a {color:#000000;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "Barlow Condensed", serif;
	font-weight: 900;
	color:#221959;
	line-height: 95%;
	letter-spacing: 0%;
}
.more {display:none;}
h1, .h1 {font-size: 45px;}
h2, .h2 {font-size: 36px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 24px;}

.divpause {
	background:url("/pics/mascotte.png") right 2rem bottom no-repeat;
	padding: 1.5rem 260px 1.5rem 1.5rem;
	background-size:auto 94%;
}
.divespace {background:url("/pics/cafe.png") left top no-repeat;}
.divespace div:first-child {
	letter-spacing: 20px;
	border-bottom:1px solid #DFB237;
	text-transform: uppercase;
	margin-left: 100px;
	font-weight: 900;
}
.pause {
	font-size:60px;
	font-weight: 900;
	line-height: 90%;
	text-indent: 50px;
	padding-left:50px;
}
header {
	background-image:url("/pics/fd_header.jpg"), linear-gradient(#647FCC 0, #A3B8D9 100%);
	background-position: center center, center top;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, 100% 56.9%;
	background-color:#DFB237;
	min-height: 850px;
	height:80vh;
	max-height: 940px;
}
.jeu_eau {
	position: absolute;
	top:58.09%;
	left:0;
}
.row.tarif {
	background: url("/pics/fd_txtpaillete.jpg") center center repeat-x;
	background-size:auto 14px;
}
.pastille {
	width:214px;
	height:214px;
	border-radius: 100%;
	display: block;
	background: url("/pics/fd_txtpaillete.jpg");
	padding: 10px;
	margin: 60px auto;
}
.pastille .fdblanc {
	display: block;
	width: 194px;
	height:194px;
	border-radius: 100%;
}
.garcon {
	position:absolute;
	top:0;
	right: 0;
	z-index: 2;
}
.mt-50px {
	margin-top:50px;
	padding-top:1px;
}
input, textarea, select {
	width:100%;
	clear: both;
	margin:0;
}
label {font-weight:400; color:#221959;}
textarea {min-height:190px;}
textarea.noheight {min-height: 0;}
input[type=submit], input[type=radio], input[type=checkbox] {
	float:none;
	clear: left;
	width: auto;
}
input.nowidth {width:auto !important;}

input[type=text], textarea {
	border:1px solid #CECDCD;
	margin:0 0 10px 0 ;
	width:100%;
	padding: 6px;
	font-weight: 200;
	color:#221959;
}
input[type=radio]{
	margin:0 2px 10px 10px ;
}
input:focus, textarea:focus {
	background-color: rgba(0, 0, 0, 0);
}

.carousel-control-prev {left: -110px;}
.carousel-control-next {right: -110px;}
.carousel-control-next-icon, .carousel-control-prev-icon {width:20px;height: 36px;}
.carousel-control-prev-icon {background-image: url("/pics/fleche_g.svg");}
.carousel-control-next-icon {background-image: url("/pics/fleche_d.svg");}
.carousel-indicators [data-bs-target] {background-color: #C3A52D;}

.btn-primary, .btn-secondary, .btn-tertiary {
	text-transform: uppercase;
	color:#FFFFFF;
	padding: 8px 30px 6px 30px;
	font-family: "Montserrat", serif;
	background-color:#C3A52D;
	border-color:#C3A52D;
	font-size: 24px;
}
.btn-primary:hover, .btn-primary.active, .btn-primary.active:hover {
	background-color:#221959;
	border-color:#221959;
}
.btn-secondary {
	background-color:#221959;
	border-color:#221959;
	font-size: 18px;
}
.btn-secondary:hover, .btn-secondary.active, .btn-secondary.active:hover {
	background-color:#C3A52D;
	border-color:#C3A52D;
}
.btn-tertiary {
	text-transform: none;
	padding: 4px 10px 2px 10px;
	background-color:#C3A52D;
	border-color:#C3A52D;
	font-size: 12px;
}
.btn-tertiary:hover, .btn-tertiary.active, .btn-tertiary.active:hover {
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	color:#221959;
}

.txt20 {font-size:20px;}
.txt12 {font-size:12px;}
.txt30 {font-size:30px;}
.txt40 {font-size:40px;}
.txt60 {font-size:60px;}
.txt80pc {font-size:80%;}
.txtdore {color:#DFB237;}
.txtbleu {color:#221959;}
.txtblanc {color:#FFFFFF;}
.txtnoir {color:#000000;}
.erreur {color:#FF0000;margin:-10px 0 10px 0;}
#messageFormulaire {color:#FF0000;}
.txtpaillete {
	background: url("/pics/fd_txtpaillete.jpg");
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.txtbarlow {font-family: "Barlow Condensed", sans-serif;}
.txtmontserrat {font-family: "Montserrat", serif;}

.fddore {background-color:#C3A52D;}
.fdbleu {background-color:#221959;}
.fdblanc {background-color:#FFFFFF;}
.fdnoir {background-color:#000000;}
.fdpaillette {background: url("/pics/fd_paillette.jpg");}
.fdciel {background-image:url("/pics/ciel.jpg"), linear-gradient(#5564C5 0, #8AB6E9 20%, #A6C7EF 40%, #7AACE9 60%, #C4D9F3 80%, #B1D3F1 100%);background-size: cover, cover;}

@media (max-width:1399.98px){
	.divpause {background-position: right 1rem bottom;padding: 1.5rem 160px 1.5rem 1.5rem;background-size:150px auto;}
}
@media (max-width:1199.98px){
	.divpause {background-position: right 0.5rem bottom;padding: 1.5rem 80px 1.5rem 1.5rem;background-size:160px auto;}
	.divtxtsnack {padding-right:90px;}
	.garcon {right: -30px; width:160px; height:auto;}
}
@media (max-width:991.98px){
	header {background:none;min-height:0;height:auto;max-height:auto;}
	.garcon {right: -50px;}
}
@media (max-width:767.98px){
	.pastille {margin: 10px auto;}
	.row.tarif {background:none;}
}
@media (max-width:575.98px){
}