/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper{background: var(--primary-color);}
.bird-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    will-change: transform;
}

.mybird {
    background-image: url(../images/bird-cells.svg);
    background-size: auto 100%;
    width: 282px;
    height: 490px;
    will-change: background-position;
    animation-name: fly-cycle;
    animation-duration: 1s;
    animation-delay: -.5s;
    animation-timing-function: steps(10);
    transform: scale(.5);
    animation-iteration-count: infinite;
}
@keyframes fly-cycle {
  100% {
    background-position: -3600px 0;
  }
}
/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.title.tar:not(.no-after):after{
	left: auto;
	right: 0;
}

/*-----------------*/
/* HEADER */
/*-----------------*/
.navigmenu .button.urgence:hover{color: var(--white);}
 #headerSocial .sociblock .share-buttons {justify-content: flex-start}

/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink.lvl-0:not(.item-logo, .button) span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -13px;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: -moz-transform .25s cubic-bezier(.25,.8,.25,1);
    -o-transition: -o-transform .25s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.25,.8,.25,1);
    transition: transform .25s cubic-bezier(.25,.8,.25,1);
    height: 3px;
    background: currentColor
}
.navigmenu .active .naviglink.lvl-0 span:after,.navigmenu .naviglink.lvl-0:hover span:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}
/*-----------------*/
/* HEADERHOME */
/*-----------------*/
#headerHome-txt{
	font-size: 26px;
    line-height: 1.3;
	margin-top: 10px;
}
/*-----------------*/
/* GALLERY HOME */
/*-----------------*/

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

/*-----------------*/
/* CONTENT */
/*-----------------*/
.linkTurn {
    --size: 12rem;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    font-size: 16px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.31em;
    word-spacing: 0.95em;
    text-decoration: none;
    -webkit-font-smoothing: auto;
    font-weight: bold;
    position: absolute;
    top: 55%;
    left: 0;
}
.linkTurn:hover .link__svg{
    background: var(--tertiary-color);
}
.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);
}


/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.nohome #prestations{padding: 0;}
#prestations .widget_parentpage {counter-reset: prestations;}
#prestations .prestations-content:before {
    content: "0" counter(prestations);
    counter-increment: prestations;
    font-family: var(--font-bold);
    font-size: 4em;
    opacity: 0.2;
    line-height: 1;
    left: auto;
    right: 0;
    width: auto;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--title-color);
    color: rgba(255, 255, 255, .05);
}

.prestations-wrapper{
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	align-items: center;
}
.prestations-title:after{
	border: solid 1px var(--secondary-color);
	width: 120%;
}

.prestations-title h3{margin-top: 0;margin-bottom: 15px;}

.prestations-title{padding: 30px 20px 30px 30px ;}

.prestations-title .title_content{color: var(--title-color);}
.prestations-title .title_content:hover{color: var(--primary-color);}

.prestations-content{padding: 30px;}

.prestations-img{overflow: hidden;}
.prestations-img img{transition: transform 1s cubic-bezier(.215,.61,.355,1);}
.prestations-img:hover img{transform: scale(1.1);}

/*-----------------*/
/* ACTU */
/*-----------------*/
.animated-arrow {
    display: inline-block;
    color: var(--title-color);
    font-size: 11px;
    position: relative;
    transition: all .2s;
    letter-spacing: 2px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    padding: 18px 0 18px 0
}

.animated-arrow.white {color: var(--white)}
.the-arrow {
    width: 64px;
    transition: all .2s
}
.the-arrow.-left {
    position: absolute;
    top: 24px;
    left: 0
}
.the-arrow.-left>.shaft {width: 0}
.the-arrow.-left>.shaft:before,.the-arrow.-left>.shaft:after { width: 0}
.the-arrow.-left>.shaft:before { transform: rotate(0)}
.the-arrow.-left>.shaft:after {transform: rotate(0)}
.the-arrow.-right { top: 0}
.the-arrow.-right>.shaft {
    width: 64px;
    transition-delay: .2s
}

.the-arrow.-right>.shaft:before,.the-arrow.-right>.shaft:after {
    width: 8px;
    transition-delay: .3s;
    transition: all .5s
}
.the-arrow.-right>.shaft:before { transform: rotate(40deg)}
.the-arrow.-right>.shaft:after {transform: rotate(-40deg)}
.the-arrow>.shaft {
    background-color: var(--tertiary-color);
    display: block;
    height: 1px;
    position: relative;
    transition: all .2s;
    transition-delay: 0;
    will-change: transform
}

.the-arrow>.shaft:before,.the-arrow>.shaft:after {
    background-color: var(--tertiary-color);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .2s;
    transition-delay: 0
}

.the-arrow>.shaft:before { transform-origin: top right}
.the-arrow>.shaft:after {transform-origin: bottom right}
.animated-arrow:hover>.the-arrow.-left>.shaft {
    width: 64px;
    transition-delay: .1s
}
.animated-arrow:hover>.the-arrow.-left>.shaft:before,.animated-arrow:hover>.the-arrow.-left>.shaft:after {
    width: 8px;
    transition-delay: .1s
}

