p {
margin:0;}

html, body {
font-family: "BarlowSemiCondensed-Regular", Sans-serif;
font-size: 1.1em;
}

.container {
max-width: 1360px !important;
}

div#ctl00_Main_headerDiv {
background-color: #47B0AC !important;
}

div.ContentBlock.CONTENT_BLOCK.Content37460 > div.ContentBlockInner, div.ContentBlock.CONTENT_BLOCK.Content37462 > div.ContentBlockInner, div.ContentBlock.CONTENT_BLOCK.Content37461 > div.ContentBlockInner {
display: ruby;
}


div.ContentBlock.CONTENT_BLOCK.Content37461 > div.ContentBlockInner


/*
.menu_top ul li ul li a span span {
    color: #ff0000;
}

.menu_top ul li ul li a:hover, .menu_top ul li:hover ul li strong a {
    background:  !important;
    color: #fff !important;
}
 */

/*
.list-inline-item > a:focus {
background-color: red !important;
}

nav#menu > ul.menu > li > a:focus {
background-color: red !important;
}
*/
.align-horizontal {
    display: flex;
    justify-content: center; /* Centre les éléments horizontalement */
    align-items: center;
    gap: 20px; /* Espace entre les éléments */
    margin-bottom: 20px;
}

.rounded-image-container {
    width: auto;
    margin: auto !important;
    border-collapse: collapse;
    background-color: #020d4f;
    border-radius: 35px; /* Taille réduite */
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.rounded-image-container td {
    width: 105px; /* Réduction de 30% */
    padding: 10px; /* Padding ajusté */
    text-align: center;
    color: white;
    background-color: #020d4f;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.image-cell {
    border-top-left-radius: 35px; /* Taille réduite */
    border-bottom-left-radius: 35px;
    overflow: hidden;
    text-align: left;
}

.name-cell {
    border-top-right-radius: 35px; /* Taille réduite */
    border-bottom-right-radius: 35px;
    overflow: hidden;
}

.rounded-image-container img {
    width: 49px; /* Réduction de 30% */
    height: 49px;
    border-radius: 50%;
    display: block;
    margin-left: 7px; /* Ajustement de la marge pour l'alignement à gauche */
    margin-right: auto;
    border: 2px solid white; /* Ajustement du border */
}

.rounded-image-container:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.rounded-image-container:hover td {
    background-color: white;
    color: #020d4f;
}

.rounded-image-container:hover .image-cell, .rounded-image-container:hover .name-cell {
    border-color: #020d4f;
}




header .head {
    padding: 0rem !important;
}

/*désactivé c'est pas bon ça
div.container {
    text-align-last: center !important;
}
*/

/* Faut ajouter chaque ID logo de chaque page */
#ctl00_Main_ctl00_logo, #ctl00_Main_ctl01_logo, #ctl00_Main_ctl02_logo, #ctl00_Main_ctl03_logo, #ctl00_Main_ctl04_logo, #ctl00_Main_ctl05_logo, #ctl00_Main_ctl06_logo, #ctl00_Main_ctl07_logo, #ctl00_Main_ctl08_logo, #ctl00_Main_ctl09_logo, #ctl00_Main_ctl10_logo, #ctl00_Main_ctl11_logo, #ctl00_Main_ctl12_logo, #ctl00_Main_ctl13_logo, #ctl00_Main_ctl14_logo, #ctl00_Main_ctl15_logo, #ctl00_Main_ctl16_logo, #ctl00_Main_ctl17_logo, #ctl00_Main_ctl18_logo, #ctl00_Main_ctl19_logo, #ctl00_Main_ctl20_logo{
    height: 100px !important;
    width: 100px !important;
}

/* Style général des liens dans le menu */
.menu_top ul li a {
    font-weight: normal;
    font-size: 0.8em;
    font-family: Anivers-Regular;
}

