* {margin: 0;padding: 0;border: 0;box-sizing: border-box;font-family: Arial,sans-serif;}body {background-image: url("../images/fond.jpg");background-repeat: no-repeat;background-size: 100% 100%;}header {min-height: 60px;height: fit-content;display: flex;flex-direction: column;align-items: center;justify-content: space-between;background-color: black;position: relative;}header nav {display: none;flex-direction: column;align-items: start;width: 100%;gap: 5px;padding: 0 0 10px 15px;}header nav a {width: 30%;color: #f8f8f8;text-decoration: none;background-color: #333333;border-radius: 3px;padding: 4px;}#menu-icon {display: block;position: absolute;top: 12px;left: 15px;width: 30px;height: 30px;}.active {color: black;background-color: #a2a4ac;}h1, h2 {color: #f8f8f8;text-align: center;}#containerLogoHeader {width: 150px;padding: 10px 0 0 10px;}#logoR6 {width: 100%;}main {min-height: 90vh;}#containerImageJeux{width: 100%;display: flex;justify-content: center;}#imageJeux {width: 80%;margin: 0 auto;}#presentation {color: #f8f8f8;padding: 15px;margin: 15px;text-align: justify;background-color: rgba(51, 51, 51, 0.84);border-radius: 5px;}#listAgent {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}.card-agent {width: calc(80%);background-color: rgba(51, 51, 51, 0.84);padding: 10px;margin: 5px 0;border-radius: 5px;}.card-agent img {height: 60px;width: 60px;}.card-head {display: flex;flex-direction: row;justify-content: space-around;}.card-head h3 {width: 100px;color: #f8f8f8;}.card-agent div p {color: white;}.rondPlein {width: 16px;height: 16px;border: 8px solid #a2a4ac;border-radius: 50%;}.rondVide {width: 16px;height: 16px;border: 2px solid #a2a4ac;border-radius: 50%;}.card-rond {display: flex;justify-content: space-between;width: 55px;}.card-containerVieVitesse {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}.card-containerVitesse,.card-containerVie {display: flex;flex-direction: row;justify-content: space-between;width: 45%;}#containerFormRecherche {display: flex;justify-content: center;align-items: center;}#formRecherche {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 80%;border: 2px solid grey;padding: 10px;}#recherche {width: 80%;}#containerButtonRecherche {display: flex;justify-content: space-between;width: 80%;margin-top: 5px;}#buttonRetour {border: none;}.buttonFormRecherche {width: 40%;height: 30px;}.buttonFormRecherche button {width: 100%;height: 100%;}footer {height: 100px;background-color: black;color: #f8f8f8;}footer section {display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;height: 100%;}.sectionGestion {display: flex;flex-direction: column;width: 90%;margin: 0 auto;}.containerGestionInfo {background-color: rgba(51, 51, 51, 0.84);margin: 5px 0;border-radius: 5px;width: 100%;}.headerGestion {display: flex;justify-content: space-evenly;align-items: center;color: #f8f8f8;}.headerGestion img {width: 60px;height: 60px;}.containerInfos {display: grid;grid-template-columns: 1fr 2fr;grid-template-rows: auto;color: #f8f8f8;}.containerInfos dt {grid-column: 1/2;margin: 5px 5px;text-align: end;font-weight: bold;}.containerInfos dd {grid-column: 2/3;margin: 5px 5px;text-align: center;}.containerButton {display: flex;justify-content: space-evenly;margin: 10px 0;}.containerButton a {color: #f8f8f8;}.containerButton a:hover {text-decoration: none;}#navAdmin {display: flex;flex-direction: column;width: 80%;height: 200px;justify-content: space-evenly;margin: 20px auto;}#navAdmin * {display: flex;justify-content: center;align-items: center;width: 100%;height: 90%;color: #f8f8f8;text-decoration: none;background-color: #333333;border-radius: 20px;margin: 10px 0;}#navAdmin *:hover {background-color: #a2a4ac;color: black;}#formUpdate {display: flex;flex-direction: column;width: 80%;margin: 10px auto;}#formUpdate div {display: flex;justify-content: space-between;margin: 5px 0;}#formUpdate input {width: 60%;}#modif {width: 80%;background-color: #333333;color: #f8f8f8;text-align: center;margin: 10px auto;border-radius: 5px;padding: 5px;}#formUpdate {display: flex;flex-direction: column;justify-content: space-between;width: 80%;background-color: #a2a4ac;border-radius: 20px;margin: 15px auto;padding: 0 20px;}#formUpdate div label {width: 100%;}#formUpdate div input {margin: 0 auto;width: 80%;}#inputGadget {width: 40%;}@media screen and (min-width: 481px) {header {display: grid;grid-template-columns: repeat(2,1fr);height: 100px;}header nav {display: flex;flex-direction: row;justify-content: space-between;grid-column: 2/3;width: min(100%, 500px);padding: 0 5px 0 0;}header nav a {width: fit-content;}#containerLogoHeader {width: 250px;}#menu-icon {display: none;}#listAgent {flex-direction: row;}.card-agent {flex-basis: 200px;height: 300px;margin: 5px 20px;}.card-head h3 {text-align: center;}.card-containerVieVitesse {flex-direction: column;}.card-containerVie, .card-containerVitesse {width: 100%;}footer {height: 70px;}footer section {flex-direction: row;}.sectionGestion {flex-wrap: wrap;flex-direction: row;justify-content: space-evenly;}.containerGestionInfo {flex-basis: 250px;margin: 5px 10px;}.headerGestion img {width: 60px;height: 60px;}.containerButton {display: flex;justify-content: space-evenly;margin: 10px 0;}.containerButton a {color: #f8f8f8;}.containerButton a:hover {text-decoration: none;}#navAdmin {flex-direction: row;height: 60px;}#navAdmin a {width: 30%;height: 50px;}}