/*.meteos-title{
    color: #24378d;
    font-size: 3rem;
    margin-bottom: 2rem;
    font-family: SegoeUI-Light,QuicksandLight,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    line-height: .6;
}
.meteos-main{

}
.nb-piste{    
    background-color: #F89D0E;
    padding: 0.5rem;
    color: white;
    font-weight: bold;
    border-radius: 6px;

}
.meteos-main .border-col{
    height: 40px;
    border-bottom: 1px solid #dee2e6;
}
.meteos-main h2{
    color: #24378d; 
}
.meteos-main .card-header{
    background-color: #24378d;
    color: white;
    font-weight: bold;
}

.meteos-main .meteos-p-title{
    font-weight: bold;
    font-size: 1.3rem;
}
.meteos-main .meteos-data{
    font-size: 2.5rem;
    font-weight: bold;
}
.opacity_closed{
    opacity: 0.5;
}
.remontees-span{
    background-color: #999999;
    font-size: 0.8rem;
    padding: 0.3rem;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}

[data-rem]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-rem]:after {
    content: attr(data-rem);
    
    color: #111;
    font-size: 1rem;
    background-color: white;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 1;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-rem] {
    position: relative;
}
.inherit-margin{
    margin-left: -16px;   
}
@media(max-width: 415px){
    .meteos-main .border-col{
        height: 70px;
        border-bottom: 1px solid #dee2e6;
    }
}*/