@media screen and (max-width: 480px){body{font-family:'Brown', sans-serif;background-image:url('../assets/kitzbuhel_tel.jpg');background-size:cover;background-repeat:no-repeat;background-attachment:fixed;text-align:center;margin:0 auto}h1{display:flex;justify-content:center}#logo_fis{width:150px;position:relative}.text{border:7px ridge #cdd909;padding:20px;margin:20px 0;width:auto;background-color:white;text-align:center}.results{background-color:white;text-align:left;padding:1em;justify-content:center;border-radius:5px;margin:5px;box-shadow:0 0 20px rgba(1, 0, 1, 1.5)}#video_container{background-color:white;width:330px;height:215px;box-shadow:0 0 20px rgba(1, 0, 1, 1.5);display:inline-block}#video_container video{width:300px;top:1em;position:relative}#tableau{margin:0 auto;background-color:white;text-align:center;display:inline-block;position:relative}td,th{border:1px solid black;padding:8px;text-align:center}#formulaire{background-color:white;width:200px;margin:0 auto}form{padding:20px;border-radius:5px}nav{background-color:#333;padding:10px;width:auto;display:flex;justify-content:center}nav li{display:inline}nav a{color:white;text-decoration:none;padding:10px;display:inline}nav a:hover{background-color:#555;color:yellow;border-radius:5px}.active{color:#ffcc00;border-radius:5px}footer{background-color:#333;width:100%}footer p{color:white;text-align:center}#bouton{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px}#bouton_form{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:0 auto}input,textarea{width:100%;padding:3px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}#skieur{width:60%;padding:3px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;margin:10px auto}}@media screen and (min-width: 480px){body{background-image:url('../assets/kitzbuhel.jpg');background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-family:'Brown', sans-serif;text-align:center;margin:0 auto}h1{display:flex;justify-content:center}#logo_fis{position:relative;width:200px}.text{border:7px ridge #cdd909;padding:20px;margin:20px 0;width:auto;background-color:white;text-align:center}.results{background-color:white;text-align:left;padding:1em;justify-content:center;border-radius:5px;margin:5px;box-shadow:0 0 20px rgba(1, 0, 1, 1.5)}#video_container{background-color:white;width:430px;height:275px;box-shadow:0 0 20px rgba(1, 0, 1, 1.5);display:inline-block;border-radius:5px}#video_container video{width:400px;top:1em;position:relative}#tableau{position:relative;margin:0 auto;background-color:white;display:inline-block;text-align:center}td,th{border:1px solid black;padding:8px;text-align:center}#formulaire{background-color:white;width:200px;margin:0 auto;border-radius:5px;box-shadow:0 0 20px rgba(1, 0, 1, 1.5)}form{padding:20px;border-radius:5px}nav{background-color:#333;padding:10px;width:auto;display:flex;justify-content:center}nav li{display:inline;margin-right:40px}nav a{color:white;text-decoration:none;padding:10px;margin:0 10px;display:inline}nav a:hover{background-color:#555;color:yellow;border-radius:5px}nav li{display:inline;margin-right:40px}.active{color:#ffcc00;border-radius:5px}footer{background-color:#333;width:100%}footer p{color:white;text-align:center}#bouton{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px}#bouton_form{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;position:relative}input,textarea{width:100%;padding:3px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}#skieur{width:20%;padding:3px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;position:relative}.gestion{background-color:white;border-radius:5px;margin:1em;width:1080px;height:126px;display:inline-block}.valid_ajout{background-color:white;border-radius:5px;margin:1em;height:126px;display:inline-block}}