@font-face{
                font-family:UnitOT;
                src: url(fonts/UnitOT.ttf);
                font-weight:normal;
                font-style:normal;
                font-stretch:normal;

            }
            *{
                font-family:UnitOT;
            }
            html, body
            {
                overflow-y:hidden;
            }
.nomListe
{
    padding:0;
}
            #conteneur
            {
                position:absolute;
                display:flex;
                width:100%;
                height:100vh;
                top:0;
                left:0;
                background-color:#b71540;
                color:white;
                z-index:10000;
                
                
            }
            
            .fleche>img
            {
                max-width:100%;
                max-height:30px;
            }

            .evo
            {
                text-align:right;
            }
            #contenu
            {
                width:90%;
                margin:auto;
                max-width:500px;
                
            }
            
            #retour
            {
                
                border-radius:1em;
                text-align:center;
                position:absolute;
                z-index:5;
                left:30px;
                bottom:30px;
            }
            h2
            {
                margin-bottom:35px;
            }
            hr
            {
                border-color:white;
                margin:0;
                margin-bottom:15px;
            }
            p
            {
                margin-bottom:0;
            }
            
            .row
            {
                margin:0;
            }
            
            #presentation
            {
                display:flex;
                width:100%;
                height:100vh;
                top:0;
                left:0;
                background-color:#fafafa;
                color:black;
                position:absolute;
            }
            #contenuPres
            {
                
                width:90%;
                margin:auto;
                max-width:500px;
                margin-top:5vh;
            }
            
            
            /* Style texte */
            #commune
            {
                
                font-size:2em;
                margin-bottom:0px;
                color:#e30613;
            }
            #population
            {
                
            }
            #nombreListes
            {
                
            }
            
            .nomListe
            {
                font-size:1.5em;
                color: #e30613;
            }
            .teteListe
            {
                font-size:1.1em;
            }
            .deroulerListe
            {
                color:blue;
                cursor:pointer;
            }
            .cont
            {
                background-color:white;
                width:95%;
                margin:auto;
                padding:20px;
                border-radius:10px;
                box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .2);
                margin-bottom:20px;
            }
            .candidats
            {
                height:0;
                overflow:hidden;
            }
            #listes
            {
                overflow-y:scroll;
                height:500px;
            }

            .statut
            {
                text-align:center;
                max-width:100px;
                margin:auto;

            }
.afficherDate, .identiteLecteur
{
    font-size:0.7em;
}
.afficherDate
{
    margin-bottom:10px;
    text-align:right;
}
            .statut>img
{
    margin:auto;
}
            
            ::-webkit-scrollbar {
  width: 3px;
}
.questionCo
{
    color:#e30613;
    font-weight:600;
    font-size:1.1em;
}
.lienlien
{
    text-align:right;
}

.qo
{
    margin-top:1rem;
    margin-bottom:1rem;
    font-style:italic;
    font-size:0.9em;
}
.aDerouler
{
    display:none;
    margin-top:10px;
    margin-bottom:10px;
    border-top:solid gray 1px;
}

.enrouler
{
    cursor:pointer;
    color:#007bff;;
}
.parag
{
    margin-bottom:1rem;
}
.clicReponse
{
    padding:0;
    text-align:center;
    margin:auto;
    cursor:pointer;
    color:#007bff;;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e30613; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
       
            
            
@media screen and (max-width:600px)
{
    #commune
    {
        font-size:2em;
    }
    
    .nomListe
    {
        font-size:1.2em;
    }
}


@media screen and (max-width:400px)
{
    #commune
    {
        font-size:1.5em;
    }
    
    .questionCo
    {
        font-size:0.9em;
    }
    
    .clicReponse, .parag, .enrouler
    {
        font-size:0.9em;
    }
}
@media screen and (max-height : 600px)
{
    #commune
    {
        font-size:2em;
    }
    .nomListe
    {
        font-size:1.2em;
    }
    #listes
    {
        height:300px;
    }
}