/*-- Map --*/
.weather-map {
    background-image: url('../img/carte-meteo/carte.png');
    font-family: Heebo;
    font-weight: 400;
    height: 464px;
    margin: 0 auto;
    position: relative;
    width: 568px;
}

    .weather-map li {
        cursor: pointer;
        font-size: 14px;
        line-height: 14px;
        position: absolute;
        user-select: none;
        z-index: 10;
    }

    .weather-map .weather-cc {
        bottom: 12px;
        left: -20px;
        padding: 3px 0;
        position: absolute;
        text-align: center;
    }

    .weather-map .weather-city {
        color: #009dd9;
    }

    .weather-map li.active .weather-city {
        font-weight: 700;
    }

    .weather-map .weather-city em {
        font-size: 10px;
        margin-right: 3px;
    }

    .weather-map li.active .weather-city em {
        color: #ffd800;
    }

    .weather-map [data-city="auray"] {
        left: 254px;
        top: 250px;
    }

    .weather-map [data-city="la-gacilly"] {
        left: 478px;
        top: 225px;
    }

    .weather-map [data-city="le-faouet"] {
        left: 136px;
        top: 101px;
    }

    .weather-map [data-city="lorient"] {
        left: 156px;
        top: 212px;
    }

    .weather-map [data-city="penestin"] {
        left: 379px;
        top: 328px;
    }

        .weather-map [data-city="penestin"] .weather-cc {
            left: 0;
        }

    .weather-map [data-city="pontivy"] {
        left: 268px;
        top: 96px;
    }

    .weather-map [data-city="ploermel"] {
        left: 391px;
        top: 161px;
    }

    .weather-map [data-city="quiberon"] {
        left: 214px;
        top: 317px;
    }

    .weather-map [data-city="sarzeau"] {
        left: 306px;
        top: 307px;
    }

        .weather-map [data-city="sarzeau"] .weather-cc {
            bottom: auto;
            left: 0;
            top: 15px;
        }

    .weather-map [data-city="sauzon"] {
        left: 185px;
        top: 358px;
    }

        .weather-map [data-city="sauzon"] .weather-cc {
            bottom: auto;
            top: 15px;
        }

    .weather-map [data-city="vannes"] {
        left: 311px;
        top: 256px;
    }

        .weather-map [data-city="vannes"] .weather-cc {
            left: 0;
        }

.weather-select-w {
    display: none;
}

.weather-icon {
    color: #007e8e;
    height: 35px;
}


/*-- Data --*/
.weather-data-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.weather-data {
    font-family: Heebo;
    font-weight: 400;
    margin: 0;
}

    .weather-data .weather-city {
        display: none;
    }

        .weather-data .weather-city.active {
            display: block;
        }

    .weather-data .city-name {
        font-size: 40px;
        text-transform: uppercase;
    }

    .weather-data .forecast-days-w {
        margin: 0;
    }

    .weather-data .forecast-day {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 10px;
        padding: 10px 0;
    }

        .weather-data .forecast-day:last-child {
            border: 0;
        }

        .weather-data .forecast-day .weather-icon,
        .weather-data .forecast-day .forecast-info {
            float: left;
        }

        .weather-data .forecast-day .forecast-info {
            padding-left: 5px;
        }

        .weather-data .forecast-day .forecast-date {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 5px;
            text-transform: capitalize;
        }

        .weather-data .forecast-day .forecast-sunset,
        .weather-data .forecast-day .forecast-sunrise,
        .weather-data .forecast-day .forecast-conditions {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .weather-data .forecast-day .forecast-temperatures,
        .weather-data .forecast-day .forecast-wind {
            float: left;
        }

            .weather-data .forecast-day .forecast-wind em,
            .weather-data .forecast-day .forecast-wind span,
            .weather-data .forecast-day .forecast-sunset span,
            .weather-data .forecast-day .forecast-sunrise span,
            .weather-data .forecast-day .forecast-temperatures span {
                color: #007e8e;
                font-weight: 700;
            }

        .weather-data .forecast-day .forecast-wind {
            margin-left: 15px;
        }

            .weather-data .forecast-day .forecast-wind em {
                font-size: 20px;
                font-weight: 400;
                padding-left: 5px;
            }

        .weather-data .forecast-day .forecast-sunrise {
            margin: 0;
        }

.weather-city-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('../img/carte-meteo/select-caret.png') no-repeat right;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    font-family: Heebo;
    font-size: 18px;
    font-weight: 800;
    overflow: hidden;
    padding: 5px 10px;
    width: 120px;
}


@media (max-width: 1023px) {

    .content_left,
    .content_right {
        width: 100%;
    }

    .weather-map {
        display: none;
    }

    .weather-select-w {
        display: block;
        margin: 20px auto;
        text-align: center;
        width: 310px;
    }

        .weather-select-w span {
            font-size: 18px;
        }

    .weather-data .forecast-day .forecast-temperatures,
    .weather-data .forecast-day .forecast-wind {
        float: none;
    }

    .weather-data .forecast-day .forecast-wind {
        margin-left: 0;
    }
}