caption /* Titre du tableau */
{
    margin: auto; /* Centre le titre du tableau */
    font-family: Arial, Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #009900;
    margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
    background-color: #F0F0F0;
    margin: auto; /* Centre le tableau */
    margin-top: 20px;
    margin-bottom: 20px; /* Pour éviter que le tableau ne soit trop collé au texte en-dessous */
    border: 4px green; /* Bordure du tableau avec effet 3D (outset) */
    border-collapse: collapse; /* Colle les bordures entre elles */
    max-width: 98%; /* Largeur du tableau */
}

th /* Les cellules d'en-tête */
{
    background-color: #6B6B6B;
    color: white;
    font-size: 1.1em;
    border: 1px solid black;
    padding: 5px;
}

td /* Les cellules normales */
{
    font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
    text-align: center; /* Tous les textes des cellules seront centrés*/
    padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    border-left: 1px solid black;
    border-right: 1px solid black;
}

td.time {
    width: 5%;
    height: 4%;
    border: 1px solid black;
}

.rdv {
    background-color: #FFCC00;
    text-align: left;
    padding-left: 5px;
}


.rdv:hover {
    background-color: #FF9900;
}

.info {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.nom {
    font-weight: bold;
    font-size: large;
}

.description {
    padding-left: 5px;
    font-style: italic;
}

.heure {
    padding-left: 5px;
}

.active6 {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.boutons_planning {
    display: flex;
    margin: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.boutons_semaine {
    display: flex;
    margin: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.but1_planning {
    flex: 1;
    text-align: center;
}

.but2_planning {
    flex: 1;
    text-align: center;
}

.but3_planning {
    flex: 1;
    text-align: center;
}

.boite {
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    border: none;
    font-size: 20px;
    text-align: left;
    font-style: oblique;
    transition: all 300ms ease-out;
    background-color: orange;
}

.boite:hover,
.boite:focus {
    background-color: black;
    color: white;
}

.sem_butt {
    flex: auto;
    text-align: center;
}

.boitenoire {
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    border: none;
    font-size: 20px;
    text-align: left;
    font-style: oblique;
    transition: all 300ms ease-out;
    background-color: black;
    color: white;
}

.boitenoire:hover,
.boitenoire:focus {
    background-color: orange;
    color: black;
}