/* Réinitialisation de base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Configuration de la page et de l'image de fond */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    height: 100vh; 
    display: flex;
    justify-content: center; /* Garde le texte centré horizontalement */
    
    /* 1. On aligne le contenu vers le haut au lieu du centre */
    align-items: flex-start; 
    
    /* 2. On ajoute un espace en haut pour que le texte ne colle pas tout en haut de l'écran */
    padding-top: 10vh; /* "10vh" représente 10% de la hauteur de l'écran. Vous pouvez augmenter à 15vh ou 20vh pour le descendre un peu plus */
    
    /* Gestion du background */
    background-image: url('votre-image.jpg'); 
    background-size: cover;        
    background-position: center;  
    background-repeat: no-repeat;
}

/* Style de la boîte de texte au milieu */
.conteneur-central {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6); /* Fond noir semi-transparent pour que le texte reste lisible */
    padding: 40px;
    border-radius: 10px;
    color: #ffffff; /* Texte blanc */
    max-width: 90%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.conteneur-central h1 {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.conteneur-central p {
    font-size: 1.2rem;
    opacity: 0.9;
}