.right, 
 .left
 {
  width: 50%;
}
.left 
  {
  float: left;
  box-sizing: border-box;
  padding-right: 1rem;
  clear: both;
}
.right 
{
  float: right;
  clear: right;
  margin-bottom: 1rem;
}
.center
 {   clear: both; /* Clears the floating of the above columns */
  width: 100%; /* Ensures it spans the full width */
  text-align: center; /* Centers the content inside the div */
  margin-top: 1rem; /* Optional: Adds some space above the center div */
}
@media print, screen and (max-width: 580px) {
.left,.right {
  width: 100%;
  float: none;
  clear: none;
  }
}

h2 a {
  font-size: 0.8em; 
  color: #474405;
  text-decoration: none; /* Retire le lien visuel */
  pointer-events: none;  /* Désactive l'interaction du lien */
}


h4 a {
  color: #8B5E3C;
  text-decoration: none; /* Retire le lien visuel */
  pointer-events: none;  /* Désactive l'interaction du lien */
}

h1 {
  text-align: center;
  color: #6A994E;
  font-size: 2.5em;
  margin: 20px 0;
  text-transform: uppercase;}
p{
  font-weight: normal;
  margin: 10px 10px ;
  text-align: justify;
  font-size: 0.98em;
  color:#8B5E3C;
}
video {
  border: 2px solid #474405;
  border-radius: 8px;
  max-width: 100%;  /* Responsive width */
  display: block;   /* Center the video */
  margin: 20px auto;
  }
.background{
  background-color:#F5F5F5;}