footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-top: 1px solid #ccc;
}
body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Assure que html prend toute la hauteur */
    display: flex;
    flex-direction: column; /* Organise les enfants en colonne */
    font-family: "Roboto", Sans-serif;
}
header {
    padding: 10px 0;
}

.content-wrap {
    padding: 20px;
    flex: 1;
}
footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-top: 1px solid #ccc;
    /*max-width: 1140px;*/
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

h4
{
    padding: 10px;
    text-align: center;
    color: #FFFCFC;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    background-color: transparent;
    background-image: linear-gradient(180deg, #F71813 0%, #f2295b 100%);
}

.navbar-collapse {
    justify-content: center; /* Centre les éléments à l'intérieur du navbar-collapse */
}

.navbar-nav {
    flex-direction: row; /* S'assure que les liens sont alignés horizontalement */
    align-items: center; /* Centre verticalement les éléments de la navbar */
}

.navbar {
    font-weight: 700;
    background-color: #fff; /* Couleur de fond du menu */
}
.navbar-custom {
    background-color: transparent;
}
.navbar-nav a {
    color: #000000;
}
.navbar-nav a:hover {
    color: #F71813;
}

.nav-link {
    position: relative;
    padding-top: 29px;
    padding-bottom: 29px;
    padding-left: 6px;
    padding-right: 6px;
}
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: red; /* Couleur de la barre sous le lien actif */
    visibility: hidden;
    border-radius: 2px;
    transition: all 0.3s;
}

.nav-item:hover .nav-link::after,
.nav-item.active .nav-link::after {
    visibility: visible; /* Montre la barre sous le lien quand il est actif ou au survol */
}

.dropdown-menu {
    border: 0; /* Enlève la bordure par défaut des menus déroulants */
    box-shadow: 0 4px 8px rgba(0,0,0,.1); /* Ajoute une ombre douce pour la modernité */
}
.col-md-4 div {
    text-align: center; /* Centrer le texte dans chaque colonne */
}
.col-md-4 {
    margin-bottom: 20px; /* Ajouter un peu d'espace entre les rangées sur des écrans plus petits */
}
.img-fluid {
    max-height: 150px; /* Limite la hauteur maximale à 150px */
    width: auto; /* Garantit que la largeur s'ajuste pour conserver le ratio */
    object-fit: contain; /* Garantit que tout l'image est visible, contenue dans ses dimensions */
    margin-bottom: 10px; /* Ajoute un peu d'espace sous l'image si nécessaire */
}


.contact-info p {
    margin: 0;
    padding: 2px 0;
}

hr {
    border-top: 2px solid red;
}

.map h4 {
    margin-top: 20px;
}

.btn-primary {
    background-color: red; /* Customize button color */
    border-color: red; /* Customize button border */
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    margin-bottom: 15px;
}
.form{
    padding-bottom:20px;
}

.about-us {
    max-width: 800px; /* Limite la largeur du conteneur pour un meilleur contrôle du texte */
    margin: auto; /* Centre le conteneur */
}

.about-us h1, .about-us h2 {
    color: #333; /* Assombrir la couleur des titres pour une meilleure visibilité */
}

.about-us a {
    color: #007BFF; /* Couleur par défaut de Bootstrap pour les liens */
}

.about-us ul {
    list-style-type: none; /* Enlève les puces */
    padding-left: 20px; /* Ajoute un peu de padding à gauche pour l'indentation */
}

.about-us ul ul {
    list-style-type: circle; /* Ajoute des puces en cercle pour les sous-listes */
}
.content-wrap {
    flex: 1; /* Permet à ce div de grandir pour occuper tout l'espace disponible */
    padding: 20px; /* Ajoute un peu de padding autour du contenu */
}