@charset "utf-8";
/*++++++++ TYPOGRAPHIES ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@import url('https://fonts.googleapis.com/css2?family=Allison&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/*++++++++ BODY ET HTML ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
::-moz-selection{background-color : var(--secondary);color : var(--primary);}
::selection{background-color : var(--secondary);color : var(--primary);}
body{font-size: 16px;font-weight: 400;line-height: 1.45em;overflow-x: hidden;}
.preloader{background-color: rgba(var(--primary),0.8);bottom: 0;height: 100%;left: 0;margin: 0 auto;o-transition: .6s;position: fixed;right: 0;top: 0;transition: .6s;webkit-transition: .6s;width: 100%;z-index: 999999;}
.preloader .preloader-circle{animation: zoom 2000ms infinite ease;background-color: transparent;border-bottom-color: var(--secondary);border-left-color: transparent;border-radius: 50%;border-right-color: transparent;border-style: solid;border-top-color: var(--success);border-width: 10px;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);height: 100px;o-transition: .6s;position: relative;transition: .6s;webkit-animation: zoom 2000ms infinite ease;webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);webkit-transition: .6s;width: 100px;z-index: 10;}
.preloader .preloader-circle2{border-top-color: var(--primary);}
.preloader .preloader-img{display: inline-block;left: 0;margin: 0 auto;ms-transform: translateY(-50%);o-transition: .6s;padding-top: 6px;position: absolute;right: 0;text-align: center;top: 50%;transform: translateY(-50%);transition: .6s;webkit-transform: translateY(-50%);webkit-transition: .6s;z-index: 200;}
.preloader .preloader-img img{max-width: 55px;}
.preloader .pere-text strong{color: var(--primary);font-weight: 800;text-transform: uppercase;}
@-webkit-keyframes zoom{0%{o-transition:.6s;transform:rotate(0deg);transition:.6s;webkit-transform:rotate(0deg);webkit-transition:.6s;}
100%{o-transition:.6s;transform:rotate(360deg);transition:.6s;webkit-transform:rotate(360deg);webkit-transition:.6s;}
}
@keyframes zoom{0%{o-transition:.6s;transform:rotate(0deg);transition:.6s;webkit-transform:rotate(0deg);webkit-transition:.6s;}
100%{o-transition:.6s;transform:rotate(360deg);transition:.6s;webkit-transform:rotate(360deg);webkit-transition:.6s;}
}
/*++ FIN STYLES PRELOADER ++*/
/*+++ TOP +*/
.logo{height: auto;max-width: 140px;}
.fixed-top{top: -40px;transform: translateY(40px);transition: transform .3s;}
@media only screen and (min-width:1280px){.dropdown:hover .dropdown-menu{display: block;}
.dropdown-menu{margin-top: 0;border: none;border-radius: 0;box-shadow: 0 0 20px rgb(0 0 0 / 30%);}}
.navbar-nav .nav-item .nav-link{font-size:0.85rem;color:inherit;padding:12px 10px;line-height:1.1em; text-transform: uppercase; font-weight: 600;}
.navbar-nav .nav-item .nav-link:hover{color:var(--secondary) !important;}
.navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after{color:var(--secondary);content:'\f139' !important;transition: all 0.6s;}
.navbar{padding:0.5rem 0px;}
.dropdown-toggle::after{margin-top:1px;display:inline-block;width:0;height:0;vertical-align:-1px;content:"\f13a";border-top:none;border-right:none;border-bottom:none;border-left:none;color:var(--light);font-family:"Font Awesome 6 Pro";font-weight:900;margin-right:15px;font-size:13px;margin-left:0.75em;}
.navbar-collapse.show .dropdown .dropdown-menu .dropdown-item{border-radius:0px;}
.navbar-brand{display:inline-block;padding-top:5px;padding-bottom:2px;margin-right:initial;line-height:inherit;white-space:nowrap;color:inherit;font-size:24px;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:16rem;padding:1rem;margin:18px 0px;font-size:1rem;color:inherit;text-align:left;list-style-type:none;background-color:var(--primary);background-clip:padding-box;border:none;border-radius:0;box-shadow:0 0 2rem rgba(var(--secondaryRVB),0.4); border-radius: 2rem;}
.navbar-light .dropdown-item{display:block;width:100%;padding:15px 15px;clear:both;font-weight:400;color:#fff;text-align:inherit;white-space:normal;background-color:transparent;border:0;font-size:15px;line-height:1.3em;position: relative;transition: all 0.8s;}
.dropdown-item::before {content: '';background: var(--secondary);display: inline-block;width: 0;height: 100%;position: absolute;z-index: -1;transition: all 0.8s;top:0;left: 50%;}
.dropdown-item:hover::before {width:100%;border-radius: 2rem;left:0;}
.dropdown-item:hover {text-align: center;color: var(--primary);background: transparent;}
.dropdown-item:focus{color:var(--secondary);text-decoration:none;background-color:transparent;border-radius:0;}
.dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after{color:var(--secondary);}
@media (min-width: 1280px){.dropdown .dropdown-menu{display:block;visibility:hidden;opacity:0;transform:translateY(20px);transition:all 0.3s ease-in;}
.dropdown:hover > .dropdown-menu{visibility:visible;opacity:1;transform:scaleY(1);}
}
.dropdown-menu .dropdown-toggle{position:relative;}
.caret-up{width:0;height:0;border-left:4px solid rgba(0, 0, 0, 0);border-right:4px solid rgba(0, 0, 0, 0);border-bottom:4px solid;display:inline-block;margin-left:2px;vertical-align:middle;}
.dropdown-menu .dropdown-toggle::after { transform: rotate(270deg);position: absolute;right: 17px;top: 27px;}
.dropdown-menu [data-toggle="collapse"]::after {    transform: rotate(00deg);position: absolute;right: 17px; top: 16px;}
.navbar-toggler, .navbar-boxed .navbar-toggler{padding:0.75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid #eaeaf0;border-radius:0;position:relative;}
.navbar-collapse.show .dropdown .dropdown-menu{background:#fff;box-shadow:none;margin:7px 0px;}
.navbar-collapse.show .navbar-nav .nav-item .nav-link{border-bottom:1px solid rgba(var(--grayRVB),0.15);}
.navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item{border-bottom:1px solid rgba(var(--grayRVB),0.15);}
.navbar-dark .navbar-nav .nav-link{color: #fff;font-size: 0.9em;text-transform: uppercase;}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active{color: var(--secondary);}
#navbar_top.fixed-top{background: rgba(var(--primaryRVB), 0.9);height: 60px;box-shadow: 0 1rem 6rem 1rem rgba(var(--secondaryRVB), 0.3);width: 90vw;margin-left: 5vw;margin-right: 5vw;border-radius: 3rem;top: 1px;}
#navbar_top.fixed-top .nav-link{font-size:0.75rem;}
#navbar_top.fixed-top .logo{max-height: 50px;width: auto;margin-left: 1.5rem !important; margin-top: 0 !important;}
.dark-theme .fixed-top .navbar-collapse.collapse.show {background: var(--dark);}
.navbar-toggler{border: none !important;}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu{background:#fff;box-shadow:none;margin:7px 0px;}
.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link{border-bottom:1px solid rgba(var(--grayRVB),0.15);}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item{border-bottom:1px solid rgba(var(--grayRVB),0.15);}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu{background:#fff;box-shadow:none;margin:7px 0px;}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item{border-bottom:1px solid rgba(var(--grayRVB),0.15);}
.icon-bar{width:21px;height:3px;background-color:var(--secondary);display:block;transition:all 0.2s;margin-top:4px;}
.navbar-toggler:focus{outline:0px;}
.navbar-toggler .top-bar{transform:rotate(45deg);transform-origin:10% 190%;background-color:var(--secondary);}
.navbar-toggler .middle-bar{opacity:0;}
.navbar-toggler .bottom-bar{transform:rotate(-45deg);transform-origin:10% -80%;background-color:var(--secondary);}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);background-color:var(--secondary);}
.navbar-toggler.collapsed .middle-bar{opacity:1;}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);background-color:var(--secondary);}
header.pages {
  color: #fff;position: relative;
  box-sizing: content-box;
  height: 100%;
  mask-image: url(../img/masque-header-2.svg);
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position-x: 100%;
  mask-position-y: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: 100%;
  -webkit-mask-position-y: 100%;
}
header.pages img{
	object-fit: cover;
 object-position: bottom center;
  position: absolute;z-index: 0;
  width: 100%;
  height: 100% !important;top:0;
}
header.pages::after {
  content:'';
  height: 100% !important;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgb(27,79,180);
  background: linear-gradient(0deg, rgba(27,79,180,0.28335084033613445) 7%, rgb(5, 32, 64) 90%);position: absolute;
}
/*****++++++++++++++++ MULTI DROPDOWN  ++++++++++++++++++++++*/
.dropdown-menu .dropdown .dropdown-menu{left:100%;top:0%;margin:0 20px;border-width:0;}
.dropdown-menu .dropdown .dropdown-menu.left{right:100%;left:auto;}
.dropdown-item.active, .dropdown-item:active{font-weight:600;}
@media (min-width: 1280px) {
  .dropdown-menu .dropdown .dropdown-menu {margin: 0;border-width: 1px;}
}

/*+++++++++++ SEARCH ++*/
#divSearch {margin-left: -15px;margin-right: -15px;}
/*++++++++ STYLES DE TEXTE ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a{transition: all 0.9s;}
a:hover, a:focus, a:active{text-decoration:none !important;outline: none !important;box-shadow: none;}
b, strong{font-weight: 800;}
h1, .h1{font-size: 7vw;font-weight: 700;line-height: 1.1em;white-space: normal;text-transform: uppercase;}
h2, .h2{font-size: calc(2.375rem + 1.5vw);font-weight: 900;line-height: 1em;letter-spacing: 0.025em; text-transform: uppercase;}
h3, .h3{font-size: 1.5em;font-weight: 700;line-height: 1.2em;font-family: var(--font-family-titres);text-transform: uppercase}
h4, .h4{font-size: 1.4em;font-weight: 800;line-height: 1.1em;font-family: var(--font-family-titres);}
h5, .h5{font-size: 1.1em;font-weight: 600;letter-spacing: 0.1em;line-height: 1.1em;font-family: var(--font-family-titres);text-transform: uppercase;}
h6, .h6{font-size: 1em;font-weight: 900;line-height: 1em;text-transform: uppercase;font-family: var(--font-family-titres);}

.display-1{font-size:calc(4.375rem + 1.5vw);line-height:1.1;}
.display-2{font-size:calc(3.375rem + 1.5vw);line-height:1.2;}
.display-3{font-size:calc(2.375rem + 1.5vw);line-height:1.2;}
.display-4{font-size:calc(1.375rem + 1.5vw);line-height:1.2;}
.display-5{font-size:calc(1rem + 1.5vw);line-height:1.2;}
.display-6{font-size:calc(0.5rem + 1.5vw);line-height:1.2;}

.blockquote{border-left: solid 0.25rem var(--light);font-size: 1.1em;line-height: 1.4em;margin: 0 0 1rem;padding-left: 1.5rem;}
.blockquote-primary{border-color:var(--primary);}
.blockquote-secondary{border-color: var(--secondary);}
.blockquote-success{border-color: var(--success);}
.blockquote-info{border-color: var(--info);}
.blockquote-warning{border-color: var(--warning);}
.blockquote-danger{border-color: var(--danger);}
.blockquote.stylisee{border:none;padding:0;text-align:center;}
.blockquote.stylisee::before{content:'\f10d';font-size:3.5rem;display:block;text-align:center;font-family:"Font Awesome 6 Pro";font-weight:900;font-style:normal;margin-bottom:10px;}
.blockquote.stylisee.primary::before{color: var(--primary);}
.blockquote.stylisee.secondary::before{color: var(--secondary);}
.blockquote.stylisee.success::before{color: var(--success);}
.blockquote.stylisee.info::before{color: var(--info);}
.blockquote.stylisee.warning::before{color: var(--warning);}
.blockquote.stylisee.danger::before{color: var(--danger);}
.blockquote.stylisee.pink::before{color: var(--pink);}


.lead{ line-height: 1.5rem;font-weight:500;font-size: 1.2em;}
.liste-stylisee{list-style:none;padding-left:0; margin-bottom: 2rem; margin-top:1.5rem;}
.liste-stylisee li{margin-bottom:0.75em;padding-left:1.5em;}
.liste-stylisee li:before{content: "\e27e";font-family: "Font Awesome 6 pro";margin-left:-1.5em;margin-right:0.5em;font-weight: 900; color: var(--secondary);}
.liste-stylisee li li{list-style-type:none;margin-bottom:0.25em;margin-top:0.25em;}
.liste-stylisee li li:before{content:'-';}
.liste-stylisee.check li::before{content:'\f058';font-weight: 300;}

.liste-num{ counter-reset: numbers; padding-left: 0;}
.liste-num li{ list-style-type: none; counter-increment: numbers; margin-bottom: 1em; padding-left: 35px; line-height: 1em;}
.liste-num li:before{ content: counter(numbers); padding: 0.15em 0.5em; vertical-align: top; background: var(--secondary);  font-weight: 600; font-size: 1em; color: white; margin-left: -35px;  border-radius: 1rem; margin-right: 10px; position: relative; display: inline-block;min-width: 10px;text-align: center;height: 25px; width: 25px;}
.liste-num li ul {padding-left: 0;margin-top: 0.75rem;}
.liste-num li ol li::before,
.liste-num li ul li::before{ content: "•" !important; background: none !important; margin-left: -1em!important ; padding: 0!important ; color: var(--secondary)!important ;width: 10px;height: auto;margin-right: 5px;}
.liste-num li ol li,.liste-num li ul li{margin-left: -1em;padding-left: 30px;line-height: 1.2em;margin-bottom: 0.5rem;}


.font-serif{font-family: var(--font-family-serif);}
.font-sans-serif{font-family: var(--font-family-sans-serif);}
.font-titres{font-family: var(--font-family-titres);}
.font-script{font-family: var(--font-family-script);}
.font-monospace{font-family: var(--font-family-monospace);}

.double-col {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 40px;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
}
.text-gradient{background-image: linear-gradient(to right, #00f6fe, #18dda1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
/*+++++++++++++++++++ TITRES STYLISES +++++++++++++*/
.titre{position: relative; text-align: center; margin-bottom:3rem;padding-bottom: 1rem;}
.titre::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);}
.titre::after{content:"";position:absolute;display:block;width:40px;height:10px;background:var(--secondary);bottom:0;left:calc(50% - 20px);border-radius: 1rem;bottom: -4px;}

