/*Style du bouton fixe (flèche retour en haut)*/
.bouton-fixe {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
/*Style de l'image à l'intérieur du bouton*/
.bouton-fixe img {
    width: 60px;
    cursor: pointer;
}
/*Style général de la page*/
body {
    background-color: #add8e6;
    margin: 20px auto;
    font-family: sans-serif;
    max-width: 90%;
}
/*Disposition des blocs en colone*/
.cases-colone {
    display:flex;
    flex-direction: row;
    gap: 20px;
    margin: 20px 0;
}
/*Style commun pour toutes les sections*/
.cases{
    text-decoration-color: black;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    border: 1px solid #ffffff;
    padding: 8px 16px ;
    box-shadow: #add8e6 2px 2px 4px;

}
/*Disposition des blocs en ligne*/
#cases-ligne {
    display:flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}
/*Style des textes de niveau 4*/
.sous-ligne{
    text-decoration: underline;
}
/*Style pour centrer les textes*/
.centre{
    text-align: center;
}
/*Enleve le style du texte*/
.no_deco{
    color: black;
    text-decoration: none;
}
/*Espacement des listes*/
ul li {
    margin-bottom: 10px;
}
/*Taille des videos*/
.video{
    width: 640px;
    height:360px;
}