@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);
@font-face {
  font-family: "ico iframe";
  src: url("../fonts/ico-iframe.eot");
  src: url("../fonts/ico-iframe.eot?#iefix") format("embedded-opentype"), url("../fonts/ico-iframe.woff") format("woff"), url("../fonts/ico-iframe.ttf") format("truetype"), url("../fonts/ico-iframe.svg#ico-iframe") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=icon-]:before {
  display: inline-block;
  font-family: "ico iframe";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icone-app-chauffage:before {
  content: "A";
}

.icon-icone-app-electricite:before {
  content: "B";
}

.icon-icone-app-ptrx-blanc:before {
  content: "C";
}

.icon-icone-app-vitrerie-blanc2:before {
  content: "D";
}

.icon-icone-app-electromenager-resize:before {
  content: "E";
}

.icon-icone-app-jardinage:before {
  content: "F";
}

.icon-ico-app-peinture:before {
  content: "G";
}

.icon-icone-app-serrurerie:before {
  content: "H";
}

.icon-icone-app-plomberie:before {
  content: "I";
}

.icon-main-d-oeuvre-good:before {
  content: "J";
}

.icon-deplacement-good:before {
  content: "K";
}

.icon-petites-fournitures:before {
  content: "L";
}

.icon-gros-materiel-good:before {
  content: "M";
}

.icon-depose-good:before {
  content: "N";
}

.icon-nettoyage-good:before {
  content: "O";
}

.icon-people:before {
  content: "P";
}

.icon-logo-picto:before {
  content: "Q";
}

.icon-logo-picto2:before {
  content: "R";
}

.icon-ico-app-peinture:before {
  content: "S";
}

.icon-retrait-dechets-verts:before {
  content: "T";
}

.icon-peinture-fournie:before {
  content: "U";
}

.metier-main-div strong {
  font-size: 13pt;
}

.separate-page-order-form h2 {
  font-size: 12pt;
  font-weight: 600;
  border-bottom: solid thin;
  margin-top: 30px;
}

.separate-page-order-form #md-confirmation-form {
  width: 100%;
  max-width: 800px;
  display: inline-block;
  text-align: left;
  font-size: 11pt !important;
}

.separate-page-order-form #md-confirmation-form div label.control-label, .separate-page-order-form #radiogroup, .separate-page-order-form #md-confirmation-form div div div.checkbox {
  font-size: 11pt !important;
  font-weight: 400;
}

.separate-page-order-form h1 {
  font-size: 18pt;
  margin-top: 40px;
  font-style: italic;
}
.separate-page-order-form a {
  color: #54c4ec;
}

.separate-page-order-form .payment-label {
  display: inline;
  cursor: pointer;
  font-weight: inherit;
  font-size: inherit;
}

.adwords-show-phone {
  color: #54c4ec;
  text-decoration: underline;
}

.maif-text {
  text-align: right;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12pt;
  margin-top: -20px;
}

.contact-order-call-btn {
  background: #54c4ec !important;
  margin-bottom: 10px !important;
}

.contact-order-call-btn:hover {
  background: #2d3134 !important;
}

.main-app-icones {
  width: 100%;
}

.main-app-icones a {
  margin-bottom: 10px;
}

.md-deployment > div {
  margin-top: 20px;
}

.details-link {
  margin-top: 10px;
}

.details-link a {
  color: #54c4ec;
  font-style: italic;
}

.md-deployment-div {
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.md-deployment-div > div {
  height: 100%;
  width: 100%;
  display: table;
}

.md-deployment-div > div > div {
  display: table-cell;
  vertical-align: middle;
}

.md-deployment-grey {
  background-color: rgba(0, 0, 0, 0.65);
}

.md-deployment-caption {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22pt;
  display: block !important;
}

.navbar-static-top {
  z-index: 1 !important;
}

.header-top {
  margin-bottom: 15px;
  padding: 0px;
}

.header-logo {
  background: #54c4ec;
  color: #ffffff;
  padding: 41px 23px 19px;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

.thumbnail-corps-de-metier {
  height: 400px;
  overflow: hidden;
}

.thumbnail-corps-de-metier div h2 {
  font-size: 18pt !important;
}

.thumbnail-corps-de-metier .caption {
  padding-right: 30px !important;
}

.blog-see-more {
  text-align: right;
}

.blog-see-more a {
  color: #54c4ec;
}

.depl-see-more {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-img-2 p {
  font-weight: 600;
  text-align: justify;
}

.depl-see-more a {
  color: #54c4ec;
}

.contact-box {
  float: right;
  text-align: right;
}

.contact-box-label {
  font-weight: 700;
  font-size: 24px;
  margin-top: 10px;
  text-transform: uppercase;
}

.contact-box-phone-a {
  display: block;
  color: #54c4ec;
  font-size: 26pt;
  font-weight: 800;
  line-height: 45px;
  letter-spacing: -1px;
  position: relative;
  padding-left: 38px;
}

.contact-box-phone-a:before {
  position: absolute;
  content: "";
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 40pt;
  color: #c9c9c9;
  top: -5px;
  left: 0;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contact-box-phone-a:hover:before {
  color: #54c4ec;
  font-size: 50pt;
}

.contact-box-phone-a:hover {
  text-decoration: none;
}

.contact-order-btn {
  padding: 10px;
  background: #EC5454;
  font-size: 16pt;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.5px;
  position: relative;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-align: left;
  text-transform: lowercase;
  display: block;
}

.contact-order-btn:hover {
  text-decoration: none;
  color: white;
  background: #2d3134;
}

.btn-link {
  color: #ffffff;
  position: absolute;
  right: 25px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fa-angle-right:before {
  content: "";
  font-family: "FontAwesome";
}

.stuck_container {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.stuck_container .container {
  padding: 0px;
}

.navbar-default {
  background-color: transparent;
  font-family: "Raleway", sans-serif;
  font-size: 12pt;
  font-weight: 700;
  color: #2d3134;
  text-transform: uppercase;
  margin-bottom: 0;
}

.navbar-default .navbar-nav > li {
  padding: 4px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.navbar-default .navbar-nav > li > a {
  color: #2d3134;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #2d3134;
}

.main-img-container {
  background-image: url("../img/main-bg-1.jpg");
  background-size: cover;
  height: 550px;
  background-position: center;
  position: relative;
}

.main-caption {
  display: inline-block;
  color: #ffffff;
  background: rgba(84, 196, 236, 0.9);
  font-size: 18pt;
  font-weight: 900;
  padding: 30px;
}

.main-caption strong {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-types {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding-top: 70px;
  font-weight: 900;
  font-size: 16pt;
  text-transform: uppercase;
}

.main-types a, .main-types span {
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  margin: 7px;
}

.main-types a:hover {
  color: white;
}

.thumbnail-main {
  position: relative;
  padding: 0;
  border-radius: 0;
  border: none;
  transition: 0.3s;
}

.thumbnail-main .caption {
  padding: 5px 30px 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  text-align: left;
  color: white;
  font-style: normal;
}

.thumbnail-main .caption h2 {
  font-weight: 900;
  font-size: 21pt;
  text-transform: uppercase;
}

.thumbnail-main .caption a h2 {
  color: #ffffff;
}

.bg-plom {
  background: rgba(15, 96, 126, 0.8);
}

.bg-elec {
  background: rgba(184, 127, 18, 0.8);
}

.bg-vitr {
  background: rgba(35, 3, 73, 0.8);
}

.bg-serr {
  background: rgba(48, 166, 7, 0.8);
}

.bg-chau {
  background: rgba(161, 61, 6, 0.8);
}

.bg-elmg {
  background: rgba(191, 8, 99, 0.8);
}

.list-partners {
  width: 100%;
  overflow: hidden;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.list-partners ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.list-partners li {
  float: left;
}

.list-partners ul li img {
  height: 50px;
  margin-right: 10px;
}

.thumbnail-main-link {
  color: #ffffff;
  position: absolute;
  right: 25px;
  bottom: 10px;
  font-size: 36pt;
}

.thumbnail-sub-link {
  bottom: 3px !important;
}

.thumbnail-main-link:hover {
  text-decoration: none;
}

.thumb-shadow:hover {
  box-shadow: 9px 13px 26px -8px #2d3134;
}

.main-img-2 {
  background-image: url("../img/main-bg-2.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-img-3 {
  background-image: url("../img/main-img-3.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 20px;
}

.main-img-3 .container h2 {
  text-align: center;
}

.how-it-works-div {
  background-color: #ffffff;
  text-align: center;
  padding: 20px;
  position: relative;
  padding-top: 40px;
  margin-top: 30px;
}

.how-it-works-div img {
  height: 70px;
  width: auto;
}

.how-it-works-div .step {
  position: absolute;
  background-color: #54c4ec;
  padding: 20px;
  border-radius: 50px;
  height: 70px;
  width: 70px;
  color: #ffffff;
  font-weight: 900;
  top: -35px;
  left: 40%;
}

.presentation-h2-3 {
  color: #474848;
  border-top: 1px solid #474848;
  text-transform: uppercase;
  font-size: 32pt;
  text-align: center;
  padding-top: 30px;
}

.presentation-h2 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 32pt;
}

.presentation-h2-2 {
  color: #54c4ec;
  text-transform: uppercase;
  font-size: 32pt;
}

.main-qualities {
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  font-size: 18pt;
  text-shadow: 2px 1px #757373;
  margin: 20px;
}

.howitworks {
  height: 115px;
  display: table;
}

.howitworks div {
  display: table-cell;
  vertical-align: middle;
  font-size: 16pt;
}

.howitworks-div div div {
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #616060;
  font-weight: 900;
}

.section-gray {
  background-color: #f2f2f2;
}

footer {
  background-color: #f2f2f2;
}

.navbar-footer, .nav-footer-message {
  font-size: 12pt;
}

.nav-footer-message {
  padding-top: 6px;
}

.navbar-footer ul li a {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.navbar-footer ul li a:hover {
  background-color: inherit !important;
  text-decoration: underline;
}

.nopadding-right {
  padding-right: 0px !important;
}

.nopadding-left {
  padding-left: 0px !important;
}

.navbar-footer ul li.active a {
  color: #2d3134 !important;
}

.social-links li a i {
  color: #2d3134;
}

.bottom-search-input {
  background-color: #ffffff;
  border-color: #828c98;
  color: #2d3134;
}

.bottom-search-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #e3e3e3;
  font-style: italic;
}

.bottom-search-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #e3e3e3;
  opacity: 1;
  font-style: italic;
}

.bottom-search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e3e3e3;
  opacity: 1;
  font-style: italic;
}

.bottom-search-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #e3e3e3;
  font-style: italic;
}

.bottom-search-button {
  background-color: #828c98;
  border-color: #828c98;
  color: #ffffff;
  height: 34px;
}

.md-fixed-nav {
  top: 0px;
  visibility: visible;
  position: fixed;
  width: 100%;
  margin-top: 0px;
  z-index: 1;
  background-color: #ffffff;
}

.navbar-md {
  border: none !important;
}

@media (min-width: 767px) {
  .contact-box {
    min-width: 270px;
  }

  .navbar-header {
    display: none;
  }

  .main-caption {
    position: absolute;
    left: 21.4%;
    top: 35%;
    min-width: 300px;
  }

  .main-app-icones {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .main-app-icones a {
    display: inline-block;
  }

  .main-caption strong {
    font-size: 42pt;
  }
}
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }

  .main-caption strong {
    font-size: 30pt;
  }

  .main-app-icones {
    text-align: center;
  }

  .main-app-icones a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }

  .main-app-icones a {
    max-width: 40%;
    height: auto;
  }

  .stuck_container {
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: none !important;
  }

  .stuck_container .container {
    padding: 0;
  }

  .navbar-md {
    width: 100%;
    border: none;
  }

  .navbar-collapse {
    background-color: #ffffff;
  }

  .navbar-toggle {
    background-color: #ffffff;
  }

  #top-header .container {
    padding: 0px;
  }

  .header-logo {
    width: 100%;
    padding: 10px;
    height: 77px;
    position: relative;
  }

  .header-logo a {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
  }

  .header-logo a img {
    height: 55px;
    width: auto;
  }

  .contact-box {
    padding-right: 15px;
  }

  .main-caption {
    width: 100%;
  }

  .presentation-h2, .presentation-h2-2, .presentation-h2-3 {
    font-size: 20pt !important;
  }

  .thumbnail-main .caption h2 {
    font-size: 18pt !important;
  }

  .case-sub-title {
    margin-top: 20px;
  }
}
@font-face {
  font-family: ThinSkinned;
  src: url(../fonts/ThinSkinned.ttf);
}
@font-face {
  font-family: Avenir;
  src: url(../fonts/avenir/AvenirLTStd-Light.otf);
}
@font-face {
  font-family: Avenir;
  src: url(../fonts/avenir/AvenirLTStd-Medium.otf);
  font-weight: 600;
}
@font-face {
  font-family: Avenir;
  src: url(../fonts/avenir/AvenirLTStd-Heavy.otf);
  font-weight: bold;
}
@font-face {
  font-family: Avenir;
  src: url(../fonts/avenir/AvenirLTStd-Heavy.otf);
  font-weight: 700;
}
html, body {
  height: 100%;
}

#wrap {
  min-height: 91%;
}

#main {
  overflow: auto;
  padding-bottom: 200px;
  /* this needs to be bigger than footer height*/
}

footer {
  /*  position: relative;
  margin-top: -64px;
  clear:both;
  padding-top:20px; */
}

body {
  font-family: Avenir, "Lora", "Times New Roman", serif;
  font-size: 20px;
  color: #2d3134;
  margin: 0px;
}

.case-header {
  background: rgba(84, 196, 236, 0.9);
  padding: 15px;
}

.case-order-btn-div {
  text-align: right;
}

.case-order-btn-div .contact-order-btn {
  display: inline-block !important;
  padding-right: 50px;
  padding-left: 20px;
  box-shadow: 9px 13px 26px -8px #2d3134;
}

.case-page {
  margin-top: 20px;
  margin-bottom: 20px;
}

.case-notice {
  font-size: 11pt;
  margin-top: 10px;
}

.case-description {
  font-size: 12pt;
  color: #5A5B5B;
}

.case-header h1 {
  text-transform: uppercase;
  font-size: 22pt;
  margin-top: 5px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
}

.tarif {
  color: #ffffff;
  text-align: right;
  font-size: 14pt;
}

.tarif-hr {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: -2px;
  margin-right: -2px;
}

.tarif-icones {
  margin-top: 20px;
  text-align: center;
}

.tarif-bold {
  font-weight: bold;
  display: block;
}

.tarif-details {
  color: #ffffff;
}

.case-header-label {
  color: #2d3134;
  font-size: 14pt;
  font-weight: 700;
  text-transform: uppercase;
}

.case-included {
  display: inline-block;
  width: 75px;
}

.case-included img {
  max-width: 65px;
}

.case-included div {
  font-size: 9pt !important;
}

.case-sub-title {
  text-transform: uppercase;
  font-size: 18pt;
  color: #54c4ec;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .tarif-details {
    margin-bottom: 20px;
  }

  .case-header {
    min-height: 460px;
  }

  .case-header h1 {
    min-height: 65px;
  }

  .case-img-wrap {
    height: 460px;
    overflow: hidden;
  }

  .case-img-wrap img {
    height: 460px;
    max-width: inherit !important;
    width: auto;
  }
}
.cdm-image {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #ffffff;
  font-size: 44pt;
  text-transform: uppercase;
  background-position: center;
}

.subcategory-cases .case-list li, .category-cases .case-list li {
  margin-bottom: 10px;
}

.category-cases .case-list li .contact-order-btn, .subcategory-cases .case-list li .contact-order-btn {
  height: 50pt;
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
  font-size: 12pt;
  padding-right: 30px;
  padding-top: 0;
  padding-bottom: 0;
  border: solid 1px #54c4ec;
  color: #616161;
  font-weight: 400;
}

.category-cases .case-list li .fa-angle-right, .subcategory-cases .case-list li .fa-angle-right {
  color: #616161;
}

.category-cases .case-list li, .subcategory-cases .case-list li {
  display: table !important;
}

.category-cases .case-list li .contact-order-btn:hover, .subcategory-cases .case-list li .contact-order-btn:hover {
  background: white;
  border: solid 1px #EC5454;
  color: #ffffff;
}

.category-cases .case-list li .contact-order-btn:hover .fa-angle-right, .subcategory-cases .case-list li .contact-order-btn:hover .fa-angle-right {
  color: #ffffff;
}

.metier-main-div div .case-list li {
  width: 100%;
  float: none;
}

.metier-main-div div .case-list li .contact-order-btn {
  padding-right: 30px !important;
  font-size: 14pt !important;
  margin-bottom: 10px !important;
  margin-top: 5px !important;
  background: #54c4ec;
}

.subcategory-cases .case-list li .contact-order-btn:hover, .category-cases .case-list li .contact-order-btn:hover, .metier-main-div div .case-list li .contact-order-btn:hover {
  background: #EC5454;
}

.node-corps-de-metier header {
  padding: 20px;
  background-color: #54c4ec;
}

.node-corps-de-metier header h1 {
  font-size: 24pt;
  text-transform: uppercase;
  padding: 0px !important;
  margin: 0;
  color: #ffffff;
}

.metier-main-div h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.metier-main-div .case-order-btn-div {
  margin-top: 20px;
}

.landing-h2 {
  text-transform: uppercase;
  font-size: 18pt;
  font-weight: 900;
  margin-top: 10px;
}

.metier-pre-text-div h2 {
  font-size: 14pt;
  font-weight: 600;
}

.sub-corps-de-metier h1 {
  color: #54c4ec !important;
}

.sub-corps-de-metier {
  padding-left: 0 !important;
}

.main-engaigement {
  text-align: center;
  min-height: 50pt;
}

.main-engaigement i {
  color: #54c4ec;
  font-size: 46pt;
}

.main-engaigement span {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11pt;
  margin-top: 12pt;
  display: block;
  text-align: left;
}

.section-engaigement {
  padding: 20px;
}

.slick-slider {
  margin-bottom: 70px !important;
}

.slick-slide {
  min-height: 320px !important;
  margin: 20px !important;
  border-bottom: 3px solid #54c4ec;
}

.front-feedback-title {
  text-align: right;
  font-size: 10pt;
  font-weight: bold;
}

.landing-h1 {
  text-transform: uppercase;
  color: #00AAFF;
  font-size: 24pt;
  font-weight: 900;
}

.landing-action {
  color: #ff8707;
  font-weight: 900;
  font-size: 14PT;
}

.landing-sub-title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14pt;
  color: #034A59;
}

.landing-action-btn {
  background-color: #ff8707;
  color: white;
  font-weight: 900;
  font-size: 18pt;
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 20px;
}

@media (min-width: 768px) {
  .metier-d-l {
    margin-top: 10px;
  }

  .metier-d-l a {
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    font-size: 16pt;
  }
}
.content-section-a {
  padding: 50px 0;
  background-color: #f8f8f8;
}

.content-section-b {
  padding: 50px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.section-heading-spacer {
  float: left;
  width: 200px;
  border-top: 3px solid #e7e7e7;
}

.section-heading-main {
  margin-bottom: 30px;
  font-weight: 700;
}

.lead {
  font-size: 18px;
  font-weight: 400;
}

.portfolio-box {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background: rgba(17, 192, 255, 0.9);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 26px;
  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.bg-primary {
  color: #fff;
  background-color: #54c4ec !important;
}

/* ===================================================================*/
.to-sub-category-link {
  display: table;
}

.to-sub-category-link a:hover {
  color: white;
}

.to-sub-category-link a {
  height: 50px;
  background-color: #54c4ec;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  text-decoration: none;
  font-weight: 800;
  width: 100%;
  border-radius: 5px;
}

.section-title .glyphicon-question-sign {
  color: #ccc;
}

.ui-tooltip {
  font-size: 12pt !important;
}

.case-feedback-note {
  font-size: 25pt !important;
  color: #5cb85c;
  font-weight: 600;
  text-align: center;
}

.case-feedback-div {
  margin-bottom: 30px;
  font-size: 12pt;
}

.case-feedbcak-rating, .case-feedbcak-rating .star-rating, .case-feedbcak-rating .star-rating .rating-container {
  font-size: 12pt !important;
}

.case-feedback-head {
  color: #999;
  font-style: italic;
}

.case-feedback-signature {
  color: #999;
  font-style: italic;
  text-align: right;
}

.miniblog-auth-name {
  font-size: 20pt;
}

.miniblog-auth-desc {
  margin-top: 20px;
  font-style: italic;
}

.subcategory-pages .case-list li {
  padding: 5px;
  width: 33% !important;
}

.subcategory-pages .case-list li a {
  height: 50px;
  background-color: #54c4ec;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  text-decoration: none;
  font-weight: 800;
}

@media only screen and (min-width: 767px) {
  .subcategory-cases .case-list li:nth-child(odd), .category-cases .case-list li:nth-child(odd) {
    padding-right: 15px;
  }

  .subcategory-cases .case-list li:nth-child(even), .category-cases .case-list li:nth-child(even) {
    padding-left: 15px;
  }

  .headerButtonsRow {
    width: 150px;
    margin-left: 20px;
  }

  .headerSecondButton {
    margin-top: 20px;
  }

  .headerFirstButton {
    margin-top: 40px;
  }

  .headerBlogFirstButton {
    margin-top: 30px;
  }

  .page-head-small-logo-area {
    height: 85px;
  }

  .page-head-small-logo-area div div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
}
.comment-notice {
  font-size: 11pt;
  font-style: italic;
}

.blog-banner {
  margin-top: 20px;
}

.blog-banner a img {
  width: 100%;
}

/* front lille*/
.relDiv {
  position: relative;
}

.lancement_feu_gauche {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 15%;
}

.lancement_feu_droite {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 15%;
}

.front-ruban-gauche {
  background-image: url("../img/front/ruban_gauche.png");
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-x: left;
  background-size: 100% 100%;
  color: white;
  text-align: left;
  padding-left: 30px;
  padding-right: 40px;
  font-size: 18pt;
  padding-top: 30px;
  max-width: 480px;
  width: 100%;
}

.front-ruban-droite {
  background-image: url("../img/front/ruban_droite.png");
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-x: right;
  background-size: 100% 100%;
  padding-left: 30px;
  padding-top: 30px;
  color: white;
  text-align: right;
  padding-right: 40px;
  font-size: 18pt;
  padding-top: 30px;
  max-width: 480px;
  width: 100%;
  display: inline-block;
}

.front-ruban-big {
  font-size: 30pt;
  font-weight: 800;
  line-height: 2;
}

.front-ruban-big img {
  vertical-align: top;
  height: 40pt;
}

.front-lille-marg {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 80px;
}

#lille-logo {
  max-width: 100%;
}

@media only screen and (max-width: 1170px) {
  .front-ruban-droite, .front-ruban-gauche {
    font-size: 14pt !important;
  }

  .front-ruban-big {
    font-size: 20pt !important;
  }

  .front-ruban-big img {
    height: 30pt !important;
  }
}
@media only screen and (max-width: 767px) {
  .front-lille-marg {
    margin-top: 0px !important;
  }

  .front-ruban-droite, .front-ruban-gauche {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 120px !important;
  }

  #lille-logo {
    max-width: 80% !important;
  }

  .page-head-small-logo-area {
    margin-top: 50px;
  }

  .page-head-small-logo-area div div {
    text-align: center;
  }
}
/*end fornt lille */
.metier-mfc {
  text-align: center;
  font-weight: 600;
  color: #11c0ff;
  margin-bottom: 15px;
}

.blog-categ-table-div {
  display: table;
  min-height: 425px;
}

.front-buttons {
  max-width: 900px;
  margin: auto;
}

.blog-categ-table-cell-div {
  display: table-cell;
  vertical-align: middle;
  font-family: ThinSkinned;
  /*color : white;*/
  text-align: center;
  font-size: 40pt;
}

.miniblog-page-img {
  height: 200px;
  float: left;
  margin-right: 20px;
}

a img {
  border: none;
}

.br-art {
  padding: 0px;
  font-size: 14px;
}

.section-title {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.view-blog-start-page h1 {
  text-align: center;
}

.visiter-le-blog {
  text-align: center;
}

#md-question-form div.md-response-item:nth-child(odd) {
  background-color: #84ddee;
}

#md-question-form div.md-response-item:nth-child(even) {
  background-color: #daf7fd;
}

#md-question-form div.md-response-item {
  text-align: center;
}

#md-question-form div.md-response-item input {
  display: none;
}

#md-question-form div.md-response-item label {
  display: inline-block !important;
  width: 100%;
  padding: 10px;
}

.breadcrumbs div {
  display: inline-block;
}

.breadcrumbs div {
  margin-bottom: 10px;
}

.breadcrumbs, .breadcrumbs div, .breadcrumbs div a {
  color: #11c0ff;
}

#logo {
  width: 70%;
  max-width: 500px;
}

.site-heading-blog #logo {
  width: 80%;
  max-width: 700px;
}

.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: inherit !important;
  background-color: inherit !important;
}

a {
  color: #404040;
}

a:hover,
a:focus {
  color: #0085a1;
}

blockquote {
  color: #808080;
  font-style: italic;
}

hr.small {
  max-width: 100px;
  margin: 15px auto;
  border-width: 4px;
  border-color: white;
}

.navbar-custom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-custom .navbar-brand {
  font-weight: 800;
}

.navbar-custom .nav li a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
}

#footer-menu li a {
  padding: 0 !important;
  padding-right: 15px !important;
}

@media only screen and (min-width: 768px) {
  .navbar-custom {
    background: transparent;
    border-bottom: 1px solid transparent;
  }

  .navbar-custom .navbar-brand {
    color: white;
    padding: 20px;
    display: none;
  }

  .navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.8);
  }

  .navbar-custom .nav li a {
    color: white;
    padding: 20px;
  }

  .navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media only screen and (min-width: 1170px) {
  .navbar-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .navbar-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -61px;
    background-color: rgba(84, 193, 234, 0.9);
    border-bottom: 1px solid #54c1ea;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }

  .navbar-custom.is-fixed .navbar-brand {
    color: white;
    display: block;
  }

  .navbar-custom.is-fixed .navbar-brand:hover,
.navbar-custom.is-fixed .navbar-brand:focus {
    color: white;
  }

  .navbar-custom.is-fixed .nav li a {
    color: white;
  }

  .navbar-custom.is-fixed .nav li a:hover,
.navbar-custom.is-fixed .nav li a:focus {
    color: #0085a1;
  }

  .navbar-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.page-head-logo-area {
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-bottom: 10px;
  background-image: url("../img/header_gr.png");
}

.page-head-logo-area-blog {
  background-image: inherit !important;
  background-color: #234a59 !important;
}

.page-head-logo-area .site-heading,
.page-head-logo-area .post-heading,
.page-head-logo-area .page-heading {
  padding: 55px 0 5px 0px;
  color: white;
}

@media only screen and (min-width: 768px) {
  .page-head-logo-area .site-heading,
.page-head-logo-area .post-heading,
.page-head-logo-area .page-heading {
    padding: 30px 0 10px 0;
  }
}
.page-head-logo-area .site-heading,
.page-head-logo-area .page-heading {
  text-align: center;
}

.page-head-logo-area .site-heading h1,
.page-head-logo-area .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}

.page-head-logo-area .site-heading .subheading,
.page-head-logo-area .page-heading .subheading {
  font-size: 24px;
  line-height: 1.1;
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0 0;
}

@media only screen and (min-width: 768px) {
  .page-head-logo-area .site-heading h1,
.page-head-logo-area .page-heading h1 {
    font-size: 80px;
  }
}
.page-head-logo-area .post-heading h1 {
  font-size: 35px;
}

.page-head-logo-area .post-heading .subheading,
.page-head-logo-area .post-heading .meta {
  line-height: 1.1;
  display: block;
}

.page-head-logo-area .post-heading .subheading {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 10px 0 30px;
  font-weight: 600;
}

.page-head-logo-area .post-heading .meta {
  font-family: "Lora", "Times New Roman", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}

.page-head-logo-area .post-heading .meta a {
  color: white;
}

@media only screen and (min-width: 768px) {
  .page-head-logo-area .post-heading h1 {
    font-size: 55px;
  }

  .page-head-logo-area .post-heading .subheading {
    font-size: 30px;
  }
}
.section-heading {
  font-size: 36px;
  margin-top: 60px;
  font-weight: 700;
}

.caption {
  text-align: center;
  font-size: 14px;
  padding: 10px;
  font-style: italic;
  margin: 0;
  display: block;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

footer {
  padding: 15px 0 15px;
}

footer .list-inline {
  margin: 0;
  padding: 0;
}

footer .copyright {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}

.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}

.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #0085a1;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}

/*.btn {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 0;
  padding: 15px 25px;
}
.btn-lg {
  font-size: 16px;
  padding: 25px 35px;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #0085a1;
  border: 1px solid #0085a1;
  color: white;
}*/
.pager {
  margin: 20px 0 0;
}

.pager li > a,
.pager li > span {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 15px 25px;
  background-color: white;
  border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
  color: white;
  background-color: #0085a1;
  border: 1px solid #0085a1;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #808080;
  background-color: #404040;
  cursor: not-allowed;
}

::-moz-selection {
  color: white;
  text-shadow: none;
  background: #0085a1;
}

::selection {
  color: white;
  text-shadow: none;
  background: #0085a1;
}

img::selection {
  color: white;
  background: transparent;
}

img::-moz-selection {
  color: white;
  background: transparent;
}

body {
  webkit-tap-highlight-color: #0085a1;
}

.article-big-image {
  width: 100%;
  height: auto;
}

.crop {
  max-height: 340px;
  overflow: hidden;
}

.categ-name-div {
  border-radius: 20px;
  color: white !important;
  text-align: center;
  display: block;
  background-color: #234a59;
  border-color: #234a59;
  font-size: 15pt;
}

.categ-name-div h1, .categ-name-div h2 {
  margin: 0;
  font-size: 15pt;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.categ-name-div:hover {
  text-decoration: none;
}

.categ-plomberie, .categ-plomberie a {
  color: #2269aa;
}

.categ-plomberie {
  background-color: #2269aa;
  border-color: #2269aa;
}

.categ-electricite, .categ-electricite a {
  color: #fac300;
}

.categ-electricite {
  background-color: #fac300;
  border-color: #fac300;
}

.categ-vitrerie, .categ-vitrerie a {
  color: #77c7ec;
}

.categ-vitrerie {
  background-color: #77c7ec;
  border-color: #77c7ec;
}

.categ-serrurerie, .categ-serrurerie a {
  color: #6faf00;
}

.categ-serrurerie {
  background-color: #6faf00;
  border-color: #6faf00;
}

.categ-chauffage, .categ-chauffage a {
  color: #ea8f00;
}

.categ-chauffage {
  background-color: #ea8f00;
  border-color: #ea8f00;
}

.categ-divers, .categ-divers a {
  color: #b6d6e3;
}

.categ-divers {
  background-color: #b6d6e3;
  border-color: #b6d6e3;
}

.categ-nos-actualites, .categ-nos-actualites a {
  color: #aebbc1;
}

.categ-nos-actualites {
  background-color: #aebbc1;
  border-color: #aebbc1;
}

.categ-mini-blogs, .categ-mini-blogs a {
  color: #3d4748;
}

.categ-mini-blogs {
  background-color: #3d4748;
  border-color: #3d4748;
}

.categ-electromenager, .categ-electromenager a {
  color: #d80503;
}

.categ-electromenager {
  background-color: #d80503;
  border-color: #d80503;
}

.categ-petits-travaux, .categ-petits-travaux a {
  color: #a72965;
}

.categ-petits-travaux {
  background-color: #a72965;
  border-color: #a72965;
}

.categ-jardinage, .categ-jardinage a {
  color: #018637;
}

.categ-jardinage {
  background-color: #018637;
  border-color: #018637;
}

.categ-navigation div {
  margin-bottom: 10px;
}

.categ-navigation div a:hover {
  text-decoration: none;
}

.categ-navigation {
  margin-bottom: 20px;
  margin-top: 20px;
}

.article-links {
  background-color: white !important;
  text-align: right;
  font-size: 12pt;
  padding-left: 6px;
}

.article-links a {
  display: inline-block;
}

.article-line {
  position: relative;
  border-bottom: thin dashed;
  top: 11pt;
  margin-left: 40px;
  margin-right: 20px;
  background-color: inherit !important;
  margin-top: 30px;
}

.margb20 {
  margin-bottom: 20px;
}

.submitted {
  font-size: 10pt;
}

.btn-blue {
  background-color: #11c0ff;
  color: white;
  margin: 5px;
}

.article-case {
  text-align: center;
  color: #678ab0;
  background-color: #e1e8f0;
  padding: 5px;
  margin-top: 5px;
  min-height: 110px;
}

.article-case div {
  min-height: 55px;
  width: 100%;
  display: table;
}

.article-case div div {
  display: table-cell;
  vertical-align: middle;
}

.nomargin {
  margin: 0px !important;
}

.tags-label, .tags {
  display: inline-block;
}

#edit-comment-body-und-0-format {
  display: none;
}

