.weather-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width:880px){.weather-banner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.weather-banner__content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weather-banner__title{color:#fff;font-family:BrownBold,sans-serif;font-weight:700;margin:0 0 32px;text-align:center}@media(min-width:880px){.weather-banner__title{text-align:left}}.weather-banner__title:after{background:url(https://www.franceinfo.fr/assets/common/images/logos/franceinfo-white-f6aaaa3b.svg) no-repeat;background-size:contain;bottom:-2px;color:transparent;content:"france-info";display:inline-block;font-size:12px;height:19px;position:relative;width:127px}@media(min-width:880px){.weather-banner__title:after{height:21px;width:140px}}.weather-banner__btn{z-index:1;-ms-flex-item-align:center;align-self:center}@media screen and (max-width:879px){.weather-banner__btn{width:100%}}@media(min-width:880px){.weather-banner__btn{-ms-flex-item-align:start;align-self:flex-start}}.weather-banner--meteo{background:transparent;min-height:282px;position:relative}.weather-banner--meteo:before{background:url(https://www.franceinfo.fr/assets/components/contents/rebound/weather-banner/img/meteo-clouds-b499bb92.jpg),#eef0f8;background-position:50%;background-size:cover;content:"";display:block;height:100%;left:50%;margin-left:-50vw;margin-right:-50vw;position:absolute;right:50%;top:0;width:100vw;z-index:-1}@media screen and (min-width:560px)and (max-width:879px){.weather-banner--meteo{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.weather-banner--meteo .weather-banner__img{margin:34px auto 0}.weather-banner--meteo .weather-banner__img--tablet-desktop-only{display:none}@media(min-width:880px){.weather-banner--meteo .weather-banner__img--mobile-only{display:none}.weather-banner--meteo .weather-banner__img--tablet-desktop-only{display:inline;display:initial}}@media(min-width:560px){.weather-banner--meteo .weather-banner__img{-ms-flex-item-align:end;align-self:end;margin:0}}@media screen and (min-width:880px){.weather-banner--meteo .weather-banner__img{margin-left:80px}}@media screen and (max-width:559px){.weather-banner--meteo .weather-banner__content-wrapper{background:transparent;margin-bottom:0;padding:28px 0;position:relative}.weather-banner--meteo .weather-banner__content-wrapper:before{background:#eef0f8;content:"";display:block;height:100%;left:50%;margin-left:-50vw;margin-right:-50vw;position:absolute;right:50%;top:0;width:100vw;z-index:-1}}@media(min-width:560px){.weather-banner--meteo .weather-banner__content-wrapper{margin:0}}.weather-banner--meteo .weather-banner__title{color:#fff;font-family:BrownBold,sans-serif;font-size:2.6rem;font-weight:700;line-height:3.1rem;margin:0 auto 32px;text-align:center}@media screen and (min-width:55rem){.weather-banner--meteo .weather-banner__title{font-size:calc(2.05rem + .625vw);line-height:calc(2.275rem + .9375vw)}}@media screen and (min-width:75rem){.weather-banner--meteo .weather-banner__title{font-size:2.8rem;line-height:3.4rem}}@media(min-width:880px){.weather-banner--meteo .weather-banner__title{margin:0 0 32px;text-align:left}}.weather-banner--meteo .weather-banner__title-line,.weather-banner--meteo .weather-banner__title-part{display:-webkit-box;display:-ms-flexbox;display:flex}.weather-banner--meteo .weather-banner__title-part{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:#202020;padding:0 8px;white-space:nowrap}.weather-banner--meteo .weather-banner__title-part--with-logo{padding:0}.weather-banner--meteo .weather-banner__title-part--highlighted{background-color:#4c6af0;color:#fff}.weather-banner--meteo .weather-banner__title-logo{margin-top:-5px}.weather-banner--meteo .weather-banner__title:after{display:none}@media(min-width:560px){.weather-banner--meteo .weather-banner__btn{-ms-flex-item-align:start;align-self:flex-start}}