body {
    background-color: #fff6eb; 
    }
    
    .d-flex {
        display: flex;
        gap: 30px;
        padding-bottom: 10px;
        align-items: center;
    }
    
    form.d-flex img {
        height: 30px; /* ajustez la hauteur comme nécessaire */
        width: 30px;  /* ajustez la largeur comme nécessaire */
    }
    
    .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: center;
            background-color: #201002;
    }
    
    .nav-item img {
        width: 70%;
    }
    
    
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        display: flex;
        align-items: center;
    }
    
    .navbar-collapse {
        font-family: 'Special Elite', cursive;
        font-size: 22px !important;
    }
    
    .dropdown-item {
        font-size: 16px !important;
        background-color: #FFFAF4;
    }
    
    .dropdown-item:hover {
        background-color: #FF8636;  
    }
    
    .navbar-nav {
        --bs-nav-link-color: rgb(255, 248, 242);
        --bs-nav-link-hover-color:  rgb(255, 248, 242);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    }
    
    .section_barrenav .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: rgb(255, 248, 242);
    }
    
    .section_barrenav .navbar-nav .nav-link.show {
        color: rgb(255, 251, 247);
    }
    
    
    .section_barrenav h4 {
        font-family: "Kolker Brush", cursive;
        font-size: 62px;
        text-align: center;
        color: rgb(91 55 23);
        padding-top: 5%;
    }
    
    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .10em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        color: #ff8e43;
    }
    
    @media (min-width : 1600px) {
        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
            justify-content: center;
            
        }
    
        .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: center; /* Centrer la barre de navigation */
        }
    
        .navbar-expand-lg .navbar-nav .nav-link {
            margin-right: 3rem; /* Ajoutez de la marge à droite de chaque élément */
        }
    }
    
    
    @media (min-width: 1280px) and (max-width: 1600px) {
    
        .navbar-collapse {
            font-family: 'Special Elite', cursive;
            font-size: 20px !important;
            color: #201002 !important;
            font-weight: 600px;
        }
    
        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
            justify-content: center;
        }
    
        .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: center; /* Centrer la barre de navigation */
        }
    
        .navbar-expand-lg .navbar-nav .nav-link {
            margin-right: 1rem; /* Ajoutez de la marge à droite de chaque élément */
        }
    }
    
    @media (min-width: 1000px) and (max-width: 1280px) {
    
        .navbar-collapse {
            font-family: 'Special Elite';
            font-size: 18px !important;
            color: #201002 !important;
            font-weight: 600px;
        }
    
        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
            justify-content: center;
        }
    
        .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: center; /* Centrer la barre de navigation */
        }
    
        .navbar-expand-lg .navbar-nav .nav-link {
            margin-right: 1rem; /* Ajoutez de la marge à droite de chaque élément */
        }
    }
    
    
    @media (max-width: 1000px) {
    
        .navbar-collapse {
            font-family: 'Special Elite';
            font-size: 18px !important;
            color: #201002 !important;
            font-weight: 600px;
        }
    
        .navbar-expand-lg .navbar-nav {
            align-items: flex-start;
            flex-direction: column;
        }
    
        .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
            display: flex;
            flex-wrap: inherit;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
        }
    
        .nav-item img {
            display: none;
        }
    
        .navbar-toggler {
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            color: rgb(241 9 9 / 0%);
            background-color: transparent;
            border: var(--bs-border-width) solid #fff;
            border-radius: var(--bs-navbar-toggler-border-radius);
            transition: var(--bs-navbar-toggler-transition);
        }
    
        .navbar-toggler-icon {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
        }
    }

/* Section card*/

.mention {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 5% 0 5% 0;
}

.mention h6{
    font-size: 28px;
    font-family: 'Special Elite';
    text-align: center;
    color: #201002;
}

.mention p{
    text-align: center;
    margin: 0 25% 0 25%;
    font-size: 17px;
    letter-spacing: 3px;
    font-family:"Zen Old Mincho"; 
}

.mention hr {
    background-color: #e9813c;
    height: 2px;
    border: none;
    margin: 0 35% 0 35%;
    opacity: 0.9;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;
    padding: 18px;
}

.card {
    position: relative;
    width: 605px; /* modifié pour une largeur fixe */
    height: 350px;
    background-color: #fff7eb;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding: 20px;
    box-sizing: border-box;
    transition: all .5s ease-in-out; 
}

.card-text {
    line-height: 3;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 16px;
    letter-spacing: 2px;
    display: flex;
    padding: 1%;
    flex-direction: column;
    font-family:"Zen Old Mincho";     
}

svg {
    position: absolute;
    left: -1px; /* Décalé pour respecter le padding */
    top: -1px; /* Décalé pour respecter le padding */
    width: 605px; /* Adapté aux dimensions internes */
    height: 350px; /* Adapté aux dimensions internes */
    fill: none;
    stroke: #e9813c;
    stroke-dasharray: 2500; /* Mise à jour selon le périmètre */
    stroke-dashoffset: 2500;
    transition: 2s ease-in-out;
}

svg .bg-line, svg .hl-line {
    stroke-width: 2; /* Augmente l'épaisseur de la ligne à 5px */
}

.card:hover svg {
    stroke-dashoffset: 0; /* Mise à jour selon le nouveau périmètre */
}

.card:hover {
    transform: scale(1.1);
}

.point {
    width: 70px;
    margin-left: 85%;
}

@media (max-width:1000px) {
    .card-text {
        line-height: 2;
        text-align: center;
        position: relative;
        z-index: 1;
        font-size: 15px;
        letter-spacing: 2px;
        display: flex;
        padding: 1%;
        flex-direction: column;
    }

    .mention p {
        text-align: center;
        margin: 0 5% 0 5%;
        font-size: 17px;
        letter-spacing: 3px;
    }
}

@media (max-width:500px) {
    .card {
        overflow-y: auto;
        flex-wrap: wrap;
    }
}


/* section footer*/

footer {
    background-color: #201002;
    padding: 2% 0 2% 0;
}

.footerplacement {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 2% 0;
}


footer a img {
    align-items: center;
} 

.footernav {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
}

.footernav li a {
    color: #FFF9F1;
}

.footernav li a:hover {
    color: #ffa227;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #FFF9F1;
}

footer .navbar-nav {
    width: 33%;
  }

.reseauxsociaux {
    width: 33%;
    display: flex;
    justify-content: center;
}


#reseauxsociaux_img {
    display: grid;
    grid: auto-flow / 1fr 1fr 1fr;
  }
  
  .reseauxsociaux img {
    width: 30px;
    padding: 3px;
  }

.copyright {
    text-align: center;
    color: #fffaf496;
    padding-top: 50px;
}

@media (max-width: 1000px)  {


    .copyright {
        text-align: center;
        color: #fffaf496;
        padding-top: 50px;
        font-size: 11px;
    }

  }