.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.zub.fr/wp-content/themes/zub/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
-webkit-backface-visibility: hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.vbox-overlay * { 
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.vbox-overlay{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999999;
} .vbox-title{
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
padding: 6px 50px;
overflow: hidden;
position: fixed;
display: none;
left: 0;
z-index: 89;
}
.vbox-close{
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 50px;
height: 40px;
padding: 6px;
display: block;
background-position:10px center;
overflow: hidden;
font-size: 24px;
line-height: 1;
text-align: center;
z-index: 99;
}
.vbox-left{
cursor: pointer;
position: fixed;
left: 0;
height: 40px;
overflow: hidden;
line-height: 28px;
font-size: 12px;
z-index: 99;
display: flex;
align-items:center;
}
.vbox-num{
display: inline-block;
margin: 6px 0 6px 15px;
} .vbox-share{
line-height: 28px;
font-size: 12px;
overflow: hidden;
position: fixed;
left: 0;
z-index: 98;
display: flex;
align-items:center;
justify-content: center;
width: 100%;
text-align: center;
}
.vbox-share svg{
max-height: 28px;
width: 28px;
z-index: 10;
margin-left: 12px;
margin-top: 6px;
margin-bottom: 6px;
vertical-align: middle;
} .vbox-next, .vbox-prev{
position: fixed;
top: 50%;
margin-top: -15px;
overflow: hidden;
cursor: pointer;
display: block;
width: 45px;
height: 45px;
z-index: 99;
}
.vbox-next span, .vbox-prev span{
position: relative;
width: 20px;
height: 20px;
border: 2px solid transparent;
border-top-color: #B6B6B6;
border-right-color: #B6B6B6;
text-indent: -100px;
position: absolute;
top: 8px;
display: block;
}
.vbox-prev{
left: 15px;
}
.vbox-next{
right: 15px;
}
.vbox-prev span{
left: 10px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.vbox-next span{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px;
} .vbox-inline{
width: 420px;
height: 315px;
height: 70vh;
padding: 10px;
background: #fff;
margin: 0 auto;
overflow: auto;
text-align: left;
} .venoframe{
max-width: 100%;
width: 100%;
border: none;
width: 100%;
height: 260px;
height: 70vh;
}
.venoframe.vbvid{
height: 260px;
}
@media (min-width: 768px) {
.venoframe, .vbox-inline{
width: 90%;
height: 360px;
height: 70vh;
}
.venoframe.vbvid{
width: 640px;
height: 360px;
}
}
@media (min-width: 992px) {
.venoframe, .vbox-inline{
max-width: 1200px;
width: 80%;
height: 540px;
height: 70vh;
}
.venoframe.vbvid{
width: 960px;
height: 540px;
}
} .vbox-open{
overflow: hidden;
}
.vbox-container{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
z-index: 20;
max-height: 100%;
}
.vbox-content{
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 20px 4%;
}
.vbox-container img{
max-width: 100%;
height: auto;
}
.vbox-figlio{
box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
max-width: 100%;
text-align: initial;
}
img.vbox-figlio{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.vbox-content.swipe-left{
margin-left: -200px !important;
}
.vbox-content.swipe-right{
margin-left: 200px !important;
}
.vbox-animated{
webkit-transition: margin 300ms ease-out;
transition: margin 300ms ease-out;
} .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}/*/*/* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
font-family: sans-serif;
}/*/*/@mixin flexcenter {
display: flex;
justify-content: center;
align-items: center;
}/*/*/.landing-page {/**/min-height: 100vh;
width: 100%; .menu-btn {
position: fixed;
top: 30px;
right: 30px;
height: 50px;
width: 65px; border-radius: 7px;
background-color: #000;
color: #FFF;
z-index: 99999;
&:hover {
cursor: pointer;
}
}
.menu-btn::before {
position: absolute;
top: 0;
left: 0;
content: "+"; width: 100%;
height: 100%;
border-radius: 100%;
text-align: center;
line-height: 50px;
font-size: 40px;
font-weight: 100 !important;
font-family: serif;
transition-duration: 500ms;
} .overlay-1 {
position: fixed;
top: 30px;
right: 30px;
height: 50px;
width: 50px;
border-radius: 100%;
background-color: #eeeeee;
transition-duration: 700ms;
z-index: 998;
&.active {
transform: scale(100, 100);
border-radius: 0;
}
}
.menu-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: -5;
opacity: 0;
transition: opacity 1500ms;
@include flexcenter();
.menu-wrapper {
list-style: none;
li {
margin: 10px 0; display: flex;
justify-content: left;
a {
text-decoration: none;
letter-spacing: 5px;
font-weight: 700;
font-size: 10vmin;
color: rgba(255, 255, 255, 0);
-webkit-text-stroke: 1.4px #343436;
transition-duration: 200ms;
&:hover {
color: #343436;
-webkit-text-stroke: 0px #343436;
}
}
span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 68vmin;
font-weight: 900;
color: rgba(0, 0, 0, 0.2);
}
}
}
.menu-underlay {
position: absolute;
top: 100px;
left: 100px;
background-color: lightblue;
}
&.active {
transition-delay: 00ms;
opacity: 1;
z-index: 999;
}
}
.landing-page-content {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #343436;
color: #f8f8f8;
@include flexcenter();
flex-direction: column;
div {
font-size: 20vmin;
font-weight: 700;
span {
font-size: 40px;
font-weight: 400;
}
}
}
}.alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
@media (min-width: 1366px){
.container {
max-width: 1240px;
}
}
@media (min-width: 1440px){
.container {
max-width: 1320px;
}
}
@media (min-width: 1600px){
.container {
max-width: 1440px;
}
}
@media (min-width: 1900px){
.container {
max-width: 1400px;
}
}
*{
font-family: 'Montserrat', sans-serif;
}
body{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #000;
font-weight: 400;
}
.navbar{
position: absolute;
padding-top: 40px;
padding-bottom: 40px;
z-index: 2;
width: 100%;
max-width: 100%;
}
.navbar .container {
position: relative;
}
.navbar-brand {
width: 215px;
transition: .25s;
margin: 0;
padding: 0;
}
.navbar-brand img{
width: 100%;
transition: .25s;
}
.navbar .menu ul{
display: flex;
align-items: center;
list-style-type: none;
margin-bottom: 0px;
}
.navbar .menu ul.menu_bar li.nav-item{
display: none;
}
.menu {
width: 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
}
.offcanvas-header .btn-close {
display: none;
}
.offcanvas-header img.logo {
position: absolute;
top: 38px;
left: 35px;
width: 120px;
}
.rejoindre_btn a {
width: 212px;
display: flex;
align-items: center;
height: 50px;
justify-content: center;
border-radius: 15px;
background-color: #227dff;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-decoration: none;
margin-right: 50px;
transition: .25s;
}
.rejoindre_btn a:hover{
background-color: #0117a1;
} .navbar {
z-index: 99;
}
.navbar.sticky .container {
height: auto;
}
.navbar.sticky {
position: fixed;
width: 100%;
top: 0px;
z-index: 9;
left: 0px;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.12); 
animation-name: stickytopani;
animation-duration: .5s;
animation-timing-function: ease-out;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: once;
animation-fill-mode: none;
animation-play-state: running;
padding-top: 10px;
padding-bottom: 10px;
}
.navbar.sticky::before{
display: none;
}
.navbar.sticky .navbar-brand{
width: 197px;
padding: 0px;
height: auto;
margin-left: 0px;
transition: .25s;
}
.navbar.sticky .navbar-collapse {
margin-bottom: 0px; 
}
.navbar.sticky .nav_menu{
}
.header_nav.sticky .right_side{
}
.header_nav.sticky .smenu{
top: 10px;
height: 80px;
}
.header_nav.sticky .right_side ul{
padding-top: 0px;
}
.header_nav.sticky .nav_menu ul li:last-child{
}
.header_nav.sticky .nav_menu ul li a.active::before{
display: none;
}
@keyframes stickytopani {
0% {
top: -150px;
} 100% {
top: 0px;
}
} .offcanvas-header .smenu.active {
filter: invert(1);
position: absolute;
right: 50px;
top: 52px;
} .smenu{     }
.smenu span{
position: absolute;
height: 2.2px;
width: 28px;
background-color: #fff;
top: 50%;
right: 0;
transform: translate(-50%,-50%);
transition: 0.3s;
border-radius: 5px;
}
.smenu span:before {
content: '';
position: absolute;
top: -10px;
background-color: #fff;
height: 2.2px;
width: 35px;
transition: 0.3s;
border-radius: 5px;
right: 0px;
}
.smenu span:after {
content: '';
position: absolute;
top: 10px;
background-color: #fff;
height: 2.2px;
width: 35px;
transition: 0.3s;
border-radius: 5px;
right: 0px;
}
.smenu.active{
filter: invert(0%); 
}
.smenu.active span { background-color: transparent; }
.smenu.active span:before { transform: rotate(45deg);top: 0; left: -9px; width: 40px;}
.smenu.active span:after { transform: rotate(-45deg);top: 0;left:-9px; width: 40px; }
.smenu:hover{ }
.menu-btn::before{
display: none;
}
.menu-btn {
position: fixed;
top: 30px;
right: 30px;
height: 50px;
width: 65px;
border-radius: 0;
background-color: #000;
color: #333;
z-index: 99999;
}
.navbar.sticky .smenu {
top: 7px; }
.modal-backdrop.show{
opacity: .9;
}
.sidebar-nav {
background-color: #fff;
width: 650px;
border: 0;
}
.sidebar-nav .navbar-brand{
width: 150px;
height: auto;
display: block;
}
.offcanvas-header .btn-close{
color: #FFF;
filter: invert(100%);
}
.sidebar-nav .offcanvas-body{
padding-top: 150px;
}
.sidebar-navigation ul{
margin: 0px 40px;
list-style: none;
padding-left: 20px;
}
.sidebar-navigation ul li{
padding-top: 8px;
padding-bottom: 8px;
}
.sidebar-navigation ul li a {
color: #000;
display: inline-block;
font-size: 20px;
padding: 0px 0px;
letter-spacing: 1px;
text-decoration: none;
transition: 0.5s;
text-align: right;
font-weight: 500;
border-radius: 5px;
font-weight: 900;
text-align: left;
transition: .25s;
}
.sidebar-navigation ul li a:hover{
color: #0117a1;
}  .navbar-menu .menu-listing{
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.navbar-menu .menu-listing ul{
margin: 0px;
padding: 0px;
}
.menu-listing li { display: block;
}
.menu-listing li a {
background-color: #fff;
color: #000;
display: block;
font-size: 18px;
padding: 12px 20px;
letter-spacing: 1px;
text-decoration: none;
transition: 0.5s;
text-align: left;
text-transform: uppercase;
font-weight: 500;
text-align: center;
} .navbar-menu .menu-listing ul li ul.sub-menu{
background-color: #f0e9e9;
border-top: 2px #1f265c solid;
position: relative;
display: none;
}
.navbar-menu .menu-listing ul li:hover ul{
display: block;
}
.navbar-menu .menu-listing ul ul.sub-menu:before{
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
border-bottom: 10px solid black;
position: absolute;
top: -10px;
left: 50%;
margin-left: -5px;
}
.navbar-menu .menu-listing ul ul.sub-menu a{
background-color: #eceef9;
font-size: 1rem;
font-weight: 700;
border-bottom: 1px #1f265c dashed;
}
.navbar-menu .menu-listing ul ul.sub-menu a:hover{
color: #1f265c;
}
.navbar-menu {
background-color: #fff;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 50px;
transform: translateX(-100%);
transition: 0.5s;
bottom: 0px;
z-index: 9;
padding-top: 110px;
height: 100vh;
}
.navbar-menu.active { transform: translateX(0);transition: 0.5s; }
.navbar-menu .menu-listing {
padding: 0;
position: relative; 
text-align: center; 
top: 50px; z-index: 99;
}
.navbar-menu .smenu{
background-image: none !important;
} .banner_sec{
position: relative;
overflow-x: hidden;
}
.banner_sec .banner_pic {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 930px;
}
.banner_sec .banner_text {
position: absolute;
width: 100%;
z-index: 3;
display: flex;
align-items: center;
bottom: 90px;
}
.banner_sec .socialmedia_options {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
max-width: 1400px;
width: 1400px;
left: 50%;
z-index: 2;
}
.banner_sec .socialmedia_options .box{
width: 21px;
margin-left: auto;
margin-bottom: 18px;
}
.banner_sec .socialmedia_options a{
width: 100%;
display: inline-block;
}
.banner_sec .socialmedia_options .box.linkedin{
width: 23px;
}
.banner_sec .socialmedia_options a img{
width: 100%;
filter: invert(1);
transition: .25s;
}
.banner_sec .socialmedia_options a img:hover{
filter: invert(0);
}
.owl-theme.bannersection .owl-dots {
margin-top: 0px !important;
position: absolute;
bottom: 60px;
width: 1400px;
margin-left: auto;
margin-right: auto;
left: 50%;
transform: translateX(-50%);
text-align: right;
}
.owl-theme.bannersection .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 5px 5px;
background: transparent;
border: 2px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
.banner_sec .banner_text .heading h1 {
font-size: 60px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
margin-bottom: 16px;
line-height: 66px;
}
.banner_sec .banner_text .heading h1 span{
display: block;
}
.banner_sec .banner_text .heading p {
font-size: 20px;
font-weight: 400;
color: #fff;
max-width: 580px;
padding-bottom: 10px;
}
.banner_sec .banner_text .button a{
width: 335px;
height: 50px;
border-radius: 10px;
background-color: #227dff;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-decoration: none;
margin-top: 15px;
transition: .25s;
}
.banner_sec .banner_text .button a:hover{
background-color: #000;
} .services_sec{
overflow: hidden;
}
.services_sec .row{
display: flex;
flex-wrap: wrap;
}
.services_sec .service_box{
width: 25%;
max-width: 25%;
flex: 0 0 25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 770px;
position: relative;
transition: .25s;
}
.services_sec .service_box .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(6, 11, 53, 0.85);
transition: .25s;
}
.services_sec .service_box .number {
font-size: 120px;
font-weight: 900;
-webkit-text-stroke: 2px #97999e;
-webkit-background-clip: text;
color: transparent;
position: absolute;
right: 25px;
bottom: 25px;
line-height: 95px;
opacity: 0.3;
}
.services_sec .service_box:hover .overlay{
background-color: rgba(6, 11, 53, 0.5);
}
.services_sec .service_box h3{
font-size: 36px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
left: 60px;
position: absolute;
right: 40px;
bottom: 200px;
} .realisation_sec{
padding-top: 100px;
padding-bottom: 90px;
}
.realisation_sec .row{
display: flex;
justify-content: space-between;
padding-top: 30px;
}
.sec_heading.title h3::before {
content: '';
position: absolute;
left: 0;
bottom: 0px;
width: 80px;
height: 5px;
background-color: #0117a1;
}
.sec_heading.title h3 {
font-size: 36px;
font-weight: 900;
color: #0117a1;
text-transform: uppercase;
position: relative;
margin-bottom: 35px;
padding-bottom: 20px;
}
.realisation_sec .realisation_box{
width: 47%;
max-width: 47%;
flex: 0 0 47%;
margin-bottom: 45px;
}
.realisation_sec .realisation_box a.pic_sec{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 440px;
border-radius: 25px;
margin-bottom: 20px;
display: block;
position: relative;
overflow: hidden;
transition: .25s;
}
.realisation_sec .realisation_box a.pic_sec .overlay{
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0px;
background-color: rgba(6, 11, 53, 0.5);
transition: .25s;
opacity: 0;
}
.realisation_sec .realisation_box a.pic_sec:hover .overlay{
opacity: 1;
}
.realisation_sec .realisation_box h6{
font-size: 18px;
font-weight: 500;
color: #0e2950;
max-width: 315px;
}
.realisation_sec .button a {
width: 358px;
height: 50px;
border-radius: 10px;
background-color: #227dff;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-decoration: none;
margin-top: 0px;
margin-left: auto;
transition: .25s;
}
.realisation_sec .button a:hover{
background-color: #000;
} .savoir_fairesec{
padding-top: 90px;
padding-bottom: 65px;
background-color: #f3f4f8;
}
.savoir_fairesec .row.main{
padding-top: 20px;
}
.savoir_fairesec a.expertise_box.big{
height: 376px;
}
.savoir_fairesec a.expertise_box{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 173px;
border-radius: 15px;
margin-bottom: 30px;
display: block;
position: relative;
text-decoration: none;
transition: .25s;
overflow: ;
}
.savoir_fairesec a.expertise_box .text {
position: absolute;
left: 50%;
transform: translateX(-50%);
max-width: 88%;
width: 88%;
text-align: center;
bottom: 0px;
transition: .25s;
}
.savoir_fairesec a.expertise_box:hover .text{
bottom: 18px;
}
.savoir_fairesec a.expertise_box .text p{
font-size: 15px;
line-height: 23px;
color: #fff;
margin-bottom: 10px;
transition: .25s;
opacity: 0;
}
.savoir_fairesec a.expertise_box:hover .text p{
opacity: 1;
}
.savoir_fairesec a.expertise_box .overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 15px;
background-color: rgba(0,0,0,0.45);
transition: .25s;
}
.savoir_fairesec a.expertise_box h4{
font-size: 24px;
font-weight: 700;
color: #fff;
letter-spacing: -0.025rem;
margin-bottom: 15px;
position: relative;
}
.savoir_fairesec a.expertise_box:hover .overlay{
background-color: rgba(0,0,0,0.7);
} .linkedin_bannersec {
padding-top: 65px;
padding-bottom: 90px;
background-color: #fff !important;
}
.linkedin_bannersec .banner {
display: flex;
background-color: #0117a1;
border-radius: 20px;
padding: 45px 55px;
justify-content: space-between;
align-items: center;
}
.linkedin_bannersec .banner .heading {
display: flex;
align-items: center;
max-width: 71%;
width: 71%;
}
.linkedin_bannersec .banner .heading .icon{
width: 80px;
margin-right: 45px;
}
.linkedin_bannersec .banner .heading .icon img{
width: 100%;
filter: invert(1);
}
.linkedin_bannersec .banner .heading h3{
font-size: 32px;
font-weight: 700;
color: #fff;
letter-spacing: -0.025rem;
margin-bottom: 0px;
max-width: 80%;
}
.linkedin_bannersec .banner .button a{
font-size: 18px;
font-weight: 700;
color: #fff;
letter-spacing: -0.020rem;
text-decoration: none;
border: 2px solid #fff;
border-radius: 15px;
padding: 15px 25px;
transition: .25s;
}
.linkedin_bannersec .banner .button a:hover{
background-color: #fff;
color: #0117a1;
} .chiffres_sec{
padding-bottom: 50px;
}
.chiffres_sec .row{
padding-top: 35px;
}
.chiffres_sec .chiffres_box{
display: flex;
margin-bottom: 45px;
}
.chiffres_sec .chiffres_box .icon{
width: 65px;
margin-right: 30px;
}
.chiffres_sec .chiffres_box .icon img{
width: 100%;
}
.chiffres_sec .chiffres_box .txt{
flex: 1;
}
.chiffres_sec .chiffres_box .txt h4{
font-size: 22px;
font-weight: 700;
color: #000000;
max-width: 285px;
}
.chiffres_sec .chiffres_box .txt h4 span{
color: #001aa0;
}
.chiffres_sec .chiffres_box .txt p {
font-size: 18px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
line-height: 24px;
max-width: 90%;
} .nos_actualites_sec{
padding-top: 90px;
background-color: #f3f4f8;
padding-bottom: 80px;
}
.nos_actualites_sec .row{
padding-top: 15px;
}
.nos_actualites_sec .actualites_box{
margin-left: 13px;
margin-right: 13px;
}
.nos_actualites_sec .col-lg-4:first-child .actualites_box{
margin-left: 0px;
}
.nos_actualites_sec .col-lg-4:last-child .actualites_box{
margin-right: 0px;
}
.nos_actualites_sec .actualites_box a.pic_sec{
display: block;
border-radius: 25px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 425px;
margin-bottom: 22px;
position: relative;
transition: .25s;
}
.nos_actualites_sec .actualites_box a.pic_sec .overlay{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: .25s;
}
.nos_actualites_sec .actualites_box a.pic_sec:hover .overlay{
opacity: 1;
}
.nos_actualites_sec .actualites_box a.pic_sec.big{
height: 570px;
}
.nos_actualites_sec .actualites_box h6.date{
display: flex;
align-items: center;
margin-bottom: 0px;
font-size: 16px;
color: #0e2950;
font-weight: 600;
}
.nos_actualites_sec .actualites_box h6.date img.calender{
width: 16px;
margin-right: 12px;
}
.nos_actualites_sec .actualites_box h4{
padding-top: 20px;
font-size: 28px;
color: #0e2950;
font-weight: 700;
text-transform: uppercase;
}
.nos_actualites_sec .actualites_box h4 a{
color: #0e2950;
text-decoration: none;
}
.partners{
margin-bottom: 80px;
margin-top: 80px;
}
.partners .left .sec_heading.title h3{
}
.partners .left .sec_heading.title h3 span{
display: block;
}
.partners .left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.partners .logo-pic {
display: flex;
margin-right: auto;
margin-left: auto;
width: 130px;
height: 100%;
}
.partners .logo-pic.ibis{
width: 80px;
}
.partners .logo-pic.andilly{
width: 75px;
}
.partners .logo-pic img{
width: 100%;
height: auto;
filter: grayscale(1);
transition: .25s;
}
.partners .logo-pic img:hover{
filter: grayscale(0);
}
.partners .left .heading {
padding-right: 80px;
}
.partners .row {
align-items: center;
justify-content: center;
} .footer_sec{
background-color: #f6f3ef;
padding-top: 75px;
padding-bottom: 45px;
}
.footer_sec .row.main{
display: flex;
}
.footer_sec .social_media_sec{
width: 12%;
max-width: 12%;
flex: 0 0 12%;
}
.footer_sec .social_media_sec ul.footer_social{
padding-left: 0;
list-style-type: none;
}
.footer_sec .social_media_sec ul.footer_social li:last-child a{
margin-bottom: 0px;
}
.footer_sec .social_media_sec ul.footer_social li a{
text-decoration: none;
width: 37px;
height: 37px;
border-radius: 50%;
border: 1px solid #000;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
transition: .25s;
}
.footer_sec .social_media_sec ul.footer_social li a:hover{
background-color: #000;
}
.footer_sec .social_media_sec ul.footer_social li a img{
width: 18px;
transition: .25s;
}
.footer_sec .social_media_sec ul.footer_social li a:hover img{
filter: invert(1);
}
.footer_sec .site_sec{
width: 24%;
max-width: 24%;
flex: 0 0 24%;
}
.footer_sec .contact_sec{
width: 25%;
max-width: 25%;
flex: 0 0 25%;
}
.footer_sec ul{
padding-left: 0;
list-style-type: none;
}
.footer_sec ul li a{
font-size: 18px;
font-weight: 500;
color: #000;
text-decoration: none;
}
.footer_sec ul.footer_nav li{
padding-bottom: 11px;
}
.footer_sec ul.footer_nav li a{
transition: .25s;
position: relative;
transition: .25s;
}
.footer_sec ul.footer_nav li a:hover{
color: #0117a1;
}
.footer_sec ul.footer_nav li a::before{
content: '';
position: absolute;
left: 0;
bottom: -1px;
height: 2px;
background-color: #0117a1;
width: 0px;
transition: .25s;
}
.footer_sec ul.footer_nav li a:hover::before{
width: 100%;
}
.footer_sec .logo_sec{
width: 39%;
max-width: 39%;
flex: 0 0 39%;
}
.footer_sec .box .heading h5 {
font-size: 24px;
font-weight: 700;
color: #000000;
margin-bottom: 20px;
padding-bottom: 20px;
}
.footer_sec .logo_sec .footer_logo {
width: 150px;
margin-left: auto;
margin-bottom: 45px;
margin-right: auto;
}
.footer_sec .logo_sec .footer_logo a{
width: 100%;
}
.footer_sec .logo_sec .footer_logo a img{
width: 100%;
}
.footer_sec .logo_sec .partners_pic {
display: flex;
justify-content: flex-end;
}
.footer_sec .logo_sec .partners_pic .pic_box{
width: 100px;
margin-left: 10px;
margin-right: 10px;
border-radius: 10px;
}
.footer_sec .logo_sec .partners_pic .pic_box img{
width: 100%;
border-radius: 10px;
}
.footer_sec .logo_sec .partners_pic .pic_box:first-child{
margin-left: 0;
}
.footer_sec .logo_sec .partners_pic .pic_box:nth-child(2){
width: 125px;
}
.footer_sec .logo_sec .partners_pic .pic_box:last-child{
margin-right: 0;
width: 85px;
}
.footer_sec ul.contact_links li a span{
display: block;
font-weight: 700;
}
.footer_sec ul.contact_links li a {
transition: .25s;
padding-left: 30px;
position: relative;
max-width: 240px;
display: block;
}
.footer_sec ul.contact_links li a:hover{
color: #0117a1;
}
.footer_sec ul.contact_links li a:hover::before{
filter: invert(11%) sepia(82%) saturate(4078%) hue-rotate(232deg) brightness(95%) contrast(123%);
}
.footer_sec ul.contact_links li{
padding-bottom: 15px;
}
.footer_sec ul.contact_links li a::before {
content: '';
position: absolute;
width: 18px;
background-repeat: no-repeat;
background-size: contain;
height: 18px;
left: 0;
top: 4px;
transition: .25s;
}
.footer_sec ul.contact_links li:first-child a::before {
background-image: url(//www.zub.fr/wp-content/themes/zub/images/location.png);
width: 23px;
height: 20px;
}
.footer_sec ul.contact_links li:nth-child(2) a::before {
background-image: url(//www.zub.fr/wp-content/themes/zub/images/phone-call.png);
}
.footer_sec ul.contact_links li:last-child a::before {
background-image: url(//www.zub.fr/wp-content/themes/zub/images/envelope.png);
} .copyright{
background-color: #fff;
text-align: center;
padding-top: 19px;
padding-bottom: 19px;
color: #000;
font-size: 15px;
}
.copyright a{
color: #0a2e49;
text-decoration: none;
}
.copyright a:hover{
text-decoration: underline;
}
.copyright .fa-heart{
color: #ee2a22;
-webkit-animation: breathing 3s ease-out infinite normal;
animation: breathing 3s ease-out infinite normal;
}
.copyright p{
margin-bottom: 0px !important;
font-size: 15px;
font-weight: 500;
color: #000;
}
@-webkit-keyframes breathing {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
} .navbar.innerpage{
position: relative;
padding-top: 10px;
padding-bottom: 25px;
}
.navbar.innerpage .smenu span{
background-color: #0118b3;
}
.navbar.innerpage .smenu span:before{
background-color: #0118b3;
}
.navbar.innerpage .smenu span:after{
background-color: #0118b3;
}
.innerpage_bannersec{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 340px;
position: relative;
}
.innerpage_bannersec .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.45);
}
.innerpage_bannersec .row {
height: 340px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.innerpage_bannersec .banner_text{
z-index: 3;
position: relative;
}
.innerpage_bannersec .banner_text .heading h2{
font-size: 36px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
letter-spacing: -0.025rem;
}
.nav-previous a {
background-color: #227DFF;
color: #fff !important;
font-size: 16px;
padding: 16px 30px;
border-radius: 12px;
text-decoration: none;
transition: .25s;
display: none;
}
.nav-previous a:hover{
background-color: #000;
}
.nav-next a{
background-color: #227DFF;
color: #fff !important;
font-size: 16px;
padding: 16px 30px;
border-radius: 12px;
text-decoration: none;
transition: .25s;
}
.nav-next a:hover{
background-color: #000;
} .realisation_sec.innerpage{
}
.realisation_sec.innerpage ul.filter {
display: flex;
justify-content: center;
align-items: center;
padding-left: 0;
list-style-type: none;
margin-bottom: 20px;
margin-top: 15px;
flex-wrap: wrap;
}
.realisation_sec.innerpage ul.filter li:first-child a{
margin-left: 0;
}
.realisation_sec.innerpage ul.filter li a {
width: 230px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;
border: 1px solid #248aff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #248aff;
background-color: #fff;
text-decoration: none;
margin-left: 9px;
margin-right: 9px;
transition: .25s;
}
.realisation_sec.innerpage ul.filter li:last-child a{
margin-right: 0px;
}
.realisation_sec.innerpage ul.filter li a.active{
background-color: #248aff;
color: #fff;
}
.realisation_sec.innerpage ul.filter li a:hover{
background-color: #248aff;
color: #fff;
}
.realisation_sec.innerpage .realisation_box {
width: 33%;
max-width: 33%;
flex: 0 0 33%;
margin-bottom: 50px;
}
ul.pagination.text-sm-center {
display: flex;
justify-content: center;
align-items: center;
list-style-type: none;
padding-bottom: 0px;
padding-top: 30px;
margin-top: 20px;
}
ul.pagination.text-sm-center a{
font-size: 19px;
font-weight: 500;
color: #000;
text-decoration: none;
margin-right: 7px;
margin-left: 7px;
width: 48px;
height: 48px;
display: block;
line-height: 47px;
background-color: #e8e7ec;
border-radius: 11px;
}
ul.pagination.text-sm-center li.current a{
background-color: #248aff;
color: #fff;
}
ul.pagination.text-sm-center a.previous img{
width: 33px;
}
ul.pagination.text-sm-center a.next img{
width: 33px;
} .realisation_projectdetails{
padding-bottom: 100px;
}
.realisation_projectdetails .pic_sec{
background-repeat: no-repeat;
background-size: cover;
background-position: center center; height: 320px;
position: relative;
border-radius: 30px;
margin-bottom: 55px;
}
.projectdetails{
margin: 0px;
padding: 10px 20px;
list-style: none !important;
line-height: normal;
display: block !important;
}
.projectdetails ul {
padding-left: 0px;
}
.projectdetails li{
margin-left: 20px;
position: relative;
padding-left: 18px;
margin-bottom: 10px;
list-style: none;
line-height: normal;
}
.projectdetails li a{
font-weight: 600;
padding:12px 5px;
color: #000;
position: relative;
line-height: normal;
display: block;
text-transform: uppercase;
text-decoration: none;
}
.projectdetails li a:hover{
color: #666;
}
.projectdetails p strong {
display: block;
padding-top: 15px;
}
.projectdetails li:before {
font-family: 'FontAwesome';
position: absolute;
left: 0px;
top: 1px;
content: "\f105";
line-height: normal;
background-color: transparent;
}
.projectdetails li a:hover{
text-decoration: none;
color: #666;
}
.realisation_projectdetails .about_project ul.features {
padding-left: 0;
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 30px 30px 20px 30px;
background-color: #eff3f7;
border-radius: 15px;
}
.realisation_projectdetails .about_project ul.features li {
font-size: 18px;
font-weight: 900;
padding-bottom: 22px;
display: flex;
width: 100%;
max-width: 100%;
justify-content: space-between; }
.realisation_projectdetails .about_project ul.features li span{
font-weight: 500;
padding-left: 4px;
}
.projectimages_sec{
padding-bottom: 80px;
}
.projectimages_sec .row{
padding-top: 10px;
}
.projectimages_sec .project_pic{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 370px;
position: relative;
border-radius: 20px;
transition: .25s;
}
.projectimages_sec .project_pic .overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 20px;
background-color: rgba(6, 11, 53, 0.5);
transition: .25s;
opacity: 0; 
}
.projectimages_sec .project_pic:hover .overlay{
opacity: 1;
}
.owl-theme.projectpic_slider .owl-nav{
margin-top: 0;
display: none;
}
.owl-theme.projectpic_slider .owl-dots{
margin-top: 0;
display: none;
} .nos_engagement_sec{
padding-top: 75px;
padding-bottom: 100px;
}
.top_sec.title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 25px;
}
.top_sec.title .button_sec {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.top_sec.title .button_sec .button a {
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background-color: #FFF;
border: 1px solid #227dff;
border-radius: 11px;
width: 222px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
transition: .25s;
text-decoration: none;
margin-left: 0px;
color: #227dff;
margin-right: 15px;
}
.top_sec.title .button_sec .button a:hover{
background-color: #227dff;
color: #fff;
}
.top_sec.title .button_sec .button.active a{
background-color: #227dff;
color: #fff;
} .nos_engagement_sec .row{
display: flex;
justify-content: space-between;
}
.nos_engagement_sec .pic_sec{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 575px;
position: relative;
border-radius: 25px;
width: 32%;
max-width: 32%;
flex: 0 0 32%;
}
.nos_engagement_sec .text_sec{
width: 65%;
max-width: 65%;
flex: 0 0 65%;
padding-left: 20px;
}
.nos_engagement_sec .text_sec h6{
font-size: 18px;
font-weight: 500;
line-height: 25px;
color: #0e2950;
padding-bottom: 20px;
}
.nos_engagement_sec .text_sec p{
font-size: 16px;
font-weight: 500;
line-height: 23px;
color: #0e2950;
padding-bottom: 10px;
}
.nos_engagement_sec .text_sec ol{
padding-left: 18px;
padding-top: 5px;
padding-bottom: 5px;
}
.nos_engagement_sec .text_sec ol li{
font-size: 16px;
line-height: 23px;
color: #0e2950;
font-weight: 500;
padding-bottom: 15px;
} .contact_option_sec{
padding-top: 80px;
padding-bottom: 90px;
background-color: #f7f7f7;
}
.contact_option_sec .box{
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.contact_option_sec .box .icon{
width: 45px;
margin-bottom: 23px;
margin-left: auto;
margin-right: auto;
}
.contact_option_sec .box .icon img{
width: 100%;
}
.contact_option_sec .box .txt a{
font-size: 18px;
color: #000;
font-weight: 500;
text-decoration: none;
transition: .25s;
}
.contact_option_sec .box .txt a:hover{
color: #0117a1;
} .contact_option_sec .box .txt a span{
display: block;
}
.contactform_sec{
padding-top: 90px;
padding-bottom: 105px;
}
.contactform_sec .request {
font-size: 15px;
}
.contactform_sec .contactform .formbold {
margin-bottom: 12px;
}
.contactform_sec .contactform .formbold-form-input {
width: 100%;
height: 56px;
border-radius: 12px;
border: 0px;
padding-left: 30px;
background-color: #f3f2f2;
}
.contactform_sec .contactform .formbold-form-input:focus{
outline: none;
border: 0px;
box-shadow: nome;
}
.contactform_sec .contactform .formbold-form-input::placeholder{
font-size: 17px;
color: #4d4d4d;
}
.contactform_sec .contactform .formbold textarea#message {
width: 100%;
height: 150px;
padding-top: 15px;
}
.contactform_sec .contactform .formbold input#apply {
opacity: 0;
position: absolute;
}
.contactform_sec .contactform .formbold span.file_type {
display: block;
font-size: 18px;
color: #4d4d4d;
}
.contactform_sec .contactform .formbold label.pdf {
display: flex;
align-items: baseline;
font-size: 20px;
color: #4d4d4d;
}
.contactform_sec .contactform .formbold img.pdf_icon {
margin-right: 6px;
}
.contactform_sec .contactform .formbold.pdf_upload {
margin-top: 10px;
margin-bottom: 40px !important;
display: block;
}
.contactform_sec .contactform .formbold label.form-check-label {
font-size: 17px;
color: #4d4d4d;
}
.contactform_sec .contactform .formbold .form-check-input[type=checkbox] {
border-radius: 0.25em;
margin-top: 5px;
}
.contactform_sec .form-check.formbold.check_box {
margin-top: 6px;
}
.contactform_sec .contactform.col-lg-12{
padding-top: 20px;
}
.contactform_sec .contactform button.formbold-btn {
text-decoration: none;
color: #fff;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 220px;
height: 50px;
background-color: #227dff;
border: 1px solid #227dff;
border-radius: 13px;
margin-right: auto;
transition: .25s;
margin-top: 45px;
}
.contactform_sec .contactform button.formbold-btn img {
width: 20px;
height: auto;
margin-left: 12px;
transition: .25s;
}
.contactform_sec .contactform button.formbold-btn:hover {
border: 1px solid #000;
color: #000;
background-color: transparent;
}
.contactform_sec .contactform button.formbold-btn:hover img{
filter: invert(1);
} .qui_sommesnous_sec{
padding-top: 75px;
padding-bottom: 110px;
}
.qui_sommesnous_sec p.big{
font-size: 18px;
line-height: 27px;
color: #0e2950;
font-weight: 500;
padding-bottom: 12px;
}
.qui_sommesnous_sec .pic_sec {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 420px;
position: relative;
border-radius: 30px;
margin-top: 40px;
margin-bottom: 20px;
}
.qui_sommesnous_sec .quote_sec{
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 75px;
padding-bottom: 50px;
position: relative;
}
.qui_sommesnous_sec .quote_sec::before {
content: '';
position: absolute;
top: 45px;
left: -140px;
background-image: url(//www.zub.fr/wp-content/themes/zub/images/inverted_comma.png);
background-repeat: no-repeat;
background-size: 100px;
width: 100px;
height: 100px;
}
.qui_sommesnous_sec .text_sec{ width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
}
.qui_sommesnous_sec .quote_sec blockquote{
font-size: 18px;
line-height: 29px;
font-weight: 500;
}
.qui_sommesnous_sec .quote_sec blockquote h5{
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
padding-top: 40px;
}
.qui_sommesnous_sec .quote_sec blockquote h5 span{
font-size: 17px;
color: #838383;
display: block;
padding-top: 2px;
}
.qui_sommesnous_sec .text_sec h6{
font-size: 24px;
line-height: 34px;
font-weight: 500;
padding-bottom: 30px;
margin-bottom: 15px;
}
.qui_sommesnous_sec .text_sec p{
font-size: 18px;
line-height: 26px;
font-weight: 500;
padding-bottom: 10px;
}
.qui_sommesnous_sec .top_sec.title .button_sec .button.qui_sommes a{
color: #fff;
background-color: #227dff;
border: 1px solid #227dff;
}
.qui_sommesnous_sec .top_sec.title .button_sec .button.qui_sommes a:hover{
background-color: #fff;
color: #227dff;
}
.qui_sommesnous_sec .top_sec.title .button_sec .button.engagements a{
color: #227dff;
background-color: #fff;
border: 1px solid #227dff;
}
.qui_sommesnous_sec .top_sec.title .button_sec .button.engagements a:hover{
background-color: #227dff;
color: #fff;
}
.nous_rejoindre_sec{
padding-top: 75px;
padding-bottom: 35px;
position: relative;
}
.nous_rejoindre_sec .row{
display: flex;  
}
.nous_rejoindre_sec .left_sec{
width: 28%;
max-width: 28%;
flex: 0 0 28%;
}
.nous_rejoindre_sec .left_sec ul{
overflow: auto;
position: -webkit-sticky;
position: sticky;
max-height: 100vh;
min-height: 240px;
margin-top: 170px;
padding-left: 0;
list-style-type: none;
width: 290px;
top: 10%;
}
.active a {
color: lime; 
font-weight: 600;
}
.nous_rejoindre_sec .left_sec ul li{
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.2);
transition: .25s;
}
.nous_rejoindre_sec .left_sec ul li.active{
border-bottom: 1px solid rgba(1, 23, 161, 1);
}
.nous_rejoindre_sec .left_sec ul li.active a{
color: #0117a1;
}
.nous_rejoindre_sec .left_sec ul li a{
font-size: 18px;
font-weight: 700;
color: #000;
text-decoration: none;
transition: .25s;
}
.nous_rejoindre_sec .right_sec{
width: 72%;
max-width: 72%;
flex: 0 0 72%;
}
.nous_rejoindre_sec .right_sec p{
font-size: 18px;
line-height: 29px;
font-weight: 500;
padding-bottom: 10px;
}
.nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 29px;
font-weight: 400;
line-height: 45px;
}
.nous_rejoindre_sec .recruitment_box .row{
padding-top: 15px;
}
.nous_rejoindre_sec .recruitment_box .pic_sec{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 345px;
position: relative;
border-radius: 25px;
} 
.nous_rejoindre_sec .right_sec .box{
padding-top: 40px;
padding-bottom: 60px;
}
.heading.title_heading h3{
font-size: 36px;
font-weight: 900;
color: #0117a1;
text-transform: uppercase;
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
}
.nous_rejoindre_sec .offers_box .row{
padding-top: 15px;
justify-content: space-between;
}
.nous_rejoindre_sec .offers_box .row .col-lg-4{
width: 32.33%;
max-width: 32.33%;
}
.nous_rejoindre_sec .offers_box .offer{
padding: 30px 25px;
background-color: #fff;
border-radius: 30px;
text-align: center;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
transition: .25s;
}
.nous_rejoindre_sec .offers_box .offer:hover{
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.22);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.22);
}
.nous_rejoindre_sec .offers_box .offer h6 {
font-size: 20px;
font-weight: 700;
color: #0117a1;
margin-bottom: 20px;
padding-bottom: 15px;
min-height: 63px;
}
.nous_rejoindre_sec .offers_box .offer ul{
padding-left: 0;
list-style-type: none;
padding-bottom: 10px;
}
.nous_rejoindre_sec .offers_box .offer ul li{
font-size: 18px;
font-weight: 500;
padding-bottom: 13px;
}
.nous_rejoindre_sec .offers_box .offer .button a{
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 15px;
background-color: #19c6f2;
text-decoration: none;
width: 100%;
display: block;
padding: 9px 15px;
transition: .25s;
}
.nous_rejoindre_sec .offers_box .offer .button a:hover{
background-color: #227dff;
color: #fff;
}
.page-id-8 .navbar{
position: absolute !important;
}
.page-id-8 .navbar.innerpage .smenu span{
background-color: #FFF;
}
.page-id-8 .navbar.innerpage .smenu span:after{
background-color: #FFF;
}
.page-id-8 .navbar.innerpage .smenu span:before{
background-color: #FFF;
}
.project_pic{
margin-bottom: 30px;
}
.InnerpageContent{
padding-top: 60px;
padding-bottom: 80px;
}
.InnerpageContent .entry-header{
display: none;
}
.InnerpageContent h3{
margin-top: 35px;
font-weight: 500;
}
#SiteMap{
margin: 0px;
padding: 10px 20px;
list-style: none !important;
line-height: normal;
display: block !important;
}
#SiteMap li{
margin-left: 20px;
position: relative;
padding-left: 10px;
margin-bottom: 10px;
list-style: none;
line-height: normal;
}
#SiteMap li a{
font-weight: 600;
padding:12px 5px;
color: #000;
position: relative;
line-height: normal;
display: block;
text-transform: uppercase;
text-decoration: none;
}
#SiteMap li a:hover{
color: #666;
}
#SiteMap li:before {
font-family: 'FontAwesome';
position: absolute;
left: 0px;
top: 14px;
content: "\f105";
line-height: normal;
background-color: transparent;
}
#SiteMap li a:hover{
text-decoration: none;
color: #666;
}
.rejoindre_details{
padding-bottom: 0px;
}
.rejoindre_details.innerpage .heading.title h2 {
font-weight: 800;
color: #416e7c;
}
.rejoindre_details_toppanel{
background-color: rgba(1, 23, 180, 0.85);
padding-top: 42px;
padding-bottom: 42px;
position: relative;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre form.pdf_upldsec{
flex-wrap: wrap;
}
.rejoindre_details_toppanel_content{
color: #FFF;
font-size: 19px;
}
.rejoindre_details_toppanel .container{
max-width: 1335px;
}
.rejoindre_details_toppanel_content ul{
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.rejoindre_details_toppanel_content ul li{
margin-bottom: 10px;
}
.rejoindre_details_toppanel_content ul li i{
margin-right: 10px;
}
.rejoindre_details_toppanel_content ul li.mr40{
margin-right: 40px;
}
.rejoindre_details_toppanel_content{
padding-left: 0px;
}
.rejoindre_details_bottompanel .container{
max-width: 1335px;
}
.rejoindre-pic-right{
height: 345px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 40%;
border: 16px solid #FFF;
border-radius: 200px 0 0 200px;
border-right: 0px;
}
.rejoindre-pic-right:after{
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 50%;
background: linear-gradient(90deg, rgba(53,88,99,0) 0%, rgba(53,88,99,1) 100%);
content: '';
}
.rejoindre_details_bottompanel .rejoindre_bottom__left{
padding-top: 50px;
padding-bottom: 60px;
}
.rejoindre_details_bottompanel h3{
font-size: 30px;
font-weight: 400;
color: #416e7c;
text-transform: none;
margin-bottom: 15px;
padding-top: 20px;
}
.rejoindre_details_bottompanel .contactform_sec.rejoindre .contactform h3{
font-size: 30px;
color: #0117a1;
text-transform: none;
margin-bottom: 35px;
text-transform: uppercase;
font-weight: 700;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left{
font-size: 16px;
line-height: normal;
color: #000;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left p{
margin-bottom: 30px;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left ul{
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom: 15px;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left ul li{
margin-bottom: 15px;
position: relative;
padding-left: 25px;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left ul li:before{
position: absolute;
left: 0px;
top: 5px;
width: 10px;
height: 10px;
background-color: #416e7c;
content: '';
border-radius: 50%;
}
.rejoindre_details_bottompanel .rejoindre_bottom__left .mt70{
margin-top: 70px;
}
.rejoindre_details_rightpanel{
background-color: #f3f2f2;
padding-top: 90px;
height: 100%;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre .contactform{
padding-top: 0px;
padding-left: 40px;
padding-right: 40px;
background-color: transparent;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre .contactform .formbold-form-input{ margin-bottom: 10px;
background-color: #FFF;
padding-left: 15px;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre .contactform .formbold img.pdf_icon{
width: 22px;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre .contactform .formbold label.pdf{
font-size: 14px;
}
.rejoindre_details_rightpanel .file_type{
font-size: 12px;
display: block;
padding-top: 12px;
}
.rejoindre_details_rightpanel.contactform_sec.rejoindre .contactform .formbold label.form-check-label{
font-size: 13px;
}
.navbar.innerpage.navbar.sticky{
position: fixed !important;
}
.page-id-8 .navbar.innerpage.navbar.sticky {
position: fixed !important;
padding-top: 15px;
padding-bottom: 15px;
}
.page-id-8 .navbar.sticky .smenu{
}
.page-id-8 .navbar.sticky .smenu span {
background-color: #0118b3;
}
.page-id-8 .navbar.sticky  .smenu span:before{
background-color: #0118b3;
}
.page-id-8 .navbar.sticky  .smenu span:after{
background-color: #0118b3;
}
.menu{
display: block !important;
}
.cat-links{
display: none;
}
.comments-area{
display: none;
}
.post-thumbnail{
display: none;
}
.entry-meta{
margin-bottom: 25px;
}
.entry-meta a{
color: #000;
}
.nav-links{ display: none !important;
justify-content: space-between;
margin-top: 30px;
}
.nav-links a{
font-size: 14px;
color: #000;
font-weight: 700;
text-decoration: none;
}
.innerpage_bannersec .row, .innerpage_bannersec{
height: 130px;
}
.date {
font-size: 16px;
margin-bottom: 18px;
}
ul#menu-main-menu {
padding-top: 25px;
}
ul#menu-main-menu li a {
font-size: 38px;
padding: 4px 16px;
}@media only screen and (max-width: 1919px){
.navbar-brand {
width: 180px;
} 
.rejoindre_btn a {
width: 200px;
height: 46px;
border-radius: 12px;
font-size: 14px;
}
.banner_sec .banner_pic {
height: 780px;
}
.owl-theme.bannersection .owl-dots {
left: 47%;
}
.banner_sec .banner_text .heading h1 {
font-size: 52px;
margin-bottom: 15px;
line-height: 60px;
}
.banner_sec .banner_text .heading p {
font-size: 18px;
line-height: 25px;
}
.banner_sec .banner_text .button a {
width: 310px;
height: 48px;
font-size: 14px;
margin-top: 12px;
}
.banner_sec .banner_text {
bottom: 120px;
}
.services_sec .service_box {
height: 680px;
}
.services_sec .service_box h3 {
font-size: 30px;
left: 35px;
right: 30px;
bottom: 180px;
}
.services_sec .service_box .number {
font-size: 95px;
right: 35px;
}
.navbar.innerpage.navbar.sticky {
padding-top: 12px;
padding-bottom: 12px;
}
.realisation_sec {
padding-top: 80px;
padding-bottom: 75px;
}
.realisation_sec .row {
padding-top: 12px;
}
.sec_heading.title h3 {
font-size: 32px;
}
.sec_heading.title h3::before {
bottom: 4px;
}
.realisation_sec .realisation_box {
width: 48%;
max-width: 48%;
flex: 0 0 48%;
}
.realisation_sec .button a {
width: 330px;
font-size: 15px;
}
.savoir_fairesec {
padding-top: 80px;
padding-bottom: 50px;
}
.savoir_fairesec .row.main {
padding-top: 10px;
}
.linkedin_bannersec {
padding-top: 55px;
padding-bottom: 80px;
}
.linkedin_bannersec .banner {
padding: 45px 45px;
}
.linkedin_bannersec .banner .heading .icon {
width: 70px;
margin-right: 40px;
}
.linkedin_bannersec .banner .button a {
font-size: 17px;
border-radius: 12px;
padding: 13px 20px;
}
.linkedin_bannersec .banner .heading h3 {
font-size: 29px;
max-width: 75%;
}
.chiffres_sec .chiffres_box {
margin-bottom: 35px;
}
.chiffres_sec .chiffres_box .icon {
width: 60px;
margin-right: 25px;
}
.chiffres_sec .chiffres_box .txt h4 {
font-size: 20px;
}
.chiffres_sec .chiffres_box .txt p {
font-size: 16px;
}
.nos_actualites_sec {
padding-top: 75px;
padding-bottom: 70px;
}
.nos_actualites_sec .actualites_box {
margin-left: 10px;
margin-right: 10px;
}
.nos_actualites_sec .row {
padding-top: 5px;
}
.nos_actualites_sec .actualites_box a.pic_sec {
height: 380px;
}
.nos_actualites_sec .actualites_box h4 {
padding-top: 18px;
font-size: 23px;
}
.partners {
margin-bottom: 70px;
margin-top: 60px;
}
.footer_sec {
padding-top: 60px;
padding-bottom: 35px;
}
.partners .logo-pic.ibis {
width: 72px;
}
.partners .logo-pic.andilly {
width: 65px;
}
.footer_sec .box .heading h5 {
font-size: 22px;
margin-bottom: 10px;
}
.footer_sec ul li a {
font-size: 16px;
}
.footer_sec .logo_sec .footer_logo {
width: 125px;
}
.footer_sec .logo_sec .partners_pic .pic_box {
width: 75px;
}
.footer_sec .logo_sec .partners_pic .pic_box:nth-child(2) {
width: 95px;
}
.footer_sec .logo_sec .partners_pic .pic_box:last-child {
width: 60px;
} .innerpage_bannersec {
height: 290px;
} 
.innerpage_bannersec .banner_text .heading h2 {
font-size: 32px;
}    
.navbar.innerpage {
padding-top: 16px;
padding-bottom: 16px;
}
.innerpage_bannersec .row {
height: 290px;
} .realisation_sec.innerpage {
padding-top: 60px;
padding-bottom: 25px;
}
.realisation_sec.innerpage .realisation_box a.pic_sec {
height: 370px;
} .realisation_projectdetails .pic_sec {
margin-bottom: 45px;
margin-top: 10px;
} 
.realisation_projectdetails .about_project ul li {
font-size: 17px;
padding-bottom: 20px;
}    
.realisation_projectdetails {
padding-bottom: 70px;
}
.projectimages_sec .project_pic {
height: 320px;
margin-bottom: 24px;
}
.projectimages_sec {
padding-bottom: 55px;
} .contact_option_sec {
padding-top: 65px;
padding-bottom: 70px;
}
.contact_option_sec .box .icon {
width: 40px;
margin-bottom: 20px;
}
.contactform_sec {
padding-top: 80px;
padding-bottom: 90px;
}
.contactform_sec label.formbold-form-label {
display: none;
}
.contactform_sec .contactform .formbold {
margin-bottom: 18px;
}
.contactform_sec .contactform.col-lg-12 {
padding-top: 30px;
}
.contactform_sec .contactform button.formbold-btn {
margin-top: 40px;
} .qui_sommesnous_sec {
padding-top: 60px;
padding-bottom: 70px;
}
.qui_sommesnous_sec .top_sec.title {
margin-bottom: 10px;
}    
.qui_sommesnous_sec p.big {
font-size: 17px;
padding-bottom: 8px;
}    
.qui_sommesnous_sec .pic_sec {
height: 400px;
border-radius: 25px;
margin-top: 25px;
margin-bottom: 10px;
}
.qui_sommesnous_sec .quote_sec blockquote h5 {
font-size: 21px;
padding-top: 25px;
}
.qui_sommesnous_sec .quote_sec {
padding-top: 55px;
padding-bottom: 30px;
}
.qui_sommesnous_sec .quote_sec::before {
top: 35px;
left: -115px;
background-size: 85px;
width: 85px;
height: 85px;
}
.qui_sommesnous_sec p {
font-size: 17px;
line-height: 27px;
}    
.qui_sommesnous_sec .text_sec {
padding-top: 40px;
}    
.qui_sommesnous_sec .text_sec h6 {
font-size: 22px;
line-height: 32px;
padding-bottom: 25px;
margin-bottom: 10px;
} .nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 27px;
line-height: 42px;
}
.nous_rejoindre_sec .right_sec .box {
padding-top: 25px;
padding-bottom: 30px;
}
.nous_rejoindre_sec .right_sec p {
font-size: 17px;
line-height: 27px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 1599px){
.banner_sec .banner_pic {
height: 700px;
}
.banner_sec .banner_text .heading h1 {
font-size: 48px;
margin-bottom: 15px;
line-height: 56px;
}  
.services_sec .service_box {
height: 600px;
}    
.services_sec .service_box .number {
font-size: 80px;
right: 30px;
}    
.services_sec .service_box h3 {
font-size: 27px;
left: 30px;
right: 25px;
bottom: 170px;
}    
.owl-theme.bannersection .owl-dots .owl-dot span {
width: 13px;
height: 13px;
}  
.sec_heading.title h3 {
font-size: 30px;
}    
.footer_sec ul.contact_links li a {
max-width: 218px;
} .realisation_sec.innerpage .realisation_box a.pic_sec {
height: 300px;
} .projectimages_sec .project_pic {
height: 280px;
margin-bottom: 22px;
}
.projectimages_sec .row {
padding-top: 0px;
}    
.realisation_projectdetails {
padding-bottom: 60px;
} .contact_option_sec {
padding-top: 60px;
padding-bottom: 60px;
} 
.contactform_sec {
padding-top: 70px;
padding-bottom: 80px;
}
.contactform_sec .form-check.formbold.check_box {
margin-top: 0px;
}    
.contactform_sec .contactform .formbold-form-input::placeholder{
font-size: 16px;
} .nos_engagement_sec .text_sec {
padding-left: 35px;
}
.nos_engagement_sec .pic_sec {
width: 34%;
max-width: 34%;
flex: 0 0 34%;
}    
.top_sec.title {
margin-bottom: 10px;
}    
.nos_engagement_sec {
padding-top: 65px;
padding-bottom: 70px;
} .nous_rejoindre_sec .right_sec .heading.title_heading h3{
font-size: 32px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 25px;
line-height: 40px;
}    
.nous_rejoindre_sec {
padding-top: 65px;
padding-bottom: 30px;
}    
}
@media only screen and (max-width: 1439px){
.realisation_sec .realisation_box a.pic_sec {
height: 400px;
}
.savoir_fairesec {
padding-top: 70px;
padding-bottom: 40px;
}    
.savoir_fairesec .row.main {
padding-top: 5px;
}
.savoir_fairesec a.expertise_box {
margin-bottom: 20px;
}    
.linkedin_bannersec .banner .heading h3 {
font-size: 25px;
}
.linkedin_bannersec .banner .heading .icon {
width: 60px;
margin-right: 35px;
}
.chiffres_sec .row {
padding-top: 15px;
}
.nos_actualites_sec .actualites_box {
margin-left: 7px;
margin-right: 7px;
}
.nos_actualites_sec .actualites_box a.pic_sec {
height: 340px;
}
.nos_actualites_sec .actualites_box h4 {
font-size: 21px;
}
.banner_sec .banner_pic {
height: 668px;
}    
.owl-theme.bannersection .owl-dots {
left: 50%;
width: 90%;
} .realisation_sec.innerpage ul.filter li a {
margin-bottom: 18px;
}     
.realisation_sec.innerpage .row {
padding-top: 0px;
}  .qui_sommesnous_sec {
padding-top: 50px;
padding-bottom: 55px;
}
.qui_sommesnous_sec .sec_heading.title h3 {
margin-bottom: 25px;
}
.qui_sommesnous_sec .pic_sec {
height: 360px;
margin-top: 20px;
margin-bottom: 5px;
}
.qui_sommesnous_sec .quote_sec {
padding-bottom: 20px;
}
.qui_sommesnous_sec .text_sec h6 {
font-size: 21px;
line-height: 30px;
padding-bottom: 20px;
} .nous_rejoindre_sec .right_sec .heading.title_heading h3{
font-size: 30px;
}    
.nous_rejoindre_sec .right_sec p {
padding-bottom: 2px;
}
.nous_rejoindre_sec {
padding-top: 60px;
}
.nous_rejoindre_sec .offers_box .row .col-lg-4 {
width: 33%;
max-width: 33%;
}   
.nous_rejoindre_sec .offers_box .offer {
padding: 30px 20px;
border-radius: 25px;
}    
.nous_rejoindre_sec .offers_box .offer .button a {
font-size: 17px;
}    
}
@media only screen and (max-width: 1365px){
.menu-btn {
top: 25px !important;
}  
.banner_sec .banner_pic {
height: 580px;
}
.banner_sec .banner_text .heading h1 {
font-size: 42px;
line-height: 50px;
}    
.banner_sec .banner_text .heading p {
font-size: 17px;
line-height: 24px;
} 
.banner_sec .banner_text {
bottom: 80px;
}
.rejoindre_btn a {
width: 190px;
height: 43px;
border-radius: 12px;
font-size: 13px;
margin-right: 75px;
padding-bottom: 2px;
}    
.navbar-brand {
width: 160px;
}    
.owl-theme.bannersection .owl-dots {
bottom: 40px;
}    
.banner_sec .banner_text .button a {
margin-top: 5px;
}    
.services_sec .service_box {
height: 470px;
} 
.services_sec .service_box h3 {
font-size: 22px;
left: 30px;
right: 20px;
bottom: 140px;
}    
.services_sec .service_box .number {
font-size: 65px;
}    
.realisation_sec {
padding-top: 65px;
padding-bottom: 60px;
}    
.realisation_sec .realisation_box {
margin-bottom: 40px;
}
.realisation_sec .row {
padding-top: 0px;
}
.sec_heading.title h3 {
font-size: 27px;
}
.realisation_sec .realisation_box a.pic_sec {
height: 320px;
}    
.savoir_fairesec a.expertise_box {
height: 160px;
} 
.savoir_fairesec a.expertise_box h4 {
font-size: 21px;
letter-spacing: 0;
}    
.savoir_fairesec a.expertise_box.big {
height: 340px;
}    
.chiffres_sec .chiffres_box .txt h4 {
font-size: 19px;
}    
.chiffres_sec {
padding-bottom: 35px;
}
.partners .left{
width: 39%;
max-width: 39%;
flex: 0 0 39%;
}
.partners .logo{
width: 61%;
max-width: 61%;
flex: 0 0 61%;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 330px;
}
.nos_actualites_sec .actualites_box h4 {
font-size: 18px;
}
.nos_actualites_sec .actualites_box {
margin-left: 3px;
margin-right: 3px;
}
.nos_actualites_sec {
padding-top: 65px;
padding-bottom: 60px;
}
.partners {
margin-bottom: 55px;
margin-top: 45px;
}
.realisation_sec .realisation_box {
width: 48.5%;
max-width: 48.5%;
flex: 0 0 48.5%;
}
.linkedin_bannersec .banner {
padding: 40px 40px;
}
.linkedin_bannersec .banner .heading .icon {
width: 55px;
margin-right: 30px;
}
.linkedin_bannersec .banner .heading h3 {
font-size: 23px;
}
.linkedin_bannersec .banner .button a {
font-size: 15px;
}    
.footer_sec .logo_sec .footer_logo {
width: 105px;
}    
.footer_sec .logo_sec .partners_pic .pic_box {
width: 65px;
}    
.footer_sec .logo_sec .partners_pic .pic_box:nth-child(2) {
width: 88px;
}    
.footer_sec .logo_sec .partners_pic .pic_box:last-child {
width: 55px;
} .innerpage_bannersec {
height: 250px;
}    
.innerpage_bannersec .row {
height: 250px;
}    
.innerpage_bannersec .banner_text .heading h2 {
font-size: 28px;
}    
.realisation_sec.innerpage {
padding-top: 50px;
padding-bottom: 15px;
}
.realisation_sec.innerpage ul.filter li a {
width: 220px;
height: 42px;
font-size: 12px;
margin-left: 8px;
margin-right: 8px;
}  
.realisation_sec.innerpage .realisation_box a.pic_sec {
height: 240px;
} .realisation_projectdetails .about_project ul li {
font-size: 16px;
padding-bottom: 16px;
} 
.projectimages_sec .project_pic {
height: 240px;
margin-bottom: 20px;
}
.realisation_projectdetails .pic_sec {
height: 290px;
border-radius: 25px;
}
.projectimages_sec {
padding-bottom: 45px;
} contact_option_sec .box .txt a.phn {
font-size: 24px;
}
.contact_option_sec .box .icon {
width: 35px;
margin-bottom: 18px;
}
.contact_option_sec {
padding-top: 55px;
padding-bottom: 55px;
}    
.contactform_sec {
padding-top: 60px;
padding-bottom: 70px;
}
.contactform_sec .contactform button.formbold-btn {
margin-top: 38px;
}    
.contactform_sec .contactform .formbold-form-input {
height: 54px;
padding-left: 25px;
}
.contactform_sec .contactform .formbold-form-input::placeholder{
font-size: 15px;
}
.contactform_sec .contactform button.formbold-btn {
font-size: 16px;
width: 200px;
border-radius: 12px;
} .qui_sommesnous_sec .pic_sec {
height: 330px;
margin-top: 10px;
margin-bottom: 0px;
}    
.qui_sommesnous_sec .quote_sec::before {
top: 30px;
left: -100px;
background-size: 75px;
width: 75px;
height: 75px;
} .nos_engagement_sec .text_sec {
width: 63%;
max-width: 63%;
flex: 0 0 63%;
}
.nos_engagement_sec .pic_sec {
width: 36%;
max-width: 36%;
flex: 0 0 36%;
height: 500px;
}    
.nos_engagement_sec .text_sec h6 {
font-size: 17px;
line-height: 24px;
padding-bottom: 15px;
}
.nos_engagement_sec .text_sec p {
font-size: 15px;
line-height: 22px;
padding-bottom: 6px;
}
.nos_engagement_sec .text_sec ol li {
font-size: 15px;
line-height: 22px;
padding-bottom: 10px;
}
.nos_engagement_sec .text_sec ol {
padding-top: 0px;
padding-bottom: 0px;
} .nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 22px;
line-height: 35px;
}    
.nous_rejoindre_sec .recruitment_box .pic_sec {
height: 320px;
}    
.nous_rejoindre_sec .left_sec ul {
margin-top: 60px;
width: 260px;
top: 10%;
}
.nous_rejoindre_sec .left_sec ul li a {
font-size: 17px;
}
.nous_rejoindre_sec .left_sec ul li {
padding-top: 18px;
padding-bottom: 18px;
}    
.nous_rejoindre_sec .offers_box .offer h6 {
font-size: 18px;
margin-bottom: 10px;
padding-bottom: 10px;
min-height: 55px;
}    
.nous_rejoindre_sec .offers_box .offer ul li {
font-size: 17px;
padding-bottom: 10px;
}    
.nous_rejoindre_sec .offers_box .offer ul {
padding-bottom: 0px;
}  
.nous_rejoindre_sec .offers_box .offer .button a {
font-size: 16px;
border-radius: 12px;
}    
}
@media only screen and (max-width: 1199px){
.banner_sec .banner_pic {
height: 500px;
}
.menu-btn {
top: 19px !important;
}
.banner_sec .banner_text .heading h1 {
font-size: 36px;
line-height: 42px;
}
.realisation_sec .realisation_box a.pic_sec {
height: 270px;
}
.sec_heading.title h3 {
font-size: 25px;
}
.chiffres_sec .chiffres_box .icon {
width: 55px;
margin-right: 20px;
}
.chiffres_sec .chiffres_box .txt h4 {
font-size: 17px;
}
.chiffres_sec .chiffres_box .txt p {
font-size: 15px;
}
.sec_heading.title h3 {
margin-bottom: 30px;
}
.nos_actualites_sec {
padding-top: 60px;
padding-bottom: 55px;
}
.nos_actualites_sec .actualites_box {
margin-left: 0px;
margin-right: 0px;
}
.nos_actualites_sec .actualites_box a.pic_sec {
height: 290px;
}
.nos_actualites_sec .actualites_box h4 {
max-width: 97%;
}
.rejoindre_btn a {
width: 180px;
}
.navbar.sticky .navbar-brand {
width: 110px;
}
.navbar.sticky .container {
height: auto;
} .navbar-brand {
width: 135px;
}
.realisation_sec.innerpage {
padding-top: 40px;
padding-bottom: 10px;
} .realisation_projectdetails .pic_sec {
height: 270px;
margin-bottom: 40px;
margin-top: 5px;  
}
.projectimages_sec .col-lg-3{
width: 33.33%;
max-width: 33.33%;
flex: 0 0 33.33%;
} .contact_option_sec .box .icon {
width: 30px;
margin-bottom: 16px;
}       
.contactform_sec .contactform .formbold label.form-check-label {
font-size: 15px;
}    
.contactform_sec .contactform .formbold-form-input {
padding-left: 22px;
}
.contactform_sec .contactform .formbold-form-input::placeholder{
font-size: 14px;
} .qui_sommesnous_sec .top_sec.title{
flex-wrap: wrap;
}  
.qui_sommesnous_sec p.big {
font-size: 16px;
padding-bottom: 6px;
line-height: 26px;
}    
.top_sec.title .button_sec .button.engagements a {
font-size: 13px;
width: 190px;
height: 43px;
margin-left: 16px;
}    
.top_sec.title .button_sec .button.qui_sommes a {
font-size: 13px;
width: 190px;
}    
.qui_sommesnous_sec .pic_sec {
height: 280px;
}
.qui_sommesnous_sec p {
font-size: 16px;
line-height: 25px;
}    
.qui_sommesnous_sec .quote_sec::before {
left: -75px;
background-size: 68px;
width: 68px;
height: 68px;
}
.qui_sommesnous_sec .quote_sec blockquote h5 {
font-size: 20px;
padding-top: 15px;
}    
.qui_sommesnous_sec .text_sec h6 {
font-size: 19px;
line-height: 27px;
padding-bottom: 15px;
}
.qui_sommesnous_sec .text_sec p {
font-size: 16px;
line-height: 25px;
}    
.qui_sommesnous_sec {
padding-bottom: 35px;
} .nos_engagement_sec {
padding-top: 55px;
padding-bottom: 60px;
} .nous_rejoindre_sec .row {
justify-content: space-between;
}    
.nous_rejoindre_sec .right_sec {
width: 69%;
max-width: 69%;
flex: 0 0 69%;
}    
.nous_rejoindre_sec {
padding-top: 50px;
padding-bottom: 10px;
}    
.nous_rejoindre_sec .right_sec p {
font-size: 16px;
line-height: 24px;
padding-bottom: 0px;
}
.nous_rejoindre_sec .right_sec .heading.title_heading h3 {
font-size: 26px;
padding-bottom: 5px;
}    
.nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 20px;
line-height: 32px;
}  
.nous_rejoindre_sec .recruitment_box .pic_sec {
height: 290px;
border-radius: 20px;
}    
.nous_rejoindre_sec .offers_box .row .col-lg-4 {
width: 33.33%;
max-width: 33.33%;
padding-left: 8px;
padding-right: 8px;
}    
.nous_rejoindre_sec .offers_box .offer {
padding: 25px 15px;
border-radius: 22px;
}    
.nous_rejoindre_sec .offers_box .offer ul li {
font-size: 16px;
padding-bottom: 8px;
}
.nous_rejoindre_sec .offers_box .offer ul {
margin-bottom: 10px;
}
.nous_rejoindre_sec .offers_box .offer .button a {
font-size: 14px;
border-radius: 10px;
}  
.nav-previous a {
font-size: 13px !important;
padding: 13px 20px;
}    
.nav-next a{
font-size: 13px !important;
padding: 13px 20px;    
}    
}
@media only screen and (max-width: 1023px){
.navbar-brand {
width: 80px;
}
.top_sec.title .button_sec .button a {
margin-bottom: 15px;
}
.menu-btn {
top: 17px !important;
}
.rejoindre_btn a {
width: 165px;
height: 42px;
position: absolute;
right: 35px;
top: 5px;
}
.smenu {
position: absolute;
top: 4px;
right: 0px;
}
.services_sec .service_box {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
}
.navbar.sticky .navbar-brand {
width: 80px;
}
.navbar.innerpage.navbar.sticky {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.navbar.sticky .smenu {
top: 3px;
}
.owl-carousel.bannersection  .owl-item img {
height: 100%;
}
.banner_sec .banner_text .button a {
width: 290px;
height: 45px;
font-size: 13px;
letter-spacing: 0.025rem;
padding-bottom: 2px;
}
.realisation_sec .realisation_box {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
}
.realisation_sec .realisation_box a.pic_sec {
height: 200px;
border-radius: 20px;
margin-bottom: 18px;
}
.realisation_sec .button a {
width: 300px;
font-size: 14px;
}
.sec_heading.title h3 {
font-size: 23px;
}
.sec_heading.title h3::before {
bottom: 8px;
height: 4px;
width: 70px;
}
.savoir_fairesec a.expertise_box.big {
height: 270px;
}
.savoir_fairesec a.expertise_box {
height: 180px;
}
.linkedin_bannersec .banner {
flex-wrap: wrap;
padding: 40px 40px 55px 40px;
}
.linkedin_bannersec .banner .heading {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
padding-bottom: 10px;
}  
.savoir_fairesec {
padding-top: 60px;
padding-bottom: 30px;
}    
.linkedin_bannersec {
padding-top: 45px;
padding-bottom: 70px;
}
.chiffres_sec {
padding-bottom: 15px;
}  
.nos_actualites_sec{
padding-top: 55px;
padding-bottom: 50px;
}
.nos_actualites_sec .col-lg-4.col-6{
margin-bottom: 25px;    
}    
.nos_actualites_sec .actualites_box h4 {
font-size: 17px;
padding-top: 15px;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 240px;
}
.nos_actualites_sec .row {
padding-top: 0px;
}
.sidebar-nav {
width: 70%;
}    
.partners .logo {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}    
.partners .left {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}    
.partners .col-lg-3.col-4:last-child{
margin-top: 30px;
}
.footer_sec .row.main{
flex-wrap: wrap;
}    
.footer_sec .social_media_sec {
width: 30%;
max-width: 30%;
flex: 0 0 30%;
order: 4;
}    
.footer_sec .site_sec {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
order: 1;
margin-bottom: 20px;
}    
.footer_sec .contact_sec{
width: 50%;
max-width: 50%;
flex: 0 0 50%;
order: 2;    
margin-bottom: 20px;
}    
.footer_sec .logo_sec{
width: 70%;
max-width: 70%;
flex: 0 0 70%;
order: 3;     
}    
.footer_sec .logo_sec .footer_logo {
width: 105px;
margin-left: 0;
margin-right: auto;
margin-bottom: 30px;
}
.footer_sec .logo_sec .partners_pic {
justify-content: flex-start;
}  
span.copyrightfirstline {
display: block;
}    
span.copyrightsecodentline {
display: block;
}    
span.f-devider {
display: none;
}    
.copyright {
padding-top: 16px;
padding-bottom: 16px;
}    
.offcanvas-header img.logo {
width: 95px;
}    
.sidebar-navigation ul li a {
font-size: 17px;
}
.offcanvas-header .smenu.active {
right: 30px;
top: 40px;
}    
.about_project .nav-links{
display: block;    
}    
.nav-previous a {
margin-bottom: 22px;
display: inline-block;
} .realisation_projectdetails .about_project ul.features li {
font-size: 16px;
padding-bottom: 16px;
}    
.innerpage_bannersec {
height: 210px;
}    
.innerpage_bannersec .row {
height: 210px;
}
.innerpage_bannersec .banner_text .heading h2 {
font-size: 26px;
}    
.realisation_sec.innerpage {
padding-top: 30px;
}
.realisation_sec.innerpage ul.filter li a {
width: 200px;
font-size: 11px;
}    
.realisation_sec.innerpage .realisation_box {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
margin-bottom: 25px;
}
.realisation_sec.innerpage .row{
flex-wrap: wrap;
justify-content: flex-start;
} 
.realisation_sec .realisation_box h6{
min-height: 60px;
} .realisation_projectdetails .pic_sec {
height: 240px;
margin-top: 0px;
}
.realisation_projectdetails .about_project ul li {
font-size: 14px;
padding-bottom: 15px;
}    
.realisation_projectdetails {
padding-bottom: 45px;
}
.projectimages_sec .project_pic {
height: 210px;
}  .nos_actualites_sec.innerpage {
padding-bottom: 30px;
} .qui_sommesnous_sec .top_sec.title {
display: block;
}    
.top_sec.title .button_sec {
margin-bottom: 10px;
}
.qui_sommesnous_sec p.big {
font-size: 15px;
line-height: 24px;
}
.qui_sommesnous_sec .pic_sec {
height: 250px;
}    
.qui_sommesnous_sec .quote_sec {
max-width: 80%;
}    
.qui_sommesnous_sec p {
font-size: 15px;
line-height: 23px;
}
.qui_sommesnous_sec .quote_sec blockquote h5 span {
font-size: 15px;
padding-top: 5px;
} 
.qui_sommesnous_sec .quote_sec blockquote h5 {
font-size: 18px;
}    
.qui_sommesnous_sec .text_sec {
max-width: 80%;
}    
.qui_sommesnous_sec .text_sec h6 {
font-size: 17px;
line-height: 25px;
padding-bottom: 12px;
}    
.qui_sommesnous_sec .text_sec p {
font-size: 15px;
line-height: 23px;
} .nos_engagement_sec .top_sec.title{
display: block;
}
.nos_engagement_sec .row {
display: block;
}    
.nos_engagement_sec .pic_sec {
width: 100%;
max-width: 100%;
height: 350px;
margin-bottom: 30px;
background-position: top center;
}    
.nos_engagement_sec .text_sec {
width: 100%;
max-width: 100%;
padding-left: 12px;
}    
.nos_engagement_sec {
padding-top: 50px;
padding-bottom: 35px;
} .nous_rejoindre_sec .row {
display: block;
}
.nous_rejoindre_sec .left_sec {
width: 100%;
max-width: 100%;
}    
.nous_rejoindre_sec .left_sec ul {
margin-top: 0px;
width: 100%;
top: 0px;
max-width: 100%;
min-height: auto;
display: flex;
max-height: auto !important;
position: relative;
margin-bottom: 25px;
flex-wrap: wrap;
}    
.nous_rejoindre_sec .left_sec ul li {
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}    
.nous_rejoindre_sec .left_sec ul li a {
font-size: 15px;
padding: 6px 15px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
border: 1px solid #000;
border-radius: 6px;
}  
.nous_rejoindre_sec .left_sec ul li:first-child a{
margin-left: 0px;    
}    
.nous_rejoindre_sec .left_sec ul li:last-child a{
margin-right: 0px;    
}     
.nous_rejoindre_sec .right_sec {
width: 100%;
max-width: 100%;
}    
.nous_rejoindre_sec .offers_box .row {
padding-top: 10px;
display: flex;
}    
.nous_rejoindre_sec .recruitment_box .pic_sec {
height: 260px;
margin-top: 15px;
}     
}
@media only screen and (max-width: 767px){
.container {
max-width: 95%;
}    
.services_sec .service_box {
height: 415px;
}
.banner_sec .socialmedia_options {
max-width: 100%;
width: 100%;
}    
.realisation_sec .realisation_box a.pic_sec {
height: 170px;
border-radius: 16px;
}    
.realisation_sec .realisation_box h6 {
font-size: 17px;
font-weight: 600;
max-width: 97%;
}    
.services_sec .service_box .number {
font-size: 55px;
line-height: 60px;
} 
.services_sec .service_box h3 {
font-size: 20px;
left: 25px;
bottom: 110px;
}
.realisation_sec {
padding-top: 50px;
padding-bottom: 45px;
}    
.realisation_sec .button a {
width: 275px;
font-size: 13px;
height: 46px;
padding-bottom: 1px;
}    
.savoir_fairesec {
padding-top: 50px;
padding-bottom: 25px;
}    
.savoir_fairesec a.expertise_box {
height: 145px;
}    
.savoir_fairesec a.expertise_box.big {
height: 225px;
}
.savoir_fairesec a.expertise_box h4 {
font-size: 19px;
max-width: 85%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.linkedin_bannersec .banner .button a {
font-size: 14px;
padding: 11px 20px 12px 20px;
}    
.sec_heading.title h3 {
font-size: 21px;
}    
.chiffres_sec .chiffres_box .icon {
width: 45px;
} 
.chiffres_sec .chiffres_box .txt h4 {
font-size: 16px;
margin-bottom: 3px;
}    
.chiffres_sec {
padding-bottom: 0px;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 210px;
}    
.partners .left .sec_heading.title h3 span {
display: inline;
}    
.banner_sec .banner_text .heading h1 {
font-size: 32px;
line-height: 38px;
}    
.banner_sec .banner_text .heading p {
font-size: 16px;
line-height: 22px;
} 
.banner_sec .banner_text .button a {
margin-top: 0px;
} .realisation_sec.innerpage ul.filter li a {
width: 180px;
font-size: 10px;
margin-bottom: 15px;
margin-right: 7px;
margin-left: 7px;
} 
.realisation_sec.innerpage .realisation_box a.pic_sec {
height: 200px;
} .realisation_projectdetails .pic_sec {
height: 220px;
}    
.projectimages_sec .project_pic {
height: 170px;
} 
.realisation_projectdetails .about_project ul {
padding: 25px 20px 15px 20px;
margin-bottom: 8px;
} .contact_option_sec .row {
flex-wrap: wrap;
justify-content: center;
}    
.contact_option_sec .col-lg-4.col-4{
width: 50%;
max-width: 50%;
flex: 0 0 50%;
}
.contact_option_sec .col-lg-4.col-4:last-child{
margin-top: 30px;    
} .qui_sommesnous_sec .quote_sec::before {
left: -58px;
background-size: 60px;
width: 60px;
height: 60px;
} .nos_engagement_sec .pic_sec {
height: 270px;
} .nous_rejoindre_sec .right_sec .heading.title_heading h3 {
font-size: 24px;
padding-bottom: 5px;
}    
.nous_rejoindre_sec .right_sec p {
font-size: 14px;
line-height: 21px;
}
.nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 19px;
line-height: 30px;
}    
.nous_rejoindre_sec .recruitment_box .pic_sec {
height: 260px;
}    
.rejoindre_btn{
display: none;
}
.menu-btn, .overlay-1{
top: 15px !important;
}
.menu-wrapper {
padding-top: 100px;
padding-left: 10px;
}
.menu-wrapper li a {
font-size: 5vmin !important;
}
}
@media only screen and (max-width: 575px){
.realisation_projectdetails .about_project ul.features {
padding: 20px 16px 10px 16px;
} 
.realisation_projectdetails .about_project ul.features li {
font-size: 14px;
padding-bottom: 15px;
} .realisation_sec.innerpage .realisation_box a.pic_sec {
height: 160px;
}    
.innerpage_bannersec {
height: 180px;
}
.innerpage_bannersec .row {
height: 180px;
}    
.innerpage_bannersec .banner_text .heading h2 {
font-size: 24px;
} .projectimages_sec .col-lg-3 {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
}
.projectimages_sec .project_pic {
height: 185px;
}
.realisation_projectdetails .pic_sec {
height: 190px;
margin-bottom: 30px;
}    
.realisation_projectdetails .sec_heading.title h3{
margin-bottom: 22px;    
} .qui_sommesnous_sec .pic_sec {
height: 200px;
border-radius: 20px;
} 
.qui_sommesnous_sec p.big {
font-size: 14px;
line-height: 22px;
}    
.qui_sommesnous_sec .quote_sec {
padding-bottom: 10px;
padding-top: 45px;
} .nos_engagement_sec .text_sec h6 {
font-size: 16px;
line-height: 23px;
padding-bottom: 12px;
}    
.nous_rejoindre_sec .offers_box .row .col-lg-4 {
width: 50%;
max-width: 50%;
padding-left: 12px;
padding-right: 12px;
}    
.nous_rejoindre_sec .left_sec ul li a {
font-size: 13px;
margin-left: 8px;
margin-right: 8px;
}
}    
@media only screen and (max-width: 480px){
.navbar.innerpage {
padding-top: 10px;
padding-bottom: 10px;
}
.realisation_projectdetails .about_project ul.features li {
display: block;
}
.realisation_projectdetails .about_project ul.features li span {
padding-left: 0px;
display: block;
padding-top: 4px;
}
.projectdetails {
padding: 0px 5px 15px 5px;
}
.menu-btn {
top: 10px !important;
right: 22px;
}
.rejoindre_btn a {
width: 150px;
height: 40px;
position: absolute;
right: 25px;
font-size: 12px;
top: 6px;
} 
.smenu {
top: 3px;
}
.banner_sec .row {
max-width: 95%;
}  
.banner_sec .banner_text .heading h1 {
font-size: 28px;
line-height: 34px;
}    
.banner_sec .banner_pic {
height: 460px;
}    
.services_sec .service_box {
height: 360px;
}    
.sec_heading.title h3 {
margin-bottom: 25px;
}    
.realisation_sec .realisation_box a.pic_sec {
height: 130px;
border-radius: 12px;
}    
.realisation_sec .realisation_box {
margin-bottom: 30px;
}    
.savoir_fairesec a.expertise_box {
height: 115px;
margin-bottom: 16px;
}    
.savoir_fairesec a.expertise_box h4 {
font-size: 17px;
}    
.savoir_fairesec a.expertise_box.big {
height: 170px;
}    
.linkedin_bannersec .banner .heading h3 {
font-size: 20px;
max-width: 100%;
}    
.linkedin_bannersec .banner .heading .icon {
width: 55px;
margin-right: 20px;
}    
.linkedin_bannersec .banner {
flex-wrap: wrap;
padding: 30px 30px 45px 30px;
}   
.linkedin_bannersec {
padding-top: 40px;
padding-bottom: 55px;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 180px;
border-radius: 18px;
}    
.footer_sec .logo_sec .footer_logo {
width: 90px;
}    
.footer_sec .logo_sec .partners_pic .pic_box {
width: 55px;
} 
.footer_sec .logo_sec .partners_pic .pic_box:nth-child(2) {
width: 75px;
}    
.footer_sec .logo_sec .partners_pic .pic_box:last-child {
width: 45px;
}    
.sidebar-nav {
width: 100%;
max-width: 100%;
border-left: 0;
}    
.sidebar-navigation ul li a {
font-size: 16px;
text-align: center;
display: block;
}    
.nous_rejoindre_sec .recruitment_box .txt h4 {
font-size: 18px;
line-height: 27px;
} .realisation_sec.innerpage .realisation_box {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
margin-bottom: 30px;
}    
.realisation_sec .realisation_box h6 {
min-height: auto;
}    
.realisation_sec.innerpage .realisation_box a.pic_sec {
height: 200px;
} 
.footer_sec .box .heading h5 {
font-size: 20px;
margin-bottom: 7px;
} .realisation_projectdetails .about_project ul li {
font-size: 13px;
padding-bottom: 12px;
justify-content: flex-start;
}
.about_project {
padding: 0px 6px;
}
.projectimages_sec .project_pic {
height: 165px;
} .contact_option_sec .col-lg-4.col-4 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}    
.contact_option_sec .col-lg-4.col-4:first-child{
margin-bottom: 30px;    
} .nos_actualites_sec.innerpage .row{
flex-wrap: wrap;
}
.nos_actualites_sec.innerpage .col-lg-4.col-6{
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}    
.qui_sommesnous_sec {
padding-bottom: 30px;
padding-top: 40px;
} 
.top_sec.title .button_sec {
margin-bottom: 20px;
} .nos_engagement_sec {
padding-top: 40px;
}
.nos_engagement_sec .pic_sec {
height: 225px;
margin-bottom: 25px;
}    
.nav-previous a {
font-size: 12px !important;
padding: 12px 15px;
display: flex;
flex-wrap: wrap;
}
.nav-next a {
font-size: 12px !important;
padding: 12px 15px;
display: flex;
flex-wrap: wrap;
}    
}     
@media only screen and (max-width: 440px){
.container {
max-width: 98%;
}
.contactform_sec .contactform .formbold label.form-check-label {
font-size: 14px;
line-height: 19px;
}
.contactform_sec .contactform .formbold .form-check-input[type=checkbox] {
margin-top: 2px;
}
.contactform_sec .contactform button.formbold-btn {
margin-top: 28px;
}
.banner_sec .banner_text .heading p {
font-size: 15px;
line-height: 19px;
}    
.services_sec .service_box h3 {
font-size: 19px;
}    
.services_sec .service_box {
height: 310px;
}    
.services_sec .service_box .number {
font-size: 50px;
line-height: 55px;
} 
.realisation_sec .realisation_box {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}    
.realisation_sec .realisation_box a.pic_sec {
height: 205px;
}    
.savoir_fairesec .col-lg-12.col-6{
width: 100%;
max-width: 100%;
}    
.savoir_fairesec a.expertise_box {
height: 170px;
}    
.chiffres_sec .col-lg-4.col-6{
width: 100%;
max-width: 100%;
}    
.nos_actualites_sec .col-lg-4.col-6 {
width: 100%;
margin-bottom: 30px;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 200px;
}  
.nos_actualites_sec {
padding-top: 50px;
padding-bottom: 25px;
}    
.footer_sec .social_media_sec {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 4;
}    
.footer_sec .site_sec {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 1;
margin-bottom: 20px;
}    
.footer_sec .contact_sec{
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 2;    
margin-bottom: 20px;
}    
.footer_sec .logo_sec{
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 3;     
}     
.navbar.sticky .navbar-brand {
width: 95px !important;
}    
.navbar.sticky .rejoindre_btn a {
top: 0px;
}    
.navbar.sticky .smenu {
top: -2px;
}    
.partners .col-lg-3.col-4{
width: 50%;
max-width: 50%;
}    
.partners .col-lg-3.col-4:nth-child(3){
margin-bottom: 30px;    
} 
.footer_sec .logo_sec {
margin-bottom: 35px;
}    
.footer_sec {
padding-top: 45px;
padding-bottom: 30px;
text-align: center;
}
.footer_sec ul.contact_links li a {
max-width: 190px;
margin-left: auto;
margin-right: auto;
text-align: left;
}    
.footer_sec .logo_sec .footer_logo {
margin-left: auto;
}    
.footer_sec .logo_sec .partners_pic {
justify-content: center;
}    
.footer_sec .social_media_sec ul.footer_social li a {
margin-bottom: 0px;
margin-right: 20px;
}    
.footer_sec .social_media_sec ul.footer_social li:last-child a{
margin-right: 0px;        
} 
.footer_sec .social_media_sec ul.footer_social{
display: flex;
justify-content: center;
}    
.navbar.sticky .smenu {
top: -3px;
}    
.contactform_sec .contactform .formbold textarea#message {
height: 120px;
} .realisation_projectdetails .container{
max-width: 100%;   
}    
.about_project {
padding: 0px 15px;
}    
.realisation_projectdetails .pic_sec {
height: 170px;
border-radius: 0px;
}    
.realisation_projectdetails .about_project ul {
padding: 20px 15px 10px 15px;
margin-bottom: 5px;
}    
.offcanvas-header img.logo {
width: 80px;
left: 20px;
}    
.offcanvas-header .smenu.active {
right: 20px;
top: 35px;
} .qui_sommesnous_sec .quote_sec {
max-width: 90%;
}    
.qui_sommesnous_sec .quote_sec::before {
left: -15px;
background-size: 40px;
width: 40px;
height: 40px;
top: 25px;
} 
.qui_sommesnous_sec .text_sec {
max-width: 90%;
padding-top: 30px;
}    
.qui_sommesnous_sec .pic_sec {
height: 170px;
}    
}
@media only screen and (max-width: 414px){
.services_sec .service_box {
height: 280px;
}
.services_sec .service_box h3 {
font-size: 18px;
padding-right: 15px;
}
.banner_sec .banner_pic {
height: 400px;
}
.banner_sec .banner_text .heading p {
display: none;
}
.realisation_sec .realisation_box a.pic_sec {
height: 185px;
}
.nos_actualites_sec .actualites_box a.pic_sec {
height: 185px;
}
.banner_sec .banner_text .heading h1 {
font-size: 25px;
line-height: 31px;
}    
.nos_engagement_sec .top_sec.title .button_sec .button.qui_sommes a {
width: 100%;
}    
.nos_engagement_sec .top_sec.title .button_sec .button.engagements a {
width: 100%;
margin-left: 0px;
margin-top: 15px;
} 
.nos_engagement_sec .text_sec p {
font-size: 14px;
line-height: 20px;
}    
.nos_engagement_sec .text_sec h6 {
font-size: 15px;
line-height: 21px;
}
.nos_engagement_sec .text_sec ol li {
font-size: 14px;
line-height: 20px;
padding-bottom: 9px;
}    
.nos_engagement_sec .pic_sec {
height: 200px;
}    
.nous_rejoindre_sec .recruitment_box .pic_sec {
height: 200px;
}    
.nous_rejoindre_sec .left_sec ul {
justify-content: center;
margin-bottom: 18px;
}
.nous_rejoindre_sec .left_sec ul li a {
margin-bottom: 12px;
}      
.nous_rejoindre_sec .left_sec ul li:last-child a{
margin-left: 0;
}        
.nous_rejoindre_sec .right_sec .heading.title_heading h3 {
font-size: 22px;
} .realisation_sec.innerpage .realisation_box a.pic_sec {
height: 185px;
}    
.realisation_sec.innerpage ul.filter li a {
max-width: 195px;
width: auto;
min-width: 130px;
padding-right: 12px;
font-size: 10px;
padding-left: 12px;
margin-bottom: 15px;
margin-right: 6px;
margin-left: 6px;
height: 39px;
}    
.innerpage_bannersec .banner_text .heading h2 {
font-size: 21px;
}
.innerpage_bannersec {
height: 150px;
}
.innerpage_bannersec .row {
height: 150px;
} .realisation_projectdetails .about_project ul li {
display: block;
}    
.realisation_projectdetails .about_project ul li span {
padding-left: 6px;
}    
.top_sec.title .button_sec {
display: block;
}
.nous_rejoindre_sec .offers_box .row .col-lg-4 {
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}    
}
@media only screen and (max-width: 390px){
.linkedin_bannersec .banner {
padding: 25px 15px 40px 15px;
}    
.linkedin_bannersec .banner .heading h3 {
font-size: 18px;
}    
.nos_actualites_sec .actualites_box a.pic_sec {
height: 170px;
}    
.qui_sommesnous_sec .text_sec {
padding-left: 0;
padding-right: 0px;
}  
.qui_sommesnous_sec .text_sec h6 {
font-size: 16px;
line-height: 23px;
}
.qui_sommesnous_sec .text_sec p {
font-size: 13px;
line-height: 21px;
}    
}
@media only screen and (max-width: 375px){
}