@charset "UTF-8";
/* MAGNIFIC */
.mfp-bg,
.mfp-wrap {
  position: fixed;
  left: 0;
  top: 0;
}
.mfp-bg,
.mfp-container,
.mfp-wrap {
  height: 100%;
  width: 100%;
}
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
  content: '';
}
.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  z-index: 20000;
  outline: 0!important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-close,
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: -35px;
  top: -35px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
  color: #fff;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-figure,
img.mfp-img {
  line-height: 0;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-image-holder .mfp-content,
img.mfp-img {
  max-width: 100%;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.mfp-figure:after,
img.mfp-img {
  width: auto;
  height: auto;
  display: block;
}
img.mfp-img {
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}
.mfp-figure:after {
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* MAGNIFIC */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: proxima-nova, sans-serif;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@-webkit-keyframes scroll {
  0% {
    top: 5px;
  }
  60% {
    top: 15px;
  }
  80% {
    top: 15px;
    opacity: 0;
  }
  100% {
    top: 5px;
    opacity: 0;
  }
}
@-moz-keyframes scroll {
  0% {
    top: 5px;
  }
  60% {
    top: 15px;
  }
  80% {
    top: 15px;
    opacity: 0;
  }
  100% {
    top: 5px;
    opacity: 0;
  }
}
@-ms-keyframes scroll {
  0% {
    top: 5px;
  }
  60% {
    top: 15px;
  }
  80% {
    top: 15px;
    opacity: 0;
  }
  100% {
    top: 5px;
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    top: 5px;
  }
  60% {
    top: 15px;
  }
  80% {
    top: 15px;
    opacity: 0;
  }
  100% {
    top: 5px;
    opacity: 0;
  }
}
/*
font-family: "al-fresco", cursive;
font-family: "league-gothic",sans-serif;
font-family: "open-sans",sans-serif;

font-family : "Montserrat";
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 400;
  font-family: proxima-nova, sans-serif;
  line-height: 0.9em;
  margin: 0;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
  font-weight: 400;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.wrapper {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.wrapper .col {
  font-style: normal;
  float: left;
  margin: 0 1.3%;
}
.wrapper .col.col1 {
  width: 5.7%;
}
.wrapper .col.col2 {
  width: 14%;
}
.wrapper .col.col3 {
  width: 22.3%;
}
.wrapper .col.col4 {
  width: 30.6%;
}
.wrapper .col.col5 {
  width: 38.9%;
}
.wrapper .col.col6 {
  width: 47.2%;
}
.wrapper .col.col7 {
  width: 55.5%;
}
.wrapper .col.col8 {
  width: 63.8%;
}
.wrapper .col.col9 {
  width: 72.1%;
}
.wrapper .col.col10 {
  width: 80.4%;
}
.wrapper .col.col11 {
  width: 88.7%;
}
.wrapper .col.col12 {
  width: 97%;
}
.wrapper .col.nomargin {
  margin: 0;
}
.wrapper .col.nomargin.col1 {
  width: calc(calc(100% / 12));
}
.wrapper .col.nomargin.col2 {
  width: calc(calc(100% / 12)*2);
}
.wrapper .col.nomargin.col3 {
  width: calc(calc(100% / 12)*3);
}
.wrapper .col.nomargin.col4 {
  width: calc(calc(100% / 12)*4);
}
.wrapper .col.nomargin.col5 {
  width: calc(calc(100% / 12)*5);
}
.wrapper .col.nomargin.col6 {
  width: calc(calc(100% / 12)*6);
}
.wrapper .col.nomargin.col7 {
  width: calc(calc(100% / 12)*7);
}
.wrapper .col.nomargin.col8 {
  width: calc(calc(100% / 12)*8);
}
.wrapper .col.nomargin.col9 {
  width: calc(calc(100% / 12)*9);
}
.wrapper .col.nomargin.col10 {
  width: calc(calc(100% / 12)*10);
}
.wrapper .col.nomargin.col11 {
  width: calc(calc(100% / 12)*11);
}
.wrapper .col.nomargin.col12 {
  width: calc(calc(100% / 12)*12);
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
  display: block;
  clear: both;
}
.row {
  margin-bottom: 75px;
}
.hideonmobile {
  display: block !important;
}
.hideondesktop {
  display: none !important;
}
img[src*=".svg"] {
  width: calc(100% \9);
}
html body * {
  box-sizing: border-box;
}
html body.home #logo_top {
  display: none;
}
html body #breadcrumb {
  text-align: right;
}
html body #breadcrumb p {
  margin-top: 0;
}
html body #breadcrumb .breadcrumb_last {
  color: #00baef;
}
html body footer {
  background-color: #272d2f;
}
html body header {
  height: 70px;
}
html body header .wrapper > .col12 > * {
  float: right;
}
html body header ul li {
  float: left;
  margin-right: 25px;
  line-height: 70px;
}
html body header nav {
  display: none;
}
html body header.active #quickaccess #menutoggle .bar1 {
  -webkit-transform: rotate(-45deg) translate(-2px, 8px);
  transform: rotate(-45deg);
  transform-origin: right;
}
html body header.active #quickaccess #menutoggle .bar2 {
  opacity: 0;
}
html body header.active #quickaccess #menutoggle .bar3 {
  -webkit-transform: rotate(45deg) translate(3px, 4px);
  transform: rotate(45deg) translate(3px, 4px);
  transform-origin: right;
}
html body header #topmenu li {
  color: #000;
  margin-right: 25px;
}
html body header #topmenu li a {
  color: #000;
  text-decoration: none;
}
html body header #topmenu li:hover a {
  color: #00baef;
}
html body header #topmenu li.current_page_item a {
  color: #00baef;
  background-position: 0%;
}
html body header #topmenu li a {
  font-weight: 700;
}
html body header #quickaccess {
  background: #cf602a;
  margin-right: 15px;
  height: 70px;
}
html body header #quickaccess a {
  border-right: 1px solid #fff;
  display: block;
  float: left;
  padding: 0;
  height: 70px;
  width: 70px;
  text-align: center;
  position: relative;
}
html body header #quickaccess a:hover {
  background: #dd8f69;
}
html body header #quickaccess svg {
  height: auto;
  width: 31px;
  fill: #fff;
  position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
html body header #quickaccess svg path {
  stroke: #fff;
}
html body header #quickaccess #marker {
  width: 22px;
  height: 32px;
}
html body header #quickaccess #menutoggle {
  display: none;
  position: static;
  height: 70px;
  z-index: 25;
  background: #cf602a;
  float: left;
  margin-left: 0;
  text-align: center;
  padding-top: 23px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
html body header #quickaccess #menutoggle .bar1,
html body header #quickaccess #menutoggle .bar2,
html body header #quickaccess #menutoggle .bar3 {
  width: 30px;
  height: 2px;
  background: #fff;
  margin: 6px auto;
  transition: 0.4s;
}
html body header #langswitcher li {
  margin-right: 10px;
}
html body header #langswitcher li:last-of-type {
  margin-right: 0;
}
html body header #langswitcher li a {
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
html body header #langswitcher li.current-lang a,
html body header #langswitcher li:hover a {
  color: #cf602a;
}
html body header #logo_top {
  float: left;
  display: block;
}
html body header #logo_top img {
  width: calc(165px / 1.3);
  height: calc(150px / 1.3);
}
@supports (-webkit-text-fill-color: transparent) {
  html body header #topmenu li a {
    color: #000;
    /* nouveau */
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #00baef, #00baef 50%, #000 50%);
    background-size: 215% 100%;
    background-position: 100%;
    /* fin nouveau */
  }
  html body header #topmenu li:hover a {
    color: #00baef;
    transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    background-position: 0%;
  }
}
/* SMALL SCREEN */
@media only screen and (min-width: 800px) and (max-width: 1290px) {
  html body header #topmenu li {
    margin-right: 20px;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1255px) {
  html body header #topmenu li {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px) {
  html body header #topmenu li {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1155px) {
  html body:not(.home) header #topmenu {
    display: inline-block;
    clear: right;
    margin-bottom: 20px;
  }
  html body:not(.home) header #topmenu li {
    margin-right: 15px;
    line-height: 45px;
    font-size: 0.9em;
    margin-right: 20px;
  }
  html body:not(.home) header #topmenu li:last-child {
    margin-right: 0;
  }
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  html body #logo_top {
    display: block;
    margin: 15px;
  }
  html body header nav #wrapper_top_menu #topmenumobile li {
    line-height: 1.3em !important;
    margin-bottom: 30px;
  }
  html body header nav #wrapper_top_menu #topmenumobile li a {
    font-size: 1.8em !important;
  }
  html body #breadcrumb > * {
    display: none !important;
  }
}
/* MOBILE */
@media only screen and (max-width: 800px) {
  html body header {
    height: 215px;
    position: static;
    z-index: 100;
  }
  html body header .wrapper {
    width: 100%;
    margin: 0;
  }
  html body header #quickaccess {
    width: 100%;
    margin: 0;
    z-index: 100;
  }
  html body header #quickaccess a {
    width: 25%;
  }
  html body header #quickaccess #menutoggle {
    display: block;
    position: static;
    border-right: 0;
  }
  html body header #topmenu {
    display: none;
  }
  html body header #langswitcher li {
    margin-right: 10px;
  }
  html body header #langswitcher li:last-of-type {
    margin-right: 15px;
  }
  html body header nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 8;
    top: 100%;
    background: #cf602a;
  }
  html body header nav #wrapper_top_menu {
    padding: 20px 25px 25px 25px;
  }
  html body header nav #wrapper_top_menu #topmenumobile li {
    display: block;
    width: 100%;
    line-height: 1em;
    margin-bottom: 25px;
  }
  html body header nav #wrapper_top_menu #topmenumobile li a {
    color: #fff;
    font-size: 1.4em;
  }
  html body header nav #wrapper_top_menu #topmenumobile li.current_page_item a {
    color: #fff;
    text-decoration: underline;
  }
  html body header nav #wrapper_top_menu .langswitcher li {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.3em;
  }
  html body header.sticky .wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  html body header.sticky .wrapper #logo_top {
    display: none;
  }
  html body header.sticky .wrapper #langswitcher {
    display: none;
  }
  html body header.active nav {
    display: block;
    height: calc(100vh - 78px);
    z-index: 100;
    border-top: 1px solid #fff;
  }
  html body header.active.sticky nav {
    top: 70px;
    height: calc(100vh - 70px);
  }
  html body #breadcrumb {
    margin-top: 25px;
  }
  html body #breadcrumb > * {
    display: none;
  }
}
html body #leaderboard {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 80vw auto;
  position: relative;
  overflow-x: hidden;
}
html body #leaderboard #fond_leaderboard {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 73vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #272d2f;
}
html body #leaderboard h1 {
  color: #fff;
  text-transform: none;
  font-size: 3.7em;
  line-height: 1.05em;
  font-weight: 900;
  margin-top: 1em;
}
html body #leaderboard .wrapper_bottom {
  padding-bottom: 100px;
}
html body #leaderboard .wrapper_bottom:before {
  content: '';
  background-color: #272d2f;
  height: 65px;
  width: 200%;
  z-index: 1;
  position: absolute;
  bottom: 0;
}
html body #leaderboard .wrapper_bottom:after {
  background-color: #272d2f;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  content: '';
  z-index: -1;
}
html body #leaderboard #logo_top_home {
  max-width: 100%;
  padding: 0 50px 70px 0;
  background: #fff;
  position: relative;
}
html body #leaderboard #logo_top_home:before {
  position: absolute;
  content: '';
  background: #fff;
  top: 0;
  bottom: 0;
  left: -50%;
  width: 50%;
}
html body #leaderboard .clearboth {
  clear: both;
}
html body #leaderboard .col4.orange,
html body #leaderboard .col6.orange {
  background: #cf602a;
  color: #fff;
  padding: 25px 50px 25px 0;
  position: relative;
}
html body #leaderboard .col4.orange p,
html body #leaderboard .col6.orange p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 100;
}
html body #leaderboard .col4.orange p strong,
html body #leaderboard .col6.orange p strong {
  font-size: 1.3em;
}
html body #leaderboard .col4.orange p span strong,
html body #leaderboard .col6.orange p span strong {
  font-size: 1em;
}
html body #leaderboard .col4.orange a,
html body #leaderboard .col6.orange a {
  background: #272d2f;
  color: #fff;
  padding: 15px 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.7em;
  transition: all 0.5s ease;
}
html body #leaderboard .col4.orange a:hover,
html body #leaderboard .col6.orange a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
html body #leaderboard .col4.orange:before,
html body #leaderboard .col6.orange:before {
  content: '';
  position: absolute;
  left: -1000%;
  top: 0;
  height: 100%;
  background: #cf602a;
  width: 1000%;
}
html body #leaderboard .col4 a,
html body #leaderboard .col6 a {
  background: #00baef;
  color: #fff;
  padding: 15px 20px;
  display: inline-block;
  margin-top: 25px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1em;
  transition: all 0.5s ease;
}
html body #leaderboard .col4 a:hover,
html body #leaderboard .col6 a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
html body #actualites h2 {
  text-transform: none;
  color: #000;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
html body #actualites h2 a {
  position: relative;
}
html body #actualites h2 a span {
  position: relative;
  padding-right: 25px;
}
html body #actualites h2 a span:after {
  content: '>';
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 0.7em;
  color: #00baef;
}
html body #actualites h2 a:after {
  position: absolute;
  left: 0;
  width: 7px;
  height: 7px;
  background: #00baef;
  bottom: -10px;
  content: '';
  -webkit-transition: width ease-in-out 0.4s;
  -moz-transition: width ease-in-out 0.4s;
  -ms-transition: width ease-in-out 0.4s;
  transition: width ease-in-out 0.4s;
}
html body #actualites h2 a:hover:after {
  width: 100%;
}
html body #actualites #slider.swiper-container {
  width: 100%;
  height: 100%;
}
html body #actualites #slider.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #272d2f;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0 !important;
}
html body #actualites #slider.swiper-container .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
html body #actualites #slider.swiper-container .swiper-slide .infos_actualite {
  padding: 20px 0 20px 40px;
}
html body #actualites #slider.swiper-container .swiper-slide .infos_actualite p {
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
html body #actualites #slider.swiper-container .swiper-slide .infos_actualite p.date {
  color: #00baef;
  font-weight: 100;
  font-size: 0.8em;
}
html body #actualites #slider.swiper-container .swiper-slide .infos_actualite p.titre {
  color: #fff;
  font-weight: 700;
  font-size: 1.3em;
}
html body #actualites #slider.swiper-container .swiper-slide a {
  display: block;
  width: 100%;
}
html body #actualites #slider.swiper-container .swiper-slide a .bg_actu {
  background-size: cover;
  height: 0;
  padding-bottom: 55%;
}
html body #actualites #newsletter {
  background: #00baef;
  position: relative;
  height: auto;
}
html body #actualites #newsletter .header_newsletter {
  height: 60px;
  background: #fff;
  position: relative;
}
html body #actualites #newsletter .header_newsletter .swiper-pagination {
  padding: 15px;
}
html body #actualites #newsletter .header_newsletter .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
  border-radius: 0;
  width: 12px;
  height: 5px;
  outline: none !important;
  background-color: #272d2f;
  opacity: 1;
}
html body #actualites #newsletter .header_newsletter .swiper-pagination .swiper-pagination-bullet-active {
  background: #00baef;
}
html body #actualites #newsletter .header_newsletter .swiper-buttons {
  float: right;
  height: 100%;
  position: relative;
  width: 110px;
  background-color: #272d2f;
}
html body #actualites #newsletter .header_newsletter .swiper-buttons .swiper-button-next,
html body #actualites #newsletter .header_newsletter .swiper-buttons .swiper-button-prev {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: calc(27px / 1.5 44px / 1.5);
  outline: none !important;
}
html body #actualites #newsletter .header_newsletter .swiper-buttons .swiper-button-prev {
  background-color: #272d2f;
  left: 0;
}
html body #actualites #newsletter .header_newsletter .swiper-buttons .swiper-button-next {
  background-color: #272d2f;
  right: 0;
}
html body #actualites #newsletter .header_newsletter .swiper-buttons:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: 12;
}
html body #actualites #newsletter .contenu_newsletter {
  padding: 20px;
  color: #fff;
}
html body #actualites #newsletter .contenu_newsletter p {
  margin-top: 0;
  margin-bottom: 10px;
}
html body #actualites #newsletter .contenu_newsletter p.titre {
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: 500;
}
html body #actualites #newsletter .contenu_newsletter form {
  margin-top: 15px;
}
html body #actualites #newsletter .contenu_newsletter form input {
  width: 100%;
  border: none;
  height: 50px;
}
html body #actualites #newsletter .contenu_newsletter form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
}
html body #actualites #newsletter .contenu_newsletter form input[type=email] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border-radius: 0;
}
html body #actualites #newsletter .contenu_newsletter form input[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
}
html body #actualites #newsletter .contenu_newsletter form input[type=submit]:hover {
  background: #cf602a;
}
html body #actualites #newsletter .contenu_newsletter form input[type=submit]:before {
  content: '';
  width: 50px;
  height: 100%;
  color: yellow;
}
html body #actualites #newsletter .contenu_newsletter form button[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  border: none;
  height: 50px;
  cursor: pointer;
  display: block;
  position: relative;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
html body #actualites #newsletter .contenu_newsletter form button[type=submit]:hover {
  background-color: transparent;
}
html body #actualites #newsletter .contenu_newsletter form button[type=submit]:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #cf602a;
}
html body #actualites #newsletter .contenu_newsletter form button[type=submit]:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #000 !important;
  background: #cf602a;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
