@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'NeueMontreal'; /*a name to be used later*/
    src: url(../fonts/NeueMontreal-Regular.ttf); /*URL to font*/
}

@font-face {
    font-family: 'NeueMontreal'; /*a name to be used later*/
    src: url(../fonts/NeueMontreal-Italic.ttf); /*URL to font*/
	font-style: italic;
}

@font-face {
    font-family: 'NeueMontreal'; /*a name to be used later*/
    src: url(../fonts/NeueMontreal-Bold.ttf); /*URL to font*/
	font-weight: bold;
}

@font-face {
    font-family: 'NeueMontreal'; /*a name to be used later*/
    src: url(../fonts/NeueMontreal-BoldItalic.ttf); /*URL to font*/
	font-weight: bold;
	font-style: italic;
}

:root {
    --main-color-saumon: #f15c49;
    --main-color-bleu-pale: #5d7fc0;
    --main-color-bleu-moyen: #005aab;
    --main-color-bleu-fonce: #0a173d;
}

* {margin: 0; padding: 0; border: 0;}

html {scroll-behavior: smooth; }

body {font-family: 'NeueMontreal', sans-serif; line-height: 1.3; color: var(--main-color-bleu-fonce);}

/* structure générale */

.div-inner-large { margin: 0 10%; position: relative;}
.div-inner-petit { margin: 0 auto; width: 1000px; position: relative;}

header {position: fixed; width: 100%; z-index: 6; margin-top: 60px;}
header #logo { position: absolute; left: 0; width: 250px; z-index: 2;}
header #logo img {width: 100%; height: auto;}

#header-social {position: absolute; top: 40px; right: 10%; z-index: 7;}
#header-social a {vertical-align: top;}
#header-social a:hover {opacity: 1;}

#footer-langue {line-height: 40px; text-align: center; color: #fff; font-size: 12px;}

#footer-facebook, #footer-instagram { line-height: 0; font-size: 0; color: transparent;}
#footer-facebook {background-image: url("../images/icons/facebook.svg");}
#footer-instagram {background-image: url("../images/icons/instagram.svg");}


/* MENU */

#site-navigation {list-style: none; position: relative; z-index: 1;}

@media all and (min-width : 1000px) {
#primary-menu {list-style: none; position: relative; text-align: right; padding-top: 40px;}
#primary-menu > li {display: inline-block; margin-right: 40px;}
#primary-menu > li:last-child {margin-right: 0;}
#primary-menu > li:last-child a {font-size: 16px; padding: 10px 20px; color: var(--main-color-bleu-fonce); background-color: #fff; border-radius: 15px;}
#primary-menu > li > a { font-size: 18px; text-transform: uppercase; text-decoration: none; color: #fff; letter-spacing: 1px; position: relative; cursor: pointer; padding: 20px 0}
#primary-menu > li > a:before {position: absolute; content: ""; width: 0; height: 0; background-color: var(--main-color-saumon); border-radius: 100%; left: 50%; bottom: 100px; transform: translateX(-50%);}
#primary-menu > li:hover > a {color:  var(--main-color-saumon);}
#primary-menu > li:hover > a:before { bottom: 55px; width: 15px; height: 15px;}
#primary-menu > li:last-child a {margin-right: 0;}

#primary-menu .menu-item-has-children ul {opacity: 0;}
#primary-menu .menu-item-has-children:hover ul {opacity: 1; transition: opacity 500ms;}
    
#primary-menu .sub-menu { background: url("../images/bg-sub.jpg") bottom center no-repeat; background-size: cover; padding: 20px 30px; top: 100%; transform: translateX(-50%); margin-left: 50%; text-align: center; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3); border-radius: 10px;}
#primary-menu .sub-menu:before { content: ""; position: absolute; left: 50%; top: -15px; width: 30px; height: 30px; transform: translateX(-50%); background-color: var(--main-color-bleu-moyen); border-radius: 100%;}
#primary-menu .sub-menu a {color: #fff; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.3); font-size: 18px; width: 250px;}
#primary-menu .sub-menu a:hover {color: var(--main-color-saumon);}
#primary-menu .sub-menu li:last-child a {border: 0;}
}

