* {
    margin:0;
    padding:0;
    background-color: var(--couleur4);
}
:root {
    --couleur1:rgb(255, 254, 254);
    --couleur3: rgb(2, 1, 33);
    --couleur4 :black;
    --couleur2 :rgb(18, 233, 37);
}


.body {
    font-size: 16pt;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--couleur4);

}
/* ******************** Mentions légales/cgv/reglement  ******************** */
.logo2 {
    max-width: 20vw;
    min-height: 20vh;
    opacity: 100%;
    }
      @media (max-width:600px){
.logo2 {
    max-width: 40vw;
    min-height: 20vh;
    opacity: 100%;
    }

      }
    h1{
        color:var(--couleur2);
        font-size: 35px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform : uppercase;
         }
         span{
          color:var(--couleur1);
          font-size: 20px;
          margin-top: 10px;
          margin-bottom: 10px;
      
         }
         h2{
            color:var(--couleur2);
            font-size: 30px;
            margin-top: 20px;
            margin-bottom: 20px;
            text-transform : capitalize;
        
             }
             p{
                color:var(--couleur1);
                font-size: 22px;
                margin-top: 10px;
                margin-bottom: 10px;
                font-weight: bold;
                font-style:italic;
                text-align: left;
              
              }
              #sectionF{
            min-height: 65vh;
            width:auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            align-items: center;
            text-align: center;
            padding-left: 50px;
            padding-right: 50px;
            padding-bottom: 50px;
            }

/* ******************** FOOTER  ******************** */
 
.footer{
  min-height: 5vh;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color:var(--couleur4);
  padding-top:30px;
  text-align:left;
  padding-left: 10px;
  margin-top: 20px;
  
  }
  .foott{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color:var(--couleur4);


  }
  .col3{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color:var(--couleur4);
    margin-right: 20px;
  
   }
   .col4{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color:var(--couleur4);
  
   }
  h6{
    color:white;
    font-weight: bold;
    font-size: 18px;
    background-color:var(--couleur4);
    margin-bottom: 10px;
  }
  
  .footer .row{
  width:100%;
  margin:1% 0%;
  padding:0.6% 0%;
  color:white;
  font-size:0.8em;
  background-color:var(--couleur4);
  }
 
  .footer .row a{
  text-decoration:none;
  color:white;
  transition:0.5s;
  font-size: 14px;
  background-color:var(--couleur4);
  }
  
   
  .footer .row ul{
  width:100%;
  background-color:var(--couleur4);
  }
  
  .footer .row ul li{
  display:inline-block;
  margin:0px 30px;
  background-color:var(--couleur4);
  }
  
  .footer .row a i{
  font-size:2em;
  margin:0px 30px;
  color:white;
  background-color:var(--couleur4);
  }
  
  @media (max-width:600px){
  .footer{
  text-align:left;
  padding:5%;
  }
  .footer .row ul li{
  display:block;
  margin:10px 0px;
  text-align:left;
  }
  .footer .row a i{
  margin:0% 3%;
  }
  }