section.etudiant {
    background-color: #ccc;
    padding: 10px;
    border-radius:4px;
    display: inline-block;
}

section.etudiant table {
    border-collapse: collapse;
    display: inline-block;
    border: 1px solid #fff;
}
section.etudiant table img{
    border-radius: 50%;
    width:50px;
}

section.etudiant table tr:nth-child(odd){
    background-color: rgb(166, 207, 207);
}
section.etudiant table tr:nth-child(even){
    background-color: rgb(74, 99, 168);
    color:#fff;
}
section.etudiant table tr:hover{
    background-color: rgb(150, 77, 8);
    color:#fff;
    cursor: pointer;
}

section.etudiant table tr th {
    font-variant: small-caps;
}

section.etudiant table tr th,
section.etudiant table tr td {
    padding: 2px 5px 0 5px;
}

section.etudiant table tr td.btn {
    text-align: center;
    font-size: 2em;
    color: #00f;
}

section.etudiant table tr td:last-child {
    color: #fFF;
}
section.etudiant table tr td.btn a{
    color: #00f;
    text-decoration: none;
}

section.etudiant table tr td:last-child a{
    color: #fFF;
}

@media screen and (min-width: 600px){
    /*Ecran  avec une taille < 1200px et > 600 px */
    .div-image {
        width: 45%;
    }
    .livre-li {
        width: 50%;
    }
}
    
@media screen and (min-width: 1200px){
    /*Ecran  avec une taille > 1200px */
    .div-image {
        width: 30%;
    }
    .livre-li {
        width: 33.3%;
    }
}