/* ========================================================= positionnement des éléments de la page */

/*temporaire le temps de mettre l'anim des pages de garde*/
.pagedegarde {
    margin-top: .5em;
    grid-column: 1/span 6;
    grid-row: 1;
}

/*===========================================================*/

.intro {
    grid-row: 2;
    grid-column: 1/span 5;
    margin-bottom: 4vw;
}

.medicament {
    grid-row: 3;
    grid-column: 1/span 5;
    margin-bottom: 4vw;
}
.chronologie{
    grid-row: 4;
    grid-column: 1/span 12;
    margin-bottom: 4vw;
}

/*=========================================================== chronologie css de la roue */



/*
#textbox {
    grid-row: 12;
    grid-column: 5/span 4;
    padding: 10px;
    z-index: 2;
}

#titreh2 {
    grid-row: 10;
    grid-column: 5/span 4;
    font-size: 2em;
    place-self: end;
}

#recherche,
#developpementP,
#developpementC,
#evaluation,
#exploitation,
#extension {
    background-color: var(--orange);
    display: none;
}

.random {
    display: none;
    grid-row: 6;
    grid-column: 1/span 4;
}





.un {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 4;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.deux {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 5;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.trois {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 6;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.quatre {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 7;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.cinq {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 8;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.six {
    height: 60px;
    width: 60px;
    border: 1px solid black;
    grid-column: 9;
    z-index: 3;
    grid-row: 11;
    place-self: center;
    cursor: pointer;
    text-align: center;
    font-size: 2em;
}

.un:hover,
.deux:hover,
.trois:hover,
.quatre:hover,
.cinq:hover,
.six:hover {
    height: 60px;
    width: 60px;
    box-shadow: 5px 5px 50px var(--orange);
}