/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */


#s5_footer_menu_wrap, #s5_footer_menu_wrap a {
  color: white !important;
}

.textck hr {
  width: 77px  !important;
  margin-top: 5px !important;
  border : 2px solid #456097 !important;
}


/* début css pour flexicontact*/

div.fc_line.fc_req label::after {
  content: "" !important;
}


div.fc_line label.fc_left {
  text-transform: capitalize !important; 
  font-family: 'Montserrat',Helvetica,Arial,Sans-Serif !important;
}

.fc_page span{
  font-family: 'Montserrat',Helvetica,Arial,Sans-Serif !important;
}


div.fc_line {
  margin-top: 25px !important;
}


div.fc_send input.fc_button {
  background-color: #4765A0 !important;
}

div.fc_line {
  text-align: center !important;
}

/* fin css pour flexicontact*/

/*hide responsive footer from the width 481px*/
@media screen and (min-width: 481px) {
  .moduletablesuf_class_footer_resp{
    visibility:hidden !important;
    display:none !important;
  }
}

/* For phones: */
@media screen and (max-width: 480px) {
  
    #block_ID1643729033013 > .inner {
      padding-left: 0px !important;
    }
  
  #block_ID1638356943856 {
    margin-top: 15px;
  }
  
  #block_ID1638356943856 > .inner {
    display: flex;
    justify-content: center;
    padding-right: 0px !important;
    text-align: left !important;;

  }
  

  #row_ID1644844220348 > .inner {
    display: flex;
    flex-direction: column;
  }
  
  #block_ID1644844224284 {
    width: 100% !important;
   }
  
  #ID1644844239535.span4 {
    width: 100% !important;
  }
  
  hr {
	margin-bottom: 10px !important;;
	margin-top: -3px !important;
  	width: 30%;

  }

  .div_footer_hr {
    display: flex;
    justify-content: center;
  }

}


/*black icon in team module*/
figure.snip0099::after {
  height: 15px !important;
  width: 15px !important;
}


#s5_component_wrap_inner h2, #s5_component_wrap_inner h1 {
  font-size: 1.3em;
}

/*row for chiffre cle*/
.row_chiffre_cle {
  display: flex;
  background-color:#4765A0 ;
  text-align:center;
  color:white !important;
}


/* Create two equal columns that sits next to each other */
.column_chiffre_cle {
  flex: 50%;
  /*padding: 20px;*/
  height: auto;
  color:white !important;
  padding-top: 16px !important;
}


#s5_center_area_inner li::before {
  content: "" !important;
}

@media only screen and (min-width: 600px) {
  #ID1646124101476 ul {
    padding-left: 70px;
  }
}


#ID1643797127936 > .inner {
  height: 190px !important;
}

/*css for a part in the page how to join ? */
@media  screen and (max-width: 500px) { 
  .main_row{
  	flex-wrap: wrap !important;
  }
  
  .joinus_first_col{
    width:100% !important;
  }
  
  .joinus_second_col{
    padding-left: 0px !important;
  }
  
  .left_border{
    border-left: 0px !important;
    margin-top: 0px !important;
  }
  
  .pd_after_left_br{
    padding-left: 0px !important;
  }
  
  .joinus_contact{
    text-align:left !important;
    display:flex;
    flex-direction:row;
  }
}