#package {
    height: 100%;
    display: grid;
    grid-template-rows : 5% 90% 5%;
    grid-template-columns: 3% 65% 29% 3%;
}

/* _________________________________________________________ */
/* _________________________________________________________ */

#back{
    grid-column : 1;
    grid-row : 1;
}

/* _________________________________________________________ */
/* _________________________________________________________ */

#conteneur{
    grid-column : 3;
    grid-row : 2;

    display: grid;
    grid-template-rows : 18% 30% 4% 14% 4% 16% 18%;
    grid-template-columns: 5% 90% 5%;
}

/* _________________________________________________________ */
/* _________________________________________________________ */

#selectionType{
    grid-column : 2;
    grid-row : 2;

    display: grid;
    grid-template-rows : 25% 25% 25% 25%;
    grid-template-columns: 5% 90% 5%;
}

#cUneAnnee{
    grid-column : 2;
    grid-row : 1;
}

#cplsAnnees{
    grid-column : 2;
    grid-row : 2;
}

#selectOneYear{
    grid-column : 2;
    grid-row : 3;
}

#selectManyYears{
    grid-column : 2;
    grid-row : 4;
}


/* _________________________________________________________ */
/* _________________________________________________________ */


#theme{
    grid-column : 2;
    grid-row : 4;
}

#boutonValidation{
    grid-column : 2;
    grid-row : 6;
    margin: auto;
}


/* _________________________________________________________ */
/* _________________________________________________________ */

#graph{
    grid-column: 2;
    grid-row: 2;

    margin-top: 15%;
    margin-left: 10%;
}

canvas { 
    max-width: 600px; 
}