body{background:#333}.main-container{background-color:#64bbf5;background-image:url(../../../images/fond-piscine-original.jpg);display:grid;grid-template:100px 1500px 1fr 300px/150px repeat(3,1fr) 150px;width:100vw;z-index:1}.nav-container{align-items:center;background:#fff;box-shadow:inset 0 -5px 0 #fedf17;display:flex;grid-area:1/1/2/6;height:100px;position:fixed;transition:.8s;width:100%;z-index:200}.logo-container .logo{height:100px;margin-left:30px}.list-items-nav{display:flex;font-size:1.3em;font-weight:500;gap:2em;justify-content:center;list-style-type:none;padding:10px 20px;position:absolute;width:100%}.list-items-nav .item a{color:#333;text-decoration:none}.facebook-icone-nav{position:absolute;right:30px}.facebook-icone-nav img{height:50px;width:50px}.inscription-test-container{background-image:url(/public/images/fond-piscine-original.jpg);display:flex;grid-area:2/1/5/6;height:auto;justify-content:center;padding:140px 0 80px;width:100%}.inscription-test-overlay{background:#333333d3;height:100%;opacity:1;transition:opacity .4s ease-out .2s;width:100%}.inscription-test-content{background:#fff;border-radius:10px;box-sizing:border-box;padding:25px;position:relative;width:500px}.formBloc h3 strong{color:#5260ad;font-weight:900}.formBloc h3{color:#666;font-size:28px;font-weight:500;margin-bottom:10px;text-align:center}.formBloc .sous-titre{color:#666;font-size:20px;margin-bottom:50px;text-align:center}.formBloc .formGroupe{display:flex;margin-bottom:40px;position:relative}.formBloc .formGroupe label{color:#aaa;font-size:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:.4s ease-out}.formBloc .formGroupe .special-field{color:#8b97d7;left:0;position:absolute;top:0}.formBloc .formGroupe span{font-size:16px}.formBloc .formGroupe input{background:none;border:none;border-bottom:3px solid #aaa;color:#666;display:block;font-size:20px;outline:none;padding:10px 0;transition:.4s ease-out;width:100%}.formBloc .formGroupe input[type=date]{color:#aaa}#option1{height:15px}.choix-dates{border:1px solid #8b97d7;border-radius:5px;margin:0 auto;max-width:450px;padding:1.2em}.choix-dates h2{color:#8b97d7;cursor:pointer;font-size:20px;font-weight:600;margin-bottom:30px;text-align:center}.choix-dates h2:hover{color:#374ab1}.multi-select{color:#555;font-size:18px;list-style-type:none;padding:0}.multi-select.hidden{display:none}.multi-select li{align-items:center;display:flex;margin-bottom:10px}.multi-select input[type=checkbox]{margin-left:10px;margin-right:10px}.multi-select label{cursor:pointer}.multi-select fieldset{border:none;padding:10px}.multi-select fieldset legend{color:#8b97d7;font-size:20px;padding:20px 0 15px}.info-temp_test{background:#f8f8ab;border:2px solid tomato;border-radius:15px;font-weight:500;height:400px;line-height:1.6;margin:0 auto;padding:20px;position:absolute;text-align:center;top:150px;width:90%}.info-temp_test p{margin-top:50px}.info-temp_test strong{color:#8b97d7;display:block;font-size:1.5em}.info-temp_test span{color:#2a3ca0;display:block;font-size:1.1rem;font-weight:500;margin-bottom:10px;margin-top:10px}.info-temp_test img{margin-top:30px;width:80px}.footer-container{background:#333;flex-shrink:0;grid-area:4/1/5/6;z-index:100}.content-footer{color:#f1f1f1;display:flex;width:100%}.footer-horaire{font-size:.9em;padding:20px}.footer-horaire img{width:200px}.footer-horaire h3{font-size:1.2em;font-weight:400;padding-bottom:20px}.footer-horaire .permamence-list{list-style-type:none}.footer-sponsors{display:flex;justify-content:center;padding:20px 15px;width:1000px}.footer-sponsors h2{color:#fff;display:block;font-family:Poppins,sans-serif;font-size:1.5em;padding-bottom:30px;text-align:center;width:1000px}.footer-sponsors img{height:120px;margin:0 15px}.footer-assoc{font-size:.9em;line-height:1.8;padding:20px}.footer-assoc p:hover{color:#fedf17}.facebook-icone-footer{margin-right:25px;position:relative}.facebook-icone-footer img{height:30px;width:30px}#logo-admin{font-size:2em}.formBloc .formGroupe.animation label,.formBloc .formGroupe:focus-within label{color:#8b97d7;top:0;transform:translateY(-100%)}.formBloc .formGroupe.animation input,.formBloc .formGroupe:focus-within input{border-bottom-color:#8b97d7}.avertissement-form-test{background-color:#faf7c7;border:1px solid #000;border-radius:10px;padding:20px}.avertissement-form-test span{color:tomato;font-weight:600}.avertissement-form-test p{text-align:center}.choix-dates{margin-top:35px}.choix-dates .formGroupe{display:flex;flex-direction:column}.choix-dates label{color:#8b97d7;font-size:24px;margin-bottom:8px}.choix-dates select{background:transparent;border:none;border-bottom:3px solid #aaa;color:#555;cursor:pointer;font-size:22px;outline:none;padding:10px 0;width:100%}.choix-dates select:focus{border-bottom-color:#8b97d7}.choix-dates select option{font-size:18px}@media (max-width:426px){.main-container{display:flex;flex-direction:column}.nav-container{height:70px}.logo-container{margin:0 auto;order:2}.logo-container .logo{height:60px;width:auto}.list-items-nav{font-size:1em;order:1;width:auto}.facebook-icone-nav{right:15px}.facebook-icone-nav img{height:30px;width:30px}.inscription-test-container{height:1500px}.inscription-test-content{height:auto;top:100px;width:300px}.formBloc h3{font-size:1.2em;font-weight:500;margin-bottom:5px;text-align:center}.formBloc h3 strong{font-weight:800}.formBloc .sous-titre{font-size:.8em;margin-bottom:20px}.formBloc .formGroupe label{font-size:1em}.formBloc .formGroupe span{font-size:.9em}.choix-dates h2{cursor:cell;font-size:1em;font-weight:500;margin-bottom:10px}.multi-select label{font-size:.8em}.footer-container{display:flex}.content-footer{flex-direction:column}.footer-horaire{font-size:.8em;order:2}.footer-horaire h3{padding-bottom:0}.footer-horaire p{padding-bottom:10px}.footer-sponsors{order:1;width:100%}.footer-sponsors img{height:3em}.footer-assoc{font-size:.8em;order:3}.footer-assoc p:hover{color:#fff}.facebook-icone-footer img{width:2em}}