/*Fonts*/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i');
 @import url('animation.css');
 @import url('aos.css');
 @import url('animate.css');
/* @import url('responsive.css');*/

/* Reset CSS */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
}
 button{
     cursor: pointer;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 html{
     overflow-x: hidden;
}
 body {
     line-height: 1;
}
 ol, ul {
     margin-left: 20px;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 button:focus,button,input {
     outline: none !important;
     box-shadow: none;
}
 input[type="text"],input[type="mail"]{
     border-radius: 0 !important;
}
/*Marge*/
 .mg-top80{
     margin-top: 80px;
}
 .mg-top50{
     margin-top: 5rem;
}
 .mg-top35{
     margin-top: 35px;
}
 .mg-top55{
     margin-top: 55px;
}
 .mg-top125{
     margin-top: 125px;
}
.mg-top30{
     margin-top: 3rem;
}
.mg-top10{
     margin-top: 1rem;
}
 .nopadding{
     padding: 0 !important;
}
 h1{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
     margin-bottom: 5px;
}
h2.seofix {
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
     margin-bottom: 5px;
}
 h2{
     font-family: 'Playfair Display', serif;
     font-size: 64.8px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 75px;
     letter-spacing: 1.296px;
     text-align: left;
     color: #000000;
}
h1.seofix {
     font-family: 'Playfair Display', serif;
     font-size: 64.8px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 75px;
     letter-spacing: 1.296px;
     text-align: left;
     color: #000000;
}
 p.inter-pg {
     color: #000000;
     margin-bottom: 70px;
}
/*Style*/
 .clear{
     clear: both;
}
 a{
     color: #fff;
}
 a:hover{
     text-decoration: none;
     color: #00D8FA;
}
 body,p{
     font-family: 'Open Sans',sans-serif;
     font-size: 18px;
     color: #fff;
     line-height: 1.875;
     letter-spacing: 0.5px;
}
 .wrap-content {
     display: flex;
     flex-direction: row-reverse;
}
 .logo {
     position: absolute;
     top: 27px;
     left: 62px;
     z-index: 999;
     max-width: 100px 
}
/*Loader*/
 #loader-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
     overflow: hidden;
}
 .no-js #loader-wrapper {
     display: none;
}
 #loader {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #000;
     -webkit-animation: spin 1.7s linear infinite;
     animation: spin 1.7s linear infinite;
     z-index: 11;
}
 #loader:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #fff;
     -webkit-animation: spin-reverse .6s linear infinite;
     animation: spin-reverse .6s linear infinite;
}
 #loader:after {
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #00D8FA;
     -webkit-animation: spin 1s linear infinite;
     animation: spin 1s linear infinite;
}
 #loader-wrapper .loader-section {
     position: fixed;
     top: 0;
     width: 51%;
     height: 100%;
     background: #222;
     z-index: 10;
}
 #loader-wrapper .loader-section.section-left {
     left: 0;
}
 #loader-wrapper .loader-section.section-right {
     right: 0;
}
.loaded #loader {
     visibility: hidden;
     opacity: 1;
     transition: opacity 1s linear;
}
 .loaded #loader-wrapper {
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s 1s, opacity 1s linear;
}
/*header*/
 header{
     width: 88px;
     max-width: 88px;
     height: 100vh;
     background:#ececec url(../images/fond-menu.png) no-repeat top center;
     background-size: cover;
     display: flex;
     flex-direction: column;
     position: fixed;
     padding: 0 10px;
     z-index: 999;
}
 header nav {
     text-align: center;
     width: 100%;
     position: relative;
     height: auto;
     overflow: hidden;
     background: none;
     margin-top: 43px 
}
 header .button a {
     text-decoration: none;
     text-align: center;
}
 .content .overlay {
     position: fixed;
     width: calc(100vw - 88px);
     margin-right: 88px;
     height: 100vh;
     background: rgba(0,0,0,0.9);
     z-index: 1;
     transform: translate(100%);
     transform-origin: 100% 0;
     transition: all 1s ease-in-out;
}
 .content .overlay.open {
     transform: translate(0);
     z-index: 99;
}
 .content .overlay-search {
     position: fixed;
     width: calc(100vw - 88px);
     margin-right: 88px;
     height: 100vh;
     background: rgba(0,0,0,0.9);
     z-index: 1;
     transform: translate(100%);
     transform-origin: 100% 0;
     transition: all 1s ease-in-out;
}
 .content .overlay-search.open {
     transform: translate(0);
     z-index: 99;
}
 .content .overlay svg{
     position: absolute;
     top: 80px;
     right: 35px;
     cursor: pointer;
}
 .content .wrap-search {
     display: flex;
     justify-content: center;
     height: 100vh;
     align-items: center;
}
 .content .wrap-search .search-wrap input{
     width: 405px;
     background: transparent;
     border: none;
     color: #fff;
     border-bottom: solid 1px #e3e3e3;
     height: 40px;
     font-family: 'Open Sans', serif;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
}
 .content .wrap-search .search-wrap input::placeholder{
     font-family: 'Open Sans', serif;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
}
/*Input*/
 .content .wrap-search .titre-input {
     color: rgba(255,255,255,0.5);
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 .content .wrap-search .cnt-input, .content .wrap-search .placehold {
     position: relative;
}
 .content .wrap-search .placehold {
     z-index:2;
}
 .content .wrap-search .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
}
 .content .wrap-search .btn-arrow svg{
     transition: all .5s;
}
 .content .overlay svg:hover g g,.content .button svg:hover g g,.content .search svg:hover g g{
     fill: #00D8FA;
}
 .content .overlay-search svg:hover g g,.content .search svg:hover g g,.content .search-search svg:hover g g{
     fill: #00D8FA;
}
 .content .overlay-search > svg {
     position: absolute;
     top: 42px;
     right: 35px;
}
 .content .wrap {
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .content .wrap .menu-wrap{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .content .wrap .hover .wrap-nav li a {
     color: #4A4A4A !important;
     transform: scale(1);
     transition: all 0.3s ease-in-out 0.2s;
}
 .content .wrap .hover .wrap-nav li:after{
     content: url(../images/trait-menu-hover.jpg);
}
 .content .wrap .hover .wrap-nav li:hover a{
     color: #fff !important;
     transition: all 0.3s ease-in-out 0.1s;
}
 .content .wrap ul.wrap-nav li {
     display: inline-block;
     vertical-align: top;
     position: relative;
     text-align: center;
     padding-right: 75px;
     padding-left: 15px;
}
 .content .wrap ul.wrap-nav li a {
     color: #fff;
     display: block;
     padding: 8px 0;
     font-family: 'Playfair Display', serif;
     font-size: 52.65px;
     font-weight: bold;
     line-height: 1.222;
     letter-spacing: 1.05299996137619px;
}
 .content .wrap ul.wrap-nav li a:hover{
     text-decoration: none;
}
 .content .wrap ul.wrap-nav li:after{
     content: url(../images/trait-menu.jpg);
     position: absolute;
     right: 0;
     top: calc(50% - 5px);
}
 .content .wrap ul.wrap-nav li:last-child:after{
     content: none;
}
 .content .wrap .reseaux li{
     display: table-cell;
     padding: 0 20px;
     vertical-align: middle;
     height: 35px;
}
 .content .wrap .reseaux li a i{
     color: #fff;
}
 .content .wrap .reseaux li a:hover i{
     color: #00D8FA;
}
 .content .wrap .social{
     position: absolute;
     bottom: 55px;
}
 header .search{
     margin-top: 10px;
}
 header .contact a{
     transform: rotate(90deg);
     font-family: 'Open Sans',serif;
     font-size: 20px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.727272727272727;
     letter-spacing: 1.833333px;
     text-align: center;
     color: #000000;
     text-transform: uppercase;
     display: block;
}
 header .contact a:hover{
     color: #00D8FA;
     text-decoration: none;
}
 header .contact{
     top: calc(30% - 71px);
     text-align: center;
     position: relative;
}
 header .social-menu {
     position: absolute;
     bottom: 60px;
     left: calc(40% - 1px);
}
 header .social-menu li a i{
     color: #000;
     font-size: 23px;
}
 header .social-menu li a:hover i{
     color: #00D8FA;
}
 header .social-menu li{
     text-align: center;
     margin-bottom: 20px;
}
 .content {
     width: calc(100vw - 88px);
     margin-right: 88px;
}
/*About*/
 .wrap-about{
     background: url(../images/trames-02.png) no-repeat center, url(../images/bg-home-img.jpg) no-repeat center;
     background-size: cover;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
}
.wrap-about:after{
     content: "";
     background: rgba(0,0,0,0.5);
     width: 100%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
}
 .wrap-about > div{
     text-align: center;
     z-index: 10;
}
 .wrap-about h2,.wrap-arterris h2{
     font-family: 'Playfair Display', serif;
     font-size: 100px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: 2px;
     text-align: center;
     color: #00d8fa;
     margin-bottom: 80px;
}
 .wrap-about h2 span,.wrap-arterris h2 span{
     color: #fff;
}
 .wrap-expertise h1{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.76;
     letter-spacing: 0.8333333px;
     text-align: left;
     color: #000000;
     margin-bottom: 20px;
}
 .wrap-expertise h1 span{
     color: #fff;
}
 .wrap-about .section-texte{
     font-family: 'Open Sans', serif;
     font-size: 22px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.7647058823529411;
     letter-spacing: 2px;
     text-align: center;
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 90px;
}
 .scroll-down {
     position: absolute;
     bottom: 60px;
     left: calc(49% - 1px);
}
 .btn-custom{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: center;
     color: #ffffff;
     border: solid 1.5px #ffffff;
     padding: 12px 25px;
     display: inline-block;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
}
 .btn-custom:hover{
     color: #000;
     text-decoration: none;
     background: #fff;
}
/*Expertise*/
 .wrap-expertise{
     background: url(../images/background-expertise.jpg) no-repeat center;
     background-size: cover;
     overflow: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     padding: 4.7rem 0 5.7rem 0;
}
 .wrap-expertise2 {
     background: #fff;
}
 .wrap-expertise2 h3{
     font-family: 'Playfair Display', serif;
     font-size: 33px;
     font-weight: bold;
     color: #fff;
}
#expertise-metier h3{
     font-size: 27px;
}
 .wrap-expertise2 h3 span{
     color: #00d8fa;
}
 .wrap-expertise > div{
     width: 960px;
}
 .wrap-expertise .btn-expertise{
     margin-top: 120px;
}
 .wrap-expertise2 .btn-expertise{
     margin-top: 40px;
}
 .wrap-expertise .block-expertise{
     font-family: 'Open Sans', serif;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2px;
     color: #ffffff;
     text-transform: uppercase;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
}
 .wrap-expertise .btn-custom{
     padding: 10px 30px;
}
 .wrap-expertise .block-expertise .block-content{
     text-align: center;
     width: 28%;
     margin-right: 8%;
     display: flex;
     flex-direction: column-reverse;
}
 .wrap-expertise .block-expertise .block-content:nth-child(3n){
     margin-right: 0;
}
 .wrap-expertise .block-expertise .block-content img{
     margin-bottom: 35px;
     transition: all .2s ease-in-out;
}
 .wrap-expertise .block-expertise .block-content:hover img{
     transform: scale(1.3);
}
 .wrap-expertise .block-expertise .block-content:hover , .wrap-expertise .block-expertise .block-content:hover .block a{
     color: #000;
}
 .wrap-expertise .block-expertise .block-content .block{
     margin-top: 50px;
}
 #testimonials .flickity-prev-next-button {
     width: 34px;
     height: 27px;
     border: none;
     background: none;
}
 #testimonials .previous svg,#testimonials .next svg{
     display: none;
}
 #testimonials .next{
     background: url(../images/next-testimonials.png) no-repeat center center;
     position: absolute;
     top: 40%;
     right: 0;
}
 #testimonials .previous{
     background: url(../images/prev-testimonials.png) no-repeat center center;
     cursor: pointer;
     position: absolute;
     top: 40%;
     left: 0;
}
 #testimonials .next:hover,#testimonials .previous:hover{
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
}
/*Réalisation*/
 .wrap-realisation{
     background: #000 url(../images/fond-realisation.png) no-repeat center center;
     overflow: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 5.5rem 0 6rem 0;
}
 .wrap-realisation > div{
     width: 960px;
}
 .wrap-realisation .content-realisation{
     position: relative;
}
 .wrap-realisation .content-realisation > div{
     padding: 0;
}
 .wrap-realisation .content-realisation .block-realisation{
     margin-right: 20px;
     margin-top: 17px;
     width: 100%;
     box-sizing: border-box;
}
 .wrap-realisation .titre-realisation{
     font-family: 'Playfair Display', serif;
     font-size: 65px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.353846153846154;
     letter-spacing: 1.408333px;
     text-align: center;
     color: #ffffff;
     position: absolute;
     z-index: 1;
     left: calc(23% - 1px);
     top: calc(42.555% - 1px);
     text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
}
 .hover .block-realisation{
     opacity: 1;
     transition: all 0.3s ease-in-out 0.1s;
     margin-bottom: 35px;
}
 .block-realisation a{
     display: block;
     position: relative;
     width: 459px;
     height: 276px;
     overflow: hidden;
}
 .block-realisation img {
     max-width: 530px;
     height: auto;
}
 .block-realisation a:hover{
     text-decoration: none;
}
 .hover .block-realisation:hover{
     opacity: 1;
     transition: all 0.3s ease-in-out 0.1s;
}
 .hover .block-realisation a:hover:after{
     content: url(../images/trames-etude-cas.png);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease-in-out 0.1s;
}
.hover .block-realisation a:hover:before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     transition: all 0.3s ease-in-out 0.1s;
}
 .hover .block-realisation a:after{
     content: url(../images/trames-etude-cas.png);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease-in-out 0.1s;
}
.hover .block-realisation a:before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.7);
     transition: all 0.3s ease-in-out 0.1s;
}
 .wrap-realisation .titre-real{
     font-family: 'Playfair Display', serif;
     font-size: 35px;
     color: #FFFFFF;
     letter-spacing: 0.7px;
     text-transform: uppercase;
     font-weight: bold;
     line-height: 35px;
}
 .wrap-realisation .block-real{
     text-align: right;
     position: absolute;
     /*bottom: 30px;*/
     top: 110px;
     right: 30px;
     z-index: 10;
     display: none;
     transition: all 0.3s ease-in-out 0.1s;
}
 .wrap-realisation .block-real p{
     font-family: 'Playfair Display', serif;
     font-size: 16px;
     color: #12AFF2;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     padding: 8px 0 13px 0;
     font-weight: 800;
}
 .wrap-realisation .content-realisation > div:nth-child(2n) .block-real, .wrap-realisation .content-realisation > div:nth-child(2n) .block-real, .wrap-realisation .content-realisation > div:nth-child(2n) .block-real{
     text-align: left;
     bottom: 30px;
     right: 0px;
     left: 30px;
}
 .wrap-realisation .block-realisation a:hover .block-real{
     display: block;
     transition: all 0.3s ease-in-out 0.9s;
}
/*Notre ADN*/
 .wrap-adn{
     background: url(../images/trames-02.png) no-repeat center, url(../images/background-adn.jpg) no-repeat center;
     background-size: cover;
     overflow: auto;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     position: relative;
     padding: 6rem 0;
}
.wrap-adn > div{
     z-index: 10;
}
 .wrap-adn .titre-adn{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 0.9999999px;
     text-align: left;
     color: #00d8fa;
     margin-bottom: 35px;
}
 .wrap-logo-client h2{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 0.9999999px;
     text-align: center;
     color: #00d8fa;
     margin-bottom: 35px;
}
 .wrap-logo-client h2 span{
     color: #fff;
}
 .wrap-adn .titre-adn span{
     color: #fff;
}
 .wrap-adn p{
     font-family: "Open Sans", serif;
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.875;
     letter-spacing: 0.5px;
     text-align: left;
     color: #ffffff;
}
 .wrap-adn .container{
     width: 970px;
}
 .wrap-adn .container-fluid{
     padding: 0 80px;
     margin-top: 100px;
}
 .wrap-adn .btn-custom{
     padding: 13px 35px;
     margin-top: 110px;
}
 .block-logo{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
}
 .block-logo .img-logo img{
     filter: grayscale(1);
     -webkit-filter: grayscale(1);
     transform: scale(1);
     transition: all 0.3s ease-in-out 0.2s;
}
 .block-logo .img-logo{
     flex: 1 0 15%;
     text-align: center;
     margin-top: 20px;
     justify-content: space-between;
     padding: 0 10px;
}
 .block-logo .img-logo img:hover{
     filter: grayscale(0);
     -webkit-filter: grayscale(0);
     transform: scale(1.2);
}
/*Careers*/
 .newsletter{
     min-height: 162px;
     background-color: #000000;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
.newsletter .container{
     width: 1200px;
}

/*Input*/
 .newsletter .titre-input {
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 .newsletter .cnt-input, .newsletter .placehold {
     position: relative;
}
 .newsletter .placehold {
     z-index:2;
}
 .newsletter .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
     margin-left: 10px;
     top: -10px;
     position: relative;
}
 .newsletter .emailBox {
     margin-left: 0;
}
 .newsletter .btn-arrow svg{
     transition: all .5s;
}
 .wrap-careers .slide{
     font-family: 'Playfair Display', serif;
     font-size: 25px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3px;
     text-align: center;
     color: #ffffff;
}
 .wrap-careers .center{
     height: 452px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: url(../images/ville.jpg) no-repeat center;
     background-size: cover;
}
 .wrap-careers .slide a{
     visibility: hidden;
}
 .slick-arrow{
     background: none;
     border: none;
     text-indent: -9999px;
     white-space: nowrap;
     overflow: hidden;
     color: transparent;
}
 .slick-prev{
     background: url(../images/prev.png) no-repeat center;
     height: 27px;
     width: 34px;
     position: absolute;
     top: calc(80% - 1px);
     left: calc(46% - 2px);
}
 .slick-next{
     background: url(../images/next.png) no-repeat center;
     height: 27px;
     width: 34px;
     position: absolute;
     top: calc(80% - 1px);
     left: calc(52% - 2px);
}
 .slick-prev:hover,.slick-next:hover{
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
}
 .titre-news{
     font-family: 'Playfair Display', serif;
     font-size: 30px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.600000023841858px;
     text-align: right;
     color: #ffffff;
     display: flex;
     align-items: center;
     min-height: 147px;
     justify-content: flex-end;
}
 .icn-news {
     width: 107px;
     min-height: 147px;
     background-color: #333333;
     justify-content: center;
     display: flex;
     align-items: center;
     margin: 0 auto;
}
 .emailBox{
     margin-left: 7%;
     min-height: 147px;
     display: flex;
     align-items: center;
}
 .emailBox input,.emailBox input:focus{
     width: 340px;
     height: 40px;
     background: transparent;
     border: none;
     border-bottom: solid 1px #ffffff;
     color: #fff;
}
 .emailBox input::placeholder{
     font-family: "Open Sans", serif;
     font-size: 16px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.875;
     letter-spacing: 0.5px;
     text-align: left;
     color: #ffffff;
     opacity: 1;
}
/*Insights*/
 .wrap-insights{
     background: #fff;
}
 .insights-home{
     margin: 5.5rem 0 6rem 0;
}
 .wrap-insights .container-fluid{
     padding-top: 6rem;
     padding-bottom: 6rem;
}
 #expertise-page .wrap-insights .container-fluid{
     padding-left: 80px;
     padding-right: 80px;
}
 .wrap-insights .titre-insights{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 65px;
}
 .wrap-insights .blog-item {
     background-color: #fff;
     padding: 50px 41px 0 41px;
     width: 100%;
     min-height: 408px;
     position: relative;
     z-index: 0;
     border: solid 0.6670520231213873px #c1c1c1;
}
/* .wrap-insights .block-insights > div:nth-child(2) .blog-item{
     border-left: none;
     border-right: none;
}*/
 .wrap-insights .blog-item .post-img {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     z-index: -1;
     background-color: #000;
     opacity: 0;
     -webkit-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -moz-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -ms-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -o-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     transition: all 1.2s cubic-bezier(.215,.61,.355,1);
     will-change: opacity;
}
 .wrap-insights .blog-item .post-img img {
     display: block;
     position: absolute;
     width: 100%;
     top: 50%;
     left: 0;
     z-index: 1;
     height: 100%;
     object-fit: cover;
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .wrap-insights .blog-item .post-img .overlay-img {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: 2;
     /*background:rgba(0,0,0,.1) url(../images/trames3.png) no-repeat bottom center;*/
    background: rgba(0, 0, 0, 0.68) url(../images/trames3.png) no-repeat bottom center;
}

 .wrap-insights .blog-item .meta-categories,.wrap-insights .blog-item .meta-categories a {
     margin-bottom: 20px;
     font-family: "Open Sans", serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.142857px;
     color: #00d8fa;
     text-transform: uppercase;
}
 .wrap-insights .blog-item .blog-item-more {
     color: #00D8FA;
     display: block;
     position: absolute;
     bottom: 10px;
     font-family: 'Open Sans',sans-serif;
     font-weight: bold;
     font-size: 15px;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding-top: 70px;
     height: 70px;
     overflow: hidden;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .wrap-insights .blog-item .blog-item-more:before {
     content: "";
     width: 0;
     height: 40px;
     border-left: solid 1px #c1c1c1;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .wrap-insights .blog-item .blog-item-title a{
     font-family: 'Playfair Display', serif;
     font-size: 30px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3571428571428572;
     letter-spacing: normal;
     text-align: left;
     color: #000000;
}
 .wrap-insights .blog-item:hover .post-img {
     opacity: 1;
}
 .wrap-insights .blog-item:hover .blog-item-title {
     color: #fff;
}
 .wrap-insights .blog-item:hover .blog-item-more {
     color: #00D8FA;
     padding-top: 35px;
     text-decoration: none;
}
 .wrap-insights .blog-item:hover .blog-item-more:before {
     height: 25px;
}
 .wrap-insights .block-insights > div{
     padding: 0;
}
 .wrap-insights-expertises .block-insights{
     padding: 0 15px;
}
 .wrap-insights .blog-item .meta-categories a:hover,.wrap-insights .blog-item .blog-item-title a:hover{
     text-decoration: none;
}
 .wrap-insights .blog-item:hover .blog-item-title a{
     color: #fff;
}
/*Contact*/
 .wrap-contact{
     background: url(../images/background-contact.jpg) no-repeat center;
     background-size: cover;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
}
#contact-page .wrap-reseau .titre-reseau{
	text-align: center;
}
 .wrap-contact .titre-contact{
     font-family: 'Playfair Display', serif;
     font-size: 70px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 0.8;
     letter-spacing: 1.3px;
     text-align: center;
     color: #333333;
     margin-bottom: 35px;
}
 .wrap-contact .titre-contact2{
     font-family: "Open Sans", serif;
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.5;
     letter-spacing: 0.5px;
     text-align: center;
     color: #333333;
     margin-bottom: 30px;
}
 .wrap-contact .switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 34px;
     margin: 0 15px 0 15px;
     bottom: -3px;
}
 .wrap-contact .switch input {
    display:none;
}
 .wrap-contact .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #333;
     -webkit-transition: .4s;
     transition: .4s;
}
 .wrap-contact .slider:before {
     position: absolute;
     content: "";
     height: 22px;
     width: 22px;
     left: 4px;
     bottom: 2px;
     background-color: #00d8fa;
     -webkit-transition: .4s;
     transition: .4s;
}
 .wrap-contact input:checked + .slider {
     background-color: #333;
}
 .wrap-contact input:focus + .slider {
     box-shadow: 0 0 1px #333;
}
 .wrap-contact input:checked + .slider:before {
     -webkit-transform: translateX(29px);
     -ms-transform: translateX(29px);
     transform: translateX(29px);
}
/* Rounded sliders */
 .wrap-contact .slider.round {
     border-radius: 34px;
     width: 60px;
     height: 25px;
}
 .wrap-contact .slider.round:before {
     border-radius: 50%;
}
 .wrap-contact .switch-contact {
     width: 255px;
     margin: 0 auto;
     font-family: "Open Sans", serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 2.140000104904175px;
     text-align: left;
     color: #333333;
     display: flex;
     justify-content: center;
     align-items: flex-start;
}
 .wrap-contact #form-contact{
     width: 530px;
     margin: 40px auto 0 auto;
     min-height: 150px;
}
/*Input*/
 #form-contact .titre-input {
     color: rgba(51,51,51,0.5);
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 #form-contact .cnt-input, #form-contact .placehold {
     position: relative;
}
 #form-contact .placehold {
     z-index:2;
}
 #form-contact .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
     margin-left: 10px;
     top: -10px;
     position: relative;
}
 #form-contact .btn-arrow svg{
     transition: all .5s;
}
 .content-infos{
     width: 500px;
     min-height: 150px;
     margin: 40px auto 0 auto;
}
 #form-contact .emailBox input, #form-contact .emailBox input:focus {
     width: 405px;
     height: 40px;
     background: transparent;
     border: none;
     border-bottom: solid 1px #e3e3e3;
     color: #333;
}
 .emailBox input::placeholder{
     font-family: "Open Sans", serif;
     font-size: 16px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #333333;
}
 .wrap-contact #telephone #form-contact{
     width: inherit;
     margin: inherit;
     min-height: inherit;
 }
 .wrap-contact #telephone{
     display: none;
     width: 530px;
     margin: 40px auto 0 auto;
     min-height: 150px;
}
 .wrap-contact #telephone .tel{
     color: #333;
     font-size: 30px;
     font-weight: 300;
     font-family: "Open Sans", serif;
     display: inline-block;
     border: 1px solid #333;
     border-radius: 40px;
     padding: 17px 45px;
     width: 75%;
}
 .wrap-contact #telephone .tel input::placeholder{
     color: #333;
     font-size: 30px;
     font-family: "Open Sans", serif;
     opacity: 1;
 }
 .wrap-contact #telephone .tel input{
     background: none;
     border: none;
     width: 100%;
 }
 .wrap-contact .fond-contact{
     background: url(../images/fond-contact.png) no-repeat center center;
     min-height: 487px;
     padding-top: 90px;
}
/*Région*/
 .wrap-region{
     background: url(../images/background-region.png) no-repeat center center;
     background-size: cover;
     min-height: 166px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-top: 60px;
     position: relative;
}
 .wrap-region .titre-region{
     font-family: "Open Sans", serif;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.5px;
     text-align: left;
     color: #ffffff;
     display: flex;
     align-items: center;
     min-height: 166px;
}
 .wrap-region .titre-region svg{
     margin-left: 10px;
}
 .wrap-region .titre-region svg:hover{
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
}
 .content-region .heures{
     font-family: "Open Sans", serif;
     font-size: 35px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.071428px;
     text-align: center;
     color: #ffffff;
     opacity: 0.2;
     margin-bottom: 10px;
}
 .content-region .ville{
     font-family: "Open Sans", serif;
     font-size: 15px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.3928571px;
     text-align: center;
     color: #ffffff;
     text-transform: uppercase;
}
 .block-region{
     display: flex;
}
 .block-region .content-region{
     width: 178px;
     height: 166px;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     display: flex;
}
 .block-region .content-region svg{
     margin-top: 30px;
     display: none;
}
 .block-region .content-region, .content-region .heures, .content-region .ville {
     position: relative;
}
 .block-region .content-region {
     cursor: pointer;
}
 .content-region>img {
     position: absolute;
     z-index: 1;
     transform: scale(0);
     opacity: 0;
     transition: all .5s ease-out;
}
 .content-region::after {
     content: "";
     display: block;
     height: 2px;
     width: 96%;
     background: #00D8FA;
     position: absolute;
     bottom: -17px;
     opacity:0;
     transform: scale(0);
     transition: all .5s ease-in;
     left: 4px;
}
 .block-region .content-region svg{
     position: absolute;
     bottom: 6px;
     left: 50%;
     margin-left: -9px;
     opacity: 0;
     transform: scale(0);
     transition: opacity .3s ease-in;
}
 .block-region .content-region:hover img, .block-region .content-region:hover svg, .block-region .content-region:hover::after {
     transform: scale(1);
     opacity: 1;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
}
 .content-region .heures, .content-region .ville, .block-region .content-region svg, .content-region::after {
     z-index: 2;
}
 .block-region .content-region:hover svg, .block-region .content-region:hover::after {
     opacity: 1;
     display: block;
     transition: all .5s ease-in;
}
 .scroll-top {
     position: absolute;
     bottom: 65px;
     right: 10px;
}
/*Footer*/
 #wrap-footer{
     background: #000;
     min-height: 180px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 #wrap-footer .form-footer .emailBox3 {
     margin-left: 0;
     display: flex;
     align-items: center;
}
 #wrap-footer .form-footer label{
     font-family: "Open Sans", serif;
     font-size: 18px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.5px;
     text-align: left;
     color: #ffffff;
}
 #wrap-footer .form-footer input{
     width: 250px;
     height: 40px;
     background: transparent;
     border: none;
     border-bottom: solid 1px #e3e3e3;
     color: #fff;
}
 #wrap-footer .form-footer input::placeholder{
     font-family: "Open Sans", serif;
     font-size: 16px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #fff;
}
 #wrap-footer .lien-footer a{
     font-family: "Open Sans", serif;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.8461538461538463;
     letter-spacing: 0.5px;
     color: #ffffff;
}
 #wrap-footer .lien-footer a:last-child{
     padding-left: 40px;
}
 #wrap-footer .lien-footer{
     text-align: center;
     padding-top: 20px;
}
 #wrap-footer .lien-footer a:hover{
     text-decoration: none;
     color: #00D8FA;
}
 #wrap-footer .copyright{
     font-family: "Open Sans", serif;
     font-size: 18px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.8461538461538463;
     letter-spacing: 0.5px;
     text-align: center;
     color: #ffffff;
     padding: 25px 0;
     background: url(../images/bg-copyright.png) no-repeat center center;
}
/*Input*/
 #wrap-footer .titre-input {
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 #wrap-footer .cnt-input, #wrap-footer .placehold {
     position: relative;
}
 #wrap-footer .placehold {
     z-index:2;
}
 #wrap-footer .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
}
 #wrap-footer .btn-arrow svg{
     transition: all .5s;
}
/*Étude des cas*/
 .wrap-arterris{
     background: url(../images/background-arterris.jpg) no-repeat center;
     background-size: cover;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
}
 .wrap-arterris > div{
     text-align: center;
}
 .wrap-arterris h1{
     margin-bottom: 20px;
}
 .wrap-arterris .section-texte{
     font-family: 'Open Sans', serif;
     font-size: 22px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.142857142857143;
     letter-spacing: 1.647059px;
     text-align: center;
     color: #ffffff;
     margin-bottom: 85px;
     text-transform: uppercase;
}
/*Counter expertises*/
 .wrap-counter{
     background: url(../images/background-counter.jpg) no-repeat center;
     background-size: cover;
     min-height: 444px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
}
 .wrap-counter .counter {
     font-family: 'Playfair Display', serif;
     font-size: 70px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -0.5833334px;
     text-align: center;
     color: #ffffff;
}
 .wrap-counter .content-counter > div:first-child .counter:after, .wrap-counter .content-counter > div:last-child .counter:after{
     /*content: "K";*/
     content: none;
}
 .wrap-counter .content-counter > div:nth-child(2) .counter{
     position: relative;
}
 .wrap-counter .content-counter > div:nth-child(2) .counter:after{
     content: "";
     width: 98px;
     height: 1px;
     background: #fff;
     display: inline-block;
     position: absolute;
     left: -30px;
     bottom: 20px;
}
 .wrap-counter .content-counter > div:nth-child(2) .counter:before{
     content: "";
     width: 98px;
     height: 1px;
     background: #fff;
     display: inline-block;
     position: absolute;
     right: -30px;
     bottom: 20px;
}
 .wrap-counter .content-counter .counter-text{
     font-family: 'Open Sans', serif;
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 20px;
     letter-spacing: 4px;
     text-align: center;
     color: #000000;
     text-transform: uppercase;
     margin-top: 20px;
}
 .wrap-counter p{
     font-family: 'Open Sans', serif;
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.4444444444444444;
     letter-spacing: 0.5625px;
     text-align: center;
     color: #ffffff;
    margin-top: 180px;
}
/*Aventures*/
 .wrap-aventures{
     background: #fff;
     padding: 6rem 80px 6rem 80px;
}
 .titre-section{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 45px;
}
 .wrap-aventures p{
     font-family: 'Playfair Display', serif;
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.875;
     letter-spacing: 0.6075px;
     text-align: left;
     color: #333333;
}
 .btn-custom2{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-transform: uppercase!important;
     text-align: left;
     color: #00d8fa;
     border: solid 1px #00d8fa;
     display: inline-block;
     padding: 10px 25px;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
}
 .btn-custom2:hover{
     color: #fff !important;
     background: #00d8fa;
}
 .wrap-aventures .titre-option{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #00d8fa;
     text-transform: uppercase;
}
/*Problème*/
 .wrap-probleme{
     background: url(../images/background-probleme.png) no-repeat center;
     background-size: cover;
     min-height: 943px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 15rem 80px 20rem 80px;
     position: relative;
}
 #probleme .video{
     width: 766px;
     height: 450px;
     position: relative;
     z-index: 10;
     margin: 0 auto -225px auto;
     -webkit-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     -moz-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
}
#probleme .scroll-down {
    bottom: 15px;
    left: 0;
}
#probleme .projet-option p{
    padding-left: 50px;
}
 .wrap-probleme .titre-section{
     color: #fff;
}
 .btn-custom3{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     text-transform: uppercase!important;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #fff !important;
     border: solid 1px #fff;
     display: inline-block;
     padding: 10px 25px;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
}
 .btn-custom3:hover{
     color: #000 !important;
     background: #fff;
}
 #probleme .img1{
     width: 505px;
     height: 505px;
     position: absolute;
     bottom: -80px;
     left: 0;
     -webkit-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     -moz-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     z-index: 2;
}
 #probleme .img2{
     width: 680px;
     height: 292px;
     position: absolute;
     bottom: -145px;
     right: 0px;
     -webkit-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     -moz-box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     box-shadow: 0px 0px 40px -4px rgba(0,0,0,0.79);
     z-index: 1;
}
 #probleme .images-probleme{
     position: relative;
     z-index: 10;
}
/*Insight cas*/
 .wrap-insight-cas{
     background: url(../images/background-insight-cas.png) no-repeat center center;
     background-size: cover;
     min-height: 884px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0 80px;
     position: relative;
     margin-bottom: 70px;
}
 .wrap-insight-cas p{
     color: #333333;
}
 #insight-cas .images-insight{
     position: relative;
     z-index: 10;
}
 #insight-cas .images-insight .img1{
     position: absolute;
     right: 0;
     top: -160px;
     z-index: 2;
     width: 537px;
     height: 537px;
     box-shadow: 0 0 50px 0 rgba(0,0,0,0.75), inset 0 1px 3px 0 rgba(0,0,0,0.50);
}
 #insight-cas .images-insight .img2{
     position: absolute;
     right: 500px;
     top: 90px;
     width: 319px;
     height: 319px;
     z-index: 1;
     box-shadow: 0 0 50px 0 rgba(0,0,0,0.75), inset 0 1px 3px 0 rgba(0,0,0,0.50);
}
/*Stratégie*/
 .wrap-strategie{
     background: url(../images/background-strategie.jpg) no-repeat center;
     background-size: cover;
     min-height: 859px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 100px 80px 30px 80px;
     position: relative;
}
 .wrap-strategie .titre-section{
     color: #fff;
}
 .wrap-strategie .btn-custom3{
     margin-top: 20px;
}
 .wrap-strategie img{
     box-shadow: 0 0 50px 0 rgba(0,0,0,0.75), inset 0 1px 3px 0 rgba(0,0,0,0.50);
}
/*Testimonials*/
 .wrap-testimonials{
     background: url(../images/background-testimonials.png) no-repeat center center;
     background-size: cover;
     min-height: 800px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
}
 .wrap-testimonials .main-gallery {
     overflow: hidden;
}
 .wrap-testimonials .gallery-cell {
     width: 100%;
}
 .wrap-testimonials .testimonial {
     text-align: center;
	max-width: 850px;
	margin: 0px auto 0px auto;
	padding: 0 20px;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 620px;
}
 .wrap-testimonials .testimonial-avatar {
     width: 75px;
     border-radius: 50%;
     border: 8px solid rgba(0,0,0,0.1);
     float: left;
     margin-right: 25px;
     margin-top: -10px;
}
 .wrap-testimonials .testimonial-quote {
     display: block;
     font-family: 'Playfair Display', serif;
     font-size: 45px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.9px;
     text-align: center;
     color: #333333;
}
 .wrap-testimonials .testimonial-author > div{
     min-width: 300px;
}
 .wrap-testimonials .testimonial-author {
     display: block;
     font-family: 'Open Sans', serif;
     font-size: 14px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3.5px;
     text-align: left;
     color: #333333;
     text-transform: uppercase;
     display: flex;
     justify-content: center;
}
 .wrap-testimonials .testimonial-author span{
     opacity: 0.4;
}
 .wrap-testimonials .flickity-page-dots {
     bottom: 25px;
}
 /*.wrap-testimonials .flickity-page-dots .dot.is-selected {
     background: #7AA641;
}
*/ .wrap-testimonials .titre-testimonials{
     font-family: 'Open Sans', serif;
     font-size: 14px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3.5px;
     text-align: center;
     color: #333333;
     text-transform: uppercase;
}
/*Media*/
 .wrap-media{
     margin-bottom: 80px;
}
 .wrap-media .block-media{
     position: relative;
     min-height: 467px;
}
 .wrap-media .block-media .bg{
     position:absolute ;
     top: 0;
     left: 0;
     height:100% ;
     width:100% ;
     z-index: -1;
}
 .wrap-media .titre-media{
     font-family: 'Playfair Display', serif;
     font-size: 39px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 50px;
     letter-spacing: 0.7px;
     text-align: right;
     color: #ffffff;
}
 .wrap-media .media-content p{
     font-family: 'Playfair Display', serif;
     font-size: 18px;
     /* color: #12AFF2; */
     color: #fff;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     padding: 0px 0 15px 0;
     font-weight: 800;
}
 .wrap-media .lien-media .media-content{
     text-align: right;
     position: absolute;
     bottom: 42px;
     right: 42px;
     z-index: 10;
     display: none;
}

