html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-moz-focus-inner {
  border: 0;
}
a {
  color: #ffffff;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #8db723;
  text-decoration: none;
}
.col-p5 {
  width: 5%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p5 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p10 {
  width: 10%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p10 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p15 {
  width: 15%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p15 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p20 {
  width: 20%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p20 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p25 {
  width: 25%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p25 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p30 {
  width: 30%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p30 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p35 {
  width: 35%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p35 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p40 {
  width: 40%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p40 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p45 {
  width: 45%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p45 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p50 {
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p50 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p55 {
  width: 55%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p55 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p60 {
  width: 60%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p60 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p65 {
  width: 65%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p65 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p70 {
  width: 70%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p70 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p75 {
  width: 75%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p75 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p80 {
  width: 80%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p80 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p85 {
  width: 85%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p85 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p90 {
  width: 90%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p90 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p95 {
  width: 95%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p95 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
.col-p5 {
  width: 5%;
  float: left;
}
@media screen and (max-width: 768px) {
  .col-p5 {
    clear: both;
    float: inherit;
    width: 100%;
  }
}
body {
  overflow-x: hidden;
}
body * {
  font-family: 'Source Sans Pro', sans-serif;
}
body a:focus {
  outline: 0;
}
body #menu-mobile {
  display: none;
}
body .container {
  width: 70%;
}
body #fleche-remonter {
  display: none;
}
body #fleche-remonter i {
  font-size: 60px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  cursor: pointer;
  color: silver;
}
body #fleche-remonter.active {
  display: block;
}
body header {
  width: 100%;
  background: url(../img/fond-droite-header) no-repeat 100% 0%;
}
body header#pros {
  position: relative;
  background: url("../img/bg-header-facillife-pro") no-repeat 100% 0%;
  padding-bottom: 2rem;
  border-bottom: 2rem solid #14537b;
}
body header#pros #entete {
  width: 100%;
}
body header#pros #entete #logo {
  float: none;
  width: auto;
  display: inline-block;
  margin-top: 1rem;
}
body header #entete {
  width: 80%;
  margin: auto;
}
body header #entete #logo {
  float: left;
  width: 15%;
}
body header #entete #bloc-informations {
  float: right;
  background: url(../img/bord-arrondis-bloc-informations.png) no-repeat 0% 0%;
  background-color: #14537b;
  width: 85%;
  display: block;
  height: 55px;
}
body header #entete #bloc-informations .telephone {
  float: right;
  padding-top: 15px;
  margin-right: 15px;
}
body header #entete #bloc-informations .telephone i {
  font-size: 22px;
  color: #ffffff;
  margin-right: 10px;
}
body header #entete #bloc-informations .telephone a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: bold;
}
body header #entete #bloc-informations .reseau-social-connu {
  float: right;
  margin-right: 15px;
}
body header #entete #bloc-informations .reseau-social-connu img {
  padding-top: 11px;
}
body header #entete #bloc-informations .demande-de-devis {
  float: right;
  height: 100%;
  background-color: #8db723;
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  width: 207px;
}
body header #entete #bloc-informations .demande-de-devis i {
  font-size: 32px;
  float: left;
  padding-right: 10px;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body header #entete #bloc-informations .demande-de-devis span {
  text-transform: uppercase;
  display: block;
  line-height: 20px;
  margin-top: -4px;
  font-size: 19px;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body header #entete #bloc-informations .demande-de-devis:hover i,
body header #entete #bloc-informations .demande-de-devis:hover span {
  color: #14537b;
}
body header #entete #bloc-informations .demande-de-rappel {
  float: right;
  height: 100%;
  background-color: #093653;
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  width: 207px;
}
body header #entete #bloc-informations .demande-de-rappel i {
  font-size: 32px;
  float: left;
  padding-right: 10px;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body header #entete #bloc-informations .demande-de-rappel span {
  text-transform: uppercase;
  display: block;
  line-height: 20px;
  margin-top: -4px;
  font-size: 19px;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body header #entete #bloc-informations .demande-de-rappel:hover i,
body header #entete #bloc-informations .demande-de-rappel:hover span {
  color: #8db723;
}
body header #entete #bloc-informations .demande-de-devis.active i,
body header #entete #bloc-informations .demande-de-devis.active span {
  color: #14537b;
}
body header #entete #bloc-informations .demande-de-rappel.active i,
body header #entete #bloc-informations .demande-de-rappel.active span {
  color: #8db723;
}
body header #entete nav {
  float: left;
  width: 85%;
  display: block;
  height: 72px;
  padding-top: 25px;
}
body header #entete nav ul {
  float: right;
  padding: 0;
  margin: 0;
}
body header #entete nav ul li {
  float: left;
  padding-left: 50px;
}
body header #entete nav ul li a {
  color: #8db723;
  font-size: 20px;
}
body header #entete nav ul li a:hover {
  color: #14537b;
}
body header #entete nav ul li.current-menu-item a {
  color: #14537b;
  font-weight: bold;
}
body main {
  width: 80%;
  margin: auto;
}
body main .nf-form-fields-required {
  display: none;
}
body main .ninja-forms-success-msg {
  padding: .5rem 1rem;
  background-color: #8db723;
  color: #ffffff;
}
body main .checkbox-container {
  font-size: .9rem;
  line-height: 1.2rem;
}
body main .ninja-forms-error-msg {
  padding: .5rem 1rem;
  background-color: #a2185b;
  color: #ffffff;
}
body main #formulaire-demande-devis {
  position: absolute;
  background-color: #8db723;
  width: 505px;
  padding: 25px;
  z-index: 10;
  right: -600px;
}
body main #formulaire-demande-devis h3 {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}
body main #formulaire-demande-devis .ninja-forms-required-items,
body main #formulaire-demande-devis .ninja-forms-req-symbol {
  display: none;
}
body main #formulaire-demande-devis input,
body main #formulaire-demande-devis textarea {
  padding: 5px;
  resize: none;
}
body main #formulaire-demande-devis input:focus,
body main #formulaire-demande-devis textarea:focus {
  outline-color: #6a8a1a;
}
body main #formulaire-demande-devis .ninja-forms-response-msg {
  text-align: center;
  margin-bottom: 20px;
}
body main #formulaire-demande-devis #nf-field-28-container textarea {
  height: 120px;
}
body main #formulaire-demande-devis #nf-field-32-container {
  width: 100%;
  float: left;
}
body main #formulaire-demande-devis #nf-field-32-container label {
  display: block;
  color: #ffffff;
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 15px;
}
body main #formulaire-demande-devis #nf-field-32-container li {
  width: 50%;
  padding: 0;
  float: left;
}
body main #formulaire-demande-devis #nf-field-32-container li label {
  font-size: 18px;
}
body main #formulaire-demande-devis #nf-field-29-container {
  margin-bottom: 0;
}
body main #formulaire-demande-devis #nf-field-29-container input {
  background: #6a8a1a;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  float: right;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body main #formulaire-demande-devis #nf-field-29-container input:hover {
  background-color: #14537b;
  color: #8db723;
}
body main #formulaire-demande-devis #ninja_forms_field_63_label {
  display: block !important;
}
body main #formulaire-demande-devis #ninja_forms_field_55_label {
  float: left;
  width: 50%;
  margin-right: .5rem;
}
body main #formulaire-demande-devis #ninja_forms_field_55 {
  float: left;
  margin-left: .5rem;
  width: 46%;
}
body main #formulaire-demande-devis #ninja_forms_field_44 {
  height: 110px;
}
body main #formulaire-demande-devis #ninja_forms_field_55_label {
  display: block !important;
  color: #ffffff;
}
body main #formulaire-demande-devis #ninja_forms_field_63_div_wrap #ninja_forms_field_63_label {
  float: left;
  color: #ffffff;
  width: 50%;
  margin-right: .5rem;
}
body main #formulaire-demande-devis #ninja_forms_field_63_div_wrap #ninja_forms_field_63 {
  float: left;
  width: 46%;
}
body main #formulaire-demande-rappel {
  position: absolute;
  background-color: #093653;
  width: 505px;
  padding: 25px;
  z-index: 10;
  right: -600px;
}
body main #formulaire-demande-rappel h3 {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}
body main #formulaire-demande-rappel .nf-form-fields-requireds {
  display: none;
}
body main #formulaire-demande-rappel label {
  color: #ffffff;
}
body main #formulaire-demande-rappel input,
body main #formulaire-demande-rappel textarea {
  padding: 5px;
  resize: none;
}
body main #formulaire-demande-rappel input:focus,
body main #formulaire-demande-rappel textarea:focus {
  outline-color: #14537b;
}
body main #formulaire-demande-rappel .ninja-forms-response-msg {
  text-align: center;
  margin-bottom: 20px;
}
body main #formulaire-demande-rappel #nf-field-39-container {
  margin-bottom: 0;
}
body main #formulaire-demande-rappel #nf-field-39-container input {
  background: #14537b;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  float: right;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
