@font-face {
  font-family: "Affogato-Regular";
  src: url('../fonts/Affogato-Regular.otf');
}

@font-face {
  font-family: "Affogato-Medium";
  src: url('../fonts/Affogato-Medium.otf');
}

@font-face {
  font-family: "Affogato-Bold";
  src: url('../fonts/Affogato-Bold.otf');
}

@font-face {
  font-family: "Affogato-Black";
  src: url('../fonts/Affogato-Black.otf');
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ugp2bc');
  src:  url('../fonts/icomoon.eot?ugp2bc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ugp2bc') format('truetype'),
    url('../fonts/icomoon.woff?ugp2bc') format('woff'),
    url('../fonts/icomoon.svg?ugp2bc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-down:before{content:"\e900";}
.icon-go:before{content:"\e901";}
.icon-half-star:before{content:"\e902";}
.icon-left:before{content:"\e903";}
.icon-linkedin:before{content:"\e904";}
.icon-mail:before{content:"\e905";}
.icon-map:before{content:"\e906";}
.icon-marker:before{content:"\e907";}
.icon-phone:before{content:"\e908";}
.icon-right:before{content:"\e909";}
.icon-star:before{content:"\e90a";}
.icon-youtube:before{content:"\e90b";}


*, *:before, *:after{box-sizing: inherit; outline: none;}
a, a:hover, a:focus, a:active, a:visited {outline: none;}
html, body{width:100%; height:100%; margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
html{text-size-adjust: 100%;box-sizing: border-box; overflow-x:hidden;}
body{font-family: "Affogato-Medium", sans-serif; background-color:#fff; font-size:18px; color: #3d3d3d; transition: 0.8s;}
main{overflow: hidden; position: relative; width: 100%;}

*::selection{background:#f59d24;color:#fff;}
*::-moz-selection{background:#f59d24;color:#fff;}
*::-webkit-selection{background:#f59d24;color:#fff;}
*::-khtml-selection{background:#f59d24;color:#fff;}
*::-o-selection{background:#f59d24;color:#fff;}

.clear{*zoom:1;}
.clear:before, .clear:after{display: table; content : "";}
.clear:after{clear : both;}
hr.clear{height: 0; border-top:none; margin:0;}
img {border: none;  max-width: 100%; width: 100%;  height: auto;}


header, main, footer{width: 100%;}

/**************** CONTENT ***************/

.contentPage{width: 100%; padding:6em 0; position: relative; z-index: 1;}
.container{max-width: 1580px; padding:0 2em;}
.sm-container{max-width: 1100px; width: 100%; padding:0 1em; margin:0 auto;}
.xl-container{width: 100%; padding:0 3em;}
/*.noDrag, */img{-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.small-title{color:#f59d24; text-transform: uppercase; letter-spacing: 2px; font-size: 13px;}
.title{font-family: 'Affogato-Bold'; font-size: 40px; margin-bottom: 1.5em; line-height: 1.1;}
.paragraphe{font-size: 18px; color:#5b656b; line-height: 1.4;}
.paragraphe strong{font-family: 'Affogato-Bold'; color:#f59d24; color:#444;}
.paragraphe .bigtext{font-size:28px; line-height: 1;}
.at-mail:before{content:'@'; font-style: normal;}
.btn, .btn-alt{font-family: 'Affogato-Bold', sans-serif; border-radius: 10px; position: relative; font-size: 16px; transition:0.5s; padding:1.1em 1.9em; margin-top: 3em; display: inline-block; text-transform: uppercase;}
.btn{background: #fff; color:#3d3d3d;}
.btn:after{content:'\e901'; display: inline-block; font-family: 'icomoon'; color:#f59d24; font-size: 12px; margin-left: 14px;}
.btn:before{content:''; transition:0.3s; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 10px; top:3px; left:0; background: #5b656b;}
.btn-alt{background: #f59d24; color:#fff;}
.btn-alt:after{content:'\e901'; display: inline-block; font-family: 'icomoon'; color:#3d3d3d; font-size: 12px; margin-left: 14px;}
.btn-alt:before{content:''; transition:0.3s; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 10px; top:3px; left:0; background: #3d3d3d;}
.btn:hover, .btn-alt:hover{background: #5b656b; /*background: #039300;*/ color:#fff;}
.btn:hover:before, .btn-alt:hover:before{top:0;}
.btn:hover:after, .btn-alt:hover:after{animation: btn 1s infinite; color:#f59d24;}
.important{font-size: 24px;}
.tac{text-align: center;}
strong{font-family: 'Affogato-Bold', sans-serif;}
.pl-img{padding-left: 1.5em;}
.mb-title{margin-bottom:2em !important;}
.list li{margin-bottom: 0.5em; position: relative; padding-left: 18px; font-size: 17px;}
.list li:before{position: absolute; content:''; width: 7px; height: 7px; border-radius: 20px; top:8px; left:0; background: rgb(245,157,36); background: linear-gradient(200deg, rgba(245,157,36,1) 50%, rgba(61,61,61,1) 50%);}

@keyframes btn{
  0%{transform: translateX(0);}
  50%{transform: translateX(6px);}
  100%{transform: translateX(0);}
}

@media screen and (max-width: 1299px) {
  .paragraphe{font-size: 17px;}
  .paragraphe .bigtext{font-size:26px;}
  .title{font-size: 36px;}
  .small-title{letter-spacing: 1.5px; font-size: 12px;}
}

@media screen and (max-width: 991px) {
  .container{max-width: 1580px; padding:0 1em;}
  .pl-img{padding-left: 0; width: 60%; position: relative; left:20%;}
}

@media screen and (max-width: 767px) {
  .xl-container{padding:0 2em;}
  .paragraphe{font-size: 16px;}
  .important{font-size: 22px;}
  .paragraphe .bigtext{font-size:24px;}
  .title{font-size: 28px;}
  .pl-img{width: 80%;left:10%;}
  .list li{font-size: 16px;}
}

@media screen and (max-width: 575px) {
  .btn, .btn-alt{font-size: 14px;}
  .btn:after, .btn-alt:after{font-size: 10px;}
  .xl-container{padding:0 0.5em;}
  .important{font-size: 19px;}
  .paragraphe .bigtext{font-size:22px;}
  .title{font-size: 25px;}
  .pl-img{width: 100%;left:0;}
  .list li{font-size: 15px;}
}


/**************** HEADER ****************/

header{background: #f6f6f6; position: fixed; height: 100px; width: 100%; top:0; left:0; z-index:99; transition:0.8s; overflow: hidden; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; box-shadow: 0 0 7px rgba(0,0,0,0.3);}
header .container{justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
header .content-logo{align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
header #logo{width: 430px; transition:0.8s;}
.nav-coord{margin-right: 100px; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.nav-coord div{text-align: right; margin-right: 44px; padding-right: 44px; position: relative;}
.nav-coord div:before{content:''; position: absolute; top:-50px; right: 0; width: 1px; height: 150px; background: #f59d24;}
.nav-coord div span{cursor:pointer; color:#5d5d5d; font-size: 14px;}
.nav-coord div a{color:#3d3d3d; font-size: 18px; font-family: "Affogato-Bold", sans-serif;}
.lang{display: none; position: fixed; top:42px; right: 36px; z-index: 99; width:54px; transition:0.8s;}
.lang img{width: 17px; margin-right: 4px; position: relative; top:-1px;}
.lang a{color:#3d3d3d; font-size: 14px;}
.lang a i{font-size: 5px; margin-left: 4px; position: relative; top:-2px; display: inline-block;}
.lang ul{background: #fff; padding:4px 0; box-shadow: 0 0 4px rgba(0,0,0,0.3); margin-top: 10px;}
.lang div{height: 0; width: 60px; margin-left: -5px; transition: 0.3s; overflow: hidden; padding:3px;}
.lang ul li a{padding:5px 8px; display: inline-block; width: 100%; transition:0.2s;}
.lang ul li a:hover{background: #f59d24; color:#fff;}
.lang.active a i{transform: rotate(180deg);}
.lang.active div{height: 160px;}

.rdvDemo{animation:rdvFade 0.5s 3s forwards; transform: translateX(105%); position: fixed; bottom:20px; right: 0; transition: 0.3s; border-radius: 16px 0 0 16px; box-shadow: 0 0 6px rgba(0,0,0,0.5); z-index: 90; padding: 10px; background: #fff; justify-content: center; align-items: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.rdvDemo img{width: 50px; animation:rdv 5s infinite;}
.rdvDemo span{color:#3d3d3d; font-family: 'Affogato-Bold', sans-serif; font-size: 12px; padding:0 6px; line-height: 1.1; text-align: center; text-transform: uppercase; margin-top: 8px;}
.rdvDemo:hover{padding-right: 32px; background: #ffeed7; box-shadow: 0 0 6px rgba(0,0,0,0.7);}

@keyframes rdvFade{
  0%{transform: translateX(105%);}
  100%{transform: translateX(0);}
}

@keyframes rdv{
  0%{transform: translateX(0);}
  80%{transform: translateX(0);}
  85%{transform: translateX(-10px) rotate(-5deg);}
  95%{transform: translateX(10px) rotate(5deg);}
  100%{transform: translateX(0);}
}

/*nav mobile*/

nav{position: fixed; z-index: 99; overflow: hidden; background: #222; width: 100%; max-width: 420px; height: 100%; top:0; left:0; transform: translateX(-200%); transition:0.5s 0.2s;}
nav ul{padding:40px 0 20px 40px; position: relative; z-index: 2;}
nav ul li{transform: translateX(-200px); transition:0.8s; transition-delay:0s; opacity: 0; font-size: 18px; letter-spacing: 2px; padding:12px 0; text-transform: uppercase;}
nav ul a{color:#fff; position: relative; transition: 0.3s; padding:4px 0;}
nav ul a:hover{color:#f59d24;}
nav ul li i{display: inline-block; font-size: 8px; margin-left: 4px; position: relative; top:-2px;}
nav ul.subNav{padding: 0; margin-top: 16px; margin-bottom: 4px;}
nav ul.subNav li{padding:6px 0 2px 26px; font-size: 16px; position: relative;}
nav ul.subNav li a:before{content:''; position: absolute; top:50%; left:-26px; width: 15px; height: 1px; background: #fff;}
nav ul.subNav li a:after{content:''; transition: 0.2s; position: absolute; top:50%; transform: translateY(-50%); left:-19px; width: 1px; height: 0; background: #fff;}
nav ul.subNav li a:hover:after{height: 15px;}
nav a[data-navDown].active{color:#f59d24;}
nav a[data-navDown].active i{transform: rotate(-180deg); top:-3px;}

nav.active{transform: translateX(0);}
nav.active ul li{transform: translateX(0); opacity: 1;}
nav.active ul li:nth-of-type(1){transition-delay: 0.3s;}
nav.active ul li:nth-of-type(2){transition-delay: 0.35s;}
nav.active ul li:nth-of-type(3){transition-delay: 0.4s;}
nav.active ul li:nth-of-type(4){transition-delay: 0.45s;}
nav.active ul li:nth-of-type(5){transition-delay: 0.5s;}
nav.active ul li:nth-of-type(6){transition-delay: 0.55s;}
nav.active ul li:nth-of-type(7){transition-delay: 0.6s;}
nav.active ul li:nth-of-type(8){transition-delay: 0.65s;}
nav.active ul li:nth-of-type(9){transition-delay: 0.7s;}
nav.active ul li:nth-of-type(10){transition-delay: 0.75s;}
.nav-demo{position: relative;}
.nav-demo:before{content:''; width: 800px; height: 40px; position: absolute; top:-5px; left:-100px; background: #f59d24; z-index: -1;}
.nav-demo:hover{color:#3d3d3d;}

#navBtn{z-index: 999; position: relative; height: 50px; font-size: 16px; font-family: 'Affogato-Bold', sans-serif; transition:0.8s; border-radius: 10px; text-transform: uppercase; color:#3d3d3d; background: #f59d24; letter-spacing: 3px; padding:18px 22px 0 62px;}
#navBtn i{position: absolute; left:32px; width: 20px; height: 2px; background: #fff; transition: 0.3s; opacity: 1;}
#navBtn i:nth-of-type(1){top:22px; width: 14px;}
#navBtn i:nth-of-type(2){top:26px;}
#navBtn i:nth-of-type(3){top:30px; width: 18px;}
#navBtn span{position: absolute; display: block; width: 100%; height: 100%; top:0; left:0;}
#navBtn:hover i:nth-of-type(1){transform: translate(0,0) rotate(0deg); width: 20px;}
#navBtn:hover i:nth-of-type(2){transform: translate(0,0) rotate(0deg); width: 20px;}
#navBtn:hover i:nth-of-type(3){transform: translate(0,0) rotate(0deg); width: 20px;}
#navBtn.active i:nth-of-type(1){transform: translate(0,-2px) rotate(45deg); top:28px; width: 20px;}
#navBtn.active i:nth-of-type(2){transform: translate(-20px,0) rotate(0deg); opacity: 0;}
#navBtn.active i:nth-of-type(3){transform: translate(0,2px) rotate(-45deg); top:24px; width: 20px;}

.overlay-nav{position: fixed; z-index: 96; background: #000; opacity: 0.5; height: 100%; width:100%; top:0; right:0; transform: translateX(-100%); transition:0.6s;}
.overlay-nav.active{transform: translateX(0)}

@media screen and (max-height: 570px) {
  nav{overflow-y:scroll;}
}

@media screen and (max-width: 1199px) {
  header #logo{width: 340px;}
}

@media screen and (max-width: 991px) {
  header{height: 80px;}
  header #logo{width: 240px;}
  .lang{top:30px;}
  .nav-coord div{display: none;}
}

@media screen and (max-width: 767px) {
  nav{max-width: 320px;}
  nav ul li{font-size: 16px; letter-spacing: 1px; padding:10px 0;}
  nav ul li i{font-size: 6px; top:-2px;}
}

@media screen and (max-width: 575px) {
  header{height: 70px; z-index: 999;}
  header #logo{width: 170px;}
  .lang{display: none;}
  .nav-coord{margin-right: 0;}
  #navBtn{padding:12px 12px 0 42px; letter-spacing: 2px; height: 40px; font-size: 15px;}
  #navBtn i{left:14px;}
  #navBtn i:nth-of-type(1){top:17px;}
  #navBtn i:nth-of-type(2){top:21px;}
  #navBtn i:nth-of-type(3){top:25px;}
  #navBtn.active i:nth-of-type(1){top:23px;}
  #navBtn.active i:nth-of-type(3){top:19px;}
  nav{max-width: 280px;}
  nav ul li{font-size: 15px; letter-spacing: 1px; padding:8px 0;}
  nav ul{padding:86px 0 0 20px;}
  nav ul.subNav li{padding:5px 0 2px 26px; font-size: 14px;}
}

/**************** PAGES ****************/

/* HOME */

.grey-part{position: relative; z-index: 1; background: #f3f3f3; border-radius: 20px; width: 100%; padding:4em 3em;}
.rounded{box-shadow: -4px 4px 10px rgba(0,0,0,0.3); border-radius: 20px;}
.or-light{position: relative; margin-top: 120px; padding: 3em 0; background: rgb(255,252,240); background: linear-gradient(180deg, rgba(255,252,240,1) 0%, rgba(252,243,230,1) 100%);}
.or-light:before{content:url('../img/link-bg.png'); top:4px; left:50%; position: absolute; transform: translate(-50%, -100%);}
.or-light.symb-2:after{content:''; width: 100%; height: 100%; background: url('../img/symbole-02.png') right top no-repeat; position: absolute; top:0; right:0; overflow: hidden;}
.pos-r{position: relative;}
.z-1{z-index: 1;}
.f1, .f2, .f3, .f4, .f5, .f6, .f7{position: absolute; width:auto; z-index: -1;}
.f1{top:-180px; right:-40px;}
.f2{bottom:-120px; left:-200px; width: 400px;}
.f3{top:-160px; left:-16px;}
.f4{bottom:-100px; right:-20px;}
.f5{top:-50px; right: -30px;}
.f6{margin-top:500px; left:0;}
.f7{margin-top:-400px; right:0;}

.homeview{position: relative; background: #f59d24; height:100vh; min-height: 700px; margin-bottom: 280px; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.homeview:before{content:''; width: 100%; height: calc(100% - 110px); background: url('../img/symbole-01.png') no-repeat; position: absolute; top:110px; left:0; overflow: hidden;}
.homeview:after{content:''; width: 100%; height: 140px; background: #f59d24; position: absolute; bottom:0; left:0; transform:translateY(50%) skewY(-4deg);}
.homeview .container{margin-top: 5em; position: relative; z-index: 2; align-items: center; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.homeview .homeview-infos{font-size: 34px; font-family: 'Affogato-Bold';}
.homeview .homeview-infos strong{font-size: 62px; font-family: 'Affogato-Black'; line-height: 1;}
.homeview .homeview-infos strong span{color:#fff;}
.homeview .homeview-infos p{font-family: 'Affogato-Regular'; color:#fff; font-size: 22px; margin-top: 2em; max-width: 575px;}
.homeview .homeview-infos .btn{margin-top: 4em;}
.homeview .homeview-video{position: absolute; width: 963px; right:-63px;}
.homeview .homeview-video iframe{position: absolute; top:28px; left:122px; width:calc(100% - 244px); height:calc(100% - 82px);}

.home-firm .grey-part{padding-bottom: 6em;}
.home-firm .grey-part:before{content:''; width: 50px; height: 50px; background: #f3f3f3; position: absolute; bottom:0; left:50%; transform: rotate(45deg) translate(-0px, 35px);}
.home-firm img.rounded{margin-top: -6em; width: 95%;}

/*.banner-firm{margin-top: 0; width: 100%; position: relative; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.banner-firm:before, .banner-firm:after{content:''; width: 50%; height: 150px; position: absolute; top:-150px;}
.banner-firm:before{background: #f4eadb; left:0;}
.banner-firm:after{background: #f59d24; right:0;}
.banner-firm div{width: 50%; align-items:center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.banner-firm div:nth-of-type(1){justify-content:flex-end; padding: 90px 60px 90px 20px; text-align: right; background: url('../img/banner-left') right center no-repeat; -webkit-background-size: cover; background-size: cover;}
.banner-firm div:nth-of-type(2){padding: 90px 20px 90px 60px; text-align: left; background: url('../img/banner-right') left center no-repeat; -webkit-background-size: cover; background-size: cover;}
.banner-firm div:nth-of-type(1) p{font-size: 30px; line-height: 1; padding-bottom: 10px;}
.banner-firm div:nth-of-type(1) strong:nth-of-type(1){color:#f59d24; font-size: 46px;}
.banner-firm div:nth-of-type(1) span{color:#f59d24; font-size: 100px;}
.banner-firm div:nth-of-type(2) p{color:#fff; font-size: 26px; line-height: 1.5;}*/

.b-firm{margin-top: 4em; justify-content: space-between; align-items: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
/*.b-firm div:nth-of-type(1){width: 50%; height: 100%; padding-right: 1em;}
.b-firm div:nth-of-type(2){width: 50%; height: 100%; padding-left: 1em;}*/
.b-firm div:nth-of-type(1) p{font-size: 25px; line-height: 1;}
.b-firm div:nth-of-type(2) p{font-size: 18px; line-height: 1.5;}
.b-firm div:nth-of-type(1) strong:nth-of-type(1){color:#f59d24; font-size: 40px;}
.b-firm div:nth-of-type(1) span{color:#f59d24; font-size: 70px;}

.b-firm div{width:100%; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}

.home-adn{margin-top: 5em; position: relative; z-index: 3;}
.home-adn .col-12{padding:0 2em;}
.home-adn .rounded{padding: 4em 0.2em 3em 0.2em; height: 100%; transition: 0.3s 0.2s; background: rgb(243,243,243); background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(169,169,169,1) 100%); justify-content: flex-start; align-items: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.home-adn .rounded:after{content:url('../img/plus.png'); transition:0.2s 0.5s; position: absolute; top:100%; transform:translateY(-86%);}
.home-adn img{margin-bottom: 2em; width: auto;}
.home-adn .col-12:nth-of-type(1) img{margin-bottom: 2.2em;}
.home-adn .col-12:nth-of-type(2) img{margin-bottom: 2.1em;}
.home-adn .col-12:nth-of-type(3) img{margin-bottom: 1.7em;}
.home-adn .col-12:nth-of-type(4) img{margin-bottom: 2.3em;}
.home-adn p{font-size: 22px; line-height: 1;}
.home-adn p strong{font-size: 40px; color:#fff;}
.w-cache{width: 100%; height: 160px; position: absolute; bottom:0; left:0; background: #fff;}
.btnMask{position: absolute; z-index: 1; top:444px; opacity:0; transition: 0.3s 0s;}
.home-adn .rounded:hover{height: calc(100% + 80px); transition: 0.3s 0s;}
.home-adn .rounded:hover .btnMask{opacity: 1; transition: 0.3s 0.2s;}
.home-adn .rounded:hover:after{opacity: 0; transition:0s 0s;}

.home-keys{margin-top: 5em;}
.home-keys .sm-container{max-width: 1140px; padding:0;}
.content-home-keys{margin-top: 3.5em; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.keys-titles{max-width: 288px;}
.keys-titles p{cursor:default; font-size: 26px; font-family: 'Affogato-Bold', sans-serif; line-height: 1;}
.keys-titles span{font-size: 70px; color:#f59d24;}
.keys-descr{max-width: 750px; width: 100%;}
.keys-descr .col-lg-6{padding: 0 0.5em;}
.keys-descr .col-lg-6:nth-of-type(1){position: relative; top:70px;}
.keys-descr .col-lg-6:nth-of-type(2){position: relative; top:-100px;}
.keys-descr [data-background]{width: 100%; height: 150px; margin-bottom: 1.5em; -webkit-background-size: cover; background-size: cover;}
.bloc-key{position: relative; transition:0.3s; opacity: 0.8; font-size: 16px; background: #fafafa; padding:1.2em 1em 2em 1em; margin-bottom: 1em;}.bloc-key img{width: auto; margin-bottom: 3em;}
.bloc-key span{transition: 0.3s; position: absolute; top:-8px; right: 15px; color:#000; opacity: 0.2; font-size: 150px; font-family: 'Affogato-Bold', sans-serif; line-height: 1;}
.bloc-key.active{opacity:1; background: #f59d24; color:#fff;}
.bloc-key.active img{filter: grayscale(1) invert(0) saturate(100) contrast(300%);}
.bloc-key.active span{color:#fff; opacity: 0.4;}
.keys-descr .bloc-key p{position: relative; padding-left: 14px;}
.keys-descr .bloc-key p:before{position: absolute; content:''; width: 7px; height: 7px; border-radius: 20px; top:7px; left:0; background: rgb(245,157,36); background: linear-gradient(200deg, rgba(245,157,36,1) 50%, rgba(61,61,61,1) 50%);}


.slider-avis{width: 100%; position: relative; margin-top: 6em; padding:0 3em;}
.swiper-slide{display:flex;align-items:center; flex:1 0 auto; height:100%; transition: 1s 0.5s; background: center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
.swiper-slide-avis, .swiper-slide-temoignages, .swiper-slide-partners{position: relative; height: 100%; overflow: hidden;}
.swiper-slide-avis .swiper-slide, .swiper-slide-temoignages .swiper-slide, .swiper-slide-partners .swiper-slide{padding:1em; -webkit-background-size: cover; background-size: cover; position: relative;}
.swiper-prev, .swiper-next{transition:0.3s; cursor:pointer; position: absolute; top:50%; transform: translateY(-50%); z-index: 2; width: 50px; height: 100px; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.swiper-prev{left:5%; color:#f59d24; transition:0.3s; width: 36px; height: 28px;}
.swiper-next{right:5%; color:#f59d24; transition:0.3s; width: 36px; height: 28px;}
.swiper-prev:before{content:'\e903'; font-family: 'icomoon'; font-size: 20px;}
.swiper-next:before{content:'\e909'; font-family: 'icomoon'; font-size: 20px;}
.swiper-prev:hover{color:#3d3d3d;}
.swiper-next:hover{color:#3d3d3d;}
.swiper-slide-avis .rounded, .swiper-slide-temoignages .rounded{position: relative; padding:3em 2em; background: rgb(243,243,243); background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%);}
.swiper-slide-avis .rounded:before{content:url('../img/guillemet.png'); position: absolute; bottom:16px; right: 26px; opacity: 0.3;}
.swiper-slide-avis .p-name, .swiper-slide-temoignages .p-name{margin-bottom: 0; font-size: 26px; font-family: 'Affogato-Bold', sans-serif;}
.swiper-slide-avis .job{margin-bottom: 2.5em; margin-top: 2px; font-size: 20px; font-family: 'Affogato-Bold', sans-serif; color:#f59d24;}
.swiper-slide-avis .p-avis, .swiper-slide-temoignages .p-avis{font-size: 15px; line-height: 1.5; margin-bottom: 2.5em;}
.slider-avis .sm-container{padding:0;}
.notation i{color:#fff; margin-right: 2px; font-size: 18px;}
.w-cache.w-cache-2{height: 264px;}
.swiper-slide-temoignages .p-name{margin-bottom: 1em;}
.swiper-slide-partners .swiper-slide{padding:0 1.5em;}

.contact{margin-top: 6em; padding:6em 0 8em 0; background: url('../img/contact-hypercomm.jpg') center no-repeat; -webkit-background-size: cover; background-size: cover;}
.content-contact{max-width: 1080px; margin:5em auto 0 auto; padding:0 1em; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.infos-contact{margin:0.8em 0 1.5em 0;}
.infos-contact p{position: relative; padding-left: 30px; font-size: 17px;}
.infos-contact i:not(.at-mail){color:#f59d24; position: absolute; top:2px; left:0;}
.infos-contact i.icon-mail{top:26px; font-size: 13px;}
.infos-contact i.icon-marker{left:4px;}
.infos-contact i.icon-map{top:5px; font-size: 16px;}
.infos-contact a{color:#3d3d3d; transition: 0.2s;}
[data-mail]{cursor:pointer; transition: 0.2s;}
.infos-contact [data-mail]:hover, .infos-contact a:hover{color:#f59d24;}
.infos-contact strong{font-size: 18px;}
.content-contact form{max-width: 700px; width: 100%;}
.content-contact form .data-champ{position: relative; padding:7px;}
.content-contact form input, .content-contact form textarea{background: #fff; border:none; box-shadow:-2px 2px 5px rgba(0,0,0,0.3); padding:9px 10px; border-radius: 10px; color:#3d3d3d; width: 100%; border:1px solid #f59d24;}
.content-contact form label{font-size: 14px; transition:0.3s; position: absolute; top:19px; left:22px; color:#3d3d3d; text-transform: uppercase;}
.content-contact form textarea{height: 150px;}
.content-contact form .data-champ.active label{left:0; transform: translate(12px, -25px); font-size: 10px;}
.content-contact form button{border:none; margin:0; padding:0.8em 3.2em;}
.content-contact form p.send{margin:1em 8px 0 0; position: relative; z-index: 3; justify-content: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.content-contact form .row .col-12{padding:0;}

footer{background: #f8f8f8; padding:4em 0;}
.logo-footer{padding-bottom: 2em; border-bottom: 1px solid #9a9a9a; text-align: center;}
.logo-footer img{max-width: 346px;}
.footer-bottom{font-size: 14px; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.footer-bottom a{color:#3d3d3d; transition:0.2s;}
.footer-bottom a:hover{color:#f59d24;}
.footer-bottom > div{margin-top: 2.8em;}
.footer-bottom > div:nth-of-type(1){max-width: 320px;}
.footer-bottom > div:nth-of-type(2){max-width: 380px; line-height: 1.5;}
.footer-bottom > div:nth-of-type(2) .row{justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.footer-bottom > div:nth-of-type(2) .row div{padding:0 2em 0 0;}
.footer-bottom > div:nth-of-type(2) .row span{margin-left: 12px;}
.footer-bottom > div:nth-of-type(2) .row span a{color:#787878;}
.footer-bottom > div:nth-of-type(2) .row span a:hover{color:#f59d24;}
.footer-bottom > div:nth-of-type(3){max-width: 220px; line-height: 1.5;}
.footer-bottom > div:nth-of-type(3) a:last-of-type{color:#b0b0b0; font-size: 12px; letter-spacing: 0.5px;}
.footer-bottom > div:nth-of-type(3) i{font-style: normal; padding: 0 6px;}
.title-footer{font-family: 'Affogato-Bold', sans-serif; color:#f59d24; font-size: 16px; text-transform: uppercase; margin-bottom: 1em !important; display: inline-block;}
.social-footer{margin-top: 1.8em; font-size: 16px; font-family: 'Affogato-Bold', sans-serif;}
.social-footer a{position: relative; color:#3d3d3d; margin-top: 0.6em; margin-right: 0.6em; display: inline-block; border-radius: 50px; border:1px solid #3d3d3d; width: 46px; height: 46px;}
.social-footer a i{font-size: 18px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.social-footer a:hover{background: #3d3d3d;}

/* PAGES */

.titleTop{overflow: hidden; height: 400px; background: #f59d24 url('../img/ttop1.png') center no-repeat; -webkit-background-size: cover; background-size: cover; margin-top: 100px; padding:1em; position: relative;justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.titleTop:before{animation:ttopA infinite alternate 12s linear; content:url('../img/ttop2.png'); background:center no-repeat; position: absolute; top:0; left:0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover;}
.titleTop:after{animation:ttopB infinite alternate 18s linear; content:url('../img/ttop3.png'); background:center no-repeat; position: absolute; top:0; left:0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover;}
.titleTop p{position: relative; z-index: 2; animation: titleTop 1s forwards; opacity: 0; text-shadow: 3px 2px 0 rgba(255,255,255,0.5); font-size: 52px; font-family: 'Affogato-Bold';}

.white-part{position: relative; margin-top: 6em; z-index: 1; width: 100%;}

.promesses{margin-top: 4em; position: relative; z-index: 2;}
.promesses .col-12{flex:1; width: auto; margin-top: 2em; padding:0 2em;}
.promesses .rounded{padding:2em 1.5em; background: #f7f7f7; height: 100%; transition:0.2s;}
.promesses .rounded p:first-of-type{transition:0.2s; transform-origin:0 0; color:#f59d24; font-family: 'Affogato-Bold', sans-serif; font-size: 58px; margin-bottom: 0.25em;}
.promesses .rounded:hover{background: #fff;}
.promesses .rounded:hover p:first-of-type{transform: scale(1.2);}

.adn{overflow: hidden; width: 100%;}
.adn .rounded{box-shadow: none; padding:3em; margin-bottom: 1em; flex-direction: row-reverse; justify-content: flex-start; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.adn .rounded img{width: auto;}
.adn .rounded > div:nth-of-type(1){max-width: 380px; width: 100%; text-align: center; border-left: 2px solid #f59d24;}
.adn .rounded > div:nth-of-type(1) p{font-size: 22px; margin-top: 1em;}
.adn .rounded > div:nth-of-type(1) p strong{font-size: 40px; color:#f59d24;}
.adn .rounded > div:nth-of-type(2){padding-left: 0em; padding-right: 3em;}
.adn .rounded > div:nth-of-type(2) p:nth-of-type(1){font-size: 32px; line-height: 1;}
.adn .rounded > div:nth-of-type(2) p:nth-of-type(1) span{font-size: 64px; margin-right: 16px; color:#f59d24;}
.adn .rounded:nth-child(2n+1){flex-direction: row;}
.adn .rounded:nth-child(2n+1) > div:nth-of-type(1){border-right: 2px solid #f59d24; border-left: none;}
.adn .rounded:nth-child(2n+1) > div:nth-of-type(2){padding-left: 4em; padding-right: 0;}
.adn.evo .rounded > div:nth-of-type(2) img{display: none;}

.keys .col-12{margin-bottom: 4em; padding:0 2em;}
.keys .rounded{padding:3em; position: relative; transition:0.3s;}
.keys .rounded:before{display: none; content:attr(data-num); opacity: 0.6; transition: 0.3s; position: absolute; top:0; right: 24px; line-height: 1; font-size: 190px; font-family: "Affogato-Bold", sans-serif; color:#fff; text-shadow: 0 0 6px #000;}
/*.keys .rounded:hover{background: #fafafa;}*/
.keys .rounded:hover:before{opacity: 0.3;}
.key-title{transition:0.3s; text-shadow: 0 0 6px #000, 0 0 6px #000; color:#fff; cursor:default; font-size: 26px; font-family: 'Affogato-Bold', sans-serif; line-height: 1;}
.key-title span{font-size: 70px; color:#f59d24; text-shadow: 0 0 3px rgba(0,0,0,0.7);}
.keys .bloc-key{transition: 0.3s; padding: 0; margin-top: 3em; margin-bottom: 0; font-size: 20px; background: transparent;}
.keys .bloc-key img{margin-bottom: 2em;}
.mask-key{transition: 0.5s; overflow:hidden; height: 0;}
.delete-bloc{padding:0;}

.engagements [data-background]{overflow: hidden; position: relative; background: center no-repeat; -webkit-background-size: cover; background-size: cover;}
.engagements [data-background]:after{content:''; opacity: 0; transition:0.3s; background: #fff; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -1;}
.engagements .col-12 img{transition:0.3s; position: absolute; width: 50px; top:50%; right:0; transform:rotate(-90deg) translate(25%, 50%);}
.engagements .bloc-key p{position: relative; padding-left: 18px;}
.engagements .bloc-key p:before{position: absolute; content:''; width: 8px; height: 8px; border-radius: 20px; top:9px; left:0; background: rgb(245,157,36); background: linear-gradient(200deg, rgba(245,157,36,1) 50%, rgba(61,61,61,1) 50%);}
.keys .rounded:hover:after{opacity: 0.9;}
.keys .rounded:hover .key-title{color:#333; text-shadow: none;}
.keys .rounded:hover .key-title span{text-shadow: none;}
.keys .rounded:hover img{opacity: 0;}

.content-circle-cd{position: relative; max-width: 1120px; width: 100%; margin:6em auto 2em auto; justify-content: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.circle-cd-text{max-width: 420px; background: #f59d24; position: absolute; top:38%; left:0; z-index: 2; color:#fff; padding:1.2em; border-radius: 30px 0 30px 30px;}
.circle-cd-text:before{content:url('../img/pim-triangle.png'); position: absolute; top:0; right:-16px;}
.circle-cd-text h1{margin-bottom: 1em; font-family: 'Affogato-Bold', sans-serif; font-size: 19px;}
.circle-cd-text p{font-size: 16px;}
.circle-cd{width: 674px; height: 674px; position: relative; border-radius: 180px 350px 350px 350px; overflow: hidden; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.circle-cd img{width: auto; position: absolute; transition:0.2s;}
.circle-cd img:nth-of-type(1){top:0; left:0; transform: scale(0.9) translate(18px, 18px);}
.circle-cd img:nth-of-type(2){top:0; right:0; transform: scale(0.9) translate(-18px, 18px);}
.circle-cd img:nth-of-type(3){bottom:0; right:0; transform: scale(0.9) translate(-18px, -18px);}
.circle-cd img:nth-of-type(4){bottom:0; left:0; transform: scale(0.9) translate(18px, -18px);}
.circle-cd img:nth-of-type(5){transform: scale(0.9); transition:0.5s;}
.circle-cd img:hover{transform: scale(1);}
.circle-cd img:nth-of-type(5):hover{transform: scale(0.9) rotate(360deg); transition:1s;}
.circle-cd img.desactive{opacity:0.5;}
.circle-cd img:nth-of-type(5).desactive{opacity:1;}

.wordCloud{display: none; position: relative; width: 100%; height: 180px; margin-top: 3em; border-bottom: 1px solid #f59d24; border-top: 1px solid #f59d24;}
.wordCloud span{position: absolute; font-family: 'Affogato-Bold', sans-serif;}
.wordCloud span:nth-of-type(1){top:58%; left:20%; font-size: 32px; color:#555;}
.wordCloud span:nth-of-type(2){top:25%; left:10%; font-size: 26px; color:#777;}
.wordCloud span:nth-of-type(3){top:15%; left:40%; font-size: 28px; color:#888;}
.wordCloud span:nth-of-type(4){top:33%; right:7%; font-size: 26px; color:#444;}
.wordCloud span:nth-of-type(5){top:74%; right:20%; font-size: 22px; color:#777;}

.title-contexte{text-transform: uppercase; font-family: 'Affogato-Bold', sans-serif; font-size: 22px; color:#f59d24; position: relative; padding-left: 40px; margin-bottom: 1em;}
.title-contexte span{position: absolute; top:-2px; left:0; line-height: 28px; width: 30px; height: 30px; background: #f59d24; color:#fff; text-align: center; border-radius: 30px;}
.pap{position: relative; margin-top: 2em; margin-bottom: 4em;}
.pap img{width: auto; position: absolute;}
.pap img:nth-of-type(1){top:16px; left:0;}
.pap img:nth-of-type(2){top:6px; left:200px;}
.pap img:nth-of-type(3){top:103px; left:320px;}
.pap p:nth-of-type(1), .pap h2{margin-left: 250px; line-height: 1.2;}
.pap p:nth-of-type(2){padding-left: 420px; line-height: 1.2; padding-top: 10px;}
h2.title-contexte{margin-top: 5em; margin-bottom: 0.25em;}
.pap img:nth-of-type(4){display: none;}

/*.modules{margin:6em auto 2em auto;}
.modules .col-12{margin-bottom: 5em; padding:0 2.5em;}
.modules img{margin-bottom: 1em; width: auto;}
.modules h2{margin-bottom: 1em; text-align: center; text-transform: uppercase; font-family: 'Affogato-Bold', sans-serif; color:#3d3d3d; font-size: 24px;}
.modules ul.list{color:#666; font-family: 'Affogato-Regular', sans-serif;}
*/

/*.compo .col-12{border-right:1px solid #f59d24; text-align: center;}
.compo .col-12:last-of-type{border:none;}*/
/*.compo img{width: 60%; margin-top: 4em;}
.compo .col-12:last-of-type img{width: 80%;}*/

.composition{margin-bottom: 3em; align-items: center; justify-content:space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.compo-img{width: 380px; position: relative;}
.compo-text{width: calc(100% - 700px);}
.compo-img img{position: relative; transition:0.3s;}
.compo-img img:nth-of-type(1){margin-bottom:6px; z-index: 9;}
.compo-img img:nth-of-type(2){margin-top:-210px; z-index: 8;}
.compo-img img:nth-of-type(3){margin-top:-210px; z-index: 7;}
.compo-img img:nth-of-type(4){margin-top:-210px; z-index: 6;}
.compo-img img:nth-of-type(5){margin-top:-110px; z-index: 5;}
.compo-img img:nth-of-type(2):hover{margin-top:-70px;}
.compo-img img:nth-of-type(3):hover{margin-top:-70px;}
.compo-img img:nth-of-type(4):hover{margin-top:-70px;}
.compo-img img:nth-of-type(5):hover{margin-top:-110px;}
.compo-num{display: inline-block; padding:0.2em 0.5em; font-size: 36px; margin:1em 0 0.5em 0; color:#fff; font-family: 'Affogato-Bold', sans-serif; border-radius: 12px; background: #f59d24;}
.compo-text h2{text-transform: uppercase; font-family: 'Affogato-Bold', sans-serif; margin-bottom: 1em;}
.compo-text .icon-go{font-size: 12px; margin-right: 6px; position: relative; color:#f59d24;}
[id^="compo-text-0"]{opacity:0; transition:0.3s; position: relative; overflow: hidden;}
[id^="compo-text-0"]:before{content:''; background: #fff; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 2; transition:0.5s;}
[id^="compo-text-0"].active{opacity:1;}
[id^="compo-text-0"].active:before{opacity:1; transform: translateX(100%);}
#compo-text-02, #compo-text-03{margin-top: -140px;}
.info-compo{transition:0.3s 2s; position: absolute; font-size: 20px; max-width: 340px; font-family: 'Affogato-Bold', sans-serif; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.info-compo img{margin-right: 12px; width: 120px;}
.info-compo.active{opacity: 0; transition:0.3s 0s;}
.compo-img div{width:0; transform:none; position: absolute; z-index: 12; height: 22px; left:calc(100% - 40px); overflow: hidden;}
.compo-img div span{display: block; width: calc(100% - 97px); height: 2px; background: #f59d24; position: relative; left:20px; top:10px;}
.compo-img div span:before{content:'';left:-20px; width: 20px; height: 20px; border-radius: 20px; border:3px solid #f59d24; position: absolute; top:-9px;}
.compo-img div:nth-of-type(1){top:320px; transform:rotate(-19deg);}
.compo-img div:nth-of-type(2){top:364px; transform:rotate(-14.5deg); left:calc(100% - 30px);}
.compo-img div:nth-of-type(3){top:422px; transform:rotate(-15deg); left:calc(100% - 34px);}
.compo-img div:nth-of-type(1).active{top:238px; width: 120%; transition:0.3s 0.2s;}
.compo-img div:nth-of-type(2).active{top:314px; width: 115%; transition:0.3s 0.2s;}
.compo-img div:nth-of-type(3).active{top:372px; width: 120%; transition:0.3s 0.2s;}

.actu{flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.actu article{margin-bottom: 6em; position: relative; width: 50%;}
.actu article img{width:82%; border-radius: 20px; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.actu-sm-descr{transition:0.3s 0.1s; position: absolute; bottom:-4em; right:2em; width: 360px; background: rgba(255,255,255,0.9); padding:1em; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.3);}
.posted{font-size: 14px; color:#777;}
.posted span{font-family: 'Affogato-Bold', sans-serif;}
.actu .actu-title{font-size: 22px; font-family: 'Affogato-Bold', sans-serif;}
.actu-cat{position: relative; padding-left: 30px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; color:#777; margin-top: 4px;}
.actu-cat:before{content:url('../img/category-sm.png'); position: absolute; top:2px; left:0;}
.actu .paragraphe{font-size: 15px; line-height: 1.15;}
.actu article .cta-actu{z-index: 2; display: block; opacity: 0; position: absolute; bottom:1em; left:1em; transition:0.3s 0s;}
.actu article:hover .cta-actu{opacity:1; transition:0.3s 0.1s;}
.actu article:hover .actu-sm-descr{padding:1em 1em 4em 1em; transition:0.3s 0s;}
.actu article:hover .actu-sm-descr{background: #fff;}

.actu-detail h1{margin: 0 0 0.5em 0; display: block;}
.actu-detail .posted{margin-bottom: 4px;}
.actu-detail .actu-cat{margin-bottom: 4px;}
.actu-detail{margin-top: 8em;}
.actu-detail .col-12:last-of-type{margin-top: 2em;}
.actu-detail a{text-decoration: underline; color:#000; transition:0.2s;}
.actu-detail a:hover{color:#f59d24;}
.actu-detail ul li{position: relative; padding-left: 18px; margin-bottom: 8px; font-size: 17px;}
.actu-detail ul li:before{position: absolute; content:''; width: 7px; height: 7px; border-radius: 20px; top:8px; left:0; background: rgb(245,157,36); background: linear-gradient(200deg, rgba(245,157,36,1) 50%, rgba(61,61,61,1) 50%);}
.actu-detail ul li strong{color:#f59d24;}

.temoignages{margin-top: 7em; display: none;} /*D:NONE A SUPPRIMER*/
.exp-util{padding:1.5em; margin-bottom: 3em;}
.exp-util .accordion span{font-family: 'Affogato-Bold', sans-serif; color:#f59d24; font-size: 19px; margin-bottom: 2em;}
.accordion{width: 100%;}
.accordion .col-12.col-lg-6{margin-top:1.4em !important;}
.accordion-header{background: #f59d24; border-bottom: #3d3d3d 3px solid; border-radius: 12px; position: relative; color: #fff; margin-top: 1.2em; cursor: pointer; padding: 12px 16px; font-size: 1.1em; transition: 0.3s;}
.accordion-header:nth-of-type(1){margin-top: 0;}
.accordion-header:hover, .active.accordion-header:hover{background:#3d3d3d;}
.accordion-header:before{content: '+'; font-size: 22px; position: absolute; top:12px; right: 12px; transition: transform 0.8s;background: #fff; color:#f59d24; border-radius: 20px; width: 28px; height: 28px; text-align: center;}
.accordion-header:hover:before{transform: rotate(180deg);}
.accordion-content{display: none; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 2em; padding: 1em 10px; color: #fff;}
.active.accordion-header{background: #111;}
.active.accordion-header:before{content:'-';}
.active.accordion-header:hover:before{transform: none;}

.dnoneavis{display: none;}/*D:NONE A SUPPRIMER*/

.demo{margin-top: 12em; padding: 4em 1em; position: relative; z-index: 2; overflow: hidden;}
.demo img{width: 90%; position: absolute; top:0; left:5%; z-index: -1;}
.demo form input{padding:1.8em 2em 1.4em 2em; margin-bottom: 2em; border-radius: 10px; border:1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.demo-input{justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.demo-input input{width: calc(33.3% - 1em);}
.demo-mail{position: relative;}
.demo-mail input{width: 100%;}
.demo-mail button{position: absolute; bottom:4.7em; transform:translateY(50%); right: 0.8em; border:none;}
.demo-mail button:before{display: none;}
.demo form{ display: block; margin-top: 4em;}

@keyframes titleTop{
  0%{opacity: 0; transform: translateY(100px);}
  30%{opacity: 0; transform: translateY(100px);}
  100%{opacity:1; transform: translateY(0);}
}

@keyframes ttopA{
  0%{opacity:1;transform: translateY(100px) rotate(-4deg);}
  50%{opacity:0.6;}
  100%{opacity:1;transform: translateY(0) rotate(4deg);}
}

@keyframes ttopB{
  0%{opacity:0.6;transform: translateX(100px) scale(0.8) rotate(0deg);}
  50%{opacity:1;}
  100%{opacity:0.8;transform: translateX(0) scale(1.3) rotate(-4deg);}
}

/* MEDIA QUERIES */

@media screen and (min-width: 992px) {
  .homeview-infos{opacity: 0; animation:leftHome 1.5s 0.1s forwards;}
  .homeview-video{opacity: 0; animation:rightHome 1.5s 0.1s forwards;}
}

@keyframes leftHome{
  0%{opacity: 0; transform: translateX(-150px);}
  100%{opacity:1; transform: translateX(0);}
}

@keyframes rightHome{
  0%{opacity: 0; transform: translateX(150px);}
  100%{opacity:1; transform: translateX(0);}
}

@media screen and (max-width: 1799px) {
  .f3{top:-160px; left:-36px; width: 200px;}
}

@media screen and (max-width: 1599px) {
  .banner-firm div:nth-of-type(2) p{font-size: 22px;}
  .or-light.symb-2:after{top:130px;}
  .f3{top:-170px; left:-36px; width: 180px;}
}

@media screen and (max-width: 1499px) {
  .homeview .homeview-infos{font-size: 26px; position: relative; left:3%;}
  .homeview .homeview-infos strong{font-size: 50px;}
  .homeview .homeview-infos p{font-size: 18px; max-width: 470px;}
  .homeview .homeview-video{height: 450px; position: absolute; width: 800px; right:3%;}
  .homeview .homeview-video iframe{top:24px; left:101px; width:calc(100% - 203px); height:calc(100% - 68px);}
  .swiper-prev{left:0;}
  .swiper-next{right:0;}
  .titleTop{height: 320px;}
  .f6{left:-80px;}
  .f7{right:-100px;}
}

@media screen and (max-width: 1399px) {
  .grey-part{padding:4em 1em;}
  .banner-firm div:nth-of-type(1){padding: 60px 30px 60px 20px;}
  .banner-firm div:nth-of-type(2){padding: 60px 20px 60px 30px;}
  .banner-firm div:nth-of-type(2) p{font-size: 20px;}
  .banner-firm div:nth-of-type(1) strong:nth-of-type(1){font-size: 40px;}
  .banner-firm div:nth-of-type(1) span{font-size: 90px;}
  .banner-firm div:nth-of-type(1) p{font-size: 26px;}
  .home-adn .col-12{padding:0 0.5em;}
  .demo img{width: 100%; top:1em; left:0;}
}

@media screen and (max-width: 1349px) {
  .homeview{min-height: 620px;}
  .homeview .container{margin-top: 10em;}
  .homeview .homeview-infos{left:1%;}
  .homeview .homeview-video{height: 424px; right:1%; width: 760px;}
  .homeview .homeview-video iframe{top:22px; left:96px; width:calc(100% - 193px); height:calc(100% - 66px);}
}

@media screen and (max-width: 1249px) {
  .homeview{min-height: 520px; max-height: 600px;}
  .homeview .container{margin-top: 10em;}
  .homeview .homeview-infos{left:0;}
  .homeview .homeview-video{height:356px; right:0; width: 640px;}
  .homeview .homeview-video iframe{top:20px; left:81px; width:calc(100% - 163px); height:calc(100% - 56px);}
  .b-firm{flex-direction: column; align-items: center; text-align: center;}
  .b-firm div:nth-of-type(1){width: 100%; padding-right: 0;}
  .b-firm div:nth-of-type(2){width: 100%; padding-left: 0; margin-top: 1.5em;}
  .b-firm div:nth-of-type(2) p br{display: none;}
  .actu article img{width:85%;}
  .actu-sm-descr{width: 300px;}
  .f6{display: none;}
  .f7{display: none;}
}

@media screen and (max-width: 1199px) {
  .home-firm .grey-part{padding-bottom: 4em;}
  .home-firm img.rounded{margin-top: -1em; width: 95%;}
  .banner-firm div:nth-of-type(1){padding: 40px 30px 40px 20px;}
  .banner-firm div:nth-of-type(2){padding: 40px 20px 40px 30px;}
  .banner-firm div:nth-of-type(2) p{font-size: 16px;}
  .banner-firm div:nth-of-type(1) strong:nth-of-type(1){font-size: 22px;}
  .banner-firm div:nth-of-type(1) span{font-size: 50px;}
  .banner-firm div:nth-of-type(1) p{font-size: 20px;}
  .home-adn .rounded{padding: 3em 0.2em 1em 0.2em;}
  .home-adn .rounded:after{display: none;}
  .home-adn .rounded:hover{height: 100%;}
  .home-adn .col-12{margin-bottom: 2em;}
  .homeview:before{opacity: 0.75;}
  .or-light.symb-2:after{top:130px; opacity: 0.5;}
  .content-home-keys{flex-direction: column;}
  .keys-titles{max-width: 100%;}
  .keys-titles div{margin-bottom: 7em; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
  .keys-titles p{font-size: 24px;}
  .keys-titles p.btn-keys{position: absolute; bottom:112px; left:12%; z-index: 3;}
  .keys-descr{max-width: 100%;}
  .promesses .col-12{padding:0 1em;}
  .exp-util .col-12.col-xl-6{margin-top: 0;}
  .actu article{width: 100%;}
  .actu article img{width:80%;}
  .actu-sm-descr{width: 480px; bottom:-3em;}
  .compo img{width: 70%;}
  .compo .col-12:last-of-type img{width: 90%;}
  .compo-img div{display: none;}
  .compo-img{width: 380px;}
  .compo-text{width: calc(100% - 420px);}
}

@media screen and (max-width: 1099px) {
  .homeview{min-height: 580px; max-height:auto;}
  .homeview .homeview-video{right:0; width: 100%; position: relative;
    display: flex; justify-content: center}
  .homeview .homeview-video iframe{
    margin-top: 14px; top:auto; left:auto; width:75%; height:calc(91% - 14px);}
}

@media screen and (max-width: 1039px) {
  .content-contact form{max-width: 640px;}
}

@media screen and (max-width: 991px) {
  .homeview{min-height: auto; max-height:none; height: auto; margin-bottom: 140px;}
  .homeview .container{margin-top: 10em; flex-direction: column;}
  .homeview .homeview-infos .btn{margin: 4em 0;}
  .home-firm .grey-part{padding-bottom: 4em;}
  .home-firm img.rounded{margin-top: 3em; width: 100%;}
  .f1{width:140px; top:-20px; right:-60px;}
  .f2{width:200px; bottom:-100px; left:-120px;}
  .banner-firm:before{width: 100%; height: 400px; top:-400px;}
  .banner-firm:after{display: none;}
  .banner-firm{margin-top: 0; width: 100%; position: relative; justify-content: space-between; flex-direction: column;}
  .banner-firm div{width: 100%;}
  .banner-firm div:nth-of-type(1), .banner-firm div:nth-of-type(2){justify-content: center; padding:1.5em 1em;}
  .banner-firm div:nth-of-type(1) strong:nth-of-type(1){font-size: 36px;}
  .banner-firm div:nth-of-type(1) span{font-size: 70px;}
  .banner-firm div:nth-of-type(1) p{font-size: 23px;}
  .banner-firm div:nth-of-type(2) p{font-size: 18px;}
  .btnMask{position: relative; z-index: 1; top:-26px; opacity:1; transition: none;}
  .w-cache{height: 260px;}
  .mb-1-991{margin-bottom: 1em; display: inline-block;}
  .or-light.symb-2:after{top:590px;}
  .keys-titles p.btn-keys{text-align: center; width: 100%; bottom:2em; left:0;}
  .keys-descr .col-lg-6{padding: 0 0.5em;}
  .keys-descr .col-lg-6:nth-of-type(1){top:0;}
  .keys-descr .col-lg-6:nth-of-type(2){top:0;}
  .keys-titles div{margin-bottom: 2em;}
  .home-keys .grey-part{padding-bottom: 7em;}
  .keys-titles div{flex-direction: column; text-align: center;}
  .content-contact{justify-content: space-between; flex-direction: column;}
  .content-contact form{max-width: 100%;}
  .infos-contact{justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
  .footer-bottom{flex-direction: column; align-items: center;}
  .titleTop{margin-top: 80px; height: 280px;}
  .titleTop p{font-size: 34px;}
  .white-part .col-12:not(:first-of-type){margin-top: 3em;}
  .w-cache.w-cache-3{height: 140px;}
  .adn .rounded{padding:2em; margin-bottom: 3em;}
  .adn .rounded > div:nth-of-type(1){max-width: 280px; padding-left: 1em;}
  .adn .rounded:nth-child(2n+1) > div:nth-of-type(1){padding-right: 1em;}
  .adn .rounded > div:nth-of-type(1) p{font-size: 22px;}
  .adn .rounded > div:nth-of-type(1) p strong{font-size: 32px;}
  .adn .rounded > div:nth-of-type(2){padding-left: 0; padding-right: 1em;}
  .adn .rounded:nth-child(2n+1) > div:nth-of-type(2){padding-left: 3em;}
  .adn .rounded > div:nth-of-type(2) p:nth-of-type(1){font-size: 26px;}
  .adn .rounded > div:nth-of-type(2) p:nth-of-type(1) span{font-size: 54px;}
  .modules .col-12{padding:0 1.5em;}
  .content-circle-cd{flex-direction: column; justify-content: center; align-items: center;}
  .circle-cd-text{position: relative; border-radius: 30px;}
  .circle-cd-text:before{content:url('../img/pim-triangle.png'); position: absolute; top:calc(100% - 2px); right:65%; transform: rotate(90deg);}
  .actu article img{width:80%;}
  .actu-sm-descr{width: 480px; bottom:-3em;}
  .actu article .cta-actu{opacity: 1;}
  .actu .actu-sm-descr{padding:1em 1em 4em 1em;}
  .demo{margin-top: 8em; padding: 2em 0 0 0;}
  .demo form input{font-size: 16px;}
  .demo-mail button{bottom:4.2em; right: 0.6em;}
  .pap{position: relative; margin-top: 4em; margin-bottom: 2em;}
  .pap img:nth-of-type(1){display: none;}
  .pap img:nth-of-type(2){display: none;}
  .pap img:nth-of-type(3){display: none;}
  .pap img:nth-of-type(4){display: block; position: relative; left:50%; transform: translateX(-50%);}
  .pap p:nth-of-type(1), .pap h2{margin-left: 0;}
  .pap p:nth-of-type(2){padding-left: 0; padding-top: 10px; margin-top: 1em;}
  .compo img{width: 50%; margin-top: 2em;}
  .compo .col-12:last-of-type img{width: 60%;}
  .compo .col-12{border:none; margin-bottom: 3em;}
  .compo .col-12:last-of-type{margin-bottom: 0;}
  .engagements.keys .col-12{margin-bottom: 0;}
}

@media screen and (max-width: 767px) {
  .grey-part{padding:4em 0;}
  .grey-part.pad-LR{padding-left: 1em; padding-right: 1em;}
  .f4{bottom:-70px; right:-20px; width: 230px;}
  .home-keys{margin-top: 4em;}
  .slider-avis{margin-top: 4em;}
  .swiper-slide-avis .rounded:before{opacity: 0.2;}
  .infos-contact{justify-content: space-between; flex-direction: column; align-items: center;}
  .content-contact{margin:3em auto 0 auto;}
  .contact{padding: 6em 0;}
  .rdvDemo{bottom:0; right: 0; width: 100%; border-radius: 16px 16px 0 0; flex-direction: row;}
  .rdvDemo span{font-size: 13px;}
  .rdvDemo span br{display: none;}
  .rdvDemo img{margin-right: 18px; width: 40px;}
  .adn .rounded{margin-bottom: 0; flex-direction: column-reverse; align-items: flex-start;}
  .adn .rounded > div:nth-of-type(1){max-width: 100%; border-left: none; border-right: none; border-bottom: 2px solid #f59d24; padding:0 0 3em 0;}
  .adn .rounded > div:nth-of-type(2){padding:0;}
  .adn .rounded:nth-child(2n+1){flex-direction: column-reverse;}
  .adn .rounded:nth-child(2n+1) > div:nth-of-type(1){border-right: none; padding:0 0 3em 0;}
  .adn .rounded img{margin-top: 2em}
  .adn .rounded:nth-child(2n+1) > div:nth-of-type(2){padding:0;}
  .adn.evo .rounded:nth-child(2n+1){flex-direction: column;}
  .adn.evo .rounded{flex-direction: column;}
  .adn.evo .rounded > div:nth-of-type(1){border-bottom: none; padding:0 0 1em 0;}
  .adn.evo .rounded > div:nth-of-type(2){border-bottom: 2px solid #f59d24; padding:0 0 3em 0;}
  .adn.evo .rounded > div:nth-of-type(1) img{display: none;}
  .adn.evo .rounded > div:nth-of-type(2) img{display: block; margin:3em auto 0 auto;}
  .adn .rounded > div:nth-of-type(1)
  .white-part{margin-top: 5em;}
  .modules .col-12{margin-bottom: 4em; padding:0 1em;}
  .content-circle-cd{padding:0 1em;}
  .circle-cd{transform: scale(0.9); margin-top: -140px; margin-bottom: -160px;}
  .b-firm div:nth-of-type(2) p{font-size: 16px;}
  .b-firm div:nth-of-type(1) p{font-size: 20px;}
  .b-firm div:nth-of-type(1) strong:nth-of-type(1){font-size: 26px; padding-bottom: 0.2em; display: inline-block;}
  .b-firm div:nth-of-type(1) span{font-size: 40px;}
  .actu article img{width:100%;}
  .actu-sm-descr{width: 95%; bottom:1em;}
  .actu article .cta-actu{opacity: 1;}
  .actu .actu-sm-descr{padding:1em 1em 4em 1em; bottom:3em; right: -2.5%; position: relative;}
  .actu article{margin-bottom: 1em;}
  .actu .actu-title{font-size: 20px;}
  .actu-detail ul li{font-size: 16px;}
  .demo-input{flex-direction: column;}
  .demo-input input{width: 100%;}
  .title-contexte{font-size: 18px; padding-top: 2px;}
  .keys.engagements .rounded{padding: 1em;}
  .engagements.keys .col-12{padding: 0 1em;}
  .engagements.keys .col-12 .key-title{font-size: 21px;}
  .engagements.keys .col-12 p{font-size: 17px;}
  .key-title span{font-size: 56px;}
  .contact{background: url('../img/contact-hypercomm-mobile.jpg') center no-repeat; -webkit-background-size: cover; background-size: cover;}
  .compo-img{width: 380px;}
  .compo-text{width: 100%; text-align: center;}
  [id^="compo-text-0"]{opacity: 1; margin-top:0;}
  [id^="compo-text-0"]:before{display: none;}
  .info-compo{display: none;}
  .composition{flex-direction: column;}
  #compo-text-01{margin-top: 3em;}
  #compo-text-02, #compo-text-03{margin-top: 1em;}
  .homeview .homeview-video{height:calc(530px - 50%); width:calc(960px - 50%);}
}

@media screen and (max-width: 575px) {
  .grey-part .sm-container{padding:0;}
  .homeview{margin-bottom: 100px;}
  .homeview .container{margin-top: 7em;}
  .homeview .homeview-infos .btn{margin: 3em 0;}
  .homeview .homeview-infos{font-size: 21px;}
  .homeview .homeview-infos strong{font-size: 32px;}
  .homeview .homeview-infos p{font-size: 15px;}
  .homeview:after{height: 100px;}
  .home-firm .grey-part:before{width: 30px; height: 30px;transform: rotate(45deg) translate(0, 20px);}
  .banner-firm:before{width: 100%; height: 200px; top:-200px;}
  .banner-firm div:nth-of-type(1){text-align: center;}
  .banner-firm div:nth-of-type(1) strong:nth-of-type(1){font-size: 22px;}
  .banner-firm div:nth-of-type(1) span{font-size: 36px;}
  .banner-firm div:nth-of-type(1) p{font-size: 14px; max-width: 300px;}
  .banner-firm div:nth-of-type(2) p{font-size: 15px;}
  .banner-firm div:nth-of-type(2) br{display: none;}
  .home-adn{margin-top: 3em;}
  .home-adn p{font-size: 20px;}
  .home-adn p strong{font-size: 30px;}
  .keys-titles p{font-size: 20px; text-align: left;}
  .keys-titles p span{font-size: 50px;}
  .f4{bottom:-30px; right:-40px; width: 170px;}
  .content-home-keys{margin-top: 2em;}
  .home-keys{margin-top: 1em;}
  .keys-descr{display: none;}
  .slider-avis{margin-top: 3em; padding:0;}
  .slider-avis .swiper-prev{top:100%; left:50%; transform: translateX(-50px);}
  .slider-avis .swiper-next{top:100%; right: 50%; transform: translateX(50px);}
  .swiper-slide-avis .rounded{padding: 2em 1em;}
  .swiper-slide-avis .p-name{font-size: 21px;}
  .swiper-slide-avis .job{margin-bottom: 1.5em; font-size: 16px;}
  .swiper-slide-avis .p-avis{font-size: 14px;}
  .w-cache.w-cache-2{height: 230px;}
  .logo-footer img{max-width: 430px;}
  .contact{padding: 4em 0;}
  footer{padding:3em 0 4em 0;}
  footer .sm-container{justify-content: center; align-items: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .footer-bottom{flex-direction: column; align-items: flex-start;}
  .content-logo{overflow: hidden; width: 80px;}
  .content-logo #logo{width: 300px; max-width: 300px;}
  .titleTop{margin-top: 70px; height: 150px;}
  .titleTop p{font-size: 26px;}
  .white-part{margin-top: 4em;}
  .circle-cd{transform: scale(0.5);}
  .exp-util .col-12.col-xl-6{padding:0; margin-top: 0;}
  .b-firm div:nth-of-type(2) p{padding: 0 0.5em;}
  .b-firm div:nth-of-type(1) p{padding: 0 0.5em;}
  .actu-detail ul li{font-size: 15px;}
  .demo-mail button{bottom:5em; right:0; position: relative; width: 100%;}
  .demo form input{padding:1.2em 1.4em 1em 1.4em; margin-bottom: 1em;}
  .demo{overflow: hidden; margin-bottom: -7em; padding:4em 0 3em 0;}
  .demo img{width: 1546px; max-width: 1546px; top:2em; left:50%; transform: translateX(-50%);}
  .wordCloud span:nth-of-type(1){top:60%; left:20%; font-size: 28px;}
  .wordCloud span:nth-of-type(2){top:26%; left:5%; font-size: 22px;}
  .wordCloud span:nth-of-type(3){top:8%; left:40%; font-size: 24px;}
  .wordCloud span:nth-of-type(4){top:40%; right:4%; font-size: 22px;}
  .wordCloud span:nth-of-type(5){top:80%; right:20%; font-size: 18px;}
  .compo img{width: 70%;}
  .compo .col-12:last-of-type img{width: 90%;}
  .adn .rounded{padding:1em 0; margin-bottom: 2em;}
  .adn .rounded img{width: auto;}
  .homeview .homeview-video{height:265px; width:480px;}
}

@media screen and (max-width: 420px) {
  .compo-img{width: 280px;}
  .compo-img img:nth-of-type(2){margin-top:-155px;}
  .compo-img img:nth-of-type(3){margin-top:-150px;}
  .compo-img img:nth-of-type(4){margin-top:-150px;}
  .compo-img img:nth-of-type(5){margin-top:-80px;}
  .compo-img img:nth-of-type(2):hover{margin-top:-45px;}
  .compo-img img:nth-of-type(3):hover{margin-top:-45px;}
  .compo-img img:nth-of-type(4):hover{margin-top:-45px;}
  .compo-img img:nth-of-type(5):hover{margin-top:-80px;}
  .homeview .homeview-video{height:185px; width:336px;}
}