/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper{background: var(--title-color)}
.loader{
    position: relative;
    height: 150px;
}
.loaderBarre  {
    height: 50px;
    width: 20px;
    background: var(--quaternary-color);
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: bottom center;
}
.loaderBarre:nth-child(2) {
    animation: rotateLoader2 2s infinite;
    background: #ff7346;
}

.loaderBarre:nth-child(3) {
    animation: rotateLoader3 2s infinite;
    background: #ff9d33;
}

.loaderBarre:nth-child(4) {
    animation: rotateLoader4 2s infinite;
    background: #ffa963;
}

.loaderBarre:nth-child(5) {
    animation: rotateLoader5 2s infinite;
    background: var(--tertiary-color);
}

.nameLoader{
    position: absolute;
    opacity: 0.1;
    font-size: 4em;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: var(--font-title);
}
  
@keyframes rotateLoader2 {
    0% { 
      transform: rotate(0deg);
    }
    100% { 
      transform: rotate(45deg);
      top: 20px;
      left: 20px;
    }
}
@keyframes rotateLoader3 {
    0% { 
      transform: rotate(0deg);
    }
    100% { 
      transform: rotate(90deg);
      top: 40px;
      left: 40px;
    }
}
@keyframes rotateLoader4 {
    0% { 
      transform: rotate(0deg);
    }
    100%{ 
      transform: rotate(135deg);
      top: 60px;
      left: 20px;
    }
} 
@keyframes rotateLoader5 {
    0% { 
      transform: rotate(0deg);
    }
    100% { 
      transform: rotate(180deg);
      top: 80px;
    }
}
  
/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.section-separator{
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
    z-index: 5;
}
.section-separator svg{
	position: absolute;
    z-index: 50;
    top: -78px;
    left: 0;
    width: 100%;
    height: 80px;

}

.section-separator.reflect svg {
	transform: rotateY(180deg);
}

.section-separator.bottom svg {
	transform: rotateX(180deg) rotateY(180deg);
	top: -1px;
}


.title.white:not(:where(#sections *)) small {color: var(--secondary-light-color);}
.title:not(.no-after):not(:where(#sections *)).white:after {background-color: var(--secondary-light-color);}
/*-----------------*/
/* HEADER */
/*-----------------*/

/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink.lvl-0:not(.item-logo) span:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width .6s cubic-bezier(.25,1,.5,1)
}

.navigmenu .naviglink.lvl-0:not(.item-logo):hover span:after,
.navigmenu .active .naviglink.lvl-0:not(.item-logo) span:after {
    left: 0;
    right: auto;
    width: 100%
}
/*-----------------*/
/* HEADERHOME */
/*-----------------*/

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

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

/*-----------------*/
/* CONTENT */
/*-----------------*/
.home #content .eb-wrapper-outer {background: none!important;}

.home #content .wp-block-gallery .gallery-item, 
.home #content .wp-block-essential-blocks-wrapper {pointer-events: none;}

.home #content .wp-block-gallery .gallery-item a, 
.home #content .eb-wrapper-inner-blocks {pointer-events: all;}

.home #content .wp-block-gallery .gallery-item{display: none;}
.home #content .wp-block-gallery .gallery-item:nth-child(-n+5) {display: flex}

#content .certifications{flex-wrap:nowrap!important;}
/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
#prestations .bloc_prestations{overflow: hidden;}
#prestations .widget_parentpage{
	grid-gap: 0;
	counter-reset: prestation;
}

#prestations .prestations-content{
	z-index: 4;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/*pointer-events: none;*/
}
#prestations .prestations-title{
	padding-top: 30px;
	margin-bottom: 10px;
	transform: translateY(70px);
	transition: all ease .5s;
}
#prestations .prestations-title:before {
    content: "0" counter(prestation);
    counter-increment: prestation;
    font-size: 16px;
    line-height: 1;
    font-family: var(--font-text);
    color: var(--white);
    opacity: .4;
    letter-spacing: 1px;
    font-weight: bold;
    height: auto;
    width: auto;
}

#prestations .prestations-title:after {
    background: var(--white);
    height: 60px;
    width: 2px;
    top: -80px;
    left: 8px;
    opacity: .4
}

#prestations .prestations-content h2, 
#prestations .prestations-content h3 {margin: 0;}

#prestations .prestations-content .title_content,
#prestations .prestations-content .content_link, 
#prestations .prestations-content .tc_excerpt{color: var(--white);}

#prestations .prestations-txt{
	opacity: 0;
	transition: all ease .5s;
	transform: translateY(100%);
}
#prestations .prestations-img:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to top, rgb(0 0 0 / 80%), #00000000);
}

#prestations .prestations-img{background: var(--title-color);}
#prestations .prestations-img img {
    transition: all 600ms ease;
    width: calc(100% + 50px);
    transition: opacity .35s , transform .35s;
    transform: translate3d(-40px,0,0);
}

#prestations .bloc_prestations:hover .prestations-title {transform: translateY(0);}
#prestations .bloc_prestations:hover .prestations-txt {
    opacity: 1;
    transform: translateY(0);
}

#prestations .bloc_prestations:hover .prestations-img img {
    transform: translate3d(0,0,0);
    opacity: .2;
}
/*-----------------*/
/* ACTU */
/*-----------------*/

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

/*-----------------*/
/* REASSURANCES */
/*-----------------*/
.nohome #reassurances .section-separator.bottom svg polygon:nth-of-type(2){fill: var(--background-color)}
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

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

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

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

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

/*-----------------*/
/* FOOTER */
/*-----------------*/
#wrapperForm .title{margin-bottom: 30px;}