/*----------------FOND----------------*/

/*planning*/
.fond:nth-of-type(1) {
    padding: 150px 0px 200px 0px; /*marge intérieur*/
}

.fond:nth-of-type(3) {
    padding: 0px 0px 30px 0px; /*marge intérieur*/
}


/*----------------FOND RESPONSIVE----------------*/

@media all and (max-width: 1000px) {  
    .fond:nth-of-type(1) {
        padding: 150px 0px; /*marge intérieur*/
    }
    .fond:nth-of-type(n+2) {
        padding: 0px 0px; /*marge intérieur*/
    }
}

/*----------------TABLEAU----------------*/

.tableau {
    width: 90%; /*largeur*/
    max-width: 1000px; /*largeur maximum*/
    margin: 75px auto; /*marge extérieur*/
    padding: 0px 20px 20px 20px; /*marge intérieur*/
    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-coquille-d-oeuf); /*couleur du fond*/
    color: var(--couleur-noir); /*police couleur*/
}

.tableau .ligne-entete {
    width: 100%; /*largeur*/
    margin: 0; /*marge extérieur*/
    padding: 0px 20px; /*marge intérieur*/
    border-color: var(--couleur-vermeil-foncer); /*bordure couleur*/
    border-radius: 20px 20px 0px 0px; /*bordure arrondi*/
    display: flex; /*apparition des balises*/
    flex-direction: row; /*direction des contenants*/
    color: var(--couleur-blanc); /*police couleur*/
    background-color: var(--couleur-vermeil); /*couleur du fond*/
}

.tableau .ligne {
    width: 100%; /*largeur*/
    margin: auto; /*marge extérieur*/
    padding: 0; /*marge intérieur*/
    border-color: var(--couleur-coquille-d-oeuf); /*bordure couleur*/
    display: flex; /*apparition des balises*/
    flex-direction: row; /*direction des contenants*/
    background-color: var(--couleur-blanc); /*couleur du fond*/
}

.tableau .ligne:last-child {
    border-radius: 0px 0px 15px 15px; /*bordure arrondi*/
}

.tableau .cellule {
    width: 100%; /*largeur*/
    height: 100px; /*hauteur*/
    margin: auto; /*marge extérieur*/
    padding: 0; /*marge intérieur*/
    border-right: 2px solid; /*bordure tout en un*/
    border-bottom: 2px solid; /*bordure tout en un*/
    border-color: inherit; /*bordure couleur*/
    display: flex; /*apparition des balises*/
    justify-content: center; /*centre horizontalement le contenu*/
    align-items: center; /*centre verticalement le contenu*/
    text-align: center; /*texte alignement*/
}

.tableau .cellule:last-child {
    border-right: 0px solid; /*bordure tout en un*/
}

.tableau .ligne:last-child .cellule, .ligne-entete .cellule {
    border-bottom: 0px solid; /*bordure tout en un*/
}

.tableau strong {
    font-family: var(--police-bouton); /*police type*/
    font-size: 16pt; /*police taille*/
    font-style: normal; /*police style*/
    text-transform: uppercase; /*texte transformer*/
}

/*----------------TABLEAU RESPONSIVE----------------*/

@media screen and (max-width: 1000px) {
    .tableau {
        padding: 0px; /*marge intérieur*/
    }
    .tableau .ligne-entete {
        padding: 0px; /*marge intérieur*/
    }
    .tableau .titre {
        font-size: 14pt; /*police taille*/
    }
    .tableau strong {
        font-size: 12pt; /*police taille*/
    }
    .tableau .cellule {
        font-size: 12pt; /*police taille*/
    }
}


/*----------------CARTE----------------*/

address {
    width: 80%; /*largeur*/
    margin: auto; /*marge extérieur*/
    padding: 30px 0px; /*marge intérieur*/
    text-align: center; /*texte alignement*/
}

/*----------------CARTE RESPONSIVE----------------*/

@media screen and (max-width: 1000px) {
    address {
        width: 95%; /*largeur*/
        padding: 50px 0px 25px 0px; /*marge intérieur*/
        font-size: 12pt; /*police taille*/
    }
}