.comment-form-title {
  margin-top: 40px;
}

.comment .submitted {
  text-align: right;
  font-style: italic;
}

.comment {
  background-color: #e1e8f0;
  padding: 15px;
  margin-top: 10px;
}
.comment.rcmd {
  text-align: left !important;
  padding: 10px 15px !important;
  width: 100% !important;
  margin: 30px auto !important;
  background-image: none !important;
  border: 1px solid #00AAFF !important;
  font-weight: normal !important;
  border-radius: 10px !important;
  color: #00AAFF !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent !important;
  position: relative;
}
.comment.rcmd:before {
  content: "Q";
  font-family: "ico iframe";
  position: absolute;
  top: -25px;
  left: -10px;
  font-size: 30px;
  color: #00AAFF;
  background: #FFF;
  width: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.comment.rcmd .submitted span {
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
}

.comment-links {
  text-align: right;
}

.comment-links ul li {
  margin: 0;
  padding: 0;
  font-size: 10pt;
}

.article-similar-image {
  width: 100%;
  height: auto;
  cursor: pointer !important;
}

.crop-similar {
  max-height: 85px;
  overflow: hidden;
}

.article-small-image {
  width: 100%;
  height: auto;
  cursor: pointer !important;
}

.crop-article-small {
  max-height: 125px;
  overflow: hidden;
}

.similar-articles {
  margin-top: 40px;
  margin-bottom: 40px;
}

.crop-article-preview {
  max-height: 175px;
  overflow: hidden;
}

.article-preview-image {
  width: 100%;
  height: auto;
  cursor: pointer !important;
}

.article-preview h2 {
  font-size: 20pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

.preview-date {
  margin-bottom: 7px;
  font-size: 9pt;
  font-style: italic;
}

.article-preview {
  font-size: 12pt;
}

.article-preview .field-type-text-with-summary .field-items .field-item p {
  margin: 0 !important;
  text-align: justify;
}

.node-teaser {
  margin-bottom: 20px;
}

.article-preview .field-name-field-tags {
  margin-top: 10px;
}

.region-pannels div figure {
  min-height: 135px;
  border-radius: 20px;
  color: white !important;
  text-align: center;
  background-color: #288aad;
  border-color: #288aad;
  font-size: 15pt;
}

.pannel-whole-link {
  color: white !important;
  text-align: center;
  font-size: 15pt;
}

.btn-pannel {
  background-color: #234a59;
  color: white;
  margin: 5px;
}

.btn-pannel:hover {
  color: white;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.pannel-block-text {
  min-height: 80px;
  display: table;
  width: 100%;
  padding-top: 20px;
}

.pannel-block-text div {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
}

.pannels {
  margin-bottom: 10px;
}

.article-links-div {
  text-align: right;
}

.indented div.indented {
  margin-left: 0px !important;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 800px) {
  .pannels {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .article-links-div {
    text-align: center;
  }

  .visiter-le-site {
    display: none !important;
  }

  .steps {
    font-size: 8pt !important;
  }

  .step-img-div img {
    width: 50% !important;
  }

  .step-img-div {
    text-align: center;
  }

  .case-image {
    display: none;
  }

  .mobile-display {
    display: inherit !important;
  }

  .social-links {
    text-align: left !important;
  }

  .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .blog-home-category-image {
    display: none !important;
  }

  .view-most-popular-tags {
    text-align: center !important;
    display: block !important;
  }

  .engagement-title {
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 10px;
  }

  .md-engagement div {
    font-size: 11pt !important;
  }

  .md-engagement {
    margin-bottom: 10px;
  }

  #popup-text button {
    line-height: 1;
    font-size: 12pt;
  }

  #sliding-popup .popup-content #popup-text {
    line-height: 0.6;
  }

  #sliding-popup .popup-content #popup-text p {
    display: block;
  }

  .case-list li {
    width: inherit !important;
    float: none !important;
    background-color: #54c4ec;
    margin-top: 10px !important;
  }

  .case-list li a {
    color: white;
  }

  #footer-menu li {
    padding: 10px !important;
  }

  .front-buttons {
    margin: 10px !important;
  }

  .front-buttons div a {
    font-size: 12pt !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .navbar-brand {
    font-size: 12pt !important;
  }
}
.blog-home-article div div h3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 14pt;
  font-weight: bold;
}

.blog-home-article div div {
  font-size: 10pt;
}

.blog-home-article div div div.preview-date {
  color: #5e8795;
}

.blog-home-article div {
  margin-bottom: 10px !important;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.steps {
  font-size: 10pt;
  color: #8ca5ac;
}

.step-title {
  font-weight: bold;
}

.steps-active {
  color: #134f5b;
}

.step-img-div {
  padding: 0px;
}

.step-img-div img {
  width: 100%;
}

.questionnaire-navigation {
  margin-top: 20px;
}

.md-question-form div.md-submit {
  display: none;
}

.md-question-text {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: bold;
}

#md-back {
  font-size: 12pt;
}

.block_offre_du_jour {
  background-color: inherit !important;
  background-image: url("../img/block_offre_du_jour.png");
  background-size: 100%;
}

.block_artisan_en_urgence {
  background-color: inherit !important;
  background-image: url("../img/block_artisan_en_urgence.png");
  background-size: 100%;
}

.block_artisan_en_urgence div a div span.btn-pannel {
  background-color: #11c0ff;
}

.block_newsletter {
  background-color: inherit !important;
  background-image: url("../img/block_newsletter.png");
  background-size: 100%;
}

.block_questions_answers {
  background-color: inherit !important;
  background-image: url("../img/block_questions_answers.png");
  background-size: 100%;
}

.block_questions_answers div div a.btn-pannel {
  background-color: #11c0ff;
}

.visiter-le-site {
  background-color: #278baf;
  border-radius: 10px;
  font-size: 10pt;
  padding: 7px;
  display: inline-block;
  position: absolute;
  top: 20px;
  z-index: 100;
}

.visiter-le-site a, .visiter-le-site a:hover {
  color: white;
  text-decoration: none;
}

header div.container {
  position: relative;
}

.hidden-block {
  width: 200px;
  min-height: 135px;
  border-radius: 20px;
  color: white !important;
  text-align: center;
  background-color: #ad4228;
  border-color: #ad4228;
  font-size: 15pt;
  position: fixed;
  right: -200px;
  bottom: 80px;
  z-index: 10;
}

.hidden-bloc div.content {
  position: relative;
}

.hidden-block-close, .hidden-block-close:hover {
  color: white;
  text-decoration: none;
}

.hidden-block-close {
  position: absolute;
  top: 5px;
  right: 8px;
}

.pager li > a, .pager li > span {
  font-family: Avenir;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px;
  border-radius: 50px;
  margin: 0;
  min-width: 30px;
  background-color: #9bb7c3;
  color: white;
  border-color: #9bb7c3;
}

.pager-current {
  font-family: Avenir;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px !important;
  border-radius: 50px;
  margin: 0 !important;
  min-width: 30px;
  background-color: #254b58;
  color: white;
  border-color: #254b58;
  display: inline-block !important;
}

.pager {
  margin-top: 30px !important;
}

.item-list ul li {
  margin: 5px !important;
}

.view-most-popular-tags, .view-most-popular-tags div {
  display: inline-block;
}

.view-most-popular-tags {
  margin-bottom: 10px;
}

.view-most-popular-tags div div {
  display: inline-block;
  margin-right: 10px;
}

.view-most-popular-tags-label {
  font-weight: bold;
  margin-left: 15px;
}

.blog-home-category-image {
  height: 100%;
  min-height: 425px;
  background-size: cover;
}

.blog-home-category-plomberie {
  /*background-image : url("../img/category_plomberie.png");*/
}

.blog-home-category-electricite {
  /*background-image : url("../img/category_electricite.png");*/
}

.blog-home-category-chauffage {
  /*background-image : url("../img/category_chauffage.png");*/
}

.blog-home-category-vitrerie {
  /*background-image : url("../img/category_vitrerie.png");*/
}

.blog-home-category-serrurerie {
  /*background-image : url("../img/category_serrurerie.png");*/
}

.md-picture-answer {
  display: inline-block;
}

.case-submit {
  font-size: 14pt;
  white-space: inherit !important;
}

.case-contact {
  margin-top: 10px;
  background-color: #46a9d0;
  padding: 10px;
  color: white;
  text-align: center;
  font-size: 10pt !important;
}

.case-refuse {
  background-color: #bcc7cb;
  padding: 10px;
  color: white;
  font-size: 10pt !important;
  margin-top: 10px;
}

.case-refuse ul {
  padding-left: 25px !important;
}

.case-refuse ul li a {
  color: white;
}

.ui-widget-overlay {
  background: #aaaaaa 50% 50% !important;
}

.ui-widget-header {
  border: none !important;
  background: none !important;
  color: #222222;
  font-weight: bold;
}

.ui-dialog-title {
  color: #54c4ec;
}

.ui-widget {
  font-family: Avenir, Arial, sans-serif !important;
}

.case-image {
  width: 100%;
}

#md-question-form div #md-submit {
  display: none;
}

.image-circle {
  background-color: #539395;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  opacity: 0.6;
  display: inline-block;
}

#md-confirmation-form {
  margin-bottom: 20px;
}

#md-confirmation-form div label.control-label, #radiogroup, #md-confirmation-form div div div.checkbox {
  font-size: 12pt !important;
}

.fb-share-button {
  display: inline-block !important;
}

.fb-share-button span {
  height: 27px !important;
}

.social-share-buttons {
  text-align: right;
}

.mobile-display {
  display: none;
}

.md-engagement {
  text-align: center;
}

.md-engagement div {
  color: #55c2eb;
  font-size: 12pt;
}

.main-container {
  margin-bottom: 30px;
}

.engagement-title {
  font-weight: bold;
  padding-top: 22px;
  font-size: 18pt;
  color: #55c2eb;
}

.md-engagement-container {
  border: solid;
  border-color: #55c2eb;
  border-width: 5px;
  border-radius: 20px;
  padding: 10px;
}

.devis-gratuit {
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
}

#md-details-form {
  max-width: 700px;
}

/*********************** FRONT PAGE ******/
.text-vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.text-vertical-center h1 {
  margin: 0;
  padding: 0;
  font-size: 13pt;
  font-weight: normal;
  margin-top: 10px !important;
}

.front-tab-title {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px;
}

/* Header */
/* About */
.about {
  padding: 50px 0;
}

/* Services */
.services {
  padding: 50px 0;
}

.service-item {
  margin-bottom: 30px;
}

/* Callout */
.callout div h2 {
  color: white;
  font-size: 30pt;
  font-weight: bold;
}

.callout {
  display: table;
  width: 100%;
  height: 400px;
  color: #fff;
  background: url(../img/callout.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
}

/* Custom Button Styles */
.btn-dark {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  margin: 10px;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}

.btn-light {
  border-radius: 0;
  color: #333;
  background-color: white;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  color: #333;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Custom Horizontal Rule */
hr.small {
  max-width: 100px;
}

#logo-front {
  width: 70%;
  max-width: 550px;
}

.front-tab {
  color: white;
  text-align: center !important;
  padding: 5px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 240px;
  font-size: 10pt;
  position: relative;
}

.font-tab-link {
  font-size: 10pt;
  padding: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.service-item {
  margin-bottom: 30px;
}

.service-item h2 {
  font-size: 16pt;
  font-weight: bold;
  margin-top: 0;
}

.service-item p {
  font-size: 9pt;
}

col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
.how-it-works-text {
  font-size: 10pt;
}

.how-it-works-text a {
  color: #54c4ec;
}

.hiwCont {
  height: 150px;
  vertical-align: bottom;
  display: table-cell;
}

.front-feedback {
  text-align: justify;
  padding: 10px;
  font-size: 12pt;
}

.front-video {
  max-width: 800px;
  width: 100%;
  height: 480px;
}

.my-carousel {
  margin: 20px;
}

#subscribeDiv {
  display: inline-block;
}

/* ******************** END FRONT PAGE *********************/
.metier-order-link {
  text-transform: uppercase;
  margin: 0px;
  font-size: 14pt;
  white-space: inherit !important;
  width: 100%;
}

.metier-order-link-div {
  text-align: center;
  margin-top: 10px;
}

.metier-pre-text-div {
  font-size: 12pt;
  text-align: justify;
  margin-top: 20px;
}

.metier-details-div {
  font-size: 12pt;
  text-align: justify;
}

.case-list {
  padding: 0px;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}

.case-list li {
  line-height: 1.5em;
  float: left;
  display: inline;
  font-size: 12pt;
}

.case-list li {
  width: 50%;
}

/*
.case-list li:nth-child(odd) {
    background-color: rgb(132, 221, 238);
}
.case-list li:nth-child(even) {
    background-color: rgb(218, 247, 253);
}*/
.sub-sum-sat {
  font-size: 10pt;
}

.sub-desc-div {
  background-image: linear-gradient(top, rgba(84, 196, 236, 0) 0%, #54c4ec 100%);
  background-image: -moz-linear-gradient(top, rgba(84, 196, 236, 0) 0%, #54c4ec 100%);
  background-image: -ms-linear-gradient(top, rgba(84, 196, 236, 0) 0%, #54c4ec 100%);
  background-image: -o-linear-gradient(top, rgba(84, 196, 236, 0) 0%, #54c4ec 100%);
  background-image: -webkit-linear-gradient(top, rgba(84, 196, 236, 0) 0%, #54c4ec 100%);
  content: " ";
}

.place-page-top {
  margin-bottom: 30px;
}

.sub-des-feed {
  height: 320px;
}

.sub-feedbacks {
  overflow-x: auto;
  height: 100%;
  background-color: #54c4ec;
}

.subcontractor-div {
  margin-bottom: 30px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.nopadding {
  padding: 0;
}

.subcontractorCrop {
  overflow: hidden;
  height: 500px;
}

.sub-header {
  position: relative;
}

.sub-desc-div {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding-top: 70px;
  color: white;
  padding-bottom: 10px;
}

.subcontractorCrop img {
  width: 100%;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}

.subcontractor-name {
  margin-top: 10px;
  margin-bottom: 0px !important;
}

.subcontractor-desc {
  background-color: #54c4ec;
  color: #ffffff;
  font-style: italic;
  font-size: 12pt;
  height: 100%;
}

.place-page-desc, .place-page-desc-bottom {
  font-size: 12pt;
  text-align: justify;
}

.place-page-desc-bottom {
  margin-top: 40px;
}

.subcontractor-feedback {
  font-size: 11pt;
  text-align: justify;
  padding: 10px;
}

.sub-feedback-details {
  margin-top: 10px;
  text-align: right;
  font-size: 9pt;
  font-style: italic;
}

.subcontractor-feedback:nth-child(odd) {
  background-color: #afe9ff;
}

.subcontractor-feedback:nth-child(even) {
  background-color: #e3f7fe;
}

.sub-notes {
  font-style: normal;
  font-size: 9pt;
  margin-top: 20px;
  height: 100%;
}

.clear-rating {
  display: none !important;
}

.rating-disabled {
  cursor: auto !important;
}

.star-rating {
  text-align: center;
}

.rating-xs {
  font-size: 1.6em !important;
}

.bgcorp {
  background-color: #54c4ec;
}

.map {
  text-align: center;
}

.place-page-case aside {
  font-size: 10pt;
  border-radius: 5px;
}

#md-question-form div.md-response-item a {
  display: inline-block;
  width: 100%;
  padding: 10px;
}

#md-question-form div.md-response-item a:hover,
#md-question-form div.md-response-item a:visited {
  text-decoration: none;
}

/* New Landing */
#landing {
  font-size: 18px;
}

#landing h1 {
  font-size: 32px;
  font-weight: bold;
}

#landing h1 span {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
}

#landing .landing-box {
  border: 1px solid #a7b4b9;
  border-radius: 4px;
  font-size: 15px;
  width: 50%;
}

#landing .landing-box h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 10px 25px;
}

#landing .landing-box .landing-box-content {
  padding: 25px;
  border-top: 1px solid #a7b4b9;
}

#landing .landing-box .landing-pictos-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#landing .landing-box .landing-picto {
  width: 50%;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 15px;
}

#landing .landing-box .landing-picto strong {
  margin-left: 10px;
}

#landing .landing-box .landing-order-info {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #83979e;
  margin-top: 25px;
}

#landing .landing-btn-container {
  text-align: center;
}

#landing .landing-btn {
  background: #54b8ec;
  background: -moz-linear-gradient(45deg, #54b8ec 0%, #7dd5f9 100%);
  background: -webkit-linear-gradient(45deg, #54b8ec 0%, #7dd5f9 100%);
  background: linear-gradient(45deg, #54b8ec 0%, #7dd5f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54b8ec", endColorstr="#7dd5f9", GradientType=1);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
}

#landing .landing-btn {
  display: inline-block;
  width: 90%;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 23px;
  padding: 10px 25px;
  margin-top: 25px;
}

#landing .landing-btn:hover {
  text-decoration: none;
  cursor: pointer;
}

#landing .landing-box-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#landing .landing-presentation {
  margin: 50px 0px;
}

#landing .landing-presentation > p:first-child {
  font-weight: bold;
}

#landing .landing-proxima {
  margin: auto;
  width: 70%;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#landing .landing-proxima::before {
  content: "";
  display: block;
  position: absolute;
  background: #eee;
  width: 100%;
  height: 200px;
  z-index: -1;
  left: 0;
}

#landing .landing-proxima p {
  margin: 10px 0px;
}

#landing .landing-proxima a {
  color: #2d3134;
  text-decoration: underline;
  font-weight: bold;
}

#landing .landing-presse h2 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 25px;
}

#landing .quote-container {
  display: flex;
}

#landing .quote-container .quote {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding: 0px 25px;
}

#landing .quote-container .quote p {
  font-size: 16px;
  font-style: italic;
  color: #666;
  margin-top: 15px;
}

#landing .quote-container .quote a {
  font-size: 14px;
  width: 100%;
  color: #2d3134;
  font-weight: bold;
  text-decoration: underline;
}

#landing .landing-feedbacks::before {
  content: "";
  display: block;
  position: absolute;
  background: #eee;
  width: 100%;
  height: 300px;
  z-index: -1;
  left: 0;
}

#landing .landing-feedbacks::before {
  background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#landing .landing-feedbacks h2 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-top: 25px;
}

#landing .feedbacks-container {
  display: flex;
}

#landing .feedbacks-container .feedback {
  width: 33.33%;
  padding: 25px;
}

#landing .feedbacks-container .feedback p {
  border: 1px solid #a7b4b9;
  border-radius: 3px;
  padding: 15px;
  position: relative;
  margin-bottom: 25px;
  background: #fff;
}

#landing .feedbacks-container .feedback p::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  right: 0;
  bottom: -12.5px;
  margin: auto;
  border: 1px solid #a7b4b9;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  background: #fff;
}

#landing .feedbacks-container .feedback span {
  color: #999;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

#landing .feedbacks-container .feedback a {
  width: 100%;
  color: #2d3134;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}

#landing .landing-box-img-container {
  position: relative;
}

#landing .landing-box-img-container > span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  color: #b7bdc0;
  z-index: 100;
}

@media (max-width: 1200px) {
  #landing {
    padding: 0;
  }
}
@media (max-width: 800px) {
  #landing .landing-box-img-container {
    display: none;
  }

  #landing .landing-box {
    width: 100%;
  }

  #landing .landing-box .landing-pictos-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #landing .landing-box .landing-picto {
    width: 100%;
  }

  #landing .landing-btn {
    width: auto;
  }

  #landing .landing-proxima {
    height: 400px;
  }

  #landing .landing-proxima::before {
    height: 400px;
  }

  #landing .quote-container {
    flex-direction: column;
  }

  #landing .quote-container .quote {
    width: 100%;
  }

  #landing .feedbacks-container {
    flex-direction: column;
  }

  #landing .feedbacks-container .feedback {
    width: 100%;
  }
}
body {
  height: auto;
  min-height: 100%;
  position: relative;
  padding-bottom: 250px;
}

/* New Footer */
#new-footer {
  background: #eee;
  padding: 50px 0px 40px 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 250px;
  font-family: "uniform-rounded";
}

#new-footer .footer-text {
  display: inline-block;
  width: 100%;
  line-height: 26px;
}

#new-footer .footer-text strong {
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  color: #666;
}

#new-footer .footer-text span {
  font-size: 26px;
  display: inline-block;
  width: 100%;
  color: #666;
}

#new-footer .copyright {
  font-size: 11px;
  color: #ccc;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-top: auto;
}

#new-footer .container {
  display: flex;
  flex-direction: row;
  position: relative;
}

#new-footer .container .footer-section {
  display: flex;
  flex-direction: column;
  width: 50%;
}

#new-footer .container .footer-left {
  width: 50%;
}

#new-footer .container .footer-right {
  text-align: right;
  justify-content: space-between;
}

#new-footer #footer-menu-container {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 11px;
}

#new-footer #footer-menu-container #footer-menu {
  width: 100%;
  text-align: right;
}

#new-footer #footer-menu-container #footer-menu li {
  float: none;
  display: inline-block;
}

#new-footer #footer-menu-container #footer-menu li a {
  padding: 0 !important;
  font-weight: bold;
  color: #666;
}

#new-footer #footer-menu-container #footer-menu li:not(.first) a {
  margin-left: 10px;
}

#new-footer form .form-group {
  text-align: right;
  width: 100%;
}

#new-footer form .input-group {
  display: inline-block;
  width: 100%;
  max-width: 320px;
}

#new-footer form .input-group-btn {
  display: none;
}

#new-footer form .bottom-search-input {
  display: inline-block;
  border: none;
  border-radius: 25px;
  background: #fff;
  height: 40px;
  font-size: 17px;
  padding-left: 45px;
}

#new-footer form .input-group::before {
  content: "";
  display: inline-block;
  background: url("../img/picto-loupe.png");
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px 12px;
  left: 0;
  z-index: 10;
}

#new-footer form .bottom-search-input::-webkit-input-placeholder {
  color: #999;
  font-style: normal;
}

#new-footer form .bottom-search-input::-moz-placeholder {
  color: #999;
  font-style: normal;
}

#new-footer form .bottom-search-input:-ms-input-placeholder {
  color: #999;
  font-style: normal;
}

#new-footer form .bottom-search-input:-moz-placeholder {
  color: #999;
  font-style: normal;
}

#new-footer form .bottom-search-input::placeholder {
  color: #999;
  font-style: normal;
}

#new-footer .social-links-new {
  padding: 25px 0px;
}

#new-footer .social-links-new a {
  display: inline-block;
  margin-left: 10px;
}

#new-footer .social-links-new a img {
  width: 25px;
  height: 25px;
}

@media (max-width: 800px) {
  body {
    padding-bottom: 300px;
  }

  #new-footer {
    height: 300px;
  }

  #new-footer .container {
    flex-direction: column;
  }

  #new-footer .container .footer-section {
    width: 100%;
  }

  #new-footer .container .footer-left {
    margin-bottom: 25px;
  }

  #new-footer .copyright {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  #new-footer form .form-group {
    margin: 0;
  }

  #new-footer form .input-group {
    max-width: 100%;
  }

  #new-footer .social-links-new {
    padding: 10px 0px;
    text-align: center;
  }

  #new-footer #footer-menu-container #footer-menu {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  body {
    padding-bottom: 350px;
  }

  #new-footer {
    height: 350px;
  }
}
/* New Header */
#new-header #new-header-menu-container {
  background: #eee;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 15px;
}

#new-header #new-header-menu-container #main-menu {
  background: #eee;
}

#new-header #main-menu {
  float: none;
  width: 100%;
  text-align: center;
}

#new-header #main-menu li {
  float: none;
  display: inline-block;
}

#new-header #main-menu a {
  color: #4a5458;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

#new-header #main-menu a:hover {
  background: #a7b4b9;
  color: #fff;
}

#new-header .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}

#new-header .logo-container {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

#new-header .logo-container img {
  max-width: 300px;
}

#new-header .logo-container strong {
  text-transform: uppercase;
  font-size: 15px;
  color: #666;
  width: 100%;
  text-align: center;
  padding-top: 5px;
}

#new-header .logo-container span {
  text-align: center;
  font-style: italic;
  color: #999;
  font-size: 16px;
  padding-top: 7px;
}

#new-header .contact-box {
  float: none;
  min-width: 280px;
}

#new-header .navbar-toggle {
  display: none;
}

@media (max-width: 1000px) {
  #new-header #main-menu a {
    font-size: 11px;
    padding: 10px;
  }
}
@media (max-width: 750px) {
  #new-header {
    margin-top: 20px;
  }

  #new-header .container {
    flex-wrap: wrap;
    justify-content: center;
  }

  #new-header .logo-container {
    margin: auto;
  }

  #new-header .logo-container img {
    width: 200px;
  }

  #new-header .logo-container strong {
    font-size: 9px;
  }

  #new-header .logo-container span {
    font-size: 10px;
  }

  #new-header .contact-box {
    padding: 0;
    margin: auto 100%;
  }

  #new-header .navbar-toggle {
    background: #54c4ec;
    display: block;
    float: none;
  }

  #new-header .navbar-toggle .icon-bar {
    background: #fff;
  }

  #new-header #main-menu-container {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 130px;
    left: 0;
    z-index: 10;
    width: 100%;
  }

  #new-header #main-menu-container.collapse {
    display: none;
  }

  #new-header #main-menu-container.collapse.in {
    display: inline-block;
  }

  #new-header #main-menu {
    width: 100%;
    margin: 0;
    display: inline-block;
  }

  #new-header #main-menu li {
    width: 100%;
    text-align: left;
  }
}
.contact-page {
  text-align: center;
}

.contact-page img {
  width: 100px;
}

.contact-page p {
  text-align: left;
  margin-top: 10px;
  font-size: 18px;
}

.contact-page a {
  color: #337ab7;
}

.contact-page h2 {
  text-transform: uppercase;
  font-size: 25px;
}

.contact-page .my-row {
  display: flex;
  flex-direction: row;
}

.contact-page .my-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 0px 20px;
}

.contact-page .contact-info {
  margin-top: auto;
  padding-top: 20px;
  width: 100%;
}

@media (max-width: 1000px) {
  .contact-page .my-row {
    flex-direction: column;
  }

  .contact-page .my-col {
    width: 100%;
    margin-top: 15px;
  }
}
.region-pannels > .col-md-3 {
  width: 100%;
  text-align: right;
  margin-top: 25px;
}

#block-search-form {
  min-height: none;
  border: none;
  background: none;
  color: inherit !important;
  text-align: right;
}

#edit-search-block-form--2 {
  display: inline-block;
  width: 200px;
}

/* Cookie popup */
div#sliding-popup.sliding-popup-bottom {
  background: none;
  width: 100%;
  height: auto;
  bottom: 0;
}

div#sliding-popup.sliding-popup-bottom .popup-content {
  max-width: 1003px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#sliding-popup.sliding-popup-bottom .popup-content #popup-text,
div#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 0px;
  margin-bottom: 15px;
  width: auto;
}

div#sliding-popup.sliding-popup-bottom .popup-content #popup-text p {
  background: #ccc;
  color: #666 !important;
  padding: 5px 10px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}

div#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons .agree-button,
div#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons .hide-popup-button {
  text-shadow: none;
  box-shadow: none;
  border: 0;
  background: #ccc;
  color: #666 !important;
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  margin: 0;
  margin-left: 10px;
}

div#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons .find-more-button {
  display: none;
}

.text-hidden {
  display: none;
}

@media (max-width: 768px) {
  #sliding-popup.sliding-popup-bottom .popup-content #popup-text p {
    font-size: 10px;
    line-height: 12px;
  }

  #sliding-popup.sliding-popup-bottom .popup-content #popup-buttons .agree-button {
    font-size: 10px;
    line-height: 12px;
  }

  .img-responses {
    display: none;
  }

  .text-hidden {
    display: block;
  }
}
@font-face {
  font-family: "uniform-rounded";
  src: url("../fonts/uniform-rounded/uniform-rounded-light.woff");
  font-weight: 100;
}
@font-face {
  font-family: "uniform-rounded";
  src: url("../fonts/uniform-rounded/uniform-rounded-regular.woff");
  font-weight: normal;
}
@font-face {
  font-family: "uniform-rounded";
  src: url("../fonts/uniform-rounded/uniform-rounded-bold.woff");
  font-weight: bold;
}
@font-face {
  font-family: "uniform-rounded";
  src: url("../fonts/uniform-rounded/uniform-rounded-black.woff");
  font-weight: 900;
}
/* New Home */
.main-img-container {
  height: auto;
  height: 550px;
}

.main-img-container .main-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.main-img-container .main-img.main-pp {
  height: 100%;
  background: #00AAFF;
}

.main-img-container .main-img.main-pp > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}

.main-img-container .main-img > .container > .main-types {
  padding: 0;
  margin-top: 0;
  margin-bottom: auto;
}

.main-img-container .main-img > .container > .main-types a {
  border: 2px solid rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin: 5px;
  text-transform: capitalize;
  border-radius: 25px;
  padding: 5px 15px;
  text-decoration: none;
}

.main-img.main-pp > .container > h2 {
  color: #fff;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-size: 40px;
}

.main-img.main-pp > .container > h2 span {
  display: inline-block;
  margin-bottom: 25px;
}

.main-img.main-pp > .container > h2 strong {
  display: inline-block;
}

.main-img.main-pp > .container > a {
  color: #00AAFF;
  background: #fff;
  padding: 10px 25px;
  border-radius: 3px;
  font-size: 25px;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  margin-top: auto;
  margin-bottom: 50px;
  text-decoration: none;
}

.main-img-container .main-img.main-default {
  height: 100%;
  background: url("../img/main-bg-1.jpg");
  background-size: cover;
  background-position: center;
}

.main-img-container .main-img.main-default > .container {
  position: relative;
  height: 100%;
}

.main-img-container .main-img.main-default > .container > .main-types {
  margin-top: 50px;
}

.main-img-container .main-img.main-default > .container .main-caption {
  left: 0;
}

.main-img-container .main-img.active {
  z-index: 20;
}

@media (max-width: 768px) {
  .main-img-container {
    height: 400px;
  }

  .main-img-container .main-img.main-pp > .container {
    padding: 25px 0px;
  }

  .main-img.main-pp > .container > h2 {
    padding: 0px 25px;
    font-size: 30px;
  }

  .main-img.main-pp > .container > a {
    margin-bottom: 25px;
  }

  .main-img-container .main-img.main-default > .container > .main-types {
    margin-top: 25px;
  }
}
@media (max-width: 450px) {
  .main-img.main-pp > .container > h2 {
    font-size: 22px;
  }

  .main-img-container .main-img.main-default > .container .main-caption {
    font-size: 22px;
    padding: 15px;
    margin-top: 10px;
  }

  .main-img-container .main-img.main-default > .container .main-caption > strong {
    font-size: 30px;
  }
}
/* Header v3 */
#header-v3 a {
  z-index: 10;
}

#header-v3 #menu {
  text-decoration: none;
  color: #005faa;
}

#header-v3 #menu, .mobile-title {
  display: none;
}

.hidden-tag {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

#header-v3 {
  display: flex;
  flex-direction: column;
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

#header-v3 .top-bar {
  background: #6ac7ea;
  z-index: 100;
  order: 2;
}

#header-v3 form.form-inline.search-form {
  margin: 0;
  margin-left: auto;
}

#header-v3 form.form-inline.search-form .bottom-search-input {
  transition: background 0.3s;
  height: 25px;
  padding-left: 40px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.075);
}

#header-v3 form.form-inline.search-form .bottom-search-input:focus {
  background: #fff;
}

#header-v3 form.form-inline.search-form .input-group::before {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
}

#header-v3 form.form-inline.search-form .bottom-search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#header-v3 form.form-inline.search-form .bottom-search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#header-v3 form.form-inline.search-form .bottom-search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#header-v3 form.form-inline.search-form .bottom-search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#header-v3 form.form-inline.search-form .bottom-search-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#header-v3 .top-bar nav {
  display: -webkit-box;
  display: flex;
  align-items: center;
  width: 100%;
}

#header-v3 .top-bar nav #main-menu {
  margin-right: auto;
}

#header-v3 .top-bar nav a {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 12px;
}

#header-v3 .top-bar nav a:focus,
#header-v3 .top-bar nav a:hover {
  color: #fff;
  background: #00AAFF;
}

#header-v3 .top-bar nav a.active {
  color: #fff !important;
  background: #00AAFF !important;
}

#header-v3 .logo-container {
  padding: 25px 15px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  order: 1;
}

#header-v3 a#logo {
  transition: all 0.2s ease;
  background: url("../img/MesDepanneurs-desktop.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 360px;
  height: 85px;
  max-width: none;
}

