/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper svg{
	height: auto;
	width: 200px;
}
/***************************************************
 * Generated by SVG Artista on 4/3/2025, 9:57:52 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 254.45530700683594px;
        stroke-dasharray: 254.45530700683594px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 254.45530700683594px
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 254.45530700683594px;
        stroke-dasharray: 254.45530700683594px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 254.45530700683594px
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 0.6s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;
    animation: animate-svg-stroke-1 0.6s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 252.95846557617188px;
        stroke-dasharray: 252.95846557617188px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 252.95846557617188px
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 252.95846557617188px;
        stroke-dasharray: 252.95846557617188px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 252.95846557617188px
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

.svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;
    animation: animate-svg-stroke-2 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 153.68173217773438px;
        stroke-dasharray: 153.68173217773438px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 153.68173217773438px
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 153.68173217773438px;
        stroke-dasharray: 153.68173217773438px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 153.68173217773438px
    }
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;
    animation: animate-svg-stroke-3 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 153.66603088378906px;
        stroke-dasharray: 153.66603088378906px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 153.66603088378906px
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 153.66603088378906px;
        stroke-dasharray: 153.66603088378906px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 153.66603088378906px
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;
    animation: animate-svg-stroke-4 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 253.9906463623047px;
        stroke-dasharray: 253.9906463623047px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 253.9906463623047px
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 253.9906463623047px;
        stroke-dasharray: 253.9906463623047px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 253.9906463623047px
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 218.1139678955078px;
        stroke-dasharray: 218.1139678955078px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 218.1139678955078px
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 218.1139678955078px;
        stroke-dasharray: 218.1139678955078px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 218.1139678955078px
    }
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;
    animation: animate-svg-stroke-6 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 257.4346618652344px;
        stroke-dasharray: 257.4346618652344px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 257.4346618652344px
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 257.4346618652344px;
        stroke-dasharray: 257.4346618652344px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 257.4346618652344px
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(236,101,53)
    }
}

.svg-elem-7 {
    -webkit-animation: animate-svg-stroke-7 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 244.9039764404297px;
        stroke-dasharray: 244.9039764404297px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 244.9039764404297px
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 244.9039764404297px;
        stroke-dasharray: 244.9039764404297px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 244.9039764404297px
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

.svg-elem-8 {
    -webkit-animation: animate-svg-stroke-8 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both;
    animation: animate-svg-stroke-8 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both
}

@-webkit-keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 212.02281188964844px;
        stroke-dasharray: 212.02281188964844px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 212.02281188964844px
    }
}

@keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 212.02281188964844px;
        stroke-dasharray: 212.02281188964844px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 212.02281188964844px
    }
}

@-webkit-keyframes animate-svg-fill-9 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

@keyframes animate-svg-fill-9 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

.svg-elem-9 {
    -webkit-animation: animate-svg-stroke-9 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.96s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both;
    animation: animate-svg-stroke-9 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.96s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.6s both
}

@-webkit-keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 175.2931365966797px;
        stroke-dasharray: 175.2931365966797px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 175.2931365966797px
    }
}

@keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 175.2931365966797px;
        stroke-dasharray: 175.2931365966797px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 175.2931365966797px
    }
}

@-webkit-keyframes animate-svg-fill-10 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

@keyframes animate-svg-fill-10 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

.svg-elem-10 {
    -webkit-animation: animate-svg-stroke-10 0.6s cubic-bezier(0.47,0,0.745,0.715) 1.08s both,animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-10 0.6s cubic-bezier(0.47,0,0.745,0.715) 1.08s both,animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s both
}

@-webkit-keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 120.47817993164062px;
        stroke-dasharray: 120.47817993164062px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 120.47817993164062px
    }
}

@keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 120.47817993164062px;
        stroke-dasharray: 120.47817993164062px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 120.47817993164062px
    }
}

@-webkit-keyframes animate-svg-fill-11 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

@keyframes animate-svg-fill-11 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(255,255,255)
    }
}

.svg-elem-11 {
    -webkit-animation: animate-svg-stroke-11 0.6s cubic-bezier(0.47,0,0.745,0.715) 1.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.8s both;
    animation: animate-svg-stroke-11 0.6s cubic-bezier(0.47,0,0.745,0.715) 1.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.8s both
}

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
#wrappersite {
    background-image: linear-gradient(to right, #f4f5fa 1px, transparent 1px), linear-gradient(to bottom, #f4f5fa 1px, transparent 1px);
    background-position: 0 0;
    background-size: calc(100vw / 16) calc(100vw / 16);
}

/* =======  BUTTON  ======= */
.underbutton>*, 
.button:not(.cf_submit), 
.tc_content .wp-block-button__link, 
.wp-block-file__button, 
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor, 
#content .eb-cia-button-wrapper>a, 
#content .eb-pricing-button{
	overflow: visible;
	margin: 4px 0;
	border-radius: 50px!important;
	background: none!important;
}
.underbutton>*:before,
.button:not(.cf_submit):before,
.tc_content .wp-block-button__link:before,
.wp-block-file__button:before,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:before,
#content .eb-cia-button-wrapper>a:before,
#content .eb-pricing-button:before,
.underbutton>*:after,.button:after,
.tc_content .wp-block-button__link:after,
.wp-block-file__button:after,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:after,
#content .eb-cia-button-wrapper>a:after,
#content .eb-pricing-button:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -99999;
    transition: all .4s
}

