/*-----------------*/
/* LOADER */
/*-----------------*/
.loader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: var(--secondary-color);
}

.loader:before,
.loader:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}

.loader:after {
  color: var(--primary-color);
  transform: rotateY(70deg);
  animation-delay: .4s;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes spin {
  0%,
  100% {
    box-shadow: .2em 0px 0 0px currentcolor;
  }

  12% {
    box-shadow: .2em .2em 0 0 currentcolor;
  }

  25% {
    box-shadow: 0 .2em 0 0px currentcolor;
  }

  37% {
    box-shadow: -.2em .2em 0 0 currentcolor;
  }

  50% {
    box-shadow: -.2em 0 0 0 currentcolor;
  }

  62% {
    box-shadow: -.2em -.2em 0 0 currentcolor;
  }

  75% {
    box-shadow: 0px -.2em 0 0 currentcolor;
  }

  87% {
    box-shadow: .2em -.2em 0 0 currentcolor;
  }
}
   

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.uagb-faq-icon-wrap svg{fill: var(--white)}
/*----------------- SECTION SEPARATOR -----------------*/
.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;
}
/*-----------------*/
/* HEADER */
/*-----------------*/

/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink:not(.button, .item-logo) span:after {
    content: '';
    display: inline-block;
    width: calc(100% - 2px);
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .26s cubic-bezier(.33,.02,0,.93)
}

.navigmenu .naviglink:not(.button, .item-logo):hover span:after,
.active .naviglink:not(.button, .item-logo) span:after{transform: scaleX(1)}
/*-----------------*/
/* HEADERHOME */
/*-----------------*/

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

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

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

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.nohome #prestations{padding: 0;}
#prestations .prestations-img{position: relative;}
#prestations .prestations-img img{
    position: absolute;
    top: 0;
    left: 0;
}
/*-----------------*/
/* ACTU */
/*-----------------*/
#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: 41%;
    transform: translateY(-50%);
    left: 0;
    font-family: var(--font-title);
    font-size: 4em;
    opacity: 0.2;
    color: var(--white);
    font-weight: bold;
}
#news{background: var(--light-color);}
.title_link_slider{
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 2px),currentColor 2px);
	background-image: linear-gradient(transparent calc(100% - 2px),currentColor 2px);
	background-image: -ms-linear-gradient(transparent 95%,currentColor 2px);
	transition: .6s cubic-bezier(.215,.61,.355,1);
	background-size: 0 96%;
}
.title_link_slider:hover {background-size: 100% 96%}
/*-----------------*/
/* SECTIONS */
/*-----------------*/

/*-----------------*/
/* REASSURANCES */
/*-----------------*/
.nohome #reassurances .section-separator.bottom svg > polygon:nth-of-type(2){
    fill: var(--background-color);
}
.picto-container .picto-bloc:nth-child(odd):before{background-color: var(--primary-color);}
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

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

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

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

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

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer{
	display: flex;
	flex-direction: column;
}
#footer .section-separator{
    order: -1;
}

#footerbloc{order: -1;}

body.template-contact-php #footerLinks{
    border-top: solid 1px #5c5c5c;
}
body:not(.template-contact-php) #footer #footerbloc {
	display: block;
	background-image: url(../images/home-bg2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 15px;
}
#footer #footerbloc{display: block;}
#footer #footerbloc>.wrappercontent {
    align-items: center;
    justify-items: center;
    display: grid;
    grid-row-gap: 15px;
    grid-column-gap: 20px;
    transition: .6s;
    grid-template-areas:
        "infoadresseFooter   infotelportFooter    footerlogo           infomailFooter    infoouvertureFooter";
    grid-template-columns: 1fr 1fr 190px 1fr 230px;
    grid-template-rows: repeat(1,minmax(min-content,auto));
}
#footerLinks a {color: var(--white)}

.wrapperFooter {
    background: var(--light-color);
    box-shadow: 0px 0px 30px #00000012;
    padding: 10px
}

.imgFooter {
    background: url(../images/home-bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
#wrapperForm .title{margin-bottom: 30px;}reassurances