:root {
    --theme-color: #FAF904;
    --first-color: #121418;
    --first-color-light: #FFFFFF;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --border-radius: 10px;
}

@media only screen and (max-width: 1250px) {
    .Station-Barre .Partie-1 {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    .Station-Barre .Sunrise {
        display: none;
    }
    .Station-Barre .Sunset {
        display: none;
    }
    #Table-Presentation {
        display: none;
    }
    html .Jour-Barre {
        display: none;
    }
}

.Station-Informations {
    top: -10px;
    min-height: 45px;
    background-color: var(--theme-color);
    margin-bottom: 10px;
}

.Station-Informations-Titre {
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
    font-weight: 600;
    color: var(--black-color);
}

.Station-Barre {
    border-radius: 10px;
    position: relative;
    display: flex;
}

.Station-Barre .Partie-1 {
    background-image: linear-gradient(90deg, rgba(0,0,0,0), var(--first-color)), url('FOND.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-width: 500px;
}

.Station-Barre .Partie-2 {
    background-color: var(--first-color);
    position: relative;
    text-align: center;
    width: 100%;
}

.Station-Barre .Sunrise {
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 5px;
}

.Station-Barre .Sunset {
    float: right;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 5px;
}

.Station-Barre .Partie-2 .Titre-Partie-2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 5px;
}

.Presentation-Station {
    padding: 10px 15px 10px 25px;
    color: #ffffff;
}

#Table-Presentation {
    color: #ff0000;
    border-collapse: separate;
    border-spacing: 5px 0px;
    border-radius: 5px;
    margin-top: 20px;
    table-layout: fixed;
    width: 100%;
    letter-spacing: 1px;
}

#Table-Presentation th {
    vertical-align: inherit;
    padding: 10px;
    text-align: center;
    background: hsla(var(--gray-0));
    box-shadow: var(--shadow-2);
    color: #ffffff;
}

#Table-Presentation i {
    font-size: 1.5em;
}

#Table-Presentation span {
    font-size: 0.9em;
}

#Table-Presentation tr {
    vertical-align: inherit;
    padding: 10px;
    text-align: center;
}

.Jour-Barre {
    background: var(--first-color);
    position: relative;
    padding: 5px;
    display: flex;
    justify-content: center;
}

.Table-Scrollable {
    overflow-x: auto;
    width: 100%;
    margin: auto;
}

#table-data {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: 1px;
    color: #fff;
}

#table-data th {
    vertical-align: inherit;
    background-color: var(--first-color);
    padding: 10px 10px 1px 10px;
    text-align: center;
    font-size: 15px;
}

#table-data td {
    vertical-align: inherit;
    background-color:#4c4c4c;
    padding: 10px;
    text-align: center;
}

#table-data tr:nth-child(even) td {
    background:#444;
}

.data {
    font-size: 15px;
    font-weight: bold;
    color:#fff;
}

.units {
    font-size: 1em;
    color:#eee;
}

.Temperature--6 {
    background-color: rgb(73, 75, 194);
    color: white;
}

.Temperature--5 {
    background-color: rgb(89, 91, 209);
    color: white;
}

.Temperature--4 {
    background-color: rgb(94, 109, 241);
    color: white;
}

.Temperature--3 {
    background-color: rgb(94, 125, 241);
    color: white;
}

.Temperature--2 {
    background-color: rgb(96, 149, 239);
    color: white;
}

.Temperature--1 {
    background-color: rgb(77, 161, 247);
    color: white;
}

.Temperature--0 {
    background-color: rgb(84, 192, 248);
    color: white;
}

.Temperature-0 {
    background-color: rgb(84, 192, 248);
    color: black;
}

.Temperature-1 {
    background-color: rgb(87, 212, 249);
    color: black;
}

.Temperature-2 {
    background-color: rgb(94, 224, 250);
    color: black;
}

