a {
    color: var(--marron-sombre);
    text-decoration: underline;
    &:hover {
      color: var(--marron-clair-titre);
    }
  }
  




summary {
  margin: 10px;
  font-size: 1.50rem;
  color: var(--marron-sombre);

  font-family: "Italianno", cursive;

}



details ul,
details li { 
    list-style-type: disc;
    padding-left: 0.3em;
    margin: 25px;
  
    li {
      
     
      margin-bottom: 0.6em;
       color: var(--marron-sombre);
      font-family: "Kiwi Maru", serif;
   
  
    }
  }

details {
  border: solid 3px #635531;
 
  border-radius: 1em;
  padding: 1em;
  margin-bottom: 1em;
}




main {
  width: 80%;
  margin: 0 auto;
  overflow: -moz-scrollbars-vertical;
  padding-bottom: 100px;
   
}
/* Aération de la page */
main section {
  margin-bottom: 50px;
}
/*Concerne le Titre de la page mentions légales*/
main h1 {
  margin: 20px auto;
  text-align: center;
  color: var(--marron-sombre);
}
/*Concerne les Iitres des menus des politiques des données et à propos des cookies */
main h2 {
  text-align: center;
  font-family: "Italianno", cursive;
  margin-top: 30px;
  margin-bottom: 30px;
   color: var(--marron-sombre);
}
/*Concerne l'intégralité des textes */
main p {
  margin: 10px auto;
  text-align: justify;
  color: var(--marron-sombre);
}
/* Les villes des magasins dans le footer */
main h3.main-title {
  font-size: 40px;

  color: var(--marron-sombre);
  
}

/* Concerne la mise en page du tableau */
main table:nth-of-type(1) {
  margin: 40px auto;
  width: 90%;
}
/*concerne les titres du tableau */


/*Concerne la typographie et les éléments à l'intérieur du tableau */
main tr,
td,
th {
  border: 2px solid var(--marron-clair);
  text-align: left;
  background: var(--marron-sombre);
  color: var(--marron-clair);
  vertical-align: middle;
  font-family: "Kiwi Maru", serif;
  border-style: inset;
  border-spacing: 5px;
  text-align: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}
/*Sous-ligne les titres du tableau */
main td strong {
  font-weight: bold;
}
/*Concerne les fléches pour les menus déroulants */
main section:nth-child(2) svg {
  display: none;
}


/* Concerne l'animation de l'apparition des sous-catégories*/
@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Concerne la version mobile */
@media screen and (max-width: 668px) {
  /* Concerne la largeur que le body occupe dans la page */
  main {
    width: 90%;
  }
  /* Titre de la page */
  main h1 {
    font-size: 40px;
    color: var(--marron-sombre);
  }
  /* Concerne les textes */
  main p {
    width: 100%;
    margin: 20px auto;
    font-size: 15px;
    color: var(--marron-sombre);
  }
  /* Concerne les titres des sous catégories Politiques de protection des données */
  main h2 {
    font-size: 27px;
    margin: 30px auto;
    color: var(--marron-sombre);
  }
  /* Concerne le positionnement et la taille des flèches */
  main h2:nth-of-type(1) {
    background-repeat: no-repeat;
    background-position: right;
    height: 17px;
    margin: 20px 20px;
  }
  /* Titres des catégories Mentions Légales  */
  main h3 {
    color: var(--marron-sombre);
  }
  /*Concerne les sous-texte   */
  main li {
    font-size: 15px;
    width: 80%;
    text-align: justify;
    margin: 0 5px;
    color: var(--marron-sombre);
    font-family: "Kiwi Maru", serif;
  }
  /*Concerne la typographie et les éléments à l'intérieur du tableau */
  main tr,
  td,
  th {
    border: 2px solid var(--marron-clair);
    background: var(--marron-sombre);
    color: var(--marron-clair);
    font-family: "Kiwi Maru", serif;
    border-style: inset;
    border-spacing: 5px;
    text-align: center;
    padding: 10px;
    /* margin-left: auto;
        margin-right: auto; */
  }
}