body {
      background: rgb(188, 86, 103);
      padding: 0;
      margin: 0 auto;
      position: relative;
      max-height: 1000px;
      overflow-y: hidden;
  }
  
  
  p {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    margin: 0;
    padding: 0;
  }

  p2  {
    font-family:'Courier New', Courier, monospace;
    color: #000000;
    font-size: 14px
  }

  p3  {
    font-family:'Courier New', Courier, monospace;
    color: #000000;
    font-size: 30px;
    font-weight: 700;
  }
  
  
  a {
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    color: #31a499;
    font-weight: 600;
  }

  a:hover {
    color: #7631a4;
    font-style: italic;
    text-shadow: 0 0 5px rgb(255, 0, 0);
    background-color: rgb(200, 254, 255);
    box-shadow: inset 0 -0.5em 0 rgb(211, 206, 246);

  }
  
  h1 {
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 17px;
    margin: 0;
    padding: 0;
  }
  
  
  h2 {
    font-family: Arial, sans-serif;
    color: #31a499;
  }
  
  h3 {
    font-family: Arial, sans-serif;
    font-size: 25px;
    color: #ffffff;
  }
  
  h4 {
    font-family: Arial, sans-serif;
    color: #7678c4;
    font-size: 17px; 
    margin: 0;
    padding: 0;
  }
  
  h5 {
    font-family: Arial, sans-serif;
    color: #ff8ea3;
  }

  h6 {
    font-family: Arial, sans-serif;
    color: #be0000;
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: normal; /* facultatif, pour un rendu plus léger */
  }

  h7 {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 100;
  }
  



  .lien-accueil {
    color: #8d46bd;
    font-style: italic;

  }


  .main {
    position: relative;
    width: 1500px;
    height: 1000px;
    z-index: 1;
    background-image: url("dossier-images/fond-vide.png");
    background-size:contain;
    background-repeat: no-repeat;
    margin: 0px auto;

  }



  .port-licence {
    position: absolute;
    top: 410px;
    left: 580px;
    width:250px;
    height: 350px;
    background-image: url("dossier-images/aaport.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

  .port-licence:hover {
    background-image: url("dossier-images/aaport-hover.png");
    transform: scale(1.05);
    }




  .port-memoire {
    position: absolute;
    top: 97px;
    left: 860px;
    width: 250px;
    height: 270px;
    background-image: url("dossier-images/aamemoire.png");
    background-size: contain;
    background-repeat: no-repeat;
    }

  .port-memoire:hover {
    background-image: url("dossier-images/aamemoire-hover.png");
    transform: scale(1.05);
    }


  
    .port-jeux {
      position: absolute;
      top: 150px;
      left: 165px;
      width: 310px;
      height: 320px;
      background-image: url("dossier-images/aajeux.png");
      background-size: contain;
      background-repeat: no-repeat;
      }
  
    .port-jeux:hover {
      background-image: url("dossier-images/aajeux-hover.png");
      transform: scale(1.05);
      }
  

      .port-shop {
        position: absolute;
        top: 150px;
        left: 370px;
        width: 250px;
        height: 250px;
        background-image: url("dossier-images/aashop.png");
        background-size: contain;
        background-repeat: no-repeat;
        }
    
      .port-shop:hover {
        background-image: url("dossier-images/aashop-hover.png");
        transform: scale(1.05);
        }