.wrap-media .lien-media.hover .block-media:before{
     content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out 0.1s;
	background: url(../images/trames-etude-cas.png) center center;
	background-size: cover;
}


.wrap-media .lien-media:hover .media-content{
     display: block;
}
/*Bandeau Haut*/
 .wrap-bandeau{
     min-height: 106px;
     position: relative;
}
 .wrap-bandeau img{
     position:absolute ;
     top: 0;
     left: 0;
     height:100% ;
     width:100% ;
     z-index: -1;
}
/*Métier*/
 .wrap-metier{
     position: relative;
     padding-bottom: 5rem;
     background: url(../images/trame-bandeau.png) no-repeat bottom center;
     background-size: cover;
}
 .wrap-metier .container-fluid{
     padding: 0 80px;
}
 .wrap-metier .sous-titre-metier{
     font-family: 'Open Sans', serif;
     font-size: 12px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
}
 .wrap-metier .titre-metier{
     font-family: 'Playfair Display', serif;
     font-size: 64.8px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 55px;
     letter-spacing: 1.296px;
     text-align: left;
     color: #000000;
}
 .wrap-metier .projet-option .scroll-down {
     position: relative;
     bottom: inherit;
     left: inherit;
}
 .wrap-metier .projet-option p{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
     text-transform: uppercase;
     margin: 0 30px 0 60px;
}
 .wrap-metier .projet-option {
     display: flex;
     align-items: center;
}
 .wrap-metier .projet-option .btn-custom2{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #00d8fa;
     text-transform: uppercase;
     padding: 10px 30px;
}
 .wrap-metier .projet-option .btn-custom2:hover{
     color: #fff;
}
#expertise-metier  .wrap-about-metier{
     padding: 50px 0;
}
#expertise-metier .images-metier .img1 {
    top: -95px;
}
#expertise-metier .images-metier .img2 {
    top: 100px;
}
 .wrap-about-metier{
     background: url(../images/background-metier.png) no-repeat center;
     background-size: cover;
     position: relative;
     min-height: 537px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .wrap-about-metier > div{
     padding: 0 80px;
}
 .wrap-about-metier .section-metier, .main-content h3{
     font-family: 'Playfair Display', serif;
     font-size: 23.328px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.8750000000000002;
     letter-spacing: 0.729px;
     text-align: left;
     color: #ffffff;
     margin-bottom: 30px;
}
.wrap-about-metier .container-fluid > div .col-sm-6:first-child{
     position: absolute;
     top: 70px;
     left: 80px;
}
.wrap-about-metier .container-fluid > div .col-sm-6:last-child{
     margin-left: 50%
}
#expertise-metier .section-metier{
     color: #00d8fa;
}
 .main-content h3{
     color: #000;
}
 .images-metier{
     position: relative;
}
 .images-metier .img1 img{
     box-shadow: 0 0 50px 0 rgba(0,0,0,0.75), inset 0 1px 3px 0 rgba(0,0,0,0.50);
}
 .images-metier .img1{
     position: absolute;
     top: -40px;
     left: 0;
     z-index: 12;
}
 .images-metier .img2{
     position: absolute;
     top: 189px;
     left: 285px;
     z-index: 10;
}
/*Capabilities*/
 .wrap-capabilities{
     position: relative;
     background: #fff;
     margin-top: 6rem;
     margin-bottom: 6rem;
}
 .wrap-capabilities > div{
     padding: 0 80px;
}
 .wrap-capabilities .box-big{
     width: 1130px;
     margin: 0 auto; 
}
 .wrap-capabilities .titre-capabilities{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 45px;
}
 .wrap-capabilities .block-capabilities .btn-custom2{
    position: absolute;
     bottom: 2rem;
     left: calc(26% - 1px);
}
 .wrap-capabilities .block-capabilities{
     text-align: center;
}
 .wrap-capabilities .block-capabilities .titres{
     font-family: 'Open Sans', serif;
     font-size: 16px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2px;
     text-align: center;
     color: #000000;
     text-transform: uppercase;
     margin: 30px 0 23px 0 
}
 .wrap-capabilities .block-capabilities p{
     font-family: 'Open Sans', serif;
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.375px;
     text-align: center;
     color: #000000;
     padding: 0 20px 0px 20px;
     min-height: 300px;
}
 .content-capabilities{
     padding: 0 15px;
}
 .wrap-capabilities .content-capabilities .box-capabilities{
     padding: 0;
}
 .wrap-capabilities .content-capabilities .box-capabilities a{
     border-left: solid 1px #e5e5e5;
     border-bottom: solid 1px #e5e5e5;
     min-height: 408.4762878417969px;
}
 .wrap-capabilities .content-capabilities .box-capabilities a{
     display: flex;
     justify-content: center;
     padding-top: 2rem;
     width: 100%;
     height: 100%;
}
.wrap-capabilities .content-capabilities .box-capabilities a .btn-custom2{
     display: none;
 }