#header-v3 .logo-container .mobile-row:nth-child(1) {
  margin-right: auto;
}

#header-v3 .logo-container .mobile-row:nth-child(2) {
  margin-left: auto;
}

#header-v3 .logo-container .header-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: relative;
  align-items: center;
  text-decoration: none;
  height: 30px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img {
  display: flex;
  padding: 0px 10px;
  width: 60px;
  height: 100%;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img img {
  height: 20px;
  margin: auto;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
  text-transform: uppercase;
  display: flex;
  font-size: 12px;
  line-height: 12px;
  color: #aaa;
  border-left: 1px solid #ccc;
  padding: 0px 10px;
  height: 100%;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
  display: block;
  font-size: 16px;
  line-height: 16px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) > span {
  display: block;
  line-height: 7px;
  font-size: 7px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-adw-text {
  display: none;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-contact-text:not(.header-adw-text) {
  display: none;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-adw-text {
  display: flex;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) {
  margin-top: 10px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) > a {
  display: flex;
  border-radius: 3px;
  position: relative;
  align-items: center;
  text-decoration: none;
  background: #00AAFF;
  color: #fff;
  height: 40px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) > a .header-questionnaire-img {
  background: #005faa;
  height: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 62px;
  display: flex;
  padding: 0px 10px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) > a .header-questionnaire-img img {
  height: 25px;
  margin: auto;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) > a .header-questionnaire-text {
  padding: 0px 10px;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 14px;
  text-shadow: 0px 1px 1px rgba(0, 95, 170, 0.6);
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(3) {
  width: 100%;
  text-align: center;
  display: flex;
  margin-top: 10px;
  padding-left: 72px;
}

#header-v3 .logo-container .header-buttons .header-button-container:nth-child(3) > a {
  color: #005faa;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  line-height: 13px;
}

section.picto {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

section.picto > div {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #999;
  margin-top: 40px;
}

section.picto > div > img {
  width: 45px;
}

section.picto > div > span {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

#header-v3.open-menu {
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 1200px) {
  #header-v3 div.container {
    margin: 0;
    width: 100%;
    z-index: 100;
  }

  #header-v3 .top-bar nav a {
    font-size: 10px;
    padding: 10px 10px;
  }
}
@media (max-width: 992px) {
  section.picto {
    flex-wrap: wrap;
    margin: 0;
  }

  section.picto > div {
    width: 33.33%;
    margin-top: 15px;
  }
}
.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .mobile-only {
    display: inherit;
  }

  .desktop-only {
    display: none;
  }

  #header-v3 {
    height: 97px;
    z-index: 1000;
    display: block;
  }

  #header-v3 .top-bar {
    display: none;
    order: 1;
  }

  #header-v3 .top-bar {
    position: fixed;
    top: 0;
    left: 0;
    background: #233365;
    color: #fff;
    width: 100%;
    overflow-y: scroll;
  }

  #header-v3 .top-bar .container {
    padding: 0;
    position: static;
  }

  #header-v3 .top-bar nav {
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
  }

  #header-v3 .top-bar nav a {
    color: #fff;
    font-size: 10px;
    text-align: center;
  }

  #header-v3 .top-bar nav #main-menu {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 25px 0px;
  }

  #header-v3 .top-bar nav #main-menu li {
    margin: 0px 10px;
    margin-top: 10px;
    width: 75px;
  }

  #header-v3 .top-bar nav #main-menu a {
    white-space: nowrap;
    text-align: center;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  #header-v3 .top-bar nav #main-menu a:focus,
#header-v3 .top-bar nav #main-menu a:hover {
    color: #fff;
    background: none;
  }

  #header-v3 .top-bar nav #main-menu a.active {
    background: none !important;
  }

  #header-v3 .top-bar nav #main-menu a::before {
    content: "";
    display: block;
    width: 67px;
    height: 67px;
    margin-bottom: 5px;
  }

  #header-v3 .top-bar nav #main-menu a::after {
    display: none;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/plomberie]::before {
    background: url(../img/picto-plomberie.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/electricite]::before {
    background: url(../img/picto-electricite.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/serrurerie]::before {
    background: url(../img/picto-serrurerie.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/vitrerie]::before {
    background: url(../img/picto-vitrerie.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/chauffage]::before {
    background: url(../img/picto-chauffage.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/electromenager]::before {
    background: url(../img/picto-electromenager.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/multimedia]::before {
    background: url(../img/picto-multimedia.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/blog]::before {
    background: url(../img/picto-blog.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/petits-travaux]::before {
    background: url(../img/picto-petits-travaux.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav #main-menu a[href=\/jardinage]::before {
    background: url(../img/picto-jardinage.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #header-v3 .top-bar nav form.form-inline.search-form .bottom-search-input {
    background: #fff;
  }

  #header-v3 .top-bar nav form.form-inline.search-form {
    margin: 0;
  }

  #header-v3 .top-bar nav form.form-inline.search-form .form-group {
    margin: 0;
  }

  #header-v3 .top-bar nav #mobile-footer-links {
    width: 100%;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }

  #header-v3 .top-bar nav #mobile-footer-links li {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  #header-v3 .top-bar nav #mobile-footer-links li a {
    font-size: 10px;
    font-weight: normal;
  }

  #header-v3 .logo-container {
    padding: 0;
    flex-wrap: wrap;
    order: 2;
  }

  #header-v3 .logo-container .mobile-row:nth-child(1) {
    display: -webkit-box;
    display: flex;
    width: 100%;
    align-items: center;
    background: #00AAFF;
    padding: 0px 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #header-v3 a#logo {
    background: url("../img/MesDepanneurs-mobile.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 170px;
    height: 40px;
  }

  #header-v3 #menu {
    display: inline-block;
    margin-left: auto;
    font-size: 14px;
  }

  #header-v3 .logo-container .mobile-row:nth-child(2) {
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 27px;
    align-items: center;
    background: #005faa;
  }

  #header-v3 .logo-container .mobile-title {
    width: 60%;
    height: 100%;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }

  #header-v3 .logo-container .mobile-title a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-left: 10px;
  }

  #header-v3 .logo-container .mobile-title a::before {
    content: ">";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  #header-v3 .logo-container .header-buttons {
    width: 40%;
    height: 100%;
    background: #233365;
    display: inline-block;
  }

  #header-v3 .logo-container .header-buttons .header-button-container {
    height: 100%;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
    border: 0;
    height: 100%;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img {
    display: none;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
    border: none;
    flex-direction: column;
    font-size: 8px;
    color: #fff;
    justify-content: center;
    height: 100%;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text strong {
    font-weight: normal;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(1) {
    padding: 0;
    display: inline-block;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) {
    padding: 0;
    display: inline-block;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
    font-size: 12px;
    line-height: 10px;
    font-weight: normal;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) span {
    display: none;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(2) {
    display: none;
  }

  #header-v3 .logo-container .header-buttons .header-button-container:nth-child(3) {
    display: none;
  }

  section.picto {
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 0px;
    margin: 25px 0px;
  }

  section.picto > div {
    width: 33.33%;
    margin-top: 5px;
  }

  section.picto > div > img {
    width: 25px;
  }

  section.picto > div > span {
    margin-bottom: auto;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
  }
}
@media (max-width: 600px) {
  section.picto > div > span {
    font-size: 10px;
  }
}
@media (max-width: 320px) {
  #header-v3 .top-bar nav #main-menu a {
    font-size: 8px;
  }

  #header-v3 .top-bar nav #main-menu a::before {
    width: 47px;
    height: 47px;
  }

  .questionnaire-container > .phone-button-container {
    padding: 15px !important;
  }
}
/* Header v3 landing */
#header-v3.header-v3-landing .top-bar {
  order: 1;
  background: #eee;
}

#header-v3.header-v3-landing .logo-container {
  order: 2;
}

#header-v3.header-v3-landing .top-bar nav a {
  color: #aaa;
}

#header-v3.header-v3-landing .top-bar nav a:focus,
#header-v3.header-v3-landing .top-bar nav a:hover {
  color: #fff;
  background: #00AAFF;
}

#header-v3.header-v3-landing .top-bar nav a.active {
  color: #fff !important;
  background: #00AAFF !important;
}

#header-v3.header-v3-landing .top-bar nav a[href=\/petits-travaux]::after {
  display: none;
}

#header-v3.header-v3-landing .logo-container .header-buttons .header-button-container:nth-child(2) {
  display: none;
}

@media (max-width: 768px) {
  #header-v3.header-v3-landing .top-bar {
    background: #233365;
  }

  #header-v3.header-v3-landing .top-bar nav a {
    color: #fff;
  }
}
/* Header v3 blog */
#header-v3.header-v3-blog .top-bar {
  order: 1;
  background: #eee;
}

#header-v3.header-v3-blog .logo-container {
  order: 2;
}

#header-v3.header-v3-blog .top-bar nav a {
  color: #aaa;
}

#header-v3.header-v3-blog .top-bar nav a:focus,
#header-v3.header-v3-blog .top-bar nav a:hover {
  color: #fff;
  background: #00AAFF;
}

#header-v3.header-v3-blog .top-bar nav a.active {
  color: #fff !important;
  background: #00AAFF !important;
}

#header-v3.header-v3-blog .top-bar nav a[href=\/petits-travaux]::after {
  display: none;
}

#header-v3.header-v3-blog .logo-container .header-buttons .header-button-container:nth-child(2) {
  display: none;
}

@media (max-width: 768px) {
  #header-v3.header-v3-blog .top-bar {
    background: #233365;
  }

  #header-v3.header-v3-blog .top-bar nav a {
    color: #fff;
  }
}
#header-v3.header-v3-blog .top-bar {
  order: 1;
}

#header-v3.header-v3-blog .logo-container {
  order: 2;
}

#header-v3.header-v3-blog .top-bar nav a[href=\/petits-travaux]::after {
  top: auto;
  bottom: -10px;
}

#header-v3.header-v3-blog .blog-nav {
  order: 3;
  background: #eee;
  color: #666;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  border-radius: 4px;
}

#header-v3.header-v3-blog .blog-nav > nav {
  display: flex;
}

#header-v3.header-v3-blog .blog-nav a {
  padding: 10px 15px;
}

#header-v3.header-v3-blog #blog-menu {
  margin-right: auto;
}

#header-v3.header-v3-blog .blog-search {
  margin-left: auto;
  display: inline-block;
}

#header-v3.header-v3-blog .blog-search form {
  height: 100%;
}

#header-v3.header-v3-blog .blog-search form .search-inputs {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ddd;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

#header-v3.header-v3-blog .blog-search form .search-inputs button {
  background: none;
  border: none;
  padding: 8px 10px;
}

#header-v3.header-v3-blog .blog-search form .search-inputs button img {
  height: 100%;
}

#header-v3.header-v3-blog .blog-search form .search-inputs input {
  border: 0;
  background: none;
  box-shadow: none;
  padding: 6px 0px;
  margin-right: 15px;
  font-weight: normal;
}

#header-v3.header-v3-blog .blog-search form .search-inputs input::-webkit-input-placeholder {
  color: #aaa !important;
}

#header-v3.header-v3-blog .blog-search form .search-inputs input::-moz-placeholder {
  color: #aaa !important;
}

#header-v3.header-v3-blog .blog-search form .search-inputs input:-ms-input-placeholder {
  color: #aaa !important;
}

#header-v3.header-v3-blog .blog-search form .search-inputs input:-moz-placeholder {
  color: #aaa !important;
}

#header-v3.header-v3-blog #blog-menu a[href=\/]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/blog-menu-dropdown-arrow.png") no-repeat top;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
}

#header-v3.header-v3-blog #blog-menu li.first a {
  padding-left: 45px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

#header-v3.header-v3-blog #blog-menu li.first a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/blog-home-icon.png") no-repeat top;
  background-size: cover;
  margin-right: 5px;
  position: absolute;
  top: 9px;
  left: 15px;
}

#header-v3.header-v3-blog .blog-depannage-links {
  display: block;
}

#header-v3.header-v3-blog .blog-depannage-links ul {
  z-index: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

#header-v3.header-v3-blog .blog-depannage-links ul > li {
  width: 100%;
  text-align: center;
  padding: 0px;
}

#header-v3.header-v3-blog .blog-depannage-links a {
  padding: 10px 15px;
  background: #eee;
}

#header-v3.header-v3-blog .blog-depannage-links a:hover {
  background: #00AAFF;
  color: #fff;
}

#header-v3.header-v3-blog #blog-menu a.active[href=\/]::after,
#header-v3.header-v3-blog #blog-menu li.first a.active::before {
  background-position-y: 100%;
}

#header-v3.header-v3-blog .blog-depannage-links a.active,
#header-v3.header-v3-blog #blog-menu a.active {
  background: #00AAFF !important;
  color: #fff !important;
}

#header-v3.header-v3-blog #blog-menu a[href=\/].open {
  background: #ddd !important;
  color: #666 !important;
}

#header-v3.header-v3-blog #blog-menu a[href=\/].open::after {
  background-position-y: 0;
}

#header-v3.header-v3-blog #blog-menu a[href=\/].open:hover,
#header-v3.header-v3-blog #blog-menu a:hover {
  background: #00AAFF !important;
  color: #fff !important;
}

#header-v3.header-v3-blog #blog-menu a[href=\/]:hover::after,
#header-v3.header-v3-blog #blog-menu li.first a:hover::before {
  background-position-y: 100%;
}

@media (max-width: 768px) {
  #header-v3.header-v3-blog .blog-nav {
    display: none;
  }
}
/* Header V3 Faire Maintenant */
#header-v3.header-v3-donow .top-bar {
  order: 1;
  background: none;
  border-bottom: 1px solid #00AAFF;
}

#header-v3.header-v3-donow .logo-container {
  order: 2;
}

#header-v3.header-v3-donow .top-bar nav a {
  color: #00AAFF;
}

#header-v3.header-v3-donow .top-bar nav a:focus,
#header-v3.header-v3-donow .top-bar nav a:hover {
  color: #fff;
  background: #00AAFF;
}

#header-v3.header-v3-donow .top-bar nav a.active {
  color: #fff !important;
  background: #00AAFF !important;
}

#header-v3.header-v3-donow .top-bar nav a[href=\/petits-travaux]::after {
  display: none;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(2) {
  display: none;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) {
  display: none;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(3) {
  display: none;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a {
  border: 2px solid #00AAFF;
  border-radius: 25px;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img {
  display: none;
}

#header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
  border: 0;
  color: #00AAFF;
  padding: 0px 25px;
}

@media (max-width: 768px) {
  #header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a {
    border: 0;
    color: #fff;
  }

  #header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
    color: #fff;
  }

  #header-v3.header-v3-donow .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-adw-text {
    color: #fff;
  }

  #header-v3.header-v3-donow .top-bar {
    background: #233365;
    border: 0;
  }

  #header-v3.header-v3-donow .top-bar nav a {
    color: #fff;
  }
}
/* Header v3 landing v4 */
#header-v3.header-v3-landing-v4 .top-bar {
  display: none;
}

#header-v3.header-v3-landing-v4 .logo-container {
  padding: 30px 15px;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(2) {
  display: none;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(3) {
  display: none;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
  height: 50px;
  width: 335px;
  border: 2px solid #ccc;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img img {
  height: 30px;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-adw-text {
  font-size: 16px;
  border: 0;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
  border: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > .hide-mobile {
  display: none;
}

#header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
  font-size: 20px;
}

@media (max-width: 768px) {
  .landing-h1 {
    font-size: 24px;
  }

  #header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
    height: 100%;
    width: auto;
    border: 0;
  }

  #header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
    text-align: left;
  }

  #header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
    font-size: 12px;
  }

  #header-v3.header-v3-landing-v4 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-adw-text {
    display: none;
  }

  #header-v3.header-v3-landing-v4 .logo-container {
    padding: 0;
  }

  #header-v3.header-v3-landing-v4 .top-bar {
    background: #233365;
  }

  #header-v3.header-v3-landing-v4 .top-bar nav a {
    color: #fff;
  }
}
/* Header v3 landing v5 */
#header-v3.header-v3-landing-v5 {
  border-bottom: 1px solid #eee;
}

#header-v3.header-v3-landing-v5 .top-bar {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container {
  padding: 0px 15px;
  align-items: normal;
}