body main #formulaire-demande-rappel #nf-field-39-container input:hover {
  background-color: #8db723;
  color: #14537b;
}
body main #formulaire-demande-rappel #ninja_forms_form_16_response_msg {
  color: #ffffff;
}
body main #formulaire-demande-rappel #ninja_forms_form_13_response_msg p {
  color: #ffffff;
  font-weight: 700;
}
body main .dynamic-form {
  position: relative;
}
body main .dynamic-form .close-me {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 15px;
  height: 15px;
  background-image: url(../img/close.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  z-index: 11;
}
body main .rgpd-wrap > label {
  display: inline-block !important;
  font-size: .8rem;
  float: left;
  width: 95%;
}
body main .rgpd-wrap.white-label-wrap > label {
  color: #ffffff;
}
body main .rgpd-wrap .rgpd {
  float: left;
}
body footer {
  background-color: #0b1a24;
  width: 100%;
  float: left;
}
body footer .interieur-footer {
  width: 80%;
  margin: auto;
}
body footer .interieur-footer .infos-pied-page {
  float: left;
  width: 70%;
  color: #ffffff;
  padding: 29px 0;
}
body footer .interieur-footer .pictos {
  float: left;
  width: 30%;
  text-align: right;
}
body footer .interieur-footer .pictos img {
  padding-top: 15px;
  padding-left: 8%;
}
body .universe-switch a {
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 50px 50px 0px 0px;
  -moz-border-radius: 50px 50px 0px 0px;
  -webkit-border-radius: 50px 50px 0px 0px;
  border: 0px solid #000000;
  background-color: #a2185b;
  color: #ffffff;
}
@media screen and (min-width: 480px) {
  body .universe-switch {
    position: fixed;
    bottom: 13rem;
    right: -7.5rem;
    z-index: 5;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
}
@media screen and (max-width: 480px) {
  body .universe-switch {
    position: relative;
    padding: 1.5rem 0.5rem;
  }
  body .universe-switch a {
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }
}
.page-id-8 main .metaslider {
  z-index: -1;
}
.page-id-8 main #liens-bulles {
  margin-top: -10%;
  margin-bottom: 8%;
}
.page-id-8 main #liens-bulles .panel-grid-cell {
  text-align: center;
}
.page-id-8 main #liens-bulles .panel-grid-cell p {
  font-weight: bold;
  margin-top: 5px;
  font-size: 18px;
}
.page-id-8 main #liens-bulles .panel-grid-cell p em {
  color: #14537b;
  font-size: 24px;
}
.page-id-8 main #liens-bulles .panel-grid-cell p img {
  margin-bottom: 10px;
}
.page-id-8 main #liens-bulles .panel-grid-cell p a {
  color: #5b5b5b;
}
.page-id-8 main #les-avantages {
  color: #ffffff;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch {
  background-color: #8db723;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell {
  padding: 0;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell:first-child {
  padding-left: 17%;
  padding-top: 3%;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell:first-child h3 {
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 10px;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell:first-child ul {
  margin-top: 8%;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell:first-child ul li {
  font-size: 26px;
  margin-bottom: 8%;
  background: url(../img/plus.png) 0% 50% no-repeat;
  padding-left: 8%;
}
.page-id-8 main #les-avantages.siteorigin-panels-stretch .panel-grid-cell:last-child img {
  margin-top: -3%;
}
.page-id-8 main #les-temoignages h3 {
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 10px;
  color: #14537b;
}
.page-id-8 main #les-temoignages .siteorigin-panels-stretch {
  background: url(../img/bg-slider-temoignages.jpg) no-repeat 50% 50%;
  margin-top: -30px;
  padding-top: 30px;
}
.page-id-8 main #les-temoignages #slider-temoignages {
  position: relative;
}
.page-id-8 main #les-temoignages #slider-temoignages .fleche {
  width: 86px;
  height: 85px;
  position: absolute;
  top: 30%;
  cursor: pointer;
}
.page-id-8 main #les-temoignages #slider-temoignages .fleche-gauche {
  background: url(../img/fleche-gauche-slider-temoignages.png) no-repeat 50% 50%;
  left: -10%;
}
.page-id-8 main #les-temoignages #slider-temoignages .fleche-droite {
  background: url(../img/fleche-droite-slider-temoignages.png) no-repeat 50% 50%;
  right: -10%;
}
.page-id-8 main #les-temoignages #slider-temoignages .masque {
  overflow: hidden;
  height: 100%;
  position: relative;
}
.page-id-8 main #les-temoignages #slider-temoignages #slider-bis {
  left: 0;
  position: absolute;
  width: 10000em;
  top: 0;
}
.page-id-8 main #les-temoignages #slider-temoignages #slider-bis .temoignage {
  float: left;
  background-color: #14537b;
  color: #ffffff;
  line-height: 22px;
  font-size: 18px;
  margin-right: 20px;
  padding: 30px;
}
.page-id-8 main #les-temoignages #slider-temoignages #slider-bis .temoignage .texte:before {
  content: url(../img/guillemet-gauche.png);
  padding-right: 10px;
}
.page-id-8 main #les-temoignages #slider-temoignages #slider-bis .temoignage .texte:after {
  content: url(../img/guillemet-droite.png);
  padding-left: 10px;
}
.page-id-8 main #les-temoignages #slider-temoignages #slider-bis .temoignage .nom-personne {
  text-align: right;
  margin-top: 5%;
}
body:not(.page-id-8) #slide {
  margin-bottom: 5%;
}
body:not(.page-id-8) #liens-bulles {
  margin-top: 15%;
  background-color: #14537b;
  padding-bottom: 3rem;
}
body:not(.page-id-8) #liens-bulles .siteorigin-panels-stretch {
  background-color: #14537b;
  padding-bottom: 5%;
}
body:not(.page-id-8) #liens-bulles .panel-grid-cell {
  margin-top: -6%;
  text-align: center;
}
body:not(.page-id-8) #liens-bulles .panel-grid-cell p {
  font-weight: bold;
  margin-top: 5px;
  font-size: 18px;
}
body:not(.page-id-8) #liens-bulles .panel-grid-cell p em {
  color: #ffffff;
  font-size: 24px;
}
body:not(.page-id-8) #liens-bulles .panel-grid-cell p a {
  color: #ffffff;
}
body:not(.page-id-8) #liens-bulles .panel-grid-cell p img {
  margin-bottom: 10px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .presentation-globale h3,
