#salle_gaveau:hover{
    cursor: pointer;
}
li{
    cursor: pointer;
}
#list-activites li a{
    display: inline-block;
    /*height: 40px;*/
    margin-left: 9%;
}
.infos{
    position: absolute;
    width: 100%;
    margin-top: 25px;
    margin-left: 5px;
}
.titre_details{
    padding-top: 10px;
    padding-left: 25px;
    color: #000000;
    font-weight: 400;
}
.text_details{
    padding-top: 15px;
    padding-left: 25px;
}
.details{
    position: relative;
    overflow: hidden;
    border: 1px solid #000000;
    top: 0px;
    height: 0px;
    transition:all 0.5s ease;
}
.details a:hover{
    cursor: default;
}
#list-activites span{
    display: inline-block;
    width: 300px;
    padding-left: 25px;
}
#evenement1{
    background-color: #000;
}
#evenement1 span{
    color: #FFF;
}
#evenement2{
    background-color: #FFF;
}
#evenement2 span{
    background-color: #FFF;
    color: #000;
}
#evenement3{
    background-color: #000;
}
#evenement3 span{
    color: #FFF;
}
#evenement4{
    background-color: #FFF;
}
#evenement4 span{
    background-color: #FFF;
    color: #000;
}
#evenement5{
    background-color: #000;
}
#evenement5 span{
    color: #FFF;
}
#evenement6{
    background-color: #FFF;
}
#evenement6 span{
    background-color: #FFF;
    color: #000;
}
#evenement7{
    background-color: #000;
}
#evenement7 span{
    color: #FFF;
}
#evenement8{
    background-color: #FFF;
}
#evenement8 span{
    background-color: #FFF;
    color: #000;
}
#evenement9{
    background-color: #000;
}
#evenement9 span{
    color: #FFF;
}
#evenement10{
    background-color: #FFF;
}
#evenement10 span{
    background-color: #FFF;
    color: #000;
}
#evenement11{
    background-color: #000;
}
#evenement11 span{
    color: #FFF;
}
.evenement{
    position: relative;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    height: 70px;
    transition:all 0.2s ease;
}
.evenement:hover{
    margin-left: 3px;
}
.show{
    height: 160px;
}
@media only screen and (max-width:1500px){

    .container{
        width: 94%;
    }

}
@media only screen and (max-width:790px) {

    #list-activites span {
        display: block;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .trigger{
        width: 83%;
        padding-top: 5px;
        padding-left: 0;
        text-align: center;
    }
    .evenement{
        height: 85px;
    }
}