.zone-infos {
  font:400 21px 'Open Sans',Arial !important;
}

.loc_reponse {
  background-color: #EE1F57 !important;
  color:#fff !important;
  padding:10px !important;
}


.ombrage {
  -webkit-box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.5);
}


  /* - - BOOTSTRAP flex row - - */
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .row-flex, .row-flex > div[class*='col-'] {  
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 1 auto;
  }

  .row-flex-wrap {
    -webkit-flex-flow: row wrap;
      align-content: flex-start;
      flex:0;
  }
  
  /* - - Nous Contacter CONTAINER - - */
  #nous-contacter-container {
    background-color: #f6f6f6;
  }


  #nous-contacter-container h3 {
    background-color: transparent;
    font:700 21px 'Open Sans',Arial !important;
    padding:0px; margin:0px;
  }


  /* - - BTNs - - */
  .back-color-rouge { background-color: #ee1f57; color:#fff; }
  .back-color-bleu  { background-color: #19a0d6; color:#fff; }

  .btn-contact-default {
    margin:10px auto;
    width:100%; padding:10px;
    color:#fff;
    font:400 18px 'Open Sans',Arial;
    cursor: pointer;
    text-align: center;
    background-color: #19a0d6;
    transition: all 0.5s ease;
  }

  .btn-contact-choix {
    margin:10px auto;
    width:100%; padding:10px;
    color:#fff;
    font:400 18px 'Open Sans',Arial;
    cursor: pointer;
    text-align: center;
    background-color: #19a0d6;
    transition: all 0.5s ease;
  } 
  

  .btn-modifier {
    display: inline-block;
    margin:auto; padding:5px;
    width:auto; 
    color:#fff;
    font:400 12px 'Open Sans',Arial;
    cursor: pointer;
    background-color: #ff9900;
    color:#fff;
    transition: all 0.5s ease;
  }

  
  .btn-contact-default:hover {
    background-color: #ee1f57;
    color:#fff;
  }
  

  .etape-active div,
  .choix-active div {
    background-color: #ee1f57;
    color:#fff;
  }
  
  /* - - FORMs - - */
  /* - - Form-Contactez-Nous */
  .Form-Contactez-Nous {

  }
  
  .Form-Contactez-Nous label{
    font:700 16px 'Open Sans',Arial;
  }

  .Form-Contactez-Nous input,
  .Form-Contactez-Nous textarea {
    font:700 14px 'Open Sans',Arial;
  }

  .radio label {
    font:400 14px 'Open Sans',Arial;
  }



  /* - - - Radio et Checkbox new style - - */
.container-input {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-top:10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-input input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: solid 1px #767676;
}

.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 16px;
  border: solid 1px #767676;
}

/* On mouse-over, add a grey background color */
.container-input:hover input ~ .checkmark-radio,
.container-input:hover input ~ .checkmark-checkbox {
  background-color: #EE1F57;
}

/* When the checkbox is checked, add a blue background */
.container-input input:checked ~ .checkmark-radio,
.container-input input:checked ~ .checkmark-checkbox {
  background-color: #EE1F57;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-radio:after,
.checkmark-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-input input:checked ~ .checkmark-radio:after,
.container-input input:checked ~ .checkmark-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-input .checkmark-radio:after,
.container-input .checkmark-checkbox:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 






  /* - - - - BTN animation - */
  .btn-anim , .btn-fill-vert:before, .btn-fill-vert:after {
      transition: all 0.5s;
  }


  .btn-anim {
    display: inline-block;
    /*line-height: 35px;*/
    margin: 8px;
    padding: 5px 15px;
    position: relative;
    opacity: .999;
    /*border-radius: 3px;*/
  }

  .btn-fill-vert {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #000;
    overflow: hidden;
  }
  .btn-fill-vert:before, .btn-fill-vert:after {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: -1;
  }
  .btn-fill-vert:before {
    top: 50%;
  }
  .btn-fill-vert:after {
    bottom: 50%;
  }
  .btn-fill-vert:hover {
    color: #fff;
  }
  .btn-fill-vert:hover:before, .btn-fill-vert:hover:after {
    height: 50%;
    opacity: 1;
  }

  .btn-fill-vert.btn-red:before, .btn-fill-vert.btn-red:after {
    background-color: #ee1f57;
  }
  .btn-fill-vert.btn-red:hover {
    border-color: #ee1f57;
  }