:root{
    --couleur_titre: #fbc9b9;
    --couleur_titre2: #333333;
    --icone_bandeau: #0d3857;
    --icone_bandeau_hover: #8bbadc;
    --fond_bandeau: #91c423;
    --accent-fond: #0d3857;
    --fond_recap_panier: rgba(194, 225, 178, 0.5); /* 50% transparent */
    --fond_page: #ece7e0;
    --police_titre: "Gloock";
    --police_texte: "Merriweather";
    --transparent: rgba(230, 230, 230, 0.5);
    --accent: #ff8d5c;
    --btn-rouge: #f06b6b;
    --btn-rouge-hover: #d35c5c;
    --scroll-thumb: #ff9e60;        /* livelier teal with a fresh vibe */
    --scroll-thumb-hover: #ff7043;  /* bright, airy aqua */
    --scroll-thumb-active: #d84315; /* richer deep teal, more pronounced when active */
    --scroll-track: #d9e2e5;
    --btn-primary:#0f4e7d;
    --btn-primary-hover: #063658;
    --police-titre2: "MoonDance";
    --police-titre3: "AnandaBlack";;
    --police-titre4: "AutumnFlowers";
    --police-titre5: "Monday";
    --police-titre6: "NatureBeauty";
    --texte-bleu-pale: #9dd1f6;
    
}

    /* Gloock */
    @font-face {
        font-family: "Gloock";
        src: url("../fonts/gloock-v6-latin-regular.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
    }

    /* Merriweather */
    @font-face {
    font-family: "Merriweather";
    src: url("../fonts/merriweather-v31-latin-regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    }

body {
    background-color: var(--fond_page);
    text-align: justify;
    margin: 0;
    font-family: var(--police_texte);
}

.body-legal h1{
    text-align: center;
    font-family: var(--police_titre);
}

.body-legal h2{
    margin-left: -10px;
    font-family: var(--police_titre);
}

.body-legal section{
    max-width: 80%;
    text-align: justify;
}

.titre-legal{
    background-color: var(--accent-fond);
    padding: 20px;
    color: var(--couleur_titre)
}

.titre-legal h1{
    margin: 0;
    
}

.corps-legal{
    margin: 0 50px;
}

.date-maj-conf {
    text-align: right;
    margin-right: 15px;
    margin-bottom: 10px;
}