/* Style au survol des liens */
.menu_top ul li a:hover {
    /* Style au survol - changez les valeurs selon votre design */
    background-color: #couleurSecondaire; /* Remplacez par la couleur de votre choix */
    color: #couleurDuTexte; /* Couleur du texte */
}

/* Style pour le lien actif */
.menu_top ul li a.active {
    /* Style du lien actif - similaire au style au survol */
    background-color: #couleurSecondaire; /* La même couleur que celle au survol */
    color: #couleurDuTexte; /* La même couleur de texte que celle au survol */
}

#ctl00_Main_TcktFront_BtnPrevious {
display: none;
}


/* =========================================================
   MENU PRINCIPAL DESKTOP
   - centré
   - plus compact
   - une seule ligne
   - soulignement aligné sur le début du texte
   ========================================================= */

@media (min-width: 992px) {

    header .head > .container {
        position: relative;
        max-width: none !important;
        width: 100% !important;
    }

    header .head nav#menu {
        width: 100% !important;
    }

    header .head nav#menu > ul.menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important;

        /* espace entre les menus */
        gap: clamp(20px, 2.2vw, 44px);
    }

    header .head nav#menu > ul.menu > li {
        float: none !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    header .head nav#menu > ul.menu > li > a {
        position: relative;

        display: inline-block !important;

        /* diminution importante des padding */
        padding: 16px 0 15px !important;
        margin: 0 !important;

        /* interdit le passage sur deux lignes */
        white-space: nowrap !important;

        /* légèrement plus petit pour les longs intitulés */
        font-size: clamp(14px, 1.15vw, 19px) !important;
        line-height: 1.15 !important;
    }


    /* -----------------------------------------------------
       Trait de soulignement
       ----------------------------------------------------- */

    header .head nav#menu > ul.menu > li > a::after {
        left: 0 !important;
        right: auto !important;

        /* le trait part du début exact du libellé */
        transform-origin: left center !important;
    }
}




/* ============================================
   SFAV 2027 - EN-TÊTE MOBILE
   Largeur maximale : 480px
   ============================================ */

@media screen and (max-width: 480px) {

    /* 1. Masquer l'ancienne bannière */
    body#ctl00_body > p:first-child {
        display: none !important;
    }

    /* 2. En-tête contenant la nouvelle bannière */
    #ctl00_Main_bodyDiv > header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10;
    }

    /* 3. Nouvelle bannière mobile */
    #ctl00_Main_bodyDiv > header::before {
        content: "";
        display: block;
        width: 100%;
        aspect-ratio: 1000 / 600;

        background-image: url("https://secure.key4events.com/key4register/images/client/2161/images/Congr%c3%a8s%20SFAV%202027_bandeau_1000x600%20(1).jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* 4. Supprimer complètement la barre orange */
    #ctl00_Main_headerDiv > .date {
        display: none !important;
    }

    /* 5. Supprimer la hauteur de l'ancien en-tête */
    #ctl00_Main_headerDiv {
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 6. Menu transparent superposé à la bannière */
    #ctl00_Main_headerDiv > .head {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        box-shadow: none !important;
        z-index: 20 !important;
    }

    #ctl00_Main_headerDiv .head > .container {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* 7. Burger en haut à droite de la bannière */
    #ctl00_Main_headerDiv .menu-trigger {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 1000 !important;
    }

    /* Lisibilité du burger sans remplissage */
    #ctl00_Main_headerDiv .menu-trigger svg {
        filter: drop-shadow(0 1px 2px rgba(0,0,0,.6));
    }

    /* 8. Supprimer l'espace inutile sous la bannière */
    #ctl00_Main_bodyDiv > main,
    #ctl00_Main_main,
    #containerDivE {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Bloc vide identifié dans le HTML */
    #ctl00_Main_ctl17_Layout_21994 {
        display: none !important;
    }

    /* Petit espacement avant le contenu */
    .sfav-home-wrap {
        margin-top: 12px !important;
    }
}