/* --- bloc-autres-pages-accordeon.css --- */


/* --- bloc-bandeau-accueil.css --- */
.accueil-entete-video .titre-video {z-index: 1;}
.container-bloc-bandeau-accueil { position: relative; overflow: hidden;}
.video-bg { width: 100%; height: 40vh; object-fit: cover;}

.titre-video h1 {font-weight: 900; font-size: 3.5rem; text-align: center; padding: 0 2rem; margin-left: auto; margin-right: auto;}
.titre-video h1 .underline {color: inherit;}

.video-bg .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.iconsound{
    position: absolute;
    width: 50px;
    top: 30vh;
    right: 10px;
    z-index: 9;
    cursor: pointer;
}



@media (min-width: 768px) {
    .video-bg {height: 60vh;}
    .titre-video h1 {font-size: 5rem; }
    .iconsound{ top: initial; bottom: 10px; }
}


@media (min-width: 1000px) {
    .home .bloc-carrousel.carrousel-actus {padding: 7rem 0;}
    .accueil-entete-video .titre-video {position: absolute; top: 50%;  left: 12rem; transform: translateY(-50%); text-align: left; z-index: 1;}
    .titre-video h1 { font-size: 6rem; text-align: left; color: #fff; padding: 0; margin-left: 0; margin-right: 0; }
    .container-bloc-bandeau-accueil:after{content: '';  position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1, 1, 1, 0), rgb(28 27 27 / 80%)); backdrop-filter: blur(1px);}


}


/* --- bloc-carrousel.css --- */


.home .bloc-carrousel.carrousel-actus {background-color: var(--couleur-background); padding: 6rem 2rem;}

.bloc-post-sans-carrousel {display: flex; column-gap: 5rem; margin-left: auto; margin-right: auto; flex-direction: column; row-gap: 2rem;}
.bloc-post-sans-carrousel .carrousel-vignette {display: flex; flex-direction: column;}
.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel {padding: 2rem 0;}

.carrousel-actus .section-carrousel-post {width: auto;}
.carrousel-actus h2 {margin-top: 0;}
.carrousel-actus .slick-track {display: flex;}
.carrousel-actus .carrousel-vignette.vignette-bg {border-radius: var(--border-radius); overflow: hidden; padding: 2rem; margin: .5rem 0; background-color: #fff; display: flex !important; flex-direction: column; max-width: 100%;}
.carrousel-actus .carrousel-vignette .carrousel-txt {padding: 2rem;}
.carrousel-actus .carrousel-vignette h3 {color: var(--couleur-secondaire-light); font-weight: 500; font-size: 2rem !important; transition: inherit;}
.carrousel-actus .vignette-bg .realisation-thumbnail {height: 17rem; overflow: hidden;}
.carrousel-actus .vignette-bg .realisation-thumbnail img {width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease-in-out;}
.carrousel-actus .actus-resume {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical; font-size: 1.4rem; font-weight: 300; margin-bottom: 1.5rem; color: var(--couleur-texte); }
.carrousel-actus .actus-resume p {margin-top: 0; margin-bottom: 0;}
.carrousel-actus .btn-carrousel {font-size: 1.3rem; color: var(--couleur-texte); font-weight: 600; transition: inherit;}



.carrousel-actus .btn-cta {margin: 3rem auto 0;}


.section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {top: 0; position: absolute;display: block;}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-post .slick-next:before, .section-carrousel-post .slick-prev:before {display: none;}
.section-carrousel-post .slick-next, .section-carrousel-post .slick-prev {top: auto; left: auto;}

/*.slick-carousel-texte-image h3 {border-radius: 25px; border: 2px solid var(--couleur-secondaire-light); color: var(--couleur-principale); font-size: 13px; font-weight: 400;}*/
.slick-carousel-texte-image {margin-bottom: 0 !important;}





.section-carrousel-post {display: flex; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}


@media (hover: hover) {
    .carrousel-actus .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; transform: scale(1.02);}
    .carrousel-actus .vignette-bg:hover .btn-carrousel, .carrousel-actus .carrousel-vignette:hover h3 {color: var(--couleur-secondaire); }
    .carrousel-actus .vignette-bg:hover .realisation-thumbnail img {transform: scale(1.1);}

    
}