.underbutton>*:before,
.button:not(.cf_submit):before,
.tc_content .wp-block-button__link:before,
.wp-block-file__button:before,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:before,
#content .eb-cia-button-wrapper>a:before,
#content .eb-pricing-button:before {
    transform: translate(0%,0%);
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    border-radius: 50px
}

.underbutton>*:after,
.button:not(.cf_submit):after,
.tc_content .wp-block-button__link:after,
.wp-block-file__button:after,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:after,
#content .eb-cia-button-wrapper>a:after,
#content .eb-pricing-button:after {
    transform: translate(0,0);
    width: 10px;
    height: 10px;
    background: var(--black);
    backdrop-filter: blur(5px);
    border-radius: 50px
}

.underbutton>*:hover:before,
.button:not(.cf_submit):hover:before,
.tc_content .wp-block-button__link:hover:before,
.wp-block-file__button:hover:before,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:hover:before,
#content .eb-cia-button-wrapper>a:hover:before,
#content .eb-pricing-button:hover:before {
    transform: translate(5%,20%);
    width: 10px;
    height: 10px
}

.underbutton>*:hover:after,
.button:not(.cf_submit):hover:after,
.tc_content .wp-block-button__link:hover:after,
.wp-block-file__button:hover:after,
#content .eb-popup-container .eb-popup-button a.eb-popup-button-anchor:hover:after,
#content .eb-cia-button-wrapper>a:hover:after,
#content .eb-pricing-button:hover:after {
    border-radius: 50px;
    transform: translate(0,0);
    width: 100%;
	height: 100%;
}

hr.wp-block-separator, .title:not(.no-after):after {
    background-image: url(../images/separator.svg);
    background-color: transparent!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 7px;
    width: 143px
}

.title :is(h1,h2) {overflow: hidden; /* Empêche le texte de déborder */}

.title :is(h1,h2) span {
  display: inline-block; /* Permet d'appliquer des transformations */
  opacity: 0; /* Cache initialement les mots */
  transform: translateY(50px); /* Déplace les mots vers le bas */
}

.title :is(h1,h2) .space {
  display: inline; /* Les espaces sont visibles et inline */
  opacity: 1; /* Les espaces ne sont pas animés (toujours visibles) */
  transform: none; /* Aucun déplacement pour les espaces */
}

