@media (max-width: 991.98px) {
    /* Centrer le brand sur les écrans mobiles */
    .navbar-brand {
        text-align: center;
    }
}

.w-max {
    /*max-width: 800px;*/
}

.btn-danger-bordered {
    background-color: transparent; /* Fond transparent */
    color: #ff7851; /* Couleur danger pour le texte */
    border: 2px solid #ff7851; /* Bordure danger */
    border-radius: 5px; /* Coins arrondis */
    transition: background-color 0.3s ease; /* Animation au survol */
}
.btn-danger-bordered:hover {
    background-color: #cc6041; /* Fond danger au survol */
    color: white; /* Texte blanc au survol */
}

.btn-primary-bordered {
    background-color: transparent; /* Fond transparent */
    color: #78c2ad; /* Couleur primary pour le texte */
    border: 2px solid #78c2ad; /* Bordure success */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px 20px; /* Espacement interne */
    transition: background-color 0.3s ease, color 0.3s ease; /* Animation au survol */
}
.btn-primary-bordered:hover {
    background-color: #609b8a; /* Fond primary au survol */
    color: white; /* Texte blanc au survol */
}

body {
    margin: 0;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;   /* Bien marqué pour les titres */
}

.h1-style
{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;   /* Bien marqué pour les titres */
}

h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
}

body {
  font-family: 'Nunito', sans-serif;
  line-height: 1.6;
}


.steps li {
    background-color: #f8f9fa;    /* Gris très clair (couleur Bootstrap) */
    border: 1px solid #dee2e6;    /* Bordure grise claire */
    border-radius: 0.5rem;        /* Coins arrondis */
    padding: 0.75rem 1rem;        /* Espace interne */
    margin-bottom: 0.5rem;        /* Espace entre les <li> */
    list-style: none;             /* Supprime le bullet */
  }

.cursor-pointer li {
    cursor: pointer;
}

.card-img-top {
    height: 250px;          /* fixe la hauteur de toutes les images */
    width: 100%;            /* prend toute la largeur de la carte */
    object-fit: cover;      /* remplit le cadre en recadrant */
    object-position: center;/* centre l'image */
    display: block;         /* évite les petits espaces sous l'image */
}

.polaroid {
    background: white;                /* Fond blanc du polaroid */
    padding: 10px 10px 25px 10px;      /* Plus de marge en bas comme un vrai polaroid */
    border-radius: 8px;                /* Coins arrondis */
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Ombre réaliste */
    display: inline-block;
}
.polaroid img {
    border-radius: 4px;                /* Coins arrondis pour l'image elle-même */
}