@media (min-width: 768px) {
    .section-carrousel-picto {margin-top: 5rem; margin-bottom: 0;}
    .bloc-carrousel {padding: 0;}
    .section-carrousel-post {margin-top: 5rem;}

    .section-carrousel-post .slick-next {right: 45px;}
    .section-carrousel-post .slick-prev {right: 120px;}
    .bloc-carrousel-actus .section-carrousel-post .slick-next {bottom: -6rem;}
    .bloc-carrousel-actus .section-carrousel-post .slick-prev {bottom: -6rem;}
    .carrousel-actus .btn-cta {margin: 4rem auto 0;}
    .carrousel-actus .btn-carrousel { margin-top: auto; }
}


@media (min-width: 900px) {
    .bloc-post-sans-carrousel {flex-direction: row;}
    .carrousel-actus .carrousel-vignette h3 {margin-top: 3rem;}
    .carrousel-actus .carrousel-vignette.vignette-bg {margin: .5rem; height: inherit; flex: 1;  }

}


@media (min-width: 1000px) {
.bloc-carrousel h2 {margin-left: auto; margin-right: auto; max-width: 80rem;}
}








/* --- bloc-carrousel-compteurs.css --- */
.slick-carousel-compteurs .slick-track {display: flex;}
.slick-carousel-compteurs .slick-slide {margin: 0 3rem; display: flex;  height: inherit; padding: 1rem 5px; justify-content: center;align-items: center; flex-direction: column; position: relative;}
.slick-carousel-compteurs .slick-slide img {max-width: 18rem;  max-height: 7rem; margin: auto; height: 100%; width: 100%; object-fit: contain;}
.slick-carousel-compteurs .slick-slide p {text-align: center;}
.slick-carousel-compteurs .slick-slide a {flex-direction: column; height: 100% ; width: 100%;}
.slick-carousel-compteurs .slick-slide .nombre {display: block; color: var(--couleur-secondaire); font-size: 3rem; font-weight: 700; text-align: center;}
.bloc-carrousel-compteurs {padding: 2rem 2rem;}
.main-container .bloc-carrousel-compteurs {padding: 4rem 2rem;}
.bloc-carrousel-compteurs h2 {margin-top: 0; text-align: center !important;}
.section-carrousel-compteurs {position: relative; width: 100%;}
.section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {display: none;}
.section-carrousel-compteurs .slick-prev::before, .section-carrousel-compteurs .slick-next::before {display: none;}
.bloc-carrousel-compteurs .btn-cta {margin: 3.5rem auto 0; background-color: var(--couleur-secondaire); }
.carrousel-compteurs-txt { margin-bottom: 3.5rem;}
.carrousel-compteurs-intro {margin: 0 2rem 2rem;}



.slider-carrousel-compteurs {padding: 0 2rem; justify-content: center; align-items: center;}

@media (min-width: 768px) {
    .section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {top: calc(50% - 8px); display: block; bottom: 6.5rem;}
    /*.bloc-carrousel.compteurs-partenaires-clients:not(.main-container) .slick-prev {left: calc(50% - 60px);}*/
    /*.bloc-carrousel.compteurs-partenaires-clients:not(.main-container) .section-carrousel-compteurs .slick-next {right: calc(50% - 60px);}*/
    .bloc-carrousel.compteurs-partenaires-clients:not(.main-container) .slick-prev, .bloc-carrousel.compteurs-partenaires-clients:not(.main-container) .section-carrousel-compteurs .slick-next {top: 4rem;}
    .carrousel-compteurs-txt {margin-bottom: 5rem;}
    .bloc-carrousel-compteurs .btn-cta {max-width: max-content; margin: 5.5rem auto 0;}
    .bloc-carrousel.compteurs-partenaires-clients:not(.main-container) .bloc-carrousel-compteurs .btn-cta {margin: 10rem auto 0;}
    .carrousel-compteurs-txt p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .main-container .bloc-carrousel-compteurs {padding: 5rem 5rem;}
    .bloc-carrousel-compteurs {padding: 4rem 0;}
    .bloc-carrousel-compteurs:not(.main-container) .bloc-carrousel-compteurs {margin-left: 6rem; margin-right: 6rem;}
    .carrousel-compteurs-intro {max-width: 80rem; margin: 0 auto 4rem;}
    .bloc-temoignage-intro {margin-bottom: 3rem;}
    .slick-carousel-compteurs .slick-slide::after {content: ""; height: 70%; width: 1px; background-color: var(--couleur-texte); display: inline-block; position: absolute; right: -3rem; top: 0; opacity: .3;}


}

