/* ########################### */
/* DANS style-adhesion.css */
/* ########################### */

/* 1. Styles pour centrer le texte et le lien de téléchargement */
.adhesion-container {
    /* Utiliser max-width et margin: auto; pour centrer le conteneur principal */
    max-width: 1000px;
    margin: 20px auto;
    padding: 0 20px;
    /* On force l'alignement du texte à gauche par défaut pour le contenu */
    text-align: left;
}

/* On cible le paragraphe/texte parent du lien d'adhésion pour le centrer */
/* Comme votre texte est directement dans <main> avant la <section>, 
   on va cibler le conteneur principal et le lien directement. */

/* Centre le texte "Téléchargez le fichier PDF ici :" et le lien */
.adhesion-container {
    /* Cette règle va centrer le texte qui n'est pas dans une balise block spécifique */
    text-align: center;
}

/* Style du lien d'adhésion pour le rendre plus visible */
.adhesion-container>a {
    font-size: 1.2em;
    /* Rend le lien plus grand */
    font-weight: bold;
    color: #004d99;
    /* Couleur du header pour la cohérence */
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff6600;
    /* Soulignement pour attirer l'attention */
    padding-bottom: 2px;
}

/* 2. Styles pour centrer le PDF */
#pdf {
    /* Pour centrer un élément de type block (la <section> dans ce cas) 
       et les éléments qu'il contient. */
    text-align: center;
    margin-bottom: 30px;
}

/* Centrage de l'élément <embed> (type block) à l'intérieur de #pdf */
#pdf embed {
    /* Le margin auto fonctionne car l'élément a une largeur définie (600px) */
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    /* S'assure que le PDF ne dépasse pas sur mobile */
    height: 900px;
}

/* Media Query pour les petits écrans (s'assurer que le PDF ne coupe pas) */
@media (max-width: 768px) {
    #pdf embed {
        width: 100%;
        /* Le PDF prend toute la largeur disponible */
        height: 600px;
        /* Réduit la hauteur sur mobile */
    }
}