.titreHeader {
    position: fixed;
    font-size: 2.8vw; /* Taille de police relative à la largeur de la fenêtre */
    color: black;
    left: 1vw; /* Positionne le titre à gauche de la fenêtre */
    bottom: 0.6vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;

    z-index: 3;
   
}

.soustitreHeader {
    position: fixed;
    font-size: 2.2vw;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    bottom: 3vw;
    left: 1.5vw;
    transform-origin: left center; /* La rotation part du début de la ligne */
    transform: rotate(-90deg);

}



        .rubrique{
            bottom: 0.5vw;
            position: fixed;
            font-weight: 500;
            font-family: 'Times New Roman', Times, serif;
            font-size: 2.8vw;
            right: 1.3vw;
            z-index: 3;
            background-color: white;

        }


.home{
    right: 1vw;
    top: 0.5vw;
    width: 2vw;
    position:fixed;
    display: block;
}

.home img{
   width: 2.2vw;
}

.header{
    background-color: white;
    position: fixed;
    z-index: 999;
}

.gaston{ width: 30vw;
    right: 0vw;
    position: fixed;
bottom: 3vw;
transform: rotate(8deg);
z-index: 1;

}


---------------------------------------------MENU--------------------------------------------------------

.menu {
    position: relative; /* Nécessaire pour que le rectangle soit positionné par rapport à ce conteneur */
    font-size: 2.4vw;
    color: rgb(0, 0, 0);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
    .menuImg{
        position: fixed;
        width: 2vw;
        top: 0.5vw;
        left: 1vw;
    }
            .hover-box {
            position: fixed;
            top: 0vw;
            left: -20vw; /* Positionner le rectangle hors du conteneur par défaut */
            width: 20vw; /* Largeur du rectangle */
            height: 100vh; /* Hauteur du rectangle pour couvrir toute la hauteur de la fenêtre */
            background-color: rgb(0, 0, 0); /* Couleur de fond opaque */
            opacity: 0; /* Masquer le rectangle par défaut */
            transition: opacity 0.3s ease, left 0.3s ease; /* Transition pour l'opacité et la position */
            z-index: 1000; /* Assurer que le rectangle est au-dessus des autres éléments */
        }
                .menu:hover .hover-box {
                    opacity: 1; /* Afficher le rectangle au survol */
                    left: 0; /* Positionner le rectangle contre le bord gauche du conteneur */
                }

                        .texte-hover-box {
                            margin: 2vw;
                            color: white;
                            font-size: 2vw;
                            cursor: pointer;
                        }

                            .nous-lire-hover-box {
                                margin-left: 2vw;
                                font-size: 2vw;
                                width: 16vw;
                                color: white;
                                line-height: 4vh;

                            }

                                .liste-items {
                                    list-style-type: none; /* Supprime les puces par défaut */
                                    padding: 0; /* Supprime le padding par défaut */
                                    margin: 0; /* Supprime la marge par défaut */
                                    line-height: 4vh;

                                }

                                    .liste-items li {
                                        font-size: 2vw;; /* Taille de la police */
                                        padding: 10px; /* Espacement interne */
                                        color: white;
                                        border-bottom: 1px solid #ddd; /* Bordure sous chaque élément */
                                        transition: background-color 0.3s ease; /* Transition pour l'effet de survol */
                                        line-height: 4vh;
                                        font-family: 'Times New Roman', Times, serif;
                                    }

                                        .liste-items li:hover {
                                            cursor: pointer; /* Change le curseur au survol */
                                            color: black;
                                        }

                                            .liste-items li:first-child {
                                                border-top: 1px solid #ddd; /* Bordure en haut du premier élément */
                                            }


                                            @keyframes opacite {
                                                0%{
                                                    opacity: 1;
                                                    width: 100%;
                                                height: 100%;
                                                }
                                                20% {
                                                    opacity: 0;
                                                 
                                                }

                                                100% {
                                                    opacity: 0;
                                                    width: 0%;
                                                height: 0%;
                                                }
                                            }


                                            .imgFond {
                                                background-color: white;
                                                width: 100%;
                                                height: 100%;
                                                position: absolute;
                                                z-index: 1000;
                                                animation: opacite 2s linear forwards;

                                            }
                                            


    .rectangleBas{
        background-color: white;
        width: 100vw;
        height: 5vh;;
        bottom: 0vh;
        position: fixed;
        z-index: 1;
        left: 0%;
    
    }