@media screen and (max-width:480px){#background,#logo img,#newsletter,nav,ul{width:100%}#accueil,#background img{height:100vh;display:flex}#accueil,#newsletter,#newsletter p,#titre,.retour_bouton,nav,ul{display:flex}#logo,#logo img,.form_admin,form{height:auto}.bouton a,.retour_bouton a{text-decoration:none;color:#000}body,footer p,h1{margin:0}body{padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}.titre_sport,i{font-family:"Libre Franklin",sans-serif}#logo{width:45%}nav{background-color:#00004a}li a:hover,nav .current a{border-bottom:1.5px solid #fff}ul{list-style:none;flex-wrap:wrap;flex-direction:column;justify-content:end;align-items:flex-end;margin-right:20px}li{padding:7px 14px 0 0}li a{color:#fff;text-decoration:none;font-size:15px}#newsletter p,footer p{font-size:10px;color:#fff;text-align:center}#newsletter{height:10vh;background-color:#000}#newsletter p{padding:10px;align-items:center;justify-content:center}#background{filter:blur(2px);position:absolute;z-index:0;object-fit:cover}#background img{width:100%;background-size:contain;background-position:center}#titre{position:relative;z-index:9999;color:#fff;text-align:center;width:497px;margin:0 auto;font-size:18px;height:100%;align-items:center;justify-content:center}h1{text-align:center}h2{text-align:center;margin:50px}.retour_bouton{flex-wrap:wrap;margin-top:35px}.retour_bouton a{width:150px;margin:20px 5px 5px;padding:6px;border-radius:6px;background-color:#d8c57c;font-size:14px;cursor:pointer}.sport,.sport img,button{border-radius:5px}.bouton:hover,.retour_bouton a:hover,.retour_bouton input:hover{background-color:#7d7142}.retour_bouton input{width:150px;margin:5px;background-color:#d8c57c}#accueil{align-items:center}.epreuves{display:grid;grid-template-columns:repeat(2,200px);gap:25px;width:90%;margin:0 auto}.sport{background-color:#fff}.form_admin,footer,form{background-color:#00004a}.sport:hover{transition:.4s;transform:scale(1.07);filter:drop-shadow(0 0 .75rem gray)}.sport img{width:100%}.sport p{margin-top:0}.text{font-size:13px;display:grid;grid-template-columns:repeat(2,90px);gap:8px;margin-left:10px;margin-bottom:20px}.titre_sport{font-weight:700;font-size:18px;display:flex;justify-content:center;padding:5px}i{color:#c1c1c1}form{text-align:center;width:90%;margin:0 auto;border-radius:7px}#athlete{width:55%}.form_admin{color:#fff;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:70%;margin-bottom:35px}.form_admin input,select{display:flex;flex-wrap:wrap;width:50%;border:0;height:30px;border-radius:7px;margin:0 auto}.form_admin select{width:50%}.bout_form_admin{width:30%;margin:0 auto 15px}label{display:block;color:#fff;padding-top:65px;padding-bottom:15px}input{width:90%;border:0;height:30px;border-radius:7px;margin-bottom:10px}input:hover{background-color:#dfdfdf}button{padding:8px;width:55%;margin-top:10px;border:#000;margin-bottom:35px}.bouton{width:18%;background-color:#d8c57c;text-align:center;margin:10px;padding:4px;border-radius:5px}footer{width:100%;height:auto;display:flex;justify-content:center;position:absolute;z-index:99999999}footer p{padding:5px 6px}}@media screen and (min-width :960px){#newsletter,#newsletter p,nav,ul{display:flex}body,h1{margin:0}#newsletter p,#titre,form,h1,h2{text-align:center}.bouton a,.retour_bouton a,td a{text-decoration:none;color:#000}.bouton:hover,.retour_bouton a:hover,.retour_bouton input:hover,thead{background-color:#7d7142}#titre,.form_admin,footer p,label,li a,thead{color:#fff}body{padding:0;font-family:Montserrat,sans-serif}.titre_sport,i{font-family:"Libre Franklin",sans-serif}#logo{width:30%;margin:0 auto}#logo img{width:50%;margin-top:-10%}#admi_nav{right:0}nav{width:100%;background-color:#00004a;flex-direction:column}.current{border-bottom:1px solid #fff}ul{list-style:none;justify-content:center;margin:-20px 0 0}li{margin:0 50px 10px 0}li a{text-decoration:none}li a:hover{border-bottom:1.5px solid #fff}.retour_bouton{display:flex;flex-wrap:wrap;margin-top:35px}.retour_bouton a{width:150px;margin:20px 5px 5px;padding:6px;border-radius:6px;background-color:#d8c57c;font-size:14px;cursor:pointer}.sport,.sport img,button{border-radius:5px}.retour_bouton input{width:150px;margin:5px;background-color:#d8c57c}#background{filter:blur(2px);position:absolute;z-index:0;width:100%;object-fit:cover}#background img{width:100%}#newsletter{width:100%;height:10vh;background-color:#000;justify-content:center}#newsletter p{font-size:12px;padding:10px;color:#fff;align-items:center;justify-content:center}#titre{position:relative;z-index:9999;width:497px;margin:0 auto;font-size:30px;font-family:Space Grotesk,sans-serif;padding-top:240px}h2{padding:20px}.epreuves{display:grid;grid-template-columns:repeat(4,270px);gap:25px;width:90%;margin:0 auto}.sport{background-color:#fff}.form_admin,footer,form{background-color:#00004a}.sport:hover{transition:.4s;transform:scale(1.07);filter:drop-shadow(0 0 .75rem gray)}.sport img{width:100%}.sport p{margin-top:0}.text{font-size:13px;display:grid;grid-template-columns:repeat(2,135px);gap:8px;margin-left:10px;margin-bottom:20px}#ajout,.form_admin,.titre_sport,footer{display:flex}.titre_sport{font-weight:700;font-size:18px;justify-content:center;padding:5px}i{color:#c1c1c1}form{width:600px;margin:0 auto;height:auto;border-radius:7px}#athlete{width:55%}.form_admin{flex-wrap:wrap;flex-direction:column;justify-content:center;width:70%;height:auto;margin-bottom:35px}.form_admin input,select{display:flex;flex-wrap:wrap;width:50%;border:0;height:30px;border-radius:7px;margin:0 auto}.form_admin select{width:50%}.bout_form_admin{width:30%;margin:0 auto 15px}label{display:block;padding-top:65px;padding-bottom:15px}input{width:90%;border:0;height:30px;border-radius:7px;margin-bottom:10px}input:hover{background-color:#dfdfdf}button{padding:8px;width:55%;margin-top:10px;border:#000;margin-bottom:35px}.bouton,td a{border-radius:5px;text-align:center}.bouton{width:18%;background-color:#d8c57c;margin:10px;padding:4px}footer{bottom:0;width:100%;height:40px;align-items:center;justify-content:center}footer p{font-size:10px}table{width:98%;margin:0 auto 35px}td{border-bottom:1px solid #000;padding:5px;font-size:12px}td a{background-color:#ededed;padding:3px;border:1px solid #000}thead{font-weight:600}#ajout{flex-wrap:wrap;justify-content:end;margin:0 10px 10px 0;text-align:center}}