html body #actualites #newsletter .contenu_newsletter form .mc4wp-response .mc4wp-alert.mc4wp-error p {
  background: red;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
  display: block;
}
html body #actualites #newsletter .contenu_newsletter form .mc4wp-response .mc4wp-alert.mc4wp-success p {
  background: #09a927;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
  display: block;
}
html body #ils_nous_ont_fait_confiance {
  background: #272d2f;
  padding-top: 50px;
  margin-bottom: 50px;
  position: relative;
}
html body #ils_nous_ont_fait_confiance:after {
  position: absolute;
  content: '';
  bottom: 0;
  background: #fff;
  height: 150px;
  width: 100%;
  z-index: 1;
}
html body #ils_nous_ont_fait_confiance .wrapper {
  color: #fff;
  z-index: 15;
}
html body #ils_nous_ont_fait_confiance .wrapper .col3 p.icone {
  min-height: 90px;
  text-align: center;
}
html body #ils_nous_ont_fait_confiance .wrapper .col3 p.titre {
  text-align: center;
  font-weight: 500;
  font-size: 1.2em;
}
html body #ils_nous_ont_fait_confiance .wrapper .col3 p > img {
  max-width: 33%;
  height: auto;
}
html body #ils_nous_ont_fait_confiance .wrapper .clearfix {
  margin-bottom: 50px;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 {
  text-transform: none;
  color: #fff;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 70px;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 a {
  position: relative;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 a span {
  position: relative;
  padding-right: 25px;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 a span:after {
  content: '>';
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 0.7em;
  color: #00baef;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 a:after {
  position: absolute;
  left: 0;
  width: 7px;
  height: 7px;
  background: #00baef;
  bottom: -10px;
  content: '';
  -webkit-transition: width ease-in-out 0.4s;
  -moz-transition: width ease-in-out 0.4s;
  -ms-transition: width ease-in-out 0.4s;
  transition: width ease-in-out 0.4s;
}
html body #ils_nous_ont_fait_confiance .wrapper h2 a:hover:after {
  width: 100%;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 {
  position: relative;
  margin-bottom: 0;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience {
  position: absolute;
  right: 0;
  top: -50px;
  z-index: 10;
  color: #cf602a;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience p {
  margin: 0;
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
  font-weight: 700;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience span {
  font-size: 9em;
  color: #fff;
  vertical-align: middle;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance {
  background: url(../img/visuel_ils_nous_ont_fait_confiance.jpg) no-repeat left top;
  background-size: 90% auto;
  height: 100%;
  width: 100%;
  position: relative;
  float: left;
  padding: 40px 0;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet {
  background: #00baef;
  color: #fff;
  position: relative;
  float: right;
  right: 0;
  top: 0;
  padding: 25px 25px 0 25px;
  z-index: 15;
  width: 30%;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet p {
  font-weight: 100;
  margin-top: 5px;
  margin-bottom: 5px;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet p:first-of-type strong {
  font-size: 1.3em;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet > a {
  background: #cf602a;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  margin-right: -25px;
  margin-top: 15px;
  padding: 15px;
  float: right;
  position: relative;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet > a:hover {
  background-color: transparent;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet > a:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #272d2f;
}
html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet > a:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #fff !important;
  background: #272d2f;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
html body #maison_passive .col9 p.titre {
  margin-top: 0;
  font-size: 4.5em;
  font-weight: 900;
  line-height: 1em;
  color: #cf602a;
}
html body #maison_passive .col9 p.titre span {
  color: #00baef;
}
html body #maison_passive .rangee_map .col5 .wrapper_map {
  width: 100%;
  height: 0;
  padding-bottom: calc(251 / 175.1 * 100%);
  position: relative;
}
html body #maison_passive .rangee_map .col5 .wrapper_map svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body #maison_passive .rangee_map .col5 .wrapper_map svg circle {
  opacity: 0;
}
html body #maison_passive .rangee_map .col5 .wrapper_map > a {
  position: absolute;
  top: 38%;
  left: 18%;
  z-index: 10;
}
html body #maison_passive .rangee_map .col5 .wrapper_map > a.clk {
  top: 40%;
  left: 29%;
}
html body #maison_passive .rangee_map .col6 p,
html body #maison_passive .rangee_map .col5 p {
  font-size: 3em;
  font-weight: 700;
  color: #cf602a;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
}
html body #maison_passive .rangee_map .col6 p.aligncenter,
html body #maison_passive .rangee_map .col5 p.aligncenter {
  text-align: center;
}
html body #maison_passive .rangee_map .col6 p.alignright,
html body #maison_passive .rangee_map .col5 p.alignright {
  text-align: right;
}
html body #maison_passive .rangee_map .col6 p.big,
html body #maison_passive .rangee_map .col5 p.big {
  color: #000;
  font-size: 13em;
  font-weight: 900;
  line-height: 0.8em;
  margin-top: 10px;
}
html body #maison_passive .rangee_map .col6 p.button a,
html body #maison_passive .rangee_map .col5 p.button a {
  display: inline-block;
  background: #00baef;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s ease;
}
html body #maison_passive .rangee_map .col6 p.button a:hover,
html body #maison_passive .rangee_map .col5 p.button a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
html body #maison_passive .rangee_map .col6 .contenu,
html body #maison_passive .rangee_map .col5 .contenu {
  margin-top: 25px;
}
html body #maison_passive .rangee_map .col6 .contenu p,
html body #maison_passive .rangee_map .col5 .contenu p {
  font-size: 1em;
  line-height: 1.6em;
  color: #000;
  font-weight: 400;
}
html body #maison_passive .rangee_map .col6 ul,
html body #maison_passive .rangee_map .col5 ul {
  margin-top: 25px;
  margin-bottom: 25px;
}
html body #maison_passive .rangee_map .col6 ul li,
html body #maison_passive .rangee_map .col5 ul li {
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 0;
}
html body #maison_passive .rangee_map .col6 ul li:before,
html body #maison_passive .rangee_map .col5 ul li:before {
  content: ' ';
  font-size: 25px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #00baef;
  position: relative;
  display: inline-block;
  margin-right: 15px;
}
html body #maison_passive .rangee_map .col6 ul li.orange:before,
html body #maison_passive .rangee_map .col5 ul li.orange:before {
  background: #cf602a;
}
html body #nos_realisations {
  padding-top: 50px;
  padding-bottom: 60px;
  margin-bottom: 50px;
  position: relative;
  overflow-x: hidden;
}
html body #nos_realisations .wrapper {
  color: #fff;
  z-index: 15;
}
html body #nos_realisations .wrapper #fond_blanc_left_realisiations {
  position: absolute;
  top: 0;
  height: 100%;
  background: #fff;
  left: -50%;
  width: 44%;
  z-index: 20;
}
html body #nos_realisations .wrapper .clearfix {
  margin-bottom: 50px;
}
html body #nos_realisations .wrapper h2 {
  text-transform: none;
  color: #000;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 70px;
}
html body #nos_realisations .wrapper h2 span {
  position: relative;
  padding-right: 25px;
}
html body #nos_realisations .wrapper h2 span:after {
  content: '>';
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 0.7em;
  font-weight: 100;
  color: #00baef;
}
html body #nos_realisations .wrapper h2:after {
  position: absolute;
  left: 0;
  width: 7px;
  height: 7px;
  background: #00baef;
  bottom: 0;
  content: '';
}
html body #nos_realisations .wrapper #slider_realisations {
  width: 100%;
  height: auto;
  overflow: visible;
  z-index: 25;
}
html body #nos_realisations .wrapper #slider_realisations:before {
  position: absolute;
  top: 50%;
  height: 40px;
  background: #81d4f5;
  left: -50%;
  width: 133%;
  z-index: 1;
  content: '';
}
html body #nos_realisations .wrapper #slider_realisations #bg_fade_realisations {
  position: absolute;
  top: -45px;
  left: 44%;
  width: 100%;
  height: 119%;
  background: rgba(129, 212, 245, 0.3);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.3;
  /* Add the blur effect */
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
html body #nos_realisations .wrapper #slider_realisations .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 80%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-slide.centered {
  background-color: #cdd2d3;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-slide.centered a .bg_actu {
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-slide:nth-child(2n) {
  width: 80%;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-slide:nth-child(3n) {
  width: 80%;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-pagination {
  padding: 15px;
  bottom: -50px;
  width: auto;
  padding-left: 0;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
  border-radius: 0;
  width: 12px;
  height: 5px;
  outline: none !important;
  background-color: #272d2f;
  opacity: 1;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-pagination .swiper-pagination-bullet-active {
  background: #00baef;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons {
  height: 50px;
  position: absolute;
  left: 0;
  right: 20%;
  margin: 0 auto;
  width: 110px;
  background-color: #272d2f;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons .swiper-button-next,
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons .swiper-button-prev {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: calc(27px / 1.5 44px / 1.5);
  outline: none !important;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons .swiper-button-prev {
  background-color: #272d2f;
  left: 0;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons .swiper-button-next {
  background-color: #272d2f;
  right: 0;
}
html body #nos_realisations .wrapper #slider_realisations .swiper-buttons:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: 12;
}
html body #nos_realisations .wrapper #slider_realisations a {
  display: block;
  width: 100%;
}
html body #nos_realisations .wrapper #slider_realisations a .bg_actu {
  background-size: cover;
  height: 0;
  padding-bottom: 53.571%;
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  html body.home #logo_top {
    display: block;
  }
  html body.home #leaderboard h1 {
    margin-top: 0;
    font-size: 3em;
  }
  html body.home #leaderboard #fond_leaderboard {
    width: 100vw;
  }
  html body.home #leaderboard #logo_top_home {
    display: none;
  }
  html body.home #leaderboard .wrapper_bottom {
    display: flex;
    flex-flow: column;
    padding-bottom: 50px;
  }
  html body.home #leaderboard .wrapper_bottom .col4 {
    order: 1;
    width: 100%;
  }
  html body.home #leaderboard .wrapper_bottom .col4.orange {
    order: 2;
    margin-top: 50px;
  }
  html body.home #leaderboard .wrapper_bottom:before {
    display: none;
  }
  html body.home #leaderboard .wrapper_bottom:after {
    display: none;
  }
  html body.home #actualites .col8,
  html body.home #actualites .col4 {
    width: 100%;
  }
  html body.home #ils_nous_ont_fait_confiance {
    margin-bottom: 0;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper h2 {
    margin-top: 0;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper h2 a span:after {
    top: 4px;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .col3 p.icone img {
    max-height: 70px;
    height: 70px;
    width: auto;
    max-width: auto;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .col3 p.titre br {
    content: ' ';
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .col3 p.titre br:after {
    content: ' ';
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .clearfix {
    margin-bottom: 25px;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 {
    display: flex;
    flex-flow: column;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 h2 {
    order: 2;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience {
    order: 1;
    position: static;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience p span {
    font-size: 5em;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance {
    order: 3;
    background-size: 100% auto;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet {
    float: left;
    width: 100%;
    margin-top: 30%;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet p {
    font-weight: 300;
  }
  html body.home #maison_passive .col3 {
    width: 14%;
  }
  html body.home #maison_passive .rangee_map .col6 p.big {
    font-size: 5em;
  }
  html body header .wrapper .col.col12 {
    width: 100%;
    margin: 0;
  }
}
/* SMALL SCREEN */
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  html body.home #maison_passive .rangee_map .col6 p.big {
    font-size: 10em;
  }
  html body.home #ils_nous_ont_fait_confiance .col3 p.icone {
    min-height: 70px;
    margin-bottom: 0;
  }
  html body.home #ils_nous_ont_fait_confiance .col3 p.titre {
    font-size: 0.9em;
    margin-top: 10px;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience span {
    font-size: 8em;
  }
}
/* VERY SMALL SCREEN */
@media only screen and (min-width: 768px) and (max-width: 965px) {
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 {
    display: flex;
    flex-flow: column;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 h2 {
    order: 2;
    margin-top: 0;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience {
    order: 1;
    position: relative;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance {
    order: 3;
    background-size: 100% auto;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet {
    float: left;
    width: 100%;
    margin-top: 30%;
  }
  html body.home #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet p {
    font-weight: 300;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  html body.home #leaderboard {
    background-color: #272d2f;
    margin-bottom: 50px;
  }
  html body.home #leaderboard h1 {
    font-size: 2.5em;
  }
  html body.home #leaderboard #fond_leaderboard {
    background-size: contain;
    bottom: auto;
    height: 0;
    padding-bottom: 75%;
    background-image: url(../img/visuel_principal_hp_768.jpg) !important;
  }
  html body #actualites h2 a span:after {
    top: 3px;
  }
  html body #ils_nous_ont_fait_confiance {
    margin-bottom: 0;
  }
  html body #ils_nous_ont_fait_confiance .wrapper h2 {
    margin-top: 0;
  }
  html body #ils_nous_ont_fait_confiance .wrapper h2 a span:after {
    top: 4px;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 p.icone img {
    max-height: 70px;
    height: 70px;
    width: auto;
    max-width: auto;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 p.titre br {
    content: ' ';
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 p.titre br:after {
    content: ' ';
  }
  html body #ils_nous_ont_fait_confiance .wrapper .clearfix {
    margin-bottom: 25px;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 {
    display: flex;
    flex-flow: column;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 h2 {
    order: 2;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience {
    order: 1;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance {
    order: 3;
    background-size: 100% auto;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet {
    float: left;
    width: 100%;
    margin-top: 30%;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet p {
    font-weight: 300;
  }
  html body #maison_passive .col9 p.titre {
    font-size: 3em;
  }
  html body #maison_passive .rangee_map {
    display: flex;
    flex-flow: column;
  }
  html body #maison_passive .rangee_map .col5 {
    order: 2 !important;
    margin-top: 25px !important;
    margin-bottom: 0 !important;
  }
  html body #maison_passive .rangee_map .col5 ul li:before {
    margin-right: 8px;
  }
  html body #maison_passive .rangee_map .col6 {
    order: 1 !important;
  }
  html body #maison_passive .rangee_map .col6 p.big {
    font-size: 7em;
  }
  html body #nos_realisations {
    padding-top: 0;
  }
  html body #nos_realisations .wrapper h2 span:after {
    top: 4px;
  }
}
.page-template-template-actualites {
  overflow-x: hidden;
}
.page-template-template-actualites #introduction {
  margin-bottom: 35px;
}
.page-template-template-actualites #introduction .col4 h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
}
.page-template-template-actualites #introduction .col4 p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 100;
}
.page-template-template-actualites #introduction .col8 div.bg_actu {
  height: 0;
  width: 100%;
  padding-bottom: 53.33%;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-template-actualites #introduction .col8 p {
  margin: 10px 0 0;
  font-weight: 900;
}
.page-template-template-actualites #introduction .col8 p span {
  color: #00baef;
}
.page-template-template-actualites #introduction .col8:after {
  position: absolute;
  left: 90%;
  width: 1000%;
  height: 40px;
  background: #81d4f5;
  top: 50px;
  content: '';
  z-index: -1;
}
.page-template-template-actualites #actualites {
  margin-bottom: 35px;
}
.page-template-template-actualites #actualites .col12 #filteractualites {
  font-weight: 500;
  line-height: 1em;
  font-size: 1em;
  margin-bottom: 25px;
}
.page-template-template-actualites #actualites .col12 #filteractualites span {
  margin-right: 10px;
  display: inline-block;
  color: #000;
  cursor: pointer;
  padding: 7px 15px;
}
.page-template-template-actualites #actualites .col12 #filteractualites span.active,
.page-template-template-actualites #actualites .col12 #filteractualites span:hover {
  background: #cf602a;
  color: #fff;
}
.page-template-template-actualites #actualites .col6 {
  margin-bottom: 25px;
  /*

			&:nth-child(even){
				clear:left;
			}

			*/
}
.page-template-template-actualites #actualites .col6 img {
  max-width: 100%;
  height: auto;
}
.page-template-template-actualites #actualites .col6 div.bg_actu {
  height: 0;
  width: 100%;
  padding-bottom: 55.856%;
}
.page-template-template-actualites #actualites .col6 a p {
  margin: 10px 0 0;
  font-weight: 900;
}
.page-template-template-actualites #actualites .col6 a p.titre span {
  color: #00baef;
}
.page-template-template-actualites #actualites #newsletter {
  background: #cf602a;
  position: relative;
  height: auto;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter {
  padding: 30px;
  color: #fff;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter p {
  margin-top: 0;
  margin-bottom: 10px;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter p.titre {
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: 500;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form {
  margin-top: 15px;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form input {
  width: 100%;
  border: none;
  height: 50px;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form input[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 5px 25px;
  text-align: center;
  float: right;
  margin-bottom: 30px;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form input[type=email] {
  margin-top: 25px;
}
.page-template-template-actualites #actualites #newsletter .contenu_newsletter form p {
  display: inline;
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-actualites #introduction .col8 {
    width: 100%;
  }
  .page-template-template-actualites #introduction .col8:after {
    display: none;
  }
  .page-template-template-actualites #introduction .col4 {
    width: 100%;
  }
  .page-template-template-actualites #actualites .col6 {
    width: 100%;
  }
  .page-template-template-actualites .col6 div.bg_actu {
    background-size: contain;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-actualites #introduction .col8:after {
    display: none;
  }
  .page-template-template-actualites #actualites {
    display: flex;
    flex-flow: column;
  }
  .page-template-template-actualites #actualites .col6 {
    order: 1;
  }
  .page-template-template-actualites #actualites .col6#newsletter {
    order: 9999;
  }
  .page-template-template-actualites .col6 div.bg_actu {
    background-size: contain;
  }
}
.single.single-post #content #contenu_actualite .col2 {
  padding-top: 50px;
  position: relative;
}
.single.single-post #content #contenu_actualite .col2 p {
  font-weight: 900;
}
.single.single-post #content #contenu_actualite .col2 p.nomargintop {
  margin-top: 0;
}
.single.single-post #content #contenu_actualite .col2 p.nomargintop img {
  cursor: pointer;
}
.single.single-post #content #contenu_actualite .col2 p.nomargintop img.fb {
  width: 10px;
  height: 20px;
  margin-right: 15px;
}
.single.single-post #content #contenu_actualite .col2 p.nomargintop img.lk {
  width: 20px;
  height: 20px;
}
.single.single-post #content #contenu_actualite .col2:after {
  position: absolute;
  right: -20%;
  width: 1000%;
  height: 40px;
  background: #81d4f5;
  top: 0;
  content: '';
  z-index: -1;
}
.single.single-post #content #contenu_actualite .col10 div.bg_actu {
  height: 0;
  width: 100%;
  padding-bottom: 53.33%;
  background-repeat: no-repeat;
  background-size: cover;
}
.single.single-post #content #contenu_actualite .col10 h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.5em;
  margin: 20px 0 15px;
}
.single.single-post #content #contenu_actualite .col10 h2 {
  font-weight: 500;
  text-transform: none;
  font-size: 2em;
  margin: 25px 0 -7px;
}
.single.single-post #content #contenu_actualite .col10 p.tags {
  color: #00baef;
}
.single.single-post #content #contenu_actualite .col10 p a {
  color: #00baef;
}
.single.single-post #content #contenu_actualite .col10 ul {
  list-style: none;
}
.single.single-post #content #contenu_actualite .col10 ul li {
  margin-bottom: 7px;
}
.single.single-post #content #contenu_actualite .col10 ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00baef;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: 0;
  /* Also needed for space (tweak if needed) */
}
.single.single-post #content #contenu_actualite .col10 div.youtube.check-container.enabled {
  width: 100% !important;
  display: block;
  position: relative;
}
.single.single-post #content #contenu_actualite .col10 div.youtube.check-container.enabled iframe {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
}
.single.single-post #content #blocbottom {
  margin-top: 35px;
  margin-bottom: 35px;
}
.single.single-post #content #blocbottom .last_actualite div.bg_actu {
  height: 0;
  width: 100%;
  padding-bottom: 53.33%;
  background-repeat: no-repeat;
  background-size: cover;
}
.single.single-post #content #blocbottom .last_actualite p {
  margin: 10px 0 0;
  font-weight: 900;
}
.single.single-post #content #blocbottom .last_actualite p span {
  color: #00baef;
}
.single.single-post #content #blocbottom #newsletter {
  background: #00baef;
  position: relative;
  height: auto;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter {
  padding: 30px;
  color: #fff;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter p {
  margin-top: 0;
  margin-bottom: 10px;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter p.titre {
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: 500;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form {
  margin-top: 15px;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form input {
  width: 100%;
  border: none;
  height: 50px;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form input[type=email] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border-radius: 0;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form input[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 5px 25px;
  text-align: center;
  float: right;
  margin-bottom: 30px;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form button[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  border: none;
  height: 50px;
  cursor: pointer;
  display: block;
  position: relative;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form button[type=submit]:hover {
  background-color: transparent;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form button[type=submit]:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #cf602a;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form button[type=submit]:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #000 !important;
  background: #cf602a;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form .mc4wp-response .mc4wp-alert.mc4wp-error p {
  background: red;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
}
.single.single-post #content #blocbottom #newsletter .contenu_newsletter form .mc4wp-response .mc4wp-alert.mc4wp-success p {
  background: #09a927;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .single.single-post #content #contenu_actualite .col2 {
    padding-top: 0;
  }
  .single.single-post #content #contenu_actualite .col2:after {
    display: none;
  }
  .single.single-post #content #contenu_actualite .col2 p.nomargintop {
    margin-top: -5px;
  }
  .single.single-post #content #blocbottom #newsletter {
    margin-top: 25px;
  }
  .single.single-post #content #blocbottom #newsletter .contenu_newsletter form input[type=submit] {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
}
.page-template-template-jobs #jobs {
  margin-bottom: 35px;
}
.page-template-template-jobs #jobs .col4 {
  padding-bottom: 50px;
}
.page-template-template-jobs #jobs .col4 h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
}
.page-template-template-jobs #jobs .col4 p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 100;
}
.page-template-template-jobs #jobs .col4 p.cand_spont {
  background: #000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 0;
  text-align: center;
  margin-top: 80px;
  position: relative;
  font-size: 1.1em;
}
.page-template-template-jobs #jobs .col4 p.cand_spont:after {
  position: absolute;
  right: 0;
  width: 1000%;
  height: 40px;
  background: #81d4f5;
  top: -40px;
  content: '';
  z-index: -1;
}
.page-template-template-jobs #jobs .col4 p.cand_spont:hover {
  background: #cf602a;
}
.page-template-template-jobs #jobs .col8 p.titre {
  font-weight: 500;
  font-size: 1.5em;
  cursor: pointer;
  position: relative;
}
.page-template-template-jobs #jobs .col8 p.titre span {
  text-transform: uppercase;
  font-weight: 500;
  color: #00baef;
  margin-left: 10px;
}
.page-template-template-jobs #jobs .col8 p.titre i {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  background: #81d4f5;
}
.page-template-template-jobs #jobs .col8 p.titre i:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 20px;
  background: #fff;
  right: 20px;
  top: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.page-template-template-jobs #jobs .col8 p.titre i:after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  background: #fff;
  right: 10px;
  top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.page-template-template-jobs #jobs .col8 p span {
  color: #00baef;
}
.page-template-template-jobs #jobs .col8 .job {
  border-bottom: 1px solid #a7a7a7;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs {
  display: none;
  clear: both;
  background: #fff;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description {
  margin-bottom: 25px;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description p:first-child {
  margin-top: 0;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description h2 {
  text-transform: none;
  margin-bottom: 20px;
  font-size: 1.3em;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description ul {
  list-style: none;
  margin-top: -10px;
  margin-bottom: 20px;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description ul li {
  margin-bottom: 7px;
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00baef;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: 0;
  /* Also needed for space (tweak if needed) */
}
.page-template-template-jobs #jobs .col8 .job .details_jobs .description ul li a {
  color: #cf602a;
}
.page-template-template-jobs #jobs .col8 .job.active .details_jobs {
  display: block;
}
.page-template-template-jobs #jobs .col8 .job.active .titre i:before {
  transform: rotate(45deg);
}
.page-template-template-jobs #jobs .col8 .job.active .titre i:after {
  transform: rotate(45deg);
}
.page-template-template-jobs #jobs .col8 .col3 {
  width: calc(22.3% + 1.3%);
  margin-left: 0;
}
.page-template-template-jobs #jobs .col8 .col3 p {
  margin-top: 0;
  margin-bottom: 15px;
}
.page-template-template-jobs #jobs .col8 .col3 p.intitule {
  color: #00baef;
  margin-bottom: 0;
  font-weight: 900;
}
.page-template-template-jobs #jobs .col8 .col9 {
  width: calc(72.1% + 1.3%);
  margin-right: 0;
}
.page-template-template-jobs #jobs .col8 .col9 form p {
  margin-top: 0;
  margin-bottom: 15px;
}
.page-template-template-jobs #jobs .col8 .col9 form p span {
  color: #000;
}
.page-template-template-jobs #jobs .col8 .col9 form p span.wpcf7-not-valid-tip {
  color: red;
  margin-top: 3px;
  margin-left: 1px;
  font-size: 0.9em;
}
.page-template-template-jobs #jobs .col8 .col9 form p.smallrgpd {
  font-size: 0.8em;
}
.page-template-template-jobs #jobs .col8 .col9 form p.smallrgpd.first {
  margin-top: 15px;
}
.page-template-template-jobs #jobs .col8 .col9 form span.cv,
.page-template-template-jobs #jobs .col8 .col9 form span.lettre-motivation,
.page-template-template-jobs #jobs .col8 .col9 form span[name="cv"],
.page-template-template-jobs #jobs .col8 .col9 form span[name="lettre-motivation"] {
  position: relative;
  display: block;
}
.page-template-template-jobs #jobs .col8 .col9 form span.cv span.wpcf7-not-valid-tip,
.page-template-template-jobs #jobs .col8 .col9 form span.lettre-motivation span.wpcf7-not-valid-tip,
.page-template-template-jobs #jobs .col8 .col9 form span[name="cv"] span.wpcf7-not-valid-tip,
.page-template-template-jobs #jobs .col8 .col9 form span[name="lettre-motivation"] span.wpcf7-not-valid-tip {
  background: #fff;
  z-index: 200;
  position: relative;
}
.page-template-template-jobs #jobs .col8 .col9 form span.cv:hover:before,
.page-template-template-jobs #jobs .col8 .col9 form span.lettre-motivation:hover:before,
.page-template-template-jobs #jobs .col8 .col9 form span[name="cv"]:hover:before,
.page-template-template-jobs #jobs .col8 .col9 form span[name="lettre-motivation"]:hover:before {
  background: #cf602a;
}
.page-template-template-jobs #jobs .col8 .col9 form span.cv:before,
.page-template-template-jobs #jobs .col8 .col9 form span.lettre-motivation:before,
.page-template-template-jobs #jobs .col8 .col9 form span[name="cv"]:before,
.page-template-template-jobs #jobs .col8 .col9 form span[name="lettre-motivation"]:before {
  content: attr(data-before);
  position: absolute;
  left: 0;
  padding: 0;
  background: #00baef;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  z-index: 10;
  top: 0;
  bottom: 0;
  text-transform: uppercase;
  line-height: 50px;
}
.page-template-template-jobs #jobs .col8 .col9 form span.cv > input,
.page-template-template-jobs #jobs .col8 .col9 form span.lettre-motivation > input,
.page-template-template-jobs #jobs .col8 .col9 form span[name="cv"] > input,
.page-template-template-jobs #jobs .col8 .col9 form span[name="lettre-motivation"] > input {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  opacity: 0;
}
.page-template-template-jobs #jobs .col8 .col9 form input {
  width: 100%;
  border: none;
  height: 50px;
}
.page-template-template-jobs #jobs .col8 .col9 form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-jobs #jobs .col8 .col9 form input[type=email] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-jobs #jobs .col8 .col9 form input[type=tel] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-jobs #jobs .col8 .col9 form .col6 {
  margin-left: 0;
  width: calc(47.2% + 1.3%);
}
.page-template-template-jobs #jobs .col8 .col9 form .col6.last {
  float: right;
  margin-right: 0;
}
.page-template-template-jobs #jobs .col8 .col9 form .inputfile + label {
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  background-color: #00baef;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  /* "hand" cursor */
  text-align: center;
}
.page-template-template-jobs #jobs .col8 .col9 form .inputfile:focus + label,
.page-template-template-jobs #jobs .col8 .col9 form .inputfile + label:hover {
  background-color: #cf602a;
}
.page-template-template-jobs #jobs .col8 .col9 form .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.page-template-template-jobs #jobs .col8 .col9 form .inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.page-template-template-jobs #jobs .col8 .col9 form button[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  float: right;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 0.9em;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.page-template-template-jobs #jobs .col8 .col9 form button[type=submit]:hover {
  background: #cf602a;
}
.page-template-template-jobs #jobs .col8 .col9 form .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,
.page-template-template-jobs #jobs .col8 .col9 form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-jobs #jobs .col4 p.cand_spont {
    padding: 0;
  }
  .page-template-template-jobs #jobs .col4 p.cand_spont a {
    display: none;
  }
  .page-template-template-jobs #jobs .col8 p.titre {
    font-size: 1.2em;
  }
  .page-template-template-jobs #jobs .col8 p i {
    top: -6px;
  }
  .page-template-template-jobs #jobs .col8 .col3 {
    width: 100%;
  }
  .page-template-template-jobs #jobs .col8 .col3 p {
    float: left;
    width: 50%;
  }
  .page-template-template-jobs #jobs .col8 .col9 {
    width: 100%;
  }
  .page-template-template-jobs #jobs .col8 .col9 form .col6 {
    width: 100%;
    margin-bottom: 10px;
  }
  .page-template-template-jobs #jobs .col8 .col9 form button[type=submit] {
    margin-top: 25px;
  }
}
.page-template-template-contact {
  overflow-x: hidden;
}
.page-template-template-contact .col12 h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
  margin-bottom: 10px;
}
.page-template-template-contact .col6 {
  position: relative;
}
.page-template-template-contact .col6 form {
  width: 100%;
}
.page-template-template-contact .col6 form input {
  width: 100%;
  border: none;
  height: 50px;
}
.page-template-template-contact .col6 form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-contact .col6 form input[type=email] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-contact .col6 form input[type=tel] {
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-contact .col6 form input[type=checkbox] {
  width: auto;
  height: auto;
  margin-right: 7px;
  cursor: pointer;
}
.page-template-template-contact .col6 form input[type=radio] {
  width: auto;
  height: auto;
  margin-right: 3px;
  margin-left: 10px;
  cursor: pointer;
}
.page-template-template-contact .col6 form textarea {
  width: 100%;
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
}
.page-template-template-contact .col6 form select {
  width: 100%;
  padding: 15px;
  font-weight: 100;
  color: #999999;
  border: 1px solid #cdcdcd;
  height: 50px;
  border-radius: 0;
  background: #fff;
}
.page-template-template-contact .col6 form select option {
  height: 30px;
}
.page-template-template-contact .col6 form #select_nom_du_projet {
  display: none;
}
.page-template-template-contact .col6 form #select_nom_du_projet.active {
  display: block;
}
.page-template-template-contact .col6 form #input_nom_du_projet {
  display: none;
}
.page-template-template-contact .col6 form #input_nom_du_projet.active {
  display: block;
}
.page-template-template-contact .col6 form button[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  float: right;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 0.9em;
}
.page-template-template-contact .col6 form button[type=submit]:hover {
  background: #cf602a;
}
.page-template-template-contact .col6 form label {
  cursor: pointer;
}
.page-template-template-contact .col6 form span.wpcf7-list-item {
  margin: 0;
}
.page-template-template-contact .col6 form span.wpcf7-not-valid-tip {
  color: red;
  margin-top: 3px;
  margin-left: 1px;
  font-size: 0.9em;
}
.page-template-template-contact .col6 form span.demande-brochure span {
  color: #cf602a;
}
.page-template-template-contact .col6 form .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,
.page-template-template-contact .col6 form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.page-template-template-contact .col6 form .col6 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  width: 100%;
}
.page-template-template-contact .col6 form .col6.last {
  float: right;
  margin-right: 0;
  margin-bottom: 0;
}
.page-template-template-contact .col6 form .wrapper_fond_noir {
  position: relative;
  padding: 15px 40px 20px 0;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir {
  background: #272d2f;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir p {
  color: #00baef;
  margin: 10px 0 5px;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir p span {
  color: #fff;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir p span.wpcf7-not-valid-tip {
  color: red;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir input[type=radio] {
  margin-left: 0;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir .wpcf7-list-item {
  display: block;
  clear: both;
  margin-bottom: 5px;
}
.page-template-template-contact .col6 form .wrapper_fond_noir .fond_noir:after {
  position: absolute;
  right: 0;
  width: 1000%;
  height: 100%;
  background: #272d2f;
  top: 0;
  content: '';
  z-index: -1;
}
.page-template-template-contact .col6 div.google-maps.check-container.enabled {
  width: 100% !important;
  display: block;
  position: relative;
  height: 640px;
}
.page-template-template-contact .col6 div.google-maps.check-container.enabled iframe {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
}
.page-template-template-contact .col6 > p.orange {
  color: #cf602a;
  font-size: 2em;
  line-height: 1.1em;
  margin-top: 12px;
  margin-bottom: 8px;
}
.page-template-template-contact .col6 .col5 {
  background: #272d2f;
  color: #fff;
  position: absolute;
  top: 250px;
  right: -50px;
  bottom: 150px;
  padding: 25px 0 0 40px;
}
.page-template-template-contact .col6 .col5:after {
  content: '';
  position: absolute;
  left: 100%;
  width: 150%;
  height: 100%;
  top: 0;
  background: #272d2f;
}
.page-template-template-contact .col6 .col5 p.bleu {
  font-size: 1.3em;
  margin-bottom: 0;
}
.page-template-template-contact .col6 .col5 p.contact {
  margin-top: 20px;
}
.page-template-template-contact .col6 .col5 p.contact > a {
  background: #cf602a;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 25px;
  display: inline-block;
}
.page-template-template-contact #maison_temoin {
  margin-top: 25px;
}
.page-template-template-contact #maison_temoin h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.page-template-template-contact #maison_temoin #wrapper_visite {
  position: relative;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 {
  position: relative;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 .bg_visite {
  position: relative;
  background: url(../img/fond_visite_360_3_full.jpg) no-repeat center top / cover;
  height: 0;
  padding-bottom: 55%;
  width: 100%;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 p {
  position: absolute;
  top: 50px;
  left: 50px;
  margin: 0;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 p.titre_visite {
  font-size: 2.5em;
  font-weight: 900;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 p.commencer_visite {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background: #cf602a;
  top: 120px;
  padding: 0;
  transition: all 0.5s ease;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 p.commencer_visite a {
  padding: 15px 25px;
  display: inline-block;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col9 p.commencer_visite:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 {
  background: #cf602a;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 26%;
  right: 0;
  padding: 0;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
  padding: 0 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre span {
  color: #000;
  font-weight: 900;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact {
  margin-top: 45px;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0;
  display: block;
  text-align: center;
  transition: all 0.5s ease;
}
.page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
/* SMALL SCREEN */
@media only screen and (max-width: 1200px) {
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact {
    margin-top: 20px;
  }
}
/* SMALL SCREEN */
@media only screen and (max-width: 1100px) {
  .page-template-template-contact #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-contact #contact .col6 {
    width: 100%;
  }
  .page-template-template-contact #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-contact #contact > .col6 {
    margin-bottom: 25px;
  }
  .page-template-template-contact #contact .col5 {
    position: static;
    padding: 25px 0 25px 40px;
  }
  .page-template-template-contact #contact .col5:before {
    display: none;
  }
  .page-template-template-contact #contact .col5:after {
    display: none;
  }
  .page-template-template-contact #contact .col6 form .wrapper_fond_noir .fond_noir .col6 {
    width: 100%;
  }
  .page-template-template-contact #contact .col6 form .col6 {
    float: left;
  }
  .page-template-template-contact #contact .col6 form .col6.last {
    float: right;
  }
  .page-template-template-contact #contact .col6 form .wpcf7-form-control-wrap.recontact {
    display: block;
    clear: both;
    width: 100%;
  }
  .page-template-template-contact #contact .col6 form .wpcf7-form-control-wrap.recontact input[type=radio] {
    margin-left: 0;
  }
  .page-template-template-contact #contact .col6 form .wpcf7-form-control-wrap.recontact .wpcf7-list-item.last {
    margin-left: 15px;
  }
  .page-template-template-contact #contact .col6 form input[type=text],
  .page-template-template-contact #contact .col6 form input[type=email],
  .page-template-template-contact #contact .col6 form input[type=tel],
  .page-template-template-contact #contact .col6 form textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .page-template-template-contact #contact .col6 form button[type=submit] {
    float: none;
    width: 100%;
    margin-top: 15px;
    border: none;
  }
  .page-template-template-contact #contact .col6 > p.orange {
    font-size: 1.6em;
  }
  .page-template-template-contact #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-contact #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