.Temperature-3 {
    background-color: rgb(109, 231, 250);
    color: black;
}

.Temperature-4 {
    background-color: rgb(119, 231, 219);
    color: black;
}

.Temperature-5 {
    background-color: rgb(109, 236, 195);
    color: black;
}

.Temperature-6 {
    background-color: rgb(111, 243, 176);
    color: black;
}

.Temperature-7 {
    background-color: rgb(107, 232, 149);
    color: black;
}

.Temperature-8 {
    background-color: rgb(102, 238, 128);
    color: black;
}

.Temperature-9 {
    background-color: rgb(103, 237, 116);
    color: black;
}

.Temperature-10 {
    background-color: rgb(111, 240, 89);
    color: black;
}

.Temperature-11 {
    background-color: rgb(135, 236, 104);
    color: black;
}

.Temperature-12 {
    background-color: rgb(151, 242, 126);
    color: black;
}

.Temperature-13 {
    background-color: rgb(160, 242, 125);
    color: black;
}

.Temperature-14 {
    background-color: rgb(165, 242, 105);
    color: black;
}

.Temperature-15 {
    background-color: rgb(183, 240, 121);
    color: black;
}

.Temperature-16 {
    background-color: rgb(189, 242, 115);
    color: black;
}

.Temperature-17 {
    background-color: rgb(204, 238, 126);
    color: black;
}

.Temperature-18 {
    background-color: rgb(214, 240, 115);
    color: black;
}

.Temperature-19 {
    background-color: rgb(219, 241, 95);
    color: black;
}

.Temperature-20 {
    background-color: rgb(234, 240, 112);
    color: black;
}

.Temperature-21 {
    background-color: rgb(241, 234, 99);
    color: black;
}

.Temperature-22 {
    background-color: rgb(241, 222, 92);
    color: black;
}

.Temperature-23 {
    background-color: rgb(241, 203, 94);
    color: black;
}

.Temperature-24 {
    background-color: rgb(241, 190, 90);
    color: black;
}

.Temperature-25 {
    background-color: rgb(241, 174, 88);
    color: black;
}

.Temperature-26 {
    background-color: rgb(241, 164, 96);
    color: black;
}

.Temperature-27 {
    background-color: rgb(241, 143, 92);
    color: black;
}

.Temperature-28 {
    background-color: rgb(240, 129, 85);
    color: white;
}

.Temperature-29 {
    background-color: rgb(238, 124, 97);
    color: white;
}

.Temperature-30 {
    background-color: rgb(240, 94, 82);
    color: white;
}

.Temperature-31 {
    background-color: rgb(239, 79, 73);
    color: white;
}

.Temperature-32 {
    background-color: rgb(238, 63, 57);
    color: white;
}

.Temperature-33 {
    background-color: rgb(236, 32, 29);
    color: white;
}

.Temperature-34 {
    background-color: rgb(203, 17, 32);
    color: white;
}

.Temperature-35 {
    background-color: rgb(188, 16, 59);
    color: white;
}

.Temperature-36 {
    background-color: rgb(188, 16, 72);
    color: white;
}

.Temperature-37 {
    background-color: rgb(188, 16, 96);
    color: white;
}

.Temperature-38 {
    background-color: rgb(188, 16, 110);
    color: white;
}

.Humidite-100 {
    background-color: rgb(0,112,159);
    color: white;
}

.Humidite-99 {
    background-color: rgb(1,116,163);
    color: white;
}

.Humidite-98 {
    background-color: rgb(2,121,167);
    color: white;
}

.Humidite-97 {
    background-color: rgb(3,125,171);
    color: white;
}

.Humidite-96 {
    background-color: rgb(4,129,175);
    color: white;
}

.Humidite-95 {
    background-color: rgb(5,134,179);
    color: white;
}

.Humidite-94 {
    background-color: rgb(5,138,182);
    color: white;
}

.Humidite-93 {
    background-color: rgb(6,142,186);
    color: white;
}

