#accordeon{
 
   
    padding: 5px;
    border: 1px solid #333;
    background-color:var(--vert);
}

h3 {
    margin:0;
    padding: 5px;
    background-color: var(--marron);
}

h3 a{
    font-size:1.8rem;
    text-decoration: none;
    color:grey;
}

#accordeon .section{
    background-color: white;
    border-bottom: 1px solid #333;
}
p.texte{
    font-size: 14px;
    margin: 10px;
    padding: 3px;
    text-align: justify;
}

#accordeon h3 + div{
    height:0;
   
    overflow: hidden;
    transition: height 0.3s ease-in;
}
#accordeon :target h3 + div{
    height: 150px;
    overflow: auto;
}

.mentiontitre{
   
    font-size: 4rem;
    font-weight: 500;
   
}
@media screen and (max-width: 414px){

h3 a{
    font-size:1.3rem;
 }   

.mentiontitre{
  
    font-size: 1.8rem;
    margin: 1rem;
}
p.texte{
    font-size: 12px;
}    
}