


.listeChronique{
    display: flex;
    flex-wrap: wrap;
}

.chronique{
    display: flex;
    margin: 20px;
}

.ecrits{
    display: flex;
    flex-direction: column;
    justify-content: center;
}


p{
    font-size: large;
    font-family: Beubas Neue;
    padding: 20px;
}



/* Modélisation des boutons*/

a.texte{
    display: block;
    text-decoration: none;
    padding: 15px;
    color: black;
    font-weight: bold;
    border: 4px solid tranparent;
    width: 30%;
    text-align: center;
    background-color:  rgb(43, 90, 166);
}

a.texte:hover{
    color: black;
    border: 4px solid  rgb(20, 8, 69);
    background-color:  rgb(83, 120, 181);
}

.ecrits a{
   align-self: center;
}

/* Modifications des images */

#image1, #image2, #image3{
    display: flex;
    
    justify-self: flex-end;
    width: 600px;
    height: 400px;
}

#image1, #image3{
    order: 3;
} 

#decompte{
    text-align: center;
}


/* Bouton balancier */

.paragrapheFin{
    display: none;
}

.bouton-balancier {
    cursor: pointer;
    padding: 3px;
    font-weight: bold;
}