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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e900";
  color: #fff;
}
.icon-instagram:before {
  content: "\e901";
  color: #fff;
}
.icon-left:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e903";
  color: #fff;
}
.icon-right:before {
  content: "\e904";
}

*, *:before, *:after{box-sizing: inherit; outline: none;}
a, a:hover, a:focus, a:active, a:visited {outline: none;}
html, body{width:100%; height:100%; margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
html{text-size-adjust: 100%;box-sizing: border-box; overflow-x:hidden;}
body{font-family: 'Nanum Gothic', sans-serif; background-color:#f6f6f6; font-size:16px;color: #111; padding-top: 300px; transition: 0.8s;}


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

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


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

/**************** PRELOADER ****************/

.loader{position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 99999; animation: loader 0.1s 1.5s forwards; overflow: hidden; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.loader:before{content:''; position: absolute; z-index: 0; top:0; left:0; width: 100%; height: 50%; background: #111; animation: loaderTop 0.8s 0.7s forwards;}
.loader:after{content:''; position: absolute; z-index: 0; bottom:0; left:0; width: 100%; height: 50%; background: #111; animation: loaderBottom 0.8s 0.7s forwards;}
.loader > img{animation: loaderImg 0.2s 0.5s forwards; opacity: 1; position: absolute; z-index: 2; top:calc(50% - 22px); left:50%; transform:translate(-50%,-50%); width: 80%; max-width: 280px;}

.loader.active{animation: loaderClick 0.1s forwards; width: 100%; height: 0;}
.loader.active:before{animation: loaderTopClick 0.8s 0.1s forwards; top:-100%;}
.loader.active:after{animation: loaderBottomClick 0.8s 0.1s forwards; bottom: -100%;}
.loader.active > img{animation:loaderImgClick 0.2s 0.8s forwards; opacity: 0;}

@keyframes loader{
  0%{height: 100%; display: block;}
  99%{height: 100%; display: block; opacity: 1;}
  100%{height: 0; display: none; opacity: 0;}
}

@keyframes loaderImg{
  0%{opacity: 1;}
  100%{opacity: 0;}
}

@keyframes loaderTop{
  0%{top:0;}
  100%{top:-100%;}
}

@keyframes loaderBottom{
  0%{bottom:0;}
  100%{bottom:-100%;}
}

@keyframes loaderClick{
  0%{height: 0%; display: none; opacity: 0;}
  99%{height: 0%; display: block; opacity: 1;}
  100%{height: 100%; display: block; opacity: 1;}
}

@keyframes loaderImgClick{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes loaderTopClick{
  0%{top:-100%;}
  100%{top:0;}
}

@keyframes loaderBottomClick{
  0%{bottom:-100%;}
  100%{bottom:0;}
}

@media screen and (max-width: 767px) {
  .loader > img{width: 60%; max-width: 180px;}
}

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

.contentPage{width: 100%; padding:3em 0 14em 0; position: relative; z-index: 3;}
.container{max-width: 1660px;}
.containerXL{max-width: 100%;}
.noDrag, img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.title{}
.tCenter{text-align: center;}
.paragraphe{font-size: 12px; color:#111; line-height: 1.5; margin-bottom: 3em; font-weight: 700; text-align: justify;}
.big-paragraphe{font-size: 22px; color:#111; line-height: 1.7; margin-bottom: 1em; font-weight: 700; text-align: justify; display: inline-block;}
.at-mail:before{content:'@'; font-style: normal;}
.mxw760{max-width: 760px; width: 100%; display: block;}
.textTop{padding-bottom: 11em; padding-top: 1em;}
.btn{background: #111; transition: 0.3s; overflow: hidden; position: relative; perspective: 1px; border:1px solid #111; padding:0.8em 1.8em; display: inline-block; margin-top: 3.5em; color:#fff; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 400;}
.btn:before{content:''; position: absolute; top:0; left:0; background: #fff; width: 100%; height: 100%; z-index: -1; transform: translateX(-101%); transition: 0.3s;}
.btn:hover:before{transform: translateX(0);}
.btn:hover{color:#111;}
.encart-title{margin:1em 0 3em 0; justify-content: center; align-items: flex-start; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.encart-title p{text-transform: uppercase; font-weight: 800; font-size: 18px; position: relative; padding-bottom: 16px;}
.encart-title p:before{content: ''; position: absolute; bottom:5px; left:0; width: 100%; height: 4px; background: #111;}
.encart-title a{font-size: 16px; color:#111; position: relative;}
.encart-title a:before{content: ''; position: absolute; bottom:-2px; left:50%; transform: translateX(-50%); width: 0%; height: 1px; background: #111; transition: 0.4s;}
.encart-title a:hover:before{width: 100%;}
[data-grid] > *{position:absolute;transition:transform .5s;transform:scale(0);}
[data-grid] > *.show{position:absolute;transform:scale(1);}
.pos-r{position: relative;}
.info-list{font-size: 14px; margin-bottom: 8px; line-height: 1.2;}
.info-list span{font-weight: 900; text-transform: uppercase; display: inline-block; margin-right: 4px;}
.info-list span:after{content:' :';}

@media screen and (max-width: 991px) {
  .big-paragraphe{font-size: 18px;}
  .textTop{padding-bottom: 5em; padding-top: 0; padding-right: 3em;}
  .contentPage{padding:2em 0 0 0;}
}

@media screen and (max-width: 575px) {
  .big-paragraphe{font-size: 17px;}
  .paragraphe{font-size: 12px; margin-bottom: 2em;}
  .textTop{padding-bottom: 3em; padding-top: 0; padding-right: 2em;}
  .btn{margin-top: 2.5em;}
}


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

header{position: fixed; width: 100%; height: 230px; top:0; left:0; z-index:99; transition:0.8s; background:#f6f6f6; justify-content: space-between; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
header .logo-header{position: absolute; top:40px; left:0; width: 100%; transition:0.8s;}
header .logo-header .container{position: relative;}
header .logo-header img{width: 420px; padding:0 20px 0 40px; position: absolute; right: 0; top:0; background: #f6f6f6; transition:0.8s; margin-right: 120px;}
nav#navigation{background: #111; position: absolute; top:140px; left:0; width: 100%; transition: 0.8s;}
nav#navigation ul li{display: inline-block; padding: 0 1em; font-size: 16px; text-transform: uppercase; font-weight: 800; transition: 0.8s;}
nav#navigation ul li:first-of-type{padding-left: 0;}
nav#navigation ul li:last-of-type{padding-right: 0;}
nav#navigation a{color:#fff; padding:2px 6px; display: block; transition: 0.3s; position: relative;}
nav#navigation a:before{content:''; height: 3px; width: 0; position: absolute; left:0; bottom:8px; background: #111; z-index: 2; transition: 0.5s;}
nav#navigation a:hover:before{width: 100%;}

.fixed-header header{height: 130px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5);}
.fixed-header header .logo-header{top:20px;}
.fixed-header header .logo-header img{background: #fff; width: 240px; padding:0 15px 0 30px;}
.fixed-header nav#navigation{top:72px;}
.fixed-header nav#navigation ul li{font-size: 14px; letter-spacing: 1px; padding: 0 0.7em;}
.fixed-header nav#navigation a{padding:0px 6px;}
.fixed-header nav#navigation a:before{bottom:5px;}

/*nav mobile*/

#navBtn{display: none; position: absolute; top:34px; right: 2em; font-size: 14px; z-index: 2; transition:0.8s; text-transform: uppercase; color:#111; letter-spacing: 2px; font-weight: 800; padding:8px 16px 8px 46px; border:1px solid #111;}
.fixed-header #navBtn{top:18px;}
#navBtn i{position: absolute; left:16px; width: 20px; height: 2px; background: #111; transition: 0.5s; opacity: 1;}
#navBtn i:nth-of-type(1){top:11px;}
#navBtn i:nth-of-type(2){top:16px;}
#navBtn i:nth-of-type(3){top:21px;}
#navBtn span{position: absolute; display: block; width: 100%; height: 100%; top:0; left:0;}
#navBtn:hover i:nth-of-type(1){transform: translate(0,-2px) rotate(0deg);}
#navBtn:hover i:nth-of-type(2){transform: translate(0,0) rotate(0deg);}
#navBtn:hover i:nth-of-type(3){transform: translate(0,2px) rotate(0deg);}
#navBtn.active i:nth-of-type(1){transform: translate(0,-2px) rotate(45deg); top:18px;}
#navBtn.active i:nth-of-type(2){transform: translate(-20px,0) rotate(0deg); opacity: 0;}
#navBtn.active i:nth-of-type(3){transform: translate(0,2px) rotate(-45deg); top:14px;}
#navigationMobile{display: none; position: fixed; width: 100%; height: 0; overflow: hidden; top:0; left:0; background: #111; transition: 0.5s;}
#navigationMobile ul{height: 100%; width: 100%; transition: 0.5s; opacity: 0; transform: translateY(150px); flex-direction: column; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
#navigationMobile li{text-transform: uppercase; font-weight: 800; letter-spacing: 2px; padding: 0.5em 0;}
#navigationMobile a{color:#fff; padding: 6px 16px; display: block; transition: 0.3s; position: relative;}
#navigationMobile a:before{content:''; height: 4px; width: 0; position: absolute; left:50%; transform: translateX(-50%); bottom:11px; background: #111; z-index: 2; transition: 0.8s;}
#navigationMobile a:hover{letter-spacing: 4px;}
#navigationMobile a:hover:before{width: 100%;}
#navigationMobile.active{height: 100%;}
#navigationMobile.active ul{opacity: 1; transition:0.8s 0.2s; transform: translateY(0);}
#navBtn.active{color:#fff; border-color: #fff;}
#navBtn.active i{background: #fff;}

@media screen and (max-width: 1699px) {
  header .logo-header img{margin-right: 160px;}
  header{height: 180px;}
  header .logo-header{top:20px;}
  header .logo-header img{width: 360px; padding:0 15px 0 30px;}
  nav#navigation{top:105px;}
  nav#navigation ul{margin-left: 1.5em;}
  body{padding-top: 250px;}
  .textTop{padding-left: 2em;}
}

@media screen and (max-width: 1399px) {
  header{height: 150px;}
  header .logo-header{top:20px;}
  header .logo-header img{width: 280px; padding:0 12px 0 25px; margin-right: 2em;}
  nav#navigation{top:83px;}
  body{padding-top: 220px;}
  .fixed-header header{height: 120px;}
  .fixed-header header .logo-header{top:20px;}
  .fixed-header header .logo-header img{width: 200px; padding:0 12px 0 25px;}
  .fixed-header nav#navigation{top:60px;}
}

@media screen and (max-width: 1199px) {
  #navBtn, #navigationMobile{display: block;}
  #navigation{display: none;}
  header{height: 100px;}
  header .logo-header{top:20px;}
  header .logo-header img{width: 130px; padding:0; right:initial; left:2em;}
  body{padding-top: 150px;}
  .fixed-header header{height: 70px;}
  .fixed-header header .logo-header{top:10px;}
  .fixed-header header .logo-header img{width: 110px; padding:0; right:initial; left:2em;}
}


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

.box-content-infos{background: #fff; padding:4em 2em 4em 4em; position: relative;}
.box-content-img{padding: 0 100px 0 0;}
.box-content-img div{height: 100%; width: 100%; background: center no-repeat; -webkit-background-size: cover; background-size: cover;}

.box-slider{justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow: hidden;}
.infos-slider{overflow: auto; max-width: 590px; height: 740px; padding: 2.5em 2.5em 2.5em 120px; background: #fff; box-shadow: 12px 0 36px rgba(0,0,0,0.3); position: relative; z-index: 2;}
.slider-bnk{width: 100%; height: 740px; margin-right: 80px; position: relative; padding:0; overflow: hidden;}

.swiper-slide{display:flex;align-items:center; overflow:hidden;flex:1 0 auto; height:100%; transition: 1s 0.5s; background: center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
.swiper-slide-home{position: relative; height: 100%;}
.swiper-slide-home .swiper-slide{-webkit-background-size: cover; background-size: cover; position: relative;}
.swiper-slide-home .swiper-slide .container{text-align: center;}
.swiper-slide-home .swiper-slide .container div{background: #fff; color:#999; padding:3.5em 4.5em 4em 4.5em; position: relative; margin-bottom: 2em;}
.swiper-slide-home .swiper-slide .container div:before{content:""; width: 0; height: 0; transition: 0.3s 1s; transform:translate(-50%, 0%); border-style: solid; border-width: 20px 20px 0 20px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom:0; left:50%;}
.swiper-slide-home .swiper-slide-active .container div:before{transform:translate(-50%, 100%);}

.swiper-prev, .swiper-next{position: absolute; top:50%; transform: translateY(-50%); z-index: 2; width: 50px; height: 100px; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.swiper-prev{left:0;}
.swiper-next{right:0;}
.swiper-prev:before{cursor: pointer; content:''; transition: 0.3s; position: absolute; width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 50px; border-color: transparent transparent transparent #ffffff;}
.swiper-next:before{cursor: pointer; content:''; transition: 0.3s; position: absolute; width: 0; height: 0; border-style: solid; border-width: 50px 50px 50px 0; border-color: transparent #f6f6f6 transparent transparent;}
.swiper-prev i, .swiper-next i{position: relative; z-index: 2; cursor:pointer; top:2px; transition: 0.3s;}
.swiper-prev i{left:-8px;}
.swiper-next i{left:8px;}
.swiper-prev:hover i{left:-14px; transform: scale(1.2);}
.swiper-next:hover i{left:14px; transform: scale(1.2);}


/*.imgTxt{min-width: 1910px; width: 100%; height: 740px; overflow: hidden; position: relative; background:center no-repeat; -webkit-background-size: cover; background-size: cover;}
.imgTxt .contentImgTxt{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.imgTxt .container{height: 100%; padding:1em 0; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.imgTxt .encart{background: #fff; background: rgba(255,255,255,0.85); padding:3em; max-width: 960px; box-shadow: -2px 4px 10px rgba(0,0,0,0.4);}
*/
.works-box article{filter: grayscale(0.6);}
.works-box article:hover{filter: grayscale(0); transition:0.3s;}
.works-box{width:100%; display: flex; justify-content: space-between;}
.works-infos{background: #fff; padding:6em 1em 6em 6em; width: 440px; margin-bottom: 4em;}
.works-details{width: 100%; max-width: 1600px; padding:0 6em; display: flex; justify-content: center; flex-grow: 1; flex-wrap: wrap;}
.works-details article{margin:0 2em 4em 2em; width: 300px; height: 300px;}
.works-details article{-webkit-background-size: cover; background-size: cover; position: relative;}
.works-details article div{position: relative; padding: 1em; overflow: hidden; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.works-details article div:before{content:''; background: #fff; transform: translateX(100%); transition:0.5s 0.1s; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0.8;}
.works-details article div p{transition:0.5s 0.1s; opacity:0; position: relative; z-index: 2; text-align: center; font-weight: 700; font-size: 18px; margin-bottom: 1em;}
.works-details article div p span{font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; display: inline-block; margin-bottom: 4px;}
.works-details article div .btn{margin-top: 1em;transition:0.5s 0.2s; opacity:0; }
.works-details article div:hover:before{transform: translateX(0);}
.works-details article div:hover p, .works-details article div:hover .btn{opacity: 1;}
.oh{overflow: hidden;}

@media screen and (max-width: 1660px){
  .works-infos{background: #fff; padding:6em 1em 6em 5em; width: 440px; margin-bottom: 4em;}
  .works-details{padding:0 3em;}
  .works-details article{margin:0 2em 4em 2em; width: 280px; height: 280px;}
}

@media screen and (max-width: 1500px){
  .works-infos{padding:4em 2em 4em 2em; width: 420px; margin-bottom: 3em;}
  .works-details{padding:0 2em;}
  .works-details article{margin:0 1.5em 3em 1.5em; width: 260px; height: 260px;}
}

@media screen and (max-width: 1000px){
  .works-box{flex-direction: column;}
  .works-infos{padding:4em 2em 4em 2em; width: 100%; margin-bottom: 3em;}
  .works-details{padding:0 1.5em;}
  .works-details article{margin:0 1.5em 3em 1.5em; width: 260px; height: 260px;}
}

@media screen and (max-width: 700px){
  .works-box{flex-direction: column;}
  .works-infos{padding:4em 2em 4em 2em; width: 100%; margin-bottom: 3em;}
  .works-details article{margin:0 1.5em 3em 1.5em; width: 280px; height: 280px;}
}

@media screen and (max-width: 575px){
  .paragraphe.info-list{margin-bottom: 0.5em;}
}

/****************** FILTER ******************/

.mix{display: none;}
#filterContainer{overflow: hidden;}

/*filter*/


ul.categories{width: 100%; margin-top: 4em; align-items: flex-start; justify-content: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
ul.categories li{display: inline-block; position: relative; padding:4px 0; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor:pointer;}
ul.categories li:before{content:''; transition:0.5s; position: absolute; top:55%; left:0; width: 0; height: 2px; background: #000;}
ul.categories li:hover:before{width: 100%;}
ul.categories li.active:before{width: 100%; background: #fff;}
/*
.maisons-active [data-filter="maisons"]{opacity:1;}
.maisons-active [data-filter="appartements"], .maisons-active [data-filter="bureaux"], .maisons-active [data-filter="medical"], .maisons-active [data-filter="logistique"]{opacity:0.1;}

.appartements-active [data-filter="appartements"]{opacity:1;}
.appartements-active [data-filter="maisons"], .appartements-active [data-filter="bureaux"], .appartements-active [data-filter="medical"], .appartements-active [data-filter="logistique"]{opacity:0.1;}

.bureaux-active [data-filter="bureaux"]{opacity:1;}
.bureaux-active [data-filter="appartements"], .bureaux-active [data-filter="maisons"], .bureaux-active [data-filter="medical"], .bureaux-active [data-filter="logistique"]{opacity:0.1;}

.logistique-active [data-filter="logistique"]{opacity:1;}
.logistique-active [data-filter="appartements"], .logistique-active [data-filter="maisons"], .logistique-active [data-filter="bureaux"], .logistique-active [data-filter="medical"]{opacity:0.1;}

.medical-active [data-filter="medical"]{opacity:1;}
.medical-active [data-filter="appartements"], .medical-active [data-filter="maisons"], .medical-active [data-filter="logistique"], .medical-active [data-filter="bureaux"]{opacity:0.1;}

*/
.content-photo{width: 100%; height: 300px; overflow: hidden; margin-bottom: 2em; position: relative;}
.content-photo div{width: 100%; height: 100%; overflow: hidden;}
.content-photo span{width: 100%; height: 100%; filter:grayscale(0.7); display: block; transition: 0.3s; background: no-repeat center; -webkit-background-size: cover; background-size: cover;}
.content-photo i{position: absolute; top:1em; left:0; font-style: normal; opacity: 0; transform: translateX(-1em); transition: 0.3s;}
.content-photo:hover span{transform: scale(1.1); filter:grayscale(0);}
.content-photo:hover i{opacity: 1; transform: translateX(0);}

.photos article .btn{position: absolute; top:0; left:0; transform: translateX(-1em); opacity: 0;}
.photos article:hover .btn{transform: translateX(0); opacity: 1;}

/*.contactInfo{background: #111; color:#fff; padding: 0.7em; display: inline-block; font-weight: 700; letter-spacing: 1px; font-size: 19px; cursor:pointer; text-transform: none; margin-top: 0;}*/
.contactInfo{color:#111; padding: 0.5em 0; font-weight: 700; letter-spacing: 0.5px; font-size: 19px; cursor:pointer; text-transform: none; margin-top: 0;}
.contactPage{position: relative; z-index: 4;}
.contactPage form label, .contactPage form input, .contactPage form textarea{width: 100%; color:#111;}
.contactPage form label{transform: translateY(24px); transform-origin: 0; font-weight: 700; margin-top: 1.5em; display: inline-block; font-size: 16px; transition:0.3s;}
.contactPage form input, .contactPage form textarea{font-size: 15px; background: transparent; border:none; border-bottom: 1px solid #111; padding:4px 6px 4px 0;}
.contactPage form textarea{height: 140px;}
.data-champ.active label{transform: translateY(0) scale(0.7);}
.robot-submit{margin-top: 2em; justify-content: space-between; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.robot-submit .btn{margin-top: 0;}
.captcha{width:240px; background: #fff; border:1px solid lightblue; padding:2em 1em;}
.contactInfo.btn{font-size: 13px; letter-spacing: 0.8px;}


.content-dynamic-grid{position: relative;}
.dynamic-grid{background: #fff; transition:0.3s; filter:grayscale(0.7);}
.dynamic-grid:hover{box-shadow: 0 0 6px #ccc; filter:grayscale(0);}
.dynamic-grid > div{padding:2em;}

.lecture-detail{background: #fff; box-shadow: 0 0 6px #ccc; padding:2.5em 1.5em;}


/*@media screen and (max-width: 1499px) {
  .swiper-slide-multiple .swiper-slide{height: calc((100% - 30px) / 2);}
}*/

@media screen and (max-width: 1299px) {
  .infos-slider{padding: 2em; height: 620px;}
  .slider-bnk{margin-right: 3em; height: 620px;}
  .imgTxt .encart{margin-left: -80px;}
  .content-photo{height: 220px;}
}

@media screen and (max-width: 1199px) {
  .imgTxt .encart{max-width: 840px;}
  .content-photo{height: 260px;}
  .box-content-img{padding: 0 40px 0 0;}
}

@media screen and (max-width: 991px) {
  .box-slider{justify-content: center; align-items: center; flex-direction: column-reverse;}
  .b-s-no-rev{flex-direction: column;}
  .infos-slider{height: auto; width: 100%; max-width: 100%;}
  .slider-bnk{margin-right: 0; height: 560px; width: 100%; max-width: 100%;}
  .imgTxt{height: 800px;}
  .imgTxt .encart{max-width: 650px;}
  .content-photo{height: 200px;}
  .box-content-img{padding: 0;}
  .box-content-infos{padding:2em;}
}

@media screen and (max-width: 767px) {
  .slider-bnk{height: 440px;}
  .imgTxt{min-width: 0px; height: auto; padding:5em 1.5em;}
  .imgTxt img{display: none;}
  .imgTxt .contentImgTxt{position: relative;}
  .imgTxt .encart{margin-left: 0; padding:1.5em;}
  .box-content-img{height: 300px;}
}

@media screen and (max-width: 575px) {
  .slider-bnk{height: 320px;}
  .imgTxt{padding:4em 1em;}
  .imgTxt .encart{padding:1em;}
  .robot-submit{flex-direction: column;}
  .robot-submit .btn{margin-top: 2em;}
  .contactPage form .col-12{padding: 0;}
  .contactInfo{font-size: 18px;}
}

/**************** FOOTER ****************/

footer{padding:5em 1em 0 1em; background: #111; color:#fff; position: relative;}
footer .container{position: relative; padding-bottom: 12em;}
/*footer .container:before{content:''; z-index: 4; position: absolute; bottom:470px; right: 140px; width: 63px; height: 790px; background: #fff; box-shadow: 0 0 10px rgba(17,17,17,0.2);}*/
footer .container:after{content:''; z-index: 5; position: absolute; bottom:410px; right: 140px; width: 63px; height: 1060px; background: #fff;}
footer .container.noBar:before, footer .container.noBar:after{display: none;}
.a-footer{position: absolute; bottom:0; z-index: 1; right:140px; width: 1129px;}
.infos-footer{position: absolute; z-index: 2; top: 0; right: 620px;}
.infos-footer p:first-of-type{font-size: 14px; color:#aaa; text-align: right; margin:5em 0 0 0; letter-spacing: 1px; position: relative; right: -50px;}
.infos-footer p:last-of-type{font-size: 13px; color:#555; text-align: right; margin-top:0.5em; letter-spacing: 1px; position: relative; right: -50px;}
footer br{display: none;}
footer a{color:#aaa;}
.infos-footer p:last-of-type a{color:#555;}
footer a:hover, footer span:hover, .infos-footer p:last-of-type a:hover{color:#fff;}
footer span{cursor: pointer;}
.social-nav{position: absolute; top:50%; z-index: 2; transform: translateY(-70%); right: 60px; justify-content: center; align-items: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.social-nav a.btn{margin:4px 0; font-size: 18px; padding: 4px 2px 2px 4px;}
.social-nav a.btn i:before{transition:0.3s;}
.social-nav a.btn:hover i:before{color:#111;}

@media screen and (max-width: 1299px) {
  footer{padding:4em 1em 4em 1em;}
  .a-footer, footer .container:before, footer .container:after{display: none;}
  .infos-footer p:first-of-type{margin:0;}
  .infos-footer p:first-of-type, .infos-footer p:last-of-type{text-align: center; right: 0;}
  .infos-footer{position: relative; top:0; right:0; width: 100%;}
  footer .container{padding-bottom: 0;}
  .social-nav{transform: translateY(-50%);}
}

@media screen and (max-width: 991px) {
  .social-nav{position: relative; flex-direction: row; right: 0; transform:none; margin-top: 0.5em;}
}

@media screen and (max-width: 767px) {
  .infos-footer p:first-of-type{font-size: 13px;letter-spacing: 0.6px;}
  .infos-footer p:last-of-type{font-size: 12px;letter-spacing: 0.6px;}
}

@media screen and (max-width: 575px) {
  footer{padding:4em 0 4em 0;}
  .infos-footer p:first-of-type{font-size: 13px;letter-spacing: 1px;}
  .infos-footer p:last-of-type{font-size: 12px;letter-spacing: 1px;}
  footer br{display: inline-block;}
}

/*HARI*/
.paragraphe strong{font-weight: 900;}
.infos-slider{min-width: 400px;}
.ckeditor p{font-weight: normal !important;}
.ckeditor p strong{font-weight: 700 !important;}

.contactPage .encart-title{margin: 1em 0 1em 0;}
.contactPara{padding: 2em 0 2em 0}