.page-id-12 main #contenu .panel-grid-cell:first-child .presentation-globale h3,
.page-id-14 main #contenu .panel-grid-cell:first-child .presentation-globale h3,
.page-id-228 main #contenu .panel-grid-cell:first-child .presentation-globale h3 {
  color: #14537b;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 26px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p,
.page-id-12 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p,
.page-id-14 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p,
.page-id-228 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p {
  font-size: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations p,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations p,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations p,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations p strong,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations p strong,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations p strong,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations p strong {
  font-weight: bold;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li {
  padding-left: 30px;
  background: url(../img/plus-orange.png) 0% 0% no-repeat;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li em,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li em,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li em,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li em {
  font-weight: bold;
  text-transform: uppercase;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul {
  list-style-type: disc;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul li,
.page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul li,
.page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul li,
.page-id-228 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li ul li {
  font-weight: normal;
  background: none;
  margin-bottom: 0;
  margin-left: 4%;
  padding: 0;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .options p,
.page-id-12 main #contenu .panel-grid-cell:first-child .options p,
.page-id-14 main #contenu .panel-grid-cell:first-child .options p,
.page-id-228 main #contenu .panel-grid-cell:first-child .options p {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .options ol,
.page-id-12 main #contenu .panel-grid-cell:first-child .options ol,
.page-id-14 main #contenu .panel-grid-cell:first-child .options ol,
.page-id-228 main #contenu .panel-grid-cell:first-child .options ol {
  list-style-type: decimal;
  font-size: 18px;
  line-height: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:first-child .options ol li,
.page-id-12 main #contenu .panel-grid-cell:first-child .options ol li,
.page-id-14 main #contenu .panel-grid-cell:first-child .options ol li,
.page-id-228 main #contenu .panel-grid-cell:first-child .options ol li {
  margin-left: 4%;
}
.page-id-10 main #contenu .panel-grid-cell:last-child .temoignage,
.page-id-12 main #contenu .panel-grid-cell:last-child .temoignage,
.page-id-14 main #contenu .panel-grid-cell:last-child .temoignage,
.page-id-228 main #contenu .panel-grid-cell:last-child .temoignage {
  background-color: #14537b;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  padding: 5%;
  margin-bottom: 20px;
}
.page-id-10 main #contenu .panel-grid-cell:last-child .temoignage .texte:before,
.page-id-12 main #contenu .panel-grid-cell:last-child .temoignage .texte:before,
.page-id-14 main #contenu .panel-grid-cell:last-child .temoignage .texte:before,
.page-id-228 main #contenu .panel-grid-cell:last-child .temoignage .texte:before {
  content: url(../img/guillemet-gauche.png);
  padding-right: 10px;
}
.page-id-10 main #contenu .panel-grid-cell:last-child .temoignage .texte:after,
.page-id-12 main #contenu .panel-grid-cell:last-child .temoignage .texte:after,
.page-id-14 main #contenu .panel-grid-cell:last-child .temoignage .texte:after,
.page-id-228 main #contenu .panel-grid-cell:last-child .temoignage .texte:after {
  content: url(../img/guillemet-droite.png);
  padding-left: 10px;
}
.page-id-10 main #contenu .panel-grid-cell:last-child .temoignage .nom-personne,
.page-id-12 main #contenu .panel-grid-cell:last-child .temoignage .nom-personne,
.page-id-14 main #contenu .panel-grid-cell:last-child .temoignage .nom-personne,
.page-id-228 main #contenu .panel-grid-cell:last-child .temoignage .nom-personne {
  text-align: right;
  margin-top: 5%;
}
.page-id-10 main #contenu .panel-grid-cell:last-child .temoignage .plus-temoignages,
.page-id-12 main #contenu .panel-grid-cell:last-child .temoignage .plus-temoignages,
.page-id-14 main #contenu .panel-grid-cell:last-child .temoignage .plus-temoignages,
.page-id-228 main #contenu .panel-grid-cell:last-child .temoignage .plus-temoignages {
  background: url(../img/plus-gros-rond.png) no-repeat 50% 50%;
  height: 34px;
  margin-top: 20px;
  cursor: pointer;
  display: block;
  width: 100%;
}
.page-id-10 main #contenu .panel-grid-cell:last-child h3,
.page-id-12 main #contenu .panel-grid-cell:last-child h3,
.page-id-14 main #contenu .panel-grid-cell:last-child h3,
.page-id-228 main #contenu .panel-grid-cell:last-child h3 {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.page-id-10 main #contenu .panel-grid-cell:last-child p,
.page-id-12 main #contenu .panel-grid-cell:last-child p,
.page-id-14 main #contenu .panel-grid-cell:last-child p,
.page-id-228 main #contenu .panel-grid-cell:last-child p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 22px;
}
.page-id-10 main #contenu .panel-grid-cell:last-child a,
.page-id-12 main #contenu .panel-grid-cell:last-child a,
.page-id-14 main #contenu .panel-grid-cell:last-child a,
.page-id-228 main #contenu .panel-grid-cell:last-child a {
  background: url(../img/plus-rond.png) no-repeat 95% 50%;
  background-color: #8db723;
  padding: 10px 50px 10px 10px;
  width: 220px;
  display: block;
}
.page-id-10 main #contenu .panel-grid-cell:last-child a:hover,
.page-id-12 main #contenu .panel-grid-cell:last-child a:hover,
.page-id-14 main #contenu .panel-grid-cell:last-child a:hover,
.page-id-228 main #contenu .panel-grid-cell:last-child a:hover {
  background-color: #14537b;
}
.page-id-16 main #satisfait-laissez-temoignage {
  font-size: 18px;
  line-height: 22px;
  background-color: #8db723;
  color: #ffffff;
  width: 480px;
  display: block;
  text-align: center;
  margin: auto;
  padding: 10px;
  margin-bottom: 50px;
  transition: all .4s ease-in-out !important;
  -webkit-transition: all .4s ease-in-out !important;
  -moz-transition: all .4s ease-in-out !important;
  -o-transition: all .4s ease-in-out !important;
}
.page-id-16 main #satisfait-laissez-temoignage:hover {
  background-color: #093653;
  color: #8db723;
}
.page-id-16 main .texte-avant-formulaire {
  text-align: center;
}
.page-id-16 main .texte-avant-formulaire h3 {
  color: #14537b;
  font-size: 26px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-id-16 main .texte-avant-formulaire p {
  font-size: 22px;
}
.page-id-16 main #ninja_forms_form_10_response_msg,
.page-id-16 main .ninja-forms-response-msg {
  width: 60%;
  margin: auto;
  margin-bottom: 1rem;
}
.page-id-16 main #ninja_forms_form_10 {
  width: 60%;
  margin: auto;
}
.page-id-16 main #ninja_forms_form_10 label,
.page-id-16 main #ninja_forms_form_10 .ninja-forms-required-items,
.page-id-16 main #ninja_forms_form_10 .ninja-forms-req-symbol {
  display: none;
}
.page-id-16 main #ninja_forms_form_10 input,
.page-id-16 main #ninja_forms_form_10 textarea {
  padding: 5px;
  resize: none;
}
.page-id-16 main #ninja_forms_form_10 input:focus,
.page-id-16 main #ninja_forms_form_10 textarea:focus {
  outline-color: #14537b;
}
.page-id-16 main #ninja_forms_form_10 .ninja-forms-response-msg {
  text-align: center;
  margin-bottom: 20px;
}
.page-id-16 main #ninja_forms_form_10 #ninja_forms_field_18_div_wrap {
  width: 100%;
  float: left;
  margin-right: 2%;
}
.page-id-16 main #ninja_forms_form_10 #ninja_forms_field_22_div_wrap {
  width: 100%;
  float: left;
}
.page-id-16 main #ninja_forms_form_10 #ninja_forms_field_23_div_wrap input {
  background: #8db723;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  float: right;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