.page-template-template-acces {
  overflow-x: hidden;
}
.page-template-template-acces .col12 h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
  margin-bottom: 10px;
}
.page-template-template-acces .col12 p {
  font-weight: 500;
  margin-top: 5px;
}
.page-template-template-acces #contact #wrapper_map {
  position: relative;
}
.page-template-template-acces #contact #wrapper_map .col5 {
  background: #272d2f;
  color: #fff;
  position: absolute;
  top: 55px;
  right: 0;
  bottom: -40px;
  padding: 25px 0 0 40px;
}
.page-template-template-acces #contact #wrapper_map .col5:after {
  content: '';
  position: absolute;
  right: -70%;
  width: 100%;
  height: 100%;
  top: 0;
  background: #272d2f;
}
.page-template-template-acces #contact #wrapper_map .col5:before {
  content: '';
  position: absolute;
  right: -75%;
  width: 100%;
  height: 55px;
  top: -55px;
  background: #2b819e;
}
.page-template-template-acces #contact #wrapper_map .col5 p.bleu {
  font-size: 1.3em;
  margin-bottom: 0;
}
.page-template-template-acces #contact #wrapper_map .col5 p.contact {
  margin-top: 20px;
}
.page-template-template-acces #contact #wrapper_map .col5 p.contact > a {
  background: #cf602a;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 25px;
  display: inline-block;
  transition: all 0.5s ease;
}
.page-template-template-acces #contact #wrapper_map .col5 p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-acces #maison_temoin h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.page-template-template-acces #maison_temoin #wrapper_visite {
  position: relative;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 {
  position: relative;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 .bg_visite {
  position: relative;
  background: url(../img/fond_visite_360_3_full.jpg) no-repeat center top / cover;
  height: 0;
  padding-bottom: 55%;
  width: 100%;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 p {
  position: absolute;
  top: 50px;
  left: 50px;
  margin: 0;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 p.titre_visite {
  font-size: 2.5em;
  font-weight: 900;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 p.commencer_visite {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background: #cf602a;
  top: 120px;
  padding: 0;
  transition: all 0.5s ease;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 p.commencer_visite a {
  padding: 15px 25px;
  display: inline-block;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col9 p.commencer_visite:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 {
  background: #cf602a;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 26%;
  right: 0;
  padding: 0;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
  padding: 0 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre span {
  color: #000;
  font-weight: 900;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact {
  margin-top: 45px;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 25px;
  display: block;
  text-align: center;
  transition: all 0.5s ease;
}
.page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
/* SMALL SCREEN */
@media only screen and (max-width: 1100px) {
  .page-template-template-acces #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-acces #contact {
    margin-bottom: 50px;
  }
  .page-template-template-acces #contact .col {
    width: 100%;
  }
  .page-template-template-acces #contact #wrapper_map .col5 {
    position: static;
    padding: 25px 0 25px 40px;
  }
  .page-template-template-acces #contact #wrapper_map .col5:before {
    display: none;
  }
  .page-template-template-acces #contact #wrapper_map .col5:after {
    display: none;
  }
  .page-template-template-acces #contact #wrapper_map .col5 p.bleu {
    margin-top: 0;
  }
  .page-template-template-acces #contact #wrapper_map .col11 {
    position: static;
  }
  .page-template-template-acces #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-acces #contact {
    margin-bottom: 50px;
  }
  .page-template-template-acces #contact #wrapper_map .col5 {
    position: static;
    padding: 25px 0 25px 40px;
  }
  .page-template-template-acces #contact #wrapper_map .col5:before {
    display: none;
  }
  .page-template-template-acces #contact #wrapper_map .col5:after {
    display: none;
  }
  .page-template-template-acces #contact #wrapper_map .col5 p.bleu {
    margin-top: 0;
  }
  .page-template-template-acces #contact #wrapper_map .col11 {
    position: static;
  }
  .page-template-template-acces #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-acces #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
