section.contact{
  padding : 0 !important;
}

section.contact .container-infos{
  width       : 100%;
  height      : 100%;
  position    : relative;
  display     : flex;
  align-items : center;
}

section.contact .container-infos:before{
  width            : 200px;
  height           : 200px;
  content          : "";
  display          : block;
  position         : absolute;
  left             : 0;
  bottom           : 0;
  transform        : rotateZ(90deg);
  background-image : url("../../img/index/motif_arc.svg");
}

section.contact .infos{
  position: relative;
}

section.contact .infos h3 i{
  margin-right : 12px;
  position     : relative;
  bottom       : 3px;
}

section.contact .infos, section.contact .map{
  height : 50%;
}
section.contact .content{
  position : relative;
  margin   : 30px 0px;
}
section.contact .content:after{
  width      : 100%;
  height     : 1px;
  background : var(--light-grey);
  opacity    : 0.24;
  left       : 0;
  right      : 0;
  margin     : 0 auto;
  bottom     : 0px;
  content    : "";
  display    : block;
}
section.contact a.btn{
  width         : 100%;
  margin-bottom : 30px;
}

section.contact a.btn i.fa-info-circle{
  margin-left  : 0px;
  margin-right : 10px;
  opacity      : 0.34;
}

section.contact a.btn i.fa-long-arrow-alt-right{
  position    : relative;
  top         : 3px;
  margin-left : 20px;
}

#page .formulaire{
  padding-top    : 100px;
  padding-right  : calc(100% / 3.3);
  padding-bottom : 100px;
  padding-left   : 100px;
}

#page .formulaire p{
  margin-bottom : 40px;
}

#page .formulaire button{
  margin-bottom : 40px;
  float         : right;
}

/* mentions legales */

section.mentions .content{
  padding :50px 0px;
}
/* #page form.form_material_dw .group .chkbx .form-check label{
  font-size:12px;
  letter-spacing: 0.5px;
}
#page p.required_fields{
  font-size:13px !important;
  letter-spacing: 0.5px !important;
} */


/* --------------------------------------------------------------- */
/*
/* RESPONSIVE
/*
/* --------------------------------------------------------------- */

@media screen and (max-width: 1440px) {
  .container-infos .container-fluid .row .infos {
    width : 125%;
  }
}

@media screen and (max-width: 1024px) {
  #page .formulaire {
    padding-right : 60px;
    padding-left  : 30px;
  }

  .container-infos .container-fluid .row .infos {
    width : 150%;
  }
}


@media screen and (max-width: 768px) {
  .container-infos .col-md-4:nth-of-type(2) {
    display         : flex;
    justify-content : center;
  }

  .container-infos .container-fluid .row .infos {
    width : 200%;
  }

  a.btn.hover-arrow.hover-arrow-right:after {
    right : 15px;
  }
}


@media screen and (max-width: 425px) {
  section.contact .container-infos {
    height  : max-content;
    padding : 0 20px;
  }

  #page .formulaire {
    padding : 100px 30px;
  }

  .formulaire h2 {
    margin-top : 20px;
  }
}