#header-v3.header-v3-landing-v5 .logo-container .mobile-row:nth-child(1) {
  padding-top: 25px;
  padding-bottom: 15px;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(2) {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(3) {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons {
  height: 100%;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) {
  height: 100%;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
  height: 100%;
  width: auto;
  border: 0;
  border-radius: 0;
  background: #005faa;
  color: #fff;
  padding: 0px 25px;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img {
  width: auto;
  padding: 0;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img img {
  height: 55px;
  margin-right: 10px;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-adw-text {
  border: 0;
  text-transform: none;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
  padding: 0;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a.header-adw-button .header-contact-text:not(.header-adw-text) {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a:not(.header-adw-button) .header-contact-text.header-adw-text {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
  border: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #fff;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > .hide-mobile {
  display: none;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
  font-size: 20px;
}

#header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) > span {
  margin-top: 6px;
  font-size: 8px;
}

@media (max-width: 768px) {
  .landing-h1 {
    font-size: 24px;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a {
    height: 100%;
    width: auto;
    border: 0;
    padding-left: 10px;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text {
    text-align: left;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) {
    position: relative;
    z-index: 10;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-text > div:nth-child(2) strong {
    font-size: 12px;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-adw-text {
    display: none;
  }

  #header-v3.header-v3-landing-v5 .logo-container {
    padding: 0;
  }

  #header-v3.header-v3-landing-v5 .top-bar {
    background: #233365;
  }

  #header-v3.header-v3-landing-v5 .top-bar nav a {
    color: #fff;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img {
    display: flex;
  }

  #header-v3.header-v3-landing-v5 .logo-container .header-buttons .header-button-container:nth-child(1) > a .header-contact-img img {
    height: 15px;
    margin: auto;
  }
}
/* Bricolage */
.brico-main {
  background: url(../img/les-petits-travaux-mesdepanneurs.jpg) center no-repeat;
  background-size: cover;
  height: 700px;
  color: #fff;
  text-align: center;
  position: relative;
}

.brico-main::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.brico-main > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 0px 150px;
}

.brico-main h1 {
  font-size: 80px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 50px;
  text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
}

.brico-main p {
  margin-bottom: 25px;
}

.brico-main a {
  color: #fff;
  font-weight: bold;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 10px 25px;
  text-decoration: none;
  margin-top: 50px;
}

.brico-bg2 {
  background: url(../img/les-travaux-mesdepanneurs.png) center no-repeat;
  background-size: cover;
}

.brico-questionnaire {
  text-align: center;
  padding: 0px;
  padding-top: 50px;
}

.brico-questionnaire > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.brico-questionnaire h2 {
  font-weight: bold;
  margin: 0;
  margin-bottom: 25px;
  font-size: 40px;
}

.brico-questionnaire .brico-questionnaire-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.brico-questionnaire .brico-questionnaire-links > div {
  width: 50%;
  padding: 10px;
}

.brico-questionnaire .brico-questionnaire-links > div:nth-child(odd) {
  text-align: right;
}

.brico-questionnaire .brico-questionnaire-links > div:nth-child(even) {
  text-align: left;
}

.brico-questionnaire .brico-questionnaire-links > div a {
  text-align: center;
  max-width: 400px;
  box-shadow: 0px 2px 1px rgba(35, 51, 101, 0.2);
  text-decoration: none;
  background: #33bbff;
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 15px 0px;
  font-weight: bold;
  border-radius: 3px;
}

.brico-questionnaire .brico-questionnaire-links > div a:hover {
  background: #19b2ff;
}

.brico-cases {
  padding: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.brico-cases h2 {
  margin: 0px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.brico-cases .brico-cases-links {
  text-align: center;
}

.brico-cases .brico-cases-links a {
  text-decoration: none;
  display: inline-block;
  color: #00AAFF;
  background: #fff;
  border: 2px solid #00AAFF;
  border-radius: 25px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  padding: 5px 20px;
  margin: 10px;
}

.brico-confiance {
  margin-top: 100px;
}

.brico-confiance h2 {
  text-align: center;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0px;
  font-size: 40px;
}

.brico-confiance .brico-info-container {
  display: flex;
  flex-wrap: wrap;
}

.brico-confiance .brico-info-container > div {
  width: 50%;
  padding: 0px 10px;
}

.brico-confiance .brico-info-container > div h3 {
  margin: 0;
  margin-top: 25px;
  color: #233365;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
}

.brico-confiance .brico-info-container > div p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  margin-top: 25px;
}

.brico-info {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  margin-top: 75px;
}

.brico-info h2 {
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
  font-size: 40px;
}

.brico-info h2 span {
  display: inline-block;
  position: relative;
  top: -25px;
  background: #fff;
  padding: 0px 15px;
  font-weight: 100;
}

.brico-info > div > p {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  position: relative;
  top: -25px;
  font-weight: bold;
}

.brico-info .brico-info-container {
  display: flex;
  flex-wrap: wrap;
  display: block;
  column-count: 2;
}

.brico-info .brico-info-container > div {
  width: 50%;
  padding: 0px 10px;
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  display: inline-block;
}

.brico-info .brico-info-container > div h3 {
  margin: 0;
  margin-top: 25px;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
}

.brico-info .brico-info-container > div p,
.brico-info .brico-info-container > div ul {
  margin: 0;
  margin-top: 25px;
}

.brico-info .brico-info-container > div ul {
  list-style: none;
  padding: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  line-height: 22px;
}

.brico-info .brico-info-container > div ul li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.brico-info .brico-info-container > div ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 15px;
  height: 10px;
  background: url("../img/picto-arrow-right.png") center no-repeat;
  background-size: contain;
}

.brico-news {
  text-align: center;
  margin-top: 50px;
}

.brico-news .brico-news-box {
  display: inline-block;
  width: 50%;
  padding: 10px;
}

.brico-news .brico-news-box p {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  margin-bottom: 15px;
  padding: 0px 25px;
}

.brico-news .brico-news-box .brico-news-links a {
  text-decoration: none;
  margin: 0px 15px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #00AAFF;
  font-size: 12px;
  line-height: 16px;
}

.brico-news .brico-news-box .brico-news-links a strong {
  display: inline-block;
  margin-top: 5px;
}

.brico-others {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
  margin-top: 50px;
}

.brico-others h2 {
  margin: 0;
  text-align: center;
  margin-bottom: 25px;
}

.brico-others h2 strong {
  font-weight: normal;
  font-size: 40px;
  position: relative;
  top: -25px;
  background: #fff;
  display: inline-block;
  padding: 0px 15px;
}

.brico-others h2 span {
  display: block;
  font-size: 30px;
  position: relative;
  top: -20px;
}

.brico-others .brico-others-container {
  display: flex;
  justify-content: center;
}

.brico-others .brico-others-container > div {
  padding: 0px 10px;
}

.brico-others .brico-others-container > div a {
  color: #041c25;
  text-decoration: none;
}

.brico-others .brico-others-container > div a:hover {
  color: #00AAFF;
}

.brico-others .brico-others-container > div a h3 {
  white-space: nowrap;
  margin: 0;
  margin-bottom: 15px;
  margin-right: 25px;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  display: inline-block;
}

.brico-others .brico-others-container > div a h3::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -25px;
  width: 18px;
  height: 18px;
  top: 2px;
  background: url("../img/picto-fleche-ronde.png") center no-repeat;
  background-size: contain;
}

.brico-others .brico-others-container > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.brico-others .brico-others-container > div ul li {
  padding-left: 20px;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.brico-others .brico-others-container > div ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 10px;
  background: url("../img/picto-arrow-right.png") center no-repeat;
  background-size: contain;
}

.brico-others .brico-others-container > div ul li a {
  color: #999;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.brico-others .brico-others-container > div ul li a:hover {
  color: #00AAFF;
}

.brico-all-cases {
  margin: 50px 0px;
  margin-top: 75px;
}

.brico-all-cases-title {
  position: absolute;
  top: 0px;
  left: 25%;
  width: 75%;
}

.brico-all-cases-title h2 {
  margin: 0;
  font-size: 40px;
  line-height: 40px;
  font-weight: 100;
  text-align: left;
  padding: 25px;
  width: 100%;
}

.brico-all-cases-box {
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
}

.brico-all-cases-box > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: #eee;
  width: 25%;
  height: 100%;
}

.brico-all-cases-box > ul > li > a {
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 20px;
  text-decoration: none;
  color: #aaa;
}

.brico-all-cases-box > ul > li:not(:first-child) > a {
  border-top: 1px solid #ccc;
}

.brico-all-cases-box > ul > li > a.active {
  color: #fff;
  background: #00AAFF;
}

.brico-all-cases-box > ul > li > a.active + .brico-all-cases-links {
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  height: 100%;
  width: 75%;
  padding: 0px 25px;
  padding-top: 90px;
  padding-bottom: 25px;
}

.brico-all-cases-box > ul > li .brico-all-cases-links {
  display: none;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  display: block;
  column-count: 3;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li {
  width: 33.33%;
  display: flex;
  padding-left: 25px;
  font-size: 16px;
  margin-top: 15px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  width: 100%;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a {
  color: #041c25;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  text-decoration: none;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #000;
  border-radius: 25px;
  position: absolute;
  top: 2px;
  left: 6px;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a:hover,
.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a:focus {
  color: #00AAFF;
}

.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a:hover::before,
.brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a:focus::before {
  border-color: #00AAFF;
  background: #00AAFF;
}

@media (max-width: 1200px) {
  .brico-main > .container {
    padding: 0px 30px;
  }
}
@media (max-width: 992px) {
  .brico-others {
    margin-bottom: 25px;
    padding: 0;
  }

  .brico-others h2 strong {
    font-size: inherit;
    top: 0;
    padding: 0;
  }

  .brico-others h2 span {
    display: none;
  }

  .brico-others .brico-others-container {
    flex-direction: column;
    padding: 10px;
  }

  .brico-others .brico-others-container > div {
    padding: 0;
  }

  .brico-others .brico-others-container > div h3 {
    margin: 0px;
    font-size: 14px;
  }

  .brico-others .brico-others-container > div h3::after {
    height: 15px;
    top: 0px;
  }

  .brico-others .brico-others-container > div ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .brico-others .brico-others-container > div ul li {
    margin: 0;
    height: 12px;
    margin-top: 5px;
    padding-left: 15px;
  }

  .brico-others .brico-others-container > div ul li::before {
    height: 12px;
    height: 8px;
    top: 2px;
  }

  .brico-others .brico-others-container > div ul li a {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 768px) {
  .brico-main {
    height: auto;
    padding: 50px 0px;
  }

  .brico-main h1 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .brico-main p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 10px;
  }

  .brico-main a {
    display: none;
    margin-top: 25px;
    font-size: 18px;
  }

  .brico-main > .container {
    padding: 0px 15px;
  }

  .brico-questionnaire {
    padding-top: 25px;
  }

  .brico-questionnaire > .container {
    padding: 0px 10px;
  }

  .brico-questionnaire h2 {
    font-size: 20px;
    margin: 0px;
  }

  .brico-questionnaire .brico-questionnaire-links > div {
    display: flex;
  }

  .brico-questionnaire .brico-questionnaire-links > div a {
    font-size: 14px;
    line-height: 16px;
    padding: 0px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .brico-cases {
    padding-top: 14px;
    padding-bottom: 25px;
  }

  .brico-cases h2 {
    font-size: 18px;
  }

  .brico-cases .brico-cases-links a {
    font-size: 12px;
    line-height: 12px;
    margin: 5px;
    max-width: 300px;
    width: 100%;
  }

  .brico-confiance .brico-info-container {
    flex-direction: column;
    padding: 10px;
  }

  .brico-confiance .brico-info-container > div {
    width: 100%;
    padding: 0px;
  }

  .brico-confiance .brico-info-container > div:not(:first-child) {
    margin-top: 15px;
  }

  .brico-confiance .brico-info-container > div h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
  }

  .brico-confiance .brico-info-container > div p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
  }

  .brico-info {
    padding: 0px;
  }

  .brico-info h2 span {
    top: 0px;
    padding: 0px;
  }

  .brico-info > div > p {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 10px 0px 10px;
    top: 0px;
  }

  .brico-info .brico-info-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  .brico-info .brico-info-container > div {
    width: 100%;
    padding: 0px;
  }

  .brico-info .brico-info-container > div:not(:first-child) {
    margin-top: 15px;
  }

  .brico-info .brico-info-container > div h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
  }

  .brico-info .brico-info-container > div p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
  }

  .brico-info .brico-info-container > div ul {
    display: flex;
    flex-direction: column;
    margin: 0px;
    margin-top: 10px;
    font-size: 14px;
  }

  .brico-info .brico-info-container > div ul li {
    margin: 0;
    height: auto;
    margin-top: 5px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .brico-info .brico-info-container > div ul li::before {
    height: 14px;
    height: 8px;
    top: 2px;
  }

  .brico-news {
    margin-top: 15px;
  }

  .brico-news .brico-news-box {
    width: 100%;
  }

  .brico-news .brico-news-box p {
    padding: 0px;
    font-size: 14px;
    line-height: 18px;
  }

  .brico-all-cases {
    margin: 15px 0px;
  }

  .brico-all-cases-title {
    position: static;
    padding: 15px;
  }

  .brico-all-cases-title h2 {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    position: static;
    padding: 0;
    text-align: left;
  }

  .brico-all-cases-box > ul {
    width: 100%;
  }

  .brico-all-cases-box > ul > li > a {
    font-size: 14px;
    padding: 10px 15px;
  }

  .brico-all-cases-box > ul > li:first-child > a {
    border-top: 1px solid #ccc;
  }

  .brico-all-cases-box > ul > li > a.active + .brico-all-cases-links {
    position: static;
    width: 100%;
    padding: 15px;
    background: #fff;
  }

  .brico-all-cases-box > ul > li .brico-all-cases-links > ul > li {
    width: 100%;
    padding-left: 15px;
    margin-top: 0;
  }

  .brico-all-cases-box > ul > li .brico-all-cases-links > ul > li:not(:first-child) {
    margin-top: 10px;
  }

  .brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a {
    font-size: 10px;
    line-height: 10px;
    display: flex;
  }

  .brico-all-cases-box > ul > li .brico-all-cases-links > ul > li a::before {
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    top: 1px;
    left: 3px;
  }
}
/* Profession (Corps de métier) */
#profession-page {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.profession-header {
  /*min-height: 500px;*/
  min-height: 0px;
  padding: 25px 0px;
  color: #fff;
  text-align: center;
  position: relative;
}

.profession-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.profession-header.plomberie {
  background: url(../img/plomberie-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.revetement-sol {
  background: url(../img/revetement-sol-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.electricite {
  background: url(../img/electricite-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.electricite::before {
  background: rgba(0, 0, 0, 0.2);
}

.profession-header.serrurerie {
  background: url(../img/serrurerie-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.serrurerie::before {
  background: rgba(0, 0, 0, 0.4);
}

.profession-header.vitrerie {
  background: url(../img/vitrerie-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.chauffage {
  background: url(../img/chauffage-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.petits-travaux {
  background: url(../img/les-petits-travaux-mesdepanneurs.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.petits-travaux::before {
  background: rgba(0, 0, 0, 0.2);
}

.profession-header.electromenager {
  background: url(../img/electromenager-mesdepanneurs-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.peinture {
  background: url(../img/peinture-mesdepanneurs-une-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.jardinage {
  background: url(../img/jardinage-mesdepanneurs-une-solution-engie.jpg) center no-repeat;
  background-size: cover;
}

.profession-header.jardinage::before {
  background: rgba(0, 0, 0, 0.2);
}

.profession-header > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 0px 150px;
}

.profession-header h1 {
  font-size: 50px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 25px;
}

.profession-header p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  margin-top: 25px;
}

.profession-header a.profession-cta {
  margin: 50px 0;
  position: relative;
  color: #fff;
  padding: 15px 35px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  background: #005faa;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 30px;
}

/*
.profession-header a.profession-cta::before {content: ''; display: block; -webkit-filter: blur(10px); filter: blur(10px); background: rgba(0,0,0,0.3); width: 80%; height: 100%; position: absolute; bottom: -15px; left: 50%; z-index: -1; transform: translateX(-50%);}
*/
.profession-header a.profession-cta span {
  position: relative;
  z-index: 10;
}
.profession-header a.profession-cta span:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: normal;
  margin-left: 10px;
}

.profession-header.profession-header-black {
  color: #041c25;
}

.profession-header.profession-header-black a.profession-cta {
  background: #005faa;
}

.profession-header.profession-header-black .profession-best-cases h2 {
  color: #041c25;
}

.profession-header.profession-header-white {
  color: #fff;
}

.profession-header.profession-header-white a.profession-cta {
  color: #005faa;
  background: #fff;
}

.profession-header.profession-header-white .profession-best-cases h2 {
  color: #fff;
}

.profession-header.profession-header-white .profession-best-cases a {
  border: 2px solid transparent;
}

.profession-picto {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.profession-picto > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
  height: 140px;
}

.profession-picto > div > img {
  margin-bottom: auto;
}

.profession-picto > div > span {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: auto;
}

.profession-questionnaire {
  text-align: center;
  padding: 50px 0px;
  margin-top: 50px;
  border-radius: 3px;
}
.profession-questionnaire div ul {
  width: 100%;
}
.profession-questionnaire div ul li {
  justify-content: space-between;
}
.profession-questionnaire div ul li a {
  position: relative;
  flex-direction: row;
  padding: 0 10px;
  width: 100%;
  max-width: 100%;
}
.profession-questionnaire div ul li a:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
  font-size: 14px;
  margin-top: 2px;
}

.profession-picto2 {
  margin-top: 30px;
  text-align: center;
}
.profession-picto2 div {
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
.profession-picto2 div img {
  display: block;
  margin: 0 auto 10px;
  max-width: 20%;
}

.profession-questionnaire.adw {
  padding: 75px 0px;
  margin-top: 0;
}

.profession-questionnaire.plomberie {
  background: url(../img/illustration-plomberie.gif);
  background-size: cover;
}

.profession-questionnaire.electricite {
  background: url(../img/illustration-electricite.png);
  background-size: cover;
}

.profession-questionnaire.serrurerie {
  background: url(../img/illustration-serrurerie.gif);
  background-size: cover;
}

.profession-questionnaire.chauffage {
  background: url(../img/illustration-chauffage.gif);
  background-size: cover;
}

.profession-questionnaire.vitrerie {
  background: url(../img/illustration-vitrerie.gif);
  background-size: cover;
}

.profession-questionnaire.electromenager {
  background: url(../img/illustration-electromenager.gif);
  background-size: cover;
}

.profession-questionnaire.petits-travaux {
  background: url(../img/les-travaux-mesdepanneurs.png);
  background-size: cover;
}

.profession-questionnaire > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  background: #fff;
  padding-bottom: 50px;
}

.profession-questionnaire h2 {
  font-weight: bold;
  margin: 0;
  margin-bottom: 25px;
  font-size: 40px;
  position: relative;
  top: -20px;
  background: #fff;
  padding: 0px 25px;
}

.profession-questionnaire ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.profession-questionnaire ul > li {
  width: 50%;
  padding: 10px;
}

.profession-questionnaire ul > li:nth-child(odd) {
  text-align: right;
}

.profession-questionnaire ul > li:nth-child(even) {
  text-align: left;
  padding-left: 25px;
}

.profession-questionnaire ul > li:nth-last-child(1):nth-child(odd) {
  margin-left: 25%;
  text-align: center;
}

.profession-questionnaire ul > li a {
  font-size: 20px;
  line-height: 1;
  width: 400px;
  height: 60px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 400px;
  box-shadow: 0px 2px 1px rgba(35, 51, 101, 0.2);
  text-decoration: none;
  background: #33bbff;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
}

.profession-questionnaire ul > li a:hover {
  background: #19b2ff;
}

.profession-questionnaire ul > li a span {
  font-size: 12px;
  line-height: 1;
  font-weight: normal;
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .profession-questionnaire ul > li a span {
    position: absolute;
    top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .profession-questionnaire ul > li a span {
    position: absolute;
    top: 25px;
  }
}

.profession-best-cases {
  margin-top: 50px;
}

.profession-best-cases h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

.profession-best-cases ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.profession-best-cases a {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 10px;
  background: #fff;
  color: #00AAFF;
  border: 2px solid #00AAFF;
}
.profession-best-cases a:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .profession-best-cases a:after {
    font-size: 10px;
  }
}

.profession-best-cases a:hover {
  background: #00AAFF;
  color: #fff;
}

.profession-header .profession-best-cases {
  margin: 0;
}

.profession-header .profession-best-cases h2 {
  font-size: 20px;
}

.profession-confiance {
  margin-top: 100px;
}

.profession-confiance h2 {
  text-align: center;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0px;
  font-size: 40px;
}

.profession-confiance .profession-info-container {
  display: flex;
  flex-wrap: wrap;
}

.profession-confiance .profession-info-container > div {
  width: 50%;
  padding: 0px 10px;
}

.profession-confiance .profession-info-container > div h3 {
  margin: 0;
  margin-top: 25px;
  color: #233365;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
}

.profession-confiance .profession-info-container > div p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  margin-top: 25px;
}

.profession-all-cases {
  margin-top: 100px;
}

.profession-all-cases-title {
  position: absolute;
  top: 0px;
  left: 25%;
  width: 75%;
}

.profession-all-cases-title h2 {
  margin: 0;
  font-size: 40px;
  line-height: 40px;
  font-weight: 100;
  text-align: left;
  padding: 25px;
  width: 100%;
}

.profession-all-cases-box {
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
}

.profession-all-cases-box > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: #eee;
  width: 25%;
  height: 100%;
}

.profession-all-cases-box > ul > li > a {
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 20px;
  text-decoration: none;
  color: #aaa;
  transition: background 0.2s;
}

.profession-all-cases-box > ul > li > a:hover {
  background: rgba(0, 170, 255, 0.4);
  color: #fff;
}

.profession-all-cases-box > ul > li:not(:first-child) > a {
  border-top: 1px solid #ccc;
}

.profession-all-cases-box > ul > li > a.active {
  color: #fff;
  background: #00aaff;
}

.profession-all-cases-box > ul > li > a.active + .profession-all-cases-links {
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  height: 100%;
  width: 75%;
  padding: 0px 25px;
  padding-top: 100px;
  padding-bottom: 40px;
}

.profession-all-cases-box > ul > li .profession-all-cases-links {
  display: none;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  display: block;
  column-count: 3;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li {
  width: 33.33%;
  display: flex;
  padding-left: 25px;
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  width: 100%;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a {
  vertical-align: top;
  color: #041c25;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  text-decoration: none;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #000;
  border-radius: 25px;
  position: absolute;
  top: 2px;
  left: 6px;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a:hover,
.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a:focus {
  color: #00AAFF;
}

.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a:hover::before,
.profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a:focus::before {
  border-color: #00AAFF;
  background: #00AAFF;
}

.profession-info {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  margin-top: 100px;
}

.profession-info h2 {
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
  font-size: 40px;
}

.profession-info h2 span {
  display: inline-block;
  position: relative;
  top: -25px;
  background: #fff;
  padding: 0px 15px;
  font-weight: 100;
}

.profession-info > div > p {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  position: relative;
  top: -25px;
  font-weight: bold;
}

.profession-info .profession-info-container {
  display: flex;
  flex-wrap: wrap;
  display: block;
  column-count: 2;
  padding-bottom: 10px;
}

.profession-info .profession-info-container > div {
  width: 50%;
  padding: 0px 10px;
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  display: inline-block;
}

.profession-info .profession-info-container > div h3 {
  margin: 0;
  margin-top: 25px;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
}

.profession-info .profession-info-container > div p,
.profession-info .profession-info-container > div ul {
  margin: 0;
  margin-top: 25px;
}

.profession-info .profession-info-container > div ul {
  list-style: none;
  padding: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  line-height: 22px;
}

.profession-info .profession-info-container > div ul li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.profession-info .profession-info-container > div ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 15px;
  height: 10px;
  background: url("../img/picto-arrow-right.png") center no-repeat;
  background-size: contain;
}

.profession-map {
  margin-top: 100px;
}

.profession-map > .container {
  text-align: center;
}

.profession-map > .container h2 {
  font-size: 40px;
  margin: 0;
  margin-bottom: 15px;
  font-weight: 100;
}

.profession-map > .container p {
  font-weight: bold;
  font-size: 18px;
}

.profession-map .profession-map-OSM-container {
  position: relative;
  margin-top: 25px;
}

.profession-map #OSMMap {
  height: 700px;
}

.profession-map .profession-map-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  height: 100%;
}

.profession-map .profession-map-list .container {
  height: 100%;
}

.profession-map .profession-map-list .container > div {
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 0px;
  display: inline-flex;
  flex-direction: column;
}

.profession-map .profession-map-list .container > div .OSM-map-input-container {
  padding: 30px;
}

.profession-map .profession-map-list .container > div input {
  padding: 0px 10px;
  font-family: "uniform-rounded";
  line-height: 1;
  width: 100%;
  border: 0;
  background: #eee;
  border-radius: 3px;
  font-size: 20px;
  font-weight: 100;
  min-width: 250px;
  min-height: 45px;
  outline: none;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1) inset;
}

.profession-map .profession-map-list .container > div input::placeholder {
  color: #00AAFF;
  opacity: 1;
}

.profession-map .profession-map-list .container > div input:-ms-input-placeholder {
  color: #00AAFF;
}

.profession-map .profession-map-list .container > div input::-ms-input-placeholder {
  color: #00AAFF;
}

.profession-map .profession-map-list .container > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.profession-map .profession-map-list .container > div ul::-webkit-scrollbar {
  width: 2px;
}

.profession-map .profession-map-list .container > div ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.profession-map .profession-map-list .container > div ul::-webkit-scrollbar-thumb {
  /*background: #888;*/
  background: #00AAFF;
}

.profession-map .profession-map-list .container > div ul li {
  padding: 5px 0px;
  padding-left: 30px;
}

.profession-map .profession-map-list .container > div ul#OSM-town-list > li {
  padding-right: 30px;
}

.profession-map .profession-map-list .container > div ul#OSM-town-list ul {
  overflow-y: auto;
}

.profession-map .profession-map-list .container > div > ul {
  padding-bottom: 25px;
}

.profession-map .profession-map-list .container > div ul li.active {
  background: none;
}

.profession-map .profession-map-list .container > div ul li a {
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  color: #aaa;
  position: relative;
}

.profession-map .profession-map-list .container > div ul li a:hover {
  color: #00AAFF;
}

.profession-map .profession-map-list .container > div ul li.active > a {
  color: #00AAFF;
}

/*
.profession-map .profession-map-list .container > div ul li.active > a.is-menu::before {background-position-y: 9px;}
.profession-map .profession-map-list .container > div ul li a.is-menu::before {content: ''; display: inline-block; background: url(../img/fleche-menu.png); background-position-y: 0px; background-size: cover; width: 15px; height: 9px; margin-right: 5px; position: absolute; left: -20px; bottom: 9px;}
.profession-map .profession-map-list .container > div ul li a.is-menu:hover::before {background-position-y: 9px;}
*/
.profession-map .profession-map-list .container > div ul.OSM-town-sub-menu {
  margin: 0;
}

.profession-map .profession-map-list .container > div ul a.OSM-landing-link {
  color: #00AAFF;
  font-size: 10px;
  text-decoration: underline;
  padding: 0;
  margin: 0;
  margin-left: 5px;
  vertical-align: middle;
}

.profession-news {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.profession-news .profession-news-box {
  display: inline-block;
  width: 50%;
  padding: 10px;
}

.profession-news .profession-news-box p {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  margin-bottom: 15px;
  padding: 0px 25px;
}

.profession-news .profession-news-box .profession-news-links a {
  text-decoration: none;
  margin: 0px 15px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #00AAFF;
  font-size: 12px;
  line-height: 16px;
}

.profession-news .profession-news-box .profession-news-links a strong {
  display: inline-block;
  margin-top: 5px;
}

@media (max-width: 1200px) {
  .profession-header > .container {
    padding: 0px 30px;
  }
}
@media (max-width: 768px) {
  .profession-header {
    height: auto;
    padding: 50px 0px;
  }

  .profession-header h1 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .profession-header p {
    margin: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 10px;
  }

  .profession-header p:not(:last-child) {
    display: none;
  }

  .profession-header p:last-child strong {
    font-weight: normal;
  }

  .profession-header a {
    margin-top: 25px;
    font-size: 18px;
  }

  .profession-header a.profession-cta {
    padding: 15px 20px;
    font-size: 16px;
    margin: 0;
    margin-top: 25px;
  }

  .profession-header > .container {
    padding: 0px 15px;
  }

  .profession-header .profession-best-cases ul > li {
    width: 100%;
  }

  .profession-header .profession-best-cases ul a {
    max-width: 300px;
    width: 100%;
    font-size: 12px;
    margin: 5px 0px;
  }

  .profession-picto {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .profession-picto > div {
    margin: 0;
    margin-top: 25px;
    height: 70px;
    width: 33.33%;
  }

  .profession-picto > div > img {
    height: 35px;
  }

  .profession-picto > div > img.picto-calendrier {
    height: 39px;
  }

  /*
    .profession-picto > div > img.picto-loupe {width: 35px;}
    .profession-picto > div > img.picto-artisans {width: 35px;}
    .profession-picto > div > img.picto-devis {width: 26px;}
    .profession-picto > div > img.picto-calendrier {width: 39px;}
    .profession-picto > div > img.picto-prix {width: 29px;}
    .profession-picto > div > img.picto-sav {width: 35px;}
    */
  .profession-picto > div > span {
    font-size: 10px;
  }

  #profession-page .profession-questionnaire {
    margin-top: 25px;
    border: 0;
    padding-bottom: 0;
    background: none;
    padding-top: 0;
  }

  .profession-questionnaire > .container {
    padding: 0px 10px;
    border: 0px;
  }

  .profession-questionnaire h2 {
    font-size: 22px;
    margin: 0px;
    top: 0;
  }

  .profession-questionnaire ul {
    margin-top: 15px;
  }

  .profession-questionnaire ul > li {
    width: 100%;
    padding: 5px;
  }

  .profession-questionnaire ul > li:nth-child(odd),
.profession-questionnaire ul > li:nth-child(even),
.profession-questionnaire ul > li:nth-last-child(1):nth-child(odd) {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
  }

  .profession-questionnaire ul > li a {
    font-size: 14px;
    line-height: 16px;
    height: 40px;
    width: 100%;
  }

  .profession-questionnaire ul > li a span {
    padding: 0px;
    font-size: 9px;
  }

  .profession-questionnaire ul > li a br {
    display: none;
  }

  .profession-best-cases {
    margin-top: 25px;
  }

  .profession-best-cases h2 {
    font-size: 20px;
  }

  .profession-best-cases ul > li {
    width: 100%;
    text-align: center;
  }

  .profession-best-cases ul a {
    max-width: 300px;
    width: 100%;
    font-size: 12px;
    margin: 5px 0px;
  }

  .profession-confiance .profession-info-container {
    flex-direction: column;
    padding: 10px;
  }

  .profession-confiance .profession-info-container > div {
    width: 100%;
    padding: 0px;
  }

  .profession-confiance .profession-info-container > div:not(:first-child) {
    margin-top: 15px;
  }

  .profession-confiance .profession-info-container > div h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
  }

  .profession-confiance .profession-info-container > div p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
  }

  .profession-all-cases {
    margin: 15px 0px;
  }

  .profession-all-cases-title {
    position: static;
    padding: 15px;
  }

  .profession-all-cases-title h2 {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    position: static;
    padding: 0;
    text-align: left;
  }

  .profession-all-cases-box > ul {
    width: 100%;
  }

  .profession-all-cases-box > ul > li > a {
    font-size: 14px;
    padding: 10px 15px;
  }

  .profession-all-cases-box > ul > li:first-child > a {
    border-top: 1px solid #ccc;
  }

  .profession-all-cases-box > ul > li > a.active + .profession-all-cases-links {
    position: static;
    width: 100%;
    padding: 15px;
    background: #fff;
  }

  .profession-all-cases-box > ul > li .profession-all-cases-links > ul {
    display: flex;
  }

  .profession-all-cases-box > ul > li .profession-all-cases-links > ul > li {
    width: 100%;
    padding-left: 15px;
    margin-top: 0;
  }

  .profession-all-cases-box > ul > li .profession-all-cases-links > ul > li:not(:first-child) {
    margin-top: 10px;
  }

  .profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a {
    font-size: 10px;
    line-height: 10px;
    display: flex;
  }

  .profession-all-cases-box > ul > li .profession-all-cases-links > ul > li a::before {
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    top: 1px;
    left: 3px;
  }

  .profession-info {
    padding: 0px;
  }

  .profession-info h2 span {
    top: 0px;
    padding: 0px;
  }

  .profession-info > div > p {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 10px 0px 10px;
    top: 0px;
  }

  .profession-info .profession-info-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  .profession-info .profession-info-container > div {
    width: 100%;
    padding: 0px;
  }

  .profession-info .profession-info-container > div:not(:first-child) {
    margin-top: 15px;
  }

  .profession-info .profession-info-container > div h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
  }

  .profession-info .profession-info-container > div p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
  }

  .profession-info .profession-info-container > div ul {
    display: flex;
    flex-direction: column;
    margin: 0px;
    margin-top: 10px;
    font-size: 14px;
  }

  .profession-info .profession-info-container > div ul li {
    margin: 0;
    height: auto;
    margin-top: 5px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .profession-info .profession-info-container > div ul li::before {
    height: 14px;
    height: 8px;
    top: 2px;
  }

  .profession-map {
    margin-top: 25px;
  }

  .profession-map > .container h2 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .profession-map > .container p {
    font-size: 12px;
  }

  .profession-map #OSMMap {
    height: 400px;
  }

  /*
    .profession-map .profession-map-list .container {text-align: center;}
    .profession-map .profession-map-list .container > div {text-align: left;}
    */
  .profession-map .profession-map-list .container > div .OSM-map-input-container {
    padding: 15px;
  }

  .profession-map .profession-map-list .container > div ul > li {
    line-height: 1;
  }

  .profession-map .profession-map-list .container > div {
    background: rgba(255, 255, 255, 0.7);
  }

  .profession-map .profession-map-list .container > div input {
    font-size: 14px;
    min-height: 30px;
  }

  .profession-map .profession-map-list .container > div ul {
    margin-top: 0px;
  }

  .profession-map .profession-map-list .container > div ul li a {
    font-size: 14px;
    color: #666;
  }

  .profession-news {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .profession-news .profession-news-box {
    width: 100%;
  }

  .profession-news .profession-news-box p {
    padding: 0px;
    font-size: 14px;
    line-height: 18px;
  }
}
/* Retractable Text */
.retractable .box-title a {
  display: none;
}

.retractable .box-title a:hover,
.retractable .box-title a:focus {
  text-decoration: none;
}

.retractable .fold-button-container {
  display: none;
}

@media (max-width: 992px) {
  .retractable.retract-early > div.folded {
    height: 150px;
    overflow: hidden;
    position: relative;
  }

  .retractable.retract-early > div.folded::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
    z-index: 5;
  }

  .retractable.retract-early > div.folded .fold-button-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 15px;
  }

  .retractable.retract-early > div.folded .fold-button-container a {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #00AAFF;
    border: 2px solid #00AAFF;
    border-radius: 25px;
    height: 30px;
    padding: 3px 15px;
  }

  .retractable.retract-early > div.folded .fold-button-container a:hover,
.retractable.retract-early > div.folded .fold-button-container a:focus {
    text-decoration: none;
    color: #00AAFF;
  }

  .retractable.retract-early .box-title {
    margin: 0;
    font-weight: normal;
    text-align: left;
    position: static;
    font-size: 20px;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .retractable.retract-early .box-title a {
    display: inline-block;
    font-size: 14px;
    color: #bbb;
  }

  .retractable.retract-early .box-title a:hover,
.retractable.retract-early .box-title a:focus {
    text-decoration: none;
    color: #bbb;
  }

  .retractable.retract-early {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .retractable > div.folded {
    height: 150px;
    overflow: hidden;
    position: relative;
  }

  .retractable > div.folded::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
    z-index: 5;
  }

  .retractable > div.folded .fold-button-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 15px;
  }

  .retractable > div.folded .fold-button-container a {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #00AAFF;
    border: 2px solid #00AAFF;
    border-radius: 25px;
    height: 30px;
    padding: 3px 15px;
  }

  .retractable > div.folded .fold-button-container a:hover,
.retractable > div.folded .fold-button-container a:focus {
    text-decoration: none;
    color: #00AAFF;
  }

  .retractable .box-title {
    margin: 0;
    font-weight: normal;
    text-align: left;
    position: static;
    font-size: 20px;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .retractable .box-title a {
    display: inline-block;
    font-size: 14px;
    color: #bbb;
  }

  .retractable .box-title a:hover,
.retractable .box-title a:focus {
    text-decoration: none;
    color: #bbb;
  }

  .retractable {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 15px;
  }
}
nav.noheating a[href=\/chauffage] {
  display: none;
}

/* Footer V3 */
body {
  height: auto;
  min-height: 100%;
  position: relative;
}

#footer-v3 .footer-v3-profession {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 75px;
}

#footer-v3 .footer-v3-profession h2 {
  margin: 0;
  text-align: center;
  margin-bottom: 25px;
}

#footer-v3 .footer-v3-profession h2 strong {
  font-weight: normal;
  font-size: 40px;
  position: relative;
  top: -25px;
  background: #eee;
  display: inline-block;
  padding: 0px 15px;
}

#footer-v3 .footer-v3-profession h2 span {
  display: block;
  font-size: 30px;
  position: relative;
  top: -20px;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container {
  display: flex;
  justify-content: center;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div {
  padding: 0px 10px;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div a {
  color: #041c25;
  text-decoration: none;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div a:hover {
  color: #00AAFF;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div a h3 {
  white-space: nowrap;
  margin: 0;
  margin-bottom: 15px;
  margin-right: 25px;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  display: inline-block;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div a h3::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -25px;
  width: 18px;
  height: 18px;
  top: 2px;
  background: url("../img/picto-fleche-ronde.png") center no-repeat;
  background-size: contain;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li {
  padding-left: 20px;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 10px;
  background: url("../img/picto-arrow-right.png") center no-repeat;
  background-size: contain;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li a {
  color: #999;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

#footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li a:hover {
  color: #00AAFF;
}

#footer-v3 {
  z-index: 10;
  background: #eee;
  padding: 50px 0px 40px 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  font-family: "uniform-rounded";
}
@media screen and (max-width: 991px) {
  #footer-v3 {
    padding-bottom: 80px;
  }
}

#footer-v3 h2,
#footer-v3 h3 {
  font-family: "uniform-rounded";
}

#footer-v3 .footer-text {
  display: inline-block;
  width: 100%;
  line-height: 26px;
}

#footer-v3 .footer-text strong {
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  color: #666;
}

#footer-v3 .footer-text span {
  font-size: 26px;
  display: inline-block;
  width: 100%;
  color: #666;
}

#footer-v3 .copyright {
  font-size: 11px;
  color: #ccc;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-top: auto;
}

/*
#footer-v3 .footer-v3-bottom {display: flex; flex-direction: row; position: relative; margin-top: 75px;}
*/
#footer-v3 .footer-v3-bottom {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 0px;
}

#footer-v3 .footer-v3-bottom .footer-section {
  display: flex;
  flex-direction: column;
  width: 50%;
}

#footer-v3 .footer-v3-bottom .footer-left {
  width: 50%;
}

#footer-v3 .footer-v3-bottom .footer-right {
  text-align: right;
  justify-content: space-between;
}

#footer-v3 #footer-menu-container {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 11px;
}

#footer-v3 #footer-menu-container #footer-menu {
  width: 100%;
  text-align: right;
}

#footer-v3 #footer-menu-container #footer-menu li {
  float: none;
  display: inline-block;
}

#footer-v3 #footer-menu-container #footer-menu li a {
  padding: 0 !important;
  font-weight: bold;
  color: #666;
}

#footer-v3 #footer-menu-container #footer-menu li:not(.first) a {
  margin-left: 10px;
}

#footer-v3 form .form-group {
  text-align: right;
  width: 100%;
}

#footer-v3 form .input-group {
  display: inline-block;
  width: 100%;
  max-width: 320px;
}

#footer-v3 form .input-group-btn {
  display: none;
}

#footer-v3 form .bottom-search-input {
  display: inline-block;
  border: none;
  border-radius: 25px;
  background: #fff;
  height: 40px;
  font-size: 17px;
  padding-left: 45px;
}

#footer-v3 form .input-group::before {
  content: "";
  display: inline-block;
  background: url("../img/picto-loupe.png");
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px 12px;
  left: 0;
  z-index: 10;
}

#footer-v3 form .bottom-search-input::-webkit-input-placeholder {
  color: #999;
  font-style: normal;
}

#footer-v3 form .bottom-search-input::-moz-placeholder {
  color: #999;
  font-style: normal;
}

#footer-v3 form .bottom-search-input:-ms-input-placeholder {
  color: #999;
  font-style: normal;
}

#footer-v3 form .bottom-search-input:-moz-placeholder {
  color: #999;
  font-style: normal;
}

#footer-v3 form .bottom-search-input::placeholder {
  color: #999;
  font-style: normal;
}

#footer-v3 .social-links-new {
  padding: 25px 0px;
}

#footer-v3 .social-links-new a {
  display: inline-block;
  margin-left: 10px;
}

#footer-v3 .social-links-new a img {
  width: 25px;
  height: 25px;
}

#footer-v3.custom-container .container {
  width: auto;
  margin-left: 200px;
  margin-right: 200px;
}

@media (max-width: 1700px) {
  #footer-v3.custom-container .container {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (max-width: 1500px) {
  #footer-v3.custom-container .container {
    margin-left: 0px;
    margin-right: 0px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div a h3 {
    font-size: 14px;
    margin-right: 17px;
    margin-bottom: 10px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div a h3::after {
    width: 12px;
    height: 12px;
    right: -17px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li {
    margin-bottom: 5px;
    padding-left: 10px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li a {
    font-size: 9px;
    line-height: 1;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li::before {
    width: 10px;
    height: 5px;
  }
}
@media (max-width: 992px) {
  #footer-v3 {
    padding-top: 0;
  }

  #footer-v3 .footer-v3-bottom {
    margin-top: 25px;
  }

  #footer-v3 .footer-v3-profession {
    margin-bottom: 25px;
    padding: 0;
  }

  #footer-v3 .footer-v3-profession h2 strong {
    font-size: inherit;
    top: 0;
    padding: 0;
  }

  #footer-v3 .footer-v3-profession h2 span {
    display: none;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container {
    flex-direction: column;
    padding: 10px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div {
    padding: 0;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div h3 {
    margin: 0px;
    font-size: 14px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div h3::after {
    height: 15px;
    top: 0px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li {
    margin: 0;
    height: 12px;
    margin-top: 5px;
    padding-left: 15px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li::before {
    height: 12px;
    height: 8px;
    top: 2px;
  }

  #footer-v3 .footer-v3-profession .footer-v3-profession-container > div ul li a {
    font-size: 10px;
    line-height: 12px;
  }

  #footer-v3 .footer-v3-profession > div.folded::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 0) 0%, #eeeeee 65%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 0) 0%, #eeeeee 65%, #eeeeee 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, #eeeeee 65%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
    z-index: 5;
  }
}
@media (max-width: 800px) {
  body {
    padding-bottom: 300px;
  }

  #footer-v3 {
    height: auto;
  }

  #footer-v3 .footer-v3-bottom {
    flex-direction: column;
  }

  #footer-v3 .footer-v3-bottom .footer-section {
    width: 100%;
  }

  #footer-v3 .footer-v3-bottom .footer-left {
    margin-bottom: 25px;
  }

  #footer-v3 .copyright {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  #footer-v3 form .form-group {
    margin: 0;
  }

  #footer-v3 form .input-group {
    max-width: 100%;
  }

  #footer-v3 .social-links-new {
    padding: 10px 0px;
    text-align: center;
  }

  #footer-v3 #footer-menu-container #footer-menu {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  body {
    padding-bottom: 350px;
  }

  #footer-v3 {
    height: auto;
  }
}
/* Landing Faire Maintenant */
#donow-page {
  background: #00AAFF;
  position: relative;
  padding-top: 200px;
  text-align: center;
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

#donow-page .donow-bg-img-container > img {
  position: absolute;
}

#donow-page .donow-bg-img-container > img:nth-child(1) {
  top: 200px;
  left: 0px;
  z-index: 1;
}

#donow-page .donow-bg-img-container > img:nth-child(2) {
  right: 0px;
  top: 0px;
  z-index: 1;
}

#donow-page .container > img {
  position: absolute;
  left: -50px;
  top: -150px;
  z-index: 10;
}

#donow-page .container {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 5;
  position: relative;
}

#donow-page h1 {
  font-weight: bold;
  margin: 0;
}

#donow-page .donow-promocode {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px 0px;
  margin-bottom: 50px;
}

#donow-page .donow-promocode > img {
  padding: 0px 15px;
}

#donow-page .donow-promocode > div {
  padding: 0px 15px;
}

#donow-page .donow-promocode p:nth-child(1) {
  font-weight: bold;
  text-align: left;
  margin: 0;
}

#donow-page .donow-promocode-info {
  font-size: 10px;
  margin: 0px;
  margin-bottom: 15px;
}

#donow-page .donow-promocode-info.form-info {
  text-align: left;
}

#donow-page .donow-promocode-info.offer-info {
  text-align: center;
  margin-top: 25px;
}

#donow-page .donow-promocode form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#donow-page .donow-promocode form > input[type=text] {
  margin-bottom: 15px;
  border: 1px solid #d80504;
  border-radius: 3px;
  height: 60px;
  padding: 0px 15px;
}

#donow-page .donow-promocode form > button {
  margin-bottom: 15px;
  font-size: 18px;
  height: 60px;
  background: #d80504;
  border: 1px solid #d80504;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  line-height: 1.1;
  text-align: left;
  padding: 0px 15px;
}

#donow-page .donow-steps {
  display: flex;
  justify-content: center;
}

#donow-page .donow-steps div {
  margin-top: 25px;
}

#donow-page .donow-steps span {
  border: 2px solid #041c25;
  border-radius: 50%;
  font-size: 32px;
  line-height: 56px;
  width: 60px;
  height: 60px;
  display: inline-block;
}

#donow-page .donow-steps p {
  font-size: 18px;
  margin: 0;
  padding: 0px 25px;
}

#donow-page .donow-steps.donow-steps-case span {
  color: #00AAFF;
  border: 2px solid #00AAFF;
}

#donow-page .donow-promo-explain {
  border: 1px solid #00AAFF;
  border-radius: 3px;
  margin-top: 50px;
}

#donow-page .donow-promo-explain .donow-promo-explain-header {
  background: #00AAFF;
  padding: 15px;
}

#donow-page .donow-promo-explain .donow-promo-explain-header h2 {
  color: #fff;
  margin: 0;
  font-weight: bold;
  font-size: 24px;
}

#donow-page .donow-promo-explain .donow-promo-explain-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

#donow-page .donow-promo-explain .donow-promo-explain-content > div {
  width: 33.33%;
  padding: 20px;
}

#donow-page .donow-promo-explain .donow-promo-explain-content > div:not(:first-child) {
  border-left: 1px solid #00AAFF;
}

#donow-page .donow-promo-explain .donow-promo-explain-content strong {
  color: #d80504;
}

#donow-page .donow-promo-explain .donow-promo-explain-content .price {
  color: #d80504;
}

#donow-page .donow-promo-explain .donow-promo-explain-content .price strong {
  font-size: 45px;
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 45px;
}

#donow-page .donow-promo-explain .donow-promo-explain-content .price span {
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  vertical-align: top;
  position: relative;
  left: -5px;
}

#donow-page .donow-promo-explain .donow-promo-explain-content > div > strong {
  font-size: 24px;
  line-height: 24px;
}

#donow-page .donow-promo-explain .donow-promo-explain-content > div p {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
}

#donow-page .donow-cases h2 {
  font-size: 35px;
  font-weight: bold;
  margin: 25px 0px;
  margin-top: 50px;
}

#donow-page .donow-cases .donow-cases-category {
  display: flex;
  justify-content: center;
}

#donow-page .donow-cases .donow-cases-category > div {
  width: 33.33%;
}

#donow-page .donow-cases .donow-cases-category > div .donow-cases-list a {
  display: flex;
  align-items: center;
  margin-top: 15px;
  text-decoration: none;
  color: #404040;
}

#donow-page .donow-cases .donow-cases-category > div .donow-cases-list a > div {
  text-align: left;
  padding-left: 15px;
  font-weight: bold;
}

#donow-page .donow-cases .donow-cases-category > div .donow-cases-list a > div strong {
  display: inline-block;
  background: #d80504;
  color: #fff;
  padding: 0px 10px;
  border-radius: 3px;
  font-size: 18px;
}

#donow-page .donow-cases .donow-cases-category > div > a {
  margin-top: 25px;
  display: inline-block;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 25px;
  font-weight: bold;
}

#donow-page .donow-other {
  margin-top: 50px;
}

#donow-page .donow-other h2 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}

#donow-page .donow-other a {
  margin-top: 25px;
  display: inline-block;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 25px;
  font-weight: bold;
}

.donow-legal {
  font-size: 10px;
  text-align: justify;
  margin-top: 50px;
  color: #aaa;
}

