@charset "UTF-8";
/*Event*/
body#view-575, body#view-575 main.vue575,body#view-575 #container{background:#1d1d1f}
body#view-575 .item-pageAdTerram,body#view-575 .com-content-article__body{}
.event-wrapper{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%)}
#sky{height:100%;width:100%;overflow:hidden;position:relative;background:radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);transform: translateZ(0);}
.sky_night{width:100%;height:100%;position:absolute;overflow:hidden}
#sky_title{position:absolute;top:50%;left:0;right:0;color:#FFF;text-align:center;font-weight:300;margin-top:-40px;padding-left:10px;z-index:20}
#sky_title span._AdTerram {background:-webkit-linear-gradient(#7cb0b3,#38495a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1em;letter-spacing:10px;text-transform:uppercase}
#sky_title .weare-large {display: block !important;margin:0 !important; color: #7cb0b3 !important}

.constelacao{position:absolute;left:0;top:0;width:100%;height:100%;animation:rotate 600s infinite linear}
.estrela{background-color:#fff;border-radius:50%;position:absolute;animation-name:estrela;animation-timing-function:linear;animation-iteration-count:infinite;will-change: transform}

.estrela.style1 { animation-duration: 0.5s; animation-name: estrela; }
.estrela.style2 { animation-duration: 1s; animation-name: estrela; }
.estrela.style3 { animation-duration: 1.5s; animation-name: estrela; }
.estrela.style4 { animation-duration: 2s; animation-name: estrelaDestacada; }

.estrela.tam1{width:1px;height:1px}.estrela.tam2{width:2px;height:2px}.estrela.tam3{width:3px;height:3px}
.estrela.opacity1{opacity:1}.estrela.opacity2{opacity:.5}.estrela.opacity3{opacity:.1}
.meteoro{position:absolute;background-color:#fff;width:2px;height:2px;border-radius:50%;transform:rotate(-35deg);animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1s}
.meteoro:before{content:"";display:inline-block;vertical-align:middle;margin-right:10px;width:0;height:0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-left:85px solid #fff;position:absolute;left:2px;top:0}

.meteoro.style1{animation-name:meteoroStyle1}.meteoro.style2{animation-name:meteoroStyle2}.meteoro.style3{animation-name:meteoroStyle3}.meteoro.style4{animation-name:meteoroStyle4}

.lua{position:absolute;right:calc(50% - 60px);top:150px;width:120px;height:120px;border-radius:50%;box-shadow:0 0 160px 0px #fff,0 0 30px -4px #fff,0 0 8px 2px rgba(255, 255, 255, 0.26);background-color:#fff;animation-name:lua;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:10s}

.lua .textura{background-image:url(../images/bgMoon.webp);background-position:center;background-size:100%;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;overflow:hidden;opacity:.4;}
.floresta{position:absolute;left:0;bottom:0;width:100%;height:30%;background: url(/templates/fontagard/images/neuillac-nuit-desktop.png) no-repeat bottom center;background-size:contain}

@media (max-width: 768px) {
	.floresta{height:30%;background: url(/templates/fontagard/images/neuillac-nuit-desktop.png) no-repeat bottom center;background-size:cover}
}


@media only screen and (min-width: 1024px) {
	#sky,.sky_night,.constelacao{min-height: 500px}
}

@keyframes escurecer{0%{top:0}100%{top:100%}}
@keyframes estrela{0%,100%{box-shadow:0 0 10px 0 rgba(255,255,255,.05)}50%{box-shadow:0 0 10px 2px rgba(255,255,255,.4)}}
@keyframes estrelaDestacada{0%{background-color:#fff;box-shadow:0 0 10px 0 #fff}20%{background-color:#ffc4c4;box-shadow:0 0 10px 0 #ffc4c4}80%{background-color:#c4cfff;box-shadow:0 0 10px 0 #c4cfff}100%{background-color:#fff;box-shadow:0 0 10px 0 rgba(255,255,255,.2)}}
@keyframes meteoroStyle1{0%{opacity:0;right:300px;top:100px}30%,60%{opacity:.3}100%{opacity:0;right:1000px;top:600px}}
@keyframes meteoroStyle2{0%{opacity:0;right:700px;top:100px}30%,60%{opacity:1}100%{opacity:0;right:1400px;top:600px}}
@keyframes meteoroStyle3{0%{opacity:0;right:300px;top:300px}30%,60%{opacity:1}100%{opacity:0;right:1000px;top:800px}}
@keyframes meteoroStyle4{0%{opacity:0;right:700px;top:300px}30%,60%{opacity:1}100%{opacity:0;right:1400px;top:800px}}
@keyframes lua{0%,100%{box-shadow:0 0 160px 0 #fff,0 0 30px -4px #fff,0 0 8px 2px rgba(255,255,255,.26)}50%{box-shadow:0 0 80px 0 #fff,0 0 30px -4px #fff,0 0 8px 2px rgba(255,255,255,.26)}}
@keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(180deg)}}

.date_month{font-size:90%;line-height:1.1;color: rgba(255,255,255,.3);font-style:italic}

#section-1.ad_1d1d1d{background:rgb(32,32,32);position:relative;overflow:hidden;display:block;padding:4em 0 8em 0}
#section-1 p{margin-bottom: 1em}
.adterram_intro{background:rgb(32,32,32)}
.adterram_intro h1{text-align:center;margin:0;padding:2em 0 0 0;font-size:3em;color: #7cb0b3}

.projetx{background:#1d1d1d;color:#fff;position:relative;overflow:hidden}
span.adteram{letter-spacing:.125em;text-transform:uppercase; display: block;text-align:center;margin:0 0 2em 0}
.projetx h2{margin:0 0 1em 0;padding:0 0 1em 0;color: #7cb0b3}
.projetx h2.relative_border::before{background:#7cb0b3}
.circle-point{padding:4em 0}
.projetx p{margin-bottom:1em !important}

#section-1 .date_month{position:absolute;top:5%;left:5%;z-index:17}
.scene_1{color:#fff;background:transparent}
#section-1 .bloc-flex {position: relative;z-index: 2; /* Mettre devant les images */}

#section-etoile{background:#000000 url(/templates/fontagard/images/ciel-etoile.webp) center center;background-size:cover;position:relative;overflow:hidden}

@media only screen and (max-width:768px){
	.adterram_intro h1{padding:2em 5% 0 5%;font-size:2em}
	#section-1.ad_1d1d1d .text-desc{background:rgb(32,32,32) url(/templates/fontagard/images/ati-scene1-flou2.webp) no-repeat bottom center;background-size:cover}
	#section-1 .scene_1 .text-right{text-align:center}
	#section-1 .scene_1 .text-desc{padding-top:3em}
	#section-1 svg.svg_large{height:20px}
}



@media only screen and (min-width: 1024px) {
	.scene_1{min-height: 453px}
	/* Images Parallax (remplacement de ::before et ::after) */
	.parallax-img {position:absolute;will-change:transform;transform:translate3d(0, 0, 0);}
	.parallax-img-1 {width:400px;height:100%;top:0;left:0;background: url(/templates/fontagard/images/ati-scene1-flou1.webp) no-repeat center center;background-size:cover}
	.parallax-img-2 {width:400px;height:100%;top:0;right:0;background: url(/templates/fontagard/images/ati-scene1-flou2.webp) no-repeat top center;background-size:cover}
}

#section-2{position:relative;overflow:hidden;padding-top:8em}
#section-2 h2{font-size:2em;font-weight:700;color:#7cb0b3;margin:0 0 1em 0;padding:0 !important}
#section-2 p{color:#fff; margin-bottom: 1em}
#section-2 .date_month{position:absolute;top:5%;left:5%;z-index:17}

#section-2 .image_layer{position:relative}
#section-2 img.layer2,#section-2 img.layer3{position:absolute;height:auto;box-shadow: rgba(0, 0, 0,.5) 0px 20px 30px -10px}
#section-2 img.layer2{width:45%; height:auto;top: 5%; left:-30%}
#section-2 img.layer3{width:45%;height:auto;bottom:5%; left:-20%}


@media only screen and (max-width:768px){
	#section-2 .mobile-90{width: 90%;margin:0 auto}
	#section-2 .image_layer{text-align: right; margin-top: 3em}
	#section-2 img.layer1{width: 80%; height: auto}
	#section-2 img.layer2{width:35%;top: 5%; left:0%}
	#section-2 img.layer3{width:35%;bottom:5%; left:0%}
}

@media only screen and (min-width: 1024px) {
	#section-2 .bloc-flex{min-height: 458px}
}

#section-3{padding: 8em 0;position: relative; overflow: hidden}
#section-3 .date_month{position:absolute;top:5%;left:5%;z-index:17}
#section-3 h2{font-size:2em;font-weight:700;margin: 0 0 1em 0 !important;padding:0 !important;color:#7cb0b3}
#section-3 h3{margin: 0 !important;padding:0 !important;color:#7cb0b3}
#section-3 p{color:#fff; margin-bottom: 1em}
#section-3 span.data_legend{display:block;font-size:90%;line-height:1;color: rgba(255,255,255,.8);font-style:italic;margin-bottom:.325em !important}

.chart-container {width: 500px;  /* Augmentation de la largeur */height: 500px; /* Augmentation de la hauteur */max-width: 100%; /* S'assurer qu'il ne dépasse pas */display: flex;justify-content:center;align-items:center;flex-direction: column;transform-style: preserve-3d;}
 canvas#myRadarChart{will-change: transform, opacity;}
.custom-legend {display:flex;gap:5px 20px;margin-bottom:2em;color:#fff;flex-wrap:wrap}
.legend-item {display:flex;align-items:center;cursor:pointer;gap:5px;opacity:1;transition:opacity 0.3s ease; font-size: 90%}
.legend-item.hidden{opacity:0.5}
.legend-color {width: 20px;height: 5px;display: inline-block}

@media only screen and (max-width:768px){
	.custom-legend {flex-wrap:wrap;gap:5px;color: #fff}
}	
@media only screen and (min-width: 1024px) {
	#section-3 .bloc-flex{min-height: 500px}
}

#section-4{background:#1f1f1f url(/templates/fontagard/images/ati-scene4.webp) no-repeat center left;background-size:contain;position:relative;overflow:hidden;padding:4em 0 8em 0}
#section-4 .savethedate{padding: 1em 0}
#section-4 .date_month{position:absolute;top:5%;left:5%;z-index:17}
#section-4 h2{font-size:2em;font-weight:700;margin:0 0 1em 0;padding:0 !important;color:#7cb0b3}
#section-4 h3{margin: 1em 0 0 0 !important;padding:0 !important;color:#7cb0b3}
#section-4 p{color:#fff}

.countdown {width:100%;min-width:450px;text-align:center}
.countdown-container {position:relative;padding:20px}
.circle-container{position:relative;width:150px;height:150px}
.circle-container.back-days{background:transparent url(/templates/fontagard/images/compteur-jours.webp) center center;background-size:cover}
.back-hours{background:transparent url(/templates/fontagard/images/compteur-heures.webp) center center;background-size:cover}
.back-minutes{background:transparent url(/templates/fontagard/images/compteur-minutes.webp) center center;background-size:cover}
  
.label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:3em;font-weight:700;color: rgba(124,176,179,1)}
.label2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:3em;font-weight:700;color: rgba(124,176,179,1)}
.unit {margin-top:20px;font-size:1em;text-transform:uppercase;color:#fff}

@media only screen and (max-width:768px){
	#section-4{padding:4em 0 4em 0}
	.countdown {width:170px;min-width:170px;text-align:center; margin: 0 auto}
	 #section-4 .col-55.text-right{text-align: center}
	#section-4 svg.svg_large{height:20px}
}

@media only screen and (min-width: 1024px) {
	.countdown {display: flex;justify-content:center;align-items:center;width:100%;min-width:450px;text-align:center}
	.countdown-container {display: flex;flex-direction: column;align-items:center;justify-content:center;position:relative;background:rgba(255, 123, 125, 0);padding:20px}
	.circle-container{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}
	#section-4 .savethedate{padding: 2em 0}
	#section-4 .bloc-flex{min-height: 334px}
}

#section-5{background:#1f1f1f url(/templates/fontagard/images/ati-scene5.webp) center center;background-size:cover;position:relative;overflow:hidden;height:800px;}
#section-5 .date_month{position:absolute;top:15%;left:5%;z-index:17}

#section-6{background:#000000 url(/templates/fontagard/images/ati-scene6.webp) center center;background-size:cover;position:relative;overflow:hidden;padding:6em 0 12em 0}
#section-6 .circle-point{padding:2em 0 6em 0}
#section-6 h2{font-size:2em;font-weight:700;margin: 0 0 1em 0 !important;padding:0 !important;color:#7cb0b3}
#section-6 h3{margin: 0 !important;padding:0 !important;color:#7cb0b3}
#section-6 p{color:#fff; margin-bottom: 1em}
#section-6 .date_month{position:absolute;top:15%;left:5%;z-index:17}
#section-6 .col-40 .mobile-globe{display:none}

@media only screen and (max-width:768px){
	#section-5 .date_month{position:absolute;top:8%;left:5%;color: rgba(255,255,255,.5)}
	#section-5{background:#1f1f1f url(/templates/fontagard/images/ati-scene5.webp) center center;background-size:cover;height:500px}
	#section-5 svg.svg_large{height:20px}
	#section-6 .date_month{position:absolute;top:1em;left:5%;z-index:17}
	#section-6 .circle-point{padding:0 }
	#section-6 .col-40 .mobile-globe{display:block}
	#section-6{background:#000000;padding:2em 0 4em 0}
}

@media only screen and (min-width: 1024px) {
	#section-etoile{background-attachment: fixed}
	#section-5{background-attachment: fixed}
	#section-6 .bloc-flex{padding: 2em 0; min-height: 350px}
}

#section-7{background:#1f1f1f url(/templates/fontagard/images/ati-scene7.webp) center center;background-size:cover;position:relative;overflow:hidden;height:800px;}
#section-7 .date_month{position:absolute;top:15%;left:5%;z-index:17}

@media only screen and (max-width:768px){
	#section-7 svg.svg_large{height:20px}
	#section-7{background:#1f1f1f url(/templates/fontagard/images/ati-scene7.webp) center center;background-size:cover;position:relative;overflow:hidden;height:500px;}
	#section-7 .date_month{top:5%;}
}
@media only screen and (min-width: 1024px) {
	#section-7{background-attachment: fixed}
}

#section-8{background:#000000 url(/templates/fontagard/images/ati-scene8.webp) center center;background-size:cover;position:relative;overflow:hidden;height:auto;}
#section-8 .date_month{position:absolute;top:15%;left:5%;z-index:17}
#section-8 h2{font-size:2em;font-weight:700;margin: 0 0 1em 0 !important;padding:0 !important;color:#7cb0b3}
#section-8 p{color:#fff; margin-bottom: 1em}
#section-8 svg.svg_191919 path{fill:#191919}

@media only screen and (max-width:768px){
	#section-8{background:#000000;position:relative;overflow:hidden;height:auto}
	#section-8{padding-bottom: 4em}
	#section-8 video{width: 100% !important; height: auto !important}
	#section-8 svg.svg_large{height:20px}
}
@media only screen and (min-width: 1024px) {
	#section-8 .col-45.sablier{margin-bottom: 2em}
	#section-8 video{width: 100% !important; height: auto !important}
	#section-8{padding-bottom: 6em}
}

#section-9{background:#191919 url(/templates/fontagard/images/ati-scene9.webp) center center;background-size:cover;position:relative;overflow:hidden;height:800px;}
#section-9 .date_month{position:absolute;top:0;left:5%;z-index:17}
#section-9 h2{font-size:2em;font-weight:700;margin: 0 0 1em 0 !important;padding:0 !important;color:#7cb0b3}
#section-9 p{color:#fff; margin-bottom: 1em}


@media only screen and (max-width:768px){
	#section-9{background:#191919 url(/templates/fontagard/images/ati-scene9-mobile.webp) center bottom no-repeat;background-size:contain;position:relative;overflow:hidden;height:auto; padding-bottom:4em}
	#section-9 .final-fke{height: 800px}
}

#section-10{background:#000000 url(/templates/fontagard/images/ati-scene10.webp) center center;background-size:cover;position:relative;overflow:hidden;height:auto; padding: 4em}
.fade-in-lunr {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-lunr.visible {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width:768px){
	#section-9 svg.svg_large{height:20px}
}

@media only screen and (min-width: 1024px){
	#section-10{background-attachment: fixed}
}