.page-id-16 main #ninja_forms_form_10 #ninja_forms_field_23_div_wrap input:hover {
  background-color: #14537b;
  color: #8db723;
}
.page-id-16 main #liste-temoignages {
  width: 60%;
  margin: auto;
}
.page-id-16 main #liste-temoignages .temoignage {
  background: url(../img/guillemet-temoignage.png) no-repeat 50% 0%;
  padding-top: 60px;
  padding-bottom: 30px;
  border-bottom: 1px solid #c9c9c9;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 30px;
}
.page-id-16 main #liste-temoignages .temoignage:last-child {
  border: 0;
}
.page-id-16 main #liste-temoignages .temoignage .texte {
  text-align: center;
}
.page-id-16 main #liste-temoignages .temoignage .nom-personne {
  text-align: right;
  margin-top: 20px;
}
.page-id-20 main .texte-avant-formulaire {
  text-align: center;
  margin-bottom: 5%;
}
.page-id-20 main .texte-avant-formulaire h3 {
  color: #14537b;
  font-size: 26px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-id-20 main .texte-avant-formulaire p {
  font-size: 22px;
}
.page-id-20 main #nf-form-1-cont {
  width: 60%;
  margin: auto;
}
.page-id-20 main #nf-form-1-cont .nf-form-fields-required {
  display: none;
}
.page-id-20 main #nf-form-1-cont input,
.page-id-20 main #nf-form-1-cont textarea {
  padding: 5px;
  resize: none;
}
.page-id-20 main #nf-form-1-cont input:focus,
.page-id-20 main #nf-form-1-cont textarea:focus {
  outline-color: #14537b;
}
.page-id-20 main #nf-form-1-cont .ninja-forms-response-msg {
  text-align: center;
  margin-bottom: 20px;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_7_div_wrap {
  width: 49%;
  float: left;
  margin-right: 2%;
  position: relative;
  height: 38px;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_7_div_wrap label {
  display: block;
  position: absolute;
  background-color: #8db723;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
  cursor: pointer;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_7_div_wrap input[type=file] {
  padding: 0;
  color: #000;
  width: 100%;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_7_div_wrap input[type=file]::-webkit-file-upload-button {
  background-color: #8db723;
  border: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  cursor: pointer;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_8_div_wrap {
  width: 49%;
  float: left;
  position: relative;
  height: 38px;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_8_div_wrap input[type=file] {
  padding: 0;
  color: #000;
  width: 100%;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_8_div_wrap label {
  display: block;
  position: absolute;
  background-color: #8db723;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
  cursor: pointer;
}
.page-id-20 main #nf-form-1-cont #ninja_forms_field_8_div_wrap input[type=file]::-webkit-file-upload-button {
  background-color: #8db723;
  border: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  cursor: pointer;
}
.page-id-20 main #nf-form-1-cont #nf-field-4-container input {
  background: #14537b;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  float: right;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
.page-id-20 main #nf-form-1-cont #nf-field-4-container input:hover {
  background-color: #8db723;
  color: #14537b;
}
.page-id-228 .pros #formulaire-demande-devis .ninja-forms-required-items {
  display: none;
}
.page-id-228 .pros #formulaire-demande-devis input[type="submit"] {
  display: inline-block;
  background: #6a8a1a;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
.page-id-228 .pros #formulaire-demande-devis input,
.page-id-228 .pros #formulaire-demande-devis textarea {
  outline: none;
  color: #5b5b5b;
}
@media screen and (min-width: 768px) {
  .page-id-228 .pros #formulaire-demande-devis #ninja_forms_form_20 #ninja_forms_field_40_div_wrap,
  .page-id-228 .pros #formulaire-demande-devis #ninja_forms_form_20 #ninja_forms_field_42_div_wrap {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .page-id-228 .pros #formulaire-demande-devis #ninja_forms_form_20 #ninja_forms_field_41_div_wrap,
  .page-id-228 .pros #formulaire-demande-devis #ninja_forms_form_20 #ninja_forms_field_43_div_wrap {
    width: 49%;
    float: left;
  }
}
@media screen and (min-width: 992px) {
  .page-id-228 .pros #formulaire-demande-devis body main #formulaire-demande-devis #ninja_forms_form_13 #ninja_forms_field_24_div_wrap .field-wrap .text-wrap {
    width: 50%;
  }
}
@media screen and (min-width: 780px) {
  .page-id-228 .pros header {
    border-bottom: .2rem solid #ddd;
    background: url(../img/fond-droite-header-pros.png) no-repeat 100% 0%;
  }
  .page-id-228 .pros header #entete #bloc-informations {
    background-image: url(../img/bord-arrondis-bloc-informations-pros.png);
    background-color: #a2185b;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
}
@media screen and (max-width: 780px) {
  .page-id-228 .pros header #entete #bloc-informations .telephone {
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .page-id-228 .pros header #entete #bloc-informations .demande-de-rappel {
    right: 55px;
  }
  .page-id-228 .pros header #entete #bloc-informations .demande-de-devis {
    right: 10px;
  }
}
.page-id-228 main {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-id-228 main .flex-me {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page-id-228 main .panel-grid-cell h3 {
  position: relative;
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #14537b;
}
.page-id-228 main .panel-grid-cell h3:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #14537b;
  bottom: 0;
  left: 0;
}
.page-id-228 main .panel-grid-cell p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 22px;
}
.page-id-228 main .panel-grid-cell .qualite p {
  position: relative;
  padding-left: 5rem;
}
.page-id-228 main .panel-grid-cell .qualite > div > div.textwidget p {
  padding-top: .8rem;
}
.page-id-228 main .panel-grid-cell .qualite > div > div.textwidget p:nth-child(1):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 150px;
  background-image: url(../img/pros/icon-box.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.page-id-228 main .panel-grid-cell .qualite > div > div.textwidget p:nth-child(2):before {
  content: "";
  position: absolute;
  top: 0;
  left: .8rem;
  width: 40px;
  height: 100px;
  background-image: url(../img/pros/icon-medal.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.page-id-228 main .text-center h3:before {
  left: 50%;
  margin-left: -15px;
}
.page-id-228 main #form-wrapper {
  background-image: url(../img/pros/form-bg.jpg);
  background-position: center bottom;
  background-size: cover;
  padding-bottom: 3rem;
}
.page-id-228 main .devis-form {
  display: inline-block;
  max-width: 100%;
  width: 600px;
  color: #ffffff;
  background-color: #8db723;
  padding: 3rem;
  text-align: left;
}
@media screen and (max-width: 778px) {
  .page-id-228 main .devis-form {
    padding: 1.8rem;
  }
}
.page-id-228 main #avantages {
  padding-top: 5rem;
  margin-bottom: 0;
  background-color: #a2185b;
  color: #ffffff;
}
.page-id-228 main #avantages h3 {
  color: #ffffff;
}
.page-id-228 main #avantages h3:before {
  background-color: #ffffff;
}
.page-id-228 main #avantages-btn {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background-color: #a2185b;
}
.page-id-228 main #avantages-btn .btn {
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
.page-id-228 main #avantages-btn .btn:hover,
.page-id-228 main #avantages-btn .btn:focus {
  box-shadow: 0 0 3rem rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 3rem rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 3rem rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 3rem rgba(0,0,0,0.4);
  background-color: #ffffff;
}
.page-id-228 .universe-switch a {
  background-color: #14537b;
}
@media screen and (min-width: 480px) {
  .page-id-228 .universe-switch {
    right: -6.8rem;
  }
}
.page-id-228 #pros-clients {
  border-top: 1px solid #ddd;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.page-id-228 #pros-clients h3 {
  color: #a2185b;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 26px;
}
.page-id-228 #pros-clients img {
  max-height: 150px;
}
.page-id-228 #pros-clients .owl-item {
  text-align: center;
}
.page-id-228 #pros-clients .owl-pagination {
  display: none;
}
.page-id-22 main #pg-22-0 .siteorigin-panels-stretch {
  position: relative;
}
.page-id-22 main #pg-22-0 .siteorigin-panels-stretch .bordure-arrondis {
  background: url(../img/contact-bordure-slide.png) no-repeat 50% 50%;
  width: 100%;
  height: 245px;
  position: absolute;
  bottom: 0;
}
.page-id-22 main #contacter {
  margin-top: 5%;
}
.page-id-22 main #contacter .panel-grid-cell {
  padding: 0 3%;
}
.page-id-22 main #contacter .texte-avant-formulaire h3 {
  color: #14537b;
  font-size: 22px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-id-22 main #contacter .texte-avant-formulaire p {
  font-size: 18px;
}
.page-id-22 main #contacter #nf-form-6-cont input,
.page-id-22 main #contacter #nf-form-6-cont textarea {
  padding: 5px;
  resize: none;
}
.page-id-22 main #contacter #nf-form-6-cont input:focus,
.page-id-22 main #contacter #nf-form-6-cont textarea:focus {
  outline-color: #14537b;
}
.page-id-22 main #contacter #nf-form-6-cont .ninja-forms-response-msg {
  text-align: center;
  margin-bottom: 20px;
}
.page-id-22 main #contacter #nf-form-6-cont #nf-field-16-container input {
  background: #14537b;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  padding: 10px 40px;
  float: right;
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}
.page-id-22 main #contacter #nf-form-6-cont #nf-field-16-container input:hover {
  background-color: #8db723;
  color: #14537b;
}
.page-id-22 main #contacter .texte-avant-infos-client h3 {
  color: #14537b;
  font-size: 22px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-id-22 main #contacter .texte-avant-infos-client p {
  font-size: 18px;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client {
  margin-top: 30px;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client div {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client div i {
  font-size: 26px;
  float: left;
  width: 45px;
  height: 10px;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client div a {
  color: #3c3c3b;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client div a:hover {
  color: #8db723;
}
.page-id-22 main #contacter .texte-avant-infos-client .infos-client div span {
  font-size: 22px;
  font-weight: bold;
  float: left;
  line-height: 24px;
}
.page-id-24 main {
  margin-top: 5%;
}
.page-id-24 main h1 {
  color: #14537b;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 26px;
  margin-bottom: 15px;
}
.page-id-24 main b {
  text-transform: uppercase;
  font-size: 20px;
  color: #14537b;
  margin-top: 20px;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.page-id-24 main p {
  font-size: 18px;
  line-height: 22px;
}
.page-id-24 main a {
  color: #8db723;
}
.page-id-24 main a:hover {
  color: #14537b;
}
.page-id-24 footer {
  margin-top: 50px;
}
@media screen and (max-width: 1700px) {
  body header #entete {
    width: 95%;
  }
  body footer .interieur-footer {
    width: 95%;
  }
}
@media screen and (max-width: 1450px) {
  body header #entete nav ul li {
    padding-left: 30px;
  }
  body header #entete nav ul li a {
    font-size: 18px;
  }
  body main {
    width: 90%;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-gauche {
    left: -15%;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-droite {
    right: -15%;
  }
}
@media screen and (max-width: 1200px) {
  body header #entete nav {
    padding-top: 15px;
  }
  body header #entete nav ul li {
    margin-bottom: 10px;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-gauche {
    left: -20%;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-droite {
    right: -20%;
  }
}
@media screen and (max-width: 980px) {
  body footer .interieur-footer .infos-pied-page {
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
  body footer .interieur-footer .pictos {
    width: 100%;
    height: 50px;
    padding-bottom: 5px;
    text-align: center;
  }
  body footer .interieur-footer .pictos img {
    padding-top: 0;
    height: 100%;
  }
}
@media screen and (max-width: 780px) {
  body #menu-mobile {
    display: block;
  }
  body #menu-mobile button {
    background-color: #14537b;
    border: 0;
    color: #ffffff;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 47px;
    right: 10px;
    z-index: 100000;
    display: block;
  }
  body #menu-mobile button i {
    font-size: 30px;
  }
  body #menu-mobile button:focus {
    outline-color: #14537b;
  }
  body #menu-mobile button.active {
    background-color: #8db723;
    color: #14537b;
  }
  body header {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 10;
    background-image: none;
    height: 106px;
    border-bottom: 2px solid #14537b;
  }
  body header #entete {
    width: 100%;
  }
  body header #entete #bloc-informations {
    height: 40px;
    float: none;
    width: 100%;
    position: absolute;
    top: 0;
    background-image: none;
  }
  body header #entete #bloc-informations .demande-de-devis {
    width: 168px;
  }
  body header #entete #bloc-informations .demande-de-devis i {
    margin-top: -2px;
    font-size: 26px;
  }
  body header #entete #bloc-informations .demande-de-devis span {
    line-height: 16px;
    margin-top: -6px;
    font-size: 16px;
  }
  body header #entete #bloc-informations .demande-de-rappel {
    width: 168px;
  }
  body header #entete #bloc-informations .demande-de-rappel i {
    margin-top: -2px;
    font-size: 26px;
  }
  body header #entete #bloc-informations .demande-de-rappel span {
    line-height: 16px;
    margin-top: -6px;
    font-size: 16px;
  }
  body header #entete #bloc-informations .telephone {
    float: none;
    position: absolute;
    top: 60px;
    right: 80px;
    margin: 0;
    padding: 0;
  }
  body header #entete #bloc-informations .telephone a {
    font-size: 22px;
    color: #14537b;
  }
  body header #entete #bloc-informations .telephone i {
    color: #14537b;
    display: none;
  }
  body header #entete #bloc-informations .reseau-social-connu {
    float: none;
    left: 0;
    margin: 0;
  }
  body header #entete #bloc-informations .reseau-social-connu img {
    padding-top: 4px;
    padding-left: 10px;
  }
  body header #entete #logo {
    float: none;
    width: 100px;
    position: absolute;
    top: 40px;
    left: 10px;
  }
  body header #entete nav {
    display: none;
    width: 50%;
    height: 100%;
    position: fixed;
    top: 106px;
    left: 0;
    background-color: #ffffff;
    border-right: 2px solid #14537b;
  }
  body header #entete nav ul li {
    margin-bottom: 30px;
    width: 100%;
  }
  body main {
    margin-top: 106px !important;
  }
  body main #formulaire-demande-devis {
    width: 480px;
    position: fixed;
    top: 106px;
  }
  body main #formulaire-demande-rappel {
    width: 480px;
    position: fixed;
    top: 106px;
  }
  body:not(.page-id-8) #liens-bulles .panel-grid-cell {
    margin-top: 0;
  }
  .page-id-16 main #satisfait-laissez-temoignage {
    width: 100%;
  }
  .page-id-16 main #ninja_forms_form_10,
  .page-id-16 main #ninja_forms_form_10_response_msg {
    width: 100%;
  }
  .page-id-16 main #liste-temoignages {
    width: 100%;
  }
  .page-id-20 main #ninja_forms_form_1 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  body #menu-mobile button {
    width: 35px;
    height: 35px;
  }
  body #menu-mobile button i {
    font-size: 22px;
  }
  body .container {
    width: 100%;
  }
  body header {
    height: 92px;
  }
  body header #entete #logo {
    width: 78px;
  }
  body header #entete nav {
    border: 0;
    width: 100%;
    top: 92px;
  }
  body header #entete #bloc-informations .demande-de-devis {
    width: 35px;
    height: 35px;
    float: none;
    top: 47px;
    right: 55px;
    position: absolute;
  }
  body header #entete #bloc-informations .demande-de-devis i {
    font-size: 24px;
    margin-left: -3px;
    margin-top: -5px;
  }
  body header #entete #bloc-informations .demande-de-devis span {
    display: none;
  }
  body header #entete #bloc-informations .demande-de-rappel {
    width: 35px;
    height: 35px;
    float: none;
    top: 47px;
    right: 100px;
    position: absolute;
  }
  body header #entete #bloc-informations .demande-de-rappel i {
    font-size: 24px;
    margin-left: -3px;
    margin-top: -5px;
  }
  body header #entete #bloc-informations .demande-de-rappel span {
    display: none;
  }
  body header #entete #bloc-informations .telephone {
    top: 8px;
    right: 10px;
  }
  body header #entete #bloc-informations .telephone i {
    color: #ffffff;
  }
  body header #entete #bloc-informations .telephone a {
    color: #ffffff;
  }
  body main {
    margin-top: 92px !important;
  }
  body main #formulaire-demande-devis {
    width: 100%;
    top: 92px;
    padding: 10px;
  }
  body main #formulaire-demande-devis h2 {
    font-size: 24px;
  }
  body main #formulaire-demande-devis #ninja_forms_form_13 input,
  body main #formulaire-demande-devis #ninja_forms_form_13 textarea,
  body main #formulaire-demande-devis #ninja_forms_form_13 label {
    font-size: 14px;
  }
  body main #formulaire-demande-devis #ninja_forms_form_13 .field-wrap {
    margin-bottom: 10px;
  }
  body main #formulaire-demande-devis #ninja_forms_form_13 #ninja_forms_field_32_div_wrap label {
    font-size: 18px;
  }
  body main #formulaire-demande-devis #ninja_forms_form_13 #ninja_forms_field_32_div_wrap li label {
    font-size: 14px;
    margin-bottom: 5px;
  }
  body main #formulaire-demande-devis #ninja_forms_form_13 #ninja_forms_field_28_div_wrap textarea {
    height: 70px;
  }
  body main #formulaire-demande-rappel {
    width: 100%;
    top: 92px;
    padding: 10px;
  }
  body main #formulaire-demande-rappel h2 {
    font-size: 24px;
  }
  body main #formulaire-demande-rappel #ninja_forms_form_16 input,
  body main #formulaire-demande-rappel #ninja_forms_form_16 textarea,
  body main #formulaire-demande-rappel #ninja_forms_form_16 label {
    font-size: 14px;
  }
  body main #formulaire-demande-rappel #ninja_forms_form_16 .field-wrap {
    margin-bottom: 10px;
  }
  body footer .interieur-footer .infos-pied-page {
    line-height: 22px;
  }
  .page-id-8 main #liens-bulles {
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-id-8 main #les-avantages {
    margin-top: 30px;
  }
  .page-id-8 main #les-avantages .siteorigin-panels-stretch .panel-grid-cell:first-child {
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .page-id-8 main #les-avantages .siteorigin-panels-stretch .panel-grid-cell:first-child h3 {
    font-size: 30px;
  }
  .page-id-8 main #les-avantages .siteorigin-panels-stretch .panel-grid-cell:first-child ul li {
    font-size: 18px;
    padding-left: 10%;
  }
  .page-id-8 main #les-temoignages h3 {
    font-size: 30px;
  }
  .page-id-8 main #les-temoignages #slider-temoignages #slider-bis {
    margin-top: 70px;
  }
  .page-id-8 main #les-temoignages #slider-temoignages #slider-bis .temoignage {
    line-height: 20px;
    font-size: 16px;
    padding: 15px;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche {
    background-size: contain !important;
    height: 40px;
    width: 40px;
    top: 0;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-gauche {
    left: 0px;
  }
  .page-id-8 main #les-temoignages #slider-temoignages .fleche-droite {
    right: 0px;
  }
  .page-id-8 footer {
    margin-top: 40px;
  }
  .page-id-10 main #contenu .panel-grid-cell:first-child .presentation-globale h3,
  .page-id-12 main #contenu .panel-grid-cell:first-child .presentation-globale h3,
  .page-id-14 main #contenu .panel-grid-cell:first-child .presentation-globale h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .page-id-10 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p,
  .page-id-12 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p,
  .page-id-14 main #contenu .panel-grid-cell:first-child .presentation-globale .textwidget p {
    font-size: 16px;
  }
  .page-id-10 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li,
  .page-id-12 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li,
  .page-id-14 main #contenu .panel-grid-cell:first-child .differentes-prestations ul li {
    font-size: 16px;
  }
  .page-id-10 main #contenu .panel-grid-cell:first-child .options ol li,
  .page-id-12 main #contenu .panel-grid-cell:first-child .options ol li,
  .page-id-14 main #contenu .panel-grid-cell:first-child .options ol li {
    font-size: 16px;
  }
  .page-id-10 main #contenu .panel-grid-cell:last-child h3,
  .page-id-12 main #contenu .panel-grid-cell:last-child h3,
  .page-id-14 main #contenu .panel-grid-cell:last-child h3 {
    font-size: 18px;
  }
  .page-id-10 main #contenu .panel-grid-cell:last-child .temoignage,
  .page-id-12 main #contenu .panel-grid-cell:last-child .temoignage,
  .page-id-14 main #contenu .panel-grid-cell:last-child .temoignage {
    line-height: 20px;
    font-size: 16px;
    padding: 15px;
  }
  .page-id-10 main #contenu .panel-grid-cell:last-child p,
  .page-id-12 main #contenu .panel-grid-cell:last-child p,
  .page-id-14 main #contenu .panel-grid-cell:last-child p {
    font-size: 16px;
  }
  .page-id-10 main #contenu .panel-grid-cell:last-child a,
  .page-id-12 main #contenu .panel-grid-cell:last-child a,
  .page-id-14 main #contenu .panel-grid-cell:last-child a {
    width: 100%;
  }
  .page-id-16 main .texte-avant-formulaire h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .page-id-16 main .texte-avant-formulaire p {
    font-size: 16px;
  }
  .page-id-16 main #ninja_forms_form_10 #ninja_forms_field_23_div_wrap input {
    width: 100%;
    float: none;
  }
  .page-id-16 main #liste-temoignages .temoignage {
    font-size: 16px;
  }
  .page-id-20 main .texte-avant-formulaire h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .page-id-20 main .texte-avant-formulaire p {
    font-size: 16px;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_1_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_5_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_6_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_2_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_7_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_8_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_3_div_wrap textarea {
    height: 120px;
  }
  .page-id-20 main #ninja_forms_form_1 #ninja_forms_field_4_div_wrap input {
    width: 100%;
    float: none;
  }
  .page-id-22 main .sow-google-map-canvas {
    height: 200px !important;
  }
  .page-id-22 main #contacter .texte-avant-formulaire h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .page-id-22 main #contacter .texte-avant-formulaire p {
    font-size: 16px;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_9_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_10_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_11_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_12_div_wrap {
    width: 100%;
    margin-right: 0;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_15_div_wrap textarea {
    height: 120px;
  }
  .page-id-22 main #contacter #ninja_forms_form_6 #ninja_forms_field_16_div_wrap input {
    width: 100%;
    float: none;
  }
  .page-id-22 main #contacter .texte-avant-infos-client h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .page-id-22 main #contacter .texte-avant-infos-client p {
    font-size: 16px;
  }
  .page-id-22 main #contacter .texte-avant-infos-client .infos-client div span {
    font-size: 20px;
  }
  .page-id-24 main {
    margin-top: 150px !important;
  }
  .page-id-24 main p {
    font-size: 16px;
  }
}