@media (max-width: 1600px) {
  #donow-page .container {
    width: 970px;
  }

  #donow-page .donow-bg-img-container > img:nth-child(1) {
    width: 200px;
  }

  #donow-page .donow-bg-img-container > img:nth-child(2) {
    width: 300px;
  }
}
@media (max-width: 1300px) {
  #donow-page .container {
    width: 750px;
  }

  #donow-page .donow-bg-img-container > img:nth-child(1) {
    width: 200px;
  }

  #donow-page .donow-bg-img-container > img:nth-child(2) {
    width: 300px;
  }
}
@media (max-width: 1000px) {
  #donow-page .container {
    width: 100%;
  }

  #donow-page {
    padding-top: 0px;
    font-size: 14px;
  }

  #donow-page .container {
    padding-bottom: 0;
  }

  #donow-page .container > img {
    display: none;
  }

  #donow-page h1 {
    margin-bottom: 25px;
    font-size: 26px;
  }

  #donow-page .donow-bg-img-container {
    display: none;
  }

  #donow-page .donow-promocode > img {
    display: none;
  }

  #donow-page .donow-promocode > div {
    text-align: center;
    width: 100%;
  }

  #donow-page .donow-promocode p:nth-child(1) {
    text-align: center;
  }

  #donow-page .donow-promocode form > input[type=text] {
    width: 100%;
    height: 40px;
  }

  #donow-page .donow-promocode form > button {
    height: 40px;
  }

  #donow-page .donow-promocode form > button br {
    display: none;
  }

  #donow-page .donow-promocode-info.form-info {
    text-align: center;
  }

  #donow-page .donow-steps {
    flex-direction: column;
    margin-bottom: 25px;
  }

  #donow-page .donow-steps span {
    width: 50px;
    height: 50px;
    font-size: 26px;
    line-height: 48px;
  }

  #donow-page .donow-steps p {
    font-size: 14px;
  }

  #donow-page .donow-promo-explain .donow-promo-explain-content {
    flex-direction: column;
  }

  #donow-page .donow-promo-explain .donow-promo-explain-content > div {
    width: 100%;
  }

  #donow-page .donow-promo-explain .donow-promo-explain-content > div:not(:first-child) {
    border-left: 0;
    border-top: 1px solid #00AAFF;
  }

  #donow-page .donow-cases .donow-cases-category {
    flex-direction: column;
  }

  #donow-page .donow-cases .donow-cases-category > div {
    width: 100%;
    margin-top: 25px;
  }

  #donow-page .donow-cases .donow-cases-category > div .donow-cases-list a {
    justify-content: center;
  }

  #donow-page .donow-cases h2 {
    font-size: 26px;
  }

  #donow-page .donow-other {
    margin-bottom: 50px;
  }

  #donow-page .donow-other h2 {
    font-size: 26px;
  }
}
div .block_hidden_artisan_en_urgence {
  display: none;
}

#promocode-popup {
  display: none;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding: 15px;
}

#promocode-popup p {
  margin: 0;
}

/* New Home Page */
#home-page {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
}

#home-page a {
  text-decoration: none;
}

.offset-block {
  padding-left: 100px;
}

.home-page-header {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  color: #fff;
}

.home-page-header.poster-plomberie {
  background: url(https://s3-eu-west-1.amazonaws.com/md-storage-media/video-le-bon-cri/poster-xl-plomberie.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1920px auto;
}

.home-page-header.poster-serrurerie {
  background-image: url(https://s3-eu-west-1.amazonaws.com/md-storage-media/video-le-bon-cri/poster-xl-serrurerie.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1920px auto;
}

.home-page-header .container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.home-page-header-title-container {
  text-align: center;
  z-index: 10;
  display: none;
}
.home-page-header-title-container.campaign-marque-call {
  display: block;
}

.home-page-header-title-container h1 {
  text-align: left;
  display: inline-block;
  margin: 0;
  font-size: 50px;
  margin-top: 50px;
}
.home-page-header-title-container h1.campaign-marque-call {
  text-align: center;
}

.home-page-header-title-container h1 span {
  display: inline-block;
}

.home-page-spot-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  width: 100%;
  justify-content: flex-start;
}

.home-page-spot-buttons > a {
  text-align: left;
  display: inline-block;
  border-radius: 4px;
  padding: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.home-page-spot-buttons > a div {
  transition: 0.15s;
  position: relative;
  display: inline-block;
  width: 132px;
  height: 75px;
  border-radius: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
}

.home-page-spot-buttons > a div img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.home-page-spot-buttons > a:hover div {
  transform: translateY(-5px);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 0 32px 32px rgba(0, 0, 0, 0.1);
}

.home-page-spot-buttons > a div::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(../video/play-button.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.home-page-spot-buttons > a span {
  margin-top: 5px;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}

.home-page-spot-buttons > a:nth-child(1) {
  margin-right: 25px;
  animation-delay: 0.25s;
}

.home-page-spot-buttons > a:nth-child(2) {
  animation-delay: 0.5s;
}

.questionnaire-container {
  z-index: 10;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: auto;
  margin-bottom: 150px;
}
.questionnaire-container > .phone-button-container {
  margin: 50px auto;
  position: relative;
  color: #fff;
  padding: 15px 35px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  background: #005faa;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 65%;
}
.questionnaire-container > .phone-button-container a {
  width: 100%;
  text-align: center;
  color: #fff;
}
.questionnaire-container > .phone-button-container.campaign-marque-call {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
}
.questionnaire-container > .phone-button-container.campaign-marque-call a {
  width: auto;
}
.questionnaire-container > .phone-button-container.campaign-marque-call > a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.questionnaire-container > .phone-button-container.campaign-marque-call .button-img img {
  height: 55px;
}
.questionnaire-container > .phone-button-container.campaign-marque-call .button-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 0px 10px;
  height: 100%;
}
.questionnaire-container > .phone-button-container.campaign-marque-call .button-content > span {
  text-align: left;
  font-size: 8px;
  line-height: 1;
  margin-top: 6px;
  display: block;
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .home-page-header-title-container h1 {
    text-align: left;
  }
  .home-page-header-title-container.campaign-marque-call h1 {
    text-align: center;
  }

  .questionnaire-container > .phone-button-container {
    margin: 50px auto;
    width: auto;
  }
}
.questionnaire-container > div {
  width: 33.33%;
  padding: 0px 15px;
}

.questionnaire-container > div.disabled .questionnaire-select .questionnaire-select-selected {
  cursor: not-allowed;
  background: #eee;
  color: #ccc;
}

.questionnaire-container .questionnaire-question {
  padding-left: 10px;
  padding-bottom: 10px;
}

.questionnaire-container .questionnaire-question strong {
  color: #00AAFF;
  background: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 27px;
  border-radius: 50%;
}

.questionnaire-container .questionnaire-select .questionnaire-select-selected {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  height: 74px;
  cursor: pointer;
  background: #fff;
  color: #00AAFF;
  font-size: 22px;
  border-radius: 3px;
  padding: 15px 15px;
  line-height: 1;
  position: relative;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected:hover {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.questionnaire-container .questionnaire-select .questionnaire-select-selected img {
  margin-left: auto;
}

.questionnaire-container .questionnaire-select .questionnaire-select-selected img:nth-child(3) {
  height: 25px;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected img:nth-child(2) {
  display: inline-block;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected img:nth-child(3) {
  display: none;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected.checked img:nth-child(2) {
  display: none;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected.checked img:nth-child(3) {
  display: inline-block;
}

.questionnaire-container > div:not(.disabled) .questionnaire-select .questionnaire-select-selected.checked span {
  text-decoration: underline;
}

.questionnaire-container > div.disabled .questionnaire-select .questionnaire-select-selected img {
  display: none;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  max-height: 300px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  background: #fff;
  color: #00AAFF;
  list-style: none;
  margin: 0;
  font-size: 22px;
  padding: 15px;
  padding-bottom: 0px;
  width: 75%;
  top: 0;
  left: 12.5%;
  border-radius: 3px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #fff;
  position: absolute;
  top: -12px;
  left: 0;
  transform: rotate(45deg);
  border-radius: 3px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options .questionnaire-select-options-close {
  display: none;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options .questionnaire-select-question {
  display: none;
}

.questionnaire-container > div:nth-child(1) .questionnaire-select ul.questionnaire-select-options::before {
  left: 12.5%;
}

.questionnaire-container > div:nth-child(2) .questionnaire-select ul.questionnaire-select-options::before {
  left: 50%;
  left: -moz-calc(50% - 17px);
  left: -webkit-calc(50% - 17px);
  left: calc(50% - 17px);
}

.questionnaire-container > div:nth-child(3) .questionnaire-select ul.questionnaire-select-options::before {
  left: 87.5%;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options::-webkit-scrollbar {
  width: 2px;
  border-radius: 3px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 3px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options::-webkit-scrollbar-thumb {
  background: #00AAFF;
  border-radius: 3px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options > li {
  padding: 10px;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1;
  width: 33.33%;
  cursor: pointer;
  border-radius: 3px;
  z-index: 10;
  font-size: 18px;
}

.questionnaire-container .questionnaire-select ul.questionnaire-select-options > li:hover {
  color: #fff;
  background: #00AAFF;
  box-shadow: 0px 3px 10px rgba(35, 51, 101, 0.2);
}

.questionnaire-container .questionnaire-select .questionnaire-select-selected span > span,
.questionnaire-container .questionnaire-select ul.questionnaire-select-options > li span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 1;
}

.questionnaire-container .questionnaire-popup {
  border-top: 2px solid #fff;
  z-index: 10;
  position: absolute;
  border-radius: 3px;
  background: white;
  color: #041c25;
  text-align: center;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 25px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
}

.questionnaire-container .questionnaire-popup::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a000000", endColorstr="#00000000", GradientType=0);
}

#questionnaire-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

#questionnaire-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

#questionnaire-video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
}

.spinner {
  margin-top: 25px;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.home-page-text {
  position: relative;
  margin-top: 50px;
}

.home-page-block-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.home-page-block-list > div {
  width: 50%;
  padding: 0px 15px;
}

.home-page-text h2 {
  margin: 0;
  font-weight: bold;
  font-size: 50px;
  border-left: 10px solid #ffc300;
  padding-left: 15px;
}

.home-page-text .home-page-colored-bloc {
  background: #00AAFF;
  color: #fff;
  padding: 15px;
  font-size: 25px;
  padding: 25px;
}

.home-page-text .home-page-colored-bloc p {
  margin: 0;
}

.home-page-text .home-page-colored-bloc a {
  display: inline-block;
  margin-top: 20px;
  color: #00AAFF;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 20px;
  border-radius: 25px;
}

.home-page-text .home-page-questionnaire-bloc {
  background: #00AAFF;
  color: #fff;
  margin-top: 50px;
}

.home-page-text .home-page-questionnaire-bloc a {
  color: #00AAFF;
  background: #fff;
}

.home-page-text .home-page-questionnaire-bloc a span {
  vertical-align: middle;
}

.home-page-text .home-page-questionnaire-bloc a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/picto-fleche-bleue.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 10px;
}

.home-page-text .home-page-intro-text {
  color: #233365;
  font-size: 20px;
  font-weight: bold;
  margin-top: 50px;
}

.home-page-text .home-page-intro-text p {
  margin: 0;
}

.home-page-text .home-page-intro-text p:not(:last-child) {
  margin: 0;
  margin-bottom: 15px;
}

.home-page-text .home-page-bg-1 {
  position: absolute;
  top: 150px;
  left: 0;
  width: auto;
  height: 400px;
  background: #ccc;
  z-index: -10;
}

.home-page-service {
  padding-top: 150px;
  padding-bottom: 50px;
  overflow: hidden;
}

#home-page .home-page-service .offset-block {
  position: relative;
  top: -60px;
  margin-left: 90px;
  background: #fff;
  display: inline-block;
  padding: 0px;
  padding: 0px 25px;
}

.home-page-service h2 {
  margin: 0;
  font-weight: bold;
  border-left: 10px solid #69af23;
  padding-left: 10px;
}

.home-page-service .container {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 25px;
}

.home-page-service .coverflow-container, .co-branding-section-service .coverflow-container {
  height: 400px;
  width: 100%;
  overflow: visible;
}
.home-page-service #coverflow > div, .co-branding-section-service #coverflow > div {
  overflow: hidden;
  display: flex;
  background: #005faa;
  color: #fff;
  border-radius: 4px;
  width: 300px;
  height: 400px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  text-align: center;
}
.home-page-service #coverflow > div::before, .co-branding-section-service #coverflow > div::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home-page-service #coverflow > div.ui-state-active, .co-branding-section-service #coverflow > div.ui-state-active {
  border: 0;
}
.home-page-service #coverflow > div.card-chauffage, .co-branding-section-service #coverflow > div.card-chauffage {
  background: #f18f09;
}
.home-page-service #coverflow > div.card-chauffage::before, .co-branding-section-service #coverflow > div.card-chauffage::before {
  background: url("../img/chauffage-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-serrurerie, .co-branding-section-service #coverflow > div.card-serrurerie {
  background: #69af23;
}
.home-page-service #coverflow > div.card-serrurerie::before, .co-branding-section-service #coverflow > div.card-serrurerie::before {
  top: 50px;
  left: -75px;
  background: url("../img/serrurerie-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-plomberie, .co-branding-section-service #coverflow > div.card-plomberie {
  background: #005faa;
}
.home-page-service #coverflow > div.card-plomberie::before, .co-branding-section-service #coverflow > div.card-plomberie::before {
  background: url("../img/plomberie-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-electricite, .co-branding-section-service #coverflow > div.card-electricite {
  background: #ffc300;
}
.home-page-service #coverflow > div.card-electricite::before, .co-branding-section-service #coverflow > div.card-electricite::before {
  top: 125px;
  background: url("../img/electricite-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-vitrerie, .co-branding-section-service #coverflow > div.card-vitrerie {
  background: #6ac7ea;
}
.home-page-service #coverflow > div.card-vitrerie::before, .co-branding-section-service #coverflow > div.card-vitrerie::before {
  top: 50px;
  left: auto;
  right: -75px;
  background: url("../img/vitrerie-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-sols, .co-branding-section-service #coverflow > div.card-sols {
  background: #aa370f;
}
.home-page-service #coverflow > div.card-sols::before, .co-branding-section-service #coverflow > div.card-sols::before {
  top: 0px;
  left: auto;
  background: url("../img/sols-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-electromenager, .co-branding-section-service #coverflow > div.card-electromenager {
  background: #e10019;
}
.home-page-service #coverflow > div.card-electromenager::before, .co-branding-section-service #coverflow > div.card-electromenager::before {
  top: 75px;
  background: url("../img/electromenager-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-peinture, .co-branding-section-service #coverflow > div.card-peinture {
  background: #ae9587;
}
.home-page-service #coverflow > div.card-peinture::before, .co-branding-section-service #coverflow > div.card-peinture::before {
  top: 75px;
  background: url("../img/peinture-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-ptrx, .co-branding-section-service #coverflow > div.card-ptrx {
  background: #ad2864;
}
.home-page-service #coverflow > div.card-ptrx::before, .co-branding-section-service #coverflow > div.card-ptrx::before {
  top: 75px;
  background: url("../img/petits-travaux-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div.card-jardinage, .co-branding-section-service #coverflow > div.card-jardinage {
  background: #008737;
}
.home-page-service #coverflow > div.card-jardinage::before, .co-branding-section-service #coverflow > div.card-jardinage::before {
  top: 75px;
  background: url("../img/jardinage-mesdepanneurs.png");
  background-position: center;
  background-size: cover;
}
.home-page-service #coverflow > div > strong, .co-branding-section-service #coverflow > div > strong {
  position: relative;
  top: -50px;
  font-size: 26px;
}
.home-page-service #coverflow > div > p, .co-branding-section-service #coverflow > div > p {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px;
  font-size: 16px;
  text-align: center;
}
.home-page-service .service-text-container, .co-branding-section-service .service-text-container {
  height: 200px;
}
.home-page-service .service-text, .co-branding-section-service .service-text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 50px;
}
.home-page-service .service-text p, .co-branding-section-service .service-text p {
  display: inline-block;
  width: 50%;
  margin: 0;
  margin-right: auto;
}
.home-page-service .service-text div, .co-branding-section-service .service-text div {
  margin-left: auto;
  width: 50%;
  text-align: center;
  padding-top: 25px;
}
.home-page-service .service-text div a, .co-branding-section-service .service-text div a {
  display: inline-block;
  background: #005faa;
  color: #fff;
  font-weight: bold;
  padding: 5px 20px;
  border-radius: 25px;
  width: 425px;
  font-size: 20px;
}
.home-page-service .service-text div a::after, .co-branding-section-service .service-text div a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/picto-fleche-blanche.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 10px;
}
.home-page-service .service-text div a span, .co-branding-section-service .service-text div a span {
  vertical-align: middle;
}
.home-page-service .service-text.card-chauffage-text div a, .co-branding-section-service .service-text.card-chauffage-text div a {
  background: #f18f09;
}
.home-page-service .service-text.card-serrurerie-text div a, .co-branding-section-service .service-text.card-serrurerie-text div a {
  background: #69af23;
}
.home-page-service .service-text.card-plomberie-text div a, .co-branding-section-service .service-text.card-plomberie-text div a {
  background: #005faa;
}
.home-page-service .service-text.card-electricite-text div a, .co-branding-section-service .service-text.card-electricite-text div a {
  background: #ffc300;
}
.home-page-service .service-text.card-vitrerie-text div a, .co-branding-section-service .service-text.card-vitrerie-text div a {
  background: #6ac7ea;
}
.home-page-service .service-text.card-sols-text div a, .co-branding-section-service .service-text.card-sols-text div a {
  background: #aa370f;
}
.home-page-service .service-text.card-electromenager-text div a, .co-branding-section-service .service-text.card-electromenager-text div a {
  background: #e10019;
}
.home-page-service .service-text.card-peinture-text div a, .co-branding-section-service .service-text.card-peinture-text div a {
  background: #ae9587;
}
.home-page-service .service-text.card-ptrx-text div a, .co-branding-section-service .service-text.card-ptrx-text div a {
  background: #ad2864;
}
.home-page-service .service-text.card-jardinage-text div a, .co-branding-section-service .service-text.card-jardinage-text div a {
  background: #008737;
}

.home-page-text.home-page-bur {
  padding-bottom: 150px;
}

.home-page-text.home-page-bur .home-page-bg-1 {
  left: auto;
  right: 0;
}

.home-page-text.home-page-bur .home-page-block-list > div.offset-block.home-page-intro-text {
  text-align: left;
}

.home-page-text.home-page-bur .home-page-block-list > div.offset-block {
  text-align: right;
}

.home-page-text.home-page-bur h2 {
  width: auto;
  display: inline-block;
  text-align: left;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc {
  font-weight: bold;
  margin-top: 0;
  background: #005faa;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc > div {
  text-align: center;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc > div:last-child {
  text-align: right;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc img {
  max-width: 100%;
  height: 150px;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc a {
  color: #005faa;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc a::after {
  background: url(../img/picto-fleche-bleue-fonce.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc p {
  font-size: 20px;
}

.home-page-text.home-page-bur .home-page-questionnaire-bloc p:not(:first-child) {
  margin-top: 15px;
}

.home-page-text.home-page-bur .home-page-intro-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.home-page-text.home-page-bur .home-page-intro-text ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0px 15px;
}

.home-page-text.home-page-bur .home-page-intro-text ul li img {
  height: 50px;
}

.home-page-text.home-page-bur .home-page-intro-text ul li strong {
  color: #041c25;
  font-size: 14px;
}

.home-page-white-text {
  background: url(../img/mesdepanneurs-vos-artisans-de-confiance.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  margin-bottom: 75px;
  padding: 25px 0px;
}

.home-page-white-text .container {
  position: relative;
}

.home-page-white-text .home-page-text-bloc h3 {
  margin: 0;
  font-weight: bold;
  margin-bottom: 25px;
}

.home-page-white-text .home-page-text-bloc .home-page-bloc-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-page-white-text .home-page-text-bloc .home-page-bloc-row > * {
  width: 50%;
  display: inline-block;
}

.home-page-white-text .home-page-text-bloc .home-page-bloc-row > div > strong > span {
  display: block;
  text-align: center;
}

.home-page-white-text .home-page-text-bloc .home-page-bloc-row > div > strong > span:nth-child(1) {
  font-size: 60px;
  line-height: 1;
}

.home-page-white-text .home-page-text-bloc .home-page-bloc-row > div > strong > span:nth-child(2) {
  font-size: 22px;
  line-height: 1.1;
}

.home-page-white-text .home-page-service-bloc {
  background: #e62d87;
  color: #fff;
  position: absolute;
  left: -100px;
  width: 50%;
  bottom: -75px;
}

.home-page-white-text .home-page-service-bloc a {
  color: #e62d87;
  background: #fff;
}

.home-page-white-text .home-page-service-bloc a span {
  vertical-align: middle;
}

.home-page-white-text .home-page-service-bloc a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/picto-fleche-rose.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 10px;
}

.home-page-white-text .home-page-bloc-row-engie {
  margin-bottom: 25px;
}

.home-page-white-text .home-page-bloc-row-engie > div {
  text-align: center;
}

.home-page-white-text .home-page-bloc-row-engie > div img {
  width: 200px;
}

.home-page-white-text .home-page-bloc-row-engie > h3 {
  margin: 0;
}

.home-page-comments {
  margin-top: 125px;
}

.home-page-comments h2 {
  margin: 0;
  font-weight: bold;
  border-left: 10px solid #e10019;
  padding-left: 10px;
}

.home-page-comments .comment-container {
  margin-top: 25px;
}

.home-page-comments .comment-container .swiper-pagination {
  bottom: 0px;
}

.home-page-comments .comment-container .swiper-slide {
  padding-bottom: 25px;
}

.home-page-comments .comment-container .comment-info a:last-child strong {
  text-decoration: underline;
  color: #00AAFF;
}

.home-page-comments .comment-container .comment-info .comment-stars {
  display: inline-block;
  height: 20px;
  position: relative;
  top: -2px;
}

.home-page-blog {
  margin-top: 50px;
}

.home-page-blog h2 {
  margin: 0;
  font-weight: bold;
  border-left: 10px solid #becd00;
  padding-left: 10px;
}

.home-page-blog .container {
  position: relative;
}

#home-page .home-page-blog .offset-block {
  position: absolute;
  left: 0;
  top: 0;
}

.home-page-blog .view-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.home-page-blog .view-content .views-row {
  width: 25%;
  padding: 0px 15px;
}

.home-page-blog .view-content .views-row.views-row-first {
  width: 50%;
  padding: 0px 15px;
  padding-top: 125px;
}

.home-page-blog .view-content .views-row article .home-page-blog-img {
  overflow: hidden;
}

.home-page-blog .view-content .views-row article .home-page-blog-img img {
  width: 100%;
  height: auto;
  width: auto;
  height: 200px;
}

.home-page-blog .view-content .views-row.views-row-first article .home-page-blog-img img {
  width: 100%;
  height: auto;
}

.home-page-blog .view-content .views-row article .home-page-blog-container {
  margin: 0px 15px;
  background: #fff;
  margin-top: -25px;
  position: relative;
  padding: 15px;
}

.home-page-blog .view-content .views-row.views-row-first article .home-page-blog-container {
  margin: 0px 25px;
  margin-top: -25px;
}

.home-page-blog .view-content .views-row article .home-page-blog-container > a {
  text-transform: uppercase;
  font-size: 11px;
  background: #00AAFF;
  color: #fff;
  font-weight: bold;
  padding: 0px 5px;
  height: 20px;
  line-height: 21px;
  position: absolute;
  top: -25px;
  left: 0;
}

.home-page-blog .view-content .views-row article .home-page-blog-container h3 {
  margin: 0px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 25px;
}

.home-page-blog .view-content .views-row article .home-page-blog-container h3 > a {
  color: #233365;
}

.home-page-blog .view-content .views-row article .home-page-blog-info {
  border-top: 2px solid #ccc;
  padding: 10px 0px;
}

.home-page-blog .view-content .views-row article .home-page-blog-info > strong {
  text-transform: uppercase;
}

.home-page-blog .view-content .views-row article .home-page-blog-info .home-page-blog-tags a {
  background: #ccc;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  border-radius: 3px;
  padding: 5px 10px;
  margin-top: 10px;
  margin-right: 5px;
  display: inline-block;
}

@media (max-width: 1400px) {
  .home-page-text.home-page-bur .home-page-bg-1 {
    top: 200px;
    height: 300px;
  }

  .home-page-white-text .home-page-service-bloc {
    left: 0;
  }
}
@media (max-width: 1100px) {
  .home-page-text.home-page-bur .home-page-bg-1 {
    height: 250px;
  }
}
@media (max-width: 1024px) {
  .questionnaire-container .questionnaire-question span {
    font-size: 13px;
  }

  .questionnaire-container .questionnaire-question strong {
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 13px;
  }

  .questionnaire-container .questionnaire-select .questionnaire-select-selected {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #home-page {
    font-size: 14px;
  }

  #home-page .desktop-only {
    display: none;
  }

  #home-page .home-page-header {
    height: auto;
    padding-bottom: 25px;
    background: none;
    background-color: #6b8b98;
  }

  .home-page-header .home-page-header-title-container h1 {
    font-size: 25px;
    margin-top: 25px;
  }

  .home-page-spot-buttons {
    display: none;
  }

  #questionnaire-video {
    display: none;
  }

  .questionnaire-container {
    flex-direction: column;
    margin: 0;
    position: static;
  }

  .questionnaire-container > div {
    width: 100%;
    margin-top: 25px;
  }

  .questionnaire-container .questionnaire-question span {
    font-size: 13px;
  }

  .questionnaire-container .questionnaire-question strong {
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 13px;
  }

  .questionnaire-container .questionnaire-select .questionnaire-select-selected {
    font-size: 18px;
    padding: 10px 10px;
    height: 56px;
    color: #00AAFF;
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options {
    /*overflow-y: scroll;
    padding-top: 60px;
    flex-wrap: nowrap;
    text-align: center;
    flex-direction: column;
    background: #fff;
    z-index: 100;
    max-height: none;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;*/
    overflow-y: scroll;
    padding-top: 50px;
    flex-wrap: nowrap;
    text-align: center;
    flex-direction: column;
    background: #fff;
    z-index: 1200 !important;
    max-height: none;
    position: fixed;
    top: 0 !important;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: 100% !important;
    bottom: 0;
    padding-bottom: 90px !important;
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options::before {
    display: none;
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options .questionnaire-select-options-close {
    position: absolute;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none;
    top: 25px;
    right: 30px;
    color: #ccc;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-weight: normal;
    font-size: 12px;
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options .questionnaire-select-question {
    color: #041c25;
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block;
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options > li {
    width: 100%;
    margin-bottom: 12px;
    padding: 10px;
    background: rgba(0, 170, 255, 0.8);
    border-radius: 0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    box-shadow: 0px 2px 1px rgba(35, 51, 101, 0.2);
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options > li:nth-child(even) {
    background: rgba(0, 170, 255, 0.5);
  }

  .questionnaire-container .questionnaire-select ul.questionnaire-select-options > li:last-child {
    margin-bottom: 100px;
  }

  .offset-block {
    padding: 0px 15px;
    width: 100%;
  }

  .home-page-block-list > div {
    width: 100%;
  }

  .home-page-text h2 {
    font-size: 25px;
  }

  .home-page-text .home-page-intro-text {
    margin-top: 25px;
    font-weight: normal;
    font-size: 14px;
  }

  .home-page-text .home-page-bg-1-container {
    display: none;
  }

  .home-page-text .home-page-questionnaire-bloc {
    margin-top: 25px;
    font-size: 18px;
    width: 100%;
  }

  .home-page-text .home-page-questionnaire-bloc a {
    padding: 5px 15px;
  }

  .home-page-text .home-page-questionnaire-bloc a span {
    font-size: 12px;
  }

  .home-page-text .home-page-questionnaire-bloc a::after {
    width: 13px;
    height: 13px;
    margin-left: 5px;
  }

  #home-page .home-page-service .offset-block {
    margin: 0;
    padding: 0px 15px;
    left: -15px;
  }

  .home-page-service, .co-branding-section-service {
    padding: 0px 15px;
    padding-top: 75px;
    padding-bottom: 50px;
  }
  .home-page-service h2, .co-branding-section-service h2 {
    font-size: 25px;
  }
  .home-page-service .container, .co-branding-section-service .container {
    padding: 15px;
  }
  .home-page-service .coverflow-container, .co-branding-section-service .coverflow-container {
    height: 300px;
  }
  .home-page-service #coverflow > div, .co-branding-section-service #coverflow > div {
    width: 200px;
    height: 300px;
  }
  .home-page-service #coverflow > div > strong, .co-branding-section-service #coverflow > div > strong {
    font-size: 20px;
    padding: 15px;
  }
  .home-page-service #coverflow > div > p, .co-branding-section-service #coverflow > div > p {
    padding: 15px;
    font-size: 13px;
  }
  .home-page-service .service-text, .co-branding-section-service .service-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
  .home-page-service .service-text p, .co-branding-section-service .service-text p {
    margin: 0;
    width: 100%;
    order: 2;
    font-size: 12px;
    margin-top: 15px;
  }
  .home-page-service .service-text div, .co-branding-section-service .service-text div {
    order: 1;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .home-page-service .service-text div a, .co-branding-section-service .service-text div a {
    width: 100%;
    font-size: 11px;
  }
  .home-page-service .service-text div a::after, .co-branding-section-service .service-text div a::after {
    width: 13px;
    height: 13px;
  }

  .home-page-white-text {
    margin: 0;
    background: #00AAFF;
  }

  .home-page-white-text .home-page-text-bloc .home-page-bloc-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .home-page-white-text .home-page-text-bloc .home-page-bloc-row > * {
    width: 100%;
    margin-top: 15px;
  }

  .home-page-white-text .home-page-service-bloc-container {
    padding: 0;
  }

  .home-page-white-text .home-page-service-bloc {
    position: static;
    width: 100%;
    font-size: 18px;
  }

  .home-page-white-text .home-page-service-bloc a {
    padding: 5px 15px;
  }

  .home-page-white-text .home-page-service-bloc a span {
    font-size: 13px;
  }

  .home-page-white-text .home-page-service-bloc a::after {
    width: 13px;
    height: 13px;
  }

  .home-page-white-text .home-page-block-list > div {
    margin-top: 15px;
  }

  .home-page-comments {
    margin-top: 50px;
  }

  .home-page-comments h2 {
    font-size: 25px;
  }

  #home-page .home-page-blog .offset-block {
    position: static;
  }

  .home-page-blog h2 {
    font-size: 25px;
  }

  .home-page-blog .view-content {
    flex-direction: column;
    align-items: center;
  }

  .home-page-blog .view-content .views-row {
    width: 100%;
    padding: 0;
    padding-top: 25px;
  }

  .home-page-blog .view-content .views-row.views-row-first {
    width: 100%;
    padding: 0;
    padding-top: 25px;
  }

  #home-page .profession-map {
    display: none;
  }

  .home-page-white-text .home-page-text-bloc h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .home-page-white-text {
    font-size: 13px;
  }

  .home-page-comments .comment-container {
    font-size: 13px;
  }

  .home-page-comments .comment-container .comment-info .comment-stars img {
    width: 15px;
    height: 15px;
  }

  .home-page-blog {
    margin: 50px 0px;
  }

  .home-page-blog .view-content .views-row article .home-page-blog-container h3 {
    font-size: 18px;
  }

  .home-page-blog .view-content .views-row article .home-page-blog-container div {
    font-size: 13px;
  }

  .home-page-blog .view-content .views-row article .home-page-blog-info {
    padding: 5px 0px;
  }

  .home-page-blog .view-content .views-row article .home-page-blog-info > strong {
    font-size: 13px;
  }

  .home-page-blog .view-content .views-row article .home-page-blog-info .home-page-blog-tags a {
    font-size: 13px;
    margin-top: 5px;
  }

  .questionnaire-container .questionnaire-popup {
    font-size: 15px;
    width: 90%;
    margin: auto;
    left: 5%;
  }

  .home-page-text.home-page-bur {
    padding-bottom: 25px;
    margin-top: 0;
  }

  .home-page-text.home-page-bur h2 {
    margin-bottom: 25px;
  }

  .home-page-text.home-page-bur .home-page-intro-text ul {
    flex-wrap: wrap;
  }

  .home-page-text.home-page-bur .home-page-intro-text ul li {
    width: 50%;
    margin-top: 15px;
  }

  .home-page-text.home-page-bur .home-page-block-list > div.offset-block.home-page-intro-text {
    margin: 0;
  }

  .home-page-text.home-page-bur .home-page-block-list > div.offset-block {
    text-align: left;
  }

  .home-page-text.home-page-bur .home-page-block-list > div:nth-child(1) {
    order: 2;
  }

  .home-page-text.home-page-bur .home-page-block-list > div:nth-child(2) {
    order: 1;
  }

  .home-page-text.home-page-bur .home-page-block-list > div:nth-child(3) {
    order: 3;
  }

  .home-page-text.home-page-bur .home-page-block-list > div:nth-child(4) {
    order: 4;
  }
}
/* Landing V4 */
#landing-v4 {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  border-top: 1px solid #eee;
}

#landing-v4 a {
  text-decoration: none;
}

#landing-v4 .offset-title {
  display: inline-block;
  margin-left: 100px;
  position: absolute;
  top: -30px;
  background: #fff;
  padding: 0px 15px;
}

