@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--orange-basic:#fedf17;--rouge-basic:#ff0f5b;--vert-basic:#72f367;--vert-clair:#c0fabb;--bleu-basic:#01b4ff;--bleu-clair:#96ddfb;--violet-basic:#be01fe;--rose-clair:#ffccdc;--base-font:"Poppins",san serif;--fs-14:0.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-36:2.25rem;--fs-42:2.625rem;--fs-50:3.125rem;--fs-72:4.5rem}html{scroll-behavior:smooth}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn-basic{background:var();border-radius:25px;bottom:50px;color:#fff;font-weight:500;margin-top:20px;opacity:.75;padding:10px 25px;text-decoration:none;text-shadow:0 2px 2px rgba(0,0,0,.25);top:440px;transition:.5s}.btn-basic,.btn-basic:before{left:50%;position:absolute;transform:translateX(-50%)}.btn-basic:before{background:hsla(0,0%,100%,.5);border-radius:5px;content:"";height:5px;top:8px;width:65%}.btn-basic:hover{opacity:1}.main-container{background-color:#64bbf5;background-image:url(/public/images/fond-piscine-original.jpg);display:grid;grid-template:100px 600px 1fr 300px/150px repeat(3,1fr) 150px;overflow:hidden;width:100vw;z-index:1}.nav-container{align-items:center;background:#fff;box-shadow:inset 0 -5px 0 var(--orange-basic);display:flex;grid-area:1/1/2/6;height:100px;position:fixed;transition:.8s;width:100%;z-index:200}.accueil-container{display:flex;grid-area:2/2/3/5;justify-content:center;z-index:50}.img-sport-loisirs{height:50px;position:absolute;top:150px}.pass-sport{height:40px;left:20px}.pass-loisirs{right:20px}.accueil-container .img-container{border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;height:90%;overflow:hidden;position:relative;top:0;width:auto}.img-container img{object-fit:cover;object-position:0 -70px;width:100%}.pass-loisir-container{padding:20px;position:absolute;right:300px;top:120px}.pass-loisir-container p{color:transparent;font-size:1.5em;font-weight:500}.pass-loisir-container strong{font-size:1.5em}.pass-loisir-container span{display:inline-block;font-size:clamp(20px,1.5vw,120px);overflow:hidden;position:relative}.pass-loisir-container span:after{content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translateX(-105%);width:105%}.pass-loisir-container p:first-child{animation:txt-appearance 0s 1.25s forwards;animation-delay:3.5s;font-weight:300}.pass-loisir-container p:nth-child(2){animation:txt-appearance 0s 3s forwards;animation-delay:3.5s}.pass-loisir-container p:first-child span:after{animation:slide-in 2s ease-out forwards,slide-out 2s ease-out 1s forwards;animation-delay:3s;background:#f5d93d}.info-temp{align-items:center;background-color:rgba(255,238,126,.9);border:1px solid #fff;border-radius:15px;bottom:200px;display:flex;flex-direction:column;font-weight:500;height:250px;justify-content:center;line-height:1.4;padding:80px 30px;position:absolute;width:600px;z-index:10000}.info-temp span{font-weight:700;margin-bottom:30px}.info-temp p{text-align:center}.facebook-icone-main{bottom:300px;left:30px;position:fixed;z-index:50}.facebook-icone-main img{width:40px}.animate span{color:#fedf17}.pass-loisir-container p:nth-child(2) span:after{animation:slide-in 2s ease-out .3s forwards,slide-out 2s ease-out 1.3s forwards;animation-delay:3s;background:#4169e1}@keyframes slide-in{to{transform:translateX(0)}}@keyframes slide-out{to{transform:translateX(100%)}}@keyframes txt-appearance{to{color:#222}}.cards-section{grid-area:3/2/4/5;padding-top:40px;scroll-behavior:smooth;z-index:100}.ancre-activites{position:relative;top:-50px}.card-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto 30px;position:relative;top:-5px}.doc-assoc-container{background-color:#f2f2f2d7;background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.doc-assoc-container.active{visibility:visible}.doc-assoc-content{align-items:center;background:#f1f1f1;border:2px solid #006aff;border-radius:15px;display:flex;height:auto;justify-content:center;margin:0 auto;opacity:0;padding:50px 30px;position:relative;text-align:center;top:100px;transform:translateY(calc(50% - 50px));transition:opacity .4s ease-out,transform .4s ease-out;width:40%}.doc-assoc-container.active .doc-assoc-content{opacity:1;transform:translateY(0);transition:opacity .4s ease-out .2s,transform .4s ease-out .2s}.doc-assoc-link-box a:first-child{margin-bottom:30px}.doc-assoc-link-box a{color:#222;display:block;font-size:1.2rem;text-decoration:underline;text-underline-offset:.2em}.doc-assoc-link-box a:hover{color:#006aff}@media (max-width:1200px){.doc-assoc-link-box a{font-size:1rem}}@media (max-width:940px){.doc-assoc-content{height:300px;line-height:1.4;width:50%}}@media (max-width:426px){.doc-assoc-content{padding:50px 10px;width:80%}}.information-modale-container{background-color:#f2f2f2d7;background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.information-modale-container.active{visibility:visible}.tarifs-modal-container{align-items:start;background:rgba(0,0,0,.4);display:flex;grid-area:2/1/4/6;height:100%;justify-content:center;left:0;overflow:scroll;padding:40px 0;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.tarifs-modal-container.active{visibility:visible}.pre-inscription-modale-container{align-items:start;display:flex;grid-area:2/1/4/6;justify-content:center;position:relative;transition:visibility .4s;visibility:hidden;z-index:100}.pre-inscription-modale-container.active{visibility:visible}.about-modal_container{background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.about-modal_container.active{visibility:visible}.educ-modale-container{background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.educ-modale-container.active{visibility:visible}.rgpd-modal-container{background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.rgpd-modal-container.active{visibility:visible}.contact-modale-container{background:rgba(0,0,0,.4);grid-area:2/1/4/6;height:100%;left:0;overflow:scroll;padding:40px 20px;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100%;z-index:9999}.contact-modale-container.active{visibility:visible}