@media all and (max-width: 1124px) { /*****************LAPTOP*****************/
    
/*----------------TABLEAU----------------*/

table {
    width: 95%; /*largeur*/
}

}

@media all and (max-width: 768px) { /*****************TABLETTE*****************/
    
}

@media all and (max-width: 512px) { /*****************TÉLÉPHONE*****************/

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

table {
    display: none; /*apparition des balises*/
}


/*----------------COMPACT----------------*/

.planning-compact {
    width: 95%; /*largeur*/
    margin: auto; /*marge extérieur*/
    margin-bottom: 60px; /*marge extérieur bas*/
    display: flex; /*apparition des balises*/
    flex-direction: column; /*direction des contenants*/
    border-radius: 15px; /*bordure arrondi*/
    border: 2px solid var(--gris-200); /*bordure bas tout en un*/
    overflow: hidden; /*texte débortement*/
    background-color: var(--blanc); /*couleur du fond*/
}

.planning-compact h2 {
    width: 100%; /*largeur*/
    padding: 15px 0px; /*marge intérieur*/
    font-family: var(--titre-petit); /*police type*/
    font-size: 18pt; /*police taille*/
    color: var(--blanc); /*police couleur*/
    background-color: var(--vermeil); /*couleur du fond*/
}

.planning-compact p {
    margin: 0px auto; /*marge extérieur*/
    padding: 15px 0px; /*marge intérieur*/
    text-align: center; /*texte alignement*/
    font-family: var(--texte-gras); /*police type*/
    font-size: 12pt; /*police taille*/
}

.planning-compact span {
    display: block; /*apparition des balises*/
    font-family: var(--texte); /*police type*/
    font-size: 11pt; /*police taille*/
}

.planning-compact  hr { 
    width: 100%; /*largeur*/
    height: 2px; /*hauteur*/
    margin: auto; /*marge extérieur*/
    border: none; /*bordure épaisseur*/
    background-color: var(--gris-200); /*couleur du fond*/
}

}