.page-template-template-votreprojet #leaderboard {
  padding-top: 25px;
  z-index: 5;
}
.page-template-template-votreprojet #leaderboard h1 {
  color: #000;
  text-transform: none;
  font-size: 2em;
  line-height: 1.05em;
  font-weight: 900;
  margin-top: 15px;
  position: relative;
  z-index: 5;
}
.page-template-template-votreprojet #leaderboard h1 div {
  color: #cf602a;
  text-transform: none;
  font-size: 1em;
  line-height: 1.05em;
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 70px;
  position: relative;
  z-index: 5;
}
.page-template-template-votreprojet #leaderboard h1 div span {
  color: #000;
}
.page-template-template-votreprojet #leaderboard #fond_leaderboard {
  position: absolute;
  left: 25%;
  top: 0;
  bottom: 40px;
  width: 100vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #272d2f;
  /*
				&:after{
					content:'';
					background-color: #272d2f;
					position:absolute;
					bottom:-40px;
					right:0;
					width: 78vw;
					height: 300px;
					z-index: -1;
					display: none
				}
			*/
}
.page-template-template-votreprojet #leaderboard .col4.orange:after {
  content: '';
  position: absolute;
  left: -100%;
  bottom: 0;
  height: 50px;
  background: #cf602a;
  width: 100%;
  display: none;
}
.page-template-template-votreprojet #leaderboard .col4.orange a {
  font-size: 0.95em;
}
.page-template-template-votreprojet #leaderboard .wrapper_bottom {
  padding-bottom: 0;
}
.page-template-template-votreprojet #leaderboard .wrapper_bottom:before {
  content: '';
  background-color: #272d2f;
  height: 50px;
  width: 200%;
  z-index: 1;
  position: absolute;
  bottom: 50px;
  display: none;
}
.page-template-template-votreprojet #leaderboard .wrapper_bottom:after {
  background-color: #272d2f;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  content: '';
  z-index: -1;
  display: none;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance {
  background: #272d2f;
  padding-top: 120px;
  margin-top: -50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  position: relative;
  z-index: 4;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance:after {
  display: none;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper {
  color: #fff;
  z-index: 15;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 {
  margin-bottom: 10px;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.icone {
  max-width: 90%;
  text-align: left;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.titre {
  text-align: left;
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 0;
  margin-top: 7px;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.description {
  margin-top: 5px;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p {
  font-weight: 100;
  font-size: 0.95em;
  line-height: 1.5em;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p > img {
  width: 70px;
  height: 70px;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-child(2n) {
  clear: right;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-child(2n+1) {
  clear: left;
}
.page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .clearfix {
  margin-bottom: 50px;
}
.page-template-template-votreprojet #video div.youtube.check-container.enabled {
  width: 100% !important;
  display: block;
  position: relative;
}
.page-template-template-votreprojet #video div.youtube.check-container.enabled iframe {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
}
.page-template-template-votreprojet #video .wrapper {
  position: relative;
  padding-bottom: 50px;
}
.page-template-template-votreprojet #video .wrapper span {
  background-color: #81d4f5;
  height: 50px;
  width: 200%;
  z-index: -1;
  position: absolute;
  bottom: 25px;
  right: 0;
}
.page-template-template-votreprojet #video .wrapper a {
  background: #000;
  color: #fff;
  padding: 15px 25px;
  position: absolute;
  bottom: -25px;
  right: 0;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.page-template-template-votreprojet #video .wrapper a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom {
  background: url(../img/fond_visite_showroom.jpg) no-repeat right top / contain;
  position: relative;
  padding-bottom: 50px;
  margin-left: 10%;
  margin-top: 80px;
  width: 90%;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom {
  position: relative;
  top: 50px;
  left: -11%;
  bottom: 50px;
  width: 68%;
  background: #00baef;
  color: #fff;
  padding: 35px 35px 60px;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom h3 {
  text-transform: none;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0;
  font-weight: 700;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom p {
  font-weight: 100;
  margin-top: 5px;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom a {
  background: #cf602a;
  color: #fff;
  padding: 15px 25px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom a:hover {
  background-color: transparent;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom a:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #272d2f;
}
.page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom a:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #fff !important;
  background: #272d2f;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.page-template-template-votreprojet #chiffrescles .col6 p.titre {
  text-align: center;
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 40px;
}
.page-template-template-votreprojet #chiffrescles .col6 .col6 {
  margin-bottom: 45px;
}
.page-template-template-votreprojet #chiffrescles .col6 .col6 .valeur {
  color: #81d4f5;
  font-size: 4.5em;
  text-align: center;
  line-height: 1;
  margin: 0;
}
.page-template-template-votreprojet #chiffrescles .col6 .col6 .intitule {
  color: #000000;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
}
.page-template-template-votreprojet #lignesdecontenu {
  position: relative;
}
.page-template-template-votreprojet #lignesdecontenu span {
  height: 400px;
  width: 40%;
  background: #cf602a;
  position: absolute;
  top: -50px;
  right: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu {
  margin-bottom: 40px;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p.titre {
  font-size: 1.5em;
  color: #00baef;
  font-weight: 900;
  margin: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p.soustitre {
  font-size: 1.5em;
  color: #cf602a;
  font-weight: 900;
  margin: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p.ensavoirplus {
  margin-top: 40px;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p.ensavoirplus a {
  background: #000;
  color: #fff;
  padding: 15px 25px;
  text-transform: uppercase;
  transition: all 0.5s ease;
  display: inline-block;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p.ensavoirplus a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu p > a {
  color: #00baef;
  cursor: pointer;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu .inner_contenu {
  float: right;
  width: 40%;
  padding-left: 50px;
  padding-right: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu > img {
  float: left;
  width: 60%;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu:nth-of-type(odd) p.titre {
  font-size: 1.5em;
  color: #cf602a;
  font-weight: 900;
  margin: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu:nth-of-type(odd) p.soustitre {
  font-size: 1.5em;
  color: #00baef;
  font-weight: 900;
  margin: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu:nth-of-type(odd) .inner_contenu {
  float: left;
  width: 50%;
  padding-right: 50px;
  padding-left: 0;
}
.page-template-template-votreprojet #lignesdecontenu .lignedecontenu:nth-of-type(odd) > img {
  float: right;
  width: 50%;
}
.page-template-template-votreprojet #questions_reponses .question_reponse {
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 0;
}
.page-template-template-votreprojet #questions_reponses .question_reponse .question {
  font-size: 1.3em;
  font-weight: 100;
  cursor: pointer;
  margin: 0;
  padding: 20px 25px 20px 0;
  position: relative;
}
.page-template-template-votreprojet #questions_reponses .question_reponse .question i {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  top: 17px;
  background: none;
}
.page-template-template-votreprojet #questions_reponses .question_reponse .question i:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 20px;
  background: #000;
  right: 20px;
  top: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.page-template-template-votreprojet #questions_reponses .question_reponse .question i:after {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  background: #000;
  right: 10px;
  top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.page-template-template-votreprojet #questions_reponses .question_reponse .reponse {
  font-size: 1em;
  font-weight: 100;
  padding-bottom: 20px;
  display: none;
}
.page-template-template-votreprojet #questions_reponses .question_reponse.active .reponse {
  display: block;
}
.page-template-template-votreprojet #questions_reponses .question_reponse.active .question i:before {
  transform: rotate(45deg);
}
.page-template-template-votreprojet #questions_reponses .question_reponse.active .question i:after {
  transform: rotate(45deg);
}
/* SMALL SCREEN */
@media only screen and (min-width: 800px) and (max-width: 1100px) {
  .page-template-template-votreprojet #leaderboard .col4.orange {
    width: 55%;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 {
    width: 100%;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .wrapper_visite_showroom {
    margin-bottom: 25px;
    padding-bottom: 12%;
    margin-top: 0;
    background-size: cover;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .hideonmobile {
    display: none !important;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .hideondesktop {
    display: block !important;
  }
}
/* END SMALL SCREEN */
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-votreprojet #leaderboard {
    background-size: 100% auto;
    padding-top: 0;
  }
  .page-template-template-votreprojet #leaderboard #fond_leaderboard_mobile img {
    max-width: 100%;
    height: auto;
  }
  .page-template-template-votreprojet #leaderboard h1 {
    margin-top: 0;
  }
  .page-template-template-votreprojet #leaderboard h2 {
    margin-bottom: 25px;
    font-size: 1.9em;
  }
  .page-template-template-votreprojet #leaderboard .wrapper_bottom .col4.orange {
    margin-top: 25px;
    width: 100%;
  }
  .page-template-template-votreprojet #leaderboard .hideonmobile {
    display: none !important;
  }
  .page-template-template-votreprojet #leaderboard .hideondesktop {
    display: block !important;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .col2,
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .col10 {
    width: 100%;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 {
    width: 48%;
    clear: none !important;
    margin: 0;
    float: left;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p {
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.icone {
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.titre {
    font-size: 1.1em;
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p > img {
    max-width: 70%;
    height: auto;
    max-height: 90px;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-of-type(2n+3) {
    clear: left !important;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-of-type(2n+1) {
    margin-right: 4% !important;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 {
    width: 100%;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .wrapper_visite_showroom {
    margin-bottom: 25px;
    padding-bottom: 60%;
    margin-top: 0;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .wrapper_visite_showroom .inner_visite_showroom {
    left: -5%;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .hideonmobile {
    display: none !important;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper > .col6 .hideondesktop {
    display: block !important;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-votreprojet #leaderboard {
    background-size: 100% auto;
    padding-top: 0;
  }
  .page-template-template-votreprojet #leaderboard #fond_leaderboard_mobile img {
    max-width: 100%;
    height: auto;
  }
  .page-template-template-votreprojet #leaderboard h1 {
    margin-top: 0;
  }
  .page-template-template-votreprojet #leaderboard h1 div {
    margin-bottom: 25px;
  }
  .page-template-template-votreprojet #leaderboard h2 {
    margin-bottom: 25px;
    font-size: 1.9em;
  }
  .page-template-template-votreprojet #leaderboard .wrapper_bottom .col4.orange {
    margin-top: 25px;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance {
    padding-bottom: 1px;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 {
    width: 48%;
    clear: none !important;
    margin: 0;
    float: left;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p {
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.icone {
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p.titre {
    font-size: 1.1em;
    text-align: center;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6 p > img {
    max-width: 70%;
    height: auto;
    max-height: 90px;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-of-type(2n+3) {
    clear: left !important;
  }
  .page-template-template-votreprojet #ils_nous_ont_fait_confiance .wrapper .col6:nth-of-type(2n+1) {
    margin-right: 4% !important;
  }
  .page-template-template-votreprojet #video {
    margin-bottom: 50px;
  }
  .page-template-template-votreprojet #chiffrescles {
    margin-bottom: 50px;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom {
    width: 100%;
    margin-left: 0;
    background-size: cover;
    padding-bottom: 30%;
    margin-top: 0;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom {
    width: 80%;
    left: 0;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom:before {
    content: '';
    background: #00baef;
    width: 20%;
    height: 100%;
    top: 0;
    left: -20%;
    position: absolute;
  }
  .page-template-template-votreprojet #chiffrescles .wrapper_visite_showroom .inner_visite_showroom h3 {
    font-size: 1.3em;
    line-height: 1.3em;
  }
  .page-template-template-votreprojet #chiffrescles .col6 .col6 {
    margin-bottom: 25px;
  }
  .page-template-template-votreprojet #chiffrescles .col6.last {
    margin-top: 25px;
  }
  .page-template-template-votreprojet #chiffrescles p.titre {
    font-weight: 900;
  }
  .page-template-template-votreprojet #lignesdecontenu > span {
    display: none;
  }
  .page-template-template-votreprojet #lignesdecontenu .lignedecontenu {
    display: flex;
    flex-flow: column;
  }
  .page-template-template-votreprojet #lignesdecontenu .lignedecontenu .inner_contenu {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    order: 2;
  }
  .page-template-template-votreprojet #lignesdecontenu .lignedecontenu img {
    width: 100% !important;
    order: 1;
    margin-bottom: 15px;
  }
  .page-template-template-votreprojet #questions_reponses .question_reponse .question {
    font-size: 1.1em;
    padding-right: 35px;
  }
}
.page-template-template-realisations {
  overflow-x: hidden;
}
.page-template-template-realisations #leaderboard_realisations {
  overflow-x: hidden;
}
.page-template-template-realisations #leaderboard_realisations h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
  margin-bottom: 10px;
}
.page-template-template-realisations #leaderboard_realisations p {
  font-weight: 100;
  margin-top: 15px;
  font-size: 1.3em;
}
.page-template-template-realisations #leaderboard_realisations .col4 {
  padding-right: 40px;
}
.page-template-template-realisations #leaderboard_realisations .col8 {
  position: relative;
}
.page-template-template-realisations #leaderboard_realisations .col8:after {
  position: absolute;
  left: 100%;
  width: 1000%;
  height: 40px;
  background: #81d4f5;
  top: 50px;
  content: '';
  z-index: -1;
}
.page-template-template-realisations #leaderboard_realisations .col8 img {
  max-width: 100%;
  height: auto;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage {
  margin-top: 30px;
  display: block;
  clear: both;
  position: relative;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .ligne_bleue_left {
  position: absolute;
  right: 48%;
  width: 1000%;
  height: 40px;
  background: #81d4f5;
  bottom: 50px;
  content: '';
  z-index: -1;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 {
  position: relative;
  margin-bottom: 25px;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 .bg_actu {
  padding-bottom: 55%;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 p {
  position: absolute;
  bottom: 15px;
  left: 30px;
  color: #fff;
  font-weight: 900;
  font-size: 1.8em;
  margin: 0;
  width: 60%;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 div.bouton {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cf602a;
  color: #fff;
  padding: 20px 30px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500;
  margin: 0 auto;
  width: 50%;
  display: none;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 20px solid rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover p {
  display: none;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover div.bouton {
  display: block;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover div.bouton:hover {
  background-color: transparent;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover div.bouton:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #272d2f;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6:not(.last):hover div.bouton:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #fff !important;
  background: #272d2f;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last {
  padding-top: 0;
  padding-left: 0;
  position: relative;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last {
  position: absolute;
  bottom: 0;
  left: 50px;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p {
  position: static;
  font-weight: 900;
  font-size: 2.5em;
  width: 100%;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.bleu {
  color: #00baef;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.orange {
  color: #cf602a;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.orange span {
  color: #00baef;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.bouton {
  font-size: 1em;
  margin-top: 25px;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.bouton a {
  background: #000;
  color: #fff;
  padding: 20px 30px;
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.5s ease;
}
.page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.bouton a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-realisations #nos_realisations {
  padding-top: 0;
}
.page-template-template-realisations #maison_temoin h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.page-template-template-realisations #maison_temoin #wrapper_visite {
  position: relative;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 {
  position: relative;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 .bg_visite {
  position: relative;
  background: url(../img/fond_visite_360_3_full.jpg) no-repeat center top / cover;
  height: 0;
  padding-bottom: 55%;
  width: 100%;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p {
  position: absolute;
  top: 50px;
  left: 50px;
  margin: 0;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.titre_visite {
  font-size: 2.5em;
  font-weight: 900;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.commencer_visite {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background: #cf602a;
  top: 120px;
  padding: 15px 25px;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.commencer_visite:hover {
  background-color: transparent;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.commencer_visite:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #00baef;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.commencer_visite:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #fff !important;
  background: #00baef;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 {
  background: #cf602a;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 26%;
  right: 0;
  padding: 0;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
  padding: 0 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.titre span {
  color: #000;
  font-weight: 900;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact {
  margin-top: 45px;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 25px;
  display: block;
  text-align: center;
  transition: all 0.5s ease;
}
.page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-realisations #ils_nous_ont_fait_confiance {
  padding-top: 25px;
  padding-bottom: 10px;
}
.page-template-template-realisations #ils_nous_ont_fait_confiance:after {
  display: none;
}
.page-template-template-realisations #ils_nous_ont_fait_confiance .wrapper .clearfix {
  margin-bottom: 10px;
}
/* SMALL SCREEN ONLY */
@media only screen and (min-width: 800px) and (max-width: 1100px) {
  .page-template-template-realisations #realisations_hautpage .col4 {
    width: calc(45.6% + 1.3%);
  }
  .page-template-template-realisations #realisations_hautpage .col8 {
    width: 48.8%;
    margin-right: 0;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p {
    font-size: 3vw;
  }
  .page-template-template-realisations #maison_passive .col3 {
    display: none;
  }
  .page-template-template-realisations #maison_passive .col9 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10%;
  }
}
/* SMALL SCREEN AND LOWER */
@media only screen and (max-width: 1100px) {
  .page-template-template-realisations #maison_temoin {
    margin-bottom: 50px;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-realisations #leaderboard_realisations .col4,
  .page-template-template-realisations #leaderboard_realisations .col8 {
    width: 100%;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage > .col6 {
    width: 100%;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage > .col6 .bg_actu {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage > .col6.last .bg_actu {
    padding-bottom: 30% !important;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage > .col6.last .bg_actu .inner_last {
    left: 0;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .ligne_bleue_left {
    display: none;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3,
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 {
    width: 100%;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.titre_visite {
    color: #fff;
    top: 100px !important;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 p.commencer_visite {
    top: 170px !important;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-realisations #leaderboard_realisations {
    overflow-x: hidden;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 div.bouton {
    width: 80%;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6 .bg_actu {
    background-size: contain;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .bg_actu {
    padding-bottom: 0;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last {
    left: 0;
    position: static;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.bleu {
    font-size: 2em;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .col6.last .inner_last p.orange {
    font-size: 2em;
  }
  .page-template-template-realisations #leaderboard_realisations #choix_realisations_hautpage .ligne_bleue_left {
    display: none;
  }
  .page-template-template-realisations #nos_realisations {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .page-template-template-realisations #nos_realisations .wrapper h2 {
    margin-top: 35px;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last {
    position: relative;
    margin-top: 100px;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last {
    position: static;
    bottom: 0;
    left: 50px;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p {
    position: static;
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    width: 100%;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.bleu {
    color: #00baef;
    margin: 0 0 0.3em 0;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.orange {
    color: #cf602a;
    margin: 0.3em 0;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.orange span {
    color: #00baef;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.bouton {
    font-size: 1em;
    margin-top: 25px;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.bouton a {
    background: #000;
    color: #fff;
    padding: 20px 30px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.5s ease;
  }
  .page-template-template-realisations #nos_realisations .wrapper.last .inner_last p.bouton a:hover {
    box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
    transform: translateY(10px);
  }
  .page-template-template-realisations #maison_temoin h2 {
    font-weight: 900;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 {
    position: static;
    width: 100%;
    float: left;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col3 .inner_maison_temoin {
    position: static;
    width: 100%;
    transform: none;
  }
  .page-template-template-realisations #maison_temoin #wrapper_visite .col9 .titre_visite {
    color: #fff;
  }
}
.single.single-realisation,
.single.single-projet {
  overflow-x: hidden;
}
.single.single-realisation #slider_galerie,
.single.single-projet #slider_galerie {
  overflow: visible;
  padding-bottom: 50px;
}
.single.single-realisation #slider_galerie:after,
.single.single-projet #slider_galerie:after {
  position: absolute;
  right: -50%;
  width: 100%;
  height: 40px;
  background: #81d4f5;
  top: 50px;
  content: '';
  z-index: -1;
}
.single.single-realisation #slider_galerie:before,
.single.single-projet #slider_galerie:before {
  position: absolute;
  left: -50%;
  width: 48%;
  height: 40px;
  background: #81d4f5;
  bottom: -50px;
  content: '';
  z-index: -1;
}
.single.single-realisation #slider_galerie .swiper-slide,
.single.single-projet #slider_galerie .swiper-slide {
  padding-bottom: 53.5%;
  /* Center slide text vertically */
  background-color: #cdd2d3;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.single.single-realisation #slider_galerie .swiper-slide.centered,
.single.single-projet #slider_galerie .swiper-slide.centered {
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}
.single.single-realisation #slider_galerie .swiper-pagination,
.single.single-projet #slider_galerie .swiper-pagination {
  padding: 15px;
  bottom: 0;
  width: auto;
  padding-left: 0;
  z-index: 10;
}
.single.single-realisation #slider_galerie .swiper-pagination .swiper-pagination-bullet,
.single.single-projet #slider_galerie .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
  border-radius: 0;
  width: 12px;
  height: 5px;
  outline: none !important;
  background-color: #272d2f;
  opacity: 1;
}
.single.single-realisation #slider_galerie .swiper-pagination .swiper-pagination-bullet-active,
.single.single-projet #slider_galerie .swiper-pagination .swiper-pagination-bullet-active {
  background: #00baef;
}
.single.single-realisation #slider_galerie .swiper-buttons,
.single.single-projet #slider_galerie .swiper-buttons {
  height: 50px;
  position: absolute;
  right: 0;
  left: auto;
  margin: 0;
  width: 110px;
  background-color: #272d2f;
  z-index: 10;
  bottom: 0;
}
.single.single-realisation #slider_galerie .swiper-buttons .swiper-button-next,
.single.single-projet #slider_galerie .swiper-buttons .swiper-button-next,
.single.single-realisation #slider_galerie .swiper-buttons .swiper-button-prev,
.single.single-projet #slider_galerie .swiper-buttons .swiper-button-prev {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 27px / 1.5 44px / 1.5;
  outline: none !important;
}
.single.single-realisation #slider_galerie .swiper-buttons .swiper-button-prev,
.single.single-projet #slider_galerie .swiper-buttons .swiper-button-prev {
  background-color: #272d2f;
  left: 0;
}
.single.single-realisation #slider_galerie .swiper-buttons .swiper-button-next,
.single.single-projet #slider_galerie .swiper-buttons .swiper-button-next {
  background-color: #272d2f;
  right: 0;
}
.single.single-realisation #slider_galerie .swiper-buttons:before,
.single.single-projet #slider_galerie .swiper-buttons:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: 12;
}
.single.single-realisation #content.singleprojet .col8,
.single.single-projet #content.singleprojet .col8 {
  width: calc(63.8% + 2.6% + 1.3%);
  margin-right: 0;
}
.single.single-realisation #content.singleprojet .col1,
.single.single-projet #content.singleprojet .col1 {
  width: 5.7%;
  margin: 0;
}
.single.single-realisation #informations p.titre,
.single.single-projet #informations p.titre {
  font-weight: 500;
  font-size: 1.2em;
}
.single.single-realisation #informations p.prix,
.single.single-projet #informations p.prix {
  font-weight: 500;
  font-size: 1.2em;
  color: #cf602a;
  margin-bottom: 0;
  margin-top: 5px;
}
.single.single-realisation #informations p.sous_titre,
.single.single-projet #informations p.sous_titre {
  font-weight: 500;
  font-size: 1.5em;
}
.single.single-realisation #informations p.sansmargintop,
.single.single-projet #informations p.sansmargintop {
  margin-top: 0;
}
.single.single-realisation #informations h1.titre,
.single.single-projet #informations h1.titre {
  font-weight: 500;
  font-size: 1.2em;
  text-transform: none;
  margin: 1em 0;
}
.single.single-realisation #informations h1.titre.sansmargintop,
.single.single-projet #informations h1.titre.sansmargintop {
  margin-top: 0;
}
.single.single-realisation #informations ul,
.single.single-projet #informations ul {
  list-style: none;
  margin-top: -10px;
  margin-bottom: 20px;
}
.single.single-realisation #informations ul li,
.single.single-projet #informations ul li {
  margin-bottom: 7px;
}
.single.single-realisation #informations ul li:before,
.single.single-projet #informations ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00baef;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: 0;
  /* Also needed for space (tweak if needed) */
}
.single.single-realisation #informations ul li a,
.single.single-projet #informations ul li a {
  color: #cf602a;
}
.single.single-realisation #informations .col4,
.single.single-projet #informations .col4 {
  margin: 0 0 15px;
  width: 33.33%;
}
.single.single-realisation #informations .col4 p,
.single.single-projet #informations .col4 p {
  margin: 0;
}
.single.single-realisation #informations .col4 p.intitule,
.single.single-projet #informations .col4 p.intitule {
  font-weight: 900;
}
.single.single-realisation #informations .col4 p.fond_vert span,
.single.single-projet #informations .col4 p.fond_vert span {
  background: #8dc27e;
  color: #fff;
  padding: 2px 6px;
  display: inline-block;
}
.single.single-realisation #informations .col3,
.single.single-projet #informations .col3 {
  width: calc(22.3% + 1.3%);
  margin-bottom: 15px;
  margin-left: 0;
  min-height: 50px;
}
.single.single-realisation #informations .col3 p,
.single.single-projet #informations .col3 p {
  margin: 0;
}
.single.single-realisation #informations .col3 p.intitule,
.single.single-projet #informations .col3 p.intitule {
  font-weight: 900;
}
.single.single-realisation #informations .col3 p.fond_vert span,
.single.single-projet #informations .col3 p.fond_vert span {
  background: #8dc27e;
  color: #fff;
  padding: 2px 6px;
  display: inline-block;
}
.single.single-realisation #informations .mise_en_avant_dune_piece .col6,
.single.single-projet #informations .mise_en_avant_dune_piece .col6 {
  margin: 0 0 20px;
  width: 48%;
}
.single.single-realisation #informations .mise_en_avant_dune_piece .col6:nth-child(even),
.single.single-projet #informations .mise_en_avant_dune_piece .col6:nth-child(even) {
  margin-right: 4%;
}
.single.single-realisation #informations .mise_en_avant_dune_piece .col6 .bg,
.single.single-projet #informations .mise_en_avant_dune_piece .col6 .bg {
  padding-bottom: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.single.single-realisation #informations .mise_en_avant_dune_piece .col6 p,
