body {
    font-family: sans-serif;
    margin: 1em auto;
    background-color: #eee;
    background-image: url(../medias/japmotifdef.jpg);
}

#container {
    font-family: "Kanit", sans-serif; /* Police moderne et lisible */
    font-weight: 300; /* Poids léger pour une meilleure lisibilité */
    font-style: normal;
    width: 1200px;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8); /* Fond blanc semi-transparent pour un effet vitré */
    border-radius: 25px;
    padding: 1em;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

#container h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", sans-serif; /* Police pour les titres */
    font-weight: 600; /* Poids semi-gras pour insisté sur l'importance du titre */
    font-style: normal;
}

figure  {
    text-align: center;
    margin: auto;
}

header img {
    height: 300px;
    width: 100%;
    border-radius: 25px;
}


figure img.japlogo {
    height: 20%;
    width: 20%;
}

main {
    padding : 0 2em;
}

main h1, h2 {
    text-align: center; 
}
main figure img {
    height: 30%;
    width: 30%;
    margin: 0;
    padding: 0;
}

#partenariat {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    text-align: left;
    margin: 4em 0;
}

#partenariat div {
    display: block;
    width: 40%;
    margin: auto;
}

#partenariat div figure {
    border-radius: 15px;
    padding: 0 ;
    margin: 0 ;
}

#partenariat div figure img {
    border-radius: 15px;
    height: 300px;
    width: 500px;    
}

figure.logo img {
    transition-duration: 300ms; 
}

.logo img .tp-transform {
  transition-property: transform;
}

.logo img:is(:hover, :focus) {
  transform: scale(1.05); /*Le logo s'agrandit au survol*/