@font-face{font-family:"Poppins";src:local("Poppins"), local("Poppins Regular"), local("Poppins-Regular"), url("fonts/Poppins.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:local("Poppins Light"), local("Poppins-Light"), url("fonts/Poppins-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:local("Poppins SemiBold"), local("Poppins-SemiBold"), url("fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:local("Poppins Bold"), local("Poppins-Bold"), url("fonts/Poppins-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}*{margin:0;padding:0;border:0}img{height:auto}body{font-family:"Poppins", Arial, Helvetica, sans-serif;font-size:medium;font-weight:300;color:#000;background:#FFF}#nav_haut{position:fixed;z-index:3;display:flex;justify-content:space-between;width:100%;color:#FFF;background:transparent linear-gradient(180deg, #086274 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;transition:0.2s ease}#nav_haut>a{display:block;position:relative;margin:1rem 0 1rem 90px}#nav_haut>a span{position:absolute;left:2.3rem;font-weight:300;font-size:0.8em;line-height:1em;white-space:nowrap}#nav_haut>a h2{margin:0;font-size:1.5em;line-height:1.5em;font-weight:bold;text-shadow:0px 3px 6px #000}#nav_haut>a h2::first-letter{font-size:2em}#nav_haut>ul{display:flex;margin:1em 5vw 1em 0;list-style:none}#nav_haut>ul>li{position:relative;padding:1em}#nav_haut>ul>li:hover,#nav_haut>ul>li.active{color:#FFC000}#nav_haut>ul>li:hover img,#nav_haut>ul>li.active img{filter:none}#nav_haut>ul>li>span,#nav_haut>ul>li>a{font-size:1em;font-weight:bold;text-transform:uppercase;cursor:pointer}#nav_haut>ul>li>span img,#nav_haut>ul>li>a img{height:1em;filter:brightness(0) invert(1)}#nav_haut>ul>li ul{display:none;position:absolute;top:3em;left:calc(-300px + 50%);flex-wrap:wrap;width:50vw;max-width:600px;box-sizing:border-box;padding:1em;list-style:none;color:#000;font-weight:normal;text-transform:uppercase;background:#FFF;border:2px solid #FFC000}#nav_haut>ul>li ul::before{content:"";position:absolute;top:0;left:calc(50% - 10px);display:block;width:0px;height:0px;border-style:solid;border-width:15px 10px 0 10px;border-color:#FFC000 transparent transparent transparent}#nav_haut>ul>li:hover ul{display:flex}#nav_haut>ul>li:hover ul li{padding:1em}#nav_haut>ul>li:hover ul li::before{content:"";margin-right:0.5em;display:inline-block;width:0.75em;height:0.75em;background:#FFC000;border-radius:50%}#nav_haut>ul>li:hover ul li a.active,#nav_haut>ul>li:hover ul li a:hover{color:#FFC000}#nav_haut>ul>li:nth-last-child(-n+2) ul{left:unset;right:0}#nav_haut>ul>li:nth-last-child(-n+2) ul::before{left:85%}#nav_haut.scrolled{margin-top:-100px}#nav_gauche{position:fixed;z-index:2;width:80px;height:fit-content;min-height:calc(100vh - 7em);padding:5em 10px 2em;background-color:#086274;display:flex;align-items:flex-end;transition:0.2s ease}#nav_gauche ul{display:flex;height:100%;flex-direction:column;justify-content:flex-end;align-items:stretch;list-style:none;color:#FFF}#nav_gauche ul li{margin-bottom:1em}#nav_gauche ul li a{display:block;font-size:0.75em;font-weight:bold;text-align:center}#nav_gauche ul li a img{display:block;margin:0 auto;max-width:50%}#nav_gauche ul li.logo{margin-top:2em}#nav_gauche ul li.logo img{max-width:100%}#nav_gauche.scrolled{margin-left:-100px}li.reseauxsociaux{display:flex;justify-content:center;gap:10px}li.reseauxsociaux img{max-width:20px !important}header{height:100vh;background:#086274 center no-repeat;background-size:cover;background-image:url(../images/bg-accueil.webp);color:#FFF}header h1{padding:75vh 20% 0;font-size:3.5em;font-weight:bold;text-shadow:0px 3px 6px #000}header .bfleche{position:absolute;width:20px;height:25px;bottom:20px;left:calc(50vw - 10px);background:#FFC000;color:#FFF}header #alerte{position:absolute;top:20vh;right:0;padding:10px;width:200px;background:rgba(255, 255, 255, 0.9);border-radius:10px 0 0 10px;color:#000;font-size:0.9em}header #alerte h2{color:#086274;font-size:1rem;font-weight:600;text-align:center;text-transform:uppercase}body.viescolaire>header{background-image:url(../images/bg-viescolaire.webp)}body.viepratique>header{background-image:url(../images/bg-viepratique.webp)}body.vieassociative>header{background-image:url(../images/bg-vieassociative.webp)}body.viesociale>header{background-image:url(../images/bg-viesociale.webp)}body.vieeconomique>header{background-image:url(../images/bg-vieeconomique.webp)}footer{background:#086274;color:#FFF;font-size:0.9em}footer #territoire{background:#FFF}footer #territoire img{width:100%}footer #territoire h2{margin:-1em auto 1em;width:60%;max-width:1000px;font-size:1.8rem}footer #territoire ul{display:flex;list-style:none}footer #territoire ul li{width:20vw;height:20vw;box-sizing:border-box;padding:20px;background:#086274 center no-repeat;background-size:cover;font-weight:600;text-transform:uppercase;text-shadow:0px 5px 10px #000000}footer #territoire ul li:first-of-type{background-image:url(../images/bg-footer-randonnees.webp)}footer #territoire ul li:nth-of-type(2){background-image:url(../images/bg-footer-nature.webp)}footer #territoire ul li:nth-of-type(3){background-image:url(../images/bg-footer-patrimoine.webp)}footer #territoire ul li:nth-of-type(4){background-image:url(../images/bg-footer-terroir.webp)}footer #territoire ul li:nth-of-type(5){background-image:url(../images/bg-footer-sejourner.webp)}footer #territoire ul li a{display:block;width:100%;height:100%;box-sizing:border-box;padding:10px;border:3px solid #FFF;display:flex;align-items:end;justify-content:center;transform:rotate(5deg)}footer #territoire ul li:nth-of-type(even) a{transform:rotate(-5deg)}footer #territoire ul li:hover a{transform:none;text-decoration:none}footer>div.col2{width:90%;margin:2.5vw auto;align-items:stretch;font-weight:normal}footer>div.col2>*{width:45%}footer>div.col2>*>img{max-width:250px;align-self:center}footer>div.col2 h2{font-size:1em}footer>div.col2 p{margin-bottom:1em}footer>div.col2 .boutons{justify-content:flex-start}footer>div.col2 .boutons>*{background:#FFF;color:#086274;border-color:#FFF;text-transform:none}footer>div.col2 .boutons>*:hover{background:#FFC000}footer>div.col2 #footer_nav{width:65%;align-items:stretch}footer>div.col2 #footer_nav ul{display:flex;flex-direction:column}footer>div.col2 #footer_nav ul li{list-style:none;font-weight:600}footer>div.col2 #footer_nav ul li:not(:last-child){margin-bottom:1em}footer>div.col2 #footer_nav ul li.reseauxsociaux{flex:1 1 auto;justify-content:start;align-items:flex-end}footer>div.col2 #footer_cauxseineagglo{width:30%;text-align:right}footer>div.col2 #footer_cauxseineagglo h2{margin-bottom:1em;white-space:pre-line}footer>div.col2 #footer_cauxseineagglo img{width:100%;max-width:150px}footer #footer_legals{width:100%;margin:0;border-top:1px solid #FFF}footer #footer_legals p{margin:0;padding:10px;width:auto;font-size:0.8em;font-weight:normal;text-align:center}footer a:hover{text-decoration:underline}section{overflow:hidden}section #fil_ariane{padding:1em 1em 0.5em;font-size:0.9em;font-weight:300;text-align:center;border-bottom:1px solid #086274}section #fil_ariane strong{font-weight:300;color:#FFC000}section article{padding:5vw;box-sizing:border-box}section article h2{margin:0 0 1em;color:#086274;font-size:2.5em;font-weight:600;text-align:center}section article h3{margin-bottom:1em;font-weight:normal}section article p{margin-bottom:1em;font-size:0.9em;line-height:1.5em;text-align:justify}section article ul{margin-bottom:2em;list-style:inside}section article img{max-width:100%}section .paragraphes>.large1000>div{margin-bottom:1em;font-size:0.9em}section .paragraphes>.large1000>div.col2>div{width:55%}section .paragraphes>.large1000>div.col2>div.image{position:relative;width:40%}section .paragraphes>.large1000>div.col2>div.image::before{content:"";position:absolute;z-index:-1;bottom:10%;left:-100vw;display:block;width:100vw;height:40%;background:#086274;opacity:0.2}section .paragraphes>.large1000>div.col2>div.image.adroite::before{left:unset;right:-100vw}section .paragraphes a:link,section .paragraphes a:active,section .paragraphes a:visited,section .paragraphes a:hover{color:#086274}h2 strong{color:#086274;font-weight:600;text-transform:uppercase}h2 span{display:block;margin-left:5vw;color:#FFC000;font-weight:300}a:link,a:active,a:visited,a:hover{color:inherit;text-decoration:none}.col2,.col3{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;list-style:none}.col2>*{box-sizing:border-box;width:47.5%}.col3>*{box-sizing:border-box;width:30%}.large1000,.large1200{margin:0 auto;width:90%;max-width:1000px}.large1200{margin:0 auto;width:90%;max-width:1200px}.boutons,.paragraphes .boutons{margin:2.5vw 0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px;color:#FFF}.boutons>*,.paragraphes .boutons>*{display:inline-block;padding:5px 1em;background:#FFC000;color:#FFF;font-weight:600;font-size:1em;text-align:center;text-transform:uppercase;border:1px solid #FFC000;border-radius:calc(1em + 5px);cursor:pointer;transition:0.5s ease}.boutons>*:hover,.paragraphes .boutons>*:hover{background:#086274;color:#FFC000;text-decoration:none}.bfleche{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:20px;background:#086274;color:#FFC000;padding:5px 0;cursor:default}.bfleche img{display:block;height:20px}body.accueil>header h1{padding:calc(50vh - 1.75rem) 10% 0;text-align:center}body.accueil>header h1 span{display:block;font-size:0.4em;font-weight:normal}body.accueil section h2{text-align:left}body.accueil section #presentation{margin-bottom:5vw;padding-bottom:0}body.accueil section #presentation>.col2>*:first-child{position:relative;width:40%}body.accueil section #presentation>.col2>*:last-child{position:relative;width:55%;margin-top:1em}body.accueil section #presentation>.col2:last-of-type .img2{position:relative;display:block;margin:1em 0 0 10%;width:35%}body.accueil section #presentation>.col2:last-of-type .img2::before{content:"";position:absolute;z-index:-1;top:60%;left:-30%;display:block;width:50%;height:75%;background:#086274;opacity:0.2}body.accueil section #presentation>.col2:last-of-type .img3{position:relative;margin:-8em 7.55% 0 2.5%;width:40%}body.accueil section #presentation>.col2:last-of-type .img3::before{content:"";position:absolute;z-index:-1;top:30%;left:0;display:block;width:100vw;height:40%;background:#086274;opacity:0.2}body.accueil section #accueil_actualites{background:#086274;color:#FFF}body.accueil section #accueil_actualites h2{padding:0 5vw 2.5vw;box-sizing:border-box}body.accueil section #accueil_actualites h2 strong{color:#FFF;font-weight:600;text-transform:uppercase}body.accueil section #accueil_actualites h2 span{display:block;margin-left:5vw;color:#FFC000;font-weight:300}body.accueil section #accueil_agenda ul{position:relative}body.accueil section #accueil_agenda ul li{display:flex;background:none}body.accueil section #accueil_agenda ul li:not(:last-child){margin-bottom:10em}body.accueil section #accueil_agenda ul li h4{position:relative;border-radius:1em 0 0 1em}body.accueil section #accueil_agenda ul li div.texte{flex:1;padding:3em 1em 1em;background:rgba(255, 191, 0, 0.3)}body.accueil section #accueil_agenda ul li div.illustration{min-width:40%;height:auto;margin:-6em 0 -1em}body.accueil section #accueil_agenda ul::before{content:"";position:absolute;z-index:-1;top:20%;left:100%;display:block;width:50vw;height:60%;background:#086274;opacity:0.2}body.accueil section #accueil_agenda .boutons{margin:5em auto -5vw}.slider{margin:0 auto;position:relative}.slider-container{margin:0 auto;max-width:1000px;overflow:hidden}.slider-content{display:flex;flex-wrap:nowrap;list-style:none;margin:0}.slider-content li{flex:0 0 75%;max-width:750px;margin:0;display:flex}.slider-content li>img{width:50%;border-radius:10px;align-self:center}.slider-content li>div{width:50%;box-sizing:border-box;padding:20px;align-self:center}.slider-content li>div a{float:right;font-weight:600;color:#FFC000}.arrow-left,.arrow-right{position:absolute;z-index:2;bottom:calc(50% - 20px);left:-20px;cursor:pointer}.arrow-right{left:unset;right:calc(25% - 20px)}body.agenda>header{background-image:url(../images/bg-agenda.webp)}article.agenda ul{list-style:none;justify-content:space-around;align-items:stretch}article.agenda ul li{margin-bottom:2em;background:rgba(255, 191, 0, 0.3)}article.agenda ul li div.illustration{height:300px;position:relative;background:#086274 center no-repeat;background-size:cover}article.agenda ul li h4{position:absolute;padding:0.5em;color:#FFF;font-weight:normal;font-size:0.9em;line-height:1.2em;text-align:center;background:#086274;white-space:pre-line}article.agenda ul li h4 strong{font-size:2.5rem;line-height:1em}article.agenda ul li h4 span{line-height:1.8em}article.agenda ul li div.texte{padding:1em}article.agenda ul li div.texte h3{font-size:1.2em;font-weight:600}body.actualites>header{background-image:url(../images/bg-actualites.webp)}#actualites{padding-bottom:0}#actualites li{margin-bottom:1em}#actualites li img{width:100%}#actualites li h2{color:#000;font-size:1.4em;margin-bottom:0.5rem;text-align:left}#actualites li nav{text-align:right;color:#FFC000;font-weight:600}#actualite{padding-bottom:0}#actualite img{width:100%;margin-bottom:1em}#actualite div{margin-bottom:1em;font-size:0.9em}body.contact>header{background-image:url(../images/bg-contact.webp)}#contact p{text-align:center;margin-bottom:2.5vw}#Fcontact>div{margin-bottom:1em}#Fcontact label{display:none}#Fcontact input[type=text],#Fcontact input[type=email],#Fcontact input[type=tel],#Fcontact textarea{display:initial;width:100%;padding:10px;box-sizing:border-box;background:#FFF;border:1px solid #086274;border-radius:5px;font-family:inherit;font-size:0.9em;font-weight:300;color:#000}#Fcontact input.erreur,#Fcontact textarea.erreur,#Fcontact *.erreur{border-color:red;color:red}#Fcontact .confirm{color:#086274}#Fcontact #FcontactAction,#Fcontact textarea{width:100%}#contact_map iframe{display:block;width:100%;height:400px}header .bfleche>*{position:absolute;animation-name:fleche;animation-duration:2s;animation-iteration-count:infinite}@keyframes fleche{0%{bottom:2px}50%{bottom:8px}100%{bottom:2px}}.animTranslateL{position:relative;left:-50%;opacity:0;transition:2s all ease}.animTranslateR{position:relative;right:-50%;opacity:0;transition:2s all ease}.animTranslateL.show{opacity:1;left:0}.animTranslateR.show{opacity:1;right:0}@keyframes anim-rgpd{from{bottom:-100px}to{bottom:0}}#rgpd{position:fixed;background:#086274;color:#FFF;font-size:0.9em;bottom:0;width:100%;min-height:50px;z-index:9999;animation-name:anim-rgpd;animation-duration:1s}#rgpd>div{max-width:1200px;padding:10px 20px 10px 10px;margin:0 auto}#rgpd .boutons{margin:1em 0}#rgpd p a{text-decoration:underline;color:inherit}#rgpd_f button{border:1px solid #FFC000;margin-bottom:1em;padding:3px;cursor:pointer}.mobile{display:none}.cacher{display:none !important}@media screen and (max-width:1500px){#nav_haut{font-size:0.8em}.slider-content li{flex:0 0 100%;max-width:1000px}.arrow-right{left:unset;right:-20px}}@media screen and (max-width:1200px){#mobile_nav{position:absolute;z-index:5;top:10px;right:10px}#mobile_nav .fermer{display:block}#nav_haut{position:absolute;height:60px}#nav_haut>a{margin-left:10px}#nav_haut>ul{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;top:0;left:0;width:100%;margin:0;background:rgba(8, 97, 114, 0.8)}#nav_haut>ul>li{padding:0;font-size:1em;text-align:center;border-bottom:1px solid #FFF}#nav_haut>ul>li>a,#nav_haut>ul>li>span{display:block;padding:1em}#nav_haut>ul>li>ul{position:relative;top:unset;left:unset;width:100%;max-width:unset;background:none;color:#FFF}#nav_haut>ul>li>ul>li{margin:5px}#nav_haut>ul>li>ul>li a{display:block;padding:0.5em}#nav_haut>ul>li:hover ul{display:none}#nav_haut>ul>li.visible{background:#086274}#nav_haut>ul>li.visible>ul{display:flex}#nav_haut>ul>li.visible>ul li{padding:0}#nav_haut>ul>li.visible>ul li::before{display:none}#nav_haut>ul>li:nth-of-type(5) ul::before,#nav_haut>ul>li:nth-of-type(6) ul::before{left:calc(50% - 10px)}#nav_gauche{position:absolute;width:100%;height:auto;box-sizing:border-box;min-height:30px;bottom:0;padding:10px}#nav_gauche ul{flex-direction:row;justify-content:space-around;align-items:center}#nav_gauche ul li{margin:0}#nav_gauche ul li a{width:50px}#nav_gauche ul li a span{display:none}#nav_gauche ul li.reseauxsociaux{display:none}#nav_gauche ul li.logo{margin:0}#nav_gauche ul li.logo img{max-width:50%}header h1{padding:20vh 5vw 0;background:none;font-size:2em}header .bfleche{bottom:70px}header #alerte{top:50vh;width:90vw}footer{font-size:0.7em}footer #territoire h2{width:80%;margin-top:0;text-align:center}footer #territoire h2 strong{padding-left:0}footer #territoire ul{flex-wrap:wrap;justify-content:center}footer #territoire ul li{width:100%;height:30vw}footer #territoire ul li>a,footer #territoire ul li:nth-of-type(even) a{align-items:center;font-size:1.5em;transform:none}footer>div.col2{width:90%}footer>div.col2>*{width:100%;text-align:center;flex-wrap:wrap}footer>div.col2 img{width:80%;margin:0 auto;max-width:250px}footer>div.col2 .boutons{justify-content:space-around}footer>div.col2 #footer_nav{width:100%}footer>div.col2 #footer_nav ul li.reseauxsociaux{justify-content:center}footer>div.col2 #footer_cauxseineagglo{width:100%;margin-top:2em;text-align:center}footer>div.col2 #footer_cauxseineagglo h2{white-space:normal}footer #footer_legals p{white-space:pre-line}section article h2{background:none;font-size:2em;margin-bottom:0.5em;padding:0}section .paragraphes>.large1000>div.col2>div,section .paragraphes>.large1000>div.col2>div.image{width:100%}.col2>*,.col3>*,#presentation>.col2>*:first-child,#presentation>.col2>*:last-child{width:100%;padding:0;margin-bottom:1em}.large1200{width:100%}body.accueil>header h1{padding-top:20vh}body.accueil>header h1 span{font-size:0.5em}body.accueil section #presentation>.col2>*:first-child,body.accueil section #presentation>.col2>*:last-child,body.accueil section #presentation>.col2:last-of-type .img2,body.accueil section #presentation>.col2:last-of-type .img3{width:100%;margin:0 0 1em}body.accueil section #accueil_actualites{width:100%}body.accueil section .slider-container{width:90vw}body.accueil section .slider-content li{display:block}body.accueil section .slider-content li>img,body.accueil section .slider-content li>div{width:80vw}body.accueil section .arrow-left,body.accueil section .arrow-right{top:150px}body.accueil section #accueil_agenda ul li{flex-direction:column}body.accueil section #accueil_agenda ul li:not(:last-child){margin-bottom:1em}body.accueil section #accueil_agenda ul li h4{white-space:normal;border-radius:1em 1em 0 0}body.accueil section #accueil_agenda ul li div.texte{padding:1em}body.accueil section #accueil_agenda ul li div.illustration{height:300px;margin:0}body.accueil section #accueil_agenda .boutons{margin:2.5vw}.mobile{display:block}.mobile_no{display:none !important}}