body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
}

/* Centrer les sections (accueil et contact) verticalement et horizontalement */
.centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 20px;
}

#banniere {
    display: flex;
    justify-content: center; /* Centrer les images dans la section */
    align-items: center; /* Centrer verticalement les images */
    height: 400px; /* Ajuste la hauteur de la section */
    width: 100%;
    position: relative;
}

#accueil {
    margin-top: 15px; /* Ajustez la valeur selon vos besoins */
}

/* Style pour centrer l'image téléphone */
.reservation-image {
    text-align: center;  /* Centrer le contenu (l'image) horizontalement */
    margin-top: 5px;    /* Espacement entre le texte et l'image */
}

.reservation-link {
    font-weight: bold;
    color: #D2691E; /* Couleur marron clair pour l'Inde */
    text-decoration: none;
    padding: 10px 20px;
    background-color: #f2f2f2; /* Fond clair pour le lien */
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.reservation-link:hover {
    background-color: #D2691E; /* Fond marron clair au survol */
    color: white; /* Texte en blanc au survol */
}

.image-telephone {
    max-width: 500px;    /* Ajuster la largeur de l'image (vous pouvez modifier cette valeur selon vos besoins) */
    height: auto;        /* Garder les proportions de l'image */
	top: -100px; 
}

.image-container {
    display: flex;
    width: 100%;
    justify-content: space-between; /* Espace les images à gauche, centre et droite */
    align-items: center;
}

.image-left, .image-center, .image-right {
    height: auto; /* Assure que l'image garde ses proportions */
    max-width: 30%; /* Limite la largeur des images, ajuste selon tes besoins */
    object-fit: cover; /* S'adapte à l'espace sans déformation */
}

.image-center {
    max-width: 40%; /* Si l'image centrale doit être plus grande */
}

header {
    background-color: black;
    color: white;
    padding: 10px;
    text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

h1, h2 {
    text-align: center;
    color: white;
}

section {
    padding: 20px;
    margin: 20px;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    margin: 10px 0;
}

footer {
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px;
    position: static;
    width: 100%;
    bottom: 0;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.menu-image {
    width: 450px;  /* Largeur fixe */
    height: 600px;  /* Hauteur automatique pour garder le ratio */
}

/* Style de la section livraison */
#livraison {
    text-align: center; /* Centrer le contenu à l'intérieur de la section */
    margin-top: 5px; /* Ajouter un peu de marge au-dessus pour espacer de la bannière */
}

/* Style de l'image livraison */
.livraison-container {
    display: flex;
    justify-content: center; /* Centrer l'image horizontalement */
    align-items: center; /* Centrer l'image verticalement */
    height: 50px; /* Hauteur de la section */
}

.livraison-image {
    max-width: 80%;  /* Ajuster la taille de l'image à 80% de la largeur disponible */
    height: auto;  /* Garder les proportions de l'image */
    border-radius: 8px;  /* Optionnel : ajouter un léger arrondi aux coins de l'image */
}

/* CSS pour le SVG statique */
#svg-decoration {
    text-align: center;
    margin-top: 30px;  /* Ajustez la marge pour l'espacement */
}

.svg-container {
    display: inline-block;
}

.svg-image {
    width: 2000 px; /* Vous pouvez ajuster cette largeur à votre convenance */
    max-width: 2000px; /* La taille maximale de l'image SVG */
    height: 100px; /* Maintient les proportions du SVG */
    margin: 0 auto; /* Centre le SVG */
}