.single.single-projet #informations .mise_en_avant_dune_piece .col6 p {
  margin-top: 15px;
  font-weight: 100;
  font-size: 1.2em;
}
.single.single-realisation #informations .mise_en_avant_dune_piece .col6 p span,
.single.single-projet #informations .mise_en_avant_dune_piece .col6 p span {
  color: #cf602a;
}
.single.single-realisation #maison_temoin,
.single.single-projet #maison_temoin {
  width: calc(22.3% + 1.3%);
  margin-left: 0;
  margin-top: 25px;
}
.single.single-realisation #maison_temoin h2,
.single.single-projet #maison_temoin h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-bottom: 15px;
}
.single.single-realisation #maison_temoin #wrapper_visite,
.single.single-projet #maison_temoin #wrapper_visite {
  position: relative;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top {
  position: relative;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top .bg_visite,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top .bg_visite {
  position: relative;
  background: url(../img/fond_visite_360_3_full.jpg) no-repeat center bottom / cover;
  height: 0;
  padding-bottom: 57%;
  width: 100%;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top p,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top p {
  position: absolute;
  top: 30px;
  left: 20px;
  margin: 0;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top p.titre_visite,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top p.titre_visite {
  font-size: 2.5em;
  font-weight: 900;
  color: #fff;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top p.commencer_visite,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top p.commencer_visite {
  font-size: 0.85em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  top: 90px;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top p.commencer_visite a,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top p.commencer_visite a {
  display: block;
  padding: 15px 25px;
  background: #272d2f;
  transition: all 0.5s ease;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_top p.commencer_visite a:hover,
.single.single-projet #maison_temoin #wrapper_visite .ligne_top p.commencer_visite a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom {
  background: #cf602a;
  position: relative;
  /*top:0;
				bottom:0;
				width: 26%;
				right: 0;
				*/
  width: 100%;
  padding: 15px 0;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom:before,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom:before {
  content: '';
  background: #cf602a;
  top: 0;
  bottom: 0;
  width: 1000%;
  left: 100%;
  position: absolute;
  z-index: -1;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin {
  padding: 0 25px;
  /*
					position:absolute;
					left: 0;
					right: 0;
					top:50%;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);
					*/
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p {
  color: #fff;
  font-weight: 100;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.titre,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.titre {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
  margin-top: 0;
  font-weight: 500;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.titre span,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.titre span {
  color: #272d2f;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact {
  margin-top: 45px;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact > a,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact > a {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0 !important;
  display: block !important;
  text-align: center;
  font-size: 0.9em;
  font-weight: 400;
  transition: all 0.5s ease;
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact > a:hover,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.single.single-realisation #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.email,
.single.single-projet #maison_temoin #wrapper_visite .ligne_bottom .inner_maison_temoin p.email {
  font-size: 0.93em;
  white-space: nowrap;
}
.single.single-realisation #maison_temoin.showroom .logo_brouwers,
.single.single-projet #maison_temoin.showroom .logo_brouwers {
  margin-bottom: 25px;
}
.single.single-realisation #maison_temoin.showroom .logo_brouwers .col6.first,
.single.single-projet #maison_temoin.showroom .logo_brouwers .col6.first {
  margin-left: 0;
  margin-right: 2.6%;
}
.single.single-realisation #maison_temoin.showroom .logo_brouwers .col6 p,
.single.single-projet #maison_temoin.showroom .logo_brouwers .col6 p {
  margin: 5px 0 0 0;
  font-weight: 100;
  font-size: 1.1em;
}
.single.single-realisation #maison_temoin.showroom .logo_brouwers .col6 p strong,
.single.single-projet #maison_temoin.showroom .logo_brouwers .col6 p strong {
  display: block;
  clear: both;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .bg_visite,
.single.single-projet #maison_temoin.showroom #wrapper_visite .bg_visite {
  background-image: url(../img/fond_visite_showroom_right.jpg);
  padding-bottom: 220px !important;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite p.titre_visite,
.single.single-projet #maison_temoin.showroom #wrapper_visite p.titre_visite {
  color: #fff;
  line-height: 1em;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite p.commencer_visite,
.single.single-projet #maison_temoin.showroom #wrapper_visite p.commencer_visite {
  top: 130px;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p,
.single.single-projet #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p {
  font-weight: 400;
  margin: 0;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.titre,
.single.single-projet #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.titre {
  margin-bottom: 15px;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.tel,
.single.single-projet #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.tel {
  margin-top: 10px;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.contact,
.single.single-projet #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.contact {
  margin-top: 20px;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.contact a,
.single.single-projet #maison_temoin.showroom #wrapper_visite .inner_maison_temoin p.contact a {
  padding: 15px 25px;
  display: inline-block;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire {
  background: #272d2f;
  color: #fff;
  position: relative;
  padding: 25px;
  margin: 0;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire:before,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire:before {
  content: '';
  background: #272d2f;
  top: 0;
  bottom: 0;
  width: 1000%;
  left: 100%;
  position: absolute;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p {
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 500;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact {
  margin-top: 25px;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact > a,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact > a {
  background: #00baef;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  transition: all 0.5s ease;
}
.single.single-realisation #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact > a:hover,
.single.single-projet #maison_temoin.showroom #wrapper_visite .ligne_bottom_noire p.contact > a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
/* SMALL SCREEN */
@media only screen and (min-width: 800px) and (max-width: 1100px) {
  .single.single-projet #content .col1 {
    display: none;
  }
  .single.single-projet #content .col8 {
    width: 65%;
    padding-right: 2.7%;
  }
  .single.single-projet #content #maison_temoin {
    width: 29.3%;
  }
  .single.single-projet #informations .col3 {
    width: 49%;
    margin: 0 2% 15px 0;
  }
  .single.single-projet #informations .col3:nth-of-type(even) {
    margin-right: 0;
  }
}
/* END SMALL SCREEN */
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .single.single-realisation #content,
  .single.single-projet #content {
    /*
			#maison_temoin #wrapper_visite .ligne_bottom:before{
				//background:green;
				display: none;
			}
			*/
  }
  .single.single-realisation #content .col12,
  .single.single-projet #content .col12 {
    margin: 0;
    width: 100%;
  }
  .single.single-realisation #content .col8,
  .single.single-projet #content .col8 {
    margin: 0;
  }
  .single.single-realisation #content #slider_galerie:after,
  .single.single-projet #content #slider_galerie:after {
    display: none !important;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top p.titre_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top p.titre_visite {
    top: 50px !important;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top p.commencer_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top p.commencer_visite {
    top: 110px !important;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top .bg_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top .bg_visite {
    padding-bottom: 300px !important;
  }
}
/* MOBILE */
@media only screen and (max-width: 800px) {
  .single.single-realisation #breadcrumb p,
  .single.single-projet #breadcrumb p {
    text-align: left;
  }
  .single.single-realisation #content,
  .single.single-projet #content {
    overflow-x: hidden;
  }
  .single.single-realisation #content.singleprojet .col8,
  .single.single-projet #content.singleprojet .col8 {
    width: 100%;
  }
  .single.single-realisation #content.singleprojet .col8 #informations .col3,
  .single.single-projet #content.singleprojet .col8 #informations .col3 {
    float: left;
    width: 100%;
    min-height: 20px;
  }
  .single.single-realisation #content.singleprojet .col8 #informations .col3 p,
  .single.single-projet #content.singleprojet .col8 #informations .col3 p {
    text-align: right;
    display: inline-block;
    float: right;
  }
  .single.single-realisation #content.singleprojet .col8 #informations .col3 p.intitule,
  .single.single-projet #content.singleprojet .col8 #informations .col3 p.intitule {
    text-align: left;
    float: left;
  }
  .single.single-realisation #content .col8,
  .single.single-projet #content .col8 {
    width: 100%;
  }
  .single.single-realisation #content .col8 #informations .col4,
  .single.single-projet #content .col8 #informations .col4 {
    width: 100%;
    float: left;
  }
  .single.single-realisation #content .col8 #informations .col4 p,
  .single.single-projet #content .col8 #informations .col4 p {
    text-align: right;
    display: inline-block;
    float: right;
  }
  .single.single-realisation #content .col8 #informations .col4 p.intitule,
  .single.single-projet #content .col8 #informations .col4 p.intitule {
    text-align: left;
    float: left;
  }
  .single.single-realisation #content .mise_en_avant_dune_piece .col6,
  .single.single-projet #content .mise_en_avant_dune_piece .col6 {
    float: left;
  }
  .single.single-realisation #content #maison_temoin,
  .single.single-projet #content #maison_temoin {
    width: 100%;
    margin-bottom: 50px;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite {
    display: flex;
    flex-flow: column;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top {
    order: 3;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top .bg_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top .bg_visite {
    padding-bottom: 0;
    max-height: 200px;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top p.titre_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top p.titre_visite {
    top: 10px;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_top p.commencer_visite,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_top p.commencer_visite {
    top: 70px;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_bottom,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_bottom {
    order: 1;
  }
  .single.single-realisation #content #maison_temoin #wrapper_visite .ligne_bottom_noire,
  .single.single-projet #content #maison_temoin #wrapper_visite .ligne_bottom_noire {
    order: 2;
    margin-top: 30px;
  }
  .single.single-realisation #content #maison_temoin h2,
  .single.single-projet #content #maison_temoin h2 {
    font-weight: 900;
    font-size: 1.2em;
  }
  .single.single-realisation #content #maison_temoin h2 br,
  .single.single-projet #content #maison_temoin h2 br {
    content: ' ';
  }
  .single.single-realisation #content #maison_temoin h2 br:after,
  .single.single-projet #content #maison_temoin h2 br:after {
    content: ' ';
  }
  .single.single-realisation #nos_realisations .wrapper h2,
  .single.single-projet #nos_realisations .wrapper h2 {
    margin-top: 15px;
  }
}
.page-template-template-nosprojets {
  overflow-x: hidden;
}
.page-template-template-nosprojets #leaderboard {
  padding-top: 25px;
  background-size: 73% auto;
  background-position: right center;
  height: 60vh;
}
.page-template-template-nosprojets #leaderboard h1 {
  color: #000;
  text-transform: none;
  font-size: 3em;
  line-height: 1.05em;
  font-weight: 900;
  margin-top: 15px;
  transform: none !important;
}
.page-template-template-nosprojets #leaderboard h1 div {
  color: #cf602a;
  text-transform: none;
  font-size: 1em;
  line-height: 1.05em;
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 70px;
}
.page-template-template-nosprojets #leaderboard h1 div span {
  color: #000;
}
.page-template-template-nosprojets #leaderboard .col4.orange:after {
  content: '';
  position: absolute;
  left: -100%;
  bottom: 0;
  height: 50px;
  background: #cf602a;
  width: 100%;
  display: none;
}
.page-template-template-nosprojets #leaderboard .col4.orange a {
  font-size: 0.95em;
}
.page-template-template-nosprojets #leaderboard .wrapper_bottom {
  padding-bottom: 0;
}
.page-template-template-nosprojets #leaderboard .wrapper_bottom:before {
  content: '';
  background-color: #272d2f;
  height: 50px;
  width: 200%;
  z-index: 1;
  position: absolute;
  bottom: 50px;
  display: none;
}
.page-template-template-nosprojets #leaderboard .wrapper_bottom:after {
  background-color: #272d2f;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  content: '';
  z-index: -1;
  display: none;
}
.page-template-template-nosprojets #brouwers {
  background: #272d2f;
  padding: 100px 0 120px;
  margin-top: -50px;
}
.page-template-template-nosprojets #brouwers .col3 img {
  max-width: 100%;
  height: auto;
}
.page-template-template-nosprojets #brouwers .col8 h2 {
  text-transform: none;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 500;
}
.page-template-template-nosprojets #brouwers .col8 p {
  color: #fff;
  font-weight: 100;
  line-height: 1.5em;
}
.page-template-template-nosprojets #brouwers .col8 p.orange {
  color: #cf602a;
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 0;
}
.page-template-template-nosprojets #brouwers .col8 p.icones {
  margin-top: 10px;
}
.page-template-template-nosprojets #brouwers .col8 p a {
  background: #00baef;
  color: #ffff;
  padding: 10px;
  margin-left: 0;
  margin-right: 3px;
  float: left;
  width: 75px;
  height: 75px;
  display: inline-block;
  text-align: center;
  line-height: 55px;
  vertical-align: middle;
}
.page-template-template-nosprojets #brouwers .col8 p a img {
  width: auto;
  height: 35px;
  filter: invert(1);
  max-width: 60%;
}
.page-template-template-nosprojets #brouwers .col8 p a:hover {
  background: #81d4f5;
}
.page-template-template-nosprojets #vendre_bien {
  margin-top: -70px;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange {
  background: #cf602a;
  color: #fff;
  padding: 10px 50px 25px 75px;
  position: relative;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange:before {
  content: '';
  background: #cf602a;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 1000%;
  position: absolute;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange p {
  font-weight: 100;
  font-size: 1.2em;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange p:first-of-type strong {
  font-weight: 500;
  font-size: 1.5em;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange p a {
  background: #000;
  color: #fff;
  padding: 15px 0;
  display: block;
  text-transform: uppercase;
  font-size: 0.7em;
  text-align: center;
  font-weight: 500;
  transition: all 0.5s ease;
}
.page-template-template-nosprojets #vendre_bien .col5.fond_orange p a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-nosprojets #nos_projets_en_vente h2 {
  text-transform: none;
  font-weight: 900;
  line-height: 1em;
  font-size: 3em;
  margin-bottom: 25px;
  margin-top: -2em;
  pointer-events: none;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12:before {
  position: absolute;
  left: -100%;
  width: 110%;
  height: 40px;
  background: #81d4f5;
  top: 120px;
  content: '';
  z-index: -1;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.none:before {
  display: none;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12 #filter {
  font-weight: 500;
  line-height: 1em;
  font-size: 1em;
  margin-bottom: 25px;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12 #filter span {
  margin-right: 10px;
  display: inline-block;
  color: #000;
  cursor: pointer;
  padding: 7px 15px;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12 #filter span.active,
.page-template-template-nosprojets #nos_projets_en_vente .col12 #filter span:hover {
  background: #cf602a;
  color: #fff;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.aucunresultat {
  padding: 10px 0 25px;
  display: none;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.aucunresultat:before {
  display: none;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.aucunresultat.active {
  display: block;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.aucunresultat p a {
  background: #000;
  color: #fff;
  padding: 15px 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8em;
  text-align: center;
  font-weight: 500;
  transition: all 0.5s ease;
}
.page-template-template-nosprojets #nos_projets_en_vente .col12.aucunresultat p a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet {
  margin-bottom: 25px;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a {
  display: block;
  position: relative;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a .bg_projet {
  height: 0;
  width: 100%;
  padding-bottom: 53.33%;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a .en_savoir_plus {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50%;
  background: #272d2f;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: uppercase;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a:hover .bg_projet {
  opacity: 0.6;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a:hover .en_savoir_plus {
  display: block;
  z-index: 50;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet a:hover .en_savoir_plus:hover {
  background: #cf602a;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet p {
  font-weight: 900;
  margin: 0;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet p.prix {
  color: #cf602a;
  margin-top: 10px;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet p.prix span {
  color: #00baef;
}
.page-template-template-nosprojets #nos_projets_en_vente .col4.projet p.infos {
  color: #000;
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .page-template-template-nosprojets #leaderboard {
    min-height: auto;
    background-size: contain;
    background: none !important;
    padding-top: 0;
  }
  .page-template-template-nosprojets #leaderboard h1 {
    font-size: 1.8em;
    margin-top: 0;
  }
  .page-template-template-nosprojets #leaderboard h2 {
    font-size: 1.8em;
    margin-bottom: 25px;
  }
  .page-template-template-nosprojets #leaderboard .hideondesktop {
    display: block !important;
  }
  .page-template-template-nosprojets #leaderboard .hideonmobile {
    display: none !important;
  }
  .page-template-template-nosprojets #leaderboard #fond_leaderboard_mobile img {
    max-width: 100%;
    height: auto;
  }
  .page-template-template-nosprojets #leaderboard .wrapper_bottom .col4.orange {
    margin-top: 25px;
  }
  .page-template-template-nosprojets #vendre_bien {
    margin-bottom: 50px;
  }
  .page-template-template-nosprojets #vendre_bien .col5 {
    width: 100%;
  }
  .page-template-template-nosprojets #vendre_bien .col5.fond_orange {
    padding: 10px 25px 25px 25px;
  }
  .page-template-template-nosprojets #nos_projets_en_vente h2 {
    margin-top: 0;
  }
  .page-template-template-nosprojets #nos_projets_en_vente .col4.projet {
    width: 47.4%;
  }
  .page-template-template-nosprojets #nos_projets_en_vente .col12:before {
    top: 220px;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .page-template-template-nosprojets #leaderboard {
    min-height: auto;
    background-size: contain;
    background: none !important;
    padding-top: 0;
    height: auto;
  }
  .page-template-template-nosprojets #leaderboard h1 {
    font-size: 1.8em;
    margin-top: 0;
  }
  .page-template-template-nosprojets #leaderboard h1 div {
    margin-bottom: 25px;
  }
  .page-template-template-nosprojets #leaderboard h2 {
    font-size: 1.8em;
    margin-bottom: 25px;
    margin-top: 0;
  }
  .page-template-template-nosprojets #leaderboard #fond_leaderboard_mobile img {
    max-width: 100%;
    height: auto;
  }
  .page-template-template-nosprojets #leaderboard .wrapper_bottom .col4.orange {
    margin-top: 25px;
  }
  .page-template-template-nosprojets #brouwers > .wrapper > .col3 {
    margin-bottom: 50px;
  }
  .page-template-template-nosprojets #vendre_bien {
    overflow-x: hidden;
    margin-bottom: 50px;
  }
  .page-template-template-nosprojets #vendre_bien .col5.fond_orange {
    padding: 10px 25px 25px 25px;
  }
  .page-template-template-nosprojets #vendre_bien .col5.fond_orange p strong {
    font-size: 1em;
  }
  .page-template-template-nosprojets #vendre_bien .col5.fond_orange p a {
    font-size: 0.6em;
  }
  .page-template-template-nosprojets #nos_projets_en_vente h2 {
    margin-top: 0;
  }
  .page-template-template-nosprojets #nos_projets_en_vente .col12:before {
    top: 200px;
  }
}
.page-template-default header {
  height: 100%;
}
.page-template-default main {
  margin-top: 25px;
  margin-bottom: 25px;
}
.page-template-default main h2 {
  margin-top: 25px;
}
.page-template-default main h3 {
  margin-top: 25px;
}
.page-template-default main ul {
  list-style: none;
}
.page-template-default main ul li {
  margin-bottom: 7px;
}
.page-template-default main ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00baef;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: 0;
  /* Also needed for space (tweak if needed) */
}
.page-template-default main ul li a {
  color: #cf602a;
}
.page-template-default main p a {
  color: #cf602a;
}
.page-template-default main table {
  width: 100%;
  margin-bottom: 25px;
}
.page-template-default main table tr td {
  border: 1px solid #efefef;
  padding: 15px;
}
html body.page-template-template-form-portes-ouvertes {
  padding-top: 25px;
  padding-bottom: 25px;
}
html body.page-template-template-form-portes-ouvertes header {
  display: none;
}
html body.page-template-template-form-portes-ouvertes footer {
  display: none;
}
html body.page-template-template-form-portes-ouvertes h1 {
  font-weight: 900;
  text-transform: none;
  font-size: 2.8em;
  margin-bottom: 20px;
}
html body.page-template-template-form-portes-ouvertes ul.langswitcher {
  float: right;
  margin-right: 0;
  list-style-type: none;
  text-transform: uppercase;
  margin-top: 15px;
}
html body.page-template-template-form-portes-ouvertes ul.langswitcher li {
  font-weight: 400;
  display: inline-block;
  color: #797979;
  position: relative;
  margin-right: 8px;
  font-size: 0.9em;
}
html body.page-template-template-form-portes-ouvertes ul.langswitcher li:last-of-type {
  margin-right: 0;
}
html body.page-template-template-form-portes-ouvertes ul.langswitcher li.current-lang {
  color: #00baef;
}
html body.page-template-template-form-portes-ouvertes ul.langswitcher li.current-lang:after {
  position: absolute;
  content: '•';
  bottom: -12px;
  left: 6px;
}
html body.page-template-template-form-portes-ouvertes .acf-field-text .acf-label,
html body.page-template-template-form-portes-ouvertes .acf-field-email .acf-label,
html body.page-template-template-form-portes-ouvertes .acf-field-textarea .acf-label,
html body.page-template-template-form-portes-ouvertes .acf-field-number .acf-label {
  display: none;
}
html body.page-template-template-form-portes-ouvertes .acf-fields.-border {
  border: none;
}
html body.page-template-template-form-portes-ouvertes .acf-fields > .acf-field {
  padding: 0 0 25px 0;
  border-top: none;
}
html body.page-template-template-form-portes-ouvertes .acf-fields > .acf-field:last-child {
  padding: 0;
}
html body.page-template-template-form-portes-ouvertes .acf-required {
  display: none;
}
html body.page-template-template-form-portes-ouvertes .acf-field .acf-label {
  margin: 0 0 5px;
}
html body.page-template-template-form-portes-ouvertes .acf-field .acf-label label {
  font-weight: 400;
}
html body.page-template-template-form-portes-ouvertes .acf-input-append {
  height: 50px;
  font-size: 15px;
  line-height: 40px;
}
html body.page-template-template-form-portes-ouvertes .acf-field-group > .acf-label {
  display: none;
}
html body.page-template-template-form-portes-ouvertes .acf-checkbox-list li label {
  font-size: 1.1em;
}
html body.page-template-template-form-portes-ouvertes .acf-field .acf-notice.-error {
  margin: 0;
}
html body.page-template-template-form-portes-ouvertes .acf-button {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  float: left;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 0.9em;
  text-decoration: none;
}
html body.page-template-template-form-portes-ouvertes .acf-button:hover {
  background: #cf602a;
}
html body.page-template-template-form-portes-ouvertes a.button_style {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: -48px;
  font-weight: 500;
  font-size: 0.9em;
  text-decoration: none;
  float: left;
}
html body.page-template-template-form-portes-ouvertes a.button_style:hover {
  background: #cf602a;
}
html body.page-template-template-form-portes-ouvertes .etape_finale h2 {
  text-transform: none;
  color: #00baef;
  font-size: 2em;
  margin: 1.5em 0;
}
html body.page-template-template-form-portes-ouvertes .etape_finale a {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  float: left;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 0.9em;
}
html body.page-template-template-form-portes-ouvertes .etape_finale a:hover {
  background: #cf602a;
}
html body.page-template-template-form-portes-ouvertes form {
  width: 100%;
}
html body.page-template-template-form-portes-ouvertes form.post-password-form input[type=submit] {
  margin-top: 25px;
  border-radius: 0;
}
html body.page-template-template-form-portes-ouvertes form input {
  width: 100%;
  border: none;
  height: 50px;
  border-radius: 0;
  box-shadow: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=text] {
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=number] {
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=password] {
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=email] {
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=tel] {
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form input[type=checkbox] {
  width: auto;
  height: auto;
  margin-right: 7px;
  cursor: pointer;
}
html body.page-template-template-form-portes-ouvertes form input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 0;
  margin-top: -3px;
  cursor: pointer;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
}
html body.page-template-template-form-portes-ouvertes form textarea {
  width: 100%;
  padding: 15px;
  font-weight: 100;
  color: #000;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form select {
  width: 100%;
  padding: 15px;
  font-weight: 400;
  color: #999999;
  border: 1px solid #cdcdcd;
  height: 50px;
  border-radius: 0;
  background: #fff;
  font-size: 1em;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form select option {
  height: 30px;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form select option:first-of-type {
  color: #999999;
}
html body.page-template-template-form-portes-ouvertes form select option:not(:first-of-type) {
  color: #999999;
}
html body.page-template-template-form-portes-ouvertes form .acf-input span.selection .select2-selection {
  width: 100%;
  padding: 10px 5px;
  font-weight: 400;
  color: #999999;
  border: 1px solid #cdcdcd;
  height: 50px;
  border-radius: 0;
  background: #fff;
  font-size: 0.9em;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
html body.page-template-template-form-portes-ouvertes form .acf-input span.selection .select2-selection .select2-selection__arrow {
  height: 31px;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 29px;
}
html body.page-template-template-form-portes-ouvertes form .acf-input span.selection .select2-selection .select2-selection__arrow b {
  border-width: 9px 6px 0 6px;
}
html body.page-template-template-form-portes-ouvertes form .acf-field-select .acf-input {
  position: relative;
}
html body.page-template-template-form-portes-ouvertes form .acf-field-select .acf-input:after {
  content: '';
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #999999 transparent transparent transparent;
  position: absolute;
  right: 15px;
  top: 21px;
}
html body.page-template-template-form-portes-ouvertes form input[type=submit] {
  background: #272d2f;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 15px 25px;
  text-align: center;
  float: right;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 0.9em;
}
html body.page-template-template-form-portes-ouvertes form input[type=submit]:hover {
  background: #cf602a;
}
html body.page-template-template-form-portes-ouvertes form ::-webkit-input-placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form :-moz-placeholder {
  color: #999999;
  opacity: 1;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form ::-moz-placeholder {
  color: #999999;
  opacity: 1;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form :-ms-input-placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form ::-ms-input-placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
}
html body.page-template-template-form-portes-ouvertes form .acf-field-radio .acf-input label {
  font-size: 1.2em;
}
html body.page-template-template-form-portes-ouvertes form a {
  text-decoration: underline;
}
html body.page-template-template-form-portes-ouvertes form label {
  cursor: pointer;
}
html body.page-template-template-form-portes-ouvertes form span.wpcf7-list-item {
  margin: 0;
}
html body.page-template-template-form-portes-ouvertes form span.wpcf7-not-valid-tip {
  color: red;
  margin-top: 3px;
  margin-left: 1px;
  font-size: 0.9em;
}
html body.page-template-template-form-portes-ouvertes form span.demande-brochure span {
  color: #cf602a;
}
html body.page-template-template-form-portes-ouvertes form .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,
html body.page-template-template-form-portes-ouvertes form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
html body.page-template-template-form-portes-ouvertes form .col6 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  width: 100%;
}
html body.page-template-template-form-portes-ouvertes form .col6.last {
  float: right;
  margin-right: 0;
  margin-bottom: 0;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir {
  position: relative;
  padding: 15px 40px 20px 0;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir {
  background: #272d2f;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir p {
  color: #00baef;
  margin: 10px 0 5px;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir p span {
  color: #fff;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir p span.wpcf7-not-valid-tip {
  color: red;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir input[type=radio] {
  margin-left: 0;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir .wpcf7-list-item {
  display: block;
  clear: both;
  margin-bottom: 5px;
}
html body.page-template-template-form-portes-ouvertes form .wrapper_fond_noir .fond_noir:after {
  position: absolute;
  right: 0;
  width: 1000%;
  height: 100%;
  background: #272d2f;
  top: 0;
  content: '';
  z-index: -1;
}
html body main .wrapper.pagenotfound {
  min-height: 400px;
}
html body main .wrapper.pagenotfound h1 {
  margin-top: 50px;
  color: #00baef;
  font-size: 12em;
  text-align: center;
}
html body main .wrapper.pagenotfound h2 {
  margin-top: 25px;
  font-size: 1.5em;
  text-align: center;
}
html body main .wrapper.pagenotfound p {
  text-align: center;
  margin: 50px auto 80px;
}
html body main .wrapper.pagenotfound p.button a {
  display: inline-block;
  background: #00baef;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s ease;
}
html body main .wrapper.pagenotfound p.button a:hover {
  box-shadow: 0 18px 5px -10px rgba(68, 68, 68, 0.2);
  transform: translateY(10px);
}
footer {
  background-color: #272d2f;
  color: #fff;
  padding: 25px 0;
}
footer .wrapper .col.col6 {
  margin-left: 0;
  width: 48.5%;
}
footer .wrapper p {
  margin: 5px 0;
  font-size: 14px;
}
footer .wrapper p.bleu {
  color: #00baef;
}
footer .wrapper p a {
  color: #00baef;
}
footer .wrapper p a.blanc {
  color: #fff;
}
footer .wrapper .formulaire {
  margin: 15px 0;
}
footer .wrapper .formulaire form input {
  height: 50px;
  border: none;
  float: left;
}
footer .wrapper .formulaire form input[type=email] {
  width: 55%;
  padding: 10px;
  color: #999;
}
footer .wrapper .formulaire form input[type=submit] {
  background-color: #cf602a;
  text-transform: uppercase;
  width: 25%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0;
}
footer .wrapper .formulaire form .hideonfooter {
  display: none;
}
footer .wrapper .formulaire form button[type=submit] {
  background: #cf602a;
  color: #fff;
  text-transform: uppercase;
  width: 25%;
  height: 50px;
  border: none;
  padding: 0;
  float: left;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 1;
}
footer .wrapper .formulaire form button[type=submit]:hover {
  background-color: transparent;
}
footer .wrapper .formulaire form button[type=submit]:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
  background: #00baef;
}
footer .wrapper .formulaire form button[type=submit]:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0;
  z-index: -1;
  content: '';
  color: #000 !important;
  background: #00baef;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
footer .wrapper .formulaire form .mc4wp-response {
  float: right;
  text-align: left;
  display: inline-block;
  clear: both;
  width: 100%;
}
footer .wrapper .formulaire form .mc4wp-response .mc4wp-alert.mc4wp-error p {
  background: red;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  display: inline-block;
}
footer .wrapper .formulaire form .mc4wp-response .mc4wp-alert.mc4wp-success p {
  background: #09a927;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  display: inline-block;
}
footer .wrapper span.facebook {
  background-color: #04acdc;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  vertical-align: middle;
}
footer .wrapper span.facebook a {
  display: block;
}
footer .wrapper span.facebook a img {
  width: 15px;
  height: 30px;
}
footer .wrapper #footermenu {
  float: left;
}
footer .wrapper #footermenu li {
  display: inline-block;
  font-size: 13.5px;
  margin-right: 10px;
}
footer .wrapper #footermenu li:last-child {
  margin-right: 0;
}
footer .wrapper .col.col2.certifs {
  margin-right: 0;
  width: 15.3%;
}
footer .wrapper .col.col2.certifs img {
  height: 50px;
  width: auto;
  margin-right: 7px;
  margin-bottom: 7px;
}
footer .wrapper .col.col2.certifs img:last-child {
  margin-right: 0;
}
footer .wrapper #footerbottom,
footer .wrapper #footerbottom2 {
  border-top: 1px solid #595959;
  margin-top: 30px;
  padding-top: 25px;
  font-size: 13px;
}
footer .wrapper #footerbottom .floatright,
footer .wrapper #footerbottom2 .floatright {
  float: right;
}
footer .wrapper #footerbottom .floatright .bins,
footer .wrapper #footerbottom2 .floatright .bins {
  margin-left: 5px;
  width: 20px;
  height: 20px;
}
footer .wrapper #footerbottom .afterfooter,
footer .wrapper #footerbottom2 .afterfooter {
  display: inline-block;
}
@media only screen and (max-width: 1300px) {
  footer .wrapper .col.col2.certifs img {
    height: 35px;
  }
}
@media only screen and (min-width: 920px) and (max-width: 1100px) {
  footer .wrapper .col.col6 {
    width: 61%;
  }
  footer .wrapper .col.col2 {
    width: 16%;
  }
  footer .wrapper .col.col2.certifs {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 920px) {
  footer .wrapper .col.col6 {
    width: 100%;
  }
  footer .wrapper .col.col6 #footermenu {
    float: left;
    width: 100%;
    display: block;
  }
  footer .wrapper .col.col2 {
    width: 30%;
    margin-top: 20px;
    margin-left: 0;
  }
  footer .wrapper .col.col2.certifs {
    width: 32%;
    margin-top: 20px;
    margin-left: 1.3%;
  }
  footer .wrapper #footerbottom {
    display: flex;
    flex-flow: column;
  }
  footer .wrapper #footerbottom .floatright {
    order: 2;
    margin-top: 25px;
  }
  footer .wrapper #footerbottom .afterfooter {
    order: 1;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  footer .wrapper .col.col6 {
    margin-left: 0;
    width: 100%;
  }
  footer .wrapper .col.col2 {
    width: 50%;
    margin: 0;
    float: left;
  }
  footer .wrapper .col.col2 p {
    color: #fff;
  }
  footer .wrapper .formulaire form {
    width: calc(100% - 60px);
  }
  footer .wrapper .formulaire form input[type=email] {
    width: 70%;
    font-size: 14px;
    border-radius: 0;
  }
  footer .wrapper .formulaire form button[type=submit] {
    width: 30%;
    font-size: 12px;
  }
  footer .wrapper #footermenu {
    margin-bottom: 25px;
    display: none;
  }
  footer .wrapper #footermenu li {
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 7px;
  }
  footer .wrapper #footermenu li:nth-of-type(3n+3) {
    margin-right: 0;
  }
  footer .wrapper .col.col2.certifs {
    width: 100%;
    margin-top: 20px;
  }
  footer .wrapper #footerbottom {
    display: flex;
    flex-flow: column;
  }
  footer .wrapper #footerbottom .floatright {
    order: 2;
    margin-top: 25px;
  }
  footer .wrapper #footerbottom .afterfooter {
    order: 1;
  }
}
.mfp-fade-blue {
  background: rgba(0, 185, 242, 0.85);
  cursor: pointer;
}
.mfp-fade-blue .mfp-content {
  cursor: pointer;
}
.mfp-fade-blue #clk-popup {
  background: #fff;
  border-radius: 0;
  text-align: left;
  width: 80%;
  max-width: 1000px;
  margin: 40px auto 0;
  position: relative;
  color: #000;
  padding: 0;
  height: 70vh;
  max-height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: auto;
}
.mfp-fade-blue #clk-popup .mfp-close {
  font-family: 'proxima-nova';
  color: #fff;
  opacity: 1;
  width: auto;
  top: -50px;
  right: 0;
  padding-right: 40px;
  font-size: 17px;
}
.mfp-fade-blue #clk-popup .mfp-close span {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 40px;
  bottom: 0;
  pointer-events: none;
}
.mfp-fade-blue #clk-popup .mfp-close span:before,
.mfp-fade-blue #clk-popup .mfp-close span:after {
  width: 30px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
}
.mfp-fade-blue #clk-popup .mfp-close span:after {
  transform: rotate(-45deg);
}
.mfp-fade-blue #clk-popup .inner_clk_popup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  background: #272D2E;
  color: #fff;
  padding: 20px 30px 80px;
}
.mfp-fade-blue #clk-popup .inner_clk_popup p {
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}
.mfp-fade-blue #clk-popup .inner_clk_popup p.titre_lightbox {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 10px;
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox a {
  text-transform: uppercase;
  display: block;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  background: #cf602a;
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox a span {
  position: relative;
  z-index: 5;
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox a:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  z-index: 1;
  content: '';
  color: #000 !important;
  background: #00baef;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox a:hover {
  background-color: transparent;
}
.mfp-fade-blue #clk-popup .inner_clk_popup .texte_du_bouton_ligthbox a:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
/* TABLETTE */
@media only screen and (max-width: 768px) {
  .mfp-fade-blue .mfp-container {
    padding: 0;
  }
  .mfp-fade-blue .mfp-container #clk-popup {
    width: 80%;
  }
}
/* MOBILE */
@media only screen and (max-width: 640px) {
  .mfp-fade-blue .mfp-container {
    padding: 0;
  }
  .mfp-fade-blue .mfp-container #clk-popup {
    width: 100%;
    height: 40vh;
    margin: -220px auto 0;
  }
  .mfp-fade-blue .mfp-container #clk-popup .mfp-close {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .mfp-fade-blue .mfp-container #clk-popup .inner_clk_popup {
    width: 90%;
    margin: 0 auto;
    left: 5%;
    right: 5%;
    bottom: auto;
    top: 75%;
    padding: 0px 25px 65px;
  }
  .mfp-fade-blue .mfp-container #clk-popup .inner_clk_popup p.titre_lightbox {
    font-size: 21px;
    line-height: 24px;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  .wrapper {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper .col {
    font-style: normal;
    float: none;
    width: 100%;
    margin: 0;
  }
  .wrapper .col.col1,
  .wrapper .col.col2,
  .wrapper .col.col3,
  .wrapper .col.col4,
  .wrapper .col.col5,
  .wrapper .col.col6,
  .wrapper .col.col7,
  .wrapper .col.col8,
  .wrapper .col.col9,
  .wrapper .col.col10,
  .wrapper .col.col11,
  .wrapper .col.col12 {
    width: 100%;
    margin: 0 auto;
  }
  .calltoaction {
    font-size: 16px;
  }
  .hideondesktop {
    display: block !important;
  }
  .hideonmobile {
    display: none !important;
  }
  .swiper-container .swiper-pagination {
    display: none !important;
  }
  h2 {
    font-size: 6vw;
    line-height: 1.2em;
  }
  h3 {
    font-size: 5vw;
    line-height: 1.2em;
  }
  html body.home #logo_top {
    display: block;
  }
  html body #logo_top {
    margin: 15px;
  }
  html body #logo_top img {
    width: 65%;
    height: auto;
  }
  html body.fixed {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100vh;
  }
  html body #breadcrumb > * {
    display: none;
  }
  html body #leaderboard h1 {
    margin-top: 0;
    font-size: 3em;
  }
  html body #leaderboard #fond_leaderboard {
    width: 100vw;
  }
  html body #leaderboard #logo_top_home {
    display: none;
  }
  html body #leaderboard .wrapper_bottom {
    display: flex;
    flex-flow: column;
    padding-bottom: 50px;
  }
  html body #leaderboard .wrapper_bottom .col4 {
    order: 1;
  }
  html body #leaderboard .wrapper_bottom .col4.orange {
    order: 2;
    margin-top: 50px;
  }
  html body #leaderboard .wrapper_bottom:before {
    display: none;
  }
  html body #leaderboard .wrapper_bottom:after {
    display: none;
  }
  html body #actualites .col8 {
    width: 100%;
  }
  html body #actualites .col4 {
    width: 100%;
  }
  html body #actualites #newsletter .header_newsletter {
    height: 85px;
    padding-bottom: 25px;
  }
  html body #actualites #slider.swiper-container .swiper-slide .infos_actualite {
    padding: 20px;
  }
  html body #actualites #slider.swiper-container .swiper-slide .infos_actualite p.titre {
    font-size: 0.73em;
    min-height: 36px;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 {
    width: 50%;
    float: left;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 p.icone {
    min-height: 60px;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3 p.icone img {
    max-width: 50%;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .col3:nth-of-type(3) {
    clear: left;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience {
    position: static;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience p {
    font-size: 1.5em;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 #year_experience p span {
    font-size: 5em;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance {
    background-size: 100% auto;
  }
  html body #ils_nous_ont_fait_confiance .wrapper .line2 .bg_confiance .last_projet {
    float: left;
    width: 100%;
    margin-top: 30%;
  }
  html body #maison_passive .rangee_map {
    display: flex;
    flex-flow: column;
  }
  html body #maison_passive .rangee_map .col5 {
    order: 1;
    margin-top: -20px;
    margin-bottom: 40px;
  }
  html body #maison_passive .rangee_map .col6 {
    order: 2;
  }
  html body #maison_passive .rangee_map .col6 p.big {
    font-size: 7em;
  }
  html body #nos_realisations .wrapper #slider_realisations:before {
    top: 33%;
  }
  html body #nos_realisations .wrapper #slider_realisations #bg_fade_realisations {
    top: -16px;
  }
  html body #nos_realisations .wrapper #slider_realisations .swiper-buttons {
    left: auto;
    right: 0;
    bottom: -60px;
  }
  html body #breadcrumb {
    margin-top: 25px;
  }
}
#map-materials {
  position: relative;
  overflow: hidden;
}
#map-materials .box {
  display: flex;
  margin-bottom: 25px;
}
#map-materials .box .box-title {
  flex: 0 0 45%;
  padding-right: 69px;
}
#map-materials .box .box-title h2 {
  font-size: 40px;
  font-weight: 900;
  color: #272d2f;
  line-height: normal;
  text-transform: none;
}
#map-materials .box .box-text {
  flex: 0 0 55%;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  font-weight: 400;
}
#map-materials .box .box-text p {
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  font-weight: 400;
  margin: 0;
}
#map-materials .box-map-slider {
  background: #00baef;
  position: relative;
  padding: 25px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#map-materials .box-map-slider:before,