.wrap-capabilities .content-capabilities .box-capabilities a:hover .btn-custom2{
     display: block;
 }
 .wrap-capabilities .content-capabilities .box-capabilities a:hover .plus{
     display: block;
}
 .wrap-capabilities .content-capabilities .box-capabilities a .plus{
     display: none;
     width: 57px;
     height: 57px;
     margin: 30px auto 0 auto;
}
 .wrap-capabilities .content-capabilities .box-big .box-capabilities:nth-child(3n) a{
     border-right: solid 1px #e5e5e5;
}
 .wrap-capabilities .content-capabilities .box-big .box-capabilities:nth-child(-n+4) a{
     border-top: solid 1px #e5e5e5;
}
 .wrap-capabilities .content-capabilities .box-big .box-capabilities:last-child a{
     border-right: solid 1px #e5e5e5;
}
/*Sectors*/
 .wrap-sectors{
     position: relative;
     background: #fff;
     margin-top: 6rem;
}
 .wrap-sectors > div{
     padding: 0 80px;
}
 .wrap-sectors .titre-sectors{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 65px;
}
 .wrap-sectors-list .list-sector li {
     padding: 0 40px;
     font-size: 30px;
     text-align: center;
     height: 67px;
     line-height: 65px;
     transition: all .5s;
     list-style: none;
}
.wrap-sectors-list .list-sector li.active a,.wrap-sectors-list .list-sector li a
{
     color: #fff !important;
}
 .wrap-sectors-list .list-sector li.active a{
     display: inline-block;
     background: url(../images/list-bg.png) center center;
     border: 7px solid #333;
     box-sizing: border-box;
     height: 67px;
     line-height: 52px;
     cursor: pointer;
     background-size: 100% 100%;
     width: auto;
     padding: 0 50px;
}
 .wrap-sectors-list .list-sector li.active a:hover{
     color: #fff;
}
 .sectors{
     height: 452px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: url(../images/sectors.png) no-repeat center;
     background-size: cover;
}
 .sectors .slide{
     font-family: 'Playfair Display', serif;
     font-size: 25px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 3px;
     text-align: center;
     color: #ffffff;
}
/*Counter Sectors*/
 .wrap-counter-sectors{
     background: url(../images/background-sectors.png) no-repeat center;
     background-size: cover;
     position: relative;
     min-height: 444px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-bottom: 20px;
}
 .wrap-counter-sectors .content-sectors > div:first-child .counter:before, .wrap-counter-sectors .content-sectors > div:last-child .counter:before{
     content: "+";
}
 .wrap-counter-sectors .content-sectors > div:nth-child(2) .counter{
     position: relative;
}
 .wrap-counter-sectors .fond-counter{
     margin-top: -50px;
}
 .wrap-counter-sectors .content-sectors .counter{
     font-family: 'Playfair Display', serif;
     font-size: 70px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -0.5833334px;
     text-align: center;
     color: #000000;
}
 .wrap-counter-sectors .content-sectors > div:nth-child(2) .counter:after{
     content: "";
     width: 98px;
     height: 1px;
     background: #00d8fa;
     display: inline-block;
     position: absolute;
     left: -30px;
     bottom: 20px;
}
 .wrap-counter-sectors .content-sectors > div:nth-child(2) .counter:before{
     content: "";
     width: 98px;
     height: 1px;
     background: #00d8fa;
     display: inline-block;
     position: absolute;
     right: -30px;
     bottom: 20px;
}
 .wrap-counter-sectors .content-sectors .counter-text{
     font-family: 'Open Sans', serif;
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 4px;
     text-align: center;
     color: #00d8fa;
     text-transform: uppercase;
     margin-top: 20px;
}
 .wrap-insights-expertises > div {
     padding: 100px 80px 120px 95px;
}
 .wrap-counter-sectors .btn-sectors{
     width: 310px;
     margin: 80px auto 0 auto;
}
 .wrap-counter-sectors .btn-sectors .btn-custom2{
     text-transform: uppercase;
}
/* Sector */
 .wrap-sectors-list .box-arrow {
     position: absolute;
     bottom: 20%;
     left: 2.6rem;
}
 .wrap-sectors-list .box-arrow > div {
     display: inline-flex;
     align-items: center;
     cursor: pointer;
}
 .wrap-sectors-list .prev {
     transform: rotate(180deg);
}
 .wrap-sectors-list .next {
     margin-left: 33px;
}
 .wrap-sectors-list .box-arrow svg {
     transition: all .5s;
}
 .wrap-sectors-list .cnt-sector {
     position: relative;
     overflow: 0;
}
 .wrap-sectors-list .title-sector {
     position: absolute;
     z-index: 2;
     top:40%;
     overflow: hidden;
}
 .wrap-sectors-list .box-sector {
     z-index: 1;
     height: 452px;
     width: 100%;
}
 .wrap-sectors-list .list-img-sector img {
     width: 100%;
}
 .wrap-sectors-list .list-sector {
     display: flex;
     justify-content: center;
     transform: translate(-19.2%);
     margin-left: 0px;
}
 .wrap-sectors-list .list-sector li {
     padding: 0 40px;
     font-size: 25px;
     text-align: center;
     height: 67px;
     line-height: 59px;
     transition: all .5s;
     background-size: 100% 100% !important;
}
 .wrap-sectors-list .cnt-sector .box-arrow {
     z-index: 2;
     left: 50%;
     transform: translateX(-50%);
}
 .wrap-sectors-list .list-img-sector > li {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     display: none;
     height: 100%;
     background-size: cover;
     background-position: bottom center; 
}
.wrap-sectors-list .list-img-sector > li:after{
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.4);
}

