/*-----------------*/
/* LOADER */
/*-----------------*/

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.show-for-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    padding: 0px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
}
/*-----------------*/
/* HEADER */
/*-----------------*/
#header{
    padding: 10px 30px;
    background: var(--black);
}
#headerContent{
    padding: 20px;
    color: var(--white);
    text-align: right;
    padding-right: 0;
}
#logo{
    background: var(--white);
    border-radius: 10px;
    padding: 10px;
}
#logo a{justify-content: center;}

/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/

/*-----------------*/
/* HEADERHOME */
/*-----------------*/

/*-----------------*/
/* GALLERY HOME */
/*-----------------*/

/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/

/*-----------------*/
/* CONTENT */
/*-----------------*/

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
#prestations {
    position: relative;
}

/* Bloc prestation */
#prestations .bloc_prestations {
    position: relative;
    overflow: hidden;
    transition: transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transform-origin: center;
    will-change: transform;
    margin-bottom: 0;
}
#prestations .bloc_prestations:hover,
#prestations .bloc_prestations.is-hovered {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    z-index: 3;
    position: relative;
}

/* Lien du bloc */
#prestations .bloc_prestations a {
    height: 89vh;
    min-height: 500px;
    display: block;
    position: relative;
    overflow: hidden;
}

/* Conteneur image */
#prestations .prestations-img {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
#prestations .prestations-img::before {
    z-index: 1;
    opacity: 0.5;
}

/* Images à l'intérieur du conteneur */
#prestations .prestations-img > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: opacity;
    
}
#prestations .bloc_prestations .specialthumb {
    opacity: 0;
}

/* Images */
#prestations .prestations-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
}

/* Effet survol image : image principale disparaît, image secondaire apparaît */
#prestations .bloc_prestations a:hover .primarythumb,
#prestations .bloc_prestations.is-hovered .primarythumb {
    opacity: 0;
}
#prestations .bloc_prestations a:hover .specialthumb,
#prestations .bloc_prestations.is-hovered .specialthumb {
    opacity: 1;
}
/* Zoom uniquement sur l’image secondaire */
#prestations .bloc_prestations a:hover .specialthumb img,
#prestations .bloc_prestations.is-hovered .specialthumb img {
    transform: scale(1.05);
}
#prestations .bloc_prestations a:hover .prestations-img::before,
#prestations .bloc_prestations.is-hovered .prestations-img::before{

    opacity: 0.9;
}

/* Contenu texte */
#prestations .prestations-content {
    position: absolute;
    padding: 30px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    color: var(--white);
}

/* Logo dans le contenu */
#prestations .prestations-content .tertiarythumb img {
    width: 160px;
    display: inline-block;
}
#prestations .prestations-content .tertiarythumb {
    margin-bottom: 10px;
}

/* Texte du bloc */
#prestations .prestations-content :is(.content_link, .tc_excerpt) {
    color: var(--white);
    font-size: 16px;
    line-height: 1.6;
}

/* Animation d'apparition du texte */
#prestations .tc_excerpt {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 500ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    margin-top: 0;
}
#prestations .bloc_prestations a:hover .tc_excerpt,
#prestations .bloc_prestations.is-hovered .tc_excerpt {
    max-height: 200px;
    opacity: 1;
    margin-top: 15px;
}

/* Bouton */
#prestations .button {
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    display: inline-block;
    margin-top: 15px;
}

/*-----------------*/
/* ACTU */
/*-----------------*/

/*-----------------*/
/* SECTIONS */
/*-----------------*/

/*-----------------*/
/* REASSURANCES */
/*-----------------*/

/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

/*-----------------*/
/* NEWSLETTER */
/*-----------------*/

/*-----------------*/
/* SHARE */
/*-----------------*/

/*-----------------*/
/* AGENCES */
/*-----------------*/

/*-----------------*/
/* CONTACTFORM */
/*-----------------*/

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer{background: var(--black);}