.body {
  font-optical-sizing: auto;
  font-style: normal;
}

/*-------------PARAMETRES DU SITE--------------*/
:root {
	/* Nom des polices */
	--cnvs-body-font: "Roboto", sans-serif;;
	--cnvs-primary-font: "Roboto", sans-serif;;
	--cnvs-secondary-font: "Roboto", sans-serif;;
	/*Taille des textes*/
	--cnvs-line-height-content:20px;
	--cnvs-font-size-body:14px;
	/* Epaisseur des polices*/
	--cnvs-headings-font-weight: 500;
	--cnvs-post-title-font-weight: 500;
	/*Taille des polices*/
	--cnvs-font-size-h1: 2.6rem;
	--cnvs-font-size-h2: 2rem;
	--cnvs-font-size-h3: 1.5rem;
	--cnvs-font-size-h4: 1.3rem;
	/*Couleurs*/
	--cnvs-themecolor: #c34228;
	--cnvs-themecolor-rgb: 195, 66, 40;
	--bs-body-color:#080808;
	--cnvs-heading-color:#c34228;
	/*Fonds*/
	--cnvs-section-bg:#f1ede4;
	--cnvs-mfp-overlay-color:var(--cnvs-themecolor);
	--cnvs-mfp-overlay-opacity:0.8;
	/*Hauteur du logo*/
	--cnvs-header-height: 70px;
	/*Durée des transitions*/
	--cnvs-animate-duration: 2.5s;
	/*Slider*/
	--cnvs-slider-arrows-bg-color:rgba(var(--cnvs-themecolor-rgb), 0.4);
	--cnvs-slider-arrows-bg-hover-color:rgba(var(--cnvs-themecolor-rgb), 0.7);
	--cnvs-canvas-slider-dots-size: 15px;
	--cnvs-slider-arrow-color: var(--cnvs-themecolor);	
}
.not-dark {
	--cnvs-contrast-900: #333;
	--cnvs-primary-menu-submenu-border: 1px dashed rgba(var(--cnvs-contrast-rgb), 0.2);
}


#header {
	--cnvs-sticky-header-height: 70px;
	/*Menu*/
	--cnvs-primary-menu-color: #fff;
	--cnvs-primary-menu-font-weight: 400;
	/*--cnvs-primary-menu-tt: none;*/
	--cnvs-primary-menu-ls: 3px;
	--cnvs-primary-menu-font-size: 20px;
	--cnvs-primary-menu-font-weight: 300;
	--cnvs-primary-menu-active-color:#c34228;
	--cnvs-primary-menu-hover-color:var(--cnvs-primary-menu-active-color);
	--cnvs-primary-menu-font:var(--cnvs-body-font);
}
.dark {
	--cnvs-header-sticky-bg:#1d1d1b;
	--cnvs-contrast-bg:#1d1d1b;
}