.menu-toggle { text-indent: -9999px; background: url(../images/menu-ferme.svg) center center no-repeat transparent; border: 0; z-index: 9999; position: absolute; top: 35px; right: 0; width: 50px; height: 50px;}
.home .menu-toggle { top: 40px;}
.toggled .menu-toggle {background: url(../images/menu-ouvert.svg) center center no-repeat transparent;}

.menu-toggle, .toggled .menu-toggle { background-size: 30px 30px;}

#scroll-top {display: none;}

@media all and (min-width : 1000px) {
    .element-visible { opacity: 1 !important; visibility: visible !important;}

	#scroll-top { font-size: 30px; position: fixed; display: block; width: 70px; height: 70px; text-align: center; background: url("../images/btn-noise.png") center center var(--main-color-saumon); background-size: cover; border-radius: 50%; color: #fff; bottom: 20px; right: 40px; z-index: 9999; opacity: 0; visibility: hidden;}
    #scroll-top img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#scroll-top:hover { color: #fff; background-color: var(--main-color-bleu-pale);}
	
	header.menu-mini {box-shadow: 0 0 70px rgba(0,0,0,0.3); background-color: rgba(10,23,61,0.9); margin-top: 0 !important;}
    header.menu-mini #logo { width: 100px !important; margin-top: 8px;}
    header.menu-mini #menu {padding: 20px 0;}
    header.menu-mini #primary-menu {padding-top: 0;}
}

#contenu {position: relative;}

#zone-top {background: url("../images/bg-top.jpg") bottom center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; position: relative; height: 50vh;}
#zone-top:after {position: absolute; content: ""; width: 26px; height: 58px; background: url("../images/fleche-header.png") no-repeat; background-size: cover; bottom: 60px; left: 50%; transform: translateX(-50%); opacity: 0.8;}
#zone-top .div-inner-large {width: 80%; height: 100%; z-index: 1;}
#zone-top-contenu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
#zone-top-contenu h1 { font-size: 80px; margin-bottom: 15px; line-height: 1;}

#myVideo {
    position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.bg-move { content:""; position: absolute; width: 2300px; height: 185px; background:url("../images/a-la-decouverte.png") center center repeat-x; background-size: cover; bottom: 20%; transform: translateX(15%); z-index: 0; opacity: 0.2;}