@media (min-width: 900px) {
    .section-carrousel-compteurs {width: 70%;}
    .bloc-carrousel-compteurs h2 {max-width: 30rem; text-align: right !important; margin-bottom: 0;}
    .carrousel-compteurs-intro {margin: 0 8rem 0 0; flex: 1; justify-content: flex-end;}
    .slider-carrousel-compteurs {padding: 0 6rem; justify-content: flex-start; align-items: flex-start;}
}

/* --- bloc-carrousel-logo.css --- */
.slick-carousel-logo .slick-track {display: flex;}
.slick-carousel-logo .slick-slide { margin: 0 20px; display: flex;  height: inherit;padding: 1rem 5px; justify-content: center;align-items: center; flex-direction: column;}
.slick-carousel-logo .slick-slide img {max-width: 18rem;  max-height: 7rem; margin: auto; height: 100%; width: 100%; object-fit: contain;}
.slick-carousel-logo .slick-slide p {text-align: center;}
.slick-carousel-logo .slick-slide a {flex-direction: column; height: 100% ; width: 100%;}
.bloc-carrousel-logo {padding: 2rem 2rem; flex-direction: column;}
.main-container .bloc-carrousel-logo {padding: 4rem 2rem;}
.bloc-carrousel-logo h2 {margin-top: 0; text-align: center; margin-left: auto; margin-right: auto;}
.section-carrousel-logo {position: relative; width: 100%; }
.section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {display: none;}
.section-carrousel-logo .slick-prev::before, .section-carrousel-logo .slick-next::before {display: none;}
.bloc-carrousel-logo .btn-cta {margin: 3.5rem auto 0; background-color: var(--couleur-secondaire); }
.carrousel-logo-txt { margin-bottom: 3.5rem;}
.bloc-carrousel-logo.border-radius {border-radius: var(--border-radius);}
.bloc-temoignage-intro {margin-bottom: 2rem;}
.bloc-temoignage-carrousel {position: relative;}
.slider-carrousel-logo {padding: 0 2rem; justify-content: center;}

@media (min-width: 768px) {

    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev {left: calc(50% - 60px);}*/
    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {right: calc(50% - 60px);}*/
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev, .bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {top: 4rem;}
    .carrousel-logo-txt {margin-bottom: 5rem;}
    .bloc-carrousel-logo .btn-cta {max-width: max-content; margin: 5.5rem auto 0;}
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .bloc-carrousel-logo .btn-cta {margin: 10rem auto 0;}
    .carrousel-logo-txt p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .main-container .bloc-carrousel-logo {padding: 5rem 5rem;}
    .bloc-carrousel-logo {padding: 4rem 0;}
    .bloc-carrousel-logo:not(.main-container) .bloc-carrousel-logo {margin-left: 6rem; margin-right: 6rem;}
    .bloc-temoignage-intro {margin-bottom: 3rem;}

}

@media (min-width: 900px) {
    .section-carrousel-logo {width: 70%; margin-left: auto; margin-right: auto;}
    .bloc-carrousel-logo h2 {text-align: right; margin-bottom: 5rem;}
    .slider-carrousel-logo {padding: 0 6rem; justify-content: flex-start;}
    .section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {top: calc(50% - 8px); display: block; bottom: 6.5rem;}
}

/* --- bloc-compteurs.css --- */
.container-bloc-compteurs {justify-content: center; column-gap: 12rem; padding: 20px 0;}
.container-bloc-compteurs.border-radius {border-radius: var(--border-radius);}
.compteur-item { text-align: center; margin: 20px; width: 100%;}
/*.circle-progress { width: 120px; height: 120px;background-color: grey;border-radius: 50%;position: relative; display: flex;align-items: center; justify-content: center;}*/
.compteur-nombre, .unite-nombre { font-size: 5em; font-weight: 800;}
.compteur-intitule {margin-top: 5px; font-size: 18px;}
.bloc-compteur-intro {margin: 0 2rem 3rem;}


/******Compteur cercle******/
/*.circle-progress { width: 120px; height: 120px;background-color: grey;border-radius: 50%;position: relative; display: flex;align-items: center; justify-content: center;}
.circle-progress:before { content: '';position: absolute;width: 100%; height: 100%;border-radius: 50%;border: 10px solid transparent; border-top-color: red;transform: rotate(-90deg); transform-origin: center;animation: none;}
*/
/*.compteur-intitule {margin-top: 10rem;}*/

@media (min-width: 768px) {
    .compteur-item {width: max-content; flex: 1;}
    .compteur-nombre, .unite-nombre { font-size: 4rem;}
    .container-bloc-compteurs .bloc-compteur {padding: 3rem 5rem;}
    .compteur-intitule {max-width: 30rem; margin-left: auto; margin-right: auto;}
    .bloc-compteur-intro  {max-width: 80rem; margin: 4rem auto 2rem;}
    .section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {display: none !important;}
}

