header,footer{width:100%;max-width:1080px;margin:auto;text-align:center}header nav,footer nav,#jsp-la{font-family:"Lora",serif;font-optical-sizing:auto;font-style:normal}header nav{display:flex;justify-content:end}footer nav{width:30%;margin:auto}footer ul{padding:0}header nav ul,footer nav ul{list-style:none}header nav ul li,footer nav ul li{display:inline-block}header a,footer a{text-decoration:none;color:#fff;padding:7px;transition:.5s;border-radius:10px}header a:hover,footer a:hover,#lien-actif{color:#000;background-color:#fff;padding:10px;border-radius:10px;border:0}body{margin:0;width:100%;max-width:100%;color:#fff;font-size:20px;font-family:Arial,Helvetica,sans-serif;background-color:#103245;justify-content:center}main{width:80%;padding:50px;max-width:980px;margin:50px auto;border-radius:50px;background-color:#0003}h1,h2{display:flex;justify-content:center;width:100%;max-width:90%;padding:25px;margin:0 auto;text-align:center}.spotify-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;max-width:55%}.spotify-frame{width:100%;height:152px;border:none;border-radius:15px}.carousel-container{position:relative;width:500px;height:500px;color:#000;overflow:hidden;border-radius:30px;background-color:#d8d7de;margin:auto auto 65px}.carousel{display:flex;width:100%;transition:transform .5s ease-in-out}.carousel-item{flex-shrink:0;height:500px;min-width:500px}.carousel-item img{width:100%;height:100%;object-fit:cover}.carousel-button{position:absolute;top:50%;z-index:10;padding:10px;border:none;color:#fff;cursor:pointer;border-radius:50%;transform:translateY(-50%);background:#00000080}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:focus{outline:none}#center{display:flex;width:100%;align-items:baseline;justify-content:center}#contenu{width:500px;padding:20px;margin:auto;text-align:justify}form{display:flex;padding:15px;margin:0 auto;flex-wrap:wrap;max-width:350px;border-radius:25px;box-shadow:0 0 10px #81dbe2}#en-tete{display:flex;width:90%;margin:auto;justify-content:space-between}label{display:block;width:50%;padding:5px;margin-left:10px}option{background-color:#000}#titre,#dl{margin:auto}#photos{padding:25px;display:flex;flex-wrap:wrap;justify-content:space-around}.galerie-img{width:300px;height:300px;border-radius:50%;transition:.5s;margin-bottom:20px;filter:grayscale(100%) blur(1px)}.galerie-img:hover{border-radius:25px;filter:grayscale(0%) blur(0px)}#nom,#prenom,#email,#message,#valider{display:flex;width:90%;margin:0 auto 15px;border-radius:5px}form p{margin:5px}#valider{padding:2%;border-radius:10px}#rep{color:red}#yes{color:green}.pic{display:flex;max-height:350px;max-width:350px;width:50%;height:50%;border-radius:20px;margin:0 auto}#credit p{text-align:center}#jsp-la{text-decoration:underline}#partenaire{display:grid;row-gap:15px;column-gap:4vh;justify-content:center;grid-template-columns:repeat(2,1fr)}.sae106{display:flex;color:#000;font-size:15px;border-radius:20px;text-decoration:none;background-color:#fff;transition-duration:.5s}.sae106:hover{transform:scale(1.1);transition-duration:.5s}.groupe{display:flex}.groupe p{width:90%;margin:auto;border-radius:10px;background-color:#fff}.photo-grp{margin:auto;max-width:50%;max-height:50%;border-radius:50%;padding:5px}#plan{display:flex;margin:10px auto;width:15%;padding:5px;color:#fff;text-decoration:none;justify-content:center;border-radius:10px;transition-duration:.5s;font-weight:700}#plan:hover{padding:5px;color:#000;background-color:#fff;transition-duration:.5s}