main {
  display: block;
  overflow-y: hidden;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9999;
  pointer-events: none;
  display: none;
}

.modal.show {
  display: block;
}

.modal div.bulle {
  padding: 35px;
  background: #fff;
  border-radius: 25px;
  border: 1px solid #f1F1F1;
  width: 280px;
  right: 15px;
  bottom: 15px;
  left: auto;
  pointer-events: all;
  box-shadow: 0px 2px 6px #00000029;
}

span.closeBtn {
  top: 0px;
  right: 15px;
  font-size: 30px;
  cursor: pointer;
}

header .menu_spontanee,
header .menu_offre {
  display: flex;
  justify-content: flex-start;
  /* justify-content: space-evenly; */
  margin: 0 5%;
  flex: auto;
  height: 100%;
  align-items: center;
  width: 20%;
}

header .menu.menu_offre li:not(:last-child),
header .menu.menu_spontanee li:not(:last-child) {
  margin-right: 29px;
}

header .menu_spontanee li.absolute,
header .menu_offre li.absolute {
  right: 3%;
}

.menu_offre li.etapesDevis,
.menu_spontanee li.etapesDevis {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.menu_spontanee .etapes li,
.menu_offre .etapes li {
  width: 80px;
  padding: 0;
}

.meu.menu_offre .etapes li .chiffre,
.menu_offre .etapes li .trait,
.men.menu_spontanee .etapes li .chiffre,
.menu_spontanee .etapes li .trait {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #796D62;
  color: #796D62;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu_spontanee .etapes li .trait,
.menu_offre .etapes li .trait {
  border: 1px solid #B19E7B;
  color: #B19E7B;
}

.menu_spontanee .etapes li.selected .chiffre,
.menu_offre .etapes li.selected .chiffre {
  background-color: #B19E7B;
  border: 1px solid #B19E7B;
  color: #fff;
}

.postulezEnLigne .menu_offre .etapes li.selected .chiffre,
.postulezEnLigne .menu_spontanee .etapes li.selected .chiffre {
  background-color: #B19E7B;
  border: 1px solid #B19E7B;
}

.menu_spontanee .etapes li .chiffre:after,
.menu_offre .etapes li .chiffre:after {
  content: "";
  width: 78px;
  height: 1px;
  background: #B19E7B;
  position: absolute;
  left: 55px;
}

.menu_spontanee .etapes li.checked .chiffre,
.menu_offre .etapes li.checked .chiffre {
  background: #fff;
  border: 1px solid #B19E7B;
  color: #B19E7B;
}

.postulezEnLigne .menu_offre .etapes li.checked .chiffre,
.postulezEnLigne .menu_spontanee .etapes li.checked .chiffre {
  border: 1px solid #358287;
  color: #358287;
}

.postulezEnLigne .menu_spontanee .etapes li .chiffre:after,
.postulezEnLigne .menu_offre .etapes li .chiffre:after {
  background: #358287;
}

.menu_spontanee .etapes li.checked .chiffre svg,
.menu_offre .etapes li.checked .chiffre svg {
  width: 12px;
}

.menu_offre .etapes li.checked .chiffre:after,
.menu_spontanee .etapes li.checked .chiffre:after {
  background-color: #B19E7B;
}

.menu_offre .etapes li.checked .nomEtape,
.menu_spontanee .etapes li.checked .nomEtape {
  color: #B19E7B;
}

.menu_postulez .etapes li .trait:after {
  content: "";
  width: 70px;
  height: 1px;
  background: transparent !important;
  border-bottom: 2px solid #B19E7B;
  position: absolute;
  left: 60px;
}

.menu_offre .etapes li:last-of-type .chiffre:after,
.menu_offre .etapes li:last-of-type .trait:after,
.menu_spontanee .etapes li:last-of-type .chiffre:after,
.menu_spontanee .etapes li:last-of-type .trait:after {
  display: none;
}

.menu_postulez .etapes li.selected .trait {
  background-color: #B19E7B;
  border: 1px solid #B19E7B;
  color: #fff;
}

.menu_spontanee .etapes li .nomEtape,
.menu_offre .etapes li .nomEtape {
  color: #796D62;
}

.menu_offre .etapes li.selected .nomEtape,
.menu_spontanee .etapes li.selected .nomEtape {
  color: #B19E7B;
}

.menu_postulez .etapes li .nomEtape {
  height: 20px;
}

.menu_postulez .etapes li.selected .nomEtape {
  color: #B19E7B
}

.menu_postulez .etapes li.checked .chiffre {
  background: #fff;
  border: 1px solid #B19E7B;
  color: #B19E7B;
}

.menu_postulez .etapes li.checked .chiffre:after {
  background-color: #B19E7B;
}

.menu_postulez .etapes li.checked .nomEtape {
  color: #B19E7B;
}

.fleche {
  width: 50px;
  height: 50px;
}

input,
input::placeholder {
  font-size: 16px !important;
}

span.feedback_email {
  font-size: 14px !important;
}

div[tabindex]:focus,
a[tabindex]:focus,
input[tabindex] {
  border: 1px solid #000;
}


.checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #707070;
}

.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

.checkcontainer .radiobtn:after {
  top: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #B19E7B;
}

.checkcontainer input:checked~.radiobtn {
  background-color: #fff;
}

.checkcontainer input:checked~.radiobtn:after {
  display: block;
}

input[type="text"],
input[type="email"],
input[name="searchAgence"],
textarea,
input[type="number"],
input[type="tel"],
select {
  height: 50px;
  width: 100%;
  border: none;
  border: 1px solid #acacac;
  padding-left: 15px;
}

input[name="code_postal"]::placeholder {
  font-size: 12px;
}

select.disabled {
  pointer-events: none;
  background: #F5F5F5;
  COLOR: #C1C1C1;
}

input[type="number"][name="pieces"],
input[type="number"][name="adultes"],
input[type="number"][name="enfants"],
input[type="number"][name="animaux"] {
  width: 30px;
  height: 30px;
  padding: 0;
  -moz-appearance: textfield;
  text-align: center;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

span.numberBoutons {
  transform: translateY(-4px);
  width: 40px;
  height: 40px;
}

span.numberBoutons.numberBoutonsPlus {
  transform: translateY(-3px);
}

textarea {
  height: auto;
  resize: vertical;
  padding-top: 15px;
  padding-bottom: 15px;
}

input.error {
  border: 1px solid rgb(212, 12, 12);
}

span.feedback_cv {
  position: relative;
  top: 2px;
  left: 0;
  width: 100%;
  padding: 5px 7px;
  border: 1px solid rgb(212, 12, 12);
  background: rgba(212, 12, 12, 29%);
  display: none;
  z-index: 3;
  border-radius: 5px;
  font-size: 12px;
}

.formItem.flexColumn.mb100 {
  width: 100%;
}

label[for="searchAgence"] {
  top: -25px;
}

ul.listVilles.listAgences {
  margin-top: 50px;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.box_formDevis {
  padding: 15px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  width: 190px;
  cursor: pointer;
  background: #F9F5F3;
  height: 230px;
}

.box_formDevis_info {
  padding: 15px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  width: 190px;
  cursor: pointer;
  background: #F9F5F3;
  height: 230px;
}

.box_formDevis.box_formDevisServices {
  padding: 15px 4px;
  justify-content: unset;
}

.box_formDevis:not(.inputNumber) * {
  pointer-events: none;
}

.check {
  position: relative;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  background: #fff;
  border: 1px solid #262626;
  border-radius: 5px;
  transform: translateY(-50%);
}

.box_formDevisServices .check {
  position: absolute;
  bottom: 5%;
}

.check .checkmark {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
  pointer-events: none;
}

.check .checkmark_stem {
  position: absolute;
  width: 2px;
  height: 9px;
  background-color: #fff;
  left: 11px;
  top: 6px;
}

.check .checkmark_kick {
  position: absolute;
  width: 3px;
  height: 2px;
  background-color: #fff;
  left: 8px;
  top: 13px;
}

.check.active {
  background: #B19E7B;
  border: 1px solid #fff;
}

.check.active .checkmark {
  display: inline-block;
}

.surfaces .box_formDevis {
  min-height: 100%;
  width: 170px;
  max-height: 200px;
}

.box_formDevis span.fs16 {
  min-height: 36px;
}

a.precedent {
  border-right: 1px solid #ccc;
}

.box_formDevis_info .info {
  top: 15px;
  right: 15px;
}

#messageBack {
  position: fixed;
  bottom: 0;
  height: 70px;
  pointer-events: none;
}

#messageBack.error {
  background-color: #902C40;
  color: #fff;
}

#messageBack.success {
  background-color: #B19E7B;
  color: #fff;
}

