@charset "UTF-8";
:root {
  --ocean-blue: #0a4da4;
  --macaroni-and-cheese: #efb531;
  --watermelon: #e95156;
  --milk-chocolate: #72311b;
  --dusty-orange: #ff7f33;
  --dark-pink: #d8387e;
  --warm-purple: #922378;
  --light-burgundy: #9f2f44;
  --deep-lavender: #9a41c4;
  --blueberry: #59388a;
  --dusk-blue: #267497;
  --tealish: #2dbfc8;
  --dark-sky-blue: #35badd;
  --jade: #18a372;
  --charcoal-grey: #3e4552;
  --fresh-green: #87cd5d;
  --white: #f4f4f4;
  --brownish-grey: #787878;
  --twilight-blue: #063777;
  --pinkish-grey: #acabab;
  --very-light-pink: #d1d1d1;
}
.tp-navigation > ul > li .tp-sub-navigation > ul > li > a:hover {
  color: #fff;
  text-decoration: underline;
}
:focus, .zo-sub-footer .tp-links a:hover, .zo-sub-footer .tp-links a:focus {
  outline: none;
  color: #fff;
}
.zo-content, .zo-page {
  background-color: #f9f9f9;
}
.zo-content .zo-wrapper {
  border: none;
}
.zo-block {
  overflow: hidden;
}
.zo-page .zo-wrapper {
  margin: 0 auto;
  max-width: 1296px;
  min-width: 320px;
  position: relative;
  width: 100%;
  padding: 0 16px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap-icon {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  background: #FFF;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .zo-block.sp-bg {
    padding: 32px 0 16px;
  }
  .zo-block.sp-bg.reset-padding-top {
    padding-top: 0;
  }
}
.zo-block.sp-bg {
  background: #f9f9f9;
}
html {
  background: #f9f9f9 !important;
}
.homeContainer {
  padding-top: 20px;
}
.slick-track {
  display: flex;
}
body {
  margin: 0;
  background-color: #f9f9f9;
  position: relative;
  font-family: "Roboto", sans-serif;
}
body.tarif {
  background-color: #fff;
}
.card-container {
  /* Surcharge du comportement des boutons ngx-slick-carousel */
}
.card-container .slick-next {
  background: url("/assets/images/right.png") no-repeat scroll 0 0 transparent;
  right: 16px;
  width: 40px;
  height: 80px;
  opacity: 0.5;
}
.card-container .sliderVehicules-2 .slick-next {
  right: 20px;
}
.card-container .slick-prev {
  background: url("/assets/images/left.png") no-repeat scroll 0 0 transparent;
  left: 0;
  z-index: 1;
  width: 40px;
  height: 80px;
  opacity: 0.5;
}
.card-container .slick-prev.slick-disabled:before,
.card-container .slick-next.slick-disabled:before {
  opacity: 0;
  content: "";
}
.card-container .slick-next::before,
.card-container .slick-prev::before {
  content: "";
}
.card-container .slick-prev:hover,
.card-container .slick-prev:focus {
  color: transparent;
  outline: none;
  opacity: 1;
}
.card-container .slick-next:hover,
.card-container .slick-next:focus {
  color: transparent;
  outline: none;
  opacity: 1;
}
.card-container .wrapperEstimationTarifDevis {
  width: 1030px;
  margin: 0 auto;
}
.card-container .wrapperEstimationTarifDevis .tuileEstimation {
  margin-top: 46px;
}
.card-container .wrapperEstimationTarifDevis .tuileEstimation.recommande {
  margin-top: 48px;
}
@media only screen and (max-width: 1260px) {
  .card-container .slick-next {
    right: 0;
  }
  .card-container .wrapperEstimationTarifDevis {
    width: 100%;
  }
}
.active span.un {
  animation-name: changeToClose;
  animation-duration: 0.5s;
  transform: rotate(45deg);
}
.active span.deux {
  animation-name: changeToClose2;
  animation-duration: 0.5s;
  transform: rotate(45deg);
}
.reverse span.un {
  animation-name: changeToClose3;
  animation-duration: 0.5s;
  transform: rotate(90deg);
}
.reverse span.deux {
  animation-name: changeToClose4;
  animation-duration: 0.5s;
  transform: rotate(90deg);
}
@keyframes changeToClose {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(45deg);
  }
}
@keyframes changeToClose2 {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(-135deg);
  }
}
@keyframes changeToClose3 {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(90deg);
  }
}
@keyframes changeToClose4 {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(90deg);
  }
}
.page {
  color: #3e4552;
  width: 1296px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 20px;
}
.page .button {
  background: #0a4da4;
  color: #fff;
  border: none;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 1.25px;
  border-radius: 8px;
  padding: 12px 18px;
  cursor: pointer;
}
.page h1 {
  color: #0a4da4;
  font-size: 34px;
  letter-spacing: 0.25px;
  font-weight: 500;
  margin: 0 0 45px 0;
  line-height: 2rem;
}
.page h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 35px 0 20px 0;
}
.page .wrapperIntroTarif {
  display: flex;
  margin-bottom: 25px;
}
.page .wrapperIntroTarif .blocIntroTarif .introTarif {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.15px;
}
.page .wrapperIntroTarif.devis .blocIntroTarif {
  width: 33%;
}
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif {
  line-height: 22px;
}
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif strong.titreConducteur,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif strong.nomPrenomConducteur,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif string.titreUsage {
  display: block;
}
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.profession,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.dateNaiss,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.datePermis,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.localisationVehicule,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.precisionLocalisationVehicule,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.typeUsage,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.infoRouleur,
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif span.abonnementTransportCommun {
  display: block;
}
.page .wrapperIntroTarif.devis .blocIntroTarif .introTarif .sepa {
  display: none;
}
.page .wrapEnTete {
  clear: both;
  content: "";
  display: -ms-flex;
  display: flex;
  margin-top: 35px;
}
.page .wrapEnTete .enTeteInfo .modele {
  font-weight: 500;
  letter-spacing: 0.15px;
  font-size: 16px;
  line-height: 28px;
}
.page .wrapEnTete .enTeteInfo .preciseTarif {
  margin-top: 19px;
}
.page .wrapEnTete .enTeteInfo table {
  margin-top: 15px;
}
.page .wrapEnTete .enTeteInfo table span {
  cursor: pointer;
  padding-left: 40px;
  background: url("/assets/images/pdf.png") no-repeat scroll 0 0 transparent;
  font-size: 14px;
  letter-spacing: 0.44px;
  color: #0a4da4;
  display: block;
}
.page .wrapEnTete .enTeteDetailInfo {
  float: left;
  width: 696px;
  height: 152px;
  box-sizing: border-box;
  padding: 0 25px 0 15px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
}
.page .wrapTab {
  box-sizing: border-box;
  padding: 0;
  display: flex;
  /*margin-bottom: 100px;*/
  align-items: flex-start;
}
.page .wrapTab .libTab {
  width: 329px;
  border-top: 4px solid transparent;
}
.page .wrapTab .libTab .libGarantie {
  height: 101px;
  border-bottom: 2px solid #d1d1d1;
  box-sizing: border-box;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: flex;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 500;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.page .wrapTab .libTab .libGarantie .garantieSecondaire {
  display: block;
  font-size: 12px;
  color: #787878;
  line-height: 20px;
  font-weight: 400;
}
.page .wrapTab .libTab .libGarantie .libG {
  width: 100%;
}
.page .wrapTab .libTab .libGarantie.gCommunes {
  border-top: 2px solid #d1d1d1;
  margin-top: 3px;
}
.devisValable {
  display: none;
}
.page .wrapTab .contentTab {
  box-sizing: border-box;
  display: -ms-flex;
  display: flex;
  width: 967px;
  justify-content: space-between;
}
.page .wrapTab .contentTab.trois .colTab {
  width: 312px;
}
.page .wrapTab .colTab {
  box-sizing: border-box;
  width: 473px;
  /*border:4px solid #d1d1d1;*/
  border: 2px solid #d1d1d1;
  border-radius: 4px;
  background-color: #f4f4f4;
  box-shadow: 0 40px 60px -50px rgba(0, 0, 0, 0.5);
}
.page .wrapTab .colTab .enTeteCol {
  text-align: center;
  color: #787878;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  height: 306px;
  padding-top: 28px;
  box-sizing: border-box;
}
.page .wrapTab .colTab .enTeteCol .nomFormule {
  margin-bottom: 35px;
  font-weight: 900;
}
.page .wrapTab .colTab .enTeteCol .tarifFormule {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
}
.page .wrapTab .colTab .enTeteCol .frequencePaiement {
  font-size: 26px;
  margin-bottom: 30px;
}
.page .wrapTab .colTab .enTeteCol + .checkGarantie {
  border-top: 2px solid #d1d1d1;
}
.page .wrapTab .colTab.active {
  border: 4px solid #0a4da4;
  background-color: #fff;
}
.page .wrapTab .colTab.active .enTeteCol {
  color: #0a4da4;
  height: 304px;
}
.page .wrapTab .colTab.reco {
  border: 4px solid #35badd;
  background-color: #fff;
}
.page .wrapTab .colTab.reco .enTeteCol {
  color: #35badd;
  position: relative;
  height: 304px;
}
.page .wrapTab .contentTab.trois .colTab.reco .enTeteCol h4 {
  width: 312px;
}
.page .wrapTab .contentTab .colTab.reco .enTeteCol h4 {
  position: absolute;
  background: #35badd;
  color: #fff;
  margin: 0;
  top: -74px;
  font-size: 20px;
  line-height: 24px;
  width: 473px;
  letter-spacing: 0.15px;
  padding: 24px 32px;
  box-sizing: border-box;
  font-weight: 400;
  text-transform: initial;
  left: -4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.page .wrapTab .colTab .checkGarantie {
  height: 101px;
  border-bottom: 2px solid #d1d1d1;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  display: flex;
}
.page .wrapTab .colTab .checkGarantie div {
  width: 100%;
}
.page .wrapTab .colTab .checkGarantie img {
  display: inline-block;
}
.page .wrapTab .colTab .checkGarantie img.ko {
  display: none;
}
.page .wrapTab .colTab .checkGarantie span {
  display: block;
  margin-top: 13px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #787878;
}
.page .wrapTab .colTab .checkGarantie span.FranchiseSecondaire {
  line-height: 20px;
  margin-top: 0;
}
.page .btAction {
  background-color: #0a4da4;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.25px;
  padding: 7px 16px 7px 57px;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  line-height: 26px;
  cursor: pointer;
}
.page .btAction.reco {
  background-color: #35badd;
}
.page .btAction.reco.checked div {
  background-image: url("/assets/images/checkReco.png");
}
.page .btAction.check div {
  border-radius: 4px;
}
.page .btAction.checked div {
  background-image: url("/assets/images/check.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.page .btAction div {
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 17px;
}
.page .formulesAlternatives {
  display: none;
}
.wrapperModulePeriodicite {
  height: 217px;
  position: relative;
}
.wrapperModulePeriodicite .modulePeriodicite {
  box-sizing: border-box;
  padding-bottom: 30px;
  margin: -4px 20px 0 0;
  border-radius: 4px;
  margin-top: 84px;
  right: -2px;
}
.wrapperModulePeriodicite .modulePeriodicite .voirMonTarif {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin-top: 37px;
  margin-bottom: 30px;
}
.wrapperModulePeriodicite .modulePeriodicite .switchPeriodicite {
  border: 2px solid #d1d1d1;
  padding: 1px;
  border-radius: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: #acabab;
  letter-spacing: 1.25px;
  line-height: 25px;
  display: block;
  height: 31px;
  box-sizing: border-box;
  width: 195px;
  margin: 0 auto;
  cursor: pointer;
}
.wrapperModulePeriodicite .modulePeriodicite .switchPeriodicite span {
  padding: 4px 14px;
  border-radius: 6px;
}
.wrapperModulePeriodicite .modulePeriodicite .switchPeriodicite span.actif {
  background: #0a4da4;
  color: #fff;
}
.wrapperModulePeriodicite p {
  margin: 1em 0.5em;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.15px;
}
.wrapperRecap {
  display: flex;
  margin: 54px 0 30px 0;
  /*align-items: flex-start;*/
}
.wrapperRecap .wr {
  margin-right: 20px;
}
.wrapperRecap .wr .btObtenir {
  text-align: center;
  cursor: pointer;
  color: #0a4da4;
  width: 100%;
  background: #fff;
  border: 2px solid;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  padding: 10px 0;
  box-sizing: border-box;
  margin-top: 32px;
}
.wrapperRecap div.bloc {
  width: 638px;
  position: relative;
  /*&:first-child{
      margin-right: 20px;
    }*/
}
.wrapperRecap div.bloc .sb {
  box-sizing: border-box;
}
.wrapperRecap div.bloc .sb.contact {
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  height: 444px;
}
.wrapperRecap div.bloc .sb.contact h5 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-align: center;
  margin: 48px 0 32px 0;
  height: 41px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact {
  width: 404px;
  margin: 0 auto;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .introContact {
  margin-bottom: 25px;
  box-sizing: border-box;
  width: 404px;
  display: flex;
  align-items: center;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .introContact .imgAvatar {
  /*width: 45px!important;
  max-width: 45px!important;
  height:45px!important;*/
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .introContact div {
  margin-left: 27px;
  font-size: 16px;
  line-height: 22px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0a4da4;
  margin-bottom: 55px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne .imgTel {
  margin: 0 12px 0 8px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne .num {
  font-weight: 700;
  width: 100px;
  margin-left: 17px;
  margin-right: 18px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne .mention {
  line-height: 18px;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .mention2 {
  display: none;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .btActionRDV {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .btActionRDV div {
  text-align: center;
  cursor: pointer;
  color: #0a4da4;
  width: 100%;
  background: #fff;
  border: 2px solid;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  padding: 10px 0;
}
.wrapperRecap div.bloc .sb.contact .wrapperContact .btActionRDV div:first-child {
  margin-bottom: 18px;
}
.wrapperRecap div.bloc .sb.tarif {
  border-top: 2px solid #0a4da4;
  border-left: 2px solid #0a4da4;
  border-right: 2px solid #0a4da4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0 43px;
}
.wrapperRecap div.bloc .sb.tarif.reco {
  border-top: 2px solid #35badd;
  border-left: 2px solid #35badd;
  border-right: 2px solid #35badd;
}
.wrapperRecap div.bloc .sb.tarif.reco + div.recapBottom {
  background-color: #35badd;
}
.wrapperRecap div.bloc .sb.tarif.reco .enTeteTarif {
  color: #35badd;
}
.wrapperRecap div.bloc .sb.tarif .enTeteTarif {
  display: flex;
  justify-content: space-between;
  color: #0a4da4;
  padding: 46px 0 34px 0;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
}
.wrapperRecap div.bloc .sb.tarif .enTeteTarif .formule span {
  font-weight: 700;
}
.wrapperRecap div.bloc .sb.tarif .enTeteTarif .tarif {
  font-size: 36px;
  font-weight: 700;
}
.wrapperRecap div.bloc .sb.tarif .enTeteTarif .tarif span {
  font-size: 26px;
  text-transform: initial;
  font-weight: 500;
}
.wrapperRecap div.bloc .sb.tarif .reductions {
  border-top: 1px solid #d1d1d1;
}
.wrapperRecap div.bloc .sb.tarif .reductions p.introReduc {
  margin: 15px 0;
  font-weight: 500;
  font-size: 18px;
}
.wrapperRecap div.bloc .sb.tarif .reductions div.reduc {
  margin: 10px 0;
}
.wrapperRecap div.bloc .sb.tarif .reductions div.reduc .titre {
  font-weight: 500;
  font-size: 16px;
}
.wrapperRecap div.bloc .sb.tarif .reductions div.reduc .description {
  font-size: 15px;
  line-height: 22px;
}
.wrapperRecap div.bloc .sb.tarif .reductions div.reduc:last-child {
  padding-bottom: 25px;
  margin-bottom: 0;
}
.wrapperRecap div.bloc .sb.tarif .options {
  border-top: 1px solid #d1d1d1;
  padding-bottom: 16px;
}
.wrapperRecap div.bloc .sb.tarif .options p.introReduc {
  margin: 15px 0;
  font-weight: 500;
  font-size: 18px;
}
.wrapperRecap div.bloc .sb.tarif .options .wrapperListeReductions {
  display: flex;
  flex-wrap: wrap;
}
.wrapperRecap div.bloc .sb.tarif .options .wrapperListeReductions span {
  display: block;
  width: 50%;
  font-size: 15px;
  padding-right: 12px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.wrapperRecap div.bloc .sb.tarif .reducSupl {
  border-top: 1px solid #d1d1d1;
}
.wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  font-size: 16px;
  padding: 15px 0 23px 0;
  align-items: center;
}
.wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl .lib {
  width: 75%;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 18px;
}
.wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl .lib.upper {
  text-transform: uppercase;
}
.wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl .valeur {
  width: 25%;
  text-align: right;
  font-weight: 500;
  line-height: 22px;
}
.wrapperRecap div.bloc .recapBottom {
  color: #fff;
  background-color: #0a4da4;
  /*height: 86px;*/
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.wrapperRecap div.bloc .recapBottom .wrapperRecapBottom {
  display: flex;
  padding: 0 43px;
  width: 100%;
  align-items: center;
}
.wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .lib {
  width: 45%;
  font-size: 20px;
  line-height: 24px;
}
.wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .valeur {
  text-align: right;
  width: 55%;
  font-size: 44px;
  font-weight: 700;
}
.wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .valeur span {
  font-size: 26px;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  text-align: center;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif div {
  width: 33%;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  color: #0a4da4;
  background: #fff;
  border: 2px solid #0a4da4;
  border-radius: 8px;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 10px;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif div.disabled {
  cursor: not-allowed;
  color: #d1d1d1;
  border: 2px solid #d1d1d1;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif div:last-child {
  color: #fff;
  background: #0a4da4;
  margin-right: 0;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif div:last-child.disabled {
  cursor: not-allowed;
  background-color: #d1d1d1;
  border: none;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif.reco div {
  color: #35badd;
  border: 2px solid #35badd;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif.reco div.disabled {
  cursor: not-allowed;
  color: #d1d1d1;
  border: 2px solid #d1d1d1;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif.reco div:last-child {
  background-color: #35badd;
  color: #fff;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif.reco div:last-child.disabled {
  cursor: not-allowed;
  background-color: #d1d1d1;
  border: none;
}
.wrapperRecap div.bloc .wrapperActionRecapTarif div span {
  width: 100%;
}
.mentionsLegales {
  width: 1296px;
  padding: 10px;
  margin: 0 auto 5px;
  font-size: 0.775rem;
  color: #787878;
}
.mentionsLegales ul {
  margin: 5px 0 5px 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: disc;
}
header div.zo-wrapper nav.tp-tools ul li.tp-nav a:hover, header div.zo-wrapper nav.tp-tools ul li.tp-nav a:focus {
  color: #3e4552;
}
*:active, *:focus {
  color: inherit;
}
/****************************************************************************/
/************************************RESPONSIVE******************************/
/****************************************************************************/
@media only screen and (max-width: 1260px) {
  .mentionsLegales {
    width: 100%;
    font-size: 12px;
    margin-top: -20px;
    text-align: justify;
    line-height: 15px;
  }

  .homeContainer {
    padding-top: 10px;
  }

  .grecaptcha-badge {
    display: none !important;
  }

  .page {
    width: 100%;
    padding: 0 2% 2% 2%;
  }

  .page .button {
    font-weight: 400;
    line-height: 12px;
    font-size: 10px;
    padding: 10px 12px;
    cursor: pointer;
  }

  .page h1 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    margin: 10px 0 20px 0;
  }

  .page h2 {
    font-size: 16px;
    letter-spacing: 0.15px;
    margin: 20px 0;
  }

  .page .wrapperIntroTarif .blocIntroTarif .introTarif {
    font-size: 12px;
    line-height: 16px;
  }

  .page .wrapEnTete {
    flex-direction: column;
    margin-top: 20px;
  }

  .page .wrapEnTete .enTeteInfo .modele {
    font-size: 12px;
    line-height: 16px;
  }

  .page .wrapEnTete .enTeteInfo .detailsModele {
    font-size: 12px;
    line-height: 22px;
  }

  .page .wrapEnTete .enTeteInfo .preciseTarif {
    margin-top: 15px;
  }

  .page .wrapEnTete .enTeteDetailInfo {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    height: auto;
    padding-left: 0;
  }

  .page .wrapTab {
    width: 100%;
    margin-bottom: 15px;
  }

  .page .wrapTab .libTab {
    width: 50%;
  }

  .page .wrapTab .libTab .libGarantie {
    font-size: 14px;
    line-height: 16px;
    height: 76px;
    padding-left: 10px;
    padding-right: 6px;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
  .page .wrapTab .libTab .libGarantie .libG {
    font-size: 12px;
  }
  .page .wrapTab .libTab .libGarantie .garantieSecondaire {
    line-height: 13px;
    font-size: 11px;
  }

  .page .wrapTab .libTab .libGarantie.gCommunes {
    margin-top: 2px;
    border-top: 1px solid #d1d1d1;
  }

  .devisValable {
    display: block;
    font-size: 13px;
    padding: 0 9px;
  }

  .page .wrapTab .contentTab {
    width: 50%;
  }

  .page .wrapTab .contentTab.trois .colTab {
    width: 100%;
  }

  .page .wrapTab .colTab {
    width: 100%;
  }

  .page .wrapTab .colTab .enTeteCol {
    font-size: 12px;
    font-weight: 500;
    padding-top: 7px;
    /*height:153px;*/
    height: 86px;
    line-height: 16px;
  }

  .page .wrapTab .colTab .enTeteCol .typeFormule {
    letter-spacing: 0.15px;
  }

  .page .wrapTab .colTab .enTeteCol .nomFormule {
    margin-bottom: 3px;
    letter-spacing: 0.15px;
  }

  .page .wrapTab .colTab .enTeteCol .tarifFormule {
    font-size: 20px;
    line-height: 20px;
  }

  .page .wrapTab .colTab .enTeteCol .frequencePaiement {
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 14px;
  }

  .page .wrapTab .colTab .enTeteCol .btAction {
    display: none;
  }

  .page .wrapTab .colTab .enTeteCol + .checkGarantie {
    border-top: 1px solid #d1d1d1;
  }

  .page .wrapTab .colTab.active {
    border: 3px solid #0a4da4;
  }

  .page .wrapTab .colTab.active .enTeteCol {
    height: 86px;
  }

  .page .wrapTab .colTab:not(.active) {
    display: none;
  }

  .page .wrapTab .colTab.reco {
    border: 3px solid #35badd;
  }

  .page .wrapTab .colTab.reco .enTeteCol h4 {
    display: none;
  }

  .page .wrapTab .colTab .checkGarantie {
    height: 76px;
  }

  .page .wrapTab .colTab .checkGarantie {
    border-bottom: 1px solid #d1d1d1;
  }

  .page .wrapTab .colTab .checkGarantie img {
    width: 14px;
    height: 11px;
  }

  .page .wrapTab .colTab .checkGarantie img.ko {
    width: 12px;
    height: 12px;
  }

  .page .wrapTab .colTab .checkGarantie span {
    font-size: 12px;
    line-height: 13px;
    margin-top: 3px;
  }

  .page .wrapTab .colTab .checkGarantie span.FranchiseSecondaire {
    line-height: 13px;
    margin-top: 1px;
  }

  .page .btAction {
    font-size: 12px;
    padding: 8px 15px 8px 45px;
    line-height: 16px;
  }

  .page .btAction.reco {
    background-color: #35badd;
  }

  .page .btAction.reco.checked div {
    background-image: url("/assets/images/checkRecoSmall.png");
  }

  .page .btAction.check div {
    border-radius: 4px;
  }

  .page .btAction.checked div {
    background-image: url("/assets/images/checkSmall.png");
    background-position: center center;
  }

  .page .btAction div {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: 11px;
  }

  .page .formulesAlternatives {
    display: flex;
    flex-direction: column;
    margin: 20px 0 30px 0;
  }

  .page .formulesAlternatives .formule {
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-around;
    padding: 10px;
    border: 2px solid #0a4da4;
    color: #0a4da4;
    border-radius: 4px;
    margin: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
  }

  .page .formulesAlternatives .formule.reco {
    border: 2px solid #35badd;
    color: #35badd;
    flex-flow: row wrap;
  }

  .page .formulesAlternatives .formule.reco .titreReco {
    width: 100%;
    padding: 7px 0 5px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
  }

  .page .formulesAlternatives .formule.disabled {
    border: 1px solid #d1d1d1;
    background-color: #f4f4f4;
    color: #787878;
  }

  .wrapperRecap {
    margin-top: 24px;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .wrapperRecap .wr {
    margin-right: 0;
    width: 100%;
  }

  .wrapperRecap .wr .btObtenir {
    margin-top: 16px;
    border: 1px solid;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 9px 0;
  }

  .wrapperRecap div.bloc {
    width: 100%;
  }

  .wrapperRecap div.bloc:first-child {
    margin: 0;
  }

  .wrapperRecap div.bloc:last-child {
    margin-bottom: 24px;
  }

  .wrapperRecap div.bloc .sb.contact {
    padding: 22px 34px 24px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
  }

  .wrapperRecap div.bloc .sb.contact h5 {
    margin: 0 0 19px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
    height: auto;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact {
    width: 100%;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .introContact {
    width: 100%;
    margin-bottom: 19px;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .introContact .imgAvatar {
    width: 40px;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .introContact div {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.15px;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne {
    margin-bottom: 5px;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne .imgTel {
    margin: 0 10px;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .gmfEnLigne .mention {
    display: none;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .mention2 {
    color: #0a4da4;
    font-size: 12px;
    margin-bottom: 36px;
    margin-left: 73px;
    display: block;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .btActionRDV div {
    border: 1px solid;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 9px 0;
  }

  .wrapperRecap div.bloc .sb.contact .wrapperContact .btActionRDV div:first-child {
    margin-bottom: 12px;
  }

  .wrapperRecap div.bloc .sb.tarif {
    padding: 0 19px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .wrapperRecap div.bloc .sb.tarif .enTeteTarif {
    padding: 16px 0;
    align-items: center;
  }

  .wrapperRecap div.bloc .sb.tarif .enTeteTarif .formule {
    font-size: 16px;
    line-height: 20px;
  }

  .wrapperRecap div.bloc .sb.tarif .enTeteTarif .tarif {
    font-size: 20px;
    white-space: nowrap;
    line-height: 20px;
  }

  .wrapperRecap div.bloc .sb.tarif .enTeteTarif .tarif span {
    font-size: 16px;
    display: block;
    text-align: right;
  }

  .wrapperRecap div.bloc .sb.tarif .reductions p.introReduc {
    font-size: 16px;
  }

  .wrapperRecap div.bloc .sb.tarif .reductions div.reduc {
    margin: 5px 0;
  }

  .wrapperRecap div.bloc .sb.tarif .reductions div.reduc .titre {
    font-size: 15px;
  }

  .wrapperRecap div.bloc .sb.tarif .reductions div.reduc span.description {
    font-size: 13px;
  }

  .wrapperRecap div.bloc .sb.tarif .reductions div.reduc:last-child {
    padding-bottom: 15px;
  }

  .wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl {
    padding: 10px 0 15px 0;
    font-size: 15px;
  }

  .wrapperRecap div.bloc .sb.tarif .reducSupl .wrapperReducSupl .lib {
    line-height: 20px;
  }

  .wrapperRecap div.bloc .recapBottom {
    padding: 11px 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .wrapperRecap div.bloc .recapBottom .wrapperRecapBottom {
    padding: 0 19px;
    align-items: center;
  }

  .wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .lib {
    font-size: 16px;
  }

  .wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .valeur {
    font-size: 30px;
    line-height: 22px;
    white-space: nowrap;
  }

  .wrapperRecap div.bloc .recapBottom .wrapperRecapBottom .valeur span {
    font-size: 16px;
    display: block;
    font-weight: 400;
  }

  .wrapperRecap div.bloc .wrapperActionRecapTarif {
    /*flex-direction: column;*/
    margin-top: 16px;
    align-items: inherit;
  }

  .wrapperRecap div.bloc .wrapperActionRecapTarif div {
    width: 100%;
    border: 1px solid #0a4da4;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 9px 8px;
    align-items: center;
    display: flex;
  }

  .wrapperRecap div.bloc .wrapperActionRecapTarif.reco div {
    border: 1px solid #35badd;
  }

  .wrapperRecap div.bloc .wrapperActionRecapTarif.devis div:last-child {
    display: none;
  }

  .wrapperModulePeriodicite {
    height: 87px;
  }

  .wrapperModulePeriodicite .modulePeriodicite {
    padding-bottom: 5px;
    margin: -4px 10px 0 0;
  }

  .wrapperModulePeriodicite .modulePeriodicite .voirMonTarif {
    font-size: 12px;
    line-height: 11px;
    margin-top: 7px;
    margin-bottom: 0;
  }

  .wrapperModulePeriodicite .modulePeriodicite .switchPeriodicite {
    border: 0;
    font-size: 12px;
    line-height: 18px;
    height: auto;
    width: auto;
    margin: 0 5px auto;
  }

  .wrapperModulePeriodicite .modulePeriodicite .switchPeriodicite span {
    width: 95%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
  }

  .wrapperModulePeriodicite p {
    display: none;
  }
}
/*Nécessaiez pour le captcha*/
#body-container div div.grecaptcha-badge {
  z-index: 999;
}
@font-face {
  font-family: eurostileltstddemi;
  src: url("/assets/fonts/eurostileltstd-demi-webfont.ttf");
}
.pac-container {
  top: -176px !important;
  left: 0 !important;
}