body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 0;

}



header {

    background-color: #333;

    color: #fff;

    padding: 20px;

    text-align: center;

}



main {

    padding: 20px;

}



section {

    margin-bottom: 30px;

}



h1 {

    color: #fff;

}

h2{

    color:#333;

    font-weight: bold;

}



img {

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

}



.a-container {

    display: flex;

    flex-direction: column;

    align-items: center;

}





.custom-a{

    display: inline-block; /* Pour que les liens se comportent comme des boutons */

    margin-bottom:30px;

}



a {

    

    text-decoration: none; /* Pour supprimer le soulignement des liens */

    display: inline-block;

    width: 1000px; /* Largeur de chaque bouton */

    height: 50px; /* Hauteur de chaque bouton */

    padding: 10px;

    background-color: #800cdf;

    color: #ffffff;

    border: 2px solid #800cdf; /* Ajout d'une bordure */

    font-size: 16px; /* Réduire la taille de la police pour qu'elle s'adapte mieux */

    font-weight: bold;

    text-align: center; /* Centrer le texte horizontalement */

    line-height: 50px; /* Centrer le texte verticalement */

}







a:hover {

    background-color: #ffffff; /* Légèrement plus clair pour effet de survol */
    color: #800cdf;

}



footer {

    background-color: #333;

    color: #fff;

    padding: 10px 20px;

    text-align: center;

}

.images{

    align-items: center;

    width: 60%;

    height: 310px;

}
#exercices {
    margin-top: 10px;
    width: 200px; /* Largeur de la liste déroulante */
    padding: 8px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 4px;
    background-color: #800cdf; /* Couleur de fond */
    color: #ffffff; /* Couleur du texte */
    cursor: pointer;
}
#exercices:hover{
    margin-top: 10px;
    width: 200px; /* Largeur de la liste déroulante */
    padding: 8px;
    font-size: 16px;
    border: 1px solid #000000;
    border-radius: 4px;
    background-color: #ffffff; /* Couleur de fond */
    color: #800cdf; /* Couleur du texte */
    cursor: pointer;
}