@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:#054B4B;background:#FFF}header{height:100vh;background:#054B4B center no-repeat;background-size:cover;background-image:url(../images/bg-header.webp);display:flex;justify-content:center;align-items:center;color:#FFF}header #bandeau{position:absolute;top:0;width:100%;box-sizing:border-box;padding:10px;min-height:30px;background:#FFF}header #bandeau>div{position:relative;display:flex;justify-content:flex-end;align-items:center}header #bandeau>div h2{position:absolute;top:0;left:0;width:100px;padding:10px;background:#FFF;border-radius:0 0 10px 10px}header #bandeau #nav_haut{width:85%;display:flex;justify-content:flex-end}header #bandeau #nav_haut ul{display:flex;justify-content:space-around;gap:20px;margin:0;list-style:none}header #bandeau #nav_haut ul li{color:#054B4B;margin:0}header #bandeau #nav_haut ul li a{display:block;padding:5px 10px 3px;font-size:15px;font-weight:600;border-bottom:2px solid #FFF}header #bandeau #nav_haut ul li a:hover{color:#FF8C08;border-bottom:2px solid transparent;border-image:linear-gradient(to right, #FF8C08 0 50px, transparent 50px) 1}header #bandeau #nav_haut ul.reseaux{margin-left:20px;gap:0}header #bandeau #nav_haut ul.reseaux li{padding:5px}header #bandeau #nav_haut ul.reseaux li a{padding:0;border:0;overflow:hidden}header #bandeau #nav_haut ul.reseaux li a img{display:block;filter:drop-shadow(0px 100px 0 #054B4B);transform:translateY(-100px)}header #bandeau #nav_haut ul.reseaux li a:hover{border:0}header #bandeau #nav_haut ul.reseaux li a:hover img{filter:drop-shadow(0px 100px 0 #FF8C08)}header h1{padding:1em;font-size:3.5em;font-weight:bold;text-align:center;text-transform:uppercase;text-shadow:0px 3px 6px #000}header h1 span{display:block;font-size:0.4em;font-weight:normal;text-transform:none}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:#054B4B;font-size:0.9em}header #alerte h2{color:#FF8C08;font-size:1rem;font-weight:600;text-align:center;text-transform:uppercase}header .bfleche{position:absolute;bottom:20px;left:calc(50vw - 10px);display:flex;justify-content:center;align-items:center;width:20px;height:45px;border-radius:10px;background:#FFF;color:#FF8C08;padding:5px 0;cursor:default}footer{position:relative;background:#054B4B;color:#FFF;font-size:0.9em}footer>div.col2{width:90%;padding:2.5vw;align-items:stretch;font-weight:normal}footer>div.col2>*{width:45%}footer>div.col2>*>img{align-self:center;max-width:250px}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:#054B4B;border-color:#FFF;text-transform:none}footer>div.col2 .boutons>*:hover{background:#FF8C08}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_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 #gotop{position:absolute;bottom:10px;right:10px;width:20px}footer #gotop a,footer #gotop img{display:block}footer a:hover{text-decoration:underline}#presentation{padding-top:calc(5vw + 60px);background:#FFF}#presentation h2{margin:0 0 1em;color:#054B4B;font-size:2em;text-align:center}#mairie #conseil{list-style:none}#mairie #conseil li{position:relative;padding:1em 0;border-top:1px solid #054B4B}#mairie #conseil li button{position:absolute;display:block;top:1em;right:0;width:20px;height:15px;background:none;cursor:pointer}#mairie #conseil li h4{font-size:1em}#mairie #conseil li>div img{width:25%;align-self:flex-end}#mairie #conseil li>div div{width:70%}#mairie #conseil li:first-of-type{border-top:none}#mairie #conseil li:first-of-type img{width:30%}#mairie #conseil li:first-of-type div{width:65%;align-self:center}#mairie>div.col2{justify-content:center;align-items:stretch}#mairie aside{width:calc(50% - 1em);box-sizing:border-box;margin:0.5em;padding:1em;background:#FFF;border:1px solid #FF8C08}#mairie aside h4{font-size:1.2em;font-weight:normal;text-align:center}#mairie aside div.fichiers:not(:first-of-type){display:none}#mairie aside div.fichiers h5{text-align:center}#mairie aside .fichiers_choix_annee{text-align:center}#mairie #autres_documents{width:100%}#mairie #autres_documents h3{margin:0.5em 0;text-align:center}#mairie #autres_documents li{display:flex;justify-content:space-between;border-bottom:1px dotted #000}#mairie #autres_documents li a{color:#000}.repli button{transition:0.5s all ease;transform:rotate(0)}.repli>div{transition:0.5s all ease;overflow:hidden;max-height:0;opacity:0}.depli button{transition:0.5s all ease;transform:rotate(180deg)}.depli>div{transition:0.5s all ease;max-height:1000px;opacity:100}#actualites h4{padding:5px 0;font-size:1.2em;font-weight:600}.slider{margin:0 auto;position:relative}.slider-container{margin:0 auto;max-width:1000px;overflow:hidden}.slider-content{display:flex;flex-wrap:nowrap;margin:0}.slider-content li{flex:0 0 22.25vw;max-width:310px;margin:0 3.5% 0 0;list-style:none}.slider-content li>img{width:100%}.arrow-left,.arrow-right{position:absolute;z-index:2;top:100px;left:-40px;width:25px;background:none;cursor:pointer}.arrow-right{left:unset;right:-40px}#agenda ul{position:relative}#agenda ul li{display:flex}#agenda ul li:not(:last-child){margin-bottom:3em}#agenda ul li div.texte{padding:1em}#agenda ul li div.illustration{min-width:35%;min-height:200px;background-size:cover}#agenda ul li div.illustration h5{width:20%;box-sizing:border-box;background:#054B4B;padding:0.5em;color:#FFF;font-weight:normal;font-size:0.6em;line-height:1.2em;text-align:center;white-space:pre-line}#agenda ul li div.illustration h5 strong{font-size:2.5rem;line-height:1em}#demarches>div>ul{list-style:none}#demarches>div>ul>li{border-bottom:1px solid #054B4B}#demarches>div>ul>li button{display:block;margin:1em auto;cursor:pointer}#demarches>div>ul>li a:link,#demarches>div>ul>li a:active,#demarches>div>ul>li a:visited,#demarches>div>ul>li a:hover{text-decoration:underline}#cantine ul li{padding:1em 0;border-bottom:1px solid #054B4B}#cantine ul li span{font-weight:600}#cantine ul li span::before{content:""}#contact p{text-align:center;margin-bottom:2.5vw}#Fcontact>div{margin-bottom:2em}#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:rgba(5, 75, 75, 0.1);border:1px solid rgba(5, 75, 75, 0.1);font-family:inherit;font-size:0.9em;font-weight:300;color:#054B4B}#Fcontact input.erreur,#Fcontact textarea.erreur,#Fcontact *.erreur{border-color:red;color:red}#Fcontact .confirm{color:#FF8C08}#Fcontact #FcontactAction,#Fcontact textarea{width:100%}article.mentions h2{color:#054B4B}article.mentions h3{color:#054B4B}section{overflow:hidden}section article{padding:5vw 0;box-sizing:border-box}section article:not(.mentions){background:#FFF}section article:not(.mentions) h2{margin:0;color:#054B4B;font-size:3em;font-weight:600;text-align:left}section article:not(.mentions) h2 span{display:inline-block;width:20%;height:3px;border-top:1px solid #FF8C08}section article:not(.mentions) h2 span:last-of-type{width:30px;height:2px;margin-right:0.5em;border-top:3px solid #FF8C08}section article:not(.mentions) h3{margin:0 0 1em calc(20% + 30px + 1em);color:#054B4B;font-size:1.5em;font-weight:300}section article:not(.mentions) h4{font-size:1.4em;font-weight:600}section article:not(.mentions) p{margin-bottom:1em;font-size:0.9em;line-height:1.5em;text-align:justify}section article:not(.mentions) ul{margin-bottom:2em;list-style:inside}section article:not(.mentions) img{max-width:100%}section article:not(.mentions):nth-of-type(even){background:rgba(5, 75, 75, 0.1)}section article .suiteOff>div,section article .suiteOn>div{margin-bottom:0.5em;max-height:4.5em;overflow:hidden;line-height:1.5em;text-align:left}section article .suiteOff>div p,section article .suiteOn>div p{font-size:1em}section article .suiteOn>div{max-height:fit-content}section article .suiteOff button,section article .suiteOn button{float:right;font-family:inherit;font-weight:600;background:none;color:#FF8C08;cursor:pointer}section .fichiers{margin-bottom:0}section .fichiers li{padding:1em 0 0}section .fichiers li span{width:auto}section .fichiers li span::before{content:"> "}section .fichiers li a{width:fit-content;margin:0 0 0 1em;color:#FF8C08}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%}.large800,.large1000,.large1200{margin:0 auto;width:90%;max-width:800px}.large1000{max-width:1000px}.large1200{max-width:1200px}.boutons{margin:2.5vw 0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px;color:#FFF}.boutons>*{display:inline-block;padding:5px 1em;background:#054B4B;color:#FFF;font-weight:600;font-size:1em;text-align:center;text-transform:uppercase;border:1px solid #054B4B;border-radius:calc(1em + 5px);cursor:pointer;transition:0.5s ease}.boutons>*:hover{background:#FF8C08;border:1px solid #FF8C08;text-decoration:none}.bfleche>*{position:absolute;animation-name:fleche;animation-duration:2s;animation-iteration-count:infinite}@keyframes fleche{0%{bottom:5px}50%{bottom:15px}100%{bottom:5px}}.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:#FFF;color:#054B4B;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 #054B4B;margin-bottom:1em;padding:3px;cursor:pointer}.mobile{display:none}.cacher{display:none !important}@media screen and (max-width:1300px){}@media screen and (max-width:1080px){#mobile_nav{position:absolute;z-index:5;top:10px;right:10px}#mobile_nav .fermer{display:block}header #bandeau{padding:0}header #bandeau div h2{left:10px}header #bandeau #nav_haut{width:100%;height:45px;flex-wrap:wrap}header #bandeau #nav_haut>a{margin-left:10px}header #bandeau #nav_haut>ul{position:relative;z-index:3;width:100%;top:10px;flex-direction:column;justify-content:flex-start;max-width:unset;margin:0;background:#FFF}header #bandeau #nav_haut>ul>li{text-align:center}header #bandeau #nav_haut>ul.reseaux{margin:0;padding-bottom:10px;flex-direction:row;justify-content:center}header #bandeau #nav_haut>ul.reseaux li{width:auto}header h1{position:absolute;top:150px;font-size:2em}header h1 span{font-size:0.5em}header #alerte{top:50vh;width:90vw}footer{font-size:0.7em}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_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:not(.mentions) h2{font-size:2em}section article:not(.mentions) h3{font-size:1.2em}.col2>*,.col3>*,#presentation>.col2>*:first-child,#presentation>.col2>*:last-child{width:100%;padding:0;margin-bottom:1em}.large800,.large1000,.large1200{width:100%;box-sizing:border-box;padding:0 5vw}#presentation>.col2:last-of-type .img2,#presentation>.col2:last-of-type .img3{width:100%;margin:0 0 1em}#mairie #conseil li:first-of-type div,#mairie #conseil li>div div,#mairie .fichiers li .boutons{width:100%}#mairie #conseil li:first-of-type img,#mairie #conseil li>div img{width:100%;order:1}#mairie aside{width:100%}#mairie aside .fichiers li a{width:100%;text-align:right}#actualites{width:100%}.slider{width:80vw}.slider-content li{display:block;flex:0 0 100%;max-width:80vw}.arrow-left{top:30vw;left:-30px}.arrow-right{top:30vw;right:-30px}#agenda ul li{flex-direction:column}#agenda ul li:not(:last-child){margin-bottom:1em}#agenda ul li h4{white-space:normal;border-radius:1em 1em 0 0}#agenda ul li div.texte{padding:1em}#agenda ul li div.illustration{height:300px;margin:0}#agenda .boutons{margin:2.5vw}#Fcontact>div.col2>div:nth-of-type(odd){margin-bottom:2em}#Fcontact>div.col2>div:nth-of-type(even){margin:0}.mobile{display:block}.mobile_no{display:none !important}}