.linkTurn {
    --size: 10rem;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    font-size: 18px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.25em;
    word-spacing: 1em;
    text-decoration: none;
    -webkit-font-smoothing: auto;
    font-weight: bold;
    position: absolute;
    top: 55%;
    left: 0;
}
.link__svg {
    width: 100%;
    height: auto;
    transform-box: fill-box;
    fill: var(--white);
    stroke: var(--white);
    border-radius: 50%;
    padding: 10px;
    stroke-width: 0.05em;
    box-sizing: border-box;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    background: var(--primary-color);
}
.link__arrow {
    transform-origin: 50% 50%;
    transition: transform 0.15s cubic-bezier(0.32, 0, 0.67, 0);
}
.linkTurn:hover .link__arrow {
    transform: scale(1.3);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.link__arrow {stroke-width: 0.075em;transform: rotate(-25deg);}
.link__text {
    -webkit-animation: rotateReverse normal infinite 20s linear;
    animation: rotateReverse normal infinite 20s linear;
    transform-origin: 50% 50%;
}
.link--alt {
    font-size: 1.15rem;
    letter-spacing: 0;
    word-spacing: 0;
}

.linkTurn.white svg{
	fill: var(--white);
    stroke: var(--white);
}
/*-----------------*/
/* HEADER */
/*-----------------*/
/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink.lvl-0{
    padding: 20px 10px;
}
.navigmenu .naviglink.lvl-0:not(.item-logo) span:after,
.navigmenu .naviglink.lvl-0:not(.item-logo) span:before {
    content: '';
    display: block;
    position: absolute;
    left: -.1em;
    bottom: -.4em;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--primary-color);
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s
}

.navigmenu .naviglink.lvl-0:not(.item-logo) span:before {
    padding-bottom: 4px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89);
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89)
}

#navprimary .navigmenu .active .naviglink.lvl-0:not(.item-logo) span:after,
#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo):hover span:after,
#navprimary .navigmenu .active .naviglink.lvl-0:not(.item-logo) span:before,
#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo):hover span:before {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}
#navprimary .navigmenu .active .naviglink.lvl-0:not(.item-logo),
#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo):hover{color: var(--primary-color);}

/*-----------------*/
/* HEADERHOME */
/*-----------------*/
#headerHome .overlay{
	background: linear-gradient(180deg, var(--black) 0%, rgb(0 0 0 / 20%) 100%);
	opacity: 0.8;
}
/*-----------------*/
/* CERTIFICATIONS */
/*-----------------*/
#headerHome-certifications{
    background-color: var(--primary-color);
}
#headerHome-certifications .wrap-element{
    --size: 75px;
    height: var(--size);
    border: none;
    padding: 5px;
    border-radius: 100%;
    width: var(--size);
}
/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/
/*-----------------*/
/* CONTENT */
/*-----------------*/
#content .wp-block-gallery{
	position: relative;
	z-index: 1;
}
#content .uagb-timeline__day-new{
	background: var(--primary-color);
	color: var(--white);
}
#content .uagb-timeline__date-new{
    font-family: var(--font-title);
}
#content .uagb-timeline__day-new .uagb-timeline__heading{
    color: var(--white);
    font-size: 20px;
}
#content .uagb-timeline-desc-content{
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
}
#content .uagb-timeline__day-right .uagb-timeline__arrow:after{border-left-color: var(--primary-color);}
#content .uagb-timeline__day-left .uagb-timeline__arrow:after{border-right-color: var(--primary-color);}
/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.prestations-img {
    --size: 26.5rem;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #f8f9fa;
}
.prestations-img:before{z-index: 0;opacity: 0.5;}
.prestations-content .title_content{color: var(--white)}
.prestations-wrapper{
    position: relative;
}
.prestations-content{
    position: absolute;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 3.5em;
    z-index: 1;
    padding: 15px;
}
.prestations-content :is(h2,h3){
    font-size: 25px;
}
.widget_parentpage{margin-right: -3.5rem;}
.bloc_prestations {
  position: relative; /* Les éléments restent dans le flux normal */
    margin-right: -3.5rem;
  transform: translate3d(0, 0, 0); /* Position initiale */
}

/*-----------------*/
/* ACTU */
/*-----------------*/
.btnLine {
    background: none!important;
    padding: 0!important;
    line-height: 28px;
    color: var(--title-color);
    letter-spacing: 1px;
    font-size: 11px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    position: relative
}
.btnLine.white{color: var(--white);}

.btnLine::after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: currentColor;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform .3s ease-in-out
}

.btnLine:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right
}

.design-link {
    display: inline-flex;
    align-items: center;
    padding-left: 52px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    color: var(--title-color)
}

