*, *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Arial', sans-serif;
    overflow-x: hidden;
}

@font-face {
    font-family: Playfair;
    src: url("../Font/Playfair_Display/static/PlayfairDisplay-Medium.ttf");
}

@font-face {
    font-family: Luxe;
    src: url("../Font/Cinzel/Static/Cinzel-SemiBold.ttf");
}

.Logo{
    text-decoration: none;
    color: #1a1d20;
    font-size: 3em;
    font-family: Luxe, serif;
}
a{
    text-decoration: none;
    color: #1a1d20;
    font-size: 1.2em;
}

.menu ul li{
    list-style: none;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 0.5em;
}


.colore{
    font-size: 1.2em;
    background-color: rgba(255,197,31,0.14);
    height: 100%;
    font-family: Playfair, serif;
    text-align: justify;
}
.indexh2{
    padding: 1.2em;
}

img{
    height: 100%;
    max-width: 100%;
}

#Gauche{
    padding: 1.2em;
}


.Marge{
    padding: 1.2em;
}

.Ombre{
    box-shadow:
            8px 5px 10px rgba(105, 105, 105, 0.3), /* En bas à droite */
            -8px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à gauche */
            8px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à droite */
            -8px 5px 10px rgba(105, 105, 105, 0.3); /* En bas à gauche */
}


.para{
    padding: 8px;
    border-radius: 15px;
}

@keyframes slideRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.welcome {
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    animation: slideRight 17s linear infinite;
}
.welcome-text {
    font-size: 24px;
    padding: 10px 20px;
    display: inline-block;
}


.menu.active {
    text-decoration: underline;
    font-weight: bold;
}