#map-materials .box-map-slider:after {
  content: "";
  background: #00baef;
  width: 56px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  z-index: 1;
}
#map-materials .box-map-slider:before {
  left: -55px;
}
#map-materials .box-map-slider:after {
  right: -55px;
}
#map-materials .box-map-slider .swiper {
  overflow: hidden;
  flex: 0 0 84.8%;
}
#map-materials .box-map-slider .swiper .swiper-wrapper {
  margin-top: -5px;
  height: auto;
}
#map-materials .box-map-slider .swiper .swiper-button-prev,
#map-materials .box-map-slider .swiper .swiper-button-next {
  background-color: #272d2f;
  background-image: none;
  width: 50px;
  height: 50px;
  margin-top: 0;
}
#map-materials .box-map-slider .swiper .swiper-button-prev-desktop,
#map-materials .box-map-slider .swiper .swiper-button-next-desktop {
  position: relative;
  top: 1px;
  left: 0;
  right: 0;
  display: inline-block;
}
#map-materials .box-map-slider .swiper .swiper-button-prev:before,
#map-materials .box-map-slider .swiper .swiper-button-next:before {
  content: "";
  display: block;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#map-materials .box-map-slider .swiper .swiper-button-prev {
  margin-right: 1px;
}
#map-materials .box-map-slider .swiper .swiper-button-prev:before {
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
}
#map-materials .box-map-slider .swiper .swiper-button-next:before {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
#map-materials .box-map-slider .swiper .swiper-pagination-desktop {
  position: relative;
  text-align: left;
  bottom: 0;
  display: flex;
  padding: 25px 0;
  max-width: 50%;
  gap: 0 10px;
}
#map-materials .box-map-slider .swiper .swiper-pagination-bullet {
  width: 10px;
  height: 5px;
  background: #000000;
  border: none;
  border-radius: 0;
  opacity: 1;
}
#map-materials .box-map-slider .swiper .swiper-pagination-bullet-active {
  background: #fff;
}
#map-materials .box-map-slider .swiper .swiper-slide .map-title {
  font-size: 26px;
  font-weight: 900;
  line-height: normal;
  color: #ffffff;
  text-transform: none;
  position: absolute;
  top: -40px;
  left: 127px;
  z-index: 999;
  flex: 0 0 100%;
}
#map-materials .box-map-slider .swiper .swiper-slide .map {
  position: relative;
  overflow: hidden;
}
#map-materials .box-map-slider .swiper .swiper-slide .map .image img {
  width: 100%;
}
#map-materials .box-map-slider .swiper .swiper-slide .map .pins {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin {
  display: block;
  width: 50px;
  height: 50px;
  transform: translate(-25px, -25px);
  background: transparent;
  border: 2px solid #00baef;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