/*Bandeau Haut Réseau*/
 .wrap-bandeau-reseau{
     min-height: 106px;
     position: relative;
}
 .wrap-bandeau-reseau img{
     position:absolute ;
     top: 0;
     left: 0;
     height:100% ;
     width:100% ;
     z-index: -1;
}
/*Réseau*/
 .wrap-reseau{
     background: url(../images/trame-bandeau.png) no-repeat bottom center;
     background-size: cover; 
     position: relative;
     padding-left: 15px;
     padding-bottom: 4rem;
}
 .wrap-reseau > div{
     padding: 0 80px;
}
/*.wrap-reseau h1{
     text-transform: uppercase;
}*/
 .wrap-reseau .sous-titre-reseau{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
     text-transform: uppercase;
     display: inline-block;
}
 .wrap-reseau .titre-reseau{
     font-family: 'Playfair Display', serif;
     font-size: 64.8px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 75px;
     letter-spacing: 1.296px;
     text-align: left;
     color: #000000;
}
 .wrap-reseau .projet-option .scroll-down {
     position: relative;
     bottom: inherit;
     left: inherit;
}
 .wrap-reseau .projet-option p{
     font-family: 'Open Sans', serif;
     font-size: 20px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #000000;
     text-transform: uppercase;
     margin: 0 30px 0 60px;
}
 .wrap-reseau .projet-option {
     display: flex;
     align-items: center;
}
 .wrap-reseau .projet-option .btn-custom2{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #00d8fa;
     text-transform: uppercase;
     padding: 10px 30px;
}
 .wrap-reseau .projet-option .btn-custom2:hover{
     color: #fff !important;
}
 .wrap-about-reseau{
     background: url(../images/background-reseau.png) no-repeat center;
     background-size: cover;
     position: relative;
     padding-left: 15px;
     min-height: inherit;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 1rem 0;
}
 .wrap-about-reseau > div{
     padding: 0 80px;
}
 .wrap-about-reseau .section-reseau{
     font-family: 'Playfair Display', serif;
     font-size: 25px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 35px;
     letter-spacing: 0.729px;
     text-align: left;
     color: #00d8fa;
     margin-bottom: 20px;
}
 .images-reseau{
     position: relative;
}
 .images-reseau .img1{
     position: absolute;
     top: -40px;
     right: -20px;
     z-index: 12;
}
 .images-reseau .img2{
     position: absolute;
     top: 165px;
     right: 280px;
     z-index: 10;
}
/*Nos agences*/
 .wrap-agences{
     position: relative;
     padding-left: 15px;
     background: #fff;
     margin-top: 6rem;
     margin-bottom: 6rem;
}
 .wrap-agences .container-fluid{
     padding: 0 80px;
}
 .wrap-agences .titre-agences{
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 70px;
     padding-left: 15px;
}
 .wrap-agences .block-agences{
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     overflow: hidden;
}
 .wrap-agences .block-agences .content-agences{
     flex: 1 0 17%;
     height: 250px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .wrap-agences .block-agences img{
     width: 100%;
     height: 100%;
     filter: grayscale(1);
     -webkit-filter: grayscale(1);
     transform: scale(1);
     transition: all 0.3s ease-in-out 0.2s;
     object-fit: cover;
}
 .wrap-agences .block-agences svg{
     display: none;
     transform: scale(1);
     transition: all 0.3s ease-in-out 0.2s;
}
 .wrap-agences .block-agences .agences-titre {
     width: 79%;
     height: 79%;
     border: solid 1.5px #ffffff;
     position: absolute;
}
 .wrap-agences .block-agences .agences-titre .cible-agences{
     font-family: 'Playfair Display', serif;
     /*font-size: 20px;*/
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.34px;
     text-align: center;
     color: #000000;
     display: inline-block;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
     background: #fff;
     padding: 10px 0px;
     min-width: 163px;
     position: absolute;
     /*bottom: -10px;*/
     bottom: -1px;
     /*right: -10px;*/
     width: 100%;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .wrap-agences .block-agences .content-agences:hover img{
     filter: grayscale(0);
     -webkit-filter: grayscale(0);
}
 .wrap-agences .block-agences .content-agences:hover .cible-agences, .wrap-agences .block-agences .content-agences:hover .cible-agences:hover{
     background: #00D8FA;
     color: #fff;
}
 .wrap-agences .block-agences .content-agences:hover svg{
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
}
/*Partenaires*/
 .wrap-partenaire{
     position: relative;
     padding-left: 15px;
     background: #fff;
     margin-top: 6rem;
     margin-bottom: 10rem;
}
 .wrap-partenaire .container-fluid{
     padding: 0 80px;
}
 .wrap-partenaire .titre-partenaire {
     font-family: 'Playfair Display' ,serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 85px;
}
 .wrap-partenaire .partenaires-slide img {
     object-fit: cover;
     height: 516.5062255859375px;
}
 .wrap-partenaire .box-detail .caption {
     position: absolute;
     background: rgba(0,0,0,0.8);
     z-index: 999;
     width: 600px;
     padding: 30px 30px;
     min-height: 330px;
     top: -30px;
     right: 300px;
     display: flex;
     align-items: center;
     flex-direction: column;
     line-height: 30px;
}
 .wrap-partenaire .cnt-slide {
     position: relative;
}
 .wrap-partenaire .menu-slide {
     background: rgba(0,0,0,0.8);
     padding: 20px 40px 40px 40px;
     position: absolute;
     left: 80px;
     width: 455px;
     height: 500px;
     box-sizing: border-box;
     top: -40px;
     z-index: 9;
}
 .wrap-partenaire .box-detail > div {
     display: none;
}
 .wrap-partenaire .box-slide-cnt {
     padding-top: 8%;
}
 .wrap-partenaire .list-menu-slide li span {
     text-transform: uppercase;
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.5px;
     text-align: left;
     color: #ffffff;
}
 .wrap-partenaire .list-menu-slide li+li {
     padding-bottom: 3px;
}
 .wrap-partenaire .list-menu-slide {
     margin-bottom: 40px;
     list-style: none;
     margin-left: 0;
}
 .wrap-partenaire .titre-ville {
     margin-bottom: 30px;
     font-family: 'Open Sans', serif;
     font-size: 19.44px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.875;
     letter-spacing: 0.6075px;
     text-align: left;
     color: #ffffff;
}
 .wrap-partenaire .box-detail .btn-custom3 {
     text-transform: uppercase;
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #ffffff;
}
 .wrap-partenaire .box-detail .btn-custom3:hover{
     color: #000;
}
 .wrap-partenaire .box-detail {
     position: relative;
}
 .wrap-partenaire .box-detail > div {
     position: absolute;
     top: 0;
     left: 0;
     width: 100vw;
}
 .wrap-partenaire .partenaires-slide {
     display: flex;
     margin-left: 0px;
}
 .wrap-partenaire .cnt-list {
     position: relative;
}
 .wrap-partenaire .slide-inter {
     overflow: hidden;
     margin: 0 auto;
     max-height: 516.5062255859375px;
}
 .wrap-partenaire .partenaires-slide img {
     width:100%;
}
 .wrap-partenaire .box-arrow {
     position: absolute;
     bottom: 15px;
     left: 45px 
}
 .wrap-partenaire .box-arrow > div {
     display: inline-flex;
     align-items: center;
     cursor: pointer;
}
 .wrap-partenaire .prev {
     transform: rotate(180deg);
}
 .wrap-partenaire .next {
     margin-left: 33px;
}
 .wrap-partenaire .box-arrow svg {
     fill: #00D8FA;
     transition: all .5s;
}
 .wrap-partenaire .box-arrow svg:hover,.wrap-sectors .box-arrow svg:hover{
     fill: #00D8FA;
}
/*Blog*/
.logo-blog {
    position: fixed;
    top: 0px;
    padding-top: 28px;
    padding-bottom: 30px;
    left: 62px;
    z-index: 98;
    max-width: 210px;
    background: #FFF;
}
 .wrap-listing-blog{
     position: relative;
     background: #fff;
}
 .wrap-listing-blog .container-fluid{
     padding: 0 0 0 62px;
}
 .wrap-listing-blog .blog-item {
     background-color: #fff;
     padding: 50px 41px 0 41px;
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 0;
     border: solid 0.6670520231213873px #c1c1c1;
}
 .wrap-listing-blog .content-blog:nth-child(4n - 2) .blog-item{
     border-left: none;
}
 .wrap-listing-blog .content-blog:nth-last-child(2) .blog-item{
     border-right: solid 0.6670520231213873px #c1c1c1;
}
 .wrap-listing-blog .blog-item .post-img {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     z-index: -1;
     background-color: #000;
     opacity: 0;
     -webkit-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -moz-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -ms-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -o-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     transition: all 1.2s cubic-bezier(.215,.61,.355,1);
     will-change: opacity;
}
 .wrap-listing-blog .blog-item .post-img img {
     display: block;
     position: absolute;
     width: 100%;
     top: 50%;
     left: 0;
     z-index: 1;
     height: 100%;
     object-fit: cover;
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .wrap-listing-blog .blog-item .post-img .overlay-img {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: 2;
     background:rgba(0,0,0,.1) url(../images/trames3.png) no-repeat bottom center;
}
 .wrap-listing-blog .blog-item .meta-categories,.wrap-listing-blog .blog-item .meta-categories a {
     margin-bottom: 20px;
     font-family: "Open Sans", serif;
     font-size: 14px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.142857px;
     color: #00d8fa;
     text-transform: uppercase;
}
 .wrap-listing-blog .blog-item .blog-item-more {
     color: #00D8FA;
     font-weight: 700;
     display: block;
     position: absolute;
     bottom: 10px;
     font-family: 'Open Sans',sans-serif;
     font-size: 13px;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding-top: 70px;
     height: 70px;
     overflow: hidden;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .wrap-listing-blog .blog-item .blog-item-more:before {
     content: "";
     width: 0;
     height: 28px;
     border-left: solid 2px #c1c1c1;
     display: block;
     position: absolute;
     top: 20px;
     left: 0;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .wrap-listing-blog .blog-item .blog-item-title a{
     font-family: 'Playfair Display', serif;
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3571428571428572;
     letter-spacing: normal;
     text-align: left;
     color: #000000;
}
 .wrap-listing-blog .blog-item:hover .post-img {
     opacity: 1;
}
 .wrap-listing-blog .blog-item:hover .blog-item-title {
     color: #fff;
}
 .wrap-listing-blog .blog-item:hover .blog-item-more {
     color: #00D8FA;
     padding-top: 45px;
     text-decoration: none;
}
 .wrap-listing-blog .blog-item:hover .blog-item-more:before {
     height: 20px;
}
 .wrap-listing-blog .block-insights > div{
     padding: 0;
}
 .wrap-listing-blog .blog-item .meta-categories a:hover,.wrap-listing-blog .blog-item .blog-item-title a:hover{
     text-decoration: none;
}
 .wrap-listing-blog .blog-item:hover .blog-item-title a{
     color: #fff;
}
 .wrap-listing-blog .content-listing {
     padding-right: 57px;
}
 .wrap-listing-blog .content-blog {
     float: left;
     margin-bottom: 35px;
     height: 290px;
     width: 290px;
}
 .blog-item-title {
     font-size: 18px;
     line-height: 25px;
}
 .content-listing-blog{
     height: 100vh;
     padding-right: 55px;
     width: 23%;
     left: 50px;
     z-index: 10;
}
 .content-listing{
     height: 100vh;
     position: relative !important;
}
 .wrap-listing-blog .option-blog{
     padding-top: 120px;
     margin-bottom: 15px;
}
/*Actu blog*/
 .actu-blog{
     padding: 0 15px 0 0;
}
 .actu-blog .blog-item {
     background-color: #fff;
     padding: 0px 55px 0 55px;
     width: 100%;
     height: 100vh;
     position: relative;
     z-index: 0;
     border: none;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
 .actu-blog .blog-item .post-img {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     z-index: -1;
     background: #000;
     opacity: 1;
     -webkit-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -moz-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -ms-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     -o-transition: all 1.2s cubic-bezier(.23,.81,.4,1);
     transition: all 1.2s cubic-bezier(.215,.61,.355,1);
     will-change: opacity;
}
.rgps{
     font-size: 8px;
}
.actu-blog .blog-item .post-img:after{
     content: "";
     background: rgba(0,0,0,0.5) url(../images/trames-02.png) no-repeat center;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}
 .actu-blog .blog-item .post-img img {
     display: block;
     position: absolute;
     width: 100%;
     top: 50%;
     left: 0;
     z-index: 1;
     height: 100%;
     object-fit: cover;
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .actu-blog .blog-item .meta-categories,.actu-blog .blog-item .meta-categories a {
     font-family: "Open Sans", serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.142857px;
     text-align: left;
     color: #000;
     margin-bottom: 5px;
}
 .actu-blog .blog-item .blog-item-more {
     color: #00D8FA;
     display: block;
     position: absolute;
     bottom: 10px;
     font-family: 'Open Sans',sans-serif;
     font-size: 15px;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding-top: 70px;
     height: 70px;
     overflow: hidden;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .actu-blog .blog-item .blog-item-more:before {
     content: "";
     width: 0;
     height: 28px;
     border-left: solid 1px #c1c1c1;
     display: block;
     position: absolute;
     top: 20px;
     left: 0;
     -webkit-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -moz-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -ms-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     -o-transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
     transition: all 0.7s cubic-bezier(.55,.055,.675,.19);
}
 .actu-blog .blog-item .blog-item-title a{
     font-family: 'Playfair Display', serif;
     font-size: 42px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3571428571428572;
     letter-spacing: 0.84px;
     text-align: left;
     color: #fff;
}
 .actu-blog .blog-item .meta-categories a {
     color: #fff;
}
 .actu-blog .blog-item:hover .blog-item-title {
     color: #fff;
}
 .actu-blog .blog-item:hover .blog-item-more {
     color: #00D8FA;
     padding-top: 45px;
     text-decoration: none;
}
 .actu-blog .blog-item:hover .blog-item-more:before {
     height: 20px;
}
 .actu-blog .block-insights > div{
     padding: 0;
}
 .actu-blog .blog-item .meta-categories a:hover,.actu-blog .blog-item .blog-item-title a:hover{
     text-decoration: none;
}
 .actu-blog .content-blog {
     float: inherit;
     margin-bottom: 0;
     width: inherit;
}
 .actu-blog .blog-item svg{
     position: absolute;
     top: 43px;
     left: 55px 
}
 .actu-blog .blog-item svg:hover{
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
}
/*Menu blog*/
 .option-blog nav{
     position: relative;
     z-index: 10;
     width: 202px;
}
 .option-blog nav svg {
     position: absolute;
     right: -10px;
     top: 20px;
}

.page-template-blog .option-blog nav svg {
    position: absolute;
    right: 15px;
    top: 20px;
}

 .option-blog nav ul li a {
     display:inline-block;
     font-family: 'Open Sans', serif;
     font-size: 13px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.785714px;
     text-align: left;
     color: rgba(51,51,51,0.3);
     text-transform: uppercase;
     padding: 15px 20px;
}
 .option-blog nav ul li.active{
     border-color: #d2d2d2;
     min-width: 205px;
}
 .option-blog nav > ul > li{
     border: solid 1px transparent;
     border-bottom: none;
     min-width: 205px;
     transition: all 1s ease-in-out;
}
 .option-blog nav ul li ul {
     position:absolute;
     background:#FFF;
     border: solid 1px #d2d2d2;
     width: 205px;
     margin-left: -1px;
}
 .option-blog nav ul li ul li {
     min-width: 202px;
     margin: 10px 0 15px 0;
}
 .option-blog nav ul li ul li a {
     display:block;
     font-family: 'Open Sans', serif;
     font-size: 11px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.785714px;
     text-align: left;
     color: rgba(51,51,51,0.3);
     text-transform: uppercase;
     padding: 10px 20px;
}
 .option-blog nav ul li ul li:hover a{
     color: #00d8fa;
}
 .option-blog nav ul li ul.fallback {
     display:none;
}
 .option-blog nav ul li:hover ul.fallback {
     display:block;
}
 .nav-option{
     position: relative;
     left: 0;
}
/*Détail blog*/
 .wrap-detail-blog .content-blog {
     float: left;
     margin-bottom: 35px;
     width: 275px;
     height: 275px;
}
 .wrap-detail-blog .content-listing {
     padding-right: 60px;
}
 .wrap-detail-blog .content-blog:nth-child(2n) .blog-item{
     border-left: solid 0.6670520231213873px #c1c1c1;
}
 .wrap-detail-blog .content-blog:nth-last-child(4) .blog-item{
     border-right: solid 0.6670520231213873px #c1c1c1;
}
 .wrap-detail-blog .option-blog {
     padding-top: 95px;
     margin-bottom: 15px;
}
 .wrap-detail-blog .detail-blog{
     padding: 45px 15px 60px 70px;
     margin-left: 25%;
}
 .wrap-detail-blog .detail-blog .content-detail > div{
     padding: 0 60px 0 0;
}
 .wrap-detail-blog .detail-blog .content-detail .titre1{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 2.142857px;
     text-align: left;
     color: #00d8fa;
     margin-top: 45px;
     text-transform: uppercase;
}
 .wrap-detail-blog .detail-blog .content-detail .titre2{
     font-family: 'Playfair Display', serif;
     font-size: 45px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3571428571428572;
     letter-spacing: 0.84px;
     text-align: left;
     color: #000000;
     margin-top: 5px;
}
 .wrap-detail-blog .detail-blog > svg{
     margin-left: -15px;
}
.wrap-detail-blog a{
     color: #00d8fa;
}
.wrap-detail-blog a:hover{
     color: #000;
}
 .wrap-detail-blog .detail-blog > svg:hover{
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
}
 .wrap-detail-blog .detail-blog .content-detail .video{
     margin: 40px 0;
}
 .wrap-detail-blog .detail-blog .content-detail p{
     font-family: 'Open Sans', serif;
     font-size: 17px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.7857142857142858;
     letter-spacing: 0.4375px;
     text-align: left;
     color: rgba(51,51,51,0.7);
}
 .wrap-detail-blog .detail-blog .content-detail .tag{
     margin-top: 30px;
}
 .wrap-detail-blog .detail-blog .content-detail .tag a{
     color: rgba(51,51,51,0.7);
}
 .wrap-detail-blog .detail-blog .content-detail .tag a:hover{
     color: #00d8fa;
}
 .wrap-detail-blog .detail-blog .content-detail .tag li{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.0833333333333335;
     letter-spacing: 1px;
     text-align: left;
     color: rgba(51,51,51,0.7);
     text-transform: uppercase;
     display: inline-block;
     margin-right: 25px;
}
 .wrap-detail-blog .detail-blog .text-share{
     margin-top: 40px;
     text-transform: uppercase;
}
 .wrap-detail-blog .detail-blog .content-detail .social .reseaux li{
     display: inline-block;
     margin-right: 40px;
}
 .wrap-detail-blog .detail-blog .content-detail .social .reseaux li a i{
     color: rgba(0,0,0,0.2);
     font-size: 27px;
}
 .wrap-detail-blog .detail-blog .content-detail .social .reseaux li a:hover i{
     color: #00D8FA;
}
 .wrap-detail-blog .detail-blog .content-detail .pagination-blog button{
     background: none;
     border: none;
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 3;
     letter-spacing: 2.083333px;
     text-align: right;
     color: rgba(51,51,51,0.7);
     text-transform: uppercase;
     margin: 0;
     padding: 0;
}
 .wrap-detail-blog .detail-blog .content-detail .pagination-blog button:nth-of-type(1) svg{
     margin-right: 15px;
}
 .wrap-detail-blog .detail-blog .content-detail .pagination-blog button:nth-of-type(2) svg{
     margin-left: 15px;
}
 .wrap-detail-blog .detail-blog .content-detail .pagination-blog button:nth-of-type(2){
     float: right;
}
 .wrap-detail-blog .detail-blog .content-detail .pagination-blog{
     border-top: solid 1px #efefef;
     margin-top: 52px;
     padding-top: 30px;
}
 .wrap-detail-blog .detail-blog .content-detail .titre3{
     font-family: 'Playfair Display', serif;
     font-size: 22px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3888888888888888;
     letter-spacing: normal;
     color: #000000;
     margin-top: 25px;
}
 .wrap-detail-blog .detail-blog .content-detail .titre3 > div{
     width: 50%;
     min-height: 100px;
     float: left;
     padding-bottom: 35px 
}
 .wrap-detail-blog .detail-blog .content-detail .titre4{
     font-family: 'Open Sans',serif;
     font-size: 20px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.5625;
     letter-spacing: 1.142857px;
     text-align: left;
     color: rgba(192,192,192,0.7);
     border-top: solid 1px #efefef;
     padding-top: 30px;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .infos{
     font-family: 'Playfair Display', serif;
     font-size: 22px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3888888888888888;
     letter-spacing: normal;
     text-align: left;
     color: #000000;
     padding-top: 3px;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .infos span{
     color: #bfbfbf;
}
 .wrap-detail-blog .detail-blog .content-detail .comment{
     margin-top: 25px;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .infos .times{
     font-family: 'Open Sans',serif;
     font-size: 13px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.785714px;
     text-align: left;
     color: #bfbfbf;
     text-transform: uppercase;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .reply a{
     font-family: 'Open Sans',serif;
     font-size: 13px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 3;
     letter-spacing: 2.083333px;
     text-align: right;
     color: rgba(51,51,51,0.7);
     padding-top: 8px;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .reply a:hover{
     color: #00D8FA;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .contents{
     font-family: 'Open Sans',serif;
     font-size: 17px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.7857142857142858;
     letter-spacing: 0.4375px;
     text-align: left;
     color: rgba(51,51,51,0.7);
     margin-top: 35px;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment{
     border-bottom: solid 1px #efefef;
     margin:0 0 40px 0;
     padding: 0 0 35px 0;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment:last-child{
     border: none;
     padding: 0;
}
 .wrap-detail-blog .detail-blog .content-detail .comment .content-comment .nopadding:first-child {
     max-width: 90px;
}
 .wrap-detail-blog .form-blog{
     width: 100%;
     min-height: 580px;
     background-color: rgba(239,239,239,0.5);
     padding: 40px 0 0 50px;
}
 .wrap-detail-blog .form-blog .titre-form{
     font-family: 'Open Sans',serif;
     font-size: 20px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.5625;
     letter-spacing: 1.142857px;
     text-align: left;
     color: #00d8fa;
}
/*Input*/
 .form-blog .titre-input {
     font-family: 'Open Sans',serif;
     font-size: 100%;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #333333;
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 .form-blog .cnt-input, .newsletter .placehold {
     position: relative;
}
 .form-blog .placehold {
     z-index:10;
     height: 40px;
     position: relative;
}
 .form-blog .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
     margin-left: 10px;
     top: -10px;
     position: relative;
}
 .form-blog .emailBox {
     margin-left: 9%;
}
 .form-blog input {
     font-family: 'Open Sans',serif;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #333333;
     background: none;
     border: none;
     border-bottom: solid 1px #e3e3e3;
     width: 420.56658935546875px;
}
 .form-blog .form-input{
     margin-top: 70px;
}
 .form-blog .form > div:first-child {
     margin-top: 50px;
}
 .form-blog .form-submit{
     font-family: 'Open Sans', serif;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #00d8fa;
     margin-top: 80px;
     padding: 11px 30px;
     background: transparent;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
}
 .form-blog .form-submit:hover{
     color: #fff;
     background: #00d8fa;
     text-transform: none;
}
/*asidebar Blog*/
 .aside-bar{
     padding: 30px 0px;
}
 .aside-bar .titre-aside{
     font-family: 'Playfair Display', serif;
     font-size: 30px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.28;
     letter-spacing: 0.5px;
     text-align: left;
     color: #000000;
}
/*Input*/
 .aside-bar .cnt-input, .aside-bar .placehold {
     position: relative;
}
 .aside-bar .cnt-input{
     margin-bottom: 30px;
}
 .aside-bar .btn-arrow {
     border: none;
     background: none;
     cursor: pointer;
     margin-left: 10px;
     top: -10px;
     position: absolute;
     right: -7px;
}
 .aside-bar .emailBox {
     margin-left: 9%;
}
 .aside-bar input {
     font-family: 'Open Sans',serif;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #333333;
     background: none;
     border: none;
     border-bottom: solid 1px #e3e3e3;
     width: 100%;
}
 .aside-bar .content-aside .titre-content{
     font-family: 'Open Sans',serif;
     font-size: 17px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 1.166667px;
     text-align: left;
     color: #000000;
     margin-bottom: 3px;
}
 .aside-bar .content-aside .sous-titre-content{
     font-family: 'Open Sans',serif;
     font-size: 15px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: 0.8333333px;
     text-align: left;
     color: rgba(51,51,51,0.7);
     text-transform: uppercase;
}
 .aside-bar .block-aside{
     margin-top: 5px;
}
 .aside-bar .content-aside{
     padding: 15px 20px 20px 20px;
     border-bottom: solid 1px #f2f2f2;
     border-left: solid 1px #f2f2f2;
     border-right: solid 1px #f2f2f2;
     margin-top: -10px;
}
 .aside-bar .content-aside .block-aside{
     margin-top: 10px;
}
 .aside-bar .block-aside .img-aside{
     position: relative;
     margin-bottom: 8px;
}
.aside-bar .lien-block-aside:hover .img-aside:before, .aside-bar .lien-block-aside:hover .img-aside:after{
     content: none;
     transition: all 0.3s ease-in-out 0.9s;
}
.aside-bar .block-aside:hover .img-aside:before{
     content: "";
     display: block;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/hover-blog.png) no-repeat center center;
     height: 100%;
     background-size: cover;
}
.aside-bar .block-aside:hover .img-aside:after{
     content: "";
     display: block;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.3);
     height: 100%;
}
 #aside-newsletter .titre-input {
     font-family: 'Open Sans', serif;
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.0833333333333335;
     letter-spacing: 0.375px;
     text-align: left;
     color: rgba(51,51,51,0.7);
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
 #aside-newsletter .cnt-input, #aside-newsletter .placehold {
     position: relative;
}
 #aside-newsletter .placehold {
     z-index:2;
     height: 40px;
}
 #aside-newsletter .btn-arrow {
     border: none;
     background: none;
     cursor: pointer;
     margin-left: 10px;
     top: 0px;
     position: absolute;
     right: -8px;
}
 #aside-newsletter .emailBox {
     margin-left: 9%;
}
 #aside-newsletter .btn-arrow svg{
     transition: all .5s;
}
 .search-blog svg{
     margin-top: 12px;
}
/* careers */
 .box-arrow svg:hover {
     animation: animationarrow linear 1s;
     animation-iteration-count: 1;
     transform-origin: 50% 50%;
     -webkit-animation: animationarrow linear 1s;
     -webkit-animation-iteration-count: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-animation: animationarrow linear 1s;
     -moz-animation-iteration-count: 1;
     -moz-transform-origin: 50% 50%;
     -o-animation: animationarrow linear 1s;
     -o-animation-iteration-count: 1;
     -o-transform-origin: 50% 50%;
     -ms-animation: animationarrow linear 1s;
     -ms-animation-iteration-count: 1;
     -ms-transform-origin: 50% 50%;
     fill: #00d8fa;
}
 .landingpage h1.titre-reseau {
     line-height: 95px;
     margin-top: 1rem;
     text-transform: capitalize;
}
 .landingpage .wrap-reseau {
    padding-bottom: 2rem;
}
 .landingpage h1.titre-reseau span{
     text-transform: uppercase;
     color: #00d8fa;
 }
.landingpage .wrap-about-reseau {
    padding: 4rem 0;
}
  .landingpage .wrap-about-reseau .section-reseau{
     font-family: "Open Sans", serif;
 }
 .landingpage .scroll-down {
    /*position: relative;*/
    bottom: inherit;
    left: inherit;
    margin-top: 7rem;
}
 .landingpage h2 {
     font-size: 30px;
     color: #00d8fa;
     line-height: 45px;
     margin-bottom: 20px;
}
 .landingpage .blog-item-title {
     color:#000;
     margin-bottom:30px;
}
 .head-mobile{
     display: none;
}
.landingpage .wrap-insights .container-fluid{
     padding: 0 80px;
}
.landingpage .block-insights{
     padding: 0 15px;
}
.landingpage .wrap-about-reseau,.landingpage .wrap-reseau{
     padding-left: 0;
}
.landingpage .wrap-region{
     margin-top: 6rem;
}

.thanks .mg-top50 {
    margin-top: 3rem;
}
.thanks .wrap-reseau .projet-option{
     justify-content: center;
}
.thanks .wrap-reseau .titre-reseau{
     text-align: center;
}
.thanks .wrap-reseau .sous-titre-reseau{
     font-size: 35px;
}
.thanks .wrap-reseau .projet-option p{
     font-size: 25px;
}
.landingpage .form-landing{
     padding-top: 6rem;
}
.landingpage .wrap-insights .blog-item{
     min-height: 500px;
}
.landingpage .form-landing .reseaux{
     display: flex;
     align-items: center;
     margin-top: 2rem;
     justify-content: center;
     margin-bottom: 2rem;
}
.landingpage .form-landing .reseaux li{
     display: inline-block;
     margin-right: 20px;
     width: 4%;
}
.landingpage .form-landing .reseaux li:nth-child(2){
     width: 3%;
}
.landingpage .form-landing .reseaux li:nth-child(4),.landingpage .form-landing .reseaux li:nth-child(5){
     width: 4%;
}
.landingpage .form-landing .reseaux li:last-child{
     margin-right: 0px;
}
.landingpage .form-landing .reseaux li a{
     display: inline-block;
     background: inherit;
     border: inherit;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
.landingpage .form-landing .reseaux li a:hover i{
     color: #00d8fa;
}
.landingpage .form-landing .reseaux li i{
     color: #ccc;
     font-size: 25px;
}
/*Input*/
.landingpage .form-landing .titre-input {
     font-family: 'Open Sans',serif;
     font-size: 15px !important;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     z-index:1;
}
.landingpage .form-landing label{
     font-family: 'Open Sans',serif;
     font-size: 100%;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #333333;
     width: 100%;
}
.landingpage .form-landing .cnt-input, .newsletter .placehold  {
     position: relative;
}
.landingpage .form-landing .placehold {
     z-index:10;
     height: 40px;
     position: relative;
}
.landingpage .form-landing .btn-arrow {
     border: none;
     background:none;
     cursor: pointer;
     margin-left: 10px;
     top: -10px;
     position: relative;
}
.landingpage .form-landing .emailBox {
    margin-left: 9%;
}
.landingpage .form-landing input {
     font-family: 'Open Sans',serif;
     font-size: 15px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 2;
     letter-spacing: 0.5px;
     text-align: left;
     color: #fff;
     background: none;
     border: none;
     border-bottom: solid 1px #e3e3e3;
     width: 100%;
}
.landingpage .form-landing .form-input{
     margin-bottom: 40px;
}
.landingpage .form-landing .form > div:first-child {
     margin-top: 50px;
}
.landingpage .form-landing .form-submit{
     font-family: 'Open Sans', serif;
     font-size: 12px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: 2.5px;
     text-align: left;
     color: #00d8fa;
     margin-top: 10px;
     padding: 11px 30px;
     background: transparent;
     -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
     -o-transition: background-color 0.5s ease-out;
     transition: background-color 0.5s ease-out;
}
.landingpage .form-landing .form-submit:hover{
     color: #fff;
     background: #00d8fa;
     text-transform: none;
}

/*About Page*/
 .titre-interpg {
     font-family: 'Playfair Display', serif;
     font-size: 50px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.04;
     letter-spacing: 1px;
     text-align: left;
     color: #000000;
     margin-bottom: 45px;
}
 .wrap-logo-client{
     background: url(https://www.oxygen-rp.fr/wp-content/uploads/2018/09/Plan-de-travail-2.png) no-repeat center;
     background-size: cover;
     height: inherit;
     min-height: inherit;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 6rem 0;
}
 .wrap-logo-client > div{
     z-index: 10;
 } 
 .wrap-logo-client:after{
     content: "";
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.3);
 }
 #about .wrap-reseau .sous-titre-reseau{
     text-transform: uppercase;
}
 .wrap-logo-client .container-fluid{
     padding: 0 80px;
     margin-top: 0px;
}
#about .wrap-about-metier{
     min-height: 400px;
}
#about-metier .images-metier .img1 {
    top: -40px;
}
#about-metier .images-metier .img2 {
    top: 230px;
}
#about #counter-expertises .fond-counter div:last-child .counter::after {
    content: "M";
}
#about .wrap-counter .content-counter > div:nth-child(3) .counter::before {
    content: "";
    width: 98px;
    height: 1px;
    background: #fff;
    display: inline-block;
    position: absolute;
    right: -30px;
    /*bottom: 80px;*/
    top: 73px;
}
#about .wrap-counter .content-counter .counter-text{
     font-size: 14px;
}
#about .wrap-strategie {
    min-height: inherit;
    padding: 6rem 80px;
}
#about .wrap-strategie p a{
     color: #00d8fa;
}
#about .wrap-strategie p a:hover{
     color: #fff;
}
#about .wrap-strategie .scroll-down {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*Groupe Page*/
 #groupe .wrap-reseau .sous-titre-reseau{
     text-transform: uppercase;
}
 #groupe .wrap-agences{
     margin-top: 100px;
     position: relative;
     padding-left: 0;
     background: #fff;
     margin-bottom: -1px;
}
 #groupe #insight-cas .images-insight .img1 {
     top: inherit;
     position: inherit;
     margin: 2rem 0 0 0;
     width: 100%;
     height: 100%;
}
 #groupe .wrap-insight-cas{
     padding-bottom: 6rem;
}
 #groupe #insight-cas .images-insight .img2 {
     top: -1rem;
     right: -13%;
     position: inherit;
     width: 75%;
     height: 75%;
}
 #groupe .photos-start{
     padding-top: 21%;
}
 #groupe .wrap-strategie{
     min-height: inherit;
}
 #groupe  .images-metier .img1{
     top: -100px;
}
 #groupe  .images-metier .img2{
     top: 180px;
}
 #groupe .wrap-agences .block-agences .content-agences{
     height: 250px;
}
 #groupe .wrap-strategie{
     padding: 6rem 80px;
}
 #groupe .wrap-strategie p a{
     color: #00d8fa;
 }
 #groupe .wrap-strategie p a:hover{
     color: #fff;
 }
 #groupe .wrap-strategie .img1{
     width: 90%;
 }
 #groupe #probleme .img1 {
     bottom: 50px;
}
 #groupe #probleme .img2 {
     bottom: -50px;
}
/*Expertise by metier*/
 #expertise-metier .wrap-reseau .sous-titre-reseau{
     text-transform: uppercase;
}
 .wrap-prestations{
     padding: 6rem 0;
     background: rgb(255,255,255);
     position: relative;
     z-index: 1;
}
 .wrap-prestations .container-fluid{
     padding: 0 80px;
     position: relative;
     z-index: 99;
}
 .wrap-prestations p{
     color: #000;
     text-align: center;
     padding-bottom: 0;
}
.wrap-prestations .list-fix1 li{
     list-style: none;
     text-align: center;
     color: #000;
}
 .wrap-prestations .titre-section{
     color: #000;
 }
