/*--- Import des styles de bases---*/
@import url("styles-bases.css");
/*--- Import des styles de bases END---*/

body {
    .title {
        font-family: 'Roboto', sans-serif;
        /* Vous pouvez spécifier d'autres styles de texte ici, comme la taille de la police, la couleur, etc. */
    }
    
    .button-container {
        position: absolute;
        top: 10px; /* Ajustez cette valeur selon vos besoins */
        right: 10px; /* Ajustez cette valeur selon vos besoins */
    }
    
    background-color: white;
}
.background {
    background-image: url('https://images.pexels.com/photos/17142187/pexels-photo-17142187/free-photo-of-montagnes-nature-ruisseau-flot.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
}

/* Stylisation des éléments textuels pour un thème noir et blanc */
h1 {
    color: #000000; /* Noir pour h1 */
}

h2 {
    color: #000000; /* Noir pour h2 */
}

h3 {
    color: #333333; /* Gris foncé pour h3 */
}

p {
    color: #666666; /* Gris moyen pour les paragraphes */
}

footer {
    color: #333333; /* Gris foncé pour le footer */
}

a {
    color: #0074b8; /* Bleu pour les liens (contraste) */
}

ol, ul {
    color: #666666; /* Gris moyen pour les listes ordonnées et non ordonnées */
}

li {
    color: #666666; /* Gris moyen pour les éléments de liste */
}
/* Appliquez cette règle CSS dans votre fichier de styles ou dans une balise <style> dans le <head> de votre document HTML. */

/* Masquer le h1 en responsive mobile */
@media (max-width: 380px) {
    h1 {
        display: none;
    }
}


