.entete h1{
    top: 0px;
    position: absolute;
    background-color: rgb(144, 232, 150);
    text-align: center !important;
    text-transform: uppercase;
    border: 35Px;
    font-size: 30Px;
    font-weight: 50Px;
    left: 20%;
    border-radius: 30%;
    padding: 20px 10px;
    z-index: 2;
  }
  .title {
      max-width: 100%;
      /* width: 1280PX; */
      /* background-color: darkslateblue;     */
      position: relative;
      margin: 20Px ;
      padding-bottom: 5px;
      height: 250Px; 
      line-height: 30px;
      top: 0;
      left: 0%;
      }
      #UPER{
      position: absolute;
      top: 28%;
      left: 35%;
      font-style: 200%;
      font-size: 50px;
      font-weight: 200%;
      font-family: 'Times New Roman', Times, serif;
          }
   .photo {
      /* size: 50Px; */
    position: absolute; 
    padding-top: 25px;
    margin-top: 35px;
     left: -5%;  
        width: 150Px;
     bottom: 2px;
     /* border-radius: 80%;
     background-color: darkgrey;
     border-top-left-radius: 0%; */
    
    }
    .LOGO {
      /* size: 100Px; */
      position: absolute;
      right: 0%;
      width: 350Px;
      bottom: 2px;
      /* border-radius: 80pX; */
      /* background-color: gray;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0; */
    }
    .title h2 {
      /* padding-top: 10Px;
      padding-bottom: 10Px; */
      top: 13%;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-top: 20Px;
      font-size: 30Px !important; 
      text-align: center;
      text-transform: capitalize;
      text-decoration: underline;
    }
    .title h3 {
        top: 15%;
        position: absolute;
        margin-top: 20px;
        margin-bottom: 28px;
        margin-top: 80Px;
        font-size: 20Px !important; 
        left: 17%;
        text-align:left;
        text-transform:lowercase;
        text-decoration:none;

    }
    /* le body  */
    .corp IMG{
      max-width: 99%;
      width:max-content;
      position: absolute;
      top: 46%;
      border-radius: 15px; 
      left: 12Px;
      border-bottom-right-radius: 0;   
    }
    .corp .Para_1{
      top: 100;
      color: white;
      font-style:normal;
      font-size: 26.5px; 
      font-weight: bolder;  
      position: absolute;
      /* margin: 2Px Top; */
      /* height: 150Px;  */
      /* line-height: 30px; */
      margin-left: 30px;
      margin-right: 30Px;
      text-align: marging-bottom 10px ;
      left: 0%;
      height: 135Px
    
      }
      /* THE FOOTER  */
      .Pied p{
      max-width: 99%;
      position: relative;
      font-size: 32Px;
      margin: 20Px Top;
      /* width: 1280PX; */
      background-color: rgb(203, 177, 205); 
      text-align: center;
      height: 110Px; 
      line-height: 30px;
      border-radius: 20%;
      border-bottom-left-radius: 0;
      border-top-right-radius: 0;
          /* bottom: 90px; */
      top: 410px;
      left: 12Px;
      }