.wellf{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f8f5f0;
    border:1px solid blue;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.wellrh{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f8f5f0;
    border:1px solid #8b008b;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.welle{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f8f5f0;
    border:1px solid red;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)} 
    
    .rounded-circle{
        border-radius:50%!important;
        border: 1px solid #8b008b 
    }

    .page-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .outer-hexagon {
        width: 220px; /* Ajustez la largeur du conteneur extérieur selon vos besoins */
        height: 253.52px; /* Calculez la hauteur en fonction de la largeur pour créer un hexagone */
        position: relative;
        background-color: #ff0000; /* Couleur de fond du conteneur extérieur */
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .inner-hexagon {
        width: 97%; /* Ajustez la largeur du conteneur intérieur par rapport au conteneur extérieur */
        padding-bottom: 111.5%; /* Calculé pour un hexagone régulier */
        position: relative;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        background-color: #ffffff; /* Couleur de fond du conteneur intérieur */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .inner-hexagon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    } 
    
    .marge{
        margin-top: 100px
    } 
    
    .margeb{
        margin-top: 10px
    } 
    
    .mt-1{
        margin-top:.25rem!important
    
    }.mt-2{
        margin-top:.5rem!important
    
    }
    
    .mt-3{
        margin-top:1rem!important
    }
    
    .mt-4{
        margin-top:1.5rem!important
    }
    
    .mt-5{
        margin-top:3rem!important
    }
    
    .mt-auto{
        margin-top:auto!important
    }