.wrap-prestations .titre-section span{
     color: #00d8fa;
 }
 .wrap-prestations .icn-prestations i{
     font-size: 70px;
     color: #fff;
}
 .wrap-prestations .icn-prestations{
     width: 30%;
     margin: 0 auto;
     height: 150px;
     line-height: 150px;
}
.list-prestation div:nth-child(1) .icn-prestations,.list-prestation2 div:nth-child(3) .icn-prestations{
     width: 75px;
}
.list-prestation2 div:nth-child(1) .icn-prestations{
     width: 130px;
}
.wrap-prestations .block-presse{
     border-left: solid 1px #e5e5e5;
     border-top: solid 1px #e5e5e5;
     padding: 0;
     min-height: 510px;
}
.wrap-prestations .block-presse a:first-child{
     display: block;
     height: 100%;
     padding: 1rem 15px 2rem 15px;
}
.wrap-prestations .block-presse a:last-child{
     display: none;
}
.wrap-prestations .block-presse:hover a:last-child{
     display: block;
}
.wrap-prestations .list-prestation2 .block-presse{
     border-bottom: solid 1px #e5e5e5;
}
.wrap-prestations .block-presse .btn-custom2 {
    position: absolute;
    bottom: 1rem;
    left: calc(19.555% - 1px);
}
.wrap-prestations .block-presse:last-child{
     border-right: solid 1px #e5e5e5;
}
 #expertise-metier #insight-cas .images-insight .img1 {
     top: inherit;
     position: relative;
     margin: 0 0 0 5.555rem;
}
 #expertise-metier #insight-cas .images-insight .img2 {
     top: inherit;
     position: inherit;
     margin: -30px 0 0 0;
     right: inherit;
}
 #expertise-metier .list-fix1{
     color: #000;
}
 #expertise-metier .wrap-insight-cas{
     padding-bottom: 3rem;
     padding-top: 3rem; 
}
#expertise-metier .wrap-insight-cas .scroll-down {
    position: absolute;
    bottom: -120px;
    right: calc(49% - 1px);
}
 #expertise-metier .wrap-expertise{
     padding: 3rem 0;
}
.wrap-expertise2 .main-content h2 span{
     color: #00d8fa;
}
.wrap-expertise2 p,.wrap-expertise2 h3{
     color: #000;
}
.wrap-expertise2 .alignnone{
     width: 65%;
}