@media (min-width: 900px) {
    .section-carrousel-compteurs .slick-prev, .section-carrousel-compteurs .slick-next {display: block !important;}
}

/* --- bloc-logos-itekway.css --- */
.container-bloc-liste-logos-itekway {display: flex; flex-direction: column;align-items: center; overflow: hidden;}
.container-bloc-liste-logos-itekway .logos-section { display: flex; justify-content: space-between;  align-items: center; position: relative;width: 100%;}
.container-bloc-liste-logos-itekway .logos-section::before { content: "";position: absolute; top: 50%;left: 0; right: 0;height: 0; border-top: 2px dotted var(--couleur-secondaire); z-index: 1;}
.container-bloc-liste-logos-itekway .logos-section img {width: 40%; background-color: #fff;z-index: 2;}
.container-bloc-liste-logos-itekway .logos-section img.logo-left {padding-right: 3rem;align-self: flex-start;}
.container-bloc-liste-logos-itekway .logos-section img.logo-right { padding-left: 3rem;align-self: flex-end;}
.container-bloc-liste-logos-itekway .logos-section::after {content: ""; position: absolute;left: 50%;width: 0;height: 50%; border-left: 2px dotted var(--couleur-principale);top: 50%;}

.container-bloc-liste-logos-itekway .bloc-compteur{padding: 2rem;text-align: center;} 
.container-bloc-liste-logos-itekway .bloc-compteur .compteur-nombre { font-size: 5rem; font-weight: 900; color: var(--couleur-secondaire);line-height: 4rem;}
.container-bloc-liste-logos-itekway .bloc-compteur .soustitre { font-size: 2.2rem; color: var(--couleur-secondaire);text-transform: uppercase;font-weight: bold;}


.container-bloc-liste-logos-itekway .info-section {display: flex; flex-direction: column; width: 100%; position: relative; padding: 5rem 0; max-width: 100%;}
.container-bloc-liste-logos-itekway .info-section::before {content: ""; width: 2px;height: 100%;border-left: 2px dotted var(--couleur-principale); position: absolute;left: 50%;  top: 0;}
.container-bloc-liste-logos-itekway .info-section .info-item {display: flex; flex-direction: column;  position: relative;}
.container-bloc-liste-logos-itekway .info-section .info-item.left {align-items: flex-start;}
.container-bloc-liste-logos-itekway .info-section .info-item.right { align-items: flex-end;}
.container-bloc-liste-logos-itekway .info-section .info-item::after { content: "";width: 10%; height: 2px;  border-top: 2px dotted var(--couleur-principale); position: absolute;top: 0; z-index: 1;}
.container-bloc-liste-logos-itekway .info-section .info-item.left::after {left: 40%;}
.container-bloc-liste-logos-itekway .info-section .info-item.right::after { left: 50%;}
.container-bloc-liste-logos-itekway .info-section .info-item .text-infos{width: calc(40% - 1rem);}
.container-bloc-liste-logos-itekway .info-section .info-item.left .text-infos{text-align: right;}
.container-bloc-liste-logos-itekway .info-section .info-item .text-infos h3{margin: 0px; color: var(--couleur-secondaire);font-weight: bold; font-size: 1.8rem !important;}
.container-bloc-liste-logos-itekway .info-section .info-item .text-infos p {margin-top: 5px; font-size: 1.4rem;}

.container-bloc-liste-logos-itekway .final-section {text-align: center;}
.container-bloc-liste-logos-itekway .final-section .texte-fin strong{color: var(--couleur-secondaire);}
.container-bloc-liste-logos-itekway .final-section .container-btn .btn-cta{margin: auto;}

.container-bloc-liste-logos-itekway .lien-sabooj{position: absolute; width: 275px;height: 75px;z-index: 5;right: 0;bottom: 0;}

.slide-in-left { animation: slideInLeft 1.5s forwards;}
.slide-in-right {animation: slideInRight 1.5s forwards;}
.slide-in-top {animation: slideInTop 1.5s forwards;}

.logos-section img,.final-section,.info-item{opacity: 0;}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}



