html {
    height: 100%;
    width: 100%;
}

body {

    width: 100%;
    height: 100%;


}

.corps {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.gauche {
    height: 100%;
    width: 60%;
    position: relative;

}

.annee {
    width: 70%;

    height: auto;
}

.date {

    width: 100%;
    height: auto;

}

.droite {
    height: 100%;
    width: 40%;
}

.liste {
    height: 60%;

}

.tableaux {
    width: 100%;


    table {
        border-collapse: collapse;
        width: 100%;

    }

    th,
    td {
        border: 1px solid #000000;

        text-align: center;

    }

    td {
        background-color: rgb(224, 159, 19);
    }
}

.recherche {
    height: 40%;
    width: 100%;
    display: flex;
    justify-content: center;

}

.velages {
    height: 33%;
    overflow-y: auto;
}

.inseminations {
    height: 33%;
    overflow-y: auto;
}

.surveillance {
    height: 33%;
    overflow-y: auto;
}

.horizontal {
    display: flex;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
}

.ligne_vie {

    height: 15%;
}