@media screen and (min-width : 320px) and (max-width : 480px) {
    .blocCentrerHorizontalEnHaut {
        display: inline !important;
    }

    .slideRessources, .slidePartenaires {
        max-width: 200px !important;
        height: auto !important;
    }

    .titre-maintenance{
        font-family: lora,sans-serif;
        font-size: 1.5em !important;
        font-weight:700;
    }

    .titreBlocInscription {
        font-size: 1.15em !important;
        color: #fff !important;
        background-color: #1C9B2F !important
    }

    .titreBlocRecherche {
        font-size: 1.15em !important;
        color: #1C9B2F !important;
        background-color: black !important
    }

    #titreBlocVideoPro, #titreBlocVideoCdc {
        font-size: 0.7em !important
    }

    #introProfessionnelle, #introCoupDeCoeur {
        font-size: 0.85em !important
    }

    #contenuVideoPro, #contenuVideoCdc, #imgFifal {
        width: 250px !important;
    }
    #imgAn1Bountbi {
        max-width: 320px !important;
    }

    #fermerBlocVideoPro, #voirTouteLaVideoPro, #fermerBlocVideoCdc, #voirTouteLaVideoCdc {
        font-size: 10px !important;
        padding: 4px 12px !important;
    }

    #logoBount-bi {
        width: 200px !important;
        height: auto !important;
    }

    #titrePrincipal {
        font-size: 2em;
        margin: 0 auto;
        text-align: center
    }

    #blocLienNouvelleInitiative, #blocActualites, #blocCollaborations, #blocLienPartenaires, #blocLienActualites, #blocLienCollaborations {
        font-size: 0.85em !important;
    }

    #blocInscription, #blocRecherche, #blocAnnoncePublicitaire, #blocRessourcesSoutien, #blocPartenaires {
        margin: 0 auto !important;
        width: 300px !important;
        font-size: 0.8em !important
    }

    #blocSlideEvenement {
        margin: 0 auto !important;
        font-size: 0.8em !important
    }

    #blocSlideRessourcesSoutien, #blocFIFAL, #blocSlidePartenaires {
        margin: 0 auto !important;
        width: 300px !important;
        font-size: 0.8em !important
    }

    #lienBarreNavigation {
        display: none;
    }

    #demarrerRecherche, #demarrerInscription, #btnEspacePersonnel {
        font-size: 1.25em !important;
    }

    #iconSearch, #iconEdit {
        font-size: 1.25em !important;
    }

    #piedPage, #info-cookies {
        font-size: 0.75em !important;
    }
}

@media screen and (min-width : 481px) and (max-width : 768px) {
    .titreDeveloppementBuntDev {
        font-size: 0.80em !important;
        color: #A4A4A4  !important
    }

    .blocCentrerHorizontalEnHaut {
        display: inline !important;
    }

    .slideRessources, .slidePartenaires {
        max-width: 250px !important;
        height: auto !important;
    }

    .titre-maintenance{
        font-family: lora,sans-serif;
        font-size: 2.5em !important;
        font-weight:700;
    }

    .titreBlocInscription {
        font-size: 1.25em !important;
        color: #fff !important;
        background-color: #1C9B2F !important
    }

    .titreBlocRecherche {
        font-size: 1.25em !important;
        color: #1C9B2F !important;
        background-color: black !important
    }

    #titreBlocVideoPro, #titreBlocVideoCdc {
        font-size: 0.85em !important
    }

    #introProfessionnelle, #introCoupDeCoeur {
        font-size: 1em !important
    }

    #contenuVideoPro, #contenuVideoCdc, #imgFifal {
        width: 400px !important;
    }
    #imgAn1Bountbi {
        max-width: 450px !important;
    }

    #fermerBlocVideoPro, #voirTouteLaVideoPro, #fermerBlocVideoCdc, #voirTouteLaVideoCdc {
        font-size: 14px !important;
        padding: 4px 16px !important;
    }

    #logoBount-bi {
        width: 225px !important;
        height: auto !important;
    }

    #titrePrincipal {
        font-size: 2.85em !important;
        margin: 0 auto;
        text-align: center
    }

    #blocLienNouvelleInitiative, #blocActualites, #blocCollaborations, #blocLienPartenaires, #blocLienActualites {
        font-size: 1em !important;
    }

    #blocInscription, #blocRecherche, #blocAnnoncePublicitaire, #blocRessourcesSoutien, #blocPartenaires {
        margin: 0 auto !important;
        width: 400px !important;
        font-size: 1em !important
    }

    #blocSlideEvenement {
        margin: 0 auto !important;
        font-size: 1em !important
    }

    #blocSlideRessourcesSoutien, #blocFIFAL, #blocSlidePartenaires {
        margin: 0 auto !important;
        width: 400px !important;
        font-size: 1em !important
    }

    #lienBarreNavigation {
        display: none;
    }

    #demarrerRecherche, #demarrerInscription, #btnEspacePersonnel {
        font-size: 1.35em !important;
    }

    #iconSearch, #iconEdit {
        font-size: 1.35em !important;
    }

    #piedPage, #info-cookies {
        font-size: 0.85em !important;
    }
}

