@keyframes popin
{
  0%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  70%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  100%
  {
    transform : translateY(-50%) translateX(0);
  }
}

@keyframes popin-off
{
  0%
  {
    transform : translateY(-50%) translateX(0);
  }
  100%
  {
    transform : translateY(-50%) translateX(-100%);
  }
}
/* CSS Document */
.formular
{
  position : relative;
}

@media (max-width : 991px)
{
  .formular.formular_responsive
  {
    display  : none;
    position : absolute;
    top      : 92px;
    right    : 132px;
  }

  .formular.formular_responsive #search_field
  {
    width        : 268px;
    padding-left : 30px;
    font-weight  : bold;
    border       : 1px solid #b1c800;
  }

  .formular.formular_responsive #search_submit
  {
    position          : absolute;
    width             : 20px;
    height            : 20px;
    top               : 4px;
    left              : 6px;
    border            : none;
    background-image  : url("/images/loupe.png");
    background-repeat : no-repeat;
    background-color  : transparent;
  }
}

@media (max-width : 767px)
{
  .formular.formular_responsive
  {
    left : 0;
  }
}

.form_fond
{
  padding    : 20px;
  border     : 1px solid #a5a8b8;
  background : #f5f5f5;
  font-size  : 12px;
  position   : relative;
}

.formular fieldset
{
  padding-top : 10px;
  border      : none;
}

.formular fieldset legend
{
  padding-top : 20px;
}

.formular fieldset p
{
  margin : 0;
}

.formular fieldset p span
{
  display       : block;
  margin-bottom : 10px;
}

.formular p label
{
  display : block;
  width   : auto;
  padding : 0;
  margin  : 0;
}

.formular fieldset input, .formular fieldset select, .formular fieldset textarea, .formular fieldset select
{
  width         : 95%;
  height        : 45px;
  margin-bottom : 10px;
  color         : #000;
}

@media (min-width : 1200px)
{
  .formular fieldset input, .formular fieldset select, .formular fieldset textarea, .formular fieldset select
  {
    width : 100%;
  }
}

.formular fieldset textarea
{
  height : 288px;
}

.formular fieldset select
{
  width : 102.5%;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .formular fieldset select
  {
    width : 98%;
  }
}

@media (min-width : 768px) and (max-width : 991px)
{
  .formular fieldset select
  {
    width : 98.5%;
  }
}

@media (max-width : 767px)
{
  .formular fieldset select
  {
    width : 101.5%;
  }
}

.formular .text-input
{
  padding-left   : 15px;
  font-size      : 18px;
  text-transform : uppercase;
  border         : 1px solid #fff;
}

.formular .radio-input
{
  background     : #fff;
  height         : 49px;
  width          : 102.5%;
  text-transform : uppercase;
  margin-bottom  : 10px;
  align-items    : center;
  display        : none;
}

.formular .radio-input.-on
{
  display : flex;
}

.formular .radio-input input
{
  display : none;
}

.formular .radio-input label
{
  font-size    : 16px;
  position     : relative;
  padding-left : 35px;
  display      : flex;
  line-height  : 20px;
  min-height   : 40px;
  align-items  : center;
  margin-left  : 15px;
}

.formular .radio-input label.checked:before
{
  background          : url("/images/svg/check-solid.svg") no-repeat #323d89;
  border-color        : #323d89;
  background-position : 50%;
  background-size     : 75%;
}

.formular .radio-input label.radio-label:before
{
  border-radius : 50%;
}

.formular .radio-input label:before
{
  content       : "";
  width         : 20px;
  height        : 20px;
  background    : #fff;
  border        : 2px solid #292d32;
  border-radius : 5px;
  display       : inline-block;
  position      : absolute;
  top           : 50%;
  left          : 0;
  transform     : translateY(-50%);
}

.select_home
{
  width           : 175px;
  background      : #fff;
  background      : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background      : -moz-linear-gradient(top, #fff 0%, #e8e7e7 100%);
  background      : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e7e7));
  background      : -webkit-linear-gradient(top, #fff 0%, #e8e7e7 100%);
  background      : -o-linear-gradient(top, #fff 0%, #e8e7e7 100%);
  background      : -ms-linear-gradient(top, #fff 0%, #e8e7e7 100%);
  background      : linear-gradient(to bottom, #fff 0%, #e8e7e7 100%);
  -pie-background : linear-gradient(top, #fff 0%, #e8e7e7 100%);
  font-size       : 10px;
  padding         : 2px 2px;
}

.formular .infos
{
  font-size     : 12px;
  margin-bottom : 10px;
  color         : #f07853;
}

.formular p.checkbox, .formular .checkbox, .formular p.radio, .formular .radio
{
  display        : inline-block;
  vertical-align : middle;
  width          : auto;
  margin-right   : 5px;
  height         : auto;
}

.formular .button
{
  float         : left;
  width         : 120px;
  margin-top    : 30px;
  margin-bottom : 20px;
}

.reset
{
  color           : #555;
  float           : left;
  text-decoration : none;
  margin-right    : 2px;
  position        : relative;
}

.formular fieldset input.submit, .formular a.submit
{
  padding          : 5px;
  font-size        : 18px;
  text-transform   : uppercase;
  border           : 1px solid #b1c800;
  color            : #fff;
  background-color : #b1c800;
}

.formular hr
{
  clear      : both;
  visibility : hidden;
}

.formular .fc-error
{
  width         : 350px;
  color         : #555;
  padding       : 4px;
  border        : 1px solid #b5b8c8;
  font-size     : 12px;
  margin-bottom : 15px;
  background    : #ffeaea;
}

div.erreur
{
  background-color : #fff1ef;
  border           : solid 1px #dfa399;
  padding          : 10px;
  margin-bottom    : 10px;
  color            : #bf6053;
}

#recherche
{
  width : 470px;
}

#form_docu
{
  margin-top : 20px;
}

#form_docu fieldset input.text-input, #form_docu fieldset select, #form_docu fieldset textarea
{
  display : inline;
  width   : 50%;
}

@media (min-width : 768px)
{
  #form_docu fieldset input.text-input, #form_docu fieldset select, #form_docu fieldset textarea
  {
    width : 60%;
  }
}

@media (max-width : 767px)
{
  #form_docu fieldset input.text-input, #form_docu fieldset select, #form_docu fieldset textarea
  {
    width : 95%;
  }
}

#form_docu fieldset td
{
  color      : #682b1e;
  background : none;
}

#form_docu #message
{
  padding-top : 15px;
}

#conteneur_form .text
{
  margin-top : 20px;
}

#conteneur_form .text p
{
  text-align : left;
}

#conteneur_form #form_contact
{
  margin-top : 50px;
}

@media (max-width : 767px)
{
  #conteneur_form #form_contact
  {
    margin-top : -30px;
  }
}

#conteneur_form #form_contact #message
{
  margin-top  : 30px;
  padding-top : 10px;
}

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