/*@font-face {
    font-family: 'FreeUniversalRegular';
    src: url('https://fontlibrary.org/assets/fonts/freeuniversal/FreeUniversal-Regular.woff2') format('woff2'),
         url('https://fontlibrary.org/assets/fonts/freeuniversal/FreeUniversal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'NimbusSansL';
    src: url('fonts/nimbus-sans-l/NimbusSanL-Regu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NimbusSansL';
    src: url('fonts/nimbus-sans-l/NimbusSanL-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NimbusSansL';
    src: url('fonts/nimbus-sans-l/NimbusSanL-ReguItal.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'NimbusSansL';
    src: url('fonts/nimbus-sans-l/NimbusSanL-BoldItal.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: 'NimbusSansL', sans-serif;
    font-weight: normal;
    font-style: normal; 
    background: linear-gradient(to top, #B38962, #6A3B12) /*#AE835D,#EBC19B,#6A3B12,#9B714B,#B38962,#D4AA84)*/;
    color: white;
    line-height: 1.75;
}



h1, h2 {
    margin: 40px 0px 10px 0px;
}


a {
    color: #F1c7a1; /* Couleur jaune clair pour un bon contraste */
}


.custom-list {
    list-style: none;
    padding-left: 0;
}
.custom-list li {
    background: url('./images/noix_detouree.png') no-repeat left top;
    background-size: 20px 20px;
    padding-left: 30px;
    margin-bottom: 10px;
}


.image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 5cm;
    transition: transform 1s ease-in-out 0.25s;
}
.image:hover {
    transform: scale(2.0);
}
figure {
    text-align: center;
}
figcaption {
    margin-top: 10px;
    font-style: italic;
    font-size: 80%;
    text-align: center;
}


.toggleButton {
    background-color: #F1c7a1; /* Couleur du bouton */
    color: #000; /* Couleur du texte */
    border: 1px solid #F1c7a1; /* Bordure de la même couleur que le fond */
    border-radius: 5px; /* Coins arrondis */
    transition: background-color 0.3s ease;
}
.toggleButton:hover {
    background-color: #e0b08b; /* Couleur légèrement plus foncée au survol */
}




.fun-note {
    font-style: italic;
}