.Humidite-92 {
    background-color: rgb(7,146,190);
    color: white;
}

.Humidite-91 {
    background-color: rgb(8,151,194);
    color: white;
}

.Humidite-90 {
    background-color: rgb(9,155,198);
    color: white;
}

.Humidite-89 {
    background-color: rgb(13,157,197);
    color: black;
}

.Humidite-88 {
    background-color: rgb(16,159,197);
    color: black;
}

.Humidite-87 {
    background-color: rgb(20,161,196);
    color: black;
}

.Humidite-86 {
    background-color: rgb(24,163,195);
    color: black;
}

.Humidite-85 {
    background-color: rgb(28,165,195);
    color: black;
}

.Humidite-84 {
    background-color: rgb(31,167,194);
    color: black;
}

.Humidite-83 {
    background-color: rgb(35,169,193);
    color: black;
}

.Humidite-82 {
    background-color: rgb(39,171,192);
    color: black;
}

.Humidite-81 {
    background-color: rgb(42,173,192);
    color: black;
}

.Humidite-80 {
    background-color: rgb(46,175,191);
    color: black;
}

.Humidite-79 {
    background-color: rgb(50,177,190);
    color: black;
}

.Humidite-78 {
    background-color: rgb(54,179,190);
    color: black;
}

.Humidite-77 {
    background-color: rgb(57,181,189);
    color: black;
}

.Humidite-76 {
    background-color: rgb(61,183,188);
    color: black;
}

.Humidite-75 {
    background-color: rgb(65,186,188);
    color: black;
}

.Humidite-74 {
    background-color: rgb(69,188,187);
    color: black;
}

.Humidite-73 {
    background-color: rgb(73,190,186);
    color: black;
}

.Humidite-72 {
    background-color: rgb(76,192,185);
    color: black;
}

.Humidite-71 {
    background-color: rgb(80,194,185);
    color: black;
}

.Humidite-70 {
    background-color: rgb(84,196,184);
    color: black;
}

.Humidite-69 {
    background-color: rgb(88,198,183);
    color: black;
}

.Humidite-68 {
    background-color: rgb(91,200,183);
    color: black;
}

.Humidite-67 {
    background-color: rgb(95,202,182);
    color: black;
}

.Humidite-66 {
    background-color: rgb(99,204,182);
    color: black;
}

.Humidite-65 {
    background-color: rgb(103,206,181);
    color: black;
}

.Humidite-64 {
    background-color: rgb(106,208,180);
    color: black;
}

.Humidite-63 {
    background-color: rgb(110,210,180);
    color: black;
}

.Humidite-62 {
    background-color: rgb(114,212,179);
    color: black;
}

.Humidite-61 {
    background-color: rgb(117,214,179);
    color: black;
}

.Humidite-60 {
    background-color: rgb(121,216,178);
    color: black;
}

.Humidite-59 {
    background-color: rgb(125,218,177);
    color: black;
}

.Humidite-58 {
    background-color: rgb(128,220,177);
    color: black;
}

.Humidite-57 {
    background-color: rgb(132,222,176);
    color: black;
}

.Humidite-56 {
    background-color: rgb(136,224,175);
    color: black;
}

.Humidite-55 {
    background-color: rgb(140,227,175);
    color: black;
}

.Humidite-54 {
    background-color: rgb(143,229,174);
    color: black;
}

.Humidite-53 {
    background-color: rgb(147,231,173);
    color: black;
}

.Humidite-52 {
    background-color: rgb(151,233,172);
    color: black;
}

.Humidite-51 {
    background-color: rgb(154,235,172);
    color: black;
}

.Humidite-50 {
    background-color: rgb(158,237,171);
    color: black;
}

.Pluie-0 {
    background-color: rgb(255,255,255);
    color:black;
}

.Vent-200 {
    background-color:rgb(255,255,255);
    color: black;
}

