@charset "UTF-8";
    body{
     min-height: 100vh;
     max-width: auto;
     margin: 0 auto;
     padding-left: 10%;
     padding-right: 10%;
     align-items: center;
   }


   header {
  overflow: visible; /* IMPORTANT pour sticky */
  width: 100%; /* pour que navbar prenne toute la largeur */
  position: relative; /* pour éviter les problèmes d'empilement */
  padding: 0; /* enlever si besoin */
  margin: 0;
}



 .content {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 80px;
}


   .restrict-copy {
       user-select: none;
       -webkit-user-select: none; /* Safari/Chrome */
       -moz-user-select: none;    /* Firefox */
       -ms-user-select: none;     /* IE/Edge */
     }

     h4 {
     margin-left: 250px;
     font-size: 29px;
     }

     @media (max-width: 768px) {
       .content {
           margin-left: 0; /* Pas de marge à gauche sur des écrans petits */
           width: 100%;    /* La div occupe toute la largeur */
       }
   }


     @media screen and (max-width: 700px) {
       .content {
         width: 100%;
         height: auto;
         position: relative;
       }

     }

     @media screen and (max-width: 400px) {
       .content {
         text-align: center;
         float: none;
       }
     }