.cnvs-hamburger { --cnvs-hamburger-size: 1.2rem; --cnvs-hamburger-width: 1px; padding: 10px; border-radius: 50%;}
.cnvs-hamburger .cnvs-hamburger-inner,
.cnvs-hamburger .cnvs-hamburger-inner::before,
.cnvs-hamburger .cnvs-hamburger-inner::after { background-color: #c34228; height: 2px; width: 25px;}


.button {
	--cnvs-btn-color-dark:#c34228;
	letter-spacing: 1px;
	color:#fff !important;
	font-weight: 400;
}


/*-------------TITRE--------------*/
h1, .h1, h2, .h2 { margin-bottom: 10px}

.titre-section {font-size: 34px; color:#c34228; font-weight: 700; letter-spacing: 2px; margin-bottom: 50px}

/*-------FOND et COULEUR----------*/
.bg-overlay-bg {
  --cnvs-bg-overlay-bg-opacity: 0.6;
  --cnvs-bg-overlay-bg: rgba(var(--cnvs-themecolor-rgb), var(--cnvs-bg-overlay-bg-opacity));
  background-color: var(--cnvs-bg-overlay-bg);
}
.bg-dark { background-color: #1d1d1b !important}



/*-------------DIVERS-------------*/

a.lien-texte { border-bottom: 1px dashed}
a.lien-tel {color:#c34228; border-bottom: 1px dashed}

b, strong {font-weight: 500;}

.text-justify p {text-align: justify;}


/*-------------HEADER-------------*/
#header-wrap, #logo, .menu-container { border: none !important}
#header.sticky-header #header-wrap { box-shadow: 0 0 15px rgba(0,0,0,0.6) !important;}
#logo { padding: 10px 0}

.menu-item.current > .menu-link { font-weight: 700 !important;}
.is-expanded-menu.overlay-menu .menu-container { max-width: 300px}
.is-expanded-menu.overlay-menu .primary-menu { --cnvs-primary-menu-font-size:20px;}
.is-expanded-menu.overlay-menu .menu-link { --cnvs-primary-menu-padding-y: 15px;}
.is-expanded-menu.overlay-menu .primary-menu-trigger { width: auto !important}
.is-expanded-menu.overlay-menu .primary-menu-trigger .menu-text { margin-left: 5px; text-transform: uppercase}
.is-expanded-menu.overlay-menu.primary-menu-open .primary-menu {background-image: url("../images/bg-navigation.png"); background-repeat: no-repeat; background-position: center center}

.btn-reservation { border-color:#c34228 !important; color: #fff !important; text-transform: uppercase}

/*-------------CONTENT-------------*/
/*Contenu des sections*/
.contenu-section p { color: #e9e2d0;}
.meta-section { position: absolute; z-index: -10 }

/*Slider*/
.flex-control-nav li { width: 20px; height: 10px;}
.flex-control-nav li a { border-radius: 0}

/*Accueil*/
.logo-slider { position: absolute; z-index: 1000;height: auto; }


/*Pop/up*/
.mfp-counter { display: none}

.content-ajax-modal { position: relative; width:  1000px !important; margin: 0 auto; border: none}
.content-ajax-modal .modal-padding { background-color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

.ajax-modal-title {padding: 5px 20px;background-color: #080808 !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: none;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #fff; text-transform: none}

.content-ajax-modal p { color: #080808 !important}
.content-ajax-modal p.donnees-personnelles { text-align: justify; font-size: 13px}
.content-ajax-modal a { color: #080808 !important; border-bottom: 1px dashed}
.content-ajax-modal a:hover { border-bottom: 1px solid}


/*Pop/up sur accueil*/
#evenement > div {background-color: #fff ; border-radius: 0;}
#evenement > div h3 { color: #080808 !important;}
#evenement > div p { color: #080808}
#evenement .section { background-color: #080808; border-bottom-left-radius: 0; border-bottom-right-radius: 0}
#evenement .section a.button-close { color: #fff; border-bottom: 1px dotted}

/*Carte*/
#carte { z-index: 200}
.leaflet-popup-content-wrapper { border-radius: 0px; background-color: #fff}
.leaflet-popup-tip { background: #fff;}
.leaflet-container a.leaflet-popup-close-button {padding: 0;width: 20px; height: 20px; line-height: 18px; color: #fff; background: #c34228;}
.leaflet-container a.leaflet-popup-close-button:hover { background:#000; color: #fff; }
.leaflet-popup-content { margin-top: 20px; font-family: var(--cnvs-body-font);width: 180px !important; color: #080808}
.leaflet-popup-content .h2  {color: #080808; font-size: 17px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; line-height: 18px; margin-bottom: 5px !important }
.leaflet-popup-content .h2 span { font-size: 14px; color: #080808; display: block;}
.leaflet-popup-content p { margin: 5px 0; line-height: 16px !important;font-size: 14px !important; letter-spacing: 0 !important;}
.leaflet-popup-content a { color: #c34228; border-bottom: 1px dotted;}
.leaflet-popup-content a:hover { border-bottom-style: solid}
.leaflet-popup-content a.btn { background-color: #c34228; color: #fff; border: none; border-radius: 0px; font-size: 12px; letter-spacing: 0; padding: 5px 15px; margin-top: 10px;}
.leaflet-popup-content a.btn:hover { background-color: #000; color: #fff;}

.leaflet-touch .leaflet-bar { border: 2px solid #fff;}
.leaflet-bar a { background-color: #c34228; border-bottom: 1px solid #fff; color: #fff}
.leaflet-bar a:hover { background-color: #000; color: #fff}
.leaflet-touch .leaflet-control-attribution { display: none}

/*Formulaire*/
.form-control, button  { border-radius: 0 !important  }
button { font-weight: 400}
.form-widget .rgpd { font-size: 12px !important;  color: #666 !important;  line-height: 13px !important;  letter-spacing: 0;
    margin-top: 10px; margin-bottom: 5px; max-width: none; text-align: justify;}
.form-widget .rgpd a {color:#666 !important; border-bottom: 1px dotted}


.form-control {
	--cnvs-input-focus-color: #000;
	--cnvs-input-focus-bg: #fff;
	--cnvs-input-focus-border-color: #c34228;
	--cnvs-input-focus-box-shadow: 0 0 0 0.10rem #c34228;
	background-color: #fff;
}
.input-group-text { color: #FFF; background-color: #c34228; border: 1px solid #c34228; border-radius: 0;}

.datepicker { background-color: #eee; border-radius: 0}
.datepicker th.prev,
.datepicker th.datepicker-switch,
.datepicker th.next { background-color: #1d1d1b; color: #fff; border-radius: 0}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover { background: #444;}
.datepicker th.dow { background-color: #ddd; border-radius: 0}
.datepicker table tr td { border-radius: 0}
.datepicker table tr td.today {background-color: #1d1d1b !important; color: #fff !important; background-image: none !important;}
.datepicker table tr td.active {background-color: #c34228 !important; color: #fff !important; background-image: none !important;}


/*Tarte aux citrons*/
html body.stretched #tarteaucitronRoot #tarteaucitronAlertBig span { color: #ddd !important;}
html body.stretched #tarteaucitronRoot button.tarteaucitronDeny {  color: #ddd !important;}
html body.stretched #tarteaucitronRoot #tarteaucitronCloseAlert { color: #ddd !important;}


/*-------------FOOTER-------------*/
#footer { border: none; background-color: #1d1d1b}
#footer #copyrights {color: rgba(255, 255, 255, 1);font-size: 14px; line-height: 18px;}
#footer #copyrights a {color: rgba(255, 255, 255, 0.9); border-bottom: 1px dashed; display: inline-block}
#footer #copyrights a:hover {color: rgba(255, 255, 255, 1)}
#footer #copyrights .copyright-links {font-size: 12px}
#footer #copyrights .copyright-links a {color: rgba(255, 255, 255, 0.8); border: none; display: inline-block}
#footer #copyrights .copyright-links a:hover {color: rgba(255, 255, 255, 1)}
#footer .message-alcool {font-size: 13px; font-style: italic; color: rgba(255,255,255,0.5); margin-top: 30px}

#footer .social-icon span { position: absolute; z-index: -10}

/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {	
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 750px}
	/*FOOTER*/
}


@media (min-width: 1400px) and (max-width: 1599.98px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 700px}
	/*FOOTER*/
}

@media (min-width: 1400px) {
	/*HEADER*/
	/*CONTENT*/
	.logo-slider { position: absolute; z-index: 100; width: 300px; height: auto; left: calc(50% - 150px); top: 0}
	/*FOOTER*/
}
@media (max-width: 1399.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 60px;}
	/*CONTENT*/
	#carte { height: 650px}
	
	.logo-slider {width: 250px;  left: calc(50% - 125px);}
	/*FOOTER*/
}

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 50px;}
	/*CONTENT*/
	.content-ajax-modal {width:  800px !important;}
	
	#carte { height: 650px}
	
	.logo-slider {width: 200px;  left: calc(50% - 100px);}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/
	.menu-item.langue {margin-bottom: 50px;}
	.menu-item.langue > .menu-link { display: inline-block; font-size: 15px; border: 1px solid #999; padding: 5px 15px;}
	.menu-item.langue > .menu-link:hover { border-color: #c34228; background-color: #c34228; color: #fff}
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 550px}	
	/*FOOTER*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 50px;}
	/*CONTENT*/
	.content-ajax-modal {width:  600px !important;}
	
	/*FOOTER*/
}
@media (min-width: 768px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}
@media (max-width: 767.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 40px;}
	.menu-link { font-size: 16px; letter-spacing: 1px}
	/*CONTENT*/
	h2, .h2 { font-size: 1.8rem; }
	h3, .h3 { font-size: 1.4rem;}
	/*FOOTER*/
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/*HEADER*/	
	/*CONTENT*/
	.content-ajax-modal {width:  500px !important;}	
	/*FOOTER*/
}

@media (min-width: 576px) {
	/*HEADER*/	
	/*CONTENT*/
	/*FOOTER*/	
}

@media (max-width: 575.98px) {
	/*HEADER*/
	/*CONTENT*/
	.content-ajax-modal {width:  430px !important;}	
	/*FOOTER*/
}