.titre-surligne{text-transform: none; color: inherit; line-height: 1.2em;}
.titre-surligne em{font-style: normal;display: inline-block; position: relative;z-index: 2}
[data-aos="titre-surligne"]::after,.titre-surligne em::after {content:'';
  background: url("../img/surlignage.svg") left bottom no-repeat;
  background-size: cover;display: block; height: 100%; width:0;position: absolute;bottom: -5px; left: 0;z-index: -1;transition: all 0.6s;}
[data-aos="titre-surligne"].aos-animate::after {width:100%;}

.titre-double {font-size: 2.5rem;font-weight:500;text-transform: none;text-align: center;margin-top: 4rem;letter-spacing: -0.05em;}
.titre-double::before {content: attr(data-title-content);display: flex;position: relative;font-size: 6vw;width: 50%;z-index: -1;text-transform: uppercase;line-height: 0.5em;font-weight: 900;margin: 0 auto -2vw;justify-content: center;color:rgba(var(--grayRVB),0.1);}
.o-gradient {
   background-color:transparent;
   background-image: url(
"../img/fond-O-social-score-sigle.svg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   color: transparent;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-font-smoothing: antialiased;    font-weight: 900 !important;
    display: inline-block;
    position: relative;
}
/*****++++++++++++++++ CAROUSEL TEMOIGNAGES ++++++++++++++++++++++*/
.carousel-testimony .slick-prev,.carousel-testimony .slick-next {font-size: 0;line-height: 0;position: absolute;top: initial !important;display: block;border: 1px solid var(--secondary);width: 40px;border-radius: 50px;height: 40px;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;cursor: pointer;color: black;outline: none;background: transparent;bottom: -80px;}
.carousel-testimony .slick-prev:before,.carousel-testimony .slick-next:before {font-family: "Font Awesome 6 Duotone";font-size: 20px;padding: 10px;line-height: 1;opacity: .75;color:var(--secondary);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.carousel-testimony .slick-next {right: inherit !important;left: 40px;}
.carousel-testimony .slick-slide {background: var(--primary);padding: 1rem 2rem;border-radius: 1.5rem;text-align: center;display: flex !important;transition: all 0.8s;}
.carousel-testimony .slick-slide.slick-current.slick-active {background: rgba(var(--whiteRVB),0.2);}
.carousel-testimony .slick-track .slick-slide.slick-slide div{text-align: center;display: flex;justify-content: center;align-items: center;}
/*****++++++++++++++++ ELEMENTS DIVERS++++++++++++++++++++++*/
.down {position: absolute;bottom: 0;width: 10%;text-align: center;left: 45%;right: 45%;}
.arrowsDown {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
}

.arrowsDown path {
	stroke: #2994D1;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrowsDown path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrowsDown path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrowsDown path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}
section{position: relative;}
.picto-img {max-width: 60px;height: auto;border-radius: 100%;}
.img-fit-cover-center{height:100%;object-fit:cover;object-position:center;width:100%;top: 0px;left:0px;}
.img-fit-cover-left{height:100%;object-fit:cover;object-position:left;width:100%;}
.img-fit-cover-right{height:100%;object-fit:cover;object-position:right;width:100%;}
.min-height-hero {min-height: calc(100vh - 320px);overflow:hidden;}
.masque-hero {
	-webkit-mask-image: url(../img/masque-hero.svg);
  mask-image: url(../img/masque-hero.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position-x: 100%;
  mask-position-y: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: 100%;
  -webkit-mask-position-y: 100%;
}
.masque-ph-d {
	-webkit-mask-image: url("../img/masque-image-gauche.svg");
  mask-image: url(../img/masque-image-gauche.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position-x: 100%;
  mask-position-y: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: 100%;
  -webkit-mask-position-y: 100%;
}
.img-grayscale { 
    transition: all 0.8s;
filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
.img-grayscale:hover{
filter: grayscale(0);
    -webkit-filter: grayscale(0);}

.bg-overlay {position: absolute;z-index: -1;height: 100%;width: 100%; background: rgb(5,32,64);background: linear-gradient(180deg, rgba(5,32,64,1) 0%, rgba(5,32,64,0) 50%, rgba(5,32,64,1) 100%); ;top: 0;left: 0;}
.bg-overlay-invert {position: absolute;z-index: -1;height: 100%;width: 100%;background:radial-gradient(circle, rgba(var(--primaryRVB),0.1) 20%, rgba(var(--primaryRVB),1)100%);top: 0;left: 0;}
.top-left {top: 20px;left: 20px;}
.bg-fixed {background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: top right;min-height: 50vh;height: 100% !important;}
.testimonial-logo {height: 80px; width: 80px;float: left;object-fit: contain;padding: 10px;background: var(--light);border-radius: 50%;}
.filter-grayscale {filter: grayscale(100%);}
.carousel-item .carousel-caption{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 80%;height: 100%; left: 10%;}
.bg-image{background-size: cover; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 0;}
.bg-kb {position: relative;overflow: hidden;}
.z-n1{z-index: -1;}.z-n2{z-index:-2;}.z-n3{z-index:-3;}.z-0{z-index: 0;}.z-1{z-index: 1;}.z-0{z-index: 1;}.z-2{z-index:2;}.z-3{z-index: 3;}

#sliderHome{height:75vh;overflow:hidden;}
#sliderHome img{width:100% !important;height:100% !important;object-fit:cover;object-position:center;}
#sliderHome .carousel-inner {height: 100%;}
#sliderHome .carousel-item {height: 100%;}

/* BREADCRUMB */
.breadcrumb-item + .breadcrumb-item::before {color: var(--primary);content: "\f105";font-family: "Font Awesome 5 Pro";font-weight: 300;vertical-align: middle;line-height: 1.5em;}
.breadcrumb-item.active {color: var(--gray);}
/* HERO */
.hero{min-height:calc(100vh - 530px);overflow:hidden;}
.hub-actu-vertical a:not(.btn){color:var(--gray);}
.hub-actu-vertical a:hover:not(.custom-select){color:var(--secondary);}
/* STICKY */
.hub-actu-vertical .sticky-top{top:10rem;}
/* RESPONSIVE */
@media(max-width:767px){
.hub-actu-vertical .position-relative{position:inherit !important;}
.hub-actu-vertical .position-relative .fixed-bottom{bottom:auto !important;}}

/*+++ BACKGROUNDS DIVERS +++*/
.bg-RGBprimary{background-color: rgba(var(--primaryRVB),0.8) !important;color:var(--white);}
a.bg-RGBprimary:hover, a.bg-RGBprimary:focus,
button.bg-RGBprimary:hover,
button.bg-RGBprimary:focus{
background-color:rgba(var(--primaryRVB),0.3) !important;}
.bg-RGBsecondary{background-color: rgba(var(--secondaryRVB),0.8) !important;color:var(--white);}
a.bg-RGBsecondary:hover, a.bg-RGBsecondary:focus,
button.bg-RGBsecondary:hover,
button.bg-RGBsecondary:focus{
background-color:rgba(var(--secondaryRVB),0.3) !important;}

.bg-RGBinfo{background-color: rgba(var(--infoRVB),0.3) !important;color:var(--white);}
a.bg-RGBinfo:hover, a.bg-RGBinfo:focus,
button.bg-RGBinfo:hover,
button.bg-RGBinfo:focus{
background-color:rgba(var(--infoRVB),0.3) !important;}

.bg-RGBwhite{background-color: rgba(var(--whiteRVB),0.1) !important;}
a.bg-RGBinfo:hover, a.bg-RGBinfo:focus,
button.bg-RGBinfo:hover,
button.bg-RGBinfo:focus{
background-color:rgba(var(--infoRVB),0.3) !important;}
.bg-filaire{position:absolute;top:0;left:0;width:100%;z-index:-1;opacity:0.15;}
.bg-filaire.form-contact {z-index: 0;opacity: 0.06;}
.animated-bg{position:absolute;z-index:-1;left:0;bottom:0;height:100%;}
.animated-bg svg{width:100vw;min-width:100vw;}
.animated-bg dotlottie-player{width:100vw;min-width:100vw;height:100vh;min-height:100vh;left:-45vw;bottom:-15vh;position:absolute;text-align:left;opacity:0.4;}

#cta {box-shadow: 0 4rem 3.5rem rgba(var(--primaryRVB),0.6);z-index: 4;}
#services {z-index: 4;box-shadow: 0 -3rem 3.5rem rgba(var(--primaryRVB),0.6);background: var(--primary);}
/*++++++++++++++++ PARALLAX +++++++++*/
.parallax-bg{padding:0;overflow:hidden;height:200%;box-sizing:content-box;position:absolute;z-index:-2;}
.parallax-bg img{width:100%;height:100%;object-fit:cover;object-position:center;top:0;left:0;}
/*++++++++++++++++++++++++++++ CONTENUS ++++++++++++++++*/
.accordion > .card {border: none;border-radius: 0;background: transparent;}
.accordion > .card > .card-header h2 {font-size: 1.2rem;}
.accordion > .card > .card-header h2 .btn-link.collapsed{padding: 1rem 3rem 1rem 2rem !important;border: solid 1px rgba(var(--secondaryRVB),0.2);color: inherit;margin-bottom: 1em;display: flex;align-self: center;justify-content: space-between;box-shadow: none;background: transparent !important;}
.accordion > .card > .card-header h2 .btn-link {padding: 1rem 3rem 1rem 2rem !important;border: solid 1px rgba(var(--secondaryRVB),0.2);color: inherit;margin-bottom: 1em;display: flex;align-self: center;justify-content: space-between;box-shadow: none;
  background: rgba(var(--secondaryRVB),0.2) !important;}
.accordion > .card > .card-header h2 .btn-link.collapsed::after {content: '\f078';font-family: "Font Awesome 6 Pro";color: var(--info) !important;font-size:2rem;line-height: 1em;}
.accordion > .card > .card-header h2 .btn-link::after {content: '\f139';font-family: "Font Awesome 6 Pro";color: var(--secondary) !important;font-size:2rem;line-height: 1em;}


.dynamiques .card {max-width: 15rem;transition: all 0.8s;border-radius: 1.5rem;}
.dynamiques .card:hover,.dynamiques .card:focus,.dynamiques .card:active{max-width:20rem;}
.dynamiques .card-header {padding: 1.5rem 1rem;}
.dynamiques .card-body { opacity: 0;transition:all 0.9s;width:95%;}
.dynamiques .card:hover .card-body{opacity:1;}


.carousel-item::before{content:'';position: absolute;z-index: 0;height: 100%;width: 100%;background-color: rgba(var(--darkRVB), 0.6);left: 0px;}
.no-overlay .carousel-item::before{display: none;}
.box{height:4.5em;overflow:hidden;}
.box--responsive{width:100%;font-size:0.85rem;line-height:1.4em;}
.ellip{display:block;height:100%;}
.ellip-line{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%;}
.ellip,
.ellip-line{position:relative;overflow:hidden;}
#actusHome .featured{background:var(--primary);color:#fff;padding:2rem;}
#actusHome figure{min-width:100%;max-height:45vh;overflow:hidden;margin-bottom:2rem;position:relative;display:block;margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;}
#actusHome figure img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block;position:relative;}
#actusHome .featured figure::before {content: '\f762';font-size: 2rem;display: block;position: absolute;top: -3.8rem;left: -3.8rem;z-index: 2;font-family: "Font Awesome 6 Pro";padding: 3rem 0.5rem 3rem 4rem;font-weight: 300;background: var(--success);transform: rotate(45deg);text-indent: 1rem;}
.vignette{overflow:hidden;position:relative;padding:0;}
.vignette img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all 0.4s;}
.vignette:hover img{transform:scale(1.5);}
.btn-actu{background:rgba(var(--grayRVB),0);display:block;width:100%;height:100%;position:absolute;cursor:pointer;transition:all 0.6s;z-index:1;left: 0;top: 0;}
.btn-actu:hover{background:rgba(var(--grayRVB),0.1);}

.nav-pills .nav-link {border-radius: 0;padding: 1rem;text-transform: uppercase;font-weight: 600;}
/* MODAL */
#scrollModal .modal-content{background-color:transparent !important;border:none;}
#scrollModal .modal-header{border:none;}
#scrollModal .modal-header .close{opacity:1 !important;font-weight:300;}
#scrollModal .close > .cross{background-color:transparent !important;color:white;padding:1rem !important;}
/*++++++++++++++++++++++ FOOTER ++++++++++++*/
footer.footer {position: relative; background: var(--dark);padding-top: 5rem; padding-bottom: 5rem;font-size: 13px;line-height: 1.4em;color: #fff;}
footer.footer h2.h5::before, footer.footer h2::after{content:"";position:absolute;left:0;bottom:0;height:1px;}
footer.footer h2.h5::before{right:0;background:rgba(var(--grayRVB),0.3);}
footer.footer h2.h5::after{background:var(--secondary);width:60px;height: 7px;border-radius: 1rem;bottom: -3px;}
footer.footer h2.h5{position: relative;padding-bottom: 1rem;margin-bottom: 1.5rem !important;display: block;font-size: 1.1em;letter-spacing: 0;}
.logo-footer{max-height: 90px;width: auto;}
footer.footer .liste-stylisee li::before {content: '\f141';transition: all 0.6s;}
footer.footer .liste-stylisee li:hover a{color:#fff;}
footer.footer .liste-stylisee li:hover::before {margin-left: 0.15rem;color: var(--warning);}
footer .fa-brands, footer .fab{transition:all 0.8s;border-radius:50%;border:dotted 3px transparent;width:45px;height:45px;display:flex;justify-content:center;align-items:center;}footer .fa-brands:hover, footer .fab:hover,footer .fa-brands:focus, footer .fab:focus{border-color:var(--warning);color:#fff;}
.liste-mentions{list-style-type:none;padding:1rem;display:block;font-size:75%;text-transform:uppercase;font-weight:600;background:rgba(var(--grayRVB),0.05);margin:4rem auto 0;border-radius: 2rem;}
.liste-mentions li::after{content:'|';color:rgba(var(--grayRVB),0.5);margin:0 0.25rem;}
.liste-mentions li:last-child::after{display: none;}
.liste-mentions a{padding:0.25rem 0.5rem;color:rgba(var(--secondaryRVB),0.4);font-weight:700;transition: all 0.8s;}
.liste-mentions li {display: inline-block;}
.liste-mentions a:hover{color:var(--light);}
#topcontrol {color: var(--secondary);z-index: 100;}
/*++++++++ Médias Queries ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ 
@media only screen and (min-width:1980px){body{font-size:18px;}}
@media only screen and (max-width:980px){body{font-size:15px;}.logo {max-width: 150px;}
	header.pages{mask-position-x: 90%;-webkit-mask-position-x: 90%;}}
@media only screen and (max-width:800px){body{font-size:14px;}}
@media only screen and (max-width:640px){ body{font-size:13px;}}
@media (max-width: 1279px) {
  .dropdown-menu .dropdown .dropdown-menu {margin: 0;border-width: 1px;}
  .nav-item .dropdown.show {background-color: rgba(var(--grayRVB),0.07);}
  .navbar-collapse.show .dropdown .dropdown-menu.show .dropdown-menu.show {background-color: transparent;}
#navbar_top #navbar-classic {overflow: scroll; max-height: 80vh; padding: 1rem;}	
.dropdown-menu.mega-dropdown-menu {position: static !important;}
	.navbar{background:var(--primary);border-radius: 1.5rem;width: 98vw !important;left: 1vw !important;box-shadow: 0 1rem 6rem 1rem rgba(var(--secondaryRVB), 0.3);}
	.navbar.fixed-top{width: 90vw !important;}
	.navbar-collapse.show .dropdown .dropdown-menu {background: rgba(var(--whiteRVB),0.1) !important;}
.navbar-collapse.show .dropdown .dropdown-menu li {border-bottom: dotted 4px var(--primary);}
.navbar-collapse.show .dropdown .dropdown-menu li:last-child{border-bottom:none;}
	h1, .h1 {font-size: 10vw;}
}
@media only screen and (max-width:767px){
  footer.footer h2::after {content: "";position: absolute;left: 40vw !important;bottom: -2px;height:6px !important;border-radius: 1rem;width: 10vw !important;}
}

/* DOUBLE SLIDER */
#timelineRange{transform:rotate(90deg);}
.double-slider-left .slick-prev, .double-slider-left .slick-next{top:100% !important;}
/* ANIMATE BORDER ON ARROWS */
.slick-next::after{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px); height:calc(100% + 2px);border-radius:50%;background:conic-gradient(var(--success) 0, var(--success) var(--countdown), hsla(0, 0%, 87%, 0.5) var(--countdown));mask:radial-gradient(circle, transparent 60%, black 45%);z-index:-1;}
@keyframes deplete{
0% {--countdown:100%;}
100% {--countdown:0%;}
}
@property --countdown{syntax:"<percentage>";initial-value:100%;inherits:false;}
.slick-next::after{animation:deplete 4.5s linear infinite;}
.slick-next.reset-animation::after {
  animation: none;
}