html {
    scroll-behavior: smooth;
}

.css-owv3vc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#custom-btn, #logoS6000 {
    z-index: 100;
}

.css-owv3vc > a {
    margin: unset;
}

.css-1tnf9eu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
    -webkit-backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
}

    .css-1tnf9eu.loaded {
        -webkit-backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
        visibility: hidden;
    }

/*Pour la partie CONTACTEZ NOUS */
#txtNom::placeholder {
    color: black;
}

#txtEmail::placeholder {
    color: black;
}

#txtMsg::placeholder {
    color: black;
}

/*------------------------------*/


#s-nav li a {
    color: #10498D;
    font-weight: bolder;
}


#imageDistributeur {
    position: absolute;
    top: 93%;
    transform: translate(-50%, -50%);
    padding-right: 208px;
}

#imageUtilisateur {
    position: absolute;
    top: 93%;
    transform: translate(-50%, -50%);
    padding-right: 208px;
}

#imagePointVente {
    position: absolute;
    top: 93%;
    transform: translate(-50%, -50%);
    padding-right: 208px;
}

#imgCatalogueFormation {
    transform: translate(+130%, -50%);
    max-width: 10%;
    min-width: 10%;
}

#imgCertifQualiopi {
    transform: translate(+60%, -50%);
    max-width: 10%;
    min-width: 10%;
}

#imgGraphBleu {
    /*transform: translate(+60%, -50%);*/
    max-width: 49%;
    min-width: 10%;
}

#imgGraphVert {
    /*transform: translate(+60%, -50%);*/
    max-width: 49%;
    min-width: 10%;
}

#imgIndicateursQualiopi {
    /*transform: translate(+60%, -50%);
    max-width: 65%;
    min-width: 15%;*/

}



.responsive-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Définition des styles des éléments individuels */
.responsive-item {
    text-align: center;
    margin: 10px;
    flex: 0 0 calc(33.33% - 20px); /* Trois éléments par ligne */
    max-width: calc(33.33% - 20px); /* Trois éléments par ligne */
}


@media (max-width: 800px) {
    #imageDistributeur {
        display: none;
    }
}

@media (max-width: 800px) {
    #imageUtilisateur {
        display: none;
    }
}

@media (max-width: 800px) {
    #imagePointVente {
        display: none;
    }
}

@media (max-width: 1320px) {
    .txtCatalogueFormation {
        display: none;
    }

    .txtCertifQualiopi {
        display: none;
    }
}


@media (max-width: 768px) {
    #imgQualiopi {
        max-width: 90%; /* Réduisez la largeur maximale à 50% sur les petits écrans */
    }
}

@media (max-width: 480px) {
    #imgQualiopi {
        max-width: 100%; /* Réduisez encore la largeur maximale sur les très petits écrans */
    }
}

/*------------------------------*/


#politiqueConfidentialite {
    color: #50555c;
}


.no-border a {
    text-decoration: none;
}


.txtCatalogueFormation {
    position: absolute;
    color: #50555c;
    transform: translate(+355%, -400%);
    font-family: "archivo narrow", helvetica, sans-serif;
}

.txtCertifQualiopi {
    position: absolute;
    color: #50555c;
    transform: translate(+680%, -400%);
    font-family: "archivo narrow", helvetica, sans-serif;
}

/*Supprimer la bordure bleu lors du clic */
a:focus {
    outline: none;
}