/* LA PAGE A PROPOS */


/* Partie gauche */
.encadrement {
    border: 1px solid var(--text-secondary) !important;
}


/* Partie droite */
#description {
    margin-top: 35px;
    margin-left: 15px;
    margin-bottom: 15px;
}

#list-custom {
    text-align: center;
}

@media (max-width: 576px) { /* Cible les écrans de téléphone */
    #description ul li {
        text-align: center;
    }

    #description ul p {
        padding-left: 0;
        text-align: center;
        
    }

    #description {
        margin: 0 auto;
        margin-top: 35px;
    }
}

#p_custom {
    margin-left: 10px;
    margin-top: 50px;
    margin-bottom: 20px;
}

#image_about {
    margin-top: 30px;
}

.barreenor {
    color: goldenrod;
    text-align: center;
}

/* Barre dorée horizontale au milieu du texte */

.barre_en_or {
    height: 1px;
    background: goldenrod;
    box-shadow: 0 0 8px rgba(218, 165, 32, 0.4);
    margin-top: 15px;
    margin-bottom: 40px;
    width: auto; 
}

.gold {
    color: goldenrod;
    margin-left: 10px;
}

.golde {
    color: goldenrod;
}