/*Bouton highlight*/
.custom-hover {
    position: relative;
    z-index: 1;
    color: white;
    transition: color 0.3s ease;
}

    .custom-hover:hover {
        color: black; /* Le texte devient noir au survol */
    }


    .custom-hover::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: 1.5em;
        background: #93BEFD;
        z-index: -1;
        opacity: 0;
        transition: opacity 0.3s ease;
        border-radius: 8px;
    }


    .custom-hover:hover::after {
        opacity: 1;
    }

/*Header image fondu*/
.header-image-container {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.header-image {
    position: absolute;
    left: 37%;
    top: 0%;
    width: 30%;
    height: 150px;
    overflow: hidden;
    position: center;
    object-fit: cover;
    display: block;
    /* Masque de fondu sur les côtés gauche et droit */
    mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 30%, rgba(0,0,0,1) 30%, rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,0));
}


/*Custom footer*/
.custom-footer {
    background-color: #0F967F;
}

/*Custom agenda*/
.custom-agenda {
    background-color: #0F967F;
}


/*Custom carousel*/
.custom-caption-carousel {
    background: radial-gradient( rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 50%, transparent 100% );
    pointer-events: none;
}

/*Custom card index*/
.custom-card {
    border: none;
    box-shadow: none;
}

.custom-img {
    max-height: 150px;
    object-fit: contain;
}

.row.g-0.align-items-center {
    align-items: center;
}


.custom-header {
    background-image: url("../images/headers_fond.PNG"); /* Change selon ton fichier */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}

.auth-search-box {
    background-color: rgba(255, 255, 255, 0.7); /* blanc à 70% d'opacité */
    padding: 10px;
    border-radius: 8px;
}

/*Photo conseils d'administration*/
.rounded-full {
    border-radius: 9999px;
}

.object-cover {
    object-fit: cover;
}


.background-color-admin {
    background-color: #DDDDDD
}

.title-admin {
    opacity : 0.6;
}

.name-admin {
    font-size : 30px;
}