.Vent-195 {
    background-color:rgb(255,255,255);
    color: black;
}

.Vent-190 {
    background-color:rgb(255,255,255);
    color: black;
}

.Vent-185 {
    background-color:rgb(255,255,255);
    color: black;
}

.Vent-180 {
    background-color:rgb(255,255,255);
    color: black;
}

.Vent-175 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-170 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-165 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-160 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-155 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-150 {
    background-color:rgb(255,0,255);
    color: black;
}

.Vent-145 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-140 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-135 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-130 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-125 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-120 {
    background-color:rgb(190,0,255);
    color: black;
}

.Vent-115 {
    background-color:rgb(0,0,255);
    color: black;
}

.Vent-110 {
    background-color:rgb(0,0,255);
    color: black;
}

.Vent-105 {
    background-color:rgb(0,0,255);
    color: black;
}

.Vent-100 {
    background-color:rgb(0,0,255);
    color: black;
}

.Vent-95 {
    background-color:rgb(255,0,0);
    color: black;
}

.Vent-90 {
    background-color:rgb(255,0,0);
    color: black;
}

.Vent-85 {
    background-color:rgb(255,0,0);
    color: black;
}

.Vent-80 {
    background-color:rgb(255,0,0);
    color: black;
}

.Vent-75 {
    background-color:rgb(255,90,0);
    color: black;
}

.Vent-70 {
    background-color:rgb(255,90,0);
    color: black;
}

.Vent-65 {
    background-color:rgb(255,90,0);
    color: black;
}

.Vent-60 {
    background-color:rgb(255,90,0);
    color: black;
}

.Vent-55 {
    background-color:rgb(250,250,0);
    color: black;
}

.Vent-50 {
    background-color:rgb(250,250,0);
    color: black;
}

.Vent-45 {
    background-color:rgb(250,250,0);
    color: black;
}

.Vent-40 {
    background-color:rgb(250,250,0);
    color: black;
}

.Vent-35 {
    background-color:rgb(0,100,0);
    color: black;
}

.Vent-30 {
    background-color:rgb(0,100,0);
    color: black;
}

.Vent-25 {
    background-color:rgb(0,100,0);
    color: white;
}

.Vent-20 {
    background-color:rgb(0,100,0);
    color: white;
}

.Vent-15 {
    background-color:rgb(0,255,0);
    color: black;
}

.Vent-10 {
    background-color:rgb(0,255,0);
    color: black;
}

.Vent-5 {
    background-color:rgb(0,255,0);
    color: black;
}

.Vent-0 {
    background-color:rgb(0,255,0);
    color: black;
}

.Pression-1050 {
    background-color: rgb(255,0,0);
}

.Pression-1040 {
    background-color: rgb(250,90,0);
}

.Pression-1030 {
    background-color: rgb(250,250,0);
}

.Pression-1020 {
    background-color: rgb(0,255,0);
}

.Pression-1010 {
    background-color: rgb(0,100,0);
}

.Pression-1000 {
    background-color: rgb(0,255,255);
}

.Pression-990 {
    background-color: rgb(0,0,255);
    color: white;
}

.Pression-980 {
    background-color: rgb(90,0,255);
}

.Pression-970 {
    background-color: rgb(255,0,255);
}

.Radiation-800 {
    background-color: rgb(255,0,0);
}

.Radiation-700 {
    background-color: rgb(250,90,0);
}

.Radiation-600 {
    background-color: rgb(250,250,0);
}

.Radiation-500 {
    background-color: rgb(0,255,0);
}

.Radiation-400 {
    background-color: rgb(0,100,0);
}

.Radiation-300 {
    background-color: rgb(0,255,255);
}

.Radiation-200 {
    background-color: rgb(0,0,255);
    color: white;
}

.Radiation-100 {
    background-color: rgb(90,0,255);
}

.Radiation-0 {
    background-color: rgb(255,0,255);
}