/* Corps général du widget */
body, .sb-main {
    font-family: 'Arial', sans-serif !important; /* Force l'utilisation d'une police simple et lisible */
    background-color: #e0f7fa; /* Bleu pâle */
    color: #333333; /* Gris foncé pour le texte */
}

/* Titres des sections dans le widget */
.sb-main h1, .sb-main h2, .sb-main h3, .sb-main h4, .sb-main h5, .sb-main h6 {
    color: #007bb5 !important; /* Bleu pour les titres */
    font-family: 'Arial', sans-serif !important; /* Force l'utilisation d'Arial */
}

/* Boutons de réservation */
.sb-main .sb-button, .sb-main .btn, .sb-main button {
    background-color: #b3e5fc !important; /* Bleu pâle pour les boutons */
    color: #ffffff !important; /* Texte blanc */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.sb-main .sb-button:hover, .sb-main .btn:hover, .sb-main button:hover {
    background-color: #0288d1 !important; /* Bleu plus foncé au survol */
}

/* Champs de formulaire */
.sb-main input[type="text"], .sb-main input[type="email"], .sb-main textarea, .sb-main select {
    border: 1px solid #90caf9 !important;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    color: #333333 !important; /* Texte en gris foncé */
}

.sb-main input[type="text"]:focus, .sb-main input[type="email"]:focus, .sb-main textarea:focus, .sb-main select:focus {
    border-color: #007bb5 !important; /* Bleu foncé pour le focus */
    outline: none;
}

/* Pied de page du widget */
.sb-main footer {
    background-color: #007bb5 !important; /* Bleu foncé */
    color: #ffffff;
    padding: 10px;
    text-align: center;
}