@media (min-width: 768px) {
    .container-bloc-liste-logos-itekway .logos-section img {width: 22rem;}
    .container-bloc-liste-logos-itekway .info-section {max-width: 85rem;}
    .container-bloc-liste-logos-itekway .info-section .info-item .text-infos h3{font-size: 2.5rem !important;}
    .container-bloc-liste-logos-itekway .info-section .info-item .text-infos p {font-size: 1.6rem;}
    .container-bloc-liste-logos-itekway .info-section .info-item .text-infos{width: 32rem;}
    .container-bloc-liste-logos-itekway .bloc-compteur .compteur-nombre {font-size: 8rem; line-height: 7rem;}
    .container-bloc-liste-logos-itekway .bloc-compteur .soustitre { font-size: 3rem;}

}

@media (min-width: 1000px) {
    .container-bloc-liste-logos-itekway {overflow: visible;}
    .container-bloc-liste-logos-itekway .logos-section img {width: 28rem;}
}

@media (min-width: 1200px) {
    .container-bloc-liste-logos-itekway .logos-section img {width: 35rem;}
}

/* --- bloc-mindmap-flottante.css --- */
.bloc-mindmap { position: relative; width: auto; display: flex;justify-content: center; align-items: center; flex-direction: column;}
.image-centrale {top: 50%;left: 50%; z-index: 10; padding: 2rem;  width: 30rem; aspect-ratio: 1 / 1;}
.image-centrale img {border-radius: 5rem; object-fit: cover;  height: 100%; width: 100%; }
.textes-container { position: relative; width: 100%; height: 100%; display: block; z-index: 5;}
.texte-flottant { background-color: var(--couleur-secondaire); border-radius: 3rem; padding: 2rem; text-align: center;  width: 100%; margin: 1.5rem 0;}
.texte-flottant p{color: white;}




@keyframes flottementTopRight {
    0% { transform: translate(0, 0); }
    25% { transform: translate(3px, -3px); }
    50% { transform: translate(-3px, 3px); }
    75% { transform: translate(3px, 3px); }
    100% { transform: translate(0, 0); }
}

@keyframes flottementBottomRight {
    0% { transform: translate(0, 0); }
    25% { transform: translate(-3px, 3px); }
    50% { transform: translate(3px, -3px); }
    75% { transform: translate(-3px, -3px); }
    100% { transform: translate(0, 0); }
}

@keyframes flottementTopLeft {
    0% { transform: translate(0, 0); }
    25% { transform: translate(-3px, -3px); }
    50% { transform: translate(3px, 3px); }
    75% { transform: translate(-3px, 3px); }
    100% { transform: translate(0, 0); }
}

@keyframes flottementBottomLeft {
    0% { transform: translate(0, 0); }
    25% { transform: translate(3px, 3px); }
    50% { transform: translate(-3px, -3px); }
    75% { transform: translate(3px, -3px); }
    100% { transform: translate(0, 0); }
}

.texte-flottant[data-position="left"].top {
    animation: flottementTopLeft 5s ease-in-out infinite;
}

.texte-flottant[data-position="left"].bottom {
    animation: flottementBottomLeft 7s ease-in-out infinite;
}

.texte-flottant[data-position="right"].top {
    animation: flottementTopRight 5s ease-in-out infinite;
}

.texte-flottant[data-position="right"].bottom {
    animation: flottementBottomRight 8s ease-in-out infinite;
}

@media (min-width: 1000px) {
.texte-flottant[data-position="left"]::after {content: ''; position: absolute;left: 200px; top: 50%;width: 150px; height: 1px; background: repeating-linear-gradient( 90deg,  var(--couleur-secondaire),  var(--couleur-secondaire) 5px, transparent 5px,transparent 10px);transform: translateY(-50%) rotate(10deg);}
.texte-flottant[data-position="right"]::before { content: ''; position: absolute;right: 200px;top: 50%; width: 150px;height: 1px;background: repeating-linear-gradient(90deg,var(--couleur-secondaire), var(--couleur-secondaire) 5px, transparent 5px,transparent 10px );transform: translateY(-50%) rotate(-10deg);}
.texte-flottant[data-position="left"].bottom::after{transform: translateY(-50%) rotate(170deg);}
.texte-flottant[data-position="right"].bottom::before {  transform: translateY(-50%) rotate(10deg); }
.bloc-mindmap {height: 50rem; width: 100%; flex-direction: row;}
.image-centrale {position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); width: auto; aspect-ratio: auto;}
.texte-flottant { position: absolute; width: 25rem; margin: 0;}
}

