body {
    display: flex;
    justify-content: flex-end;
    background-image: url("./img/backSite.png");
    background-attachment: fixed;
    background-size: 100%;
    font-family: 'Poiret One', sans-serif;
    font-weight: bold;
    letter-spacing: .05em;
    font-size: 1.1em;
}

img{
    max-width: 80%;
    margin: auto;
}

p{
    margin-bottom: .5em;
}

a, a:visited {
    text-decoration: none;
    color: maroon;
}


.colonne {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    
    padding: 10px 40px 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, .4);
}

.date {
    font-size: 2em;
    font-weight: bolder;
}

.unMenu {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
.boutons {
    border : 1px solid white;
    padding: 8px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 8px;
}
.btn {
    display: block;
    height: 32px;
    width: 32px;
   
    
}

.unElement {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    
}

.nom {
    font-size: 120%;
    margin-right: 10px;
}