/*** MISES EN FORME POUR TOUT CE QUE CONTIENT LA SECTION DIPLOMES ET CERTIFICATIONS ***/

div#ventreDiplomes
{
    display: flex;
    transition: background-color, color 0.5s;
}
div#ventreDiplomes > div
{
    width: 50%;
    border-radius: 50px;
    margin: 10px 30px 30px 30px;
    padding: 10px;

    border: #903749 solid 2px;
}
div#ventreDiplomes > div:hover
{
    border: solid 2px;
}
.boite_titreDiplome
{
    display: flex;
    height: 50px;
}
.boite_titreDiplome > div
{
    display: flex;
    flex-direction: column;
}
.boite_titreDiplome h2
{
    margin: auto 0;
}

.diplomeAnime
{
    transition: background-color 1s, color 1s;
}
.diplomeAnime:hover
{
    color: whitesmoke;
    background-color: #2B2E4A;
    transition: background-color 1s, color 1s;
}
.pictoCertif
{
    margin: 0 20px;
    aspect-ratio: 1/1;
}

/*** SERIE DE MISES EN FORME NOMINATIVES POUR PICTOGRAMMES DIPLOMES ***/
div#pictoDiplome
{
    background: url("../images/pictogrammes/picto_diplome.png") no-repeat;
    background-size: 100%;
    transition: background 1s;
}
.diplomeAnime:hover div#pictoDiplome
{
    background: url("../images/pictogrammes/picto_diplome_blanc.png") no-repeat;
    background-size: 100%;
    transition: background 1s;
}
div#pictoEcole
{
    background: url("../images/pictogrammes/picto_ecole.png") no-repeat;
    background-size: 100%;
    transition: background 1s;
}
.diplomeAnime:hover div#pictoEcole
{
    background: url("../images/pictogrammes/picto_ecole_blanc.png") no-repeat;
    background-size: 100%;
    transition: background 1s;
}
.titreCertif
{
    text-align: left;
}
.boiteCertifs
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto 20px auto;
}


/* CORRECTION EN COURS POUR ALIGNEMENT SPECIAL DES BOITES DES CERTIFS */
.boiteDiscrete
{
    width: 224px;

    margin: 10px 30px;
}


.petiteBoite_certifs
{
    width: 200px;
    margin: 10px 30px;

    border: #903749 solid 2px;
    border-radius: 10px;

    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background-color: whitesmoke;
    color: #2B2E4A;
    transition: background-color, color 0.5s;
}
.petiteBoite_certifs > div
{
    height: 50px;
    display: flex;
    justify-content: space-evenly;
}
.boutonCertif
{
    background-color: #903749;
    color: whitesmoke;
    width: 30%;
    border-radius: 10px;
    display: flex;
    cursor: pointer;
    transition: background-color, color 0.5s;
}
.boutonCertif > *
{
    margin: auto;
    font-size: x-large;
}
.boutonCertif > div
{
    width: 60%;
    aspect-ratio: 1/1;

    background: url("../images/pictogrammes/picto_rediriger_blanc.png") no-repeat;
    background-size: 100%;
    transition: background 0.5s;
}




/*** GESTION DU RESPONSIVE ***/
@media (max-width: 1024px) {

    div#ventreDiplomes
    {
        flex-direction: column;
    }
    div#ventreDiplomes > div
    {
        width: 85%;
        margin: 20px auto;
    }

}