label {
  display: block;
}

label.radioContainer {
  display: inline-flex;
  height: 50px;
  min-width: 60px;
  border: 1px solid #ccc;
  background: #fff;
}

label.radioContainer:nth-child(1) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

label.radioContainer:nth-child(2) {
  margin-left: -6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

label.radioContainer span {
  pointer-events: none;
  border: 0
}

label.radioContainer input[type="radio"]:checked {
  background-color: #B19E7B;
}

label.radioContainer input[type="radio"]:checked+span {
  color: #fff;
  z-index: 1;
}

.check.newsletter {
  transform: none;
}

.cvInput::-webkit-file-upload-button {
  visibility: hidden;
}

.cvInput {
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* .cvInput::before {
  content: 'Je télécharge mon CV';
  display: inline-block;
  background:  #B19E7B;
  border-radius: 60px;
  font-size: 14px;
  margin-bottom: 12px;
  cursor: pointer;
  padding: 18px 33px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  color: white;
  position: relative;
  left: 16%;
}
.cvInput:hover::before {
  border-color: #796D62;
}
.cvInput:active::before {
  background:  #fff;
  color: #B19E7B;
  border: 1px solid #B19E7B;
}*/

label.cta.cta-gold {
  position: absolute;
  max-width: 300px;
  display: inline-block;
  border-radius: 60px;
  transform: translateY(-12%);
  cursor: pointer;
  outline: none;
  padding: 18px 33px;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
}
label.cta.cta-gold:hover span{color: var(--color-nc-gold);}

a.disabled,
a.disabled:hover {
  pointer-events: none;
  background-color: #F1F1F1 !important;
  color: #ccc !important;
  border: 1px solid #ccc !important;
}

.tooltip {
  width: 350px;
  height: 120px;
  top: -130px;
  left: -165px;
  background: #f1F1F1;
  border: 1px solid #ccc;
  display: none;
  pointer-events: none;
  padding: 15px;
  z-index: 999;
}

.tooltip::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #f1F1F1;
  bottom: -6px;
  transform: rotate(45deg);
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.info:hover .tooltip {
  display: flex;
}

input::placeholder {
  color: #ccc;
}

@media (min-width:992px) {
  .tempsAPrevoir {
    right: -50px;
    top: -20px;
  }


}

@media (max-width:991px) {
  .surfaces .box_formDevis{max-height: 220px;}
  /*span.numberBoutons{transform: none;}*/
  ul.listVilles.listAgences {
    margin-top: 0;
  }

  .br20 {
    border-radius: 10px;
  }

  .box_formDevis {
    padding: 20px 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
    width: 45% !important;
    cursor: pointer;
  }

  .check.newsletter {
    transform: none;
    min-width: 25px;
  }

  ul.menu_spontanee,
  ul.menu_offre {
    height: 60px;
    border-bottom: 1px solid #F1F1F1;
  }

  /* .menu_devis .etapes li .trait:after{width: 132%;} */
  .menu_spontanee .etapes li .chiffre:after {
    left: 70px;
    width: 130px;
  }

  .menu_offre .etapes li .chiffre:after {
    left: 70px;
    width: 95px;
  }

  label.cta.cta-gold {
    transform: translateY(35%);
  }
}

@media (min-width:768px) and (max-width:991px) and (orientation:portrait) {
  .agence_proche {
    width: 47%;
  }
}

@media (max-width:640px) {
  .tooltip {
    width: 125px;
    height: 60px;
    top: -70px;
    left: -50px;
    background: #f1F1F1;
    border: 1px solid #ccc;
    display: none;
    pointer-events: none;
  }

  .menu_offre .etapes li,
  .menu_spontanee .etapes li {
    width: 35px;
    padding: 0;

  }

  .menu_spontanee .etapes li:after {
    content: "";
    width: 165%;
    height: 1px;
    background: #B19E7B;
    position: absolute;
    left: 100%;
  }

  .menu_offre .etapes li:after {
    content: "";
    width: 115%;
    height: 1px;
    background: #B19E7B;
    position: absolute;
    left: 100%;
  }

  .postulezEnLigne .menu_offre li::after,
  .postulezEnLigne .menu_spontanee li::after {
    background: #358287;
  }

  .menu_offre .etapes li:last-of-type::after,
  .menu_offre .etapes li .trait:after,
  .menu_spontanee .etapes li:last-of-type::after,
  .menu_spontanee .etapes li .trait:after {
    display: none;
  }

  .postulezEnLigne .menu_spontanee .etapes li,
  .postulezEnLigne .menu_offre .etapes li {
    margin-right: 30px;
  }

  .postulezEnLigne .menu_spontanee .etapes li:after,
  .postulezEnLigne .menu_offre .etapes li:after {
    width: 30px;
  }

  .postulezEnLigne .etapesDevis>span {
    width: 50%;
  }

  .checkcontainer {
    display: inline-flex;
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 4vw;
    width: 32%;
  }
  .niveauEtude .checkcontainer:nth-child(1),
  .niveauEtude .checkcontainer:nth-child(4){width: 37%;}
  .niveauEtude .checkcontainer:nth-child(2) {
    width: 28%;
  }
  .niveauEtude .checkcontainer:last-of-type {
    width: 60%;
  }

  .disponbilite .checkcontainer,
  .annesDExperience .checkcontainer {
    width: 49%;
  }

  .radiobtn {
    height: 20px;
    width: 20px;
  }
  span.radiobtn.radiobtn13ans {
    top: 50%;
    transform: translateY(-40%);
  }

  .checkcontainer .radiobtn::after {
    top: 16%;
    left: 16%;
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 479px) {
  .tooltip {
    width: 70%;
    height: 25%;
    top: 20%;
    left: 15%;
    background: #f1F1F1;
    border: 1px solid #ccc;
    display: none;
    pointer-events: none;
    position: fixed;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    z-index: 9;
  }

  .tooltip::after {
    display: none;
  }
}

@media (max-width:380px) {
  .tooltip {
    top: 30%;
  }
}

@media (max-width:330px) {

  .menu_spontanee .etapes li,
  .menu_offre .etapes li {
    width: 27px;
    padding: 0;
  }

  .postulezEnLigne .menu_offre .etapes li,
  .postulezEnLigne .menu_spontanee .etapes li {
    margin-right: 36px;
  }

}

@media (min-width:992px) {
  .menu_postulez li:hover .anim-menu {
    color: #B19E7B;
  }

  .menu_postulez li .anim-menu span::after {
    background-color: #B19E7B;
  }

  .menu_spontanee li.etapesDevis,
  .menu_offre li.etapesDevis {
    left: 57%
  }

  .mentions_devis {
    position: fixed;
    bottom: 20px;
    right: 20px;
  }

  #formulaire_container .sticky,
  #formulaire-container-2 .sticky,
  #formulaire-container-3 .sticky {
    display: inline-block;
    float: left;
    position: fixed;
    top: 0;
  }

  #formulaire_container .form_content,
  #formulaire-container-2 .form_content,
  #formulaire-container-3 .form_content {
    width: 50%;
    margin-left: 40%;
  }

}

@media (min-width:992px) and (max-width:1199px) {  
  .sticky img {
    object-fit: cover;
  }
  .ouHabitezVous{width: 100%;}
  .menu_offre li.etapesDevis,
  .menu_spontanee li.etapesDevis {
    width: 63%;
    left: 50%
  }

  .box_formDevis {
    width: 160px;
    padding: 5px
  }
  .box_formDevis span.fs18{font-size: 15px;}

  .surfaces .box_formDevis {
    width: 160px;
    max-height: 200px
  }
  #formulaire-container-3 .sticky img {
    transform: translateY(-20%);
  }
}
@media (min-width:1200px) and (max-width:1380px) {
  .sticky img {
    object-fit: cover;
  }
  .ouHabitezVous{width: 100%;}

  .box_formDevis {
    padding: 5px
  }
  .box_formDevis span.fs18{font-size: 16px;}
  #formulaire-container-3 .sticky img {
    transform: translateY(-20%);
  }
}
.grecaptcha-badge {
  display: none;
}

@media (min-width:992px) and (max-width:1450px){
  #formulaire_container .sticky,
  #formulaire-container-2 .sticky,
  #formulaire-container-3 .sticky {
    top: 0;
    width:35%;
  }
  .candidatureSpontanee #formulaire_container .form_content, #formulaire-container-2 .form_content, #formulaire-container-3 .form_content {
    margin-left: 43%;
  }
}