.fond {
    padding: 150px 0px; /*marge intérieur*/
}


/*----------------BIOGRAPHIE----------------*/

.cadre {
    width: 90%; /*largeur*/
    max-width: 1250px; /*largeur maximum*/
    margin: auto; /*marge extérieur*/
    margin-top: 75px; /*marge extérieur haut*/
    padding: 0px 30px 30px 30px; /*marge intérieur*/
    border-width: 0px 20px 20px 20px; /*bordure épaisseur*/ 
    border-style: solid; /*bordure style*/
    border-color: var(--couleur-coquille-d-oeuf); /*bordure couleur*/
    border-radius: 30px; /*bordure arrondi*/
    display: flex; /*apparition des balises*/
    flex-direction: column; /*direction des contenants*/
    justify-content: center; /*centre horizontalement le contenu*/ 
    align-items: center; /*centre verticalement le contenu*/
    box-sizing: border-box; /*largeur et la hauteur totales d'un élément*/
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /*bordure ombre*/
    background-color: var(--couleur-blanc); /*couleur du fond*/
    color: var(--couleur-noir); /*police couleur*/
}

.cadre .entete {
    width: 100%; /*largeur*/
    height: 100px; /*hauteur*/
    margin: 0; /*marge extérieur*/
    margin-bottom: 30px; /*marge extérieur bas*/
    padding: 0px 50px; /*marge intérieur*/
    border-radius: 20px 20px 0px 0px; /*bordure arrondi*/
    display: flex; /*apparition des balises*/
    color: var(--couleur-blanc); /*police couleur*/
    background-color: var(--couleur-vermeil); /*couleur du fond*/
}

.cadre .texte p {
    width: 95%; /*largeur*/
    margin: auto; /*marge extérieur*/
    padding: 15px 0px; /*marge intérieur*/
    display: flex; /*type de positionnement*/
    font-size: 12pt; /*police taille*/
    text-align: justify; /*texte alignement*/
}

h3 {
    width: 100%; /*largeur*/
    margin: auto; /*marge extérieur*/
    padding: 40px 0px 20px 0px; /*marge intérieur*/
    font-family: var(--police-titre); /*police type*/
    font-size: 28pt; /*police taille*/
    text-align: center; /*texte alignement*/
    text-transform: uppercase; /*texte transformer*/
}

/*----------------FRISE CHRONOLOGIQUE RESPONCIVE----------------*/

@media all and (max-width: 1000px) {
}

@media all and (max-width: 800px) {
    .titre {
        font-size: 20pt; /*police taille*/
    }
    .principal {
        font-size: 38pt; /*police taille*/
    }
    .cadre {
        width: 90%; /*largeur*/
        padding: 0px 15px 15px 15px; /*marge intérieur*/
        border-width: 0px; /*bordure épaisseur*/ 
        border-color: var(--couleur-blanc); /*bordure couleur*/
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /*bordure ombre*/

    }
    .cadre .entete {
        padding: 0px 15px; /*marge intérieur*/
    }
    .cadre .texte p {
        width: 80%; /*largeur*/
    }
    h3 {
        width: 80%; /*largeur*/
        font-size: 20pt; /*police taille*/
    }
}