body {
background-color : #555588;
}

#header {
font-size : 20px;
font-weight : bold;
text-align : center;
background-color : #EEEEEE;
margin : 5px;
padding : 2px;
}

#header div {
margin : 10px;
}

#menu {
text-align : center;
font-weight : bold;
font-size : 20px;
background-color : #BBBBBB;
padding: 10px;
margin : 5px;
margin-top: 10px;
}

#menu a {
color : #444455;
text-decoration: none;
padding: 3px;
}

#menu a:hover{
color : #111122;
text-decoration : underline;
}

#page {
font-size : 14px;
font-style : italic;
color : #252500;
min-height : 600px;
margin : 5px;
margin-top: 10px;
padding : 10px;
background-color : #EEEEEE;
}

.src {
font-size : 12px;
font-style : normal;
font-family: 'Courier New', monospace;
color : black;
}

#view {
font-size : 16px;
color : black;
margin : 10px;
padding : 10px;
background-color : #EEEEEE;
}

.title{
font-size : 16px;
font-weight : bold;
font-style : normal;
color : #000000;
padding : 15px 0px 10px 10px;
}

#footer {
margin : 5px;
margin-top: 10px;
background-color : #EEEEEE;
padding : 2px;
text-align : center;
font-size : 10px;
}

/* tableau à onglets */
.tab {
    width: 60%;
    overflow: hidden;
}

.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 17px;
}

.tab button:hover {
    background-color: #ddd; /* Couleur au survol */
}

.tab button.active {
    background-color: #555588; /* Couleur de fond pour le bouton actif */
    color: white; /* Couleur du texte pour le bouton actif */
}

.tabcontent {
    display: none;
    padding: 0px;
    border-top: none;
}

table {
    width: 60%;
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

th, td {
    padding: 8px;
    text-align: left;
}

table tr:nth-child(even) {
    background-color: #f2f2f2; /* Couleur de fond pour les lignes paires */
}

table tr:nth-child(odd) {
    background-color: #ffffff; /* Couleur de fond pour les lignes impaires */
}