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

/*-------------PARAMETRES DU SITE--------------*/
:root {
	/* Nom des polices */
	--cnvs-body-font: "Lora", serif;
	--cnvs-primary-font: "Lora", serif;
	--cnvs-secondary-font: "Lora", serif;
	/*Taille des textes*/
	--cnvs-line-height-content:30px;
	--cnvs-font-size-body:17px;
	/* Epaisseur des polices*/
	--cnvs-headings-font-weight: 400;
	--cnvs-post-title-font-weight: 400;
	/*Taille des polices*/
	--cnvs-font-size-h1: 2.4rem;
	--cnvs-font-size-h2: 1.6rem;
	--cnvs-font-size-h3: 1.4rem;
	--cnvs-font-size-h4: 1.1rem;
	/*Couleurs*/
	--cnvs-themecolor: #415646;
	--cnvs-themecolor-rgb: 65, 86, 70;
	--bs-body-color:#415646;
	--cnvs-heading-color:#415646;
	/*Fonds*/
	--cnvs-section-bg:#f1ede4;
	--cnvs-mfp-overlay-color:var(--cnvs-themecolor);
	--cnvs-mfp-overlay-opacity:0.8;
	/*Hauteur du logo*/
	--cnvs-header-height: 120px;
	/*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);
}

.heading-block {
  --cnvs-heading-block-font-size-h1: 2.5rem;
  --cnvs-heading-block-font-size-h2: 2.125rem;
  --cnvs-heading-block-font-size-h3: 1.875rem;
  --cnvs-heading-block-font-size-h4: 1.375rem;
  --cnvs-heading-block-font-weight: 400;
  --cnvs-heading-block-font-spacing: 0;
  --cnvs-heading-block-font-transform: uppercase;
  --cnvs-heading-block-border: none;
}

#header {
	/*Menu*/
	--cnvs-primary-menu-color: #415646;
	--cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-ls: 1px;
	--cnvs-primary-menu-font-size: 18px;
	--cnvs-primary-menu-active-color:#000;
	--cnvs-primary-menu-hover-color:var(--cnvs-primary-menu-active-color);
}

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

.button {
	--cnvs-btn-color-dark:#000;
	letter-spacing: 1px;
}


/*-------------TITRE--------------*/
.titre-bloc .container  { max-width: 870px; margin: auto}

h2 span {opacity: 0;}