/*Reseau by place*/
 .wrap-infos-reseau .container-fluid{
     padding: 0 100px 0 80px;
}
 .wrap-infos-reseau{
     padding:6rem 0 6rem 0;
     min-height: 300px;
}
 .wrap-infos-reseau .titre-infos-place{
     color: #00d8fa;
     font-family: 'Playfair Display', serif;
     font-size: 20px;
     font-weight: bold;
     line-height: 1.222;
     letter-spacing: 1.05299996137619px;
     margin-bottom: 30px;
}
 .wrap-infos-reseau ul li,.wrap-infos-reseau ul li i,.wrap-infos-reseau ul li a{
     color: #000;
}
 .wrap-infos-reseau ul li{
     padding-bottom: 10px;
}
 .wrap-infos-reseau ul li i{
     padding-right: 10px;
}
 .wrap-infos-reseau ul li a:hover i,.wrap-infos-reseau ul li a:hover{
     color: #00d8fa;
}
 .wrap-infos-reseau ul li:first-child i{
     padding-left: 5px;
}
 #place-reseau .wrap-probleme{
     background: url(../images/background-reseau-place.jpg) no-repeat center;
     background-size: cover;
}
#place-reseau a{
     color: #00D8FA;
}
#place-reseau a:hover{
     color: #000;
}
#place-reseau #probleme a:hover {
     color: #fff;
}
 #place-reseau .wrap-probleme:after{
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.8);
     top: 0;
     left: 0;
     position: absolute;
     z-index: 0;
}
#place-reseau #insight-cas .images-insight .img1 {
     position: relative;
     top: inherit;
     margin: 2rem 0 0 5.555rem;
}
#place-reseau #insight-cas .images-insight .img2 {
     position: relative;
     right: inherit;
     top: -15px;
}
 #place-reseau .wrap-probleme .container-fluid{
     z-index: 1;
}
#place-reseau .wrap-probleme {
    min-height: inherit;
    padding: 3rem 80px 12rem 80px;
}
#place-reseau .wrap-insight-cas {
    min-height: inherit;
    padding: 10rem 80px 6rem 80px;
}

