@font-face {
    font-family: 'Rajdhani';
    src: url('../ressources/fonts/Rajdhani-Bold.ttf') format("truetype");
}
@font-face {
    font-family: 'Poppins 400';
    src: url('../ressources/fonts/Poppins-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'Poppins 500';
    src: url('../ressources/fonts/Poppins-Medium.ttf') format("truetype");
}
@font-face {
    font-family: 'Poppins 600';
    src: url('../ressources/fonts/Poppins-SemiBold.ttf') format("truetype");
}
@font-face {
    font-family: 'Poppins 700';
    src: url('../ressources/fonts/Poppins-Bold.ttf') format("truetype");
}
* {
    margin: 0;
    padding: 0;
    font-family: 'Rajdhani', serif;
    color: black;
}

/*---------------------Div affichage-accueil----------------------*/
.affichage-accueil {
    background-image: url("../ressources/images/fondAccueil.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 5%;
}
.affichage-accueil span {
    display: block;
    color: #FFFFFF;
}
.affichage-accueil h1 {
    font-size: 50px;
    font-style: italic;
}
/*-------------------------------------Plan du site-----------------------------------*/
.plan {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 70%;
    margin: 2% auto;
}
.title {
    font-family: Poppins, sans-serif;
    font-size: 24px;
}
.pages ul li a, .produits ul li a {
    text-decoration: none;
    color: #001B26;
}
.pages ul li a:hover, .produits ul li a:hover {
    text-decoration: underline;
}