@media screen and (min-width: 769px) and (max-width : 992px) {
    .titre-maintenance{
        font-family: lora,sans-serif;
        font-size: 3.5em !important;
        font-weight:700;
    }

    .titreDeveloppementBuntDev {
        font-size: 0.85em !important;
        color: #A4A4A4  !important
    }
    .blocCentrerHorizontalEnHaut {
        display: inline !important;
    }

    .titreBlocInscription {
        font-size: 1.25em !important;
        color: #fff !important;
        background-color: #1C9B2F !important
    }

    .titreBlocRecherche {
        font-size: 1.25em !important;
        color: #1C9B2F !important;
        background-color: black !important
    }

    #imgAn1Bountbi {
        max-width: 750px !important;
    }

    #contenuVideoPro, #contenuVideoCdc {
        width: 500px !important;
    }

    #logoBount-bi {
        width: 250px !important;
        height: auto !important;
    }

    #titrePrincipal {
        font-size: 3.25em !important;
        margin: 0 auto;
        text-align: center
    }

    #blocInscription, #blocRecherche {
        margin: 0 auto;
        width: 500px;
        font-size: 1em !important
    }

    #demarrerRecherche, #demarrerInscription, #btnEspacePersonnel {
        font-size: 1.45em !important;
    }

    #iconSearch, #iconEdit {
        font-size: 1.45em !important;
    }

    #piedPage, #info-cookies {
        font-size: 0.9em !important;
    }

    #lienMenuNavigation {
        display: none;
    }
}

@media screen and (min-width : 993px) {
    .titre-maintenance{
        font-family: lora,sans-serif;
        font-size: 3.5em !important;
        font-weight:700;
    }

    .titreDeveloppementBuntDev {
        font-size: 0.90em !important;
        color: #A4A4A4  !important
    }

    .titreBlocInscription {
        font-size: 1.35em !important;
        color: #fff !important;
        background-color: #1C9B2F !important
    }

    .titreBlocRecherche {
        font-size: 1.35em !important;
        color: #1C9B2F !important;
        background-color: black !important
    }

    #titrePrincipal {
        font-size: 3.5em !important;
        margin: 0 auto;
        text-align: center
    }

    #blocInscription {
        width: 400px !important;
        margin: 0 32px 0 auto !important
    }

    #blocRecherche {
        width: 400px !important;
        margin: 0 auto 0 32px !important
    }

    #demarrerRecherche, #demarrerInscription, #btnEspacePersonnel {
        font-size: 1.5em !important;
    }

    #iconSearch, #iconEdit {
        font-size: 1.45em !important;
    }

    #piedPage, #info-cookies {
        font-size: 1em !important;
    }

    #lienMenuNavigation {
        display: none;
    }
}
.bi-border-3px-black {
    border: 3px solid #ccc !important;
    border-color: #000 !important
}

.label-option-menu {
    font-size: 0.75em;
    margin: 0 0 0 16px;
    cursor: pointer;
}

.bi-text-light-green, .bi-hover-text-light-green:hover {
    color: #66ff66 !important
}