/*Page Offres*/
 #offres #probleme .img1 {
     bottom: 100px;
}
 #offres #probleme .img2{
     bottom: 25px;
}
 #offres .wrap-probleme{
     justify-content: normal;
     padding: 15% 80px 0 80px;
}
 #offres .wrap-reseau .sous-titre-reseau{
     text-transform: uppercase;
}
 #offres .titre-section{
     font-size: 40px;
}
 #offres .wrap-aventures p{
     font-size: 15px;
}
 #offres .reseaux{
     height: 100%;
     display: flex;
     align-items: center;
}
 #offres .reseaux li{
     display: inline-block;
     margin-right: 20px;
     width: 13%;
}

#offres .reseaux li:nth-child(2){
     width: 9%;
}
 #offres .reseaux li:last-child{
     margin-right: 0px;
}
 #offres .reseaux li a{
     display: inline-block;
     display: flex;
     justify-content: center;
     align-items: center;
}
 #offres .reseaux li svg{
     color: rgba(0,0,0,0.2);
}
#offres .reseaux li svg:hover{
     color: #00D8FA;
}
#offres #insight-cas .images-insight .img1{
     position: inherit;
     top: inherit;
}
#offres #insight-cas .images-insight .img2 {
    position: inherit;
     right: -3.5555rem;
     top: -15px;
}
#offres #insight-cas .images-insight .img1 {
    width: 370px;
    height: 370px;
}
#insight-cas .images-insight .img2 {
    width: 250px;
    height: 250px;
}
#offres .block-realisation a{
     width: 100%;
     height: 100%;
}
#offres .wrap-realisation .container-fluid{
     padding: 0 80px;
     width: 100%; 
}
#offres .wrap-realisation .content-realisation .block-realisation {
    margin-right: 0;
}
#offres .wrap-about-metier .section-metier,#offres .main-content h3 {
    font-size: 35px;
}
#offres .wrap-realisation .content-realisation > div{
     padding: 0 15px;
}
#offres .block-realisation img {
    max-width: 100%;
    height: 100%;
}
#offres .wrap-realisation .content-realisation > div:nth-child(2n) .block-real,
#offres .wrap-realisation .content-realisation > div:nth-child(2n) .block-real, 
#offres .wrap-realisation .content-realisation > div:nth-child(2n) .block-real {
    left: 0px;
}
#offres .wrap-realisation .block-real{
     text-align: center;
     right: 0;
}
#offres .box-equipe h2.titre-real {
    font-size: 23px;
    margin-left: 0px;
    text-align: center;
}
#offres .wrap-insight-cas{
     min-height: inherit;
}
#offres .box-equipe .btn-custom2{
     margin-left: 15px;
}
#offres .wrap-insight-cas{
     padding: 5rem 80px 3rem 80px; 
}
#offres .titre-offres{
     font-family: 'Playfair Display', serif;
     text-align: center;
     color: #00d8fa;
     font-size: 30px;
     margin-bottom: 40px;
     line-height: 55px;
}
#offres .wrap-aventures{
     padding: 4rem 80px;
}
#offres .wrap-realisation{
     background: #fff;
}

/*Page recrutement / Job*/
 #recrutement .wrap-reseau .sous-titre-reseau{
     text-transform: uppercase;
}
 #recrutement .titre-section{
     font-size: 40px;
}
 #recrutement .wrap-aventures p{
     font-size: 15px;
}
 #recrutement .reseaux{
     height: 100%;
     display: flex;
     align-items: center;
}
 #recrutement .reseaux li{
     display: inline-block;
     margin-right: 10px;
}
 #recrutement .reseaux li:last-child{
     margin-right: 0px;
}
 #recrutement .reseaux li a{
     display: inline-block;
     background: #000;
     border: 1px solid #000;
     border-radius: 100%;
     width: 60px;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 #recrutement .reseaux li i{
     color: #fff;
     font-size: 40px;
}
 #recrutement #insight-cas .images-insight .img1 {
     top: -300px;
}
 #recrutement #insight-cas .images-insight .img2 {
     top: -10px;
}
#recrutement .mg-top50 {
    margin-top: 3rem;
}
#recrutement .wrap-insight-cas {
    min-height: inherit;
    padding: 6rem 80px;
}

/*CTA*/
 .cta-wrap{
     text-align: center;
     padding: 20rem 0 0px 0;
}
 .cta-wrap .btn-custom2{
     text-transform: uppercase;
     padding: 15px 50px;
}
 .p-fix1 {
     margin-top: 150px;
}
 .btn3-fix1 {
     margin-top: 45px;
}
 .box-equipe h2.titre-real {
     font-size: 30px;
     margin-bottom: 20px;
}
 .img-fix1 {
     top: -200px;
}
 .img-fix2 {
     top: -160px;
}
 .titre-fix1 {
     margin-top:50px;
}
 .txt-blue {
     color:#00d8fa;
}
 .pd-top1 {
     padding-top: 6rem; 
}
 #groupe .wrap-agences.section-fix1 {
     margin-top: 6rem;
}
 .mrg-top {
     margin-top: 60px;
}
 .mrg-top2 {
     margin-top: 170px;
}
 #porfolio {
     min-height: 600px;
}
 #porfolio.porfolio-correct .images-reseau {
     top: 116px;
}
 #porfolio.porfolio-correct .images-reseau .img1, #porfolio.porfolio-correct .images-metier .img1 {
     right: 0;
     left: auto;
     width: 80%;
     top: -135px;
}
 #porfolio.porfolio-correct .images-reseau .img2, #porfolio.porfolio-correct .images-metier .img2 {
     top: 199px;
     right: 218px;
     left: auto;
}
.porfolio .carousel-indicators .active {
    background-color: #00D8FA;
}
 p {
     margin-bottom: 20px;
}
 .main-content h2 {
     color: #000;
     font-size: 50px;
     margin-bottom: 45px;
}
 .main-content h2 span {
     color: #fff;
}
 .main-content2 h1 {
     font-family: 'Playfair Display', serif;
     margin-bottom: 20px;
     font-size: 82px;
     color: #fff;
     text-align: center;
}
 .content-sectors .counter-text, .wrap-counter-sectors .btn-sectors {
     position: relative;
     z-index: 2;
}
 #counter-sectors .fond-counter .counter, #counter-expertises .fond-counter .counter {
     font-size: 140px;
     font-family: 'Playfair Display', serif;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
}
 #counter-sectors .fond-counter .counter {
     top: -227px;
     color: #fff;
     opacity: .8;
}
 #counter-sectors .fond-counter div:first-child .counter::before, #counter-sectors .fond-counter div:last-child .counter::before, .wrap-counter-sectors .content-sectors > div:nth-child(3) .counter::before {
     content: "+";
}
 #counter-expertises .fond-counter .counter {
     top: -126px;
     color: #000;
     opacity: 0.1;
}
 #counter-expertises .fond-counter div:first-child .counter::after, #counter-expertises .fond-counter div:last-child .counter::after {
     /*content: "K";*/
     content: none;
}
 .wrap-capabilities .content-capabilities .box-capabilities {
     max-width: 377px;
}
/*CTA*/
.cta-wrap{
	text-align: center;
	padding: 20rem 0 0px 0;
}
.cta-wrap .btn-custom2{
	text-transform: uppercase;
	padding: 15px 50px;
}

