aside
{
    border:5px white groove;
    border-radius: 10px;
    width: 30%;
    margin-top: 3%;
    display: flex;
    flex-direction: column;
    padding-left: 1%;
}

aside h1
{
    text-align: center;
    font-size: 2.4em;
    margin-top: 15px;
    margin-bottom: 15px;
}

aside h2
{
    text-align: center;
    font-family: 'llalarm';
    font-size: 1.5em;
    color: rgb(255,205,0);
    margin-top: 0px;
    margin-bottom: 0px;

}

aside h3
{
    text-align: center;
    font-family: 'segoe-print';
    font-size: 1.1em;
     margin-top: 0px;
     margin-bottom: 0px;
}

aside p
{
    font-family: 'segoe-script';
    font-size: 0.9em
     margin-top: 0px;
     margin-bottom: 0px;
}

aside a
{
    text-decoration: none;
    color: white;
}

aside a:hover
{
    color: white;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

.affiche_aside
{
    width: 270px;
    height: 380px;
    padding-left: 43px;
    margin-bottom: 5px;
}


.lien_affiche:hover
{
    border-top: none;
    border-bottom: none;
}

iframe{
    width: 99%;
}

@media all and (max-width: 1200px)
{
    aside 
    {
        width: 25%;
    }
    aside h1
    {
        font-size: 2em;
    }
    aside h2
    {
        font-size: 1.5em;
    }
    aside h3
    {
        font-size: 0.9em;
    }
}    

@media all and (max-width: 1000px)
{
    aside
    {
        width: 98%;
        margin-top: 0%;
    }
    aside h1
    {
        font-size: 2.5em;
    }    
    aside h2
    {
        font-size: 1.5em;
    } 
    .artiste_concert
    {
        display: flex;
        margin-bottom: 1%;
    }
        aside iframe
    {
        width: 30%;
        height: 100%;
        float: right;
        margin-right: 1%;
        margin-left: 1%;
    }
}   

@media all and (max-width: 800px)
{
    aside h1
    {
        font-size: 2em;
    } 
    aside h2
    {
        font-size: 1.1em;
    }       
    aside p
    {
        font-size: 0.7em;
        margin-bottom: 1%;
    }
}

@media all and (max-width: 600px)
{

    aside h1
    {
        font-size: 1.9em;
    }   
    aside h2
    {
        font-size: 0.9em;
    }    
    aside p
    {
        font-size: 0.6em;
    }
    aside iframe
    {
        width: 40%;
    }    
}


@media all and (max-width: 500px)
{
    aside
    {
        border:none;
    }
    aside h1
    {
        font-size: 1.4em;
    }
    aside h2
    {
        font-size: 0.8em;
    }           
    aside h3
    {
        font-size: 0.7em;
    }
    aside iframe
    {
        display: none;
    }
}