#map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:hover,
#map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:focus,
#map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin.active {
  border: 6px solid #cf602a;
}
#map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #ffffff;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#map-materials .box-map-slider .map-default-text {
  flex: 0 0 15.2%;
  margin-top: 55px;
  padding-left: 1.75%;
}
#map-materials .box-map-slider .map-default-text .focus {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 900;
  text-align: center;
}
#map-materials .box-map-slider .map-default-text .focus span {
  font-size: 36px;
  line-height: 36px;
  display: block;
}
#map-materials .box-map-slider .map-default-text .desc {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  text-align: center;
}
#map-materials .box-map-slider .map-default-text .legend {
  display: flex;
  justify-content: center;
}
#map-materials .box-map-slider .map-default-text .legend .pin {
  display: block;
  width: 50px;
  height: 50px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 50%;
  position: relative;
}
#map-materials .box-map-slider .map-default-text .legend .pin:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#map-materials .detail-pin-group .pin {
  display: none;
}
#map-materials .detail-pin-group .pin.active {
  position: absolute;
  top: 100%;
  right: -55px;
  z-index: 5;
  background: #272d2f;
  width: 342px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-100%);
}
#map-materials .detail-pin-group .detail-pin-image {
  width: 254px;
  height: 254px;
  flex: 0 0 254px;
  display: block;
  margin: 0 30px;
  margin-top: -75px;
}
#map-materials .detail-pin-group .detail-pin-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}
#map-materials .detail-pin-group .detail-pin-title {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 900;
  padding: 25px 30px;
}
#map-materials .detail-pin-group .detail-pin-more a {
  background: #cf602a;
  display: block;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  padding: 14.8px 30px;
  position: relative;
}
#map-materials .detail-pin-group .detail-pin-more a:hover,
#map-materials .detail-pin-group .detail-pin-more a:focus {
  background: #6b6b6b;
}
#map-materials .detail-pin-group .detail-pin-more a.more {
  background: #cf602a;
}
#map-materials .detail-pin-group .detail-pin-more a.more .more_txt {
  display: inline-block;
}
#map-materials .detail-pin-group .detail-pin-more a.more .close_txt {
  display: none;
}
#map-materials .detail-pin-group .detail-pin-more a.more:after {
  content: "";
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  right: 55px;
  top: 40%;
  transform: translateY(-50%) rotate(45deg);
}
#map-materials .detail-pin-group .detail-pin-more a.close {
  background: #6b6b6b;
}
#map-materials .detail-pin-group .detail-pin-more a.close .more_txt {
  display: none;
}
#map-materials .detail-pin-group .detail-pin-more a.close .close_txt {
  display: inline-block;
}
#map-materials .detail-pin-group .detail-pin-more a.close:before,
#map-materials .detail-pin-group .detail-pin-more a.close:after {
  content: "";
  position: absolute;
  right: 65px;
  top: 50%;
  height: 20px;
  width: 1px;
  background-color: #ffffff;
}
#map-materials .detail-pin-group .detail-pin-more a.close:before {
  transform: translateY(-50%) rotate(45deg);
}
#map-materials .detail-pin-group .detail-pin-more a.close:after {
  transform: translateY(-50%) rotate(-45deg);
}
#map-materials .box-pins-accordion {
  background: #272d2f;
  position: relative;
  flex: 0 0 100%;
  width: 100%;
}
#map-materials .box-pins-accordion:before,
#map-materials .box-pins-accordion:after {
  content: "";
  width: 56px;
  display: block;
  background: #272d2f;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
