.formulaire {
  margin-top: 50px; }

.text-formcontact {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  padding: 10px 0;
  color: #000;
  background: transparent;
  border-radius: unset;
  box-shadow: none; }

.form-control:focus {
  color: #000;
  border-color: transparent !important;
  border-bottom: 1px solid red !important;
  box-shadow: none !important; }

.form-btn {
  color: #000;
  size: 20px;
  font-weight: bold;
  text-decoration: underline;
  border: none;
  background: transparent; }

.form-btn:hover {
  color: #000;
  text-decoration: none; }

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

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

.icon-1000:before {
  content: "\e900";
  color: #fff; }

.icon-uniE901:before {
  content: "\e901";
  color: #fff; }

.icon-h:before {
  content: "\e902";
  color: #fff; }

.icon-7:before {
  content: "\e903";
  color: #ecc643; }

.icon-avatar:before {
  content: "\e904"; }

.icon-cana-plomberie:before {
  content: "\e905"; }

.icon-chauffage:before {
  content: "\e906";
  color: #fff; }

.icon-colone-plomberie:before {
  content: "\e907"; }

.icon-Contact:before {
  content: "\e908";
  color: #fffffe; }

.icon-douche-plomberie:before {
  content: "\e909"; }

.icon-electricit:before {
  content: "\e90a";
  color: #fff; }

.icon-facebook:before {
  content: "\e90b";
  color: black; }

.icon-fournitures:before {
  content: "\e90d";
  color: #5dabd8; }

.icon-grand-robinet:before {
  content: "\e90e"; }

.icon-Group-6:before {
  content: "\e90f"; }

.icon-Group-7:before {
  content: "\e910"; }

.icon-Group-13:before {
  content: "\e911"; }

.icon-Group-19:before {
  content: "\e912"; }

.icon-Group-22:before {
  content: "\e913"; }

.icon-home:before {
  content: "\e914"; }

.icon-instagram:before {
  content: "\e915";
  color: black; }

.icon-lavabo-plomberie:before {
  content: "\e917"; }

.icon-main-doeuvre:before {
  content: "\e918";
  color: #e1536f; }

.icon-netoyage:before {
  content: "\e919";
  color: #ecc643; }

.icon-phone:before {
  content: "\e91a";
  color: black; }

.icon-plomberie:before {
  content: "\e91c";
  color: #fff; }

.icon-smiley:before {
  content: "\e91d"; }

.icon-surprise:before {
  content: "\e91e"; }

.icon-tools:before {
  content: "\e91f";
  color: #fff; }

.icon-toulon:before {
  content: "\e920"; }

.icon-toureffel:before {
  content: "\e921"; }

.icon-Transport:before {
  content: "\e922";
  color: #6f56b8; }

.icon-twitter:before {
  content: "\e923";
  color: black; }

.icon-wc-plomberie:before {
  content: "\e925"; }

.icon-write-letter:before {
  content: "\e926";
  color: #fff; }

body {
  font-family: 'Exo', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.29px;
  color: #151515; }

button, a, button:hover, a:hover, button:focus, a:focus, input, select {
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.42857143; }

p {
  margin: 20px 0 0; }

.header-top {
  padding: 20px 0; }

.logo {
  display: inline-block; }

.bloc-mobile {
  width: 230px;
  float: right;
  margin-top: 20px;
  display: flex;
  text-align: center; }

.mobile-header {
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: #da506b; }

.desc-mobile {
  color: #4A4A4A;
  font-size: 10px;
  line-height: 12px;
  display: block; }

.num-mobile {
  margin: 0;
  padding-left: 5px; }

.icon-mobile {
  padding-top: 10px; }

.icon-mobile:before {
  font-weight: 500;
  font-size: 30px;
  color: #000; }

.header-bottom {
  background-color: #abccb8;
  padding: 20px 0;
  box-shadow: 5px 2px 3px #888888; }

.sociaux-header {
  display: inline-block;
  width: 80px;
  float: right;
  text-align: right; }

div.sociaux-header > a:hover, div.sociaux-header > a:focus {
  color: #fff;
  text-decoration: none; }

div.sociaux-header > a {
  vertical-align: sub; }

.icon-soc:before {
  font-weight: 500;
  font-size: 20px;
  color: #000; }

a:hover .icon-soc:before {
  color: #fff; }

.owl-prev {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.owl-next {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.fa-angle-left:before, .fa-angle-right:before {
  font-size: 50px;
  color: #000;
  opacity: 1; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #FFF;
  opacity: 0.8; }

.owl-dots {
  display: none; }

.text-carousel {
  width: 530px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: auto;
  padding: 0; }

h1 {
  font-size: 28px;
  margin: 0;
  z-index: 1;
  position: relative; }

h2 {
  font-size: 26px;
  margin: 0;
  position: relative;
  z-index: 1; }

h3 {
  font-size: 24px;
  margin: 0; }

h4 {
  font-size: 22px;
  margin: 0; }

h5 {
  font-size: 20px;
  margin: 0;
  padding-top: 7px; }

h6 {
  font-size: 18px;
  margin-top: 10px; }

.text-blanc {
  color: #fff; }

.text-vert {
  color: #abccb8; }

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

.text-small {
  font-size: 10px; }

p.text-blanc {
  margin: 20px 0; }

.bloc-carau {
  position: relative;
  top: -125px;
  z-index: 1; }

.carau {
  width: 32.16%;
  float: left;
  padding: 30px;
  opacity: 0.97;
  text-align: center;
  letter-spacing: 0.24px;
  position: relative;
  min-height: 365px; }
  .carau a {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 15px; }
    .carau a i {
      display: none; }
    @media screen and (max-width: 767px) {
      .carau a {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        .carau a span {
          display: none; }
        .carau a i {
          padding: 20px 0 20px 20px;
          display: inline-block;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateX(0) translateY(-50%) rotate(90deg);
          transform: translateX(0) translateY(-50%) rotate(90deg);
          color: #000; } }

.bleu {
  background: #5DABD8; }

.rouge {
  background: #E1536F;
  margin: 0 1.7%; }

.jaune {
  background: #ECC643; }

.icon-size:before {
  font-size: 30px; }

.espace {
  margin-top: 20px; }

footer {
  background: #000;
  padding: 15px 0; }

.text-footer {
  font-size: 12px;
  font-weight: lighter;
  letter-spacing: 0.17px; }

.text-coordonne {
  letter-spacing: 0.24px;
  font-size: 12px; }

.bloc-coordonne {
  margin-top: 30px; }

.icon-footer:before {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding: 0 5px; }

a:hover .icon-footer:before {
  color: #abccb8; }

.menu-footer li {
  list-style-type: none;
  display: inline-block; }

.menu-footer a {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.17px;
  padding-right: 10px;
  text-decoration: underline; }
  .menu-footer a:hover {
    text-decoration: none;
    transition: .2s linear; }

.form-mail {
  max-width: 90%;
  margin-bottom: 20px;
  display: flex; }

.text-mail {
  border: none;
  background: transparent;
  width: 70%;
  border-bottom: 1px solid #fff;
  border-radius: unset;
  color: #fff; }
  .text-mail:focus {
    color: #fff !important; }

.envoie {
  color: #fff;
  width: 30%;
  float: right;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding-top: 10px; }

.envoie:hover {
  color: #abccb8; }

.background-urgence {
  position: absolute;
  z-index: 0;
  background: white;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: -80px; }

.bg-text {
  color: #EFEFEF;
  font-size: 144px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 2.06px; }

.text-gras {
  font-weight: bold; }

.text-urgence {
  color: #151515;
  letter-spacing: 0.51px; }

.section-urgence {
  margin: 0; }
  @media screen and (max-width: 767px) {
    .section-urgence {
      margin: 40px 0 0; } }

.btn-contact {
  border: 3px solid #000;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.23px;
  padding: 10px 50px;
  z-index: 1; }

.contact-urgence {
  margin-top: 100px;
  text-align: center; }

.sous-rapidite {
  cursor: pointer;
  padding: 30px; }

.rapidite:before {
  content: "";
  width: 40%;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
  left: 0;
  top: 0;
  transition-duration: 0.4s; }

.rapidite:after {
  content: "";
  width: 40%;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
  right: 0;
  bottom: 0;
  transition-duration: 0.4s; }

.sous-rapidite:before {
  content: "";
  width: 2px;
  height: 60%;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
  left: 0;
  top: 0;
  transition-duration: 0.4s; }

.sous-rapidite:after {
  content: "";
  width: 2px;
  height: 60%;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
  right: 0;
  bottom: 0;
  transition-duration: 0.4s; }

.rapidite:hover::before, .rapidite:hover::after {
  width: 100%; }

.rapidite:hover .sous-rapidite::before, .rapidite:hover .sous-rapidite::after {
  height: 100%; }

.gratuit {
  margin-top: 50px; }

.rapid {
  position: relative;
  top: 100px; }

.bloc-devis {
  background: #ABCCB8;
  position: relative;
  margin-top: 100px; }
  @media screen and (max-width: 767px) {
    .bloc-devis {
      margin-top: 130px; } }

.bloc-devis:before {
  content: '';
  position: absolute;
  top: -75px;
  right: 0;
  width: 100%;
  height: 150px;
  background: #ABCCB8;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: skewY(2deg);
  transform: skewY(2deg);
  z-index: 0; }

.background-devis {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 0;
  margin-top: 60px; }

.position-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 90px; }

.bg-devis {
  color: #efefef7a;
  font-size: 144px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 2.06px; }

.row-eq-height {
  display: flex; }

.nous {
  margin: 100px 0; }
  @media screen and (max-width: 767px) {
    .nous {
      margin: 70px 0 0; } }

.background-nous {
  position: absolute;
  z-index: 0;
  background: white;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: 60px; }

.bordure {
  text-align: center;
  border: 15px solid #F5F4F4;
  padding: 40px;
  margin-bottom: 30px;
  min-height: 285px;
  transition: .8s; }

.icon-bordure:before {
  font-size: 100px; }

.icon-acceuil:before {
  font-size: 60px; }

.icon-jaune:before {
  color: #ECC643; }

.icon-rouge:before {
  color: #E1536F; }

.icon-bleu:before {
  color: #5DABD8; }

.icon-mauve:before {
  color: #6f359b; }

.icon-vert:before {
  color: #abccb8; }

div.bordure > h4 {
  margin-top: 20px; }

.bordure-jaune:hover {
  border: 15px solid #ECC643;
  transition: 0.3s; }

.bordure-rouge:hover {
  border: 15px solid #E1536F; }

.bordure-bleu:hover {
  border: 15px solid #5DABD8; }

.bordure-mauve:hover {
  border: 15px solid #6f359b; }

.bordure-vert:hover {
  border: 15px solid #abccb8; }

.bordure-noir:hover {
  border: 15px solid #000; }

.text-left {
  text-align: left; }

.text-rouge {
  color: #BD2946; }

.bloc-avis {
  display: flex;
  margin: 0 45px; }

.background-avis {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: -100px; }

.img-rounded {
  border-radius: 50%;
  width: 150px !important;
  height: 150px !important;
  -o-object-fit: cover;
     object-fit: cover; }

.img-center {
  margin: auto; }

.img-avis {
  margin: 50px 0 0; }
  @media (min-width: 320px) and (max-width: 767px) {
    .img-avis {
      margin: auto; } }

.bloc-service {
  width: calc(100% - 150px);
  padding: 20px;
  position: relative;
  top: 20px; }

.bg-gris {
  background: #F5F4F4;
  position: relative;
  padding: 80px 0;
  margin-top: 140px; }

.bg-gris:before {
  content: '';
  position: absolute;
  top: -75px;
  right: 0;
  width: 100%;
  height: 150px;
  background: #F5F4F4;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: skewY(2deg);
  transform: skewY(2deg);
  z-index: 0; }

.bg-avis {
  color: #efefef;
  font-size: 144px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 2.06px; }

.temoignage {
  margin-top: 45px; }

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

.bloc-cercle {
  display: flex; }

.cercle {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ccc;
  margin-right: 5px; }

.cercle.active {
  background: #ABCCB8; }

.menu-footer {
  padding: 0;
  margin: 38px 0 0 0; }

.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0; }

.carau-interne {
  width: 100%;
  padding: 30px 30px 50px;
  opacity: 0.97;
  text-align: center;
  letter-spacing: 0.24px;
  min-height: 405px;
  position: relative; }
  .carau-interne a {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 30px; }
    @media screen and (max-width: 767px) {
      .carau-interne a {
        bottom: 15px; } }

.rouge-interne {
  background: #E1536F;
  margin: 0; }

.services {
  margin: 100px 0; }

.background-service {
  position: absolute;
  z-index: -1;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: -100px; }

.titre-service {
  margin-bottom: 100px; }

.titre-plombier {
  color: #62aed9;
  display: flex; }

.titre-chauffage {
  color: #E1536F;
  display: flex; }

.titre-electricite {
  color: #ECC643;
  display: flex; }

.icon-robinet:before {
  color: #62aed9; }

.icon-radiateur:before {
  color: #E1536F; }

.icon-fiche:before {
  color: #ECC643; }

.background-plomberie {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 0;
  margin-top: -65px; }

.background-chauff {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 0;
  margin-top: -40px; }

.background-contact {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: -100px; }
  @media screen and (max-width: 767px) {
    .background-contact {
      margin-top: -15px;
      left: 0; } }

.text-justify {
  text-align: justify; }

.text-transform {
  text-transform: uppercase; }

.btn-devis {
  border: 5px solid #000;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.23px;
  padding: 20px 50px;
  z-index: 1; }

.btn-devis:hover {
  color: #000;
  text-decoration: none; }

.color-bleu {
  color: #62aed9; }

.color-rouge {
  color: #E1536F; }

.color-jaune {
  color: #ECC643; }

.color-gris {
  color: #606060; }

.icon-block {
  display: inline-block; }

.text-block {
  display: inline-block; }

.large-marg {
  margin: 100px 0; }

.meduim-marg {
  margin: 50px 0; }

.small-marg {
  margin: 20px 0; }

.x-small {
  margin: 8px 0; }

.flex {
  display: flex; }

.padd-icon {
  padding-right: 10px;
  z-index: 1; }

.height-50 {
  min-height: 51px; }

.demande-devis {
  position: absolute;
  bottom: -25px; }
  @media screen and (max-width: 767px) {
    .demande-devis {
      left: 0;
      right: 0; } }

a.demande-devis {
  color: #000; }

.bloc-tarif {
  margin: 50px 0; }

.bloc-coordonne > a:hover, .bloc-coordonne > a:focus {
  text-decoration: none; }

.carau-interne > a i {
  display: none; }

.carau-interne > a:hover i {
  display: inline-block; }

.background-apropos {
  position: absolute;
  z-index: 0;
  background: transparent;
  display: block;
  min-width: 50%;
  left: 15%;
  margin-top: 5px; }

.bloc-vert {
  background-color: #abccb8;
  padding: 50px 0; }

.text-number {
  font-size: 35px;
  font-weight: bold;
  color: #6f359b;
  margin: 20px 0; }

.marg-titre {
  margin-top: 20px; }

.bloc-responsive {
  display: none; }

.bloc-responsiveUrgence {
  display: none; }

.bordure-artisan {
  text-align: center;
  border: 15px solid #F5F4F4;
  padding: 65px 20px;
  margin-bottom: 30px;
  min-height: 370px; }
  .bordure-artisan h4 {
    margin-top: 15px; }

.bg-tarif {
  background-color: #efefef;
  padding: 10px 10px 30px; }

.bg-noir {
  background-color: #000;
  padding: 50px;
  margin-top: 90px; }

.form-tel {
  border: none;
  background: transparent;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-radius: unset;
  color: #fff; }
  .form-tel:focus {
    color: #fff !important; }

.form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000; }

.form-control:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000; }

.form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000; }

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000; }

.form-control::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000; }

.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000; }

.text-mail::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.text-mail:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.text-mail::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.text-mail::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.text-mail::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
  font-size: 12px; }

.text-mail::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FFF;
  font-size: 12px; }

.form-tel::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.form-tel:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.form-tel::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.form-tel::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  font-size: 12px; }

.form-tel::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
  font-size: 12px; }

.form-tel::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FFF;
  font-size: 12px; }

.btn-envoie {
  font-weight: bold; }

.rapidite-responsive {
  border: 5px solid #ddd;
  padding: 20px;
  min-height: 185px; }

div.urgence > .owl-nav {
  display: none; }

div.slider > .owl-nav > .owl-prev > .fa-angle-left:before {
  color: #fff; }

div.slider > .owl-nav > .owl-next > .fa-angle-right:before {
  color: #fff; }

.vert {
  background-color: #abccb8; }

.bloc-msg {
  max-width: 40%;
  margin: auto;
  padding: 30px 50px; }

.form-btn {
  color: #000;
  size: 20px;
  font-weight: bold;
  text-decoration: underline; }

.form-contactconseiller {
  margin: 0; }

.contact-conseiller {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding: 10px 0;
  color: #000;
  background: transparent;
  border-radius: unset;
  box-shadow: none; }

.form-control:focus {
  color: #000;
  border-color: transparent !important;
  border-bottom: 1px solid red !important;
  box-shadow: none !important; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9; }

.sticky + .content {
  padding-top: 102px; }

.slider {
  height: calc(100vh - 167px);
  overflow: hidden; }

.slider .item {
  height: calc(100vh - 167px); }

.btn-contact {
  outline: none;
  background: transparent;
  text-transform: uppercase;
  line-height: 2;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: all .5s; }

.btn-contact:before,
.btn-contact:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #000;
  z-index: -1;
  -webkit-transform: translate3D(0, -100%, 0);
          transform: translate3D(0, -100%, 0);
  transition: all .5s; }

.btn-contact:before {
  background: #000;
  z-index: -2;
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0); }

.btn-contact:hover {
  color: #fff;
  text-decoration: none; }

.btn-contact:hover:after {
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  transition: all .5s; }

/***************************/
.btn-devis {
  outline: none;
  background: transparent;
  text-transform: uppercase;
  line-height: 2;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: all .5s; }

.btn-devis:before,
.btn-devis:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #000;
  z-index: -1;
  -webkit-transform: translate3D(0, -100%, 0);
          transform: translate3D(0, -100%, 0);
  transition: all .5s; }

.btn-devis:before {
  background: #000;
  z-index: -2;
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0); }

.btn-devis:hover {
  color: #fff;
  text-decoration: none; }

.btn-devis:hover:after {
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  transition: all .5s; }

/***************************/
.btn-hover:before,
.btn-hover:after {
  width: 200%;
  background: #000;
  -webkit-transform-origin: 0 bottom;
          transform-origin: 0 bottom;
  -webkit-transform: translate3D(-50%, 0, 0) rotate(-50deg);
          transform: translate3D(-50%, 0, 0) rotate(-50deg);
  color: #fff; }

.btn-hover:before {
  opacity: .4; }

.btn-hover:hover:before,
.btn-hover:hover:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: all .25s; }

.btn-hover:hover:after {
  transition-delay: .25s; }

.no-marg {
  margin: 0; }

#map {
  width: 100%;
  height: 550px;
  z-index: 1; }

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #abccb8;
  font-family: 'Exo', sans-serif !important; }

.leaflet-container a.leaflet-popup-close-button {
  color: #000;
  top: 5px;
  right: 5px; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #fff; }

.leaflet-popup-content {
  width: 310px !important;
  margin: 20px;
  line-height: 20px;
  font-weight: bold; }

.leaflet-popup-content p {
  margin: 0; }

.leaflet-popup-content-wrapper {
  padding: 20px 10px 10px; }

img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
  position: absolute;
  left: 0; }

#map {
  pointer-events: none; }

.leaflet-popup {
  left: -145px !important; }

.bloc-top {
  display: block;
  position: relative; }
  .bloc-top a#toTop {
    position: fixed;
    bottom: 0;
    right: 50px;
    width: 50px;
    height: 50px;
    background: #f5f4f4;
    border-radius: 30px;
    opacity: 0.5; }
    .bloc-top a#toTop:hover {
      background: #fff;
      opacity: 1; }
    @media screen and (max-width: 768px) {
      .bloc-top a#toTop {
        right: 5px; } }
  .bloc-top .fa-chevron-up {
    padding: 10px 12px; }
    .bloc-top .fa-chevron-up:before {
      content: "\f077";
      color: #000;
      font-size: 30px; }

.cabinet-box p:nth-child(3) {
  margin: 5px 0 0 0; }

a.decouvre {
  font-size: 16px;
  position: relative;
  text-decoration: none; }
  a.decouvre:hover {
    color: #000; }
  a.decouvre span {
    display: inline-block; }
  a.decouvre hr {
    width: 50px;
    text-align: left;
    margin: 15px 0 0 5px;
    border-top: 2px solid #fff;
    display: inline-block; }
  @media screen and (max-width: 767px) {
    a.decouvre {
      position: unset; }
      a.decouvre span, a.decouvre hr {
        display: none; } }

a.ligne {
  text-decoration: none;
  opacity: 0.7; }
  a.ligne:hover {
    opacity: 1;
    transition: .2s; }
  a.ligne span {
    display: inline-block; }
  a.ligne hr {
    width: 50px;
    border-top: 2px solid #000;
    margin: 0;
    position: absolute;
    right: -50px;
    bottom: 6px; }
  @media screen and (max-width: 767px) {
    a.ligne {
      position: unset; }
      a.ligne span, a.ligne hr {
        display: none; } }

.text-carousel a span, .text-carousel a hr {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .text-carousel a {
    font-size: 14px; } }

@media screen and (max-width: 425px) {
  .text-mobile {
    display: none; } }

.form-btn-envoie {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff; }

.form-btn-blanc {
  background: transparent;
  color: #fff;
  border: none; }
  .form-btn-blanc:hover {
    text-decoration: underline; }

.owl-carousel .owl-item img {
  height: 100%; }

.back-green {
  background: #abccb8;
  padding: 15px 15px 30px;
  border-radius: 10px;
  box-shadow: 0 0 1px 1px;
  min-height: 270px;
  position: relative; }

.descript-propos {
  margin-top: 70px; }
  @media screen and (max-width: 767px) {
    .descript-propos {
      margin-top: 20px; } }

.back-green > .height-50 h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0; }

.cercle-jaune {
  color: green;
  font-size: 25px;
  padding: 0 3px; }

.img-footer {
  margin: auto;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .img-footer {
      margin-top: 10px !important; } }

.hidden_xs {
  display: block; }
  @media screen and (max-width: 767px) {
    .hidden_xs {
      display: none; } }

ul.liste-option {
  padding: 0; }
  ul.liste-option li {
    list-style: none;
    text-decoration: none; }

.inline {
  display: inline-block; }

.small-icon:before {
  font-size: 35px; }

.icon-noir:before {
  color: #000; }

.marg-plomb {
  margin: 80px 0; }
  @media screen and (max-width: 767px) {
    .marg-plomb {
      margin: 10px 0; } }

.flex-1 {
  display: flex; }
  @media screen and (max-width: 767px) {
    .flex-1 {
      display: block;
      margin: 20px 0; } }

.icon-arrow-point-to-right:before {
  color: #000; }

.grt-mobile-button {
  display: none; }

.grt-mobile-button:focus {
  border: 0;
  outline: 0; }

ul.grt-menu {
  display: block;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 50px; }
  @media (min-width: 768px) and (max-width: 991px) {
    ul.grt-menu {
      margin-left: 63px; } }

ul.grt-menu:after {
  content: "";
  clear: both;
  display: block; }

ul.grt-menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
  transition: all ease 0.8s;
  vertical-align: sub;
  position: relative; }

ul.grt-menu li a {
  padding: 0 20px;
  font-size: 18px;
  display: inline-block;
  color: #fff;
  line-height: 1.1em;
  position: relative;
  text-decoration: none;
  font-weight: bold; }

ul.grt-menu li.active a:after {
  position: absolute;
  bottom: 1px;
  content: "";
  left: 12px;
  right: 12px; }

ul.grt-menu li.grt-dropdown:hover {
  cursor: pointer; }

ul.grt-menu li.grt-dropdown:hover a {
  box-shadow: none; }

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {
  display: none;
  position: absolute;
  background: #ee2b34;
  margin: 0;
  padding: 0;
  min-width: 150px;
  -webkit-animation: fadeIn 0.8s;
          animation: fadeIn 0.8s;
  z-index: 999; }

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {
  display: block;
  font-size: 18px;
  color: #FFF;
  transition: all ease 0.8s;
  padding: 9px 12px; }

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li:last-child a {
  padding-bottom: 15px; }

ul.grt-menu li.grt-dropdown.active-dropdown {
  background: #ee2b34; }

ul.grt-menu li.grt-dropdown.active-dropdown ul.grt-dropdown-list {
  display: block !important; }

ul.grt-menu li.grt-dropdown.active-dropdown a {
  color: #FFF; }

.active {
  color: #000;
  text-decoration: none; }

/* Desktop only style */
@media (min-width: 768px) {
  ul.grt-menu li.grt-dropdown:hover > a + ul.grt-dropdown-list {
    display: block;
    top: calc(100% - 17px); }
  ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li {
    display: block; }
  ul.grt-menu li.grt-dropdown:hover > a {
    color: #FFF;
    box-shadow: inset 150px 0 0 0 #ee2b34; }
  ul.grt-menu li a:hover {
    color: #000;
    transition: .25s linear; } }

/* Tablet only style */
@media (min-width: 768px) and (max-width: 991px) {
  ul.grt-menu li a {
    padding: 0 7px; } }

/* Mobile only style */
@media (max-width: 767px) {
  .menu-container {
    padding-left: 15px;
    padding-right: 15px; }
  .grt-mobile-button {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 20px;
    background: transparent;
    color: #fff;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    width: 45px; }
  .grt-mobile-button .line1, .grt-mobile-button .line3 {
    width: 45px;
    height: 4px;
    background-color: #000;
    margin: 2px 0;
    transition: 0.4s;
    display: block;
    border-radius: 30px;
    float: right; }
  .grt-mobile-button .line2, .grt-mobile-button .line4 {
    width: 35px;
    height: 4px;
    background-color: #000;
    margin: 2px 0;
    transition: 0.4s;
    display: block;
    border-radius: 30px;
    float: right; }
  ul.grt-menu {
    display: none;
    margin: 0;
    height: 0; }
  ul.open-grt-menu {
    position: fixed;
    background: #abccb8;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    float: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    z-index: 9; }
  .grt-mobile-button-open {
    position: fixed;
    z-index: 99999;
    right: 25px;
    top: 25px; }
  .grt-mobile-button-open .line1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 5px);
    transform: rotate(-45deg) translate(-8px, 5px); }
  .grt-mobile-button-open .line2, .grt-mobile-button-open .line4 {
    opacity: 0; }
  .grt-mobile-button-open .line3 {
    -webkit-transform: rotate(45deg) translate(-7px, -3px);
    transform: rotate(45deg) translate(-7px, -3px); }
  ul.grt-menu li {
    display: block;
    line-height: 3.5em; }
  ul.grt-menu li a {
    padding: 6px 10px;
    font-size: 20px; }
  ul.grt-menu li a:hover {
    color: #000;
    font-weight: bold; }
  ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {
    width: 100%;
    position: relative;
    display: none; }
  ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {
    display: block;
    font-size: 17px; } }

.cabinet {
  position: fixed;
  transition: all cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: .4s; }

.cabinet-drawer {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0; }

.cabinet-drawer.drawer-open {
  z-index: 30; }

.cabinet-drawer.drawer-close {
  z-index: 0; }

.cabinet-knob {
  position: relative;
  background-color: #da506b;
  border: none;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  cursor: pointer; }

.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
  background-color: #da506b;
  border: none;
  z-index: 10;
  color: #fff; }

.cabinet-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 10px 20px; }

.cabinet-right {
  top: 50%;
  right: 0;
  height: 410px;
  z-index: 9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.icon-Contact {
  position: absolute;
  right: 10px;
  bottom: 30px; }

.cabinet-left .cabinet-knob,
.cabinet-right .cabinet-knob {
  width: 50px;
  height: 100%; }

.cabinet-left .cabinet-knob p,
.cabinet-right .cabinet-knob p {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  position: absolute;
  top: 70%;
  left: 38px;
  right: -275px;
  overflow: hidden; }

.cabinet-left .cabinet-drawer:nth-child(1) .cabinet-knob,
.cabinet-right .cabinet-drawer:nth-child(1) .cabinet-knob {
  top: 0px; }

.cabinet-left .cabinet-drawer:nth-child(2) .cabinet-knob,
.cabinet-right .cabinet-drawer:nth-child(2) .cabinet-knob {
  top: calc(100px - 10px); }

.cabinet-left .cabinet-drawer:nth-child(3) .cabinet-knob,
.cabinet-right .cabinet-drawer:nth-child(3) .cabinet-knob {
  top: calc(200px - 20px); }

.cabinet-left .cabinet-drawer:nth-child(4) .cabinet-knob,
.cabinet-right .cabinet-drawer:nth-child(4) .cabinet-knob {
  top: calc(300px - 30px); }

.cabinet-left .cabinet-drawer:nth-child(5) .cabinet-knob,
.cabinet-right .cabinet-drawer:nth-child(5) .cabinet-knob {
  top: calc(400px - 40px); }

.cabinet-left .cabinet-knob {
  right: -50px;
  border-radius: 0px 10px 10px 0px;
  box-shadow: 2px 2px 5px 0px #aaa; }

.cabinet-left.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
  box-shadow: 5px 5px 10px 0px #aaa; }

.cabinet-right .cabinet-knob {
  left: -50px;
  border-radius: unset;
  box-shadow: none; }

.cabinet-right.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
  box-shadow: none; }

.cabinet-top .cabinet-knob,
.cabinet-bottom .cabinet-knob {
  width: 100px;
  height: 50px;
  text-align: right; }

.cabinet-top .cabinet-knob p,
.cabinet-bottom .cabinet-knob p {
  margin-top: 5px;
  margin-right: 5px;
  overflow: hidden; }

.cabinet-top .cabinet-drawer:nth-child(1) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(1) .cabinet-knob {
  right: 0px; }

.cabinet-top .cabinet-drawer:nth-child(2) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(2) .cabinet-knob {
  right: calc(100px - 10px); }

.cabinet-top .cabinet-drawer:nth-child(3) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(3) .cabinet-knob {
  right: calc(200px - 20px); }

.cabinet-top .cabinet-drawer:nth-child(4) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(4) .cabinet-knob {
  right: calc(300px - 30px); }

.cabinet-top .cabinet-drawer:nth-child(5) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(5) .cabinet-knob {
  right: calc(400px - 40px); }

.cabinet-top .cabinet-knob {
  bottom: -50px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 2px 5px 0px #aaa; }

.cabinet-top.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
  box-shadow: 0px 5px 10px 0px #aaa; }

.cabinet-bottom .cabinet-knob {
  top: -50px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px -2px 5px 0px #aaa; }

.cabinet-bottom.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
  box-shadow: 0px -5px 10px 0px #aaa; }

div.cabinet form {
  margin-bottom: 25px; }

@media screen and (max-width: 767px) {
  .bloc-carau {
    top: -35px; }
  .carau {
    width: 100%;
    float: left;
    text-align: left;
    background: #f5f4f4;
    padding: 50px 10px;
    opacity: 1;
    border: 10px solid #fff;
    min-height: auto; }
  .rouge {
    margin: 0; }
  footer {
    padding: 20px 0;
    text-align: center; }
  .text-footer {
    margin-top: 35px; }
  .bloc-mobile {
    display: none; }
  .row-eq-height {
    display: block; }
  .bg-text {
    font-size: 50px; }
  .bg-devis {
    font-size: 50px; }
  .bg-avis {
    font-size: 50px; }
  .bloc-avis {
    display: block; }
  .background {
    left: 0;
    right: 0;
    text-align: center; }
  .icon-carau {
    display: inline-block;
    font-size: 30px; }
  .bleu-icon:before {
    color: #62aed9; }
  .rouge-icon:before {
    color: #BD2946; }
  .jaune-icon:before {
    color: #ecc643; }
  .icon-blanc:before {
    font-size: 30px;
    color: #fff; }
  .text-noir {
    color: #000; }
  .text-bleu {
    margin: 0;
    display: inline-block;
    color: #62aed9;
    text-align: left; }
  .text-chauffage {
    color: #BD2946;
    margin: 0;
    display: inline-block;
    text-align: left; }
  .text-jaune {
    color: #ecc643;
    margin: 0;
    display: inline-block;
    text-align: left; }
  a.logo > img {
    width: 220px !important; }
  .header-bottom {
    background-color: transparent;
    padding: 0;
    display: block; }
  .sociaux-header {
    display: none; }
  h2 {
    font-size: 20px; }
  .text-carousel {
    width: 100%;
    left: 0;
    padding: 20px; }
  p.text-blanc {
    margin: 5px 0; }
  .owl-nav {
    margin: 0;
    display: none; }
  .background-urgence {
    margin-top: -15px;
    left: 0; }
  .position-center {
    position: relative;
    top: 20px;
    -webkit-transform: unset;
            transform: unset;
    margin: 0; }
  .background-devis {
    margin-top: 0; }
  .contact-urgence {
    margin: 65px 0; }
  .background-nous {
    left: 0;
    margin-top: 0; }
  .img-rounded {
    display: block; }
  .temoignage {
    margin-top: 30px; }
  .bloc-service {
    width: 100%;
    padding: 10px 20px;
    display: block;
    text-align: center;
    top: 0; }
  .bloc-cercle {
    display: inline-flex;
    margin: 10px 0; }
  .background-avis {
    left: 0;
    margin-top: -25px; }
  .bloc-avis {
    margin: 0; }
  .avis {
    padding: 50px 0; }
  .titre-avis {
    padding: 0 20px; }
  .text-responsive {
    text-align: center; }
  .img-responsive {
    margin: auto; }
  .thumbnail {
    padding: 20px 0; }
  .background-service {
    left: 0;
    margin-top: -35px; }
  .background-plomberie {
    min-width: 100%;
    left: 0;
    margin-top: -10px; }
  .btn-devis {
    padding: 20px; }
  .large-marg {
    margin: 0 0 100px 0; }
  .height-50 {
    min-height: 0; }
  .demande-devis {
    margin-top: 50px; }
  .bordure {
    min-height: 0; }
  .bordure-artisan {
    min-height: 370px; }
  .titre-service {
    margin-bottom: 0; }
  .services {
    margin: 50px 0; }
  .carau-interne {
    max-width: 388px;
    margin: auto;
    min-height: auto; }
  .form-mail {
    max-width: 100%;
    margin-bottom: 60px;
    display: block; }
  .text-mail {
    width: auto;
    max-width: 100%;
    margin: auto; }
  .envoie {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    border-bottom: none; }
  .background-apropos {
    left: 0;
    margin-top: -25px; }
  .bloc-desktop {
    display: none; }
  .bloc-desktopUrgence {
    display: none; }
  .bloc-responsive {
    display: block; }
  .bloc-responsiveUrgence {
    display: block; }
  .bg-tarif {
    padding: 10px; }
  .bg-noir {
    margin-top: 20px;
    padding: 15px; }
  .bloc-msg {
    max-width: 100%; }
  .cabinet-right {
    display: none; }
  .slider {
    height: auto; }
  .slider .item {
    height: auto; }
  .btn-contact {
    margin: auto; }
  #map {
    height: 350px; }
  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    display: none; }
  .bloc-carau p {
    padding: 15px; }
  .carau-interne a.decouvre span, .carau-interne a.decouvre hr {
    display: inline-block; }
  .bg-gris {
    padding: 0;
    margin-top: 130px; }
  .img-plombier {
    display: none; }
  .menu-footer {
    margin: 30 0 0; }
  .block-center {
    display: block;
    text-align: center; }
  .bloc-devis:before {
    top: -45px; } }

@media (min-width: 320px) and (max-width: 425px) {
  .owl-carousel .owl-item img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover; } }

@media (min-width: 768px) and (max-width: 991px) {
  .background-urgence {
    left: 0;
    margin-top: -50px; }
  .background-devis {
    margin-top: -65px; }
  .bordure {
    padding: 50px 10px; }
  .background-nous {
    left: 0;
    margin-top: 125px; }
  .bloc-avis {
    margin: 0; }
  .background-avis {
    left: 0; }
  .background-service {
    left: 0; }
  .btn-devis {
    padding: 15px 10px; }
  .bg-text {
    font-size: 100px; }
  .background-plomberie {
    left: 0;
    margin-top: -35px; }
  .demande-devis {
    margin-top: 220px; }
  .background-apropos {
    left: 0;
    margin-top: 40px; }
  .bg-tarif {
    padding: 10px; }
  .bg-noir {
    margin-top: 100px;
    padding: 20px; }
  .bloc-desktopUrgence {
    display: none; }
  .bloc-responsiveUrgence {
    display: block;
    margin-top: 60px; }
  .bloc-msg {
    max-width: 50%; }
  .cabinet-right {
    display: none; }
  .sub-menu li a {
    width: 120px;
    left: 5px; }
  .text-carousel {
    width: 500px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .slider {
    height: auto; }
  .slider .item {
    height: auto; }
  .bloc-carau {
    top: -75px; }
  #map {
    height: 450px; }
  .carau {
    min-height: 488px; }
  .carau-interne {
    min-height: 505px; }
  .position-center {
    margin-left: 35px; }
  .back-green {
    min-height: 365px; } }

/*# sourceMappingURL=main.css.map */


div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000;
}
#wpcf7-f46-p20-o2 div.wpcf7-validation-errors{
      color: #fff;

}