/*-------FOND et COULEUR----------*/
.bg-fonce { background-color: #415646 !important}
.bg-clair { background-color: #e2e5e2 !important}
.bg-blanc { background-color: #fff !important} 

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

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

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

b, strong {font-weight: 700;}

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


/*-------------HEADER-------------*/
#header.sticky-header #header-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;}

.is-expanded-menu.overlay-menu .menu-container {  max-width: 350px}
.is-expanded-menu.overlay-menu.primary-menu-open .primary-menu { background-image: url("../images/bg-menu.png"); background-size: contain; background-position: center; background-repeat: no-repeat;background-color: #fff;}
.is-expanded-menu.overlay-menu .menu-link {font-weight: 400;font-size: 24px; text-transform: uppercase; letter-spacing: 2px; padding: 20px 0}

.is-expanded-menu.overlay-menu .reseaux a.social-icon { margin-left: 10px}
.is-expanded-menu.overlay-menu .reseaux i {font-size: 20px;} 
.menu-item.current > .menu-link { font-weight: 700 !important;}


/*-------------CONTENT-------------*/

.bg-texte {background-image: url("../images/bg-menu.png"); background-size: 90% auto; background-position: center; background-repeat: no-repeat;}

.section.parallax { }
.section.parallax .titre, .section.parallax .sous-titre, .section.parallax .description {text-transform: uppercase; color: #e2e5e2}
.section.parallax .titre { font-size: 50px; letter-spacing: 5px}
.section.parallax .sous-titre { font-size: 20px;max-width: 700px; margin: 60px auto; letter-spacing: 3px}
.section.parallax .description { font-size: 16px;margin: 40px auto; letter-spacing: 1px}
.section.parallax img { max-width: 160px}
.section.parallax .reseaux a.social-icon { border-color: #e2e5e2; margin-left: 10px}
.section.parallax .reseaux i { color: #e2e5e2; font-size: 20px;} 


.bloc-introduction .portfolio-image { z-index: 100}
.bloc-introduction .portfolio-item .portfolio-desc { z-index: 101; position: absolute; bottom: 50px; left: 0;width: 100%; text-align: center; padding: 0}
.bloc-introduction .portfolio-item .portfolio-desc .legende { background-color: rgba(255,255,255,0.6); padding: 10px 30px; color: #415646; display: inline-block;letter-spacing: 1px; text-transform: uppercase; border-radius: 10px}
.bloc-introduction .portfolio-item a:hover .portfolio-desc .legende  {background-color:#415646; color: #fff}
.bloc-introduction .portfolio-item h2 { z-index: 99; position: absolute; top: 0}

.haut-page h1 { position: absolute; z-index: -10}

.liste-1, .liste-2 { list-style: none}
.liste-1 li, .liste-2 li {line-height: 25px; position: relative; display: flex; flex-wrap: wrap;}
.liste-1 li span, .liste-2 li span  { flex: 1 0 0%;}
.liste-1 li::before, .liste-2 li::before {position: relative; display: inline-block;content: ''; height: 25px; width: 25px; background-repeat: no-repeat; margin-right: 10px}
.liste-1 li::before { background-image: url("../images/icons/liste-1.png");}
.liste-2 li::before { background-image: url("../images/icons/liste-2.png");}

.tarif {background-color: #415646;  color: #fff; padding: 5px 30px; display: inline-block}
.mention-tarif { font-size: 12px; margin-top: 15px}

/*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: #415646 !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: #415646 !important}
.content-ajax-modal p.donnees-personnelles { text-align: justify; font-size: 13px}
.content-ajax-modal a { color: #415646 !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: #415646 !important;}
#evenement > div p { color: #415646}
#evenement .section { background-color: #415646}
#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: #415646;border-top-right-radius: 5px;}
.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: #415646}
.leaflet-popup-content .h2  {color: #415646; 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: #415646; 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: #415646; border-bottom: 1px dotted;}
.leaflet-popup-content a:hover { border-bottom-style: solid}
.leaflet-popup-content a.btn { background-color: #415646; 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: #415646; border-bottom: 1px solid #fff; color: #fff}
.leaflet-bar a:hover { background-color: #000; color: #fff}
.leaflet-touch .leaflet-control-attribution { display: none}


/*-------------FOOTER-------------*/
#footer { border: none}
#footer #copyrights {color: rgba(255, 255, 255, 1);font-size: 14px}
#footer #copyrights a {color: rgba(255, 255, 255, 0.9); border-bottom: 1px dotted; 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.7); border: none; display: inline-block}
#footer #copyrights .copyright-links a:hover {color: rgba(255, 255, 255, 1)}



/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {	
	/*HEADER*/
	#header-wrap #logo img { height: 190px;}
	/*CONTENT*/
	#carte { height: 750px}
	/*FOOTER*/
}


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

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


@media (min-width: 1200px) and (max-width: 1399.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 150px;}
	/*CONTENT*/
	#carte { height: 650px}
	/*FOOTER*/
}

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	.bloc-introduction .portfolio-item:first-child { padding:100px 50px 100px 100px}
	.bloc-introduction .portfolio-item:last-child { padding:100px 100px 100px 50px}
	/*FOOTER*/
}

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

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	#header-wrap #logo img { height: 120px;}
	/*CONTENT*/
	.content-ajax-modal {width:  800px !important;}
	
	.bloc-introduction .portfolio-item:first-child { padding:70px 35px 70px 70px}
	.bloc-introduction .portfolio-item:last-child { padding:70px 70px 70px 35px}
	
	#carte { height: 650px}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/
	.is-expanded-menu.stretched .full-header #header-wrap > .container { padding: 0 50px;}
	#logo a { margin-left: 70px;}
	/*CONTENT*/	
	#slider .slider-inner,
	section.haut-page {border-left: 25px solid rgb(255, 255, 255); border-right: 25px solid rgb(255, 255, 255); border-top: 25px solid rgb(255, 255, 255);}
	
	.bloc-texte { max-width: 450px; }
	
	.bloc-introduction .portfolio-item .portfolio-desc .legende {font-size: 16px;}
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	/*HEADER*/
	.is-expanded-menu.stretched .full-header #header-wrap > .container { padding: 0 30px;}
	#logo a { margin-left: 70px;}
	/*CONTENT*/
	#slider .slider-inner,
	section.haut-page {border-left: 15px solid rgb(255, 255, 255); border-right: 15px solid rgb(255, 255, 255); border-top: 15px solid rgb(255, 255, 255);}
	.section.parallax {padding: 150px 0 !important}
	
	.bloc-introduction .portfolio-item .portfolio-desc .legende {font-size: 14px;}
	#carte { height: 550px}	
	/*FOOTER*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	.content-ajax-modal {width:  600px !important;}
	
	.bloc-introduction .portfolio-item:first-child { padding:50px 25px 50px 50px}
	.bloc-introduction .portfolio-item:last-child { padding:50px 50px 50px 25px}
	/*FOOTER*/
}
@media (min-width: 768px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}
@media (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	.bloc-introduction .portfolio-item:first-child { padding:65px 65px 25px 65px}
	.bloc-introduction .portfolio-item:last-child { padding:25px 65px 65px 65px}
	/*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*/
}