#map-materials .box-pins-accordion:before {
  left: -55px;
}
#map-materials .box-pins-accordion:after {
  right: -55px;
}
#map-materials .box-pins-accordion .pin {
  display: none;
}
#map-materials .box-pins-accordion .pin.active {
  display: block;
}
#map-materials .box-pins-accordion .pin .titre {
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 900;
  display: none;
}
#map-materials .box-pins-accordion .pin .detail-pin {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
  gap: 30px;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile {
  display: none;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider {
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  width: calc(50% - 15px);
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 30px;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .detail-pin-slider-container {
  position: relative;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper {
  position: relative;
  overflow: hidden;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-slide {
  padding: 0 5px;
  height: auto;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-slide a {
  height: 100%;
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next,
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev {
  background-image: none;
  background: none;
  position: absolute;
  bottom: auto;
  top: 30%;
  transform: translateY(-30%);
  margin: 0;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next:before,
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev:before {
  content: "";
  display: block;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  padding: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next-inside--mobile,
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev-inside--mobile {
  display: none;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev {
  left: -45px;
  right: auto;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev:before {
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next {
  left: auto;
  right: -45px;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next:before {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-pagination {
  flex: 0 0 100%;
  position: relative;
  margin-top: 15px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  width: 10px;
  height: 5px;
  border: none;
  border-radius: 0;
  opacity: 1;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #00baef;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-text {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  flex: 0 0 calc(50% - 15px);
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-text p:first-child {
  margin-top: 0;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-btn {
  display: flex;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-btn a {
  background: #cf602a;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 20px;
}
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-btn a:hover,
#map-materials .box-pins-accordion .pin .detail-pin .detail-pin-btn a:focus {
  background: #dd8f69;
}
@media (max-width: 768px) {
  #map-materials .wrapper {
    width: 100%;
  }
  #map-materials .box {
    flex-wrap: wrap;
    padding: 0 10px;
  }
  #map-materials .box .box-title,
  #map-materials .box .box-text {
    flex: 0 0 100%;
  }
  #map-materials .box .box-title h2 {
    font-size: 25px;
    line-height: 32px;
  }
  #map-materials .detail-pin-group-desktop,
  #map-materials .map-default-text {
    display: none !important;
  }
  #map-materials .detail-pin-group-mobile {
    position: static;
  }
  #map-materials .detail-pin-group-mobile .detail-pin-more a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #map-materials .detail-pin-group-mobile .detail-pin-more a.close:before {
    display: none;
  }
  #map-materials .detail-pin-group-mobile .detail-pin-more a.close:after {
    content: "";
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 7px;
    position: absolute;
    right: 20px;
    top: 60%;
    transform: translateY(-50%) rotate(-135deg);
    height: auto;
    width: auto;
    background: none;
  }
  #map-materials .box-map-slider {
    padding: 0;
  }
  #map-materials .box-map-slider .swiper {
    flex: 0 0 100%;
  }
  #map-materials .box-map-slider .swiper .swiper-slide .map-title {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    padding: 15px 0;
  }
  #map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin {
    width: 23px;
    height: 23px;
    transform: translate(-11.5px, -11.5px);
  }
  #map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:before {
    width: 7px;
    height: 7px;
  }
  #map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:hover,
  #map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin:focus,
  #map-materials .box-map-slider .swiper .swiper-slide .map .pins .pin.active {
    border-width: 2px;
  }
  #map-materials .box-map-slider .swiper .swiper-button-prev,
  #map-materials .box-map-slider .swiper .swiper-button-next {
    z-index: 2;
  }
  #map-materials .box-map-slider .swiper .swiper-button-next {
    float: right;
  }
  #map-materials .box-map-slider .swiper .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    display: flex;
    justify-content: center;
    max-width: 100%;
    z-index: 1;
    width: 100%;
    gap: 10px;
  }
  #map-materials .box-pins-accordion:before,
  #map-materials .box-pins-accordion:after {
    content: "";
    display: block;
    width: 55px;
    background: #00baef;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  #map-materials .box-pins-accordion:before {
    left: -55px;
  }
  #map-materials .box-pins-accordion:after {
    right: -55px;
  }
  #map-materials .box-pins-accordion .pin {
    display: none ;
    border-bottom: 1px solid #ffffff;
    position: relative;
  }
  #map-materials .box-pins-accordion .pin:last-child {
    border: none;
  }
  #map-materials .box-pins-accordion .pin .titre {
    display: flex;
    background: #00baef;
    padding: 15px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
  }
  #map-materials .box-pins-accordion .pin .titre:before {
    content: "";
    background: white;
    height: 1px;
    position: absolute;
    transition: 0.25s ease-in-out;
    width: 20px;
    margin: 0;
    transform: translateY(-50%) rotate(0deg);
    top: 50%;
    right: 15px;
  }
  #map-materials .box-pins-accordion .pin .titre:after {
    content: "";
    background: white;
    width: 20px;
    height: 1px;
    position: absolute;
    margin: 0;
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
    right: 15px;
  }
  #map-materials .box-pins-accordion .pin .titre .titre-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin-right: 10px;
  }
  #map-materials .box-pins-accordion .pin .titre .titre-icon:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #ffffff;
    border-radius: 50%;
  }
  #map-materials .box-pins-accordion .pin .detail-pin {
    display: none;
    position: relative;
    z-index: 3;
    padding: 32px 0 0 0;
    gap: 10px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin:before {
    content: "";
    display: block;
    width: 120%;
    height: 100%;
    background: #272d2f;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: -10%;
    right: -10%;
  }
  #map-materials .box-pins-accordion .pin .detail-pin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -10%;
    right: -10%;
    z-index: -1;
    width: 120%;
    height: 140px;
    background: #00baef;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile {
    display: block;
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-image {
    margin-top: 0;
    margin: 0 auto;
    width: 80%;
    padding-top: 80%;
    position: relative;
    height: auto;
    flex: 0 0 auto;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-title {
    padding: 20px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-more a {
    padding: 14px 10px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-more a:before,
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-more a:after {
    right: 20px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider {
    display: none;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    order: 3;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .detail-pin-slider-container {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper {
    overflow: visible;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next,
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev {
    position: relative;
    top: 0;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    transform: none;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-next-inside--desktop,
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-button-prev-inside--desktop {
    display: none;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .swiper-pagination {
    margin: 0;
    flex: 0 0 auto;
    top: calc(100% + 40px);
    left: 0;
    right: 0;
    position: absolute;
    display: flex !important;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-slider .detail-pin-btn {
    position: relative;
    bottom: 0;
    flex: 0 0 100%;
    left: 0;
    transform: none;
    justify-content: center;
    margin-top: 15px;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-text {
    display: block !important;
    flex: 0 0 100%;
    order: 2;
    padding: 0 20px;
    height: 110px;
    overflow: hidden;
  }
  #map-materials .box-pins-accordion .pin .detail-pin .detail-pin-group-mobile .detail-pin-text:last-child {
    margin-bottom: 0;
  }
  #map-materials .box-pins-accordion .pin.active .detail-pin {
    top: 0;
    bottom: 0;
    padding-bottom: 54px;
  }
  #map-materials .box-pins-accordion .pin.active .titre:before {
    transform: translateY(-50%) rotate(-45deg);
  }
  #map-materials .box-pins-accordion .pin.active .titre:after {
    transform: translateY(-50%) rotate(45deg);
  }
}
.page-template-template-accueil #map-materials {
  margin-top: -15px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-accueil #map-materials {
    margin-top: -20px;
    margin-bottom: 30px;
  }
}
.page-template-template-votreprojet #map-materials {
  margin-top: 0;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-votreprojet #map-materials {
    margin-top: -20px;
    margin-bottom: 30px;
  }
}
.page-template-template-realisations #map-materials {
  margin-top: 25px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-realisations #map-materials {
    margin-top: 5px;
    margin-bottom: 0;
  }
}
.mfp-gallery .mfp-wrap {
  width: 100vw;
  height: 100vh;
  overflow: hidden !important;
}
.mfp-gallery .mfp-container {
  max-width: 730px;
  height: 80%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100vh;
  text-align: left;
  max-width: 60%;
  overflow: hidden;
  height: 80vh;
}
@media (max-width: 768px) {
  .mfp-gallery .mfp-container {
    max-width: 90%;
  }
}
.mfp-gallery .mfp-container:before {
  height: auto;
  max-height: 100vh;
}
.mfp-gallery .mfp-container .mfp-top-bar {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.mfp-gallery .mfp-container .mfp-top-bar .mfp-close {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  font-size: 0;
  width: 28px;
  height: 28px;
  opacity: 1;
  margin-right: 15px;
}
.mfp-gallery .mfp-container .mfp-top-bar .mfp-close:before {
  content: "";
  background: white;
  height: 3px;
  position: absolute;
  transition: 0.25s ease-in-out;
  width: 28px;
  margin: 0;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  left: 0;
}
.mfp-gallery .mfp-container .mfp-top-bar .mfp-close:after {
  content: "";
  background: white;
  height: 3px;
  position: absolute;
  transition: 0.25s ease-in-out;
  width: 28px;
  margin: 0;
  transform: translateY(-50%) rotate(-45deg) !important;
  top: 50%;
  right: 0;
}
.mfp-gallery .mfp-container .mfp-top-bar .mfp-title {
  padding-right: 0;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.mfp-gallery .mfp-container .mfp-content {
  width: 100%;
  margin-bottom: 15px;
  height: 90%;
}
.mfp-gallery .mfp-container .mfp-content .mfp-figure {
  height: 100%;
}
.mfp-gallery .mfp-container .mfp-content .mfp-figure:after {
  background: black;
  top: 40px;
  bottom: 0px;
}
.mfp-gallery .mfp-container .mfp-content .mfp-img {
  padding: 0;
  width: 100%;
  max-height: 90% !important;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% + 40px);
  transform: translateY(calc(-50% + -20px));
}
.mfp-gallery .mfp-container .mfp-arrow {
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin: 0;
  opacity: 1;
}
.mfp-gallery .mfp-container .mfp-arrow:before {
  margin: 0;
  border: none;
}
.mfp-gallery .mfp-container .mfp-arrow:after {
  margin: 0;
  opacity: 1;
}
.mfp-gallery .mfp-container .mfp-arrow-left:before,
.mfp-gallery .mfp-container .mfp-arrow-right:before {
  content: "";
  display: block;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  padding: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mfp-gallery .mfp-container .mfp-arrow-left:after,
.mfp-gallery .mfp-container .mfp-arrow-right:after {
  display: none;
}
.mfp-gallery .mfp-container .mfp-arrow-left:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.mfp-gallery .mfp-container .mfp-arrow-right:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mfp-gallery .mfp-container .mfp-pagination {
  display: inline-flex;
  float: right;
  margin-top: 10px;
}
.mfp-gallery .mfp-container .mfp-pagination .bullet {
  background: #ffffff;
  width: 10px;
  height: 5px;
  border: none;
  border-radius: 0;
  opacity: 1;
  margin: 0 5px;
  display: block;
  cursor: pointer;
}
.mfp-gallery .mfp-container .mfp-pagination .bullet.active {
  background: #00baef;
}
/*# sourceMappingURL=main.css.map */