.landing-v4-questionnaire {
  padding-top: 50px;
  padding-bottom: 75px;
  position: relative;
  color: #fff;
  background: #f4b323;
}

.landing-v4-questionnaire h1 {
  font-size: 40px;
  margin: 0;
  margin-left: 100px;
  font-weight: bold;
  border-left: 10px solid #fff;
  padding-left: 15px;
}

.landing-v4-questionnaire .questionnaire-container {
  margin: 0;
  margin-top: 50px;
}

.landing-v4-cases {
  padding-top: 100px;
  overflow-x: hidden;
}

.landing-v4-cases > .container {
  position: relative;
}

.landing-v4-cases h2 {
  font-size: 30px;
  font-weight: bold;
  border-left: 10px solid #e10019;
  padding-left: 15px;
  margin: 0;
}

.landing-v4-cases .landing-v4-cases-box {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-top: 75px;
  padding-bottom: 50px;
  margin: 0px 30px;
}

.landing-v4-cases .landing-v4-cases-container {
  overflow: visible;
  left: -15px;
  width: calc(100% + 30px);
}

.landing-v4-cases .landing-v4-cases-container .swiper-slide {
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.landing-v4-cases .landing-v4-cases-container .swiper-slide a {
  z-index: 100;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 15px;
}

.landing-v4-cases .landing-v4-cases-container .swiper-slide a strong {
  background: #00AAFF;
  display: flex;
  width: 100%;
  height: 66.66%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 15px;
  justify-content: center;
  align-items: center;
}

.landing-v4-cases .landing-v4-cases-container .swiper-slide a span {
  background: #005faa;
  display: flex;
  width: 100%;
  height: 33.33%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 15px;
  justify-content: center;
  align-items: center;
}

.landing-v4-text {
  margin-top: 50px;
}

.landing-v4-text h2 {
  font-size: 30px;
  font-weight: bold;
  border-left: 10px solid #e10019;
  padding-left: 15px;
  margin: 0;
  margin: 25px 0px;
  margin-left: 100px;
}

.landing-v4-text .landing-v4-text-bloc-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.landing-v4-text .landing-v4-text-bloc-list > div {
  width: 50%;
  padding: 0px 15px;
}

.landing-v4-text .landing-v4-text-bloc-list h3 {
  margin: 0;
  font-weight: bold;
  margin-bottom: 25px;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row > * {
  width: 50%;
  display: inline-block;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row > div > strong > span {
  display: block;
  text-align: center;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row > div > strong > span:nth-child(1) {
  font-size: 50px;
  line-height: 1;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row > div > strong > span:nth-child(2) {
  font-size: 18px;
  line-height: 1.1;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-agglo > *:nth-child(1) {
  width: 35%;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-agglo > *:nth-child(2) {
  width: 65%;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-engie {
  margin-bottom: 25px;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-engie > div {
  text-align: center;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-engie > div img {
  width: 200px;
}

.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-engie > h3 {
  margin: 0;
}

.landing-v4-text .landing-v4-agglo {
  text-align: center;
  float: left;
  display: inline-block;
  padding: 15px;
}

.landing-v4-text .landing-v4-agglo span:nth-child(1) {
  font-size: 50px;
  line-height: 1;
}

.landing-v4-text .landing-v4-agglo span:nth-child(2) {
  font-size: 20px;
  line-height: 1;
}

.landing-v4-comments {
  margin-top: 50px;
  margin-bottom: 50px;
}

.landing-v4-comments h2 {
  font-size: 30px;
  font-weight: bold;
  border-left: 10px solid #e10019;
  padding-left: 15px;
  margin: 0;
  margin: 25px 0px;
  margin-left: 100px;
}

.landing-v4-comments .landing-v4-comment-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.landing-v4-comments .landing-v4-comment-list > article {
  width: 50%;
  padding: 0px 15px;
}

.landing-v4-comments .landing-v4-comment-list > article .landing-v4-comment-info > div {
  display: inline-block;
  position: relative;
  top: -3px;
}

@media (max-width: 768px) {
  #landing-v4 {
    padding-top: 0px;
    font-size: 16px;
  }

  #landing-v4 h2 br {
    display: none;
  }

  .landing-v4-questionnaire {
    padding: 0;
    height: auto;
    padding-bottom: 25px;
    background: #f4b323;
  }

  .landing-v4-questionnaire h1 {
    margin: 0;
    margin-top: 25px;
    font-size: 22px;
  }

  .landing-v4-questionnaire h1 br {
    display: none;
  }

  .landing-v4-cases {
    padding-top: 50px;
  }

  .landing-v4-cases .landing-v4-cases-box {
    padding: 0;
    margin: 0;
  }

  .landing-v4-cases .landing-v4-cases-container {
    margin: 25px 0px;
  }

  #landing-v4 .offset-title {
    margin: 0;
    position: static;
    margin-top: -25px;
  }

  .landing-v4-cases h2 {
    font-size: 20px;
  }

  .landing-v4-cases .landing-v4-cases-container {
    margin: 25px 0px;
  }

  .landing-v4-text {
    margin-top: 25px;
  }

  .landing-v4-text h2 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 25px;
  }

  .landing-v4-text .landing-v4-text-bloc-list {
    flex-direction: column;
  }

  .landing-v4-text .landing-v4-text-bloc-list h3 {
    font-size: 16px;
    margin: 0;
  }

  .landing-v4-text .landing-v4-text-bloc-list > div {
    width: 100%;
    padding: 0px;
  }

  .landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row {
    flex-direction: column;
  }

  .landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row > * {
    width: 100%;
  }

  .landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-agglo > div {
    margin: 15px 0px;
  }

  .landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-agglo > *:nth-child(1),
.landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-agglo > *:nth-child(2) {
    width: 100%;
  }

  .landing-v4-text .landing-v4-text-bloc-list .landing-v4-bloc-row-engie > div img {
    margin: 15px 0px;
  }

  .landing-v4-text .landing-v4-agglo {
    float: none;
    width: 100%;
  }

  .landing-v4-comments {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .landing-v4-comments h2 {
    margin: 0;
    font-size: 20px;
  }

  .landing-v4-comments .landing-v4-comment-list {
    flex-direction: column;
  }

  .landing-v4-comments .landing-v4-comment-list > article {
    width: 100%;
    padding: 0;
    margin-top: 25px;
  }
}
/* AuBureau Landing */
#bur-landing {
  position: relative;
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  line-height: 1.5;
  padding-top: 150px;
  background: url(../img/aubureau-coming-soon-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#bur-landing::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 66%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 66%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 66%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}

#bur-landing p {
  margin: 0;
}

#bur-landing .tiny-container {
  background: #fff;
  width: 640px;
  margin: auto;
  padding: 25px;
  position: relative;
  z-index: 10;
}

#bur-landing main {
  padding: 0px 50px;
}

#bur-landing .bur-logo-container {
  text-align: center;
}

#bur-landing .bur-logo-container img {
  width: 60%;
  margin-top: 50px;
  margin-bottom: 75px;
}

#bur-landing .bur-link {
  text-align: center;
  margin: 50px 0px;
}

#bur-landing .bur-link a {
  color: #00AAFF;
  font-weight: bold;
  text-decoration: none;
}

#bur-landing .bur-pictos {
  display: flex;
  justify-content: center;
  margin: 75px 0px;
}

#bur-landing .bur-pictos > div {
  line-height: 1.4;
  font-weight: bold;
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#bur-landing .bur-professions {
  text-align: center;
  padding: 0px 50px;
}

#bur-landing .bur-professions span {
  display: inline-block;
  vertical-align: middle;
}

#bur-landing .bur-professions div {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0px 5px;
}

#bur-landing .bur-mail-input {
  text-align: center;
  margin: 50px 0px;
}

#bur-landing .bur-mail-input form {
  margin: 0px 50px;
  margin-top: 15px;
  border: 1px solid #00AAFF;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#bur-landing .bur-mail-input form input[type=text] {
  outline: none;
  border: none;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0px 15px;
}

#bur-landing .bur-mail-input form input[type=submit] {
  background: #00AAFF;
  border: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  padding: 5px 20px;
  margin-left: auto;
}

.bur-legals {
  background: #fff;
  color: #ccc;
  padding: 25px 0px;
  font-size: 12px;
}

#bur-footer {
  background: #fff;
  border-top: 1px solid #ccc;
  padding-bottom: 50px;
  height: 250px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#bur-footer .container > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
}

#bur-footer .container > div:nth-child(1) > a:nth-child(1) {
  margin-right: auto;
}

#bur-footer .container > div:nth-child(1) > a:nth-child(2) {
  margin-left: auto;
  background: #ccc;
  border: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  padding: 5px 20px;
  margin-left: auto;
  font-size: 14px;
  text-decoration: none;
}

#bur-footer .container > div:nth-child(1) img {
  height: 100px;
}

#bur-footer .bur-link-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

#bur-footer .bur-link-row > div:nth-child(1) {
  margin-right: auto;
  color: #ccc;
  font-size: 11px;
}

#bur-footer .bur-link-row > div:nth-child(2) {
  margin-left: auto;
}

#bur-footer .bur-link-row #footer-menu li a {
  color: #666;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
}

#bur-footer .bur-link-row #footer-menu li a:hover {
  background: none;
}

#bur-landing .bur-header {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: right;
}

#bur-landing .bur-header a {
  background: #ccc;
  border: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  padding: 5px 20px;
  margin-left: auto;
  font-size: 14px;
  text-decoration: none;
}

@media (max-width: 800px) {
  #bur-footer {
    height: 300px;
  }
}
@media (max-width: 768px) {
  #bur-landing {
    padding: 0;
    background: none;
    font-size: 14px;
  }

  #bur-landing .tiny-container {
    width: 100%;
  }

  #bur-landing main {
    padding: 0;
  }

  #bur-landing .bur-logo-container img {
    width: 100%;
    margin: 25px 0px;
  }

  #bur-landing .bur-link {
    margin: 25px 0px;
  }

  #bur-landing .bur-mail-input {
    margin: 25px 0px;
  }

  #bur-landing .bur-pictos {
    flex-wrap: wrap;
    margin: 25px 0px;
  }

  #bur-landing .bur-pictos > div {
    width: 50%;
  }

  #bur-landing .bur-pictos > div img {
    width: 25%;
  }

  #bur-landing .bur-pictos > div:nth-child(3) img {
    width: 50%;
  }

  #bur-landing .bur-professions {
    padding: 0;
  }

  #bur-landing .bur-mail-input form {
    border: 0;
    flex-direction: column;
    height: auto;
    margin: 0;
  }

  #bur-landing .bur-mail-input form input[type=text] {
    height: auto;
    border: 1px solid #00AAFF;
    margin: 10px 0px;
    padding: 10px;
  }

  #bur-landing .bur-mail-input form input[type=submit] {
    margin: 0;
    width: 100%;
    height: auto;
  }

  #bur-footer {
    padding-bottom: 0;
  }

  #bur-footer > div img {
    width: 100%;
    height: auto;
  }

  #bur-footer .bur-link-row {
    flex-direction: column;
  }

  #bur-footer .container > div:nth-child(1) {
    flex-direction: column;
  }

  #bur-footer .container > div:nth-child(1) > a:nth-child(2) {
    margin: 0;
    margin-top: 15px;
  }

  #bur-footer .bur-link-row > div:nth-child(1) {
    margin: 0;
  }

  #bur-footer .bur-link-row > div:nth-child(2) {
    margin: 0;
  }

  #bur-footer .bur-link-row #footer-menu li a {
    text-align: center;
  }
}
@media (max-width: 450px) {
  #bur-footer {
    height: 350px;
  }
}
/* Landing v5 */
#landing-v5 {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  padding-bottom: 100px;
}
#landing-v5 h1 {
  border-left: 10px solid #e10019;
  padding-left: 15px;
  font-weight: bold;
  font-size: 40px;
}
#landing-v5 h2 {
  border-left: 10px solid #00AAFF;
  padding-left: 15px;
  font-weight: bold;
  font-size: 30px;
  color: #041c25;
}
#landing-v5 .landing-v5-img img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #landing-v5 .landingImgSpe {
    margin-top: 15px;
  }
}
#landing-v5 .landing-v5-text p {
  margin: 0;
  margin-top: 15px;
}
#landing-v5 .landing-v5-text ul {
  margin: 0;
  margin-top: 15px;
  padding-left: 25px;
}
#landing-v5 .landing-v5-text .phone-button-container a {
  color: #fff;
  background: #e10019;
  border-radius: 25px;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  margin-top: 15px;
}
#landing-v5 .landing-v5-text .phone-button-container a i {
  font-size: 14px;
}
#landing-v5 .landing-v5-text > a {
  color: #e10019;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
  margin: 15px 0px;
}
@media screen and (max-width: 767px) {
  #landing-v5 .landing-v5-text .landingPhoneOff {
    display: none;
  }
}
#landing-v5 .landing-v5-text .landingPhoneSpe {
  display: none;
}
@media screen and (max-width: 767px) {
  #landing-v5 .landing-v5-text .landingPhoneSpe {
    display: block;
  }
  #landing-v5 .landing-v5-text .landingPhoneSpe .phone-button-container a {
    color: #fff;
    background: #e10019;
    border-radius: 25px;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-top: 15px;
  }
  #landing-v5 .landing-v5-text .landingPhoneSpe .phone-button-container a i {
    font-size: 14px;
  }
  #landing-v5 .landing-v5-text .landingPhoneSpe > a {
    color: #e10019;
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
    margin: 15px 0px;
  }
}
#landing-v5 .landing-v5-comment p {
  margin: 0;
  margin-top: 25px;
}
#landing-v5 .landing-v5-comment .comment-infos {
  margin-top: 15px;
}
#landing-v5 .landing-v5-comment .comment-infos .comment-stars {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 5px;
}
#landing-v5 .landing-v5-comment .comment-infos a {
  color: #00AAFF;
  text-decoration: underline;
}
#landing-v5 .landing-v5-comment .swiper-wrapper {
  padding-bottom: 50px;
}
#landing-v5 .landing-v5-comment .swiper-pagination {
  bottom: 0px;
}
#landing-v5 .landing-v5-comment .swiper-timer-bar {
  width: 100%;
  height: 2px;
  background: #00AAFF;
}

#landing-v5 .landing-v5-engie p {
  margin: 0;
  margin-top: 25px;
}

#landing-v5 .landing-v5-engie p img {
  width: 200px;
  margin-right: 15px;
}

@media (min-width: 767px) {
  #landing-v5 .landing-v5-text .phone-button-container a.desktop-hide {
    display: none;
  }
}
@media (max-width: 768px) {
  #landing-v5 {
    font-size: 14px;
    padding-bottom: 75px;
  }

  #landing-v5 h1 {
    font-size: 25px;
  }

  #landing-v5 h2 {
    font-size: 20px;
  }

  #landing-v5 .row > div {
    padding: 0;
  }

  #landing-v5 .landing-v5-text .phone-button-container a {
    padding: 5px 10px;
  }

  #landing-v5 .landing-v5-engie p img {
    width: 200px;
  }

  #landing-v5 .landing-v5-first-row {
    display: flex;
    flex-direction: column;
  }

  #landing-v5 .landing-v5-first-row > div:nth-child(1) {
    order: 2;
  }

  #landing-v5 .landing-v5-first-row > div:nth-child(2) {
    order: 1;
  }

  #landing-v5 .landing-v5-img {
    text-align: center;
  }

  #landing-v5 .landing-v5-img img {
    width: 100%;
    max-width: 350px;
  }
}
@media (max-width: 400px) {
  #landing-v5 .landing-v5-engie p img {
    width: 70%;
    margin: 0px 15%;
    margin-bottom: 15px;
  }
}
/* EDS finished */
.eds-finished {
  font-family: "uniform-rounded";
}

.eds-finished .eds-finished-title {
  text-align: center;
  font-weight: bold;
  margin: 50px 0px;
}

.eds-finished .eds-finished-bloc {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 25px;
  margin: 0px 200px;
  text-align: center;
}

@media (max-width: 768px) {
  .eds-finished .eds-finished-bloc {
    margin: auto;
  }
}
/* Header V4 (new system) */
#header-v4 {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

#header-v4-desktop {
  display: flex;
  flex-direction: column;
}

#header-v4-desktop .header-v4-logo-row {
  display: flex;
  align-items: center;
  padding: 15px;
}

#header-v4-desktop .header-v4-logo-row #logo {
  margin-right: auto;
  width: 360px;
  height: 85px;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a .header-v4-button-content {
  height: 100%;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button {
  color: #aaa;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-img {
  width: 60px;
  height: 100%;
  display: flex;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-img img {
  height: 20px;
  margin: auto;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content {
  text-transform: uppercase;
  border-left: 1px solid #ccc;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content > strong {
  font-size: 12px;
  line-height: 1;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content > div {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content > div > strong {
  font-size: 16px;
  line-height: 1;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content > div > span {
  font-size: 7px;
  line-height: 7px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button {
  margin-top: 10px;
  background: #00AAFF;
  color: #fff;
  height: 40px;
  border-radius: 3px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button .header-v4-button-img {
  background: #005faa;
  width: 62px;
  height: 100%;
  display: flex;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button .header-v4-button-img img {
  height: 25px;
  margin: auto;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button > div:last-child {
  display: flex;
  align-items: center;
  padding: 0px 10px;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 14px;
  text-shadow: 0px 1px 1px rgba(0, 95, 170, 0.6);
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button {
  color: #005faa;
  margin-top: 10px;
  width: 100%;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  text-decoration: underline;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-phone-button .header-v4-button-img {
  width: 60px;
  height: 100%;
  display: flex;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-questionnaire-button {
  margin-top: 10px;
  background: #00AAFF;
  color: #fff;
  height: 40px;
  border-radius: 3px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-questionnaire-button .header-v4-button-img {
  background: #005faa;
  width: 62px;
  height: 100%;
  display: flex;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-questionnaire-button .header-v4-button-img img {
  height: 25px;
  margin: auto;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-questionnaire-button:hover {
  background: #00AAFF;
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons.header-adw > a.header-v4-details-button {
  padding-left: 72px;
}

#header-v4-desktop nav {
  background: #6ac7ea;
}

#header-v4-desktop nav .navbar-nav a, #header-v4-desktop nav .nav-justified a {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 12px;
}

#header-v4-desktop nav .navbar-nav a:hover, #header-v4-desktop nav .nav-justified a:hover {
  background: #00AAFF;
}

#header-v4-desktop nav .navbar-nav a.active, #header-v4-desktop nav .nav-justified a:active {
  background: #005faa !important;
  color: #fff !important;
}

#header-v4-desktop nav .navbar-nav a.active:focus {
  background: #005faa !important;
  color: #fff !important;
}

#header-v4-desktop nav .navbar-nav a:focus {
  background: #00AAFF !important;
  color: #fff !important;
}

a {
  content: "Q";
}

/*#header-v4-desktop nav .navbar-nav:nth-child(1) li a[href=\/revetement-sol]{
  position: relative;
  &:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 5px;
    top: 35%;
    transform: translateY(-25%);
    opacity: 0.6;
  }
  &:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    right: 5px;
    bottom: 25%;
    transform: translateY(-75%);
    opacity: 0.6;
  }
}*/
/*#header-v4-desktop nav .navbar-nav:nth-child(1) li a[href=\/peinture]::after {
  content: 'nouveau';
  display: inline-block;
  position: absolute;
  background: #f90;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 8px;
  padding: 5px;
  border-radius: 25px;
  top: -10px;
  right: 0px;
}*/
@media (max-width: 1200px) {
  #header-v4-desktop .container {
    margin: 0;
    width: 100%;
  }

  #header-v4-desktop nav .navbar-nav a, #header-v4-desktop nav .nav-justified a {
    font-size: 10px;
    padding: 10px 10px;
  }
}
#header-v4-mobile {
  /*height: 97px;*/
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

#header-v4-mobile .header-v4-logo-row {
  background: #00AAFF;
  padding: 15px;
  display: flex;
  align-items: center;
}

#header-v4-mobile .header-v4-logo-row #logo {
  margin-right: auto;
  display: inline-block;
  width: 170px;
  height: 40px;
}

#header-v4-mobile .header-v4-logo-row #logo img {
  width: 100%;
  height: 100%;
}

#header-v4-mobile .header-v4-logo-row #menu {
  margin-left: auto;
  display: inline-block;
  font-size: 14px;
  color: #005faa;
  text-decoration: none;
}

#header-v4-mobile .header-v4-buttons {
  display: flex;
  align-items: center;
  background: #005faa;
}

#header-v4-mobile .header-v4-buttons > a {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}

#header-v4-mobile .header-v4-buttons > a:nth-child(1) {
  width: 60%;
  padding: 7px 10px;
}

#header-v4-mobile .header-v4-buttons > a:nth-child(2) {
  width: 40%;
  padding: 7px 10px;
  background: #233365;
}

#header-v4-mobile .header-v4-nav-container {
  width: 100%;
  height: calc(100% - 96px);
  overflow-y: scroll;
  background: #233365;
}

#header-v4-mobile nav {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 25px 0px;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li {
  margin: 10px;
  margin-bottom: 0px;
  width: 75px;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li.active a {
  color: #fff !important;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a::before {
  content: "";
  display: block;
  width: 67px;
  height: 67px;
  margin-bottom: 5px;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/plomberie]::before {
  background: url(../img/picto-plomberie.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/electricite]::before {
  background: url(../img/picto-electricite.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/serrurerie]::before {
  background: url(../img/picto-serrurerie.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/vitrerie]::before {
  background: url(../img/picto-vitrerie.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/chauffage]::before {
  background: url(../img/picto-chauffage.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/electromenager]::before {
  background: url(../img/picto-electromenager.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/multimedia]::before {
  background: url(../img/picto-multimedia.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/blog]::before {
  background: url(../img/picto-blog.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/petits-travaux]::before {
  background: url(../img/picto-petits-travaux.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/jardinage]::before {
  background: url(../img/picto-jardinage.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/peinture]::before {
  background: url(../img/picto-peinture.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/revetement-sol]::before {
  background: url(../img/picto-revetement-sol.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*#header-v4-mobile nav .navbar-nav:nth-child(1) li a[href=\/peinture]::after {
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url(../img/new.png);
  top: -8px;
  right: -5px;
  width: 30px;
  height: 30px;
}*/
#header-v4-mobile nav .blogNavMob {
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-top: auto;
}
#header-v4-mobile nav .blogNavMob li {
  padding: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
#header-v4-mobile nav .blogNavMob li a {
  padding-top: 12px;
  padding-bottom: 10px;
  line-height: 18px;
  position: relative;
  display: block;
  color: #041c25;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background: #eee;
}
#header-v4-mobile nav .blogNavMob li a:hover {
  text-decoration: none;
  color: #FFF;
}
#header-v4-mobile nav .blogNavMob li a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  display: block;
  top: 25%;
  transform: translateX(-20%);
  right: 25px;
}
#header-v4-mobile nav .blogNavMob li:nth-child(1) a {
  background: #e10019;
  color: #FFF;
}
#header-v4-mobile nav .blogNavMob li:nth-child(1) a:hover {
  text-decoration: none;
  color: #FFF;
  background: #00AAFF;
}
#header-v4-mobile nav .blogNavMob li:nth-child(1) a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  display: block;
  top: 25%;
  transform: translateX(-20%);
  right: 25px;
}

#header-v4-mobile nav .navbar-nav:nth-child(2) {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-top: auto;
}

#header-v4-mobile nav .navbar-nav:nth-child(2) li {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#header-v4-mobile nav .navbar-nav:nth-child(2) li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

#header-v4-mobile {
  display: none;
}

@media (max-width: 768px) {
  #header-v4-desktop {
    display: none;
  }

  #header-v4-mobile {
    display: flex;
  }

  #header-v4-mobile nav {
    display: none;
  }

  body.header-menu-open {
    overflow: hidden;
    height: 100%;
  }

  #header-v4-mobile.header-menu-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
  }

  #header-v4-mobile.header-menu-open nav {
    display: flex;
  }
}
/* Header V4 Blog */
.header-v4-blog #header-v4-desktop nav {
  background: #eee;
}

.header-v4-blog #header-v4-desktop nav .navbar-nav a {
  color: #aaa;
}

.header-v4-blog #header-v4-desktop nav .navbar-nav a:hover {
  color: #fff;
  background: #00AAFF;
}