#zone-orange { color: #fff; background: url("../images/bg-zone-orange.jpg") top center no-repeat; margin-top: -100px; background-size: cover; text-align: center; position: relative; overflow: hidden; padding: 6vw 0 300px 0; margin-bottom: 6vw;

    mask-image: url(../images/mask-rond.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: url(../images/mask-rond.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;}
#zone-orange .div-inner-large, #zone-orange .div-inner-petit { z-index: 1;}
#zone-orange:after {position: absolute; content: ""; width: 100%; height: 100%; background: url("../images/vagues-separ.svg") bottom center no-repeat; background-size: contain; bottom: 0; left: 0; z-index: 0;}
#zone-orange p, #zone-orange a { position: relative; z-index: 1;}
#zone-orange a {margin-top: 50px;}
#zone-orange p { font-size: 30px;}

.galerie-parallax {position: relative; width: 100%; margin-top: -80px; padding-bottom: 6vw; z-index: 2;}
.galerie-parallax-element {position: absolute;}
.galerie-parallax-element img { display: block; width: 100%; height: 100%; object-fit: cover;}

.galerie-parallax-element:nth-child(1) {width: 20%; left: 0; z-index: 0;}
.galerie-parallax-element:nth-child(2) {width: 25%; left: 18%; transform: translateY(-20%); z-index: 1;}
.galerie-parallax-element:nth-child(3) {width: 20%; left: 40%; transform: translateY(45%); z-index: 2;}
.galerie-parallax-element:nth-child(4) {width: 20%; left: 55%; transform: translateY(-20%); z-index: 3;}
.galerie-parallax-element:nth-child(5) {width: 27%; left: 73%; transform: translateY(-10%); z-index: 0;}


.bloc-photo-texte {width: 100%; position: relative; padding-top: 80px; margin-bottom: 6vw;}
.bloc-photo-texte:after {display: table; content: ""; clear: both;}
.bloc-photo-texte:last-child {margin-top: 6vw;}
.bloc-photo-texte-image {width: 50%; position: absolute; z-index: 1; margin-top: -80px;}
.bloc-photo-texte-image img { width: 100%; height: auto; display: block;}
.bloc-photo-texte-texte { width: 60%; background: url("../images/bg-boite-grise.jpg") 30% 40% no-repeat #e6e7eb;} 
.bloc-photo-texte:nth-child(odd) .bloc-photo-texte-texte { background-position: 20% 70%;}
.bloc-photo-texte-texte-inner { padding: 10% 0;}
.bloc-photo-texte-texte-inner p {}
.bloc-photo-texte-texte-inner p:last-child {margin-bottom: 0;}

.bloc-photo-texte-gauche .bloc-photo-texte-image {left: 0;}
.bloc-photo-texte-gauche .bloc-photo-texte-texte { margin-left: 40%; margin-bottom: 6vw;}
.bloc-photo-texte-gauche .bloc-photo-texte-texte-inner { padding-left: 25%; padding-right: 10%;}
.bloc-photo-texte-droit .bloc-photo-texte-image {right: 0;}
.bloc-photo-texte-droit .bloc-photo-texte-texte { margin-right: 40%;}
.bloc-photo-texte-droit .bloc-photo-texte-texte-inner { padding-right: 25%; padding-left: 10%;}


footer { background: url("../images/footer/bg-etoiles.jpg") top center no-repeat; background-size: cover; position: relative;}

#btn-billetterie { position: relative; z-index: 1; padding-top: 900px; margin-top: -200px;}

#btn-billetterie-soleil { position: absolute; z-index: 0; width: 950px; height: 950px; left: 50%; top: 450px; margin-left: -475px; border-radius: 100%; background-color: var(--main-color-saumon); color: #fff; text-align: center; text-decoration: none;}
#btn-billetterie-soleil:before {position: absolute; content: ""; width: 0; height: 0; background-color: #fff; border-radius: 100%; left: 50%; top: 0; margin-top: -100px; transform: translateX(-50%);}
#btn-billetterie-soleil:hover:before { top: 0; width: 80px; height: 80px; margin-top: 30px; background-color: var(--main-color-bleu-fonce); }
#btn-billetterie-soleil:hover { color: var(--main-color-bleu-fonce); transition-property: all; transition-duration: 200ms;}
#btn-billetterie-soleil-sous-titre {font-size: 50px; text-transform: uppercase; letter-spacing: 10px; padding-top: 150px;}
#btn-billetterie-soleil-titre { font-size: 130px; font-weight: bold;}

#btn-billetterie-arbres { width: 100%; position: relative; z-index: 1;}
#btn-billetterie-arbres-glow { position: absolute; content: ""; background: url("../images/footer/arbres-glow.png") no-repeat; background-size: contain; top: 0; left: 50.475%; transform: translate(-50%); width: 37.1%; height: 400px;}
#btn-billetterie-arbres img { width: 100%; height: auto; display: block;}

#footer-bas {background-color: #000; position: relative; z-index: 2;}

#footer-infos {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding-top: 100px; color: #838383; overflow: hidden;}
#footer-infos-vagues {position: absolute; width: 900px; height: 340px; content: ""; background: url("../images/footer/reflets-vagues.svg") no-repeat; background-size: cover; left: 50%; transform: translate(-50%); top: 0; margin-top: -50px;}

#footer-infos-gauche, #footer-logo, #footer-infos-droit {width: 33%; align-self: flex-end; overflow: hidden;}

#footer-infos-gauche { text-align: left;}
#footer-infos-gauche ul { list-style: none; margin-bottom: 80px; width: 300px;}
#footer-infos-gauche li { border-bottom: 1px solid #313131;}
#footer-infos-gauche li:last-child {border: 0;}
#footer-infos-gauche .menu-menu-secondaire-container a { color: #838383; text-decoration: none; display: block; font-size: 25px; padding: 10px 0;}
#footer-infos-gauche .menu-menu-secondaire-container a:hover {color: var(--main-color-saumon);}
#footer-infos-gauche p { color: #626262; font-size: 18px; letter-spacing: 2px; margin-bottom: 0;}
#footer-infos-gauche p a {color: #626262; text-decoration: none;}

#footer-logo { text-align: center;}
#footer-logo a {width: 300px; left: 50%; display: block; transform: translateX(-50%); position: relative;}
#footer-logo img { width: 100%; height: auto; display: block;}

#footer-infos-droit { text-align: right;}
#footer-infos-droit-titre {font-weight: bold; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; border-bottom: 1px solid #313131; width: 300px; display: inline-block; padding-bottom: 15px; margin-bottom: 15px;}
#footer-infos-droit p {font-size: 22px; margin-bottom: 10px;}
#footer-infos-droit p a {color: #838383; text-decoration: none;}
#footer-infos-droit p a:hover {color: var(--main-color-saumon);}

#footer-social { margin-top: 80px;}
#footer-social a, #header-social a {display: inline-block;  border: 1px solid #fff; text-decoration: none; border-radius: 100%; margin-left: 20px;  background-repeat: no-repeat; background-position: center center; opacity: 0.5;}
#footer-social a:first-child {margin-left: 0;}
#footer-social a:hover {background-color: var(--main-color-saumon); border-color: var(--main-color-saumon); opacity: 1;}

#header-social a {width: 40px; height: 40px; background-size: 15px 15px; }
#footer-social a {width: 80px; height: 80px; background-size: 30px 30px; }

#footer-partenaires {padding: 4vw 0; border-top: 3px solid #313131; margin-top: 4vw; text-align: center; width: 100%;}
#footer-partenaires .logo-element {display: inline-block; padding: 2vw; margin-bottom: 0; height: 100px; vertical-align: top;}
#footer-partenaires .logo-element-inner {display: inline-block; height: 100%; opacity: 0.5;}
#footer-partenaires .logo-element-inner:hover {opacity: 1;}
#footer-partenaires .logo-element-inner img {max-height: 100px; max-width: 200px; vertical-align: middle; width: auto; height: auto; top: 50%; transform: translateY(-50%); position: relative; filter: grayscale(1);}

.wp-block-columns {display: flex;}



/* filtres couleur SVG */

.filtre-saumon, .coordonnees-liste-element:hover:after {filter: invert(70%) sepia(69%) saturate(6222%) hue-rotate(334deg) brightness(99%) contrast(90%);}
.filtre-bleu-pale, .coordonnees-liste-element:after {filter: invert(50%) sepia(51%) saturate(447%) hue-rotate(180deg) brightness(88%) contrast(92%);}
.filtre-bleu-moyen {filter: invert(21%) sepia(91%) saturate(1480%) hue-rotate(189deg) brightness(105%) contrast(103%);}
.filtre-bleu-fonce {filter: invert(10%) sepia(11%) saturate(6794%) hue-rotate(199deg) brightness(102%) contrast(105%);}



/* boutons */

.btn-arrondi, .gform_button, .wp-block-button a {display: inline-block; border-radius: 20px; padding: 20px 35px; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; text-decoration: none; position: relative; overflow: hidden;}
.btn-arrondi span {position: relative; z-index: 1;}
.btn-arrondi:after {width: 0; height: 0; border-radius: 100%; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 0; margin-top: -80px;}
.btn-arrondi:hover:after {width: 500px; height: 500px; transform: translate(-50%, -20%); top: 0;}

.btn-arrondi-dark, .gform_button, .wp-block-button a { background-color: var(--main-color-bleu-fonce); color: #fff;}
.btn-arrondi-dark:after {background-color: var(--main-color-bleu-moyen);}

.btn-arrondi-pale { background-color: var(--main-color-bleu-pale); color: #fff;}
.btn-arrondi-pale:after {background-color: var(--main-color-bleu-fonce);}

.btn-arrondi-saumon { background-color: var(--main-color-saumon); color: #fff;}
.btn-arrondi-saumon:after {background-color: var(--main-color-bleu-fonce);}

.btn-arrondi-blanc { background-color: #fff; border: 1px solid var(--main-color-bleu-fonce); color: var(--main-color-bleu-fonce);}
.btn-arrondi-blanc:hover {color: #fff; border-color: var(--main-color-saumon);}
.btn-arrondi-blanc:after {background-color: var(--main-color-saumon);}



/* typo et liens */

h1 {color: #fff; font-weight: 600;}
h2 {font-weight: 900; font-size: 60px; margin-bottom: 50px;}
h3 {font-size: 27px; text-transform: uppercase; letter-spacing: 4px;}

p, .accordion ul {font-size: 26px; margin-bottom: 30px;}
.accordion ul {list-style: none;}
.accordion ul li { padding-left: 35px; position: relative;}
.accordion ul li:before {content: "—"; position: absolute; left: 5px; top: 6px; font-size: 16px;}

p a, .accordion ul a { text-decoration: underline; font-weight: bold; color: #000; position: relative;}
p a:hover, .accordion ul a:hover {text-decoration: none; color:  var(--main-color-saumon);}


/************************* ACCUEIL **********************/

.home header {margin-top: 80px;}
.home #menu {padding-top: 40px; }
.home #zone-top { position: relative; height: auto;}
.home #zone-top:after {width: 26px; height: 347px; background: url("../images/accueil/fleche-header.png") no-repeat; background-size: cover;}

.home header #logo, #zone-top-theme { width: 600px;}

#zone-top-theme { margin-top: 400px; margin-bottom: 250px;}
#zone-top-theme img { width: 100%; height: auto;}

.home #zone-top-contenu { width: 50%; top: 40; right: 0; text-align: left; transform: translate(0, -50%);}
.home #zone-top-contenu h1 { font-size: 68px; margin-bottom: 30px;}
.home #zone-top-contenu p { color: #7295d9; font-size: 32px; font-weight: bold;}

.home #zone-orange {margin-bottom: 0;}

.home #btn-billetterie { padding-top: 1200px; margin-top: -200px;}
.home #btn-billetterie-soleil { top: 750px;}


/************************* PAGE STATION **********************/

.station #zone-top { height: 70vh;}

#zone-top-icon {position: relative; left: 50%; transform: translateX(-50%); width: 200px;}
#zone-top-icon img { width: 100%; height: auto; display: block;}
#zone-top-sous-titre {font-size: 28px; letter-spacing: 8px; color: #fff; text-transform: uppercase;}

#zone-orage-anishnabe {font-size: 45px; font-weight: bold; margin-bottom: 80px;}
#zone-orage-anishnabe-tiret {font-weight: normal; display: inline-block;}
#zone-orage-anishnabe span {font-weight: normal;}
#zone-orage-anishnabe-tiret { display: none;}
#zone-orage-anishnabe span {display: block;}

.contenu-deux-colonnes {margin-bottom: 6vw;}
#zone-orange .contenu-deux-colonnes {margin-bottom: 0;}
.contenu-deux-colonnes:after {display: table; content: ""; clear: both;}
.contenu-colonne {float: left;}
.contenu-colonne:first-child {width: 50%; margin-right: 10%;}
.contenu-colonne:last-child {width: 40%; text-align: center;}

#station-coordonnees { padding: 0 15%;}
#station-coordonnees .map-slide-attrait-pointeur {position: relative; display: inline-block; margin-top: -80px;}
#station-coordonnees-titre {font-size: 22px; letter-spacing: 5px; text-transform: uppercase; margin: 20px 0; color: var(--main-color-bleu-pale);}
#station-coordonnees-conteneur { background-color: rgba(10,23,61,0.1); position: relative; margin: 100px 0 100px 0;}
#station-coordonnees-conteneur:before, #station-coordonnees-conteneur:after { position: absolute; content: ""; width: 100%; height: 80px; background: url("../images/stations/bordure-coordonnees.svg") bottom center no-repeat; background-size: contain; left: 0; opacity: 0.1;}
#station-coordonnees-conteneur:before {top: 0; transform: translateY(-100%);}
#station-coordonnees-conteneur:after {bottom: 0; transform: translateY(200%) rotate(-180deg); transform-origin: top;}
#station-coordonnees-conteneur-inner { padding: 40px 60px;}
#station-coordonnees-conteneur p {}
.station-coordonnees-lien {display: block; margin-bottom: 10px;}

#station-coordonnees-liste {}
.coordonnees-liste-element { display: block; font-size: 18px; text-align: left; padding: 10px 50px 10px 0; border-bottom: 1px solid rgba(0,0,0,0.2); text-decoration: none; color: var(--main-color-bleu-fonce); position: relative;}
.coordonnees-liste-element:after {content: url("../images/pointer.svg"); position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 27px;}
.coordonnees-liste-element:hover span {color: var(--main-color-saumon);}
.coordonnees-liste-element:last-child {border: 0;}
.coordonnees-liste-element span {font-size: 20px; font-weight: bold; display: inline-block; width: 30px;}
.coordonnees-liste-element-infos {font-size: 14px; display: block; padding-left: 30px;}

#image-station-unique img {width: 100%; height: auto; margin-bottom: 4vw;}

#reservation-obligatoire { position: absolute; top: calc(70vh - 100px); right: 0; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; font-size: 21px; padding: 20px 80px 20px 40px; background: url("../images/anisipi-mtn.jpg") left no-repeat; background-size: cover; z-index: 5; border-radius: 30px 0 0 30px; text-decoration: none; transform: translateY(-50%);}
#reservation-obligatoire:hover {color: var(--main-color-saumon); box-shadow: -10px 10px 10px rgba(0,0,0,0.3);}


#circuit-video {background-color: #e6e7eb; padding: 40px; border-radius: 30px; width: calc(80% - 80px); margin-left: 10%; margin-bottom: 200px;}
#circuit-video-inner {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
#circuit-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.station .galerie-parallax {margin-top: 100px; margin-bottom: 10vw;}
.station .galerie-parallax a {display: block;}
.station .galerie-parallax a::after {width: 60px; height: 60px; background: url("../images/icons/loupe.svg") center center no-repeat var(--main-color-saumon); background-size: 60% auto; border-radius: 50%; position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}
.station .galerie-parallax a:hover {box-shadow: 10px 10px 15px rgba(0,0,0,0.5);}
.station .galerie-parallax a:hover::after {opacity: 1;}



/************************* PAGE CONTACT **********************/

#galerie-contact {margin: 6vw 0 8vw 0;}

#zone-orange.zone-orange-contact {text-align: left;}
#zone-orange .contenu-colonne p a {color: #fff;}
#zone-orange .contenu-colonne p a:hover {color: #000;}

.gform_wrapper .ginput_container_text input, .gform_wrapper .ginput_container_email input, .gform_wrapper .ginput_container_textarea textarea { padding: 12px 20px !important; font-size: 20px !important; border-radius: 10px; background-color: #973b2f; 
    color: #fff; font-family: 'NeueMontreal', sans-serif;}
.gform_wrapper .ginput_container_text input::placeholder, .gform_wrapper .ginput_container_email input::placeholder, .gform_wrapper .ginput_container_textarea textarea::placeholder { color: rgba(255,255,255,0.8) !important;}
.gform_wrapper .ginput_container_text input:focus::placeholder, .gform_wrapper .ginput_container_email input:focus::placeholder, .gform_wrapper .ginput_container_textarea textarea:focus::placeholder { color: rgba(255,255,255,0.3) !important;}
.gform_wrapper .ginput_container_text input:focus, .gform_wrapper .ginput_container_email input:focus, .gform_wrapper .ginput_container_textarea textarea:focus { background-color: #6b261d; outline: 0;}
.gform_button:hover {background-color: var(--main-color-bleu-moyen); cursor: pointer;}

#contact-logo {margin: 100px 0 80px 0;}
#contact-logo a {display: block;}
#contact-logo img {width: 300px; height: auto;}





/************************* CARTE INTERACTIVE **********************/

#zone-carte {padding: 6vw 0;}

#div-inner-map {width: 1600px; margin: 0 auto; position: relative;}

#zone-carte h2 {text-align: center; position: relative; font-size: 70px;}
#zone-carte h2 span {display: block;}
#zone-carte h2 span:first-child { position: absolute; content: ""; width: 70px; height: 70px; background-color: var(--main-color-saumon); border-radius: 100%; left: 50%; margin-left: -35px; bottom: 140px;}

#map-conteneur {position: absolute; width: 100%;}

#map-infos-conteneur { position: absolute; z-index: 3; width: 300px; height: 40px; top: 710px; left: 230px; overflow: hidden;}
#map-infos-fleches {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#map-infos-fleches .slick-arrow {width: 30px; height: 20px; background: url("../images/map/slider-fleche.png") no-repeat; background-size: cover; text-indent: -9999px; background-color: transparent; border: 0; cursor: pointer;}
#map-infos-fleches .slick-prev {transform: rotate(180deg); margin-right: 10px;}
#map-infos-fleches .slick-next {margin-left: 10px;}

#map-slider {position: absolute; width: 100%; height: 100%; z-index: 1;}
#map-slider .slick-list, #map-slider .slick-track, #map-conteneur {height: 100%;}

.map-slide-attrait {text-align: center;}
.map-slide-attrait-infos {position: absolute; z-index: 1; box-shadow: 30px 30px 20px rgba(0,0,0,0.2); background-color: #fff; border-radius: 100%; width: 500px; height: 500px; top: 290px; left: 130px;}
.map-slide-attrait-infos-inner {padding: 80px;}
.map-slide-attrait-titre {font-size: 32px; font-weight: bold; margin-bottom: 20px; line-height: 1.1;}
.map-slide-attrait-infos p {font-size: 19px; margin-bottom: 20px;}
.map-slide-attrait-infos .btn-arrondi {padding: 10px 20px; font-size: 14px; border-radius: 10px;}

.map-slide-attrait-pointeurs { position: absolute; width: 100%; height: 100%; z-index: 0;}
.map-slide-attrait-pointeur { width: 100px; height: 133px; position: absolute; z-index: 1;}
.map-slide-attrait-pointeur:after {width: 120px; height: 74px; position: absolute; content: ""; background: url("../images/pointeur-ombre.png") no-repeat; background-size: cover; bottom: 0; left: 43px; z-index: 0;}
.map-slide-attrait-pointeur-icon { position: absolute; width: 100%; height: auto; top: 10px; left: 50%; transform: translateX(-50%); z-index: 2;}
.map-slide-attrait-pointeur-pointeur { width: 100%; height: auto; position: relative; z-index: 1;}

#zone-carte-bg {width: 100%;}
#zone-carte-bg img {width: 100%; height: auto;}


/* position des pointeurs sur la carte */

#map-slide-attrait-ponts .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 82%; top: 22%;}
#map-slide-attrait-ponts .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(2) {left: 55%; top: 29%;}
#map-slide-attrait-ponts .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(3) {left: 44.5%; top: 18%;}

#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 54%; top: 35%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(2) {left: 53%; top: 30%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(3) {left: 46%; top: 31%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(4) {left: 40%; top: 48%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(5) {left: 50%; top: 43%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(6) {left: 53.5%; top: 43%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(7) {left: 71.5%; top: 45%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(8) {left: 60%; top: 36%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(9) {left: 70.8%; top: 33%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(10) {left: 30%; top: 29%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(11) {left: 49%; top: 55%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(12) {left: 76.5%; top: 26.5%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(13) {left: 42.5%; top: 38.5%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(14) {left: 50%; top: 32%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(15) {left: 42%; top: 23%;}
#map-slide-attrait-fontaines .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(16) {left: 53.5%; top: 42%;}

#map-slide-attrait-citatif .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 50%; top: 35%;}

#map-slide-attrait-pavillon .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 46%; top: 44%;}

#map-slide-attrait-oriflammes .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 50%; top: 35%;}

#map-slide-attrait-plage .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 45%; top: 35%;}

#map-slide-attrait-tipi .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 50%; top: 32%;}

#map-slide-attrait-puits .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 47%; top: 39%;}

#map-slide-attrait-pageau .map-slide-attrait-pointeurs .map-slide-attrait-pointeur:nth-child(1) {left: 55%; top: 35%;}



/********************** BILLETTERIE *************************/

.page-371 {}

.padding-bas-page {padding-bottom: 8vw;}

.wp-block-columns {align-items: flex-start !important;}
.wp-block-column:first-child {width: 45%; margin-right: 5%;}
.wp-block-column:last-child {width: 35%; margin-left: 5%; padding: 5%; background: url("../images/bg-boite-grise.jpg") 30% 40% no-repeat #e6e7eb;}

.wp-block-button a:hover {background-color: var(--main-color-bleu-moyen); cursor: pointer;}

.billetterie-questions {font-size: 35px; font-weight: 300; margin: 50px 0 30px 0;}

.accordion {}

.ui-accordion .ui-accordion-header .ui-icon { display: none;}
.ui-accordion .ui-accordion-header a { padding-left: 0 !important; padding-right: 30px !important;}
.accordion .ui-accordion-header:after { position: absolute; content: "+"; right: 0; top: 15px; color: var(--main-color-saumon);}
.accordion .ui-accordion-header.ui-state-active:after { content: "-";}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .c-accordion__item { border-top: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.2);}
.accordion h3 { font-weight: 300; margin: 0; padding: 10px 0;}
.accordion .ui-state-default a, .accordion .ui-state-default a:link, .accordion .ui-state-default a:visited { color: var(--main-color-bleu-fonce);}
.accordion .ui-state-active a { font-weight: bold;}

#contenu .ui-accordion .ui-accordion-content { padding: 0;}

.c-accordion__item.dernier {margin-bottom: 80px;}
.c-accordion__item p {margin: 0; padding: 0;}


.ouvrir-billetterie, .ouvre-billetterie, .open-billetterie {
		cursor: pointer;
	}		
	.lightbox-visibility-unite, .lightbox-visibility-forfaits {
		visibility: hidden;
        opacity: 0;
        z-index: 99;
position: relative;
	}
	.lightbox-visibility-unite.on, .lightbox-visibility-forfaits.on {
		display:block;
        opacity: 1;
	}		
	.lightbox-wrap {
		position: fixed;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		width: 100%;
		height: 100vh;
		justify-content: center;
		align-items: center;
		background-color: rgba(255, 255, 255, 0.8);
		z-index: 99;
		display: flex;
	}
	.lightbox-wrap.active {
		display:block;
	}
	.lightbox {
		position:relative;
        overflow: hidden;
		width: 100%;
		max-width: 900px;
		border-radius: 15px;
        padding-top: 50px;
		box-shadow: 0 0 30px rgba(0,0,0,0.3);
        background-color: #fff;
	}	

#lightbox-content { max-height: 90vh; overflow: auto; background-color: #fff;}    

	.close {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;    
		top: 10px;
		right: 10px;
		background-color:var(--main-color-bleu-fonce);
		cursor:pointer;
		transition:0.3s ease;
	}
    
    .close:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background: url("../images/icons/lightbox-close.svg") no-repeat;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
	}
    
	.close:hover {
		background-color:var(--main-color-saumon);
		transition:0.3s ease;
	}

	.lightbox-off {
		visibility: hidden;
		opacity:0;
		transition:0.5s ease-out;
	}
	.lightbox-on {
		visibility: visible;
		opacity: 1;
		transition:0.5s ease-out;
	}	




/* POP UP ANISIPI */

#popUpAnisipi {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  z-index: 9999;
}

#popUpAnisipi > div {width: 1000px; padding: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; overflow-x: hidden; border-radius: 40px; max-height: 80%; position: absolute; box-shadow: 0 0 30px rgba(0,0,0,0.6); background: url("../images/bg-popup.jpg") center center no-repeat; background-size: cover;
text-align: center; color: #fff; }

#popUpAnisipi .popup-border {border: 1px solid var(--main-color-saumon); padding: 50px; border-radius: 25px;}

#popUpAnisipi .popup-close {display: block; width: 40px; height: 40px; position: sticky; text-decoration: none; top: 0; left: calc(100% - 60px); z-index: 5; cursor: pointer;}
#popUpAnisipi .popup-close::after {content: "\00d7"; color: #fff; font-size: 80px; position: relative; line-height: 40px;}
#popUpAnisipi .popup-close:hover::after {color: var(--main-color-saumon);}

.popup-titre {font-size: 40px; font-weight: bold; padding: 0 10%; margin-bottom: 40px;}
#popUpAnisipi p {padding: 0 10%;}
#popUpAnisipi .btn-arrondi {margin-top: 40px;}



/* Transitions standard */

a, #primary-menu > li > a:before, p a:before, #btn-billetterie-soleil:before, .coordonnees-liste-element:after, .coordonnees-liste-element span, header, header #logo, #footer-partenaires .logo-element-inner, .gform_button, .gform_wrapper .ginput_container_text input, .gform_wrapper .ginput_container_email input, .gform_wrapper .ginput_container_textarea textarea, .station .galerie-parallax a::after {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;}

/* Transitions lentes */

.btn-arrondi, .btn-arrondi:after {
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;}