/* css/style.css */


body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
	background-color: #F7EDE1;
	color: #7A2F50;
	font-family: 'quicksand', sans-serif;
	
}

header, footer {
    background-color: #F7EDE1;
    color: #7A2F50;
    text-align: center;
	}
	
h1 {
	
	text-align: center;
	font-weight: normal;
}

.entete{
	width : 100%;
	background-image: url('../images/entete.jpg'); /* Chemin vers l'image */
    background-size: cover;  /* Couvre tout le conteneur, redimensionne proportionnellement */
    background-position: center; /* Centre l'image de fond */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */

}
.surentete{
    width: 100%;
    background-color: #f7ede1c7;
    height: fit-content;
    min-height: 800px;
    padding-top: 10%;
}

/* Style pour l'image principale sur la page d'accueil */
#main-image {
    display: block;
    margin: auto;
    width: 16%;
    height: auto;
}



/* Classe à ajouter via JavaScript lorsque l'image entre dans le viewport */
.is-visible {
    opacity: 1; /* Rend l'image complètement visible */
}