/*Contact Page*/
#contact-page .wrap-reseau{
     padding-bottom: 1rem;
}
.wrap-contact-content-page .container-fluid{
	padding: 0 80px 6rem 80px;
}
.wrap-contact-content-page .wrap-testimonials{
	background: none;
	min-height: inherit;
}
.wrap-contact-content-page .wrap-testimonials .testimonial-quote{
	font-size: 30px;
}
.wrap-contact-content-page .form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}
.wrap-contact-content-page .scroll-down {
    position: relative;
    bottom: inherit;
    left: inherit;
}
.wrap-contact-content-page .infos{
     font-size: 12px;
     color: #000;
     padding-top: 3rem; 
}
/*Input*/
.wrap-contact-content-page .form-contact-page .titre-input {
	font-family: 'Open Sans',serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0.5px;
	text-align: left;
	color: #333333;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.wrap-contact-content-page .form-contact-page label{
	font-family: 'Open Sans',serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0.5px;
	text-align: left;
	color: #333333;
}
.wrap-contact-content-page .form-contact-page .cnt-input, .newsletter .placehold  {
	position: relative;
}
.wrap-contact-content-page .form-contact-page .placehold {
	z-index:10;
	height: 40px;
	position: relative;
}
.wrap-contact-content-page .form-contact-page .btn-arrow {
	border: none;
	background:none;
	cursor: pointer;
	margin-left: 10px;
	top: -10px;
	position: relative;
}
.wrap-contact-content-page .form-contact-page .emailBox {
    margin-left: 9%;
}
.wrap-contact-content-page .form-contact-page input {
	font-family: 'Open Sans',serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0.5px;
	text-align: left;
	color: #333333;
	background: none;
	border: none;
	border-bottom: solid 1px #e3e3e3;
	width: 100%;
}
.wrap-contact-content-page .form-contact-page .form-input{
	margin-bottom: 40px;
}
.wrap-contact-content-page .form-contact-page .form > div:first-child {
	margin-top: 50px;
}
.wrap-contact-content-page .form-contact-page .form-submit{
	font-family: 'Open Sans', serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.5;
	letter-spacing: 2.5px;
	text-align: left;
	color: #00d8fa;
	margin-top: 10px;
	padding: 11px 30px;
	background: transparent;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.wrap-contact-content-page .form-contact-page .form-submit:hover{
	color: #fff;
	background: #00d8fa;
	text-transform: none;
}
.wrap-contact-content-page h1{
	font-size: 35px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 80px;
}
.wrap-logo-client .titre-logo{
	color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 30px;
  	font-weight: bold;
  	line-height: 1.222;
  	letter-spacing: 1.05299996137619px;
  	margin-bottom: 30px;
  	text-align: center;
  	text-transform: uppercase;
}

/*Equipe*/
#equipe .wrap-reseau .sous-titre-reseau{
	text-transform: uppercase;
}
#equipe .wrap-realisation .block-realisation a .block-real {
    display: block;
    transition: all 0.3s ease-in-out 0.9s;
}
#equipe .wrap-realisation .block-realisation a .block-real p,#equipe .wrap-realisation .block-realisation a .block-real img{
     visibility: hidden;
}
#equipe .wrap-realisation .block-realisation a:hover .block-real p,#equipe .wrap-realisation .block-realisation a:hover .block-real img{
     visibility: visible;
}
#equipe .block-realisation a:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out 0.1s;
	background: url(../images/trames-etude-cas.png) center center;
	background-size: cover;
}
#equipe .wrap-realisation {
    height: auto;
    min-height: auto;
    padding: 6rem 0;
}
#equipe .images-metier .img1 {
    top: -210px;
}
#equipe .images-metier .img2 {
    top: 70px;
}
#equipe .wrap-realisation{
     background: #fff;
}
#equipe .wrap-realisation .block-real p{
     position: absolute;
}
#equipe .wrap-realisation .block-real p.right-more {
    right: 30px;
}
#equipe .wrap-about-metier{
     min-height: 450px;
}
#equipe .images-metier{
     position: relative;
     margin-top: 6rem;
}
#equipe .wrap-region{
     margin-top: 0;
}
#equipe .porfolio{
     background: url(../images/background-testimonials.png) no-repeat center center;
     background-size: cover;
     padding-top: 5rem;
     padding-bottom: 6rem;
}
#equipe .porfolio .carousel-control-prev-icon{
     background: url(../images/prev-testimonials.png) no-repeat center center;
}
#equipe .porfolio .carousel-control-next-icon{
     background: url(../images/next-testimonials.png) no-repeat center center;
}
#equipe .porfolio .carousel-control-prev-icon, #equipe .porfolio .carousel-control-next-icon {
    width: 55px;
}
#equipe .porfolio .carousel-control-prev {
    left: -12%;
}
#equipe .porfolio .carousel-control-next {
    right: -12%;
}
#about-metier .scroll-down2 {
    position: absolute;
    top: 37rem;
    left: inherit;
}

/*Porfolio*/
.wrap-porfolio{
	margin: 6rem 0 3rem 0;
}

/*Expertise by univers*/
#expertise-univers .images-metier .img1{
     top: -80px;
}
#expertise-univers .images-metier .img2{
     top: 180px;
}
#expertise-univers .wrap-about-metier {
    min-height: inherit;
    padding: 3rem 0;
}
#expertise-univers .wrap-about-metier .section-metier, .main-content h3{
     color: #00d8fa;
}
#expertise-univers .scroll-down {
    position: relative;
    bottom: inherit;
    left: inherit;
}
#expertise-univers .scroll-down2{
     margin-top: 2rem;
     top: inherit;
}
#expertise-univers .insights-home .container-fluid{
     padding: 0 80px;
}

/*Work*/
.work .images-metier .img1 {
    top: -100px !important;
}
.work .images-metier .img2 {
    top: 90px !important;
    left: 260px;
}
.work .wrap-expertise {
    padding: 5rem 0 6rem 0 !important;
}
.work .scroll-down {
    position: relative;
    bottom: inherit;
    left: inherit;
}
.work .scroll-down2{  
    margin-top: 2rem;
}
.work .wrap-about-metier{
     padding: 50px 0 0px 0 !important;
}

#box-call {
     position: fixed;
     z-index: 99;
     bottom: 2rem;
     right: 7rem;
}

#box-call a.btn-call {
     font-family: "Open Sans", serif;
     color: #fff;
     font-size: 20px;
     letter-spacing: 2.5px;
     text-align: center;
     text-transform: uppercase;
     line-height: 30px;
     display: inline-block;
     background: rgba(0,0,0,0.65);
     padding: 0.7rem 2rem;
     border: 2px solid #fff;
}

#box-call span.btn-close::before, #box-call span.btn-close::after {
     content: "";
     display: block;
     width: 1px;
     height: 12px;
     background: #ccc;
     position: absolute;
     top: 0;
     left: 0;
}

#box-call .cnt-close:hover span.btn-close::before, #box-call .cnt-close:hover span.btn-close::after {
     background: #fff;
}

#box-call span.btn-close::before {
     transform: rotate(45deg);
}

#box-call span.btn-close::after {
     transform: rotate(-45deg);
}

#box-call span.btn-close {
     position: absolute;
     top: 29%;
     left: 48%;
     transform: translate(-50%,-50%);
     display: block;
}

#box-call .cnt-close {
     position: absolute;
     top: -13px;
     right: -13px;
     width: 27px;
     height: 27px;
     background: #000;
     border-radius: 50%;
     cursor: pointer;
}

/*Accordion*/
#about .panel-body {
     padding: 40px 50px;
     background-color: #f6f6f6;
}
#about .panel-body p{
     margin: 0;
     color: #000;
}
#about .panel-group .panel+.panel {
     margin-top: 0;
     border-top: 0;
}
#about .panel-group .panel {
     border-radius: 0;
}
#about .panel-default>.panel-heading a {
     padding: 0 30px 0 40px;
     text-decoration: none;
     height: 83px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     font-family: 'Playfair Display', serif;
     font-size: 19px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.736842105263158;
     letter-spacing: 0.38px;
     text-align: left;
     color: #ffffff;
     margin-bottom: 1px;
}
#about .panel-default>.panel-heading a:after {
     content: "";
     position: relative;
     top: 1px;
     display: inline-block;
     font-family: Font Awesome\ 5 Free;
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     float: right;
     transition: transform .25s linear;
     -webkit-transition: -webkit-transform .25s linear;
}
#about .panel-default>.panel-heading a.active {
     background-color: #00d8fa;
}
#about .panel-default>.panel-heading a {
     background-color: #000;
}
#about .panel-default>.panel-heading a:after {
     content: "\f067";
}
#about .panel-default>.panel-heading a.active:after {
     content: "\f068";
}

/*Resultat recherche*/
.search-result .wrap-insights .block-insights > div:nth-child(2) .blog-item {
    border: solid 0.6670520231213873px #c1c1c1;
}
.search-result .wrap-insights .blog-item {
    width: auto;
    margin: 5px;
}
.search-result .wrap-insights .page-link {
    color: #00d8fa;
    border-color: #00d8fa;
}
.search-result .page-link:hover {
    color: #fff;
    background-color: #00d8fa;
    border-color: #00d8fa;
}
.wrap-prestations .list-prestation3 .block-presse{
     border: inherit;
     border-bottom: solid 1px #e5e5e5;
     min-height: inherit;
     padding-top: 20px;
}
.wrap-prestations .list-prestation3 .block-presse p,.wrap-prestations .list-prestation3 .block-presse div{
     font-size: 30px;
     font-family: 'Playfair Display', serif;
     text-align: left;
     margin-bottom: 10px;
}
.wrap-prestations .list-prestation3 .block-presse div:first-child{
     display: flex;
     justify-content: center;
     align-items: center;
}
.wrap-prestations .list-prestation3 .block-presse div{
     display: flex;
     align-items: inherit;
     flex-direction: column;
     justify-content: center;
}
.wrap-prestations .list-prestation3 .block-presse:last-child{
     border: none;
}
#offres .wrap-realisation .block-real{
     display: block;
}
/*#offres .box-equipe .btn-custom2{
     visibility: hidden;
}*/
#offres .wrap-realisation .block-real:hover .btn-custom2{
     visibility: visible;
     transition: all 0.3s ease-in-out 0.1s;
}
.contact-infos ul{
     list-style: none;
     margin-left: 0;
}
.contact-infos{
     color: #000;
     font-size: 15px;
}
.comment-respond .cnt-input .titre-input{
     position: relative;
}
.by-webgoeson{
     margin-top: 20px;
     font-size: 12px;
     opacity: 0,4;
}



.tag .wrap-listing-blog .content-blog:nth-child(4n - 2) .blog-item {
    border: solid 0.6670520231213873px #c1c1c1;
}



.single-post .wrap-insights-expertises > div.container.etude-cas-simillaire {
    padding-left: 0px;
}


#offres .wrap-realisation .block-real {
     width: 100%;
}




.breadcrumb {
    position: absolute;
    top: 22px;
    left: 170px;
    z-index: 999;
    background: none;
}

#breadcrumbs span {
    font-family: "Open Sans", serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.142857px;
    text-transform: uppercase;
}

.breadcrumb_last {
    color: #00d8fa;
}


#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:active {
    color: inherit;
}


#breadcrumbs span a {
    color: #9fa0a2;
}



.wrap-realisation .block-real {
    top: 80px;
}


.block-realisation .block-real p {
    margin-bottom: 0px
}


.single-post .wrap-insights .block-insights > div:nth-child(2) .blog-item {
    border-left: solid 0.50px #c1c1c1;
    border-right: solid 0.50px #c1c1c1;
}

.page-template-page-home .hbspt-form .submitted-message {
    color: #000;
    font-weight: 600;
    text-align: center;
}


.reseaux .fa-envelope {
    font-size: 22px;
}


#offres .reseaux li svg {
     height: 20px;
     width: auto;
}



a.lien-media:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    position: absolute;
    opacity: 0.5;
}






.wrap-agences .block-agences .img-fluid {
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out 0.2s;
    object-fit: cover;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
} 


.wrap-agences .block-agences .content-agences:hover .img-fluid {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}


#probleme .btn-custom3.mg-top55{
    /* display: block; */
    width: fit-content;
}

.main-gallery:focus {
    outline:none;
}


.gallery-cell:focus {
    outline: none;
}




#partenaire .partenaires-slide li {
     list-style: none;
}


#testimonials.contact-slider {
    min-height: initial;
}

#testimonials.contact-slider .contact-item{
    width: 100%;
}

#infos-place .main-gallery {
    margin: 0 30px;
}



section#about-reseau .hs_code_postal , .hs_company {
width: 25% !important;
}
section#about-reseau .hs_code_postal {
padding-right: 15px!important;
}

section#about-reseau .hs_email {
width: 50% !important;
padding: 0 0 0 15px !important;
}


ul.social-share-landing i.fa-envelope{
    font-size: 25px;
    position: relative;
    top: 5px;
}




.single .breadcrumb .container{
    padding-left: 0px;
}

.single .breadcrumb {
    position: initial;
    margin-top: 20px;
    padding-left: 0px;
}


#aventures .item-offre {
    width: 100%;
    padding-left: 20px;
}

.actu-blog .blog-item .post-img:after {
     background-size: cover;
}




.page-template-page-custom-category #breadcrumbs span a:hover {
    color: #000;
}

.page-template-page-custom-category #breadcrumbs span:not(.breadcrumb_last) {
    color: #000;
}


#offres .box-equipe h2.titre-real {
    font-size: 20px;
}


@media (min-width: 1250px) {
    #aventures .item-offre {
        padding-left: 60px;
    }
}


section#bandeau-reseau {
position: fixed;
z-index: 99;
height: 55px;
width: 100%;
min-height: 55px;
}

.logo {
position: fixed;
z-index: 100;
left: 64px;
top: 0px; 
}

.breadcrumb {
position: fixed;
z-index: 100;
top: 8px;
margin: 0;
padding: 0;
height: 40px;
}


section#reseau {
padding-top: 55px;
}


.page-template-blog .breadcrumb,
.page-template-page-custom-category .breadcrumb{
    top: 31px;
    margin-left: 102px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 5px;
    z-index: 99;
    background: #FFF;
    height: 46px;
    border-radius: 0px;
}

.page-template-blog .logo-blog,
.page-template-page-custom-category .logo-blog{
    padding-bottom: 0px;
}


.sw_lang_desktop {
    display: block;
    padding-left: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sw_lang_mobile {
     display: none;
}

@media (max-width: 768px) {
    #aventures .item-offre {
        padding-left: 60px;
    }

    .sw_lang_desktop {
        display: none;
    }

    .sw_lang_mobile {
        display: block;
    }
}


.titre-region p {
     margin-bottom: 0px;
}

.ville p{
    margin-bottom: 0px;
    font-size: 15px;
    line-height: normal;
}


label.hs-error-msg {
    margin-top: 30px;
}


.hs-form {
     font-size: 15px;
}

ul.hs-error-msgs {
    margin-left: 0px;
}

.hs-error-msgs li {
    list-style: none;
}


ul#primary-menu li.menu-item-has-children .sub-menu li:hover a{
    color: #00d8fa !important;
}

.wrap .hover ul#primary-menu li.menu-item>a:hover {
     color: #00BCD4 !important;
}


.btn-center {
     display: flex;
     justify-content: center;
}


.wrap-strategie ul li,
.wrap-insight-cas ul li{
    margin-top: 15px;
    margin-left: 10px
}


#partenaire #wp-admin-bar-logout {
    display: none;
}