.light{
    background-color: red;
}

.light a{
    color: yellow !important;
}



.non-float {
    float: none !important;
    width: 0.5em !important;
    text-align: center !important;
}

#formdate p{
    margin-top: 8px;
}

.table{
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
}

.table div{
    margin: 5px 0;
}

.tr-tools{
    grid-column: 1 / 3;
}




#ctn-form {
    font-size : 1em;
    margin-left : auto;
    margin-right : auto;
    width : 80%;
}


#ctn-resultat {
    margin-left : auto;
    margin-right : auto;
    width : 60%;
}


#ctn-legend {
    background-color : #fff;
    font-size : 0.8em;
    margin-top:10px;
}


.ctn-ville {
    background-color : #fff;
    float : left;
    text-align : center;
    width : 50%;
    margin-block: 14px;
}


.cl-nom-ville {
    padding-bottom:10px;
}


.cl_nuit, .cl_matin, .cl_jour,.cl_soir {
    line-height:1.3em;
    border-width:1px;
    border-style:solid;
    border-color: #999999;
    font-size:1em;
    margin-right:5px;
}


.cl_nuit {
    background-color : #002357;
    color : #fff;
}


.cl_matin {
    background-color : #2045E9;
    color : #ffffff;
}


.cl_soir {
    background-color : #FFC629;
}

.cl_jour {
    background-color : #a2ecfe;
    color:#000;
}

#ctn-legend span{
    width:1em;
    height:1em;
    display:inline-block;
}

.donnee-info h3{
    margin-top:20px;
    font-weight:bold;
    /*background-color:#E7EEF6;*/
    /*font-size: 1.1em;*/
    /*text-shadow: 2px 2px 4px #666;*/
    /*filter: dropshadow(color=#666666, offx=2, offy=2);*/
    padding-left: 2px;
    /*background-color: #E7EEF6;*/
}
.donnee-info label{
    display:inline-block;
    max-width:150px;
    text-align:right;
    margin-right:10px;
}
#txt_city_from, #txt_city_to{
    display:inline-block;
    min-width:120px;
    margin-right:10px;
    font-weight:bold;
}
#ctn-date{
    float:left;
    max-width:120px;
    width: 100%;
    margin-right:10px;
}
.ui-datepicker{
    font-size:0.8em;
}