/* simple */
/*th et td*/
.container {
    background-color: white;
}
.simple tr td, .simple tr th {
    border: solid 1px #ddd;
    padding : 1em ;
    text-align : center;
}


/* regions */
/*titre tableau : caption*/

caption{
    text-align:center;
    font-size:3rem;
    border : 2px solid black;
    color: black;
    padding : 3rem;
}


.complexe {
    border-collapse:collapse;
}

/*th td*/

.complexe th, 
.complexe td {
padding : 1rem; /*marge interne*/
border : 1px solid #ddd; /*bordure*/

}

.complexe td
{
    text-align:right;
}
.complexe tbody td:nth-child(1){
     text-align:left; /*pour aligner à gauche*/
}
/*on cible la 2me cellule td de chaque ligne tr*/
.complexe tbody td:nth-child(2){
    text-align:center; /*pour centrer*/
}


/*on cible les lignes "impaire" du tbody*/
.complexe tbody tr:nth-child(odd) { /*odd : impaire*/
    background-color: #eee;
}

/*on cible les lignes "paire" du tbody*/
.complexe tbody tr:nth-child(even){ /*even : paire*/
    background-color : #fff;
}

/*gérer thead et tfoot*/



.complexe tfoot tr td
{
    border-top : 2px solid #999;
}

.complexe thead tr th
{
    border-bottom : 2px solid #999;
}


.complexe tbody td:hover {
  background-color: red;
}
.complexe tbody tr:hover{
    background-color: yellow;
}

/*.complexe tfoot td,*/
/*.complexe thead th*/
/*{*/
/*    text-align:center;*/
/*    border: solid 1px #999;*/
/*    margin:0;*/
/*}*/