body {
    background-color: #1E2A3A;
    color: #1E2A3A;
    text-align: center;
    padding: 50px;
    margin: 0;
}

.sectionacceuil {
    background-image: url('/images/background.png');
    color: #DDB25D; /* Couleur pour le titre */
    padding-top: 550px;
}


/* Style du conteneur parent */
.container {
    text-align: center; /* Centre les éléments enfants horizontalement */
  }
  
  /* Style des sections */
  section {
    border: 2px solid #DDB25D; /* Bordure autour de chaque section */
    padding: 20px 5px 50px 5px; /* Espace intérieur des sections */
    margin: 10px; /* Marge entre les sections (ajustée) */
    border-radius: 10px; /* Coins arrondis */
    box-sizing: border-box; /* Pour inclure la bordure et le rembourrage dans la largeur/hauteur totale */
    width: 80%; /* Ajustez la largeur pour qu'elle occupe la largeur complète */
    display: inline-block; /* Affiche les sections en ligne */
  }
  

p {
    color: white;
    font-family: 'Poppins Thin', sans-serif; 
}

h1 {
    color: #DDB25D; /* Couleur pour le titre */
    font-family: 'Poppins Bold', sans-serif; /* Police Poppins Bold */
    font-size: 4em; /* Taille de la police (ajustez selon vos besoins) */
}

nav {
    padding: 10px;
}

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

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

nav a {
    color: #DDB25D; /* Couleur du texte du menu en contraste avec la couleur de fond */
    text-decoration: none;
    font-size: 2em;
    font-family: 'Poppins Thin', sans-serif;
}

h2 {
    color: white;
    font-family: 'Poppins Thin', sans-serif;
    font-size: 3em;
}

h3 {
    color: #DDB25D;
    font-family: 'Poppins Thin', sans-serif;
    font-size: 2em;
}

#concatenationForm {
    display: flex;
    align-items: center;
    justify-content: center;
}

#adressesInput,
#liensFrameItInput {
    margin-right: 10px;
}

button {
    margin-top: 10px;
    background-color: #DDB25D; /* Couleur de fond du bouton identique à h1 */
    color: #1E2A3A; /* Couleur du texte du bouton en contraste avec la couleur de fond */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Poppins Regular', sans-serif;
    border-radius: 10px; /* Coins arrondis */
}

.whitePoppinsThin,
#resultat {
    margin-top: 10px;
    color: white;
    font-family: 'Poppins Thin', sans-serif;
    font-size: 1em;
    text-align: center;
    margin-right: 20px; /* Ajustez la marge selon vos préférences */
}

#Snapshot {
    display: none;
}

.btn-link {
    display: inline-block;
    padding: 20px 50px 20px 50px;
    margin-top: 10px;
    background-color: #1E2A3A;
    color: #DDB25D;
    text-decoration: none;
    font-family: 'Poppins Thin', sans-serif;
    border-radius: 10px;
    font-size: 4em; 
    margin: 30px;
}

.Accueil {
    color: #1E2A3A; 
}

#result {
    height: 60px; /* Hauteur fixe de votre choix */
    overflow: auto; /* Ajoute une barre de défilement en cas de dépassement de la hauteur */
    margin: 10px;
}