[id^=lignes] {
    height: 20px;
    width: auto;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    cursor: pointer;
    text-align:center;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    border-radius:4px;
}

[id^=intitule] p {
    padding-top:3px;
    margin-left:5px;
}

[id^=intitule] {
    display:flex;
    flex-direction:column;
    margin-top:10px;
}

#infoPerturbationResume  {
    display:inline-flex;
    width: 100%;
}

#informationsPerturbations {
    background-color:white;
    border-radius:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 40px;
}



#infoPerturbationResume span {
    margin-bottom:10px;
    margin-left:10px;
    color:grey;
    font-weight:bold;
    font-size: 18px;
}

#title {
    display: flex;
}

#toutVoir {
    cursor: pointer;
    text-align: right;
    font-size: 15px;
    margin-top: 15px;
    color: #D90101;
    text-decoration: underline;
    font-weight: bold;
    margin-right: 45px;
}

#enCours {
    display:grid;
}

#aVenir {
    display:grid;
}

#formEnCours{
    width: 50%;
    padding-right: 30px;
}

.infosperturbationsresume-box {
    margin-top:30px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    background: #f4f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f0f0 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f0f0), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f0f0 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f0f0 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f0f0 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f0f0 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f0f0', endColorstr = '#ffffff', GradientType = 0); /* IE6-9 */
}

#title .title {
    flex:1;
    font-size: 2.0em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.infoPerturbationResume_content{
    padding-top: 5px;
    padding-bottom: 10px;
}

.infoPerturbationButton {
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    color:#797A7C;
    font-weight:bold;
    font-size: 18px;
    cursor:pointer;
}

.infoPerturbationButton:not(.selected):hover {
    text-decoration: underline;
}

.selected {
    color:#E2001A;
    border-bottom:solid #E2001A
}

#infoPerturbationLigne {
    width:100%;
    color:#D1D1D1;
    border-width:1px;
}