.animated-arrow:hover>.the-arrow.-left>.shaft:before {transform: rotate(40deg)}
.animated-arrow:hover>.the-arrow.-left>.shaft:after {transform: rotate(-40deg)}
.animated-arrow:hover>.main {transform: translateX(80px)}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft {
    width: 0;
    transform: translateX(200%);
    transition-delay: 0
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before,.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {
    width: 0;
    transition-delay: 0;
    transition: all .1s
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before {transform: rotate(0)}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {transform: rotate(0)}

.animated-arrow>.main {
    display: flex;
    align-items: center;
    transition: all .2s
}
.animated-arrow>.main>.text {
    margin: 0 16px 0 0;
    line-height: 1
}
.animated-arrow>.main>.the-arrow { position: relative}

#news .next_slider {margin-top: 10px;}
#news .left {
    display: grid;
    align-items: start
}

#news .titleImg {
    background: url(../images/home-bg3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}

#news .wrapperActu { counter-reset: actus}

#news .wrapper_slider:not(:last-child) .wrapper_inner_slider {border-bottom: 1px solid #00000017}

#news .wrapper_inner_slider {
    background: none;
    padding: 10px 0px;
}

#news .thumbnail_slider {
    transition: all .5s;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 160px;
}

#news .content_slider::before {
    content: "0" counter(actus);
    counter-increment: actus;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 0;
    font-family: var(--font-title);
    font-size: 4em;
    opacity: .1;
    color: var(--title-color);
    font-weight: bold;
}

/*-----------------*/
/* CTA */
/*-----------------*/
#cta{background-image: url(../images/home-bg1.jpg);}
#cta .title{margin-bottom: 30px;}
#cta .title h2{font-size: 50px;}
.effect-square{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.effect-square span{
	display: block;
	height: 32px;
	width: 35px;
	z-index: 0;
	pointer-events: none;
}
.effect-square span span{
	animation: lte-square 16s linear infinite;
	width: 30px;
	height: 30px;
	display: block;
	background-color: var(--tertiary-color);
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
@keyframes lte-square{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.button.newWindow {
    background-image: url(../images/icons/newWindow.svg);
    background-size: 15px;
    background-position: 25px center;
    background-repeat: no-repeat;
    padding: 18px 30px 18px 50px;
}

/*-----------------*/
/* SECTIONS */
/*-----------------*/
.sectionsbloc.odd:before {background: var(--primary-color);}

.sectionsbloc.odd :is(h2, .tc_content){color: var(--white);}

.sectionsbloc.odd a:not([class*="button"]),
.sectionsbloc.odd a:not([class*="button"]) strong{background-image: linear-gradient(to bottom, transparent 20%, var(--tertiary-color) 21%);}

.sectionsbloc.odd strong,
.sectionsbloc.odd a:not([class*="button"]),
.sectionsbloc.odd a:not([class*="button"]) strong{color: var(--secondary-color);}


.sectionsbloc.odd a:not([class*="button"]):hover,
.sectionsbloc.odd a:not([class*="button"]):hover strong{color: var(--tertiary-color)}

/*-----------------*/
/* SECTION CHIFFRES */
/*-----------------*/
#chiffres{background-image: url(../images/home-bg2.jpg);}

.circle_container{
	display: flex;
	flex-wrap: wrap;
}
.circle_item{
	text-align: center;
	flex: 1 1 25%;
	padding: 0 20px;
	width: calc(25% - 40px);
}

.circle_item:nth-child(2n){
	margin-top: 50px;
}
.circle_item strong{
	color: var(--secondary-color);
	font-size: 28px;
	display: block;
	letter-spacing: 0.5px;
	font-family: var(--font-title);
}
.circle_item p{
	color: var(--white);
	font-size: 15px;
	line-height: 1.4;
}
.circle_percent {
  font-size: 200px;
  width: 1em;
  height: 1em;
  position: relative;
  background: #eee;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin: 20px auto;
}

.circle_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  clip: rect(0 1em 1em 0.5em);
}
.round_per {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  background: var(--secondary-color);
  clip: rect(0 1em 1em 0.5em);
  transform: rotate(180deg);
  transition: 1.05s;
}
.percent_more .circle_inner {
  clip: rect(0 0.5em 1em 0em);
}
.percent_more:after {
  position: absolute;
  left: 0.5em;
  top: 0em;
  right: 0;
  bottom: 0;
  background: var(--secondary-color);
  content: "";
}
.circle_inbox {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: var(--white);
  z-index: 3;
  border-radius: 50%;
}
.percent_text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  font-family: var(--font-bold);
  display: block;
  white-space: pre;
  font-size: 25px;
  color: var(--tertiary-color);
}


/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances{
	background-image: url('../images/home-bg2.jpg'); 
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.picto-container li{
	position: relative;
	flex: 1 1 50%;
	text-align: left;
	flex-direction: row;
	padding: 19px 40px;
}
.picto-container li:first-child,
.picto-container li:nth-child(3){
	text-align: right;
	flex-direction: row-reverse;
}
.picto-container{ flex-wrap: wrap;}
.picto-container li p{
	margin: 0 0  0 40px;
	color: var(--white);
	text-transform: uppercase;
	font-family: var(--font-bold);
	letter-spacing: 1px;
	font-size: 15px;
}
.picto-container li:first-child:before,
.picto-container li:nth-child(3):before{
	right: 20px;
	left: auto;
}

.picto-container li:first-child p,
.picto-container li:nth-child(3) p{
	margin: 0 40px  0 0;
}
.picto-container li:before{
	content: "";
	--size: 70px;
	width: var(--size);
	height: var(--size);
	border: solid 2px var(--secondary-color);
	position: absolute;
	top: 0;
	left: 20px;
}

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

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

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

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

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

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer{box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
#footerLinks{background: var(--primary-color);}