.header-v4-blog #header-v4-desktop nav .navbar-nav a[href=\/jardinage]::after {
  display: none;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav {
  padding: 0px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav {
  border-radius: 4px;
  display: flex;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav {
  margin-right: auto;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a {
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  color: #041c25;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a:hover {
  color: #fff;
  background: #00AAFF;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a.active {
  color: #fff !important;
  background: #00AAFF !important;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li.first a {
  padding-left: 45px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li.first a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/blog-home-icon.png) no-repeat top;
  background-size: cover;
  margin-right: 5px;
  position: absolute;
  top: 9px;
  left: 15px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li.first a.active::before {
  background-position-y: 100%;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a[href=\/]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../img/blog-menu-dropdown-arrow.png) no-repeat top;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a[href=\/].active::after {
  background-position-y: 100%;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav > nav .navbar-nav li a[href=\/].open {
  color: #666 !important;
  background: #ddd !important;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-depannage-links .navbar-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 500;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-depannage-links .navbar-nav li {
  width: 100%;
  text-align: center;
  padding: 0px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-depannage-links .navbar-nav li a {
  padding: 10px 15px;
  background: #eee;
  font-size: 12px;
  font-weight: bold;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-depannage-links .navbar-nav li a:hover {
  color: #fff;
  background: #00AAFF;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search {
  display: inline-block;
  margin-left: auto;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form {
  height: 100%;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ddd;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs button {
  background: none;
  border: none;
  padding: 8px 10px;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs button img {
  height: 100%;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs input {
  border: 0;
  background: none;
  box-shadow: none;
  padding: 6px 0px;
  margin-right: 15px;
  font-weight: normal;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs input::-webkit-input-placeholder {
  color: #aaa !important;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs input::-moz-placeholder {
  color: #aaa !important;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs input:-ms-input-placeholder {
  color: #aaa !important;
}

.header-v4-blog #header-v4-desktop .header-v4-blog-nav .blog-search form .search-inputs input:-moz-placeholder {
  color: #aaa !important;
}

/* Header V4 Landing V4 */
.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #ccc;
  width: 335px;
  height: 50px;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-img {
  display: flex;
  padding: 0px 10px;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-img img {
  height: 30px;
  margin: auto;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-content {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 10px;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-content > div strong {
  font-size: 20px;
  line-height: 1;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-content > div span {
  font-size: 7px;
  line-height: 1;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .header-v4-button-content > strong {
  padding: 0px 10px;
  color: #aaa;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}

.header-v4-lv4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .adw-text > strong {
  font-size: 16px;
}

/* Header V4 Landing V5 */
.header-v4-lv5 #header-v4-desktop {
  border-bottom: 1px solid #eee;
}

.header-v4-lv5 #header-v4-desktop .header-v4-logo-row {
  padding: 0;
}

.header-v4-lv5 #header-v4-desktop .header-v4-logo-row #logo {
  padding: 25px 0px;
  height: auto;
}

.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons {
  flex-direction: row;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-details,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5tm-details {
  background: rgba(0, 95, 170, 0.5);
  color: #fff;
  padding: 0px 25px;
  font-weight: bold;
  margin-left: 25px;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button {
  background: #005faa;
  height: 135px;
  padding: 0px 25px;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-img img,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button .header-v4-button-img img {
  height: 55px;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button .header-v4-button-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 0px 10px;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content > strong,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button .header-v4-button-content > strong {
  font-size: 20px;
  line-height: 1;
}
#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content > strong i,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button .header-v4-button-content > strong i {
  font-size: 16px;
  line-height: 2px;
}

#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content > span,
.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv5-phone-button .header-v4-button-content > span {
  text-align: left;
  font-size: 8px;
  line-height: 1;
  margin-top: 6px;
  display: block;
  text-transform: uppercase;
}

.header-v4-lv5 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-lv4-phone-button .adw-text > strong {
  font-size: 16px;
}

/* Header V4 Landing Marque Call */
#header-v4.header-v4-marque-call .header-v4-logo-row .header-v4-hp1-phone-button {
  height: 80px !important;
}

/* New Form */
.btn-md-primary {
  outline: 0;
  border: 3px solid #fff;
  border-radius: 20px;
  text-align: center;
  line-height: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #999;
  background: #eee;
  text-shadow: 0px 1px 0px #fff;
  font-size: 22px;
  font-weight: bold;
  width: 220px;
  height: 115px;
  border-radius: 30px;
  transition: 0.3s;
}

.btn-md-primary > span {
  margin: 0;
  margin-top: 15px;
  margin-bottom: 20px;
}

.btn-md-primary > time {
  text-shadow: none;
  background: #fcfcfc;
  margin: 0;
  margin-bottom: 15px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  width: 165px;
  height: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-md-primary.selected,
.btn-md-primary:hover {
  border: 3px solid #00AAFF;
  box-shadow: 0px 3px 6px rgba(0, 170, 255, 0.3);
}

.btn-md-primary.selected {
  background: #eee;
  color: #041c25;
}

.btn-md-primary.selected > span {
  color: #041c25;
}

.btn-md-primary.selected > time {
  color: #fff;
  background: #00AAFF;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px white;
}

/*
.btn-payment {
    outline: 0; border: 2px solid #fff; border-radius: 20px; text-align: center; padding: 10px; line-height: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 170px;
    opacity: 0.7; color: rgba(4,28,37,0.7); font-weight: bold; font-size: 16px; height: 75px;
    transition: 0.3s;

    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.btn-payment.selected,
.btn-payment:hover {border: 2px solid $bleu-generique; box-shadow: 0px 3px 6px rgba(0, 170, 255, 0.3);}
.btn-payment.selected {opacity: 1; color: rgba(4,28,37,1);}
*/
.btn-md {
  outline: 0;
  color: #fff;
  background: rgba(0, 170, 255, 0.7);
  border: 0;
  border-radius: 25px;
  display: inline-block;
  width: auto;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 30px;
  box-shadow: 0px 1px 0px rgba(0, 95, 170, 0.7);
  transition: 0.2s;
}

.btn-md:hover {
  background: #00aaff;
  box-shadow: 0px 1px 0px #005faa;
}

.btn-md.disabled {
  background: rgba(204, 204, 204, 0.5);
  color: #999;
  box-shadow: 0px 1px 0px rgba(108, 148, 166, 0.5);
}

.btn-md.disabled:hover {
  background: #cccccc;
}

.form-page {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}

.form-page h1 {
  margin: 50px 0px;
  font-weight: bold;
  border-left: 10px solid #ffc300;
  padding-left: 15px;
  font-size: 50px;
}

aside.md-recap {
  background: #00AAFF;
  color: #fff;
  padding: 25px;
  z-index: 100;
}

aside.md-recap h2 {
  margin: 0;
  font-weight: bold;
  font-size: 38px;
}

aside.md-recap .form-recap-box {
  background: #fff;
  border-radius: 3px;
  text-align: center;
  color: #233365;
  margin: 25px 0px;
}

aside.md-recap .form-recap-box > header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: rgba(0, 170, 255, 0.5);
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #00AAFF;
  font-size: 18px;
  padding: 5px;
  line-height: 1;
}

aside.md-recap .form-recap-box > div {
  padding: 10px;
}

aside.md-recap .form-recap-box > div > strong {
  font-size: 24px;
}

aside.md-recap .form-recap-pictos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

aside.md-recap .form-recap-pictos li {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}

aside.md-recap .form-recap-pictos li img {
  width: 65px;
}

aside.md-recap .form-recap-pictos li strong {
  font-size: 15px;
  margin-top: 5px;
}

aside.md-recap > p {
  position: relative;
  padding-left: 45px;
  font-size: 15px;
}

aside.md-recap > p::before {
  content: "i";
  font-family: "Times New Roman", Times, serif;
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-style: italic;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  position: absolute;
  top: 0;
  left: 0;
}

.form-page fieldset {
  margin-bottom: 50px;
}

.form-page fieldset:last-child {
  margin: 0;
}

.form-page fieldset.valid legend {
  /*border-color: #69af23;*/
  border-color: #005faa;
}

.form-page fieldset legend {
  transition: 0.2s;
  line-height: normal;
  font-size: 28px;
  font-weight: bold;
  border: 0;
  border-left: 10px solid #eee;
  padding-left: 10px;
  color: #041c25;
  margin-bottom: 10px;
}

.form-page fieldset > div {
  margin-bottom: 15px;
}

.form-page fieldset label {
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 5px;
  vertical-align: middle;
}

.form-page fieldset textarea,
.form-page fieldset input {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  line-height: normal;
  font-size: 18px;
  outline: 0;
}

.form-page fieldset input::placeholder {
  color: #aaa;
}

.form-page fieldset input::-webkit-input-placeholder {
  color: #aaa;
}

.form-page fieldset input::-moz-placeholder {
  color: #aaa;
}

.form-page fieldset input:-ms-input-placeholder {
  color: #aaa;
}

.form-page fieldset input:-moz-placeholder {
  color: #aaa;
}

.form-page fieldset textarea::placeholder {
  color: #aaa;
}

.form-page fieldset textarea::-webkit-input-placeholder {
  color: #aaa;
}

.form-page fieldset textarea::-moz-placeholder {
  color: #aaa;
}

.form-page fieldset textarea:-ms-input-placeholder {
  color: #aaa;
}

.form-page fieldset textarea:-moz-placeholder {
  color: #aaa;
}

.form-page fieldset input::-webkit-outer-spin-button,
.form-page fieldset input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-page fieldset textarea:hover,
.form-page fieldset textarea:focus,
.form-page fieldset input:hover,
.form-page fieldset input:focus {
  border-color: #ddd;
  box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.form-page fieldset textarea.valid.okvalid:after,
.form-page fieldset.okvalid:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 14px;
}
.form-page fieldset textarea.valid input.valid,
.form-page fieldset input.valid {
  border-color: #00AAFF;
  color: #00AAFF;
}

.form-page fieldset textarea.error,
.form-page fieldset input.error {
  border-color: #e10019;
  color: #e10019;
}

.form-page fieldset input#postcode {
  width: 140px;
  vertical-align: middle;
}

.form-page fieldset input#phonenumber,
.form-page fieldset input#promocode {
  width: 210px;
}

.form-page fieldset input#email {
  width: 400px;
}

.form-page fieldset #city {
  vertical-align: middle;
  height: 40px;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  margin-left: 15px;
}

.form-page fieldset #city svg {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.form-page fieldset input#postcode.valid + #city {
  color: #00AAFF;
}

.form-page fieldset input#postcode.valid + #city svg path {
  fill: #00AAFF;
}

.form-page fieldset input#postcode.error + #city {
  color: #e10019;
}

.form-page fieldset input#postcode.error + #city svg path {
  fill: #e10019;
}

.form-page .optional-input > span {
  color: rgba(0, 170, 255, 0.7);
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.form-page .optional-input > span:hover {
  color: #00aaff;
}

.form-page .optional-input > div {
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.form-page .optional-input > div label {
  height: 1px;
}

.form-page .optional-input.open > span {
  display: none;
}

.form-page .optional-input.open > div {
  width: auto;
  height: auto;
  overflow: auto;
}

.form-page .optional-input.open > div label {
  height: auto;
}

.form-page .button-row {
  display: flex;
  align-items: flex-start;
}

.form-page .button-row > *:not(:first-child) {
  margin-left: 25px;
}

.form-page .button-row label {
  font-weight: bold;
  display: flex;
}

.form-page .button-row label input {
  background: none;
  border: 0;
  width: 1px;
  height: 1px;
  position: relative;
  z-index: -1000;
  margin: 0;
  padding: 0;
}

.form-page .form-info {
  color: #999;
  display: flex;
  align-items: center;
}

.form-page .form-info::before {
  content: "i";
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  display: inline-block;
  min-width: 25px;
  width: 25px;
  height: 25px;
  text-align: center;
  border: 2px solid #aaa;
  border-radius: 50%;
  font-size: 18px;
  line-height: 21px;
  margin-right: 10px;
}

.form-page .form-consent {
  display: inline-block;
  font-size: 11px;
  margin-top: 50px;
  color: #999;
}

.form-page .form-consent a {
  text-decoration: underline;
  color: #999;
}

.custom-select {
  display: inline-block;
  position: relative;
}

.custom-select button {
  transition: 0.2s;
  box-shadow: 0px 1px 0px rgba(108, 148, 166, 0.5);
  background: rgba(0, 170, 255, 0.7);
  color: #fff;
  border: 0;
  outline: 0;
  padding: 0;
  border-radius: 25px;
  height: 40px;
  font-size: 22px;
}

.custom-select button > div {
  vertical-align: middle;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.custom-select button > div:first-child {
  padding: 0px 25px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.custom-select button > div:last-child {
  padding: 0px 10px;
  background: #00AAFF;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.custom-select button img,
.custom-select button svg {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.custom-select.open button,
.custom-select button:hover {
  background: #00aaff;
}

.custom-select button {
  background: rgba(204, 204, 204, 0.5);
  color: #999;
  transition: 0.2s;
}

.custom-select button > div:last-child {
  background: #cccccc;
  transition: 0.2s;
}

.custom-select button svg path {
  fill: #999;
  transition: 0.2s;
}

.custom-select.open button,
.custom-select button:hover {
  background: #ccc;
}

.custom-select.filled button {
  background: rgba(0, 170, 255, 0.7);
  color: #fff;
}

.custom-select.filled button > div:last-child {
  background: #00AAFF;
}

.custom-select.filled button svg path {
  fill: #fff;
}

.custom-select.filled.open button,
.custom-select.filled button:hover {
  background: #00aaff;
}

/* Custom select dropdown */
.custom-select ul {
  display: none;
  max-height: 160px;
  overflow-y: scroll;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
  margin: 0px 15px;
  background: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.custom-select ul li {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  transition: 0.2s;
}

.custom-select ul li:not(:last-child) {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.custom-select ul li:hover {
  background: #00AAFF;
  color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select ul {
    width: calc(100% - 30px);
  }

  .custom-select ul::-webkit-scrollbar {
    width: 2px;
    border-radius: 25px;
  }

  .custom-select ul::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 25px;
  }
}
.custom-select.open ul {
  display: block;
}

/* Custom select modal */
#customSelectModal .modal-dialog {
  width: auto;
}

#customSelectModal .modal-content {
  background: #e5f0f5;
  border-radius: 10px;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
}

#customSelectModal .modal-header {
  font-size: 22px;
  text-align: center;
  color: #6c94a6;
  position: relative;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  padding: 25px;
}

#customSelectModal .modal-header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cad6dc;
}

#customSelectModal .modal-body {
  padding: 0;
}

#customSelectModal .modal-body ul {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 0;
  padding: 0;
  padding-right: 5px;
  overflow-y: scroll;
  max-height: 435px;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #customSelectModal .modal-body ul {
    width: calc(100% + 7px);
  }

  #customSelectModal .modal-body ul::-webkit-scrollbar {
    width: 2px;
    border-radius: 25px;
  }

  #customSelectModal .modal-body ul::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 25px;
  }
}
#customSelectModal .modal-body ul li {
  font-size: 18px;
  display: block;
  padding: 20px;
  line-height: 1;
  transition: 0.2s;
  cursor: pointer;
}

#customSelectModal .modal-body ul li:hover,
#customSelectModal .modal-body ul li.selected {
  background: #6c94a6;
  color: #fff;
}

.form-page .payment-info {
  position: relative;
  color: #999;
  display: flex;
  width: 170px;
  font-size: 11px;
  align-items: flex-start;
  padding-top: 5px;
}

.form-page .payment-info::before {
  content: "i";
  font-family: "Times New Roman", Times, serif;
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  font-style: italic;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  margin-right: 5px;
}

.form-page .btn-md-primary.selected + .payment-info {
  color: #041c25;
}

.form-page .btn-md-primary.selected + .payment-info::before {
  color: #041c25;
  border-color: #041c25;
}

.form-page .checkbox-line {
  display: flex;
  align-items: center;
}

.form-page .checkbox-line > label:nth-child(2) {
  font-weight: bold;
  padding-left: 15px;
  color: #999;
  font-size: 11px;
}

.form-page .checkbox-line > label:nth-child(2) a {
  text-decoration: underline;
  color: #999;
  transition: 0.2s;
}

.form-page .checkbox-line > label:nth-child(2) a:hover {
  color: #00aaff;
}

.form-page .checkbox-line > label.checked:nth-child(2) a {
  color: rgba(0, 170, 255, 0.7);
}

.input-error-message {
  color: #e10019;
  margin-top: 15px;
  display: none;
}

.input-error-message::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/danger.svg);
  background-size: cover;
  min-width: 20px;
  font-size: 16px;
  line-height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

fieldset > div .error ~ .input-error-message {
  display: block;
}

.md-switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 25px;
  min-width: 57px;
  min-height: 25px;
}

.md-switch input {
  width: 1px;
  height: 1px;
  background: rgba(255, 255, 255, 0);
  border: 0;
  box-shadow: none;
  position: relative;
  left: 5px;
  outline: 0;
  visibility: hidden;
}

.form-page fieldset .md-switch input:hover {
  background: none;
  border: 0;
  box-shadow: none;
}

.md-switch span {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}

.md-switch .md-switch-slider span:nth-child(1) {
  justify-content: flex-end;
  right: 24px;
  font-weight: bold;
}

.md-switch .md-switch-slider span:nth-child(2) {
  justify-content: flex-start;
  left: 24px;
  color: #aaa;
}

.md-switch .md-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 25px;
  overflow: hidden;
  transition: 0.4s;
}

.md-switch .md-switch-slider::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  left: 4px;
  top: 4px;
  border: 1px solid #ccc;
  transition: 0.4s;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
}

.md-switch input:checked + .md-switch-slider {
  background: #00AAFF;
}

.md-switch input:checked + .md-switch-slider::before {
  transform: translateX(32px);
  box-shadow: 0px 3px 2px rgba(0, 95, 170, 0.3);
}

.md-switch input:checked + .md-switch-slider span:nth-child(1) {
  opacity: 1;
}

.md-switch input:not(:checked) + .md-switch-slider span:nth-child(2) {
  opacity: 1;
}

/* Centered modal */
.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#customSelectModal,
#datetimepickerModal {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}

.modal-btns {
  padding: 0px 25px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
}

.modal-btns button:first-child {
  outline: 0;
  margin-right: auto;
  background: none;
  border: 0;
  color: #999;
  text-decoration: underline;
}

.modal-btns button:last-child {
  margin-left: auto;
}

.form-page fieldset .custom-select input,
#datetimepicker-output {
  height: 1px;
  width: 1px;
  overflow: hidden;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1000;
  visibility: hidden;
}

@media (max-width: 768px) {
  .btn-md-primary {
    font-size: 12px;
    width: 140px;
    height: 80px;
  }

  .btn-md-primary > span {
    margin-bottom: 15px;
  }

  .btn-md-primary > time {
    font-size: 10px;
    height: 20px;
    width: 100px;
    margin-bottom: 10px;
  }

  .btn-md {
    font-size: 14px;
    padding: 10px 20px;
  }

  .form-page {
    font-size: 14px;
  }

  .form-page h1 {
    margin: 25px 0px;
    font-size: 20px;
    padding-left: 10px;
  }

  .form-page > .row > div {
    padding: 0;
    width: 100%;
    float: none;
  }

  aside.md-recap {
    position: absolute;
    top: -70px;
    left: -15px;
    width: calc(100% + 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e5f6ff;
  }

  aside.md-recap h2 {
    font-size: 14px;
    color: #041c25;
    display: inline-block;
    margin-right: auto;
    padding-right: 5px;
  }

  aside.md-recap .form-recap-box {
    margin: 0;
    margin-left: auto;
    width: 150px;
    min-width: 150px;
  }

  aside.md-recap .form-recap-box > header {
    font-size: 9px;
    background: #00AAFF;
  }

  aside.md-recap .form-recap-box > div {
    padding: 5px;
  }

  aside.md-recap .form-recap-box > div > strong {
    font-size: 11px;
  }

  aside.md-recap .form-recap-box:nth-child(3) {
    display: none;
  }

  aside.md-recap p {
    display: none;
  }

  .form-page fieldset {
    margin-bottom: 25px;
  }

  .form-page fieldset legend {
    font-size: 16px;
    border-left: 7px solid #eee;
    padding-left: 10px;
  }

  .form-page fieldset label {
    font-size: 14px;
  }

  .form-page fieldset textarea,
.form-page fieldset input {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px;
    max-width: none;
    margin-left: -15px;
  }

  .form-page fieldset textarea {
    resize: none;
    height: 105px;
  }

  .form-page fieldset input::placeholder {
    color: #ccc;
  }

  .form-page fieldset input::-webkit-input-placeholder {
    color: #ccc;
  }

  .form-page fieldset input::-moz-placeholder {
    color: #ccc;
  }

  .form-page fieldset input:-ms-input-placeholder {
    color: #ccc;
  }

  .form-page fieldset input:-moz-placeholder {
    color: #ccc;
  }

  .form-page fieldset textarea::placeholder {
    color: #ccc;
  }

  .form-page fieldset textarea::-webkit-input-placeholder {
    color: #ccc;
  }

  .form-page fieldset textarea::-moz-placeholder {
    color: #ccc;
  }

  .form-page fieldset textarea:-ms-input-placeholder {
    color: #ccc;
  }

  .form-page fieldset textarea:-moz-placeholder {
    color: #ccc;
  }

  .form-page fieldset input,
.form-page fieldset textarea,
.form-page fieldset input#postcode,
.form-page fieldset input#phonenumber,
.form-page fieldset input#promocode,
.form-page fieldset input#email {
    width: calc(100% + 30px);
  }

  .form-page fieldset #city {
    margin: 0;
    margin-top: 15px;
    width: 100%;
  }

  .form-page fieldset textarea:hover,
.form-page fieldset textarea:focus,
.form-page fieldset input:hover,
.form-page fieldset input:focus {
    box-shadow: inset 0px -10px 5px -10px rgba(0, 0, 0, 0.1);
  }

  .form-page .optional-input > span {
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
  }

  .form-page .form-info {
    font-size: 12px;
  }

  .form-page .payment-info::before,
.form-page .form-info::before {
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    border: 0;
    background: #ccc;
    color: #fff;
    line-height: 15px;
  }

  .form-page .payment-info {
    width: 140px;
    font-size: 10px;
    line-height: 12px;
  }

  .form-page .form-consent {
    font-size: 8px;
    margin-top: 25px;
  }

  .form-page .button-row {
    justify-content: center;
  }

  .form-page .button-row > *:not(:first-child) {
    margin-left: 10px;
  }

  .form-page .button-row > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .form-page .checkbox-line > label:nth-child(2) {
    font-weight: normal;
    font-size: 12px;
  }

  .custom-select button {
    font-size: 12px;
    height: 30px;
  }

  .custom-select button > div:first-child {
    padding: 0px 20px;
  }

  .custom-select button > div:last-child {
    padding: 0px 10px;
  }

  .custom-select button img,
.custom-select button svg {
    width: 10px;
    height: 10px;
  }

  .custom-select ul {
    top: 30px;
  }

  #customSelectModal .modal-header {
    font-size: 18px;
    padding: 15px;
  }

  #customSelectModal .modal-body ul {
    max-height: 255px;
  }

  #customSelectModal .modal-body ul li {
    font-size: 14px;
    padding: 10px;
  }
}
/* Page FAQ */
.faq-page {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

.faq-page h1, .faq-page h2, .faq-page h3 {
  font-weight: bold;
}

.faq-page h1, .faq-page h2 {
  border-left: 20px solid #00AAFF;
  padding-left: 25px;
}

.faq-page h1 {
  font-size: 50px;
  margin: 40px 0px 20px 0px;
}

.faq-page h2 {
  font-size: 36px;
  margin: 50px 0px 0px 0px;
}

.faq-page h3 {
  font-size: 26px;
  margin: 0;
  margin-top: 40px;
}

.faq-page a {
  color: #00AAFF;
  font-weight: bold;
  text-decoration: underline;
}

.faq-page .offset-center {
  margin: 0px 130px;
}

.faq-page p {
  margin: 0;
  margin-top: 25px;
}

.faq-page img {
  width: 100%;
  margin-top: 40px;
}

.faq-page .faq-general-row {
  display: flex;
  justify-content: center;
}

.faq-page .faq-general-row > div {
  width: 33.33%;
  padding: 0px 12.5px;
  margin-top: 40px;
}

.faq-page .faq-general-row > div > div {
  height: calc(100% - 200px);
  background: #00AAFF;
  color: #fff;
  padding: 30px;
}

.faq-page .faq-general-row h3 {
  margin: 0;
  margin-bottom: 20px;
}

.faq-page .faq-general-row p {
  margin: 0;
}

.faq-page .faq-general-row a {
  color: #fff;
  font-weight: bold;
}

.faq-page .faq-general-row img {
  margin: 0;
  height: 200px;
}

@media (max-width: 768px) {
  .faq-page {
    font-size: 14px;
  }

  .faq-page .row > div {
    padding: 0px;
  }

  .faq-page .offset-center {
    margin: 0;
  }

  .faq-page h1, .faq-page h2 {
    border-left: 10px solid #00AAFF;
    padding-left: 15px;
  }

  .faq-page h1 {
    font-size: 25px;
    margin: 25px 0px;
  }

  .faq-page h2 {
    font-size: 20px;
    margin-top: 25px;
  }

  .faq-page h3 {
    font-size: 16px;
    margin-top: 20px;
  }

  .faq-page p {
    margin-top: 15px;
  }

  .faq-page img {
    margin-top: 20px;
  }

  .faq-page .faq-general-row {
    flex-direction: column;
  }

  .faq-page .faq-general-row > div {
    width: 100%;
    padding: 0;
  }

  .faq-page .faq-general-row > div > div {
    padding: 20px;
  }
}
/* Page about */
.about-page {
  font-family: "uniform-rounded";
  color: #041c25;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  margin: 0px 100px;
}

.about-page h1, .about-page h3 {
  border-left: 20px solid #00AAFF;
  padding-left: 25px;
}

.about-page h1 {
  font-size: 50px;
  font-weight: bold;
  margin: 0;
  margin-top: 45px;
  margin-bottom: 45px;
}

.about-page h2 {
  font-size: 46px;
  font-weight: bold;
  margin: 0;
  padding: 40px 0px;
  text-align: center;
  position: relative;
}

.about-page h3 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 25px;
}

.about-page p {
  margin: 0;
  margin-bottom: 25px;
}

.about-page img {
  width: 100%;
  margin-bottom: 30px;
}

.about-page img.offset-left {
  position: relative;
  left: -100px;
  width: calc(100% + 100px);
}

.about-page img.offset-right {
  position: relative;
  width: calc(100% + 100px);
}

.about-page .about-pillars::before {
  content: url(../img/mesdepanneurs-apropos-3.png);
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}

.about-page .about-box {
  display: inline-block;
  padding: 20px;
  font-weight: bold;
}

.about-page .about-box.about-box-yellow {
  color: #fff;
  background: #FFC300;
}

.about-page .about-awards {
  padding: 30px;
  border: 1px solid #999;
  border-radius: 5px;
}

.about-page .about-awards h2 {
  font-size: 26px;
  margin: 0;
  padding: 0;
}

.about-page .about-awards > strong {
  margin: 25px 0px;
  display: block;
  text-align: center;
}

.about-page .about-awards .about-award-row {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.about-page .about-awards .about-award-row > div {
  width: 25%;
  padding: 0px 15px;
}

.about-page .about-awards .about-award-row > div:first-child {
  padding-left: 0;
}

.about-page .about-awards .about-award-row > div:last-child {
  padding-right: 0;
}

.about-page .about-awards .about-award-row > div p {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #999;
  font-weight: bold;
  padding: 20px;
  margin: 0;
}

.about-page .about-awards .about-award-engie {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.about-page .about-awards .about-award-engie > p {
  margin: 0;
}

.about-page .about-awards .about-award-engie > img {
  margin: 0;
  width: 100px;
  min-width: 100px;
  height: auto;
}

.about-page .about-awards > p {
  margin: 0;
  margin-top: 25px;
}

.embedresize {
  max-width: 560px;
  max-width: 100%;
  width: 100%;
  margin: auto;
}

.embedresize div {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.embedresize iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .about-page {
    margin: 0;
    font-size: 14px;
  }

  .about-page h1, .about-page h3 {
    border-left: 10px solid #00AAFF;
    padding-left: 10px;
  }

  .about-page h1 {
    font-size: 25px;
    margin: 25px 0px;
  }

  .about-page h2 {
    font-size: 20px;
    margin-top: 25px;
    padding: 20px 0px;
  }

  .about-page h3 {
    font-size: 16px;
    margin: 15px 0px;
  }

  .about-page p {
    margin-bottom: 15px;
  }

  .about-page img {
    margin-bottom: 10px;
  }

  .about-page img.offset-left {
    width: 100%;
    left: 0;
  }

  .about-page img.offset-right {
    width: 100%;
  }

  .about-page .about-awards {
    padding: 15px;
  }

  .about-page .about-awards h2 {
    font-size: 20px;
  }

  .about-page .about-awards > strong {
    margin: 10px 0px;
  }

  .about-page .about-awards .about-award-row {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .about-page .about-awards .about-award-row > div {
    width: 100%;
    padding: 15px 0px;
  }

  .about-page .about-awards .about-award-engie {
    margin-top: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .about-page .about-awards .about-award-engie > img {
    margin-top: 15px;
  }

  .about-page .about-awards > p {
    margin-top: 20px;
  }

  .about-page .about-awards > .row > div {
    padding: 0;
  }
}
/* Contact postponed */
#md-contacts {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 25px;
  margin: 0px 200px;
  text-align: center;
}

@media (max-width: 768px) {
  #md-contacts {
    margin: auto;
  }
}
@media (min-width: 768px) {
  .desktop-hide {
    display: none;
  }

  .questionnaire-container > .phone-button-container.campaign-marque-call > a.desktop-hide {
    display: none;
  }
}
/* sticky nav on scroll - 2019-03-15 */
.navstickyctnt {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.95);
}

.fixed-top {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-top: 0 !important;
}

.navstickyctnt {
  position: fixed !important;
  top: -100px;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-top: 0 !important;
  overflow: hidden;
}

.stickynav div div div {
  padding: 10px 0;
}

.fixed-top .navstickyctnt {
  top: 0;
}

.suivicde {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #6ac7ea;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.8;
}
.suivicde.restricttopartner.cheznestor {
  background: #1d2c49;
}

.backsuivicde {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 120px;
  overflow: hidden;
  z-index: 0;
  color: rgba(255, 255, 255, 0.12);
}

.backsuivicde i {
  margin-top: -30px;
  display: block;
}

.suivicde:hover {
  background: #0b6795;
  display: flex;
  align-items: center;
  justify-content: center;
}
.suivicde:hover.restricttopartner.cheznestor {
  background: #1d2c49;
}

.suivicde .flexnav {
  width: 100%;
  cursor: pointer;
  color: #FFF !important;
  text-align: center;
  z-index: 2;
}

.suivicde .flexnav strong {
  font-weight: 700 !important;
}

.suivicde .flexnav i {
  font-size: 11px;
}

.pushcall .suivicde span,
.pushcall {
  font-size: 14px;
}

.pushcall {
  background: #00AAFF;
  display: flex;
  align-items: center;
  justify-content: center;
  /*width: 100%;*/
  cursor: pointer;
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0;
}
.pushcall i {
  font-size: 14px;
}
.pushcall a {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.pushcall a.div {
  text-decoration: none !important;
}
.pushcall a:focus, .pushcall a:active, .pushcall a:visited, .pushcall a:focus-within {
  text-decoration: none !important;
}
.pushcall a:focus.div, .pushcall a:active.div, .pushcall a:visited.div, .pushcall a:focus-within.div {
  text-decoration: none !important;
}
.pushcall a:hover {
  background: #0b6795;
  cursor: pointer;
  color: #FFF !important;
  text-decoration: none !important;
}
.pushcall .calldesk i {
  font-size: 14px;
  align-self: flex-end;
  margin-left: -10px;
  padding-bottom: 1px;
}
.pushcall .calldesk.fleche {
  position: relative;
}
.pushcall .calldesk.fleche:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 32%;
  right: -15px;
  transform: translateX(-50%);
  font-size: 14px;
}

.pushcall.pushcallsmall {
  background: #6ac7ea;
  height: 40px;
  border-radius: 3px;
}

.pushcall a:hover, .suivicde a:hover {
  text-decoration: none !important;
}

.pushcall .flexnav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  color: #FFF !important;
  text-align: center;
  line-height: 1;
}

.pushcall .flexnav {
  font-size: 20px;
  font-weight: bold;
}

.pushcall.pushcallsmall .flexnav {
  font-size: 12px;
}

.pushcall .childcall1, .pushcall .childcall2 {
  display: flex;
  text-align: left;
}

.pushcall .childcall2 {
  display: none;
}

@media screen and (max-width: 767px) {
  .stickynav #logomob, .stickynav .suivicde {
    display: none;
  }

  .navbar-color-on-scroll div div div {
    padding: 0 !important;
    margin: 0 !important;
  }

  .navbar-color-on-scroll .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .navstickyctnt, .fixed-top .navstickyctnt {
    bottom: 0;
    height: 64px !important;
    top: auto;
    background: transparent;
    z-index: 1030;
  }

  .stickynav {
    position: fixed !important;
    bottom: 0;
    top: auto !important;
    right: 0;
    left: 0;
    width: inherit;
    z-index: 1030;
    margin-top: auto !important;
    overflow: hidden;
    background: #00aaff;
    padding: 0;
  }

  .fixed-top .stickynav, .stickynav {
    background: #00aaff;
    bottom: 0;
    padding: 0 !important;
    align-items: center;
  }

  .pushcall .flexnav {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
  }

  .pushcall {
    width: 100%;
  }

  .pushcall img {
    height: 30px !important;
  }

  .calldesk {
    display: none !important;
  }

  .pushcall .childcall2 {
    display: inherit;
  }

  .pushcall .childcall1 {
    display: none;
  }

  .stickynav {
    -webkit-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.11);
  }

  .case-overlay {
    z-index: 1040 !important;
  }

  div#sliding-popup.sliding-popup-bottom {
    bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .callmob {
    display: none !important;
  }

  .fixed-top .navstickyctnt {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.11);
    height: 80px;
  }
}
#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-img {
  width: 40px;
  height: 100%;
  display: flex;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button.fondspebleu {
  color: #666 !important;
  height: 32px;
  border: none !important;
  border-radius: 0;
  border-bottom-right-radius: 10px;
  background: #00AAFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button.fondspebleu .aploc {
  display: block;
  font-size: 9px;
  color: #FFF;
  margin-top: -5px;
  text-align: left;
  width: 100%;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button.fondspebleu .calltxta {
  display: block;
  margin-top: -6px;
  text-align: left;
  width: 100%;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button.fondspebleu .calltxta strong {
  font-size: 12px !important;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button.fondspebleu:hover {
  background: #0b6795;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content.basecallctnt {
  text-transform: initial !important;
  color: #FFF;
  display: flex;
  /*flex-direction: column;*/
  flex: 1 0 auto;
  /*margin-left: -12px;*/
  border-left: none !important;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-phone-button .header-v4-button-content.pushcallctnt {
  text-transform: initial !important;
  color: #FFF;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  margin-left: -12px;
  display: none;
  border-left: none !important;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button {
  margin-top: 5px;
  background: #FFFFFF;
  border: 1px solid #00AAFF;
  color: #00AAFF;
  height: 30px;
  border-radius: 0;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fs09 {
  font-size: 9px !important;
  margin-top: 5px;
}

.ctctbig {
  display: flex;
  text-align: left;
  flex-direction: column;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button:hover {
  background: #d2eef9;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button > div:last-child {
  display: flex;
  align-items: center;
  padding: 0 10px;
  letter-spacing: initial;
  font-size: 12px;
  line-height: 14px;
  text-shadow: none;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-questionnaire-button .header-v4-button-img {
  background: transparent;
  width: 38px;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button {
  color: #005faa;
  margin-top: 10px;
  width: 100%;
  /*padding-left: 52px;*/
  padding-left: 32px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  text-decoration: underline;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button2 {
  margin-top: 5px;
  background: #FFFFFF;
  border: 1px solid #6ac7ea;
  color: #6ac7ea;
  height: 30px;
  border-radius: 0;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button2:hover {
  background: #6ac7ea;
  color: #FFF;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button2 > div:last-child {
  display: flex;
  align-items: center;
  padding: 0 10px;
  letter-spacing: initial;
  font-size: 12px;
  line-height: 14px;
  text-shadow: none;
}

#header-v4-desktop .header-v4-logo-row .header-v4-buttons > a.header-v4-details-button2 .header-v4-button-img {
  width: 38px;
  padding-top: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  font-size: 18px;
}

.linesmenu::before, .linesmenu::after {
  display: inline-block;
  height: 4px;
  border-radius: 4px;
  transition: 0.3s;
  content: "";
  position: absolute;
  left: 0;
  -webkit-transform-origin: 2.85714px center;
  transform-origin: 2.85714px center;
  width: 100%;
  background: #FFF;
}

.linesmenu::before {
  top: 8px;
}

.linesmenu::after {
  top: -8px;
}

.linesmenu {
  display: inline-block;
  height: 4px;
  width: 26px;
  border-radius: 4px;
  transition: 0.3s;
  position: relative;
  top: 0px;
  background: #FFF;
}

.mobmenutxt {
  color: #FFFFFF;
  font-size: 9px;
  margin-top: -5px;
}

#header-v4-mobile .header-v4-logo-row #logo {
  width: 221px;
  height: 55px;
}

#header-v4-mobile .header-v4-buttons > a:nth-child(2) {
  width: 50%;
  padding: 5px 10px;
  background: #233365;
  text-align: right;
}

#header-v4-mobile .header-v4-buttons > a:nth-child(1) {
  width: 50%;
  padding: 5px 10px;
}

/* end style sticky nav scroll */
/* submenu */
@media screen and (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    background: #00AAFF;
    width: 100%;
    padding: 0;
    border-radius: 0;
    top: 100%;
  }

  .profession-best-cases.wow.fadeInUp {
    margin-top: -25px;
  }

  #header-v4-desktop nav ul.nav li:hover > a {
    background-color: #005faa;
  }

  /*
  #header-v4-desktop nav ul.nav > li > a{
    letter-spacing: 0.5px;
  }

  #header-v4-desktop nav .dropdown a:focus, #header-v4-desktop nav .dropdown a:active{
    background: #6ac7ea !important;
  }
  #header-v4-desktop nav ul.nav > li:after
  {
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px solid rgba(255,255,255,0.3);
    height: 100%;
  }
  #header-v4-desktop nav ul.nav > li:last-child:after
  {
    content: '';
    border-right: none;
  }
  #header-v4-desktop nav .navbar-nav a.active{

  }
  .dropdown>.dropdown-toggle:active {
    pointer-events: none;
  }

  .nav-justified>.dropdown .dropdown-menu{
    top: 95%;
    padding: 0;
    border-radius: 0;
  }*/
}
/* end submenu */
/* surcharge home : cas mis en avant */
.home-page-service {
  padding-top: 100px;
}

.profession-best-cases.m-t-100 {
  margin-top: 100px;
}

.home-page-text.home-page-bur {
  padding-bottom: 15px;
}

@media screen and (max-width: 990px) {
  .home-page-service {
    padding-top: 75px;
  }

  .profession-best-cases {
    margin-top: 30px;
  }

  .home-page-white-text .home-page-bloc-row-engie > div img {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .home-page-text.home-page-bur {
    padding-bottom: 45px;
  }

  .form-page.urgenceFormulaire > .row > div:nth-child(2) {
    margin-top: 70px;
  }
}
/* end surcharge cas mis en avant */
.region.region-content {
  font-family: "uniform-rounded";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.ctnt-metier-ville .md-deployment-div {
  display: none;
}

.metier-ville-title {
  font-size: 32px;
  margin-top: 0;
  padding-left: 15px;
  margin-bottom: 20px;
}
.metier-ville-title.-mv-title {
  border-left: 10px solid #00AAFF;
  margin-top: 40px;
  font-weight: bold;
}
.metier-ville-title.plomberie-mv-title {
  border-left: 10px solid #2269aa;
}
.metier-ville-title.electricite-mv-title {
  border-left: 10px solid #fac300;
}
.metier-ville-title.chauffage-mv-title {
  border-left: 10px solid #ea8f00;
}
.metier-ville-title.serrurerie-mv-title {
  border-left: 10px solid #6faf00;
}
.metier-ville-title.vitrerie-mv-title {
  border-left: 10px solid #77c7ec;
}
.metier-ville-title.peinture-mv-title {
  border-left: 10px solid #ae9587;
}

.card-metier-ville {
  position: relative;
  display: flex;
  flex-direction: row;
  min-width: 0;
  word-wrap: break-word;
  margin-top: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.card-metier-ville .link-metier-ville-case {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 15px;
  display: inline-block;
  font-size: 14px;
  margin: 10px;
  background: #fff;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-metier-ville .link-metier-ville-case:hover {
  text-decoration: none;
  background: #00AAFF;
  color: #fff;
}

.mv-cases-title {
  text-align: center;
  text-transform: initial;
  font-weight: bold;
}

.place-page-desc #text-metier-ville {
  margin-top: 20px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  flex-direction: row;
}
.place-page-desc #text-metier-ville .place-page-desc-section {
  font-size: 18px;
  padding: 10px 30px 5px 0;
  /*display: inline-block;
  width: 50%;*/
  flex: 1 1 50%;
  text-shadow: 0px 0px 5px white;
  /*&:nth-child(even) h2, &:nth-child(even) h3{
    border-left: 10px solid #becd00;
  }*/
}
.place-page-desc #text-metier-ville .place-page-desc-section h2, .place-page-desc #text-metier-ville .place-page-desc-section h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #233365;
  font-weight: bold;
  font-size: 20px;
  padding-left: 15px;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(n) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(n) h3::before {
  width: 10px;
  height: 10px;
  content: " ";
  border-radius: 25px;
  display: inline-block;
  margin-left: -15px;
  margin-right: 15px;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(1) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(1) h3::before {
  background: #e62d87;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(2) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(2) h3::before {
  background: #becd00;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(3) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(3) h3::before {
  background: #ffc300;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(4) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(4) h3::before {
  background: #CCC;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(5) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(5) h3::before {
  background: #3d4748;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(6) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(6) h3::before {
  background: #b6d6e3;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(7) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(7) h3::before {
  background: #00AAFF;
}
.place-page-desc #text-metier-ville .place-page-desc-section:nth-child(8) h2::before, .place-page-desc #text-metier-ville .place-page-desc-section:nth-child(8) h3::before {
  background: #6ac7ea;
}
.place-page-desc #text-metier-ville .place-page-desc-section p {
  margin: 0 0 20px;
}
.place-page-desc #text-metier-ville .place-page-desc-section ul, .place-page-desc #text-metier-ville .place-page-desc-section ol {
  margin: 0 0 20px 19px;
  padding: 0;
  list-style: disc;
}

.intro-place-job {
  font-size: 16px;
  margin: 40px auto 30px;
  border: 1px solid #CCC;
  padding: 15px;
}
.intro-place-job .col-md-6:nth-child(1) {
  padding-right: 0;
}
.intro-place-job .img-responsive {
  margin: -30px -30px auto 45px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.intro-place-job .row {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}
.intro-place-job .row img {
  max-width: 30%;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .place-page-desc #text-metier-ville {
    flex-direction: column;
  }
  .place-page-desc #text-metier-ville .place-page-desc-section {
    width: 100%;
  }

  .intro-place-job .img-responsive {
    margin: 20px 0 0;
    box-shadow: none;
  }
}
.metier-order-link-div .metier-order-link {
  text-transform: initial;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.3);
  font-size: 18px;
  padding: 8px 10px;
  border-radius: 25px;
}
.metier-order-link-div .metier-order-link.btn-mv-1 {
  border: none;
  background: #005faa;
  color: #FFF;
}
.metier-order-link-div .metier-order-link.btn-mv-1:hover {
  border: none;
  background: #6ac7ea;
}
.metier-order-link-div .metier-order-link.btn-mv-2 {
  border: none;
  background: #00afff;
  color: #FFF;
}
.metier-order-link-div .metier-order-link.btn-mv-2:hover {
  border: none;
  background: #6ac7ea;
}
.metier-order-link-div .metier-order-link:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
  font-size: 12px;
}
.metier-order-link-div .metier-order-link.btn-mv-3 {
  border: none;
  background: rgba(226, 31, 164, 0.8);
  color: #FFF;
}
.metier-order-link-div .metier-order-link.btn-mv-3:hover {
  border: none;
  background: #e21fa4;
}
.metier-order-link-div .metier-order-link:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
  font-size: 12px;
}