/* --- bloc-prestations.css --- */
.section-prestation .bloc-intro-prestation {margin-bottom: 4rem;}
.container-bloc-prestation {column-gap: 1.5rem; row-gap: 1.5rem;}
.container-bloc-prestation .vignette-prestation {flex-direction: column; width: calc(50% - .8rem); border-radius: var(--border-radius); overflow: hidden; background-color: #fff; text-decoration: none;}
.container-bloc-prestation .vignette-prestation .prestation_thumbnail {overflow: hidden; height: 10rem;}
.container-bloc-prestation .vignette-prestation .prestation_thumbnail img {height: 100%; width: 100%; object-fit: cover; transition: all 300ms ease-in-out;}
.container-bloc-prestation .vignette-prestation h3 {font-size: 1.6rem !important; font-weight: 400; text-align: center; padding: 2rem 1rem; margin: auto; opacity: .8; transition: inherit;}


@media (hover: hover) {
    .container-bloc-prestation .vignette-prestation:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; transform: scale(1.01);}
    .container-bloc-prestation .vignette-prestation:hover h3 {opacity: 1;}
    .container-bloc-prestation .vignette-prestation:hover .prestation_thumbnail img {transform: scale(1.1);}
    }



@media (min-width: 768px) {
    .container-bloc-prestation .vignette-prestation {width: calc(50% - 2rem);}
    .container-bloc-prestation .vignette-prestation .prestation_thumbnail {height: 18rem;}
    .section-prestation .bloc-intro-prestation {margin-bottom: 5.5rem;}
    .container-bloc-prestation {column-gap: 4rem; row-gap: 2rem;}
    .container-bloc-prestation .vignette-prestation h3 {padding: 2rem; }
}

@media (min-width: 1200px) {
    .container-bloc-prestation .vignette-prestation {width: calc(33% - 3.7rem);}
    .container-bloc-prestation {column-gap: 6rem; row-gap: 5rem;}
}

/* --- bloc-tableau.css --- */
@media (max-width: 768px) {
    .bloc-tableau.tableau-intitule .table-row .table-cell:first-child { display: block !important;}
}

.bloc-tableau .table-container { display: flex;flex-direction: column;}
.bloc-tableau .table-header {justify-content: flex-end; background-color: var(--couleur-secondaire);}
.bloc-tableau .table-header,.bloc-tableau .table-row { display: flex;}
.bloc-tableau .table-header-cell {display: block; cursor: pointer; background-color: var(--couleur-secondaire); text-align: center;}
.bloc-tableau .table-header-cell:not(.colonne-intitule) {width: 30%;}
.bloc-tableau .table-header-cell span {display: inline-block; padding: 1rem 0;color: white;font-weight: bold;font-size: 1.8rem;}
.bloc-tableau .table-header-cell.actif span {font-weight: 600;}
.bloc-tableau .table-row .table-cell {  display: none;}
.bloc-tableau .table-row .table-cell:first-child { display: flex;}

.bloc-tableau .table-container .colonne-intitule {text-transform: uppercase;}
.bloc-tableau .table-container .table-row {border-bottom: 1px solid var(--couleur-principale-light);}
.bloc-tableau .table-container .table-valeurs {text-transform: uppercase; font-size: 1.4rem;}
.bloc-tableau .table-container .table-cell:not(.table-valeurs) {font-weight: 300;}
.bloc-tableau .table-row .table-cell {border-right: 1px solid var(--couleur-principale-light); padding: 2rem 1rem;}
.bloc-tableau .table-row .table-cell:first-of-type {border-left: 1px solid var(--couleur-principale-light);}

.bloc-tableau.tableau-intitule .table-row .table-cell:first-child {width: 40%;}
.bloc-tableau .table-container .table-cell:not(.table-valeurs):not(.table-header-cell) {width: 60%;}


@media (min-width: 768px) {
    .bloc-tableau .table-container { display: grid; border-radius: var(--border-radius);  }
    .bloc-tableau .table-header-cell { cursor: text;}
    .bloc-tableau .table-header, .bloc-tableau .table-row {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
    .bloc-tableau .table-row .table-cell { display: flex; align-items: center; padding: 2rem;}
    .bloc-tableau.tableau-intitule .table-row .table-cell:first-child, .bloc-tableau .table-container .table-cell:not(.table-valeurs):not(.table-header-cell) {width: auto;}
    .bloc-tableau .table-header {justify-content: flex-start;}
}


@media (min-width: 1000px) {
.bloc-tableau .table-container {padding: 0 4rem 4rem;}
.bloc-tableau .table-container .table-valeurs {font-size: 1.6rem;}
.bloc-tableau .table-container .table-cell:not(.table-valeurs) {width: auto;}
}