body {
  background-image: url("images/image/fonds.jpg"); 
  background-attachment: fixed;
  background-size: 100% 100%;
  background-color:white;
}

a {
  text-decoration: none;
}

a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: black;
}

/* selected link */
a:active {
  color: black;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  color: black;
}

div#bandeau {
    width:100%;
    height:40px;
    color: black;
    /* background-color:#818282;*/
    }
div#menu {
  float:left;
  width:170px;
  height:400px;
  color: black;
  /* background-color:#a09f9f; */
  }

  .menu {
    /* Styles de base du menu */
    list-style: none;
    align-items: left;
    margin: 50;
    padding: 25;
    color: black;
  }
  
  .menu-item {
    /* Styles des éléments de menu */
    position: relative;  /* Important pour le positionnement du sous-menu */
    margin: 50;
    padding: 25;
    color: black;
  }
  
  .sous-menu {
    /* Sous-menu caché par défaut */
    display: none;  /* Ou 'block' ou 'inline-block' selon la mise en page */
    position: absolute;  /* Positionnement absolu par rapport à l'élément parent */
    margin: 50;
    padding: 25;
    color: black;
    /* Styles du sous-menu (alignement, etc.) */
    /* Vous pouvez utiliser 'left' pour aligner le sous-menu à gauche */
  }
  
  .menu-item:hover .sous-menu {
    display: block;  /* Afficher le sous-menu au survol */
    /* Autres styles pour l'affichage du sous-menu */
    position: relative;
    color: black;
  }

div#Contenue {
  display: block;
  width:100%;
  height:100%;
  margin-left: 250px;
  padding-right: 400px;
    color: black;
  /* background-image: url("fonds.jpg");
  background-attachment: fixed;
  background-size: 100% 100%;
     background-color:#cdcccb;*/
    }
    div#coordonnee {
      clear:both;
      margin-top: auto;
      width:100%;
      color: black;
      /* background-color:#cdcccb; */
      }
  div#fin {
      clear:both;
      margin-top: auto;
      width:100%;
      color: black;
      /* background-color:#cdcccb; */
      }
  .marquee-container {
        /* background-color:#818282; */
        color: black;
        width: 100%; /* Or any desired width */
        height: 60px; /* Or any desired height */
        overflow: hidden;
        white-space: nowrap; /* Prevent content from wrapping to the next line */
        position: relative;
  }
      
  .marquee-content {
        display: inline-block; /* Allow the content to wrap properly */
        white-space: nowrap; /* Prevent content from wrapping to the next line */
        position: absolute; /* Or relative or absolute*/
        color: black;
        top: 20px;
        left: 100%;
        padding-right: 100%; /* Initial position off-screen */
        animation: marquee 10s linear infinite; /* Adjust speed as needed */
  }
      
  @keyframes marquee {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-100%); /* Adjust according to content size */
        }
  }