.design-link:before,
.design-link:after {
    content: '';
    position: absolute;
    width: 46px;
    background: var(--text-color);
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s linear 0s
}

.design-link.white {color: var(--white)}
.design-link.white:before,
.design-link.white:after {background: var(--white)}

.design-link span:before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    margin: 0;
    margin-right: 6px;
    order: -1;
    background: var(--primary-color);
    z-index: 1;
    position: relative;
    vertical-align: middle;
    top: -1px;
    border-radius: 10px;
}

.design-link:after {
    width: 0;
    left: unset;
    right: 0
}

.design-link:hover {
    padding-left: 0;
    padding-right: 52px;
    color: var(--primary-color);
}
.design-link:hover:before {width: 0}
.design-link:hover:after {width: 46px}

#news-title {
    border-bottom: 1px solid rgb(0 0 0 / 30%);
    padding-bottom: 10px;
    margin-bottom: 30px
}

.wrapper_slider {
    padding: 20px 0
}

#news .thumbnail_slider {
    height: auto;
    min-height: 250px
}

.thumbnail_slider a {
    height: 100%;
    display: block;
    position: relative
}

.thumbnail_slider a img {
    position: absolute;
    left: 0;
    top: 0
}

#news .content_slider {padding: 50px 0 50px 100px}

.title_slider {
    font-size: 26px;
    text-transform: initial
}

.newsdate {
    position: absolute;
    top: 40px;
    background: var(--primary-color);
    left: -90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 80px);
    justify-content: center;
    padding: 20px 30px;
    font-family: var(--font-title);
    color: var(--white);
    border-radius: 10px;
}

.text_slider,.text_slider a {
    font-size: 16px;
    line-height: 1.6
}

.newsdate .month {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 2px
}

.newsdate .day {
    font-size: 36px;
    line-height: 1;
}

#news .next_slider {
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: flex-end;
    margin: 0
}


/*-----------------*/
/* SECTIONS */
/*-----------------*/
#sections {
    position: relative;
    z-index: 10
}

.sectionsbloc .specialthumb {position: relative}

/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances {
    background-image: url(../images/home-bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#img-reassurance {
    background-image: url(../images/home-bg1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    z-index: -1;
    width: 100%;
    margin-bottom: 20px;
}
.picto-container{
	justify-content: space-around;
	flex-direction: column;
}
.picto-container .picto-bloc{
	flex-direction: row;
	text-align: left;
	margin: 35px 0;
	flex: 1 1 100%;
	padding: 0;
	position: relative;
}
.picto-container li:before {
    content: "";
    --size: 70px;
    position: absolute;
    left: -18px;
    top: 50%;
    width: var(--size);
    height: var(--size);
    background: var(--primary-color);
    z-index: -1;
    margin-top: -34px;
    border-radius: 100px;
}
.picto-container li p {
    margin: 0 0 0 45px;
    font-family: var(--font-bold);
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
}
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/
/*-----------------*/
/* NEWSLETTER */
/*-----------------*/
/*-----------------*/
/* SOCIAL */
/*-----------------*/
.sociblock .share-buttons a {
    border-radius: 100px;
    padding: 10px;
    border: 1px solid #d8d8d8;
    margin: 0 2px
}

.sociblock .share-buttons a:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.sociblock .share-buttons a svg {
    --size: 14px;
    fill: var(--white)
}

.sociblock .share-buttons a:hover svg {fill: var(--white)}

/*-----------------*/
/* AGENCES */
/*-----------------*/
/*-----------------*/
/* CONTACTFORM */
/*-----------------*/
/*-----------------*/
/* FOOTER */
/*-----------------*/
.wrapperFooter {
    background: var(--title-color);
    box-shadow: 0px 0px 30px #1a1a2612;
    padding: 10px
}

.imgFooter {
    background: url(../images/home-bg4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
#footerLinks {
    padding: 20px;
    margin: 0 auto 50px;
    border-top: 1px solid rgb(0 0 0 / 10%);
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 11px;
    font-weight: bold;
}
#footer .cekome_form .blc_checkbox label a:hover{color: var(--white);}
#footer #footerbloc {padding: 40px 15px}
#footer #wrapperForm .title{margin-bottom: 20px;}