/* Conteneur global qui contient tous les panels */

.planning-fond {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center; /* centre toutes les “cartes” */

}



/* Chaque “carte” */

.planning-intitule {

    width: 600px;

    border: 3px double black;

    box-sizing: border-box;

    padding: 8px;

    margin: 12px 0; /* espacement vertical entre cartes */

}



/* Espacement uniforme entre éléments d’une carte */

.planning-intitule > * {

    display: block;

    margin-bottom: 12px;

}



.planning-intitule > *:last-child {

    margin-bottom: 0;

}



/* Intitulé (pleine largeur de la carte, sans “590px”) */

.planning-intitule-title {

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    font-size: 24px;

    font-weight: bold;

    line-height: 32px;

    border: 1px solid black;

    font-family: Arial, sans-serif;

}



/* Lignes texte */

.planning-line {

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;

    overflow-wrap: anywhere;

    word-break: break-word;

    line-height: 14px;

    font-size: 14px;

    color: #000;

    font-family: Arial, sans-serif;

}



/* Lignes warning */

.planning-warning {

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;

    overflow-wrap: anywhere;

    word-break: break-word;

    line-height: 14px;

    font-size: 14px;

    color: red;

    font-family: Arial, sans-serif;

}



/* Liens feuille verte : 100% => jamais de dépassement */

.planning-link {

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    white-space: normal;

    background-color: #C8CACC;

    color: blue;

    text-decoration: underline;

    font-size: 14px;

    color: blue;

    font-family: Arial, sans-serif;

}



/* Encodage / modification en bas à droite */

.planning-encodage {

    width: 100%;

    box-sizing: border-box;

    text-align: right;

    font-size: 11px;

    color: #000;

    font-family: Arial, sans-serif;

}



/* Couleurs titre */

.planning-green {

    background-color: #00a651;

    color: black;

}



.planning-blue {

    background-color: royalblue;

    color: black;

}



.planning-red {

    background-color: red;

    color: black;

}



.planning-black {

    background-color: black;

    color: white;

}



.planning-pink {

    background-color: hotpink;

    color: black;

}