.texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; /* moitié de la hauteur de la bannière */
    background-image: url('/images/bg1.jpg'); /* chemin vers l'image de texture */
    background-size: cover; /* ajuster la taille de la texture pour couvrir la moitié de la bannière */
    opacity: 1; /* opacité de la texture */
}

/* Définissez les styles pour l'icône .icon-mineur */
@font-face {
    font-family: "RickoFont"; /* Nom de la police */
    src: url("test.woff"); /* Chemin vers votre fichier SVG */
}

[class^="mesicon flaticon-"]:before, [class*="mesicon flaticon-"]:before,
[class^="mesicon flaticon-"]:after, [class*="mesicon flaticon-"]:after {
    font-family: RickoFont; /* Utilisez le nom de famille de votre fonte défini dans la règle @font-face */
    font-style: normal;
}

/* Définition de la classe pour l'icône "angry-monster" */
.mesicon.flaticon-ricko-monster:before {content: "\0040";font-size: 91px; }
.mesicon.flaticon-minerehab:before {content: "\0041";font-size: 91px; }
.mesicon.flaticon-social:before {content: "\0042";font-size: 91px; }
.mesicon.flaticon-plante:before {content: "\0043";font-size: 91px; }
.mesicon.flaticon-environnement:before {content: "\0044";font-size: 91px; }
.mesicon.flaticon-pick:before {content: "\0045";font-size: 91px; }
.mesicon.flaticon-conversation:before {content: "\0046";font-size: 91px; }
.mesicon.flaticon-map1:before {content: "\0047";font-size: 91px; }
.mesicon.flaticon-approche_pratique:before {content: "\0048";font-size: 91px; }
.mesicon.flaticon-approche_critique:before {content: "\0049";font-size: 91px; }
.mesicon.flaticon-ressource_humaine:before {content: "\004A";font-size: 91px; }
.mesicon.flaticon-dev_nordique:before {content: "\004B";font-size: 91px; }
.mesicon.flaticon-carte_geo:before {content: "\004C";font-size: 91px; }
.mesicon.flaticon-potentiel_minier:before {content: "\004D";font-size: 91px; }
html {
  scroll-behavior: smooth;
}

.cookie-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
	z-index: 9999;
}

.cookie-alert p {
    margin: 0;
}

.cookie-alert button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.cookie-alert button:hover {
    background-color: #0056b3;
}