body {
    box-sizing: border-box;
    margin: 0%;
    padding: 0%;
    background-color: #FFFFFF;
    /* flex-direction: column-reverse;
    display: flow-root; */
    font-family: Arial, Helvetica, sans-serif;
    height: 100vh;
    display: flex;
    flex-direction: column
  }
  
  
  .navbar #marker{
    position:absolute;
    left: 0;
     margin: 0;
     padding: 0%;
    height: 5px;
    width:5%;
    bottom: -8px;
    transition: 0.5s;
    border-radius: 8px;
    background-color: blue;

} 

  
  
  
  
  
  
  
  .contenu {
  
    flex: 0 1;
  
  
  }
  
  
  
  /* css de la classe body */
  
  .navbare,
  mb-2 {
    background-color: #034694;
    margin: 0%;
    padding: 0%;
    height:55px;
    width: 100%;
  
  }
  
  /* la nav bare  couleur*/
  
  .navbare a {
    color: #ffffff;
    margin: 0%;
    padding: 0%;
  
  }
  
  /* navbare */
  
  .navbar-brand {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }
  
  /* navbar-brand */
  
  
  
  .font-color {
    background-color: #ffffff;
  
    border-radius: 2%;
    justify-content: center;
  
  }
  
  /* font-color */
  
  
  
  .Titre {
    /* font-weight: bold; */
    text-align: right;
    font-size: 30px;
    color: black;
    margin-right: 20%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  
  }
  
  /* titre de la page d'inscription */
  
  
  /* .footer.text-center.m {
    /* background: linear-gradient(to left, rgb(163, 8, 8), rgb(247, 244, 65), rgb(10, 228, 58)); */
  /* background-color: #ffffff;
    height: 100%;
    width: 100%; */
  /* } */
  
  /* footer */
  
  .slogoSmall-world {
    color: blue;
    font-size: 14px;
    text-decoration: dashed
  }
  
  
  /* .logoProfil{
    height: 40%;
    width: 10%;
  } */
  
  /* logo de Mon compte */
  
  .compte {
    font-size: small;
  }
  
  .section,
  service,
  gray-bg {
    margin-top: -3.5%;
  }
  
  .form-check {
    margin-left: 50%;
    display: flex;
    margin-top: 1%;
    font-size: 14px;
  
  }
  
  
  .Terms {
    margin-top: -7%;
  }
  
  .sexee {
    margin-top: -15%;
    margin-left: -80%;
  
  }
  
  
  .mentionLegale {
    margin-top: -7%;
    margin-left: 50%;
    font-size: 13px;
  
  }
  
  .envoyer_contact{
  
    height: 55px;
    width: 300px;
    background: linear-gradient(#034694, #58a9ef);
    color: #ffffff;
    border-radius: 6px;
    border-color: #fff;
    font-size: 20px;
    border-style: double;
    cursor: pointer;
  }
  
  /* ***************************************
  ********************************************
  ************************************* */
  .img-fluid {
      background-image: url('../imageConnexion/bonhomme-enveloppe.jpg');

  }S
  
  
  /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::after
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  
  .footer {
  background-color: #999999;
  text-align: center;
  margin-top: 4%;
  padding: 20px;
  bottom: 0;

  /* flex-shrink: 0; */
  height: auto; 
  width: 100%;
  color: black;
  
}