.back-metier-ville {
  background: url("../img/bg-metier-ville.jpg") no-repeat 0 0;
  background-size: contain;
}

.back-metier-ville .breadcrumbs {
  float: none;
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 11px;
}
.back-metier-ville .breadcrumbs > div {
  line-height: 16px;
  margin: 0 2px 0 10px;
}
.back-metier-ville .breadcrumbs div a {
  background: #FFF;
  padding: 5px 12px;
  text-decoration: none;
  position: relative;
  color: #333;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
}
.back-metier-ville .breadcrumbs div a:hover {
  text-decoration: underline;
}
.back-metier-ville .breadcrumbs div a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  border-width: 11px 0 12px 10px;
  border-style: solid;
  border-color: #FFF #FFF #FFF transparent;
  left: -10px;
}
.back-metier-ville .breadcrumbs div a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 10px solid #FFF;
  right: -10px;
}

.node-corps-de-metier header {
  background: none;
  padding: 20px 0;
}

.node-corps-de-metier header h1 {
  text-transform: initial;
  color: inherit;
  font-weight: bold;
}

.section-title {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: initial;
  text-align: left;
  font-weight: bold;
}

.subcategory-cases ul.case-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: inherit;
}

.subcategory-cases .case-list li .contact-order-btn {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 10px 10px 0;
  background: #fff;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  height: inherit;
  letter-spacing: inherit;
  position: relative;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-align: left;
  text-transform: initial;
}

.subcategory-cases .case-list li .contact-order-btn span {
  display: none;
}

.category-cases .case-list li .contact-order-btn:hover, .subcategory-cases .case-list li .contact-order-btn:hover {
  background: #00AAFF !important;
  border: 2px solid #00AAFF;
  color: #ffffff;
}

.metier-main-div div .case-list li {
  width: 100%;
  float: none;
}

.subcategory-cases .case-list li {
  display: table !important;
}

.subcategory-cases .case-list li, .category-cases .case-list li {
  margin-bottom: inherit;
  width: inherit;
  line-height: inherit;
  float: inherit;
  display: initial !important;
  font-size: inherit;
}

@media only screen and (min-width: 767px) {
  .subcategory-cases .case-list li:nth-child(odd), .category-cases .case-list li:nth-child(odd) {
    padding-right: 0;
  }
}
.ListeMetierVille {
  display: flex;
  flex-direction: row;
  min-width: 0;
  word-wrap: break-word;
  margin-top: -10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.place-page-desc-bottom .profession-info h2 {
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-transform: initial;
  text-align: center;
}

.place-page-desc-bottom .profession-info h2 span {
  font-weight: bold;
}

.ListeMetierVille ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
}

.ListeMetierVille ul li {
  display: inline-block;
  margin-bottom: 25px;
}

.ListeMetierVille ul li a span {
  text-transform: capitalize;
}

.ListeMetierVille ul li a {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 15px;
  font-size: 14px;
  margin: 10px;
  background: #fff;
  color: #666;
  border: 1px solid #666;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ListeMetierVille ul li a:hover {
  background: #999 !important;
  border: 1px solid #999;
  color: #ffffff;
}

.blogCtnt {
  font-family: "uniform-rounded";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.blogCtnt .field-name-body .field-items .field-item.even {
  margin-top: 20px;
}
.blogCtnt .field.field-name-body.field-type-text-with-summary a {
  color: #00AAFF;
  background-image: linear-gradient(120deg, #EFEFEF 0%, #EFEFEF 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blogCtnt .field.field-name-body.field-type-text-with-summary a:hover {
  text-decoration: none;
  color: #005faa;
  background-size: 100% 92%;
}
.blogCtnt h1, .blogCtnt h2, .blogCtnt h3 {
  font-weight: bold;
  margin: 20px 0 5px;
}
.blogCtnt h1 {
  font-size: 30px;
  color: #00AAFF;
}
.blogCtnt h2 {
  font-size: 26px;
}
.blogCtnt h3 {
  font-size: 24px;
}

.blockStick {
  margin-top: 30px;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  /*background: #e6F7FF;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 10px;*/
}
.blockStick .helpBlog {
  border-left: 10px solid #00AAFF;
  background: transparent;
  padding: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
  box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
}
.blockStick .helpBlog .otherBlogTitle {
  font-weight: bold;
  text-align: center;
}
.blockStick .helpBlog .link-metier-ville-case {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 15px;
  display: inline-block;
  font-size: 16px;
  margin: 10px;
  background: #fff;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 95%;
}
.blockStick .helpBlog .link-metier-ville-case:hover {
  text-decoration: none;
  background: #00AAFF;
  color: #fff;
}
.blockStick .helpBlog .link-metier-ville-case:after {
  content: "";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.blockStick .imgDroiteBlog {
  margin-top: 30px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
  box-shadow: 5px 5px 5px 0px rgba(162, 162, 162, 0.1);
}
.blockStick .imgDroiteBlog img {
  max-width: 100%;
}

.field-item.even center {
  max-height: 350px;
  overflow: hidden;
}
.field-item.even center img {
  margin: -30% 0 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
.field-item.even p img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}

@media (min-width: 768px) {
  #main-menu.navbar-nav {
    width: 100%;
  }
  #main-menu.navbar-nav > li.navUrgences {
    background: #005faa;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
  }
  #main-menu.navbar-nav > li.navUrgences a {
    padding: 10px;
    font-weight: bold;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #main-menu.navbar-nav > li.navUrgences a::selection, #main-menu.navbar-nav > li.navUrgences a:active, #main-menu.navbar-nav > li.navUrgences a:focus {
    background: #005faa;
  }
}
.m-t-50 {
  margin-top: 50px;
}

.back-metier-ville.m-b-100 {
  background: url(../img/bg-metier-ville.jpg) no-repeat 0 0;
  background-size: cover;
  margin-bottom: 100px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "uniform-rounded";
}
.back-metier-ville.m-b-100 .-mv-title {
  border-color: #005faa;
  font-weight: normal;
}

.back-metier-ville.m-b-100.no-background {
  background: none;
}

.content.ctnt-metier-ville .profession-questionnaire {
  margin-top: 0;
  padding-bottom: 0;
}
.content.ctnt-metier-ville .profession-questionnaire h2 {
  font-size: 26px;
  top: -15px;
}
.content.ctnt-metier-ville .t30 {
  font-size: 30px;
}
.content.ctnt-metier-ville .t26 {
  font-size: 26px;
}
.content.ctnt-metier-ville .t24 {
  font-size: 24px;
}
.content.ctnt-metier-ville .red i {
  color: #e10019;
}
.content.ctnt-metier-ville .blue i {
  color: #00AAFF;
}

.urgencesLinks {
  margin-top: 10px;
}

.urgences-cases h2 {
  text-align: left;
  font-size: 26px;
}

.profession-best-cases.urgences-cases {
  margin-top: 80px;
}
.profession-best-cases.urgences-cases ul {
  justify-content: left;
}

.urgencesDomaines {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
}
.urgencesDomaines ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
.urgencesDomaines ul li a {
  text-decoration: none;
  border-radius: 25px;
  padding: 2px 25px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin: 10px;
  background: #fff;
  color: #005faa;
  border: 2px solid #005faa;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.urgencesDomaines ul li a:hover {
  background: #005faa;
  color: #fff;
}
.urgencesDomaines ul li a:after {
  content: "";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
}
.urgencesDomaines a.bloc-urg {
  position: relative;
  width: 30%;
  margin: 0 0 30px;
  border: 1px solid #ECECEC;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 15px;
  text-align: center;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.urgencesDomaines a.bloc-urg:before {
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  content: "R";
  font-family: "ico iframe";
  position: absolute;
  top: -38px;
  left: -30px;
  width: 90%;
  height: 90%;
  color: #2269aa;
  opacity: 0.05;
  font-size: 110px;
  text-align: left;
}
.urgencesDomaines a.bloc-urg:nth-child(3n+1) {
  margin-right: 5%;
}
.urgencesDomaines a.bloc-urg:nth-child(3n+3) {
  margin-left: 5%;
}
.urgencesDomaines a.bloc-urg .bloc-urg-head h3 {
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 10px;
  color: #2269aa;
}
.urgencesDomaines a.bloc-urg .bloc-urg-body {
  font-size: 16px;
  margin-bottom: 20px;
}
.urgencesDomaines a.bloc-urg .bloc-urg-footer {
  margin-top: auto;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.urgencesDomaines a.bloc-urg .bloc-urg-footer i {
  text-decoration: none;
  border-radius: 25px;
  padding: 5px 10px;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #2269aa;
  font-style: normal;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #2269aa;
  color: #FFF;
}
.urgencesDomaines a.bloc-urg .bloc-urg-footer i:after {
  content: "";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
}
.urgencesDomaines a.bloc-urg:hover {
  text-decoration: none;
  color: #2269aa;
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.urgencesDomaines a.bloc-urg:hover i {
  color: #2269aa;
  background: #fff;
}
.urgencesDomaines a.bloc-urg:hover::before {
  opacity: 0.15;
  top: -50px;
  font-size: 120px;
}

@media screen and (max-width: 767px) {
  .urgencesDomaines a.bloc-urg {
    margin: 0 0 20px !important;
    width: 100% !important;
    display: block !important;
  }
  .urgencesDomaines a.bloc-urg:before {
    content: "";
  }
}
.descrUrg {
  font-size: 16px;
}

.back-metier-ville.no-background {
  background: none;
}

.case-main.case-urg {
  margin-top: 20px;
}
.case-main.case-urg .case-box {
  border-radius: 10px;
}

.case-box .case-order.urgence-cde > a {
  padding: 15px 10%;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 35px;
}
.case-box .case-order.urgence-cde > a i {
  font-size: 18px;
  margin-left: 5px;
}
.case-box .case-order.urgence-cde > a:hover {
  background: #6ac7ea;
  color: #FFF;
}

.main-section.back-metier-ville.m-b-100.no-background {
  margin-bottom: 0 !important;
}

.urgenceForm.back-metier-ville.m-b-100.no-background {
  margin-bottom: -30px !important;
  padding-left: 30px;
}

.back-metier-ville.m-b-bread .breadcrumbs {
  margin-bottom: 0;
  padding-bottom: 0;
}

.profession-picto.space-around {
  justify-content: space-around;
}

.urgenceInconnue {
  margin: 50px 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.urgenceInconnue a.urgenceCall {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 35px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  padding: 20px;
  background: rgba(0, 170, 255, 0.7);
  color: #FFF;
  text-decoration: none;
  border: 2px solid #00AAFF;
  font-family: "uniform-rounded";
  -webkit-box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.5);
}
.urgenceInconnue a.urgenceCall:hover {
  background: #6ac7ea;
  color: #FFFFFF;
  border-color: #6ac7ea;
}
.urgenceInconnue a.urgenceCall span {
  font-size: 30px;
  font-weight: bold;
}
.urgenceInconnue a.urgenceCall strong {
  font-size: 24px;
}
.urgenceInconnue a.urgenceCall img {
  margin-right: 10px;
  height: 100px;
}
.urgenceInconnue a.urgenceCall i {
  font-style: normal;
  font-size: 12px;
}

.urgenceMentions {
  margin: 40px 0;
  padding: 20px;
  border: 1px solid #CCC;
  background: rgba(220, 220, 220, 0.4);
  font-size: 14px;
}

ul.navbarUrgences li ul li a i {
  float: right;
  margin-top: 2px;
}

.reorder-fieldset {
  display: flex;
  flex-direction: column;
}
.reorder-fieldset #fieldset-schedule-intervention {
  order: 2;
}
.reorder-fieldset #fieldset-follow-intervention {
  order: 1;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .form-page.urgenceFormulaire {
    /*fieldset input#postcode{
      width: 160px;
        }
    fieldset input#phonenumber, fieldset input#promocode{
      width: 280px;
    }*/
  }
  .form-page.urgenceFormulaire fieldset.valid legend {
    /*border-color: #69af23;*/
    border-color: #005faa;
  }
  .form-page.urgenceFormulaire fieldset legend {
    transition: 0.2s;
    line-height: normal;
    font-size: 18px;
    font-weight: bold;
    border: 0;
    border-left: 10px solid #eee;
    padding-left: 10px;
    color: #666;
    margin-bottom: 10px;
  }
  .form-page.urgenceFormulaire fieldset label {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 5px;
    vertical-align: middle;
  }
  .form-page.urgenceFormulaire h1 {
    margin: 50px 0 30px;
    font-weight: bold;
    border-left: 10px solid #ffc300;
    padding-left: 15px;
    font-size: 30px;
  }
  .form-page.urgenceFormulaire aside.md-recap h2 {
    margin: 0;
    font-weight: bold;
    font-size: 28px;
  }

  .homeUrgence {
    position: absolute;
    top: 30%;
    left: 3%;
    transform: rotate(-8deg);
    font-weight: bold;
    font-size: 20px;
    z-index: 1000;
    animation: 3s fadeInUrg;
    animation-fill-mode: forwards;
    visibility: hidden;
    display: none !important;
  }
  .homeUrgence a {
    padding: 10px 20px;
    border-radius: 25px;
    background: rgba(0, 95, 170, 0.7);
    font-weight: bold;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #FFF;
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
  }
  .homeUrgence a:hover {
    background: #00AAFF;
  }
  .homeUrgence a::selection, .homeUrgence a:active, .homeUrgence a:focus {
    background: #00AAFF;
  }
  .homeUrgence a:before {
    content: "R";
    font-family: "ico iframe";
    position: absolute;
    left: 18px;
    top: -41px;
    font-size: 40px;
  }
  .homeUrgence a i {
    font-size: 16px;
  }

  .pad-urg-l {
    padding-right: 0;
  }

  .descrUrg .img-responsive {
    margin: -30px -30px 0 30px;
  }
}
@media screen and (min-width: 1024px) {
  .descrUrg h2 {
    width: max-content;
  }
  .descrUrg .img-responsive {
    /*margin-top: -78px;
    margin-bottom: -10px;*/
  }
}
@media screen and (max-width: 767px) {
  .homeUrgence {
    font-weight: bold;
    font-size: 22px;
    padding-top: 20px;
    width: 80%;
    margin: auto;
  }
  .homeUrgence a {
    padding: 5px 20px;
    border-radius: 25px;
    background: #ffc300;
    font-weight: bold;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #FFF;
    position: relative;
    display: block;
    text-align: center;
  }
  .homeUrgence a:hover {
    background: #6ac7ea;
  }
  .homeUrgence a::selection, .homeUrgence a:active, .homeUrgence a:focus {
    background: #6ac7ea;
  }
  .homeUrgence a i {
    font-size: 16px;
  }

  .descrUrg h2 {
    width: auto;
  }
  .descrUrg .img-responsive {
    margin-top: -48px;
  }

  .descrUrg .img-responsive {
    margin: 20px 0;
  }
}
@keyframes fadeInUrg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes backUrgHome {
  0% {
    background: rgba(0, 170, 255, 0.7);
  }
  50% {
    background: rgba(0, 170, 255, 0.5);
  }
  100% {
    background: rgba(0, 170, 255, 0.7);
  }
}
.descrUrg {
  margin-top: 30px;
  border: 1px solid #CCC;
  padding: 15px;
}
.descrUrg h2 {
  display: block;
  font-size: 20px;
  margin: -26px -10px 10px;
  padding: 0 10px;
  font-weight: 700;
  background: #FFF;
}

.desc-text-container .case-desc-section a {
  color: #00AAFF;
  background-image: linear-gradient(120deg, #EFEFEF 0%, #EFEFEF 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.desc-text-container .case-desc-section a:hover {
  text-decoration: none;
  color: #005faa;
  background-size: 100% 92%;
}

.surNav {
  width: 100%;
  font-size: 12px;
  background: #f2fbff;
  font-family: "uniform-rounded";
}
.surNav .container ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: auto;
  display: flex;
  align-items: end;
  justify-content: right;
  list-style: none;
  float: right;
}
.surNav .container ul li:first-child a {
  border: none;
}
.surNav .container ul li a {
  padding: 2px 10px;
  display: inline-block;
  color: #666;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 100%;
  border-left: 1px solid #ececec;
  background: transparent;
}
.surNav .container ul li a:hover {
  color: #333;
  background: #d9f2ff;
}

@media screen and (max-width: 768px) {
  .surNav {
    display: none;
  }
}
.linkPeinture {
  padding: 8px 20px;
  cursor: pointer;
  text-align: center;
  font-family: "uniform-rounded";
  margin: -10px auto 20px;
  display: inline-block;
  text-decoration: none;
  color: #00AAFF;
  border: 2px solid #00AAFF;
  border-radius: 30px;
  font-weight: bold;
  font-size: 18px;
}
.linkPeinture:hover {
  color: #FFF;
  background: #00AAFF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.calculSurface {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1200;
  top: 0;
  left: 0;
}
.calculSurface span {
  position: absolute;
  right: 25px;
  top: 15px;
  color: #FFF;
  font-size: 34px;
  text-align: center;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.calculSurface span:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.calculSurface img {
  max-width: 100%;
  max-height: 90vh;
  position: relative;
}
/*@keyframes imgSurfaceAnimate {
  0% {
    transform: rotateY(150deg);
}

  100% {
    transform: rotateY(0deg);
  }
}*/
@media screen and (max-width: 768px) {
  .calculSurface img {
    margin: auto;
    padding: 10px;
  }
}
#header-v4-desktop nav {
  background: #00AAFF;
}

@media screen and (min-width: 768px) {
  .home-page-header.home-statique {
    background: url("../img/image-home-revue-3.jpg") 0 65% no-repeat;
    background-size: cover;
    height: 550px;
    position: relative;
  }
  .home-page-header.home-statique .viewTv {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 134px;
    height: 90px;
    background: #ffc300;
    transform: rotate(15deg);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 100%;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 100%;
    -moz-border-radius-bottomleft: 0;
    border-radius: 100%;
    border-bottom-left-radius: 0;
    /*&:before{
      width: 0;
      height: 0;
      border-top: 100px solid $bleu-fonce;
      border-left: 100px solid transparent;
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
    }*/
  }
  .home-page-header.home-statique .viewTv span {
    color: #FFF;
    font-weight: bold;
    line-height: 0.8;
    font-size: 16px;
    padding: 20px 10px;
    /*border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);*/
    text-transform: uppercase;
  }
  .home-page-header.home-statique .viewTv span:after {
    content: "";
    border-bottom: 2px solid #FFF;
    display: block;
    width: 30%;
    margin: 5px auto 0;
  }
  .home-page-header.home-statique .viewTv span:before {
    content: "";
    font-family: "FontAwesome";
    display: block;
    width: 30%;
    margin: -10px auto 8px;
    font-size: 22px;
  }
  .home-page-header.home-statique h1 {
    color: #005faa;
    text-shadow: 0 0 3px white;
  }
  .home-page-header.home-statique .home-page-header-title-container {
    display: block;
  }
  .home-page-header.home-statique .questionnaire-container {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 10px;
    color: #FFF;
  }
  .home-page-header.home-statique .questionnaire-container:before {
    content: "R";
    font-family: "ico iframe";
    position: absolute;
    left: -29px;
    top: -92px;
    font-size: 90px;
    text-shadow: 2px 2px 5px black;
  }
  .home-page-header.home-statique .questionnaire-container .questionnaire-question {
    font-weight: bold;
    letter-spacing: -0.4px;
  }
}
@media screen and (max-width: 767px) {
  .home-page-header .viewTv {
    display: none;
  }
  .home-page-header h1 {
    color: #FFF;
    text-shadow: none;
  }
  .home-page-header .home-page-header-title-container {
    display: block;
  }
  .home-page-header .questionnaire-container {
    background: none;
  }
}
@media screen and (min-width: 768px) {
  .social-links-left {
    position: fixed;
    bottom: 40%;
    left: 4px;
  }
  .social-links-left a {
    display: block;
    float: none;
    margin-bottom: 7px;
  }
  .social-links-left a img {
    max-width: 70%;
  }
}
#header-v4-mobile nav li a:hover, #header-v4-mobile nav li a:focus, #header-v4-mobile nav li a:active {
  background: #00AAFF;
}

@media screen and (max-width: 767px) {
  .home-ptrx {
    margin-top: -20px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .home-ptrx {
    margin-top: -20px;
    margin-bottom: 80px;
  }
}
.home-ptrx h2 {
  border-left: 10px solid #ad2864;
}
.home-ptrx .home-page-intro-text {
  font-weight: inherit;
}
.home-ptrx img {
  margin-left: -20px;
  z-index: -10;
}
.home-ptrx .home-page-questionnaire-bloc {
  background: #ad2864;
}
.home-ptrx .home-page-questionnaire-bloc a {
  color: #ad2864;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-ptrx .home-page-questionnaire-bloc a:hover {
  color: #d95e96;
}
.home-ptrx .home-page-questionnaire-bloc a:after {
  content: "";
  font-family: "FontAwesome";
  background: none;
  display: inline-block;
  width: inherit;
  height: inherit;
  font-size: 18px;
  margin-top: 2px;
}

.cta-blog {
  display: block !important;
  text-align: left !important;
  padding: 10px 15px !important;
  width: 100% !important;
  margin: 30px auto !important;
  background-image: none !important;
  border: 1px solid #00AAFF !important;
  font-weight: normal !important;
  border-radius: 10px !important;
  color: #00AAFF !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent !important;
  position: relative;
}
.cta-blog:hover {
  border-color: #005faa !important;
  color: #005faa !important;
}
.cta-blog:hover:before {
  color: #005faa !important;
}
.cta-blog:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 18px;
}
.cta-blog:before {
  content: "Q";
  font-family: "ico iframe";
  position: absolute;
  top: -25px;
  left: -10px;
  font-size: 30px;
  color: #00AAFF;
  background: #FFF;
  width: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.stickGlob {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

.profession-best-cases a.casABT {
  font-size: 16px;
  padding: 10px 15px;
}
.profession-best-cases a.casABT:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 14px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .clickcall.pushcallABT {
    display: none;
    position: fixed;
    z-index: 1000;
    background: #00AAFF;
    padding: 10px 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    color: #FFF;
  }
  .clickcall.pushcallABT.specialAB {
    display: flex;
  }
  .clickcall .ctctbig {
    position: relative;
  }
  .clickcall .ctctbig:after {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    display: block;
    top: 30%;
    transform: translateX(-30%);
    right: -20px;
  }
}
@media screen and (min-width: 768px) {
  .clickcall.pushcallABT {
    display: none;
  }
  .clickcall.pushcallABT.specialAB {
    display: none;
  }
}
#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content {
  position: relative;
}
#header-v4 #header-v4-desktop .header-v4-logo-row .header-v4-buttons .header-v4-hp1-phone-button .header-v4-button-content:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: -10px;
}

.questionnaire-container > .phone-button-container.campaign-marque-call .button-content {
  position: relative;
}
.questionnaire-container > .phone-button-container.campaign-marque-call .button-content:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: -10px;
}

.partner_logo {
  text-align: right;
  display: block !important;
}
.partner_logo img {
  max-width: 50%;
}

.cheznestor img {
  max-width: 70%;
}

#header-v4-mobile {
  width: 100%;
}
#header-v4-mobile .header-v4-logo-row #logo {
  display: block;
  float: left;
}
#header-v4-mobile .header-v4-logo-row #logo img {
  height: auto !important;
}
#header-v4-mobile .header-v4-logo-row #partner_logo {
  float: right;
  width: 49%;
  text-align: right;
}
#header-v4-mobile .header-v4-logo-row #partner_logo img {
  max-width: 60%;
}

.partners_nav {
  height: 1px;
}

.partner_none {
  display: none;
}

.partner-payment-supported {
  color: #00AAFF;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .form-page.urgenceFormulaire .container {
    padding: 0;
    margin: 0 -15px;
  }
  .form-page.urgenceFormulaire > .row > div:nth-child(2) {
    margin-top: 10px;
  }
}
.form-page.urgenceFormulaire .stickGlob {
  top: 70px;
}
.form-page.urgenceFormulaire .newheadForm {
  background: #e5f6ff;
}
@media screen and (min-width: 768px) {
  .form-page.urgenceFormulaire .newheadForm {
    display: flex;
    align-items: center;
    padding: 5px 0;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .form-page.urgenceFormulaire .newheadForm h1 {
    margin: 0;
    font-weight: bold;
    border-left: 10px solid #00AAFF;
    padding-left: 15px;
    font-size: 24px;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB {
    text-align: right;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box {
    background: #FFF;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box header {
    color: #FFF;
    background: #00AAFF;
    padding: 3px 15px;
    font-weight: bold;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box > div {
    padding: 3px 15px;
  }
}
@media screen and (max-width: 767px) {
  .form-page.urgenceFormulaire .newheadForm {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 0;
    margin: 0 0 20px;
  }
  .form-page.urgenceFormulaire .newheadForm h1 {
    margin: 0;
    font-weight: bold;
    border-left: 10px solid #00AAFF;
    padding-left: 15px;
    font-size: 14px;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB {
    text-align: right;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box {
    background: #FFF;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box header {
    color: #FFF;
    background: #00AAFF;
    padding: 3px 15px;
    font-size: 9px;
  }
  .form-page.urgenceFormulaire .newheadForm .colformB .form-recap-box > div {
    padding: 3px 15px;
    font-size: 11px;
  }
}

.popinForm.md-recap {
  background: #e5f6ff;
}
@media screen and (max-width: 767px) {
  .popinForm.md-recap {
    display: none;
  }
}
.popinForm.md-recap .form-recap-box {
  margin-top: 0;
}
.popinForm.md-recap p {
  color: #444;
}
.popinForm.md-recap p:before {
  border-color: #444;
}

.stickyForm {
  position: -webkit-sticky;
  position: sticky;
  z-index: 900;
  top: -20px;
}
@media screen and (max-width: 767px) {
  .stickyForm {
    top: 0;
  }
}

.form-page #name, .form-page #address {
  width: 400px;
}
@media screen and (max-width: 767px) {
  .form-page #name, .form-page #address {
    width: calc(100% + 30px);
  }
}
.form-page .noMaj {
  font-weight: bold;
  margin: -10px 0 10px;
  text-align: center;
  color: #00AAFF;
  font-size: 20px;
}
.form-page .formRevu fieldset textarea.valid .okvalid, .form-page .formRevu fieldset .okvalid {
  position: relative;
  color: #188464;
}
.form-page .formRevu fieldset textarea.valid .okvalid:after, .form-page .formRevu fieldset .okvalid:after {
  content: "";
  font-family: "FontAwesome";
  /*position: absolute;
  top: -5px;
  right: -5px;
  font-size: 14px;*/
  margin-right: 10px;
  color: #188464;
  float: left;
}
.form-page .formRevu fieldset textarea.valid strong.okvalid, .form-page .formRevu fieldset strong.okvalid {
  color: inherit;
}
.form-page .formRevu fieldset textarea.valid strong.okvalid:after, .form-page .formRevu fieldset strong.okvalid:after {
  display: none;
}
.form-page .formRevu fieldset textarea.valid input.valid, .form-page .formRevu fieldset input.valid {
  /*border-color: $bleu-generique;
  color: $bleu-generique;*/
  border-color: #188464;
  color: #188464;
  position: relative;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(24, 132, 100, 0.6);
  -moz-box-shadow: inset 0 0 5px 0 rgba(24, 132, 100, 0.6);
  box-shadow: inset 0 0 5px 0 rgba(24, 132, 100, 0.6);
}

.titleOrder {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .btn-md {
    width: 100%;
  }
}
.btn-md:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
}
.btn-md.disabled:after {
  content: "";
  font-family: inherit;
  margin-left: 0;
}
.btn-md.inProgress:after {
  content: "";
  font-family: inherit;
  margin-left: 0;
}

.addPhoneNumber {
  width: 100%;
  margin: 15px 0;
  color: #999;
  font-style: italic;
  text-align: left;
  display: block;
  /*.phoneCallInsert{
    text-align: center;
    a{
      background-image: none !important;
      background: $bleu-generique;
      color: #FFF !important;
      font-weight: bold;
      padding: 5px 20px;
      border-radius: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin-top: 5px;
      display: block;
      width: 100%;
      &:hover{
        background: $bleu-fonce;
      }
      &:after{
        content: "\f0da";
        font-family: $fontaws;
        margin-left: 10px;
      }
    }
  }*/
}
.addPhoneNumber a {
  white-space: nowrap;
  font-weight: bold;
}
.addPhoneNumber a:after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
}

#block-system-main .content .questionnaire .questionnaire-box .img-responses > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#block-system-main .content .questionnaire .questionnaire-box .img-responses > div .md-picture-answer {
  flex: 1 1 auto;
}
#block-system-main .content .questionnaire .questionnaire-box .img-responses.bricomarchelist > div .md-picture-answer {
  flex: 1 1 33%;
}

.scrollgress {
  top: 80px !important;
  z-index: 990 !important;
}
.scrollgress .scrollgress__progress {
  background: #00AAFF !important;
}
@media screen and (max-width: 767px) {
  .scrollgress {
    top: inherit !important;
    bottom: 80px !important;
  }
  .scrollgress .scrollgress__progress {
    background: #005faa !important;
  }
}

/*# sourceMappingURL=style.css.map */