@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#block-mfmaplayersv2observations .rte {
  margin-top: 20px; }

#mf_map_layers {
  width: 738px;
  max-width: 100%;
  font-size: 0; }
  #mf_map_layers #map_wrapper {
    z-index: 1;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 565px;
    font-size: initial; }
    #mf_map_layers #map_wrapper .loader-ring {
      opacity: 0;
      transition: 0.5s all; }
    #mf_map_layers #map_wrapper.loading .loader-ring {
      opacity: 1;
      pointer-events: all; }
    @media screen and (max-width: 74.99875em) {
      #mf_map_layers #map_wrapper {
        height: 500px; } }
    @media screen and (max-width: 39.99875em) {
      #mf_map_layers #map_wrapper {
        height: auto; } }
    #mf_map_layers #map_wrapper #map_inner_wrapper {
      position: relative;
      z-index: 44; }
      #mf_map_layers #map_wrapper #map_inner_wrapper #map {
        width: 100%;
        height: 565px; }
        @media screen and (max-width: 74.99875em) {
          #mf_map_layers #map_wrapper #map_inner_wrapper #map {
            height: 500px; } }
        @media screen and (max-width: 39.99875em) {
          #mf_map_layers #map_wrapper #map_inner_wrapper #map {
            height: calc(100vw - 20px); } }
        #mf_map_layers #map_wrapper #map_inner_wrapper #map .leaflet-control-container .leaflet-bottom.leaflet-right {
          display: none; }
        #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_img {
          z-index: 99;
          width: 60px;
          height: auto;
          left: -5px;
          top: -5px;
          position: relative; }
          @media screen and (max-width: 74.99875em) {
            #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_img {
              width: 100%; } }
        #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_text {
          position: absolute;
          z-index: -1;
          top: -5px;
          right: -15px;
          font-size: 16px;
          color: #333333;
          font-weight: 700;
          margin: 0;
          line-height: 18px; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_text .tmin {
            color: #1c9bd4;
            font-weight: bold; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_text .tmax {
            color: #f26522;
            font-weight: bold; }
          @media screen and (max-width: 39.99875em) {
            #mf_map_layers #map_wrapper #map_inner_wrapper #map .icon_text {
              font-size: 10px !important;
              right: -5px;
              top: 2px;
              white-space: nowrap; } }
        #mf_map_layers #map_wrapper #map_inner_wrapper #map .iconMap-1 {
          text-align: center;
          line-height: 50px; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .iconMap-1 img {
            max-width: 50px !important;
            height: auto;
            vertical-align: middle; }
          @media screen and (min-width: 40em) {
            #mf_map_layers #map_wrapper #map_inner_wrapper #map .iconMap-1 .icon_text {
              top: -7px;
              right: 0px;
              line-height: 20px; } }
        #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip {
          text-align: center;
          background: #ffffff;
          padding: 2px 5px;
          border-radius: 5px;
          width: 300px; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .top {
            position: absolute;
            top: 17px;
            left: 39px;
            font-size: 1rem; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .middle {
            position: absolute;
            top: 30px;
            left: 39px;
            font-size: 1rem; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .bottom {
            position: absolute;
            top: 46px;
            left: 39px;
            font-size: 1rem; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .map_tooltip_location {
            font-size: 16px;
            color: #145e9a;
            font-weight: 700;
            text-align: center; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .map_tooltip_description {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 5px; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .map_tooltip_icon {
            width: 60px;
            height: auto;
            display: inline-block;
            vertical-align: middle; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .map_tooltip_temp {
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            font-weight: 700; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .temp-min {
            color: #1c9bd4;
            font-weight: bold; }
          #mf_map_layers #map_wrapper #map_inner_wrapper #map .map_tooltip .temp-max {
            color: #f26522;
            font-weight: bold; }
  #mf_map_layers #display-legend-avalanche {
    display: flex;
    align-items: center;
    font-size: 10px;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    margin-top: 15px; }
    #mf_map_layers #display-legend-avalanche:focus, #mf_map_layers #display-legend-avalanche:hover {
      color: #db0084; }
    #mf_map_layers #display-legend-avalanche:before {
      content: "";
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -135px -124px;
      width: 14px;
      height: 12px;
      margin-right: 10px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #mf_map_layers #display-legend-avalanche:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 196px 171px; } }

.leaflet-tooltip.leaflet-zoom-animated.leaflet-tooltip-left {
  border-radius: 5px; }

@media screen and (max-width: 39.99875em) {
  #mf_map_layers:not(.observation):not(.MONTAGNE) .leaflet-tooltip-pane {
    display: none; }
  #mf_map_layers.MONTAGNE .map_tooltip {
    width: auto !important; } }

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  border: none !important; }

.loader-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 555;
  pointer-events: none; }

.loader-ring-light {
  top: 50%;
  left: 50%;
  position: absolute;
  margin: -100px 0 0 -100px;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -webkit-box-shadow: 0 5px 0 #1a7ac7 inset;
  box-shadow: 0 5px 0 #1a7ac7 inset;
  animation: rotate-360 2s linear infinite; }

@keyframes rotate-360 {
  from {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

#map input,
#map button {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important; }

#map select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important; }

#bulletin-observations-modal .flexslider {
  width: 538px;
  max-width: 100%;
  margin: 0px auto; }
  #bulletin-observations-modal .flexslider .flex-control-nav {
    position: relative;
    bottom: 0;
    height: 11px;
    display: flex;
    justify-content: center;
    align-items: center; }
    #bulletin-observations-modal .flexslider .flex-control-nav li {
      display: block; }
      #bulletin-observations-modal .flexslider .flex-control-nav li a {
        border: solid 1px #9b9b9b;
        background: transparent;
        width: 7px;
        height: 7px;
        box-shadow: none; }
        #bulletin-observations-modal .flexslider .flex-control-nav li a.flex-active {
          border-color: #db0084;
          background: #db0084;
          width: 11px;
          height: 11px; }

.miniature {
  width: 150px;
  position: absolute;
  z-index: 999;
  border: 1px solid #000;
  right: 4px;
  top: 4px;
  border-radius: 10px;
  padding: 5px 3px;
  background: #fff; }
  @media screen and (max-width: 63.99875em) {
    .miniature {
      width: 100px; } }
  .miniature a {
    width: 100%;
    height: 100%;
    display: block; }
    .miniature a img {
      width: 100%;
      height: 100%;
      display: block; }
  .miniature ~ #map_weather_picker {
    left: 5px;
    margin: auto;
    width: fit-content; }

#map_container #map-toggle-wind-unit {
  position: absolute;
  z-index: 999;
  right: 10px;
  bottom: 10px; }
  @media screen and (max-width: 63.99875em) {
    #map_container #map-toggle-wind-unit {
      top: 10px;
      right: 10px;
      left: unset; } }
  #map_container #map-toggle-wind-unit input[type=checkbox] {
    position: absolute;
    opacity: 0; }
    #map_container #map-toggle-wind-unit input[type=checkbox] + label {
      display: block;
      padding-left: 55px;
      font-size: 13px;
      color: #333333;
      line-height: 20px;
      position: relative;
      cursor: pointer;
      font-weight: 400;
      text-transform: none; }
      #map_container #map-toggle-wind-unit input[type=checkbox] + label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 20px;
        border-radius: 10px;
        background: #9b9b9b;
        border: 0;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #map_container #map-toggle-wind-unit input[type=checkbox] + label:after {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        top: 3px;
        left: 3px;
        border-radius: 50%;
        background: #ffffff;
        opacity: 1;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    #map_container #map-toggle-wind-unit input[type=checkbox]:checked + label:before {
      background: #28d661; }
    #map_container #map-toggle-wind-unit input[type=checkbox]:checked + label:after {
      left: 23px; }

#map_instant_picker {
  position: absolute;
  bottom: 120px;
  left: 8px;
  right: 8px;
  margin: auto;
  z-index: 999;
  text-align: center; }
  #map_instant_picker ul {
    font-size: 0; }
    #map_instant_picker ul li {
      display: inline-block;
      vertical-align: top; }
      #map_instant_picker ul li a {
        font-size: 11.5px;
        text-transform: uppercase;
        display: block;
        color: #ffffff;
        background: #145e9a;
        padding: 0 25px;
        line-height: 28px;
        cursor: pointer; }
        #map_instant_picker ul li a.active {
          background: #ffffff;
          color: #145e9a; }
      #map_instant_picker ul li:first-child a {
        border-radius: 5px 0 0 5px; }
      #map_instant_picker ul li:last-child a {
        border-radius: 0 5px 5px 0; }

#map_mode_picker {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  margin-top: -20px; }
  #map_mode_picker ul {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto; }
    #map_mode_picker ul > li {
      width: calc(100% / 6);
      min-width: 100px; }
      #map_mode_picker ul > li a {
        font-size: 15px;
        color: #145e9a;
        text-align: center;
        padding: 0px 5px;
        -moz-transition: all 0.5 ease-in-out;
        -webkit-transition: all 0.5 ease-in-out;
        -o-transition: all 0.5 ease-in-out;
        -ms-transition: all 0.5 ease-in-out;
        transition: all 0.5 ease-in-out;
        height: 53px;
        display: flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        white-space: nowrap;
        font-weight: bold;
        align-items: center;
        justify-content: center; }
        #map_mode_picker ul > li a:after {
          content: "";
          background: #db0084;
          left: 0px;
          width: 0;
          height: 4px;
          border-radius: 5px;
          position: absolute;
          bottom: 0px;
          -moz-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        #map_mode_picker ul > li a.active, #map_mode_picker ul > li a:hover {
          color: #db0084;
          text-align: center; }
          #map_mode_picker ul > li a.active:after, #map_mode_picker ul > li a:hover:after {
            width: 100%; }

#map_section_picker {
  background: #f3f3f3;
  border-radius: 5px;
  margin: 16px 0; }
  @media screen and (min-width: 40em) {
    #map_section_picker ul {
      display: flex;
      align-items: center; } }
  @media screen and (min-width: 40em) {
    #map_section_picker ul li {
      flex: 1 1 auto; } }
  #map_section_picker ul li a {
    display: block;
    border-radius: 5px;
    color: #145e9a;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 13px;
    padding: 11px 15px;
    text-align: center;
    cursor: pointer; }
    @media screen and (max-width: 39.99875em) {
      #map_section_picker ul li a {
        text-align: left; } }
    #map_section_picker ul li a i {
      margin-right: 10px; }
      @media screen and (min-width: 40em) and (max-width: 63.99875em) {
        #map_section_picker ul li a i {
          margin-bottom: 5px; } }
  #map_section_picker ul li.active a {
    color: #ffffff;
    background: #145e9a; }

@media screen and (min-width: 40em) {
  #map_time_picker {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 444; }
    #map_time_picker .liste_timepicker {
      width: 110px;
      border-radius: 5px;
      background-color: #ffffff;
      overflow: hidden; }
      #map_time_picker .liste_timepicker.mobile {
        display: none; }
      #map_time_picker .liste_timepicker:not(:last-child) {
        margin-bottom: 5px; }
      #map_time_picker .liste_timepicker strong {
        font-family: "Quicksand", sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #003661;
        display: block;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #map_time_picker .liste_timepicker small {
        font-family: "Quicksand", sans-serif;
        font-size: 13px;
        color: #003661;
        display: block;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #map_time_picker .liste_timepicker > li {
        cursor: pointer;
        position: relative;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #map_time_picker .liste_timepicker.today li {
        text-align: center;
        padding-top: 4px;
        padding-bottom: 10px; }
        #map_time_picker .liste_timepicker.today li:after {
          content: "";
          -moz-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0;
          background: #db0084; }
        #map_time_picker .liste_timepicker.today li strong {
          margin-bottom: 5px; }
        #map_time_picker .liste_timepicker.today li.active:after {
          height: 3px; }
        #map_time_picker .liste_timepicker.today li.active strong {
          color: #db0084; }
        #map_time_picker .liste_timepicker.today li.active small {
          font-weight: bold; }
      #map_time_picker .liste_timepicker.week, #map_time_picker .liste_timepicker.hour {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 12px; }
        #map_time_picker .liste_timepicker.week > li:not(:last-child), #map_time_picker .liste_timepicker.hour > li:not(:last-child) {
          margin-bottom: 7px; }
        #map_time_picker .liste_timepicker.week > li > strong, #map_time_picker .liste_timepicker.hour > li > strong {
          display: inline-block;
          padding-left: 7px;
          padding-right: 7px; }
        #map_time_picker .liste_timepicker.week > li.expend > strong, #map_time_picker .liste_timepicker.hour > li.expend > strong {
          border-radius: 5px;
          height: 20px;
          line-height: 20px; }
        #map_time_picker .liste_timepicker.week > li.expend > ul, #map_time_picker .liste_timepicker.hour > li.expend > ul {
          overflow: auto;
          padding-top: 10px; }
        #map_time_picker .liste_timepicker.week > li > ul, #map_time_picker .liste_timepicker.hour > li > ul {
          padding-top: 0px;
          max-height: 0;
          overflow: hidden;
          -moz-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          #map_time_picker .liste_timepicker.week > li > ul li, #map_time_picker .liste_timepicker.hour > li > ul li {
            padding-left: 7px;
            height: 20px;
            line-height: 20px; }
            #map_time_picker .liste_timepicker.week > li > ul li.active small, #map_time_picker .liste_timepicker.hour > li > ul li.active small {
              font-weight: bold;
              color: #db0084; }
      #map_time_picker .liste_timepicker.week > li.expend ul {
        max-height: 90px; }
      #map_time_picker .liste_timepicker.hour > li.expend ul {
        max-height: 290px; } }

@media screen and (max-width: 39.99875em) {
  #map_time_picker {
    overflow-x: auto;
    padding-top: 16px;
    margin-top: -16px;
    display: flex; }
    #map_time_picker .liste_timepicker {
      display: flex;
      flex-wrap: nowrap;
      height: 60px; }
      #map_time_picker .liste_timepicker.desktop {
        display: none; }
      #map_time_picker .liste_timepicker li {
        position: relative; }
        #map_time_picker .liste_timepicker li.sub_element, #map_time_picker .liste_timepicker li.today {
          flex: 0 0 calc((100vw - 20px) / 4);
          width: calc((100vw - 20px) / 4);
          text-align: center;
          height: 60px;
          padding-top: 20px;
          padding-bottom: 10px; }
          #map_time_picker .liste_timepicker li.sub_element:after, #map_time_picker .liste_timepicker li.today:after {
            content: "";
            height: 0px;
            width: 100%;
            background: #db0084;
            position: absolute;
            bottom: 0;
            left: 0;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        #map_time_picker .liste_timepicker li:not(.sub_element):not(.today) > strong {
          position: absolute;
          left: 5px;
          top: 10px; }
        #map_time_picker .liste_timepicker li:not(.sub_element):not(.today) > ul {
          display: flex;
          flex-wrap: nowrap; }
          #map_time_picker .liste_timepicker li:not(.sub_element):not(.today) > ul li {
            padding-top: 30px; }
            #map_time_picker .liste_timepicker li:not(.sub_element):not(.today) > ul li:first-child:before {
              content: "";
              width: 1px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              background: #9b9b9b; }
            #map_time_picker .liste_timepicker li:not(.sub_element):not(.today) > ul li:not(:first-child):before {
              content: "";
              width: 1px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              background: #dee2e6; }
        #map_time_picker .liste_timepicker li strong {
          text-transform: uppercase;
          font-size: 11px;
          color: #145e9a;
          font-weight: 700;
          display: block; }
        #map_time_picker .liste_timepicker li small {
          font-size: 12.8px;
          font-weight: 700;
          color: #145e9a;
          display: block; }
        #map_time_picker .liste_timepicker li .triangle {
          bottom: 100%;
          position: absolute;
          left: 0;
          width: 100%;
          z-index: 999; }
          #map_time_picker .liste_timepicker li .triangle:before {
            content: "";
            height: 0px;
            width: 100%;
            background: #db0084;
            position: absolute;
            top: 0;
            left: 0;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          #map_time_picker .liste_timepicker li .triangle:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 0px 10px;
            border-color: transparent transparent #db0084 transparent;
            position: absolute;
            z-index: 1;
            left: 50%;
            margin-left: -10px;
            bottom: 0;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        #map_time_picker .liste_timepicker li.active:after {
          height: 3px; }
        #map_time_picker .liste_timepicker li.active .triangle:before {
          height: 3px; }
        #map_time_picker .liste_timepicker li.active .triangle:after {
          border-width: 0 10px 6px 10px; }
      #map_time_picker .liste_timepicker.today li {
        padding-top: 30px; }
        #map_time_picker .liste_timepicker.today li strong {
          color: #db0084;
          margin-bottom: 10px;
          position: absolute;
          left: 5px;
          top: 10px; } }

#map_weather_picker {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 999;
  border-radius: 5px;
  overflow: hidden; }
  #map_weather_picker.bottom {
    top: unset;
    bottom: 4px;
    right: calc(50% - 180px); }
  @media screen and (max-width: 39.99875em) {
    #map_weather_picker {
      top: unset;
      right: unset;
      bottom: unset;
      left: 10px;
      bottom: 10px; } }
  #map_weather_picker ul {
    font-size: 0; }
    #map_weather_picker ul li {
      display: inline-block;
      vertical-align: top; }
      #map_weather_picker ul li a {
        font-size: 11px;
        text-transform: uppercase;
        display: block;
        color: #ffffff;
        background: #036ba1;
        padding: 0 10px;
        height: 30px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-family: "Quicksand", sans-serif;
        font-weight: bold; }
        @media screen and (max-width: 39.99875em) {
          #map_weather_picker ul li a {
            padding: 0 4px; } }
        #map_weather_picker ul li a:before {
          content: "";
          margin-right: 10px;
          background-size: cover; }
        #map_weather_picker ul li a.previsions:before {
          width: 18px;
          height: 15px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAIAAAAABKli1tAAAENElEQVRYCeWYWWxNURSGW2NjqFA1VEkH0hJN2oggEWmLBDFUiCESEUoknoQHoQ+GmBLhTeKFiAdEIiHxRvCAVFM1U0MUVTU3NbTV4fr+5u7b02OfU71OvVjJl73PWmuvvc6e7j43JuZ/k1AoNArm294bfTpsgO42+z/R0bmRXGeHKJV4TdiY4LT51bv5GaO0XaVdC0xztR/PczN8gJ4um+djVyR4gd5CMMvV62KeB0FJbGxstcsW/CNTdSk8XWOc0dHlQ6NsLr1U0u936RPRPYG7Tv1f1wn4EprhI0xyBuR5O2x06Zajuwm9jZ56X7gOrS9EmWRspow1lc6WBBtBm/OQDS9gIVN3jzIG2wCKGZAGOfADyqAUivHDJdSfegXItwamo79DGZwoEfip3pCJiky5BsrhC7SAkQYq0p2EZJgIkg+Q65VV1CNoAhJcU5YKz+Es5EIPeAca2WLIgLEwBDRi8s2HTGhm5C5TBickpTlKgSzIhng4BLWgET0IkbVmeka3FiRau5JkYwukJGAa7IJHoE1SCa/gXbj8TLnPrzPs46ECmuCo8aWeB5vhCkg0K38uNCgEJaAR0tp6D6+hCupBUg03YLhfZOwrQLH0cqNhJUiUtBndAr8Y7Ww02gv6mVJyevvdMBUyYDKsAi1+HTlG2p2PzoA49ALNwHdYDbNBUgw7YKbT37eOs37cFUw7sBSGejXANg807Rrhu+C5xrBdBEm7g9srtlVP4yR4Bho5TclvC9/dEB/nGjvCs/WkQC+b5LA7hvO5o9/iZTiPhEoYy3HQ4Gxsq+NzH30h1MIcGE4SIgWGgulTm0A/h1UQnRDsFmjR7ulMBPy1xp5CHfwArVttCC2V+1AE2mDaaHmwCCSnoADSO+wPpx5ggkzpsIHLgbanQS+nHf4GFOstNEFDGG2SODgG5iTQWhf6CbULRiU3DsxR0rkzibC0TQbtyk2QCQkwBrRLn4ASlegk6A7ajGdAx5akyJodhiVwG7Qb9YZfIcvqHKWSePHhuLrFaClETgbqg/UMZq229YJyJ+i80xRozWgN6W0D/4Ygpk4ITb0GYUtbFh41nJaCktNhewLSwHpEeITotJr4B0CjWOLbGId+8BA0Ypd8nQM00lcOaM1ptvrYQpt51o04EfRBs8Dm2EW6L8RtDjPQ1odJULdj3dOqOWi/2Ry7SDeMuHGgNf7J1odJsAljPVjfwtYwIN064gyGFwyM+rcL858K2lE6SEfbvYLV0k866CjTJVeJegsO+mm6BrqF3IHIueTdKnoL8aeE+6JovSHFe0WLHCM46rvhMWi6dSnYBmXwE4IQ/dugb5L1MAE0COo/k+ktp7RKJEFZSXIyxXFIAS1c7bJGCELUV1/Q5+ZneApzSe4jpae0S1BeJKk/draCPiP1Tatv1iBEVyvNzAM4BedIro7SV34B0Hlk8hI4MvAAAAAASUVORK5CYII="); }
        #map_weather_picker ul li a.previsions.active:before {
          background-image: url("data:image/png;base64,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"); }
        #map_weather_picker ul li a.vent:before {
          width: 16px;
          height: 11px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGAAAAAA915G0AAABv0lEQVRIDc2WzytEURTHvUmjZKVsJCUbFCkiCwsbG6Gs2SgLZWFhZ6lsTVn6B9QslDDNGrOwsyJrs2AzNBaimetzZu7U6Xn3WrgvTn3n/Lrz/Z477773pq0tZTPGZMAOuAGv4BKspyzbpEdIxAsgyY5SHwLVLaVcIy6rXMLFVIdA4N4KvuBHRQw/Bz5tvZjaAAh0Atm12KEWIj9tVI15yuhG4PgDvmfLee7grjvqYcrssg/MajZbe7O/QCHSTR2zYJC8S9d+GYvWMNgDwi220XSxT8RX7YRpuhLkkesMjMdmCp0WIFyOosi0O5hz1LtByEtg4HsA16Ao4vi/t4jrsMQYmyAbaBy5te5ACeTZac3LywCPKZ40OWgDvgHkEB4D/5Q+Bn9vhvYZQzh/3cZzgAUdLHQdSL/E965sagzIQZ607V0uxb6Nwzs2sCbQzOQ9QF5CYle6FzSGfKIh0fyY0uSULmyvqus6dj2I9JqfYn0/L8QW99q8EquHS9lhFrReLlVieYyPgAPQsnw4xQQmVLZbSgn+ndpQwtfClRCQ/345UAfaKiQrPiXn69j3JVcPsWl686Af3IITbr8y/v/aF8GOLX4xFE/HAAAAAElFTkSuQmCC"); }
        #map_weather_picker ul li a.vent.active:before {
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGAAAAAA915G0AAACrklEQVRIDc1WTWhTQRCe2ZfXRA30ILm0Iki1IoIGFEUUBA8iCO0thzZpTj1Ikyq99hKoeK35OYpikkJpDx60Vk8epBUvgj9gsAcvCmIDVqo2JtkdZ19MStr3UjR54kKyuzOz883uzH77EFxuiQSJ68X8BBCFCOEwErxCQXcq6ehtDY1u4lvgq7kFArq0DUfALZmOjroagBnPxZRSaQscQXH/CQh6GsEIHBCNiQsDUhSrucWvBhhBmYn2ouG5AIhVLUeimGsB9CTu7yakQ1YASLlyJvxaj6up4SdcB4t6TIRB1wLoB3+Zj/uzBkIhFnS/vZFytQZ2xfP7KkAHqunI0zq4lpVJFXj7exDwkWMA3vhsn4KKv76w7d4QiFIdkaSm+GT6tD8Bwv4WdMXyYUky1zZoCweI+KySjpy1rQEF8niLtW2rEGHRh75BDoI8dt5MNJJlkHu5fDqXAuKaB3wHBi5VkuHHGtwO+5/L0IjlBpgQrjApd3UIXfHW3hoEy4PnffPzoZBs5ReNsbsf2KC3ldHf6nShcY6HS5mR904+BOdllnPdMkqnxTvJOe1nmHMfHE3MOZ6uxQMH4w+9696ibUHuBLJVL0W3WPuxfgxA3eQATmo9M+Ekk9GNrbaWzk74pzJzPBvRayqpkQZ3+ONzgQ1VWmHG7+Zrt1TNRM/Z+bXlATtDJ5k5PnNCScrqnxmfOVW3+5YOrfJNW9ZzvoCOvNJ2ACB10dcagbxcH9d6/P3205dm+eas7bz3B7xvCsXSd/24kIIJpvEVvtIvFKhR/h6wds6F9nwTsnnk+Bg1m7WemWPZawpo2tYK4acBZrCcGSrY6dtPAXudDERSXGhJrvdGOiwwhDX++hlyAtc2HTkBC4z/zKvZ0yTpIpP+fn5qX3o83nsb06GPdf1/2f8CBEfns8DB3a8AAAAASUVORK5CYII="); }
        #map_weather_picker ul li a.uv:before {
          width: 17px;
          height: 18px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJqADAAQAAAABAAAAKAAAAAA7wp46AAAFKUlEQVRYCd2YXYhVVRTHZ3Isx7Iav/CzySktw3QUawZF5kV9KCUJDPRBZRAifQh9qChC7aUxwheL1AdBxBREH1REMkIUJbMGNZSYkRhnNBy/Sx3HtKbf/9y9jvueuefM0XseqgW/u9bea5+119lfZ8+UlPzfpaurqxam/Kvek4Tq4TKcgalZJPdIFkGIUQ0D4DnIZNSySuw2CZn8bUYxOjExpqUUEts8TOeKqdhJz8Z2yoPP8OAGeAO7d1KQiO+pSDmvSKxyKpbDAeyhec6eCjygNzoGkmvwKcQmh+8V164RPSEuPr5y+BJugmQNJI5cXiwa94KPwAJcx/4cYoPg6w8VeYEiBfxK6hZIFPMdiJ21yOO5Ig/o7daBBfoDe3GhxtQHaxEd2wk+LQmL9Tt2A8TOQqF+wjoetOQ6sCWHIBg1tKZbh+oK2A8/gKZ/H7wH1RAkitYM7AWJXnA1PFxSYXYYBHkLtkCV6tGVsAlaIU502H4Bg90z47BPwBKVMxMC2tuPxP4efNEUtcE5uO057mGfB0sudqqLSpQOBkI7mFzB2AwzYQJMhNmwA7SOTDSNTxbVedzDBNaa+grugkQJfgjddip1ZbAU7CU6sT+Li51Yz4PqeAQMdYz0H6BuLGjdSC7AXN9fyKbNJ3AVJKeh0m9HWcvC+tOBHkqZLJxPo7bCcLB1oJ3UQvm10tLSLvR0GAWSA9Rtz5mJvyvw1sBM0Ad+GpwlrvrYBi+C9ac8/qJcQ+xOdJDYAip1wkdFu24S6Jz6zjk70D2OVhA4F/tt2msTSI66/uqwW1QREW2UWWoTjBh6F6yCc2BrRqPUSvaNaL3NEdTLcBd2Q1pR7HoYAjbKinURboH6kehW8it8o4IloY5layo1nJIykmrLmblf2uiudZL6m359TzbPPU6bSTx3yG9LvdaVXlSiA7eNNkGiNmIlrkIjVlAIou2uxFsgLzF8j1Gn9dNOnJ/RoeDTGhoH/cJKZ9C2NVr3wGU6OAg6SHV6V/oBKK+FG9AMtRHffOq0fn+Dhb4vyQ53RFIjAqpdB/QFvf1S8EXD/wQ8D+/TPpwJypoijZbuXkvw9UdnJwScB/oASzRqVRYduwa0gyX6NE31fMMpq71EB+0i8yXpVCPmAuxANztb376Bztb61DFwwpWHocObKb7zlPc4n9biS85OVKkTo4M/idTuog1Cj4hEbnJlxRwf8VnSqh4T8RUspk6MKdBxoi+EROvtWmDd/wluEK5oL2Be7WaTq2Yk6dSJEaQKrPPL2BcsMEnrKBnryjo0f/F86qPOyuhTnl28SefrweRbjHKLiv0u3HHO42its0CwZ8BF59N38lXzFa0JNhkUVHIJXreg2NFdt8zz9cGvlzDZaL6iNRH1Af/aIqN3Q3hOYX8M4UcaO/xLCXsO2OVAh2+qHamk06yxXrQb7d7wOrqBHXrPlaUmgtpI1uHzN4V2p22Y/fhOB61S/KRJTLcCW0+6EehcCoQRUEK247TbwkWfa5F3ZjW6ulQqTWIaHX1yJGr/aGDlfnRVERJNrw5QX+54BXs5ryreTJOYRqnDhdDojbJwTI0SPuvKOjKqzee0P3UPtBt7TIzONSI2DfpQf8AU9vESOIzd6coL8YVHBXU/Qbvz1eHTNTs7IeAL0ASSM1Br0bEr4ChI9P+IuZ5PfzfslMNJg/ky0wReCbo5/Ah5I035TdBfTrqz5V0IKeuvK519OgfHZ5aQH4jAz4K+md2E+sHQu5uDCup10Op6/d+XfwDjJ7yUJR5u6gAAAABJRU5ErkJggg=="); }
        #map_weather_picker ul li a.uv.active:before {
          background-image: url("data:image/png;base64,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"); }
        #map_weather_picker ul li a i {
          border-radius: 50%;
          width: 17px;
          height: 18px;
          display: flex;
          margin-right: 5px;
          justify-content: center;
          align-items: center;
          filter: invert(100%);
          -webkit-filter: invert(100%);
          /* Vent normal */
          /* Vent Violent */
          /* Pluie Innondation */
          /* Orages */
          /* Crue */
          /* Neige Verglas */
          /* Canicule */
          /* Grand Froid */
          /* Avalanche */
          /* Vague Submersion */
          /* Cyclone */
          /* Forte Houle */
          /* Forte Houle */
          /* Fortes Pluies-orages */
          /* Verglas */
          /* Mer dangereuse à la côte*/
          /* BMS */
          /* Alerte Cyclonique */
          /* Pression */ }
          #map_weather_picker ul li a i:after {
            content: "";
            display: block; }
          #map_weather_picker ul li a i.type_vent:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -119px -124px;
            width: 16px;
            height: 12px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_vent:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_1:after, #map_weather_picker ul li a i.type_rafale:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -118px -50px;
            width: 21px;
            height: 17px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_1:after, #map_weather_picker ul li a i.type_rafale:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_1.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -139px 0px;
            width: 25px;
            height: 21px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_1.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_2:after, #map_weather_picker ul li a i.type_pluie:after, #map_weather_picker ul li a i.type_12.spm:after {
            display: inline-block;
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            content: "\EA50";
            color: #000;
            font-size: 30px; }
          #map_weather_picker ul li a i.type_3:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -43px -139px;
            width: 15px;
            height: 15px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_3:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_4:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -61px -104px;
            width: 30px;
            height: 11px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_4:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_5:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -112px -80px;
            width: 27px;
            height: 15px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_5:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_5.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -28px -50px;
            width: 25px;
            height: 26px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_5.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_6:after, #map_weather_picker ul li a i.type_previsions:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -184px -68px;
            width: 8px;
            height: 21px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_6:after, #map_weather_picker ul li a i.type_previsions:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_7:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -184px -47px;
            width: 8px;
            height: 21px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_7:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_7.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: 0px -80px;
            width: 25px;
            height: 24px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_7.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_8:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -139px -41px;
            width: 25px;
            height: 19px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_8:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_8.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_8.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_9:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_9:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_10:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -22px -139px;
            width: 21px;
            height: 16px;
            transform: rotateX(180deg); }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_10:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_11:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_11:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_11.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -27px -124px;
            width: 25px;
            height: 12px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_11.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_12:not(.spm):after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: 0px -139px;
            width: 22px;
            height: 16px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_12:not(.spm):after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_13:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_13:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_14:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_14:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_16:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_16:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_18:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -91px -104px;
            width: 22px;
            height: 10px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_18:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_18.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: -28px -50px;
            width: 25px;
            height: 26px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_18.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_19.spm:after {
            background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
            background-position: 0px -80px;
            width: 25px;
            height: 24px; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              #map_weather_picker ul li a i.type_19.spm:after {
                background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
                background-size: 196px 171px; } }
          #map_weather_picker ul li a i.type_pression:before {
            display: inline-block;
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            content: "\EA51";
            color: #000;
            font-size: 20px;
            margin-left: 6px; }
        #map_weather_picker ul li a.active {
          background: #ffffff;
          color: #145e9a; }
          #map_weather_picker ul li a.active i {
            filter: invert(22%) sepia(99%) saturate(4862%) hue-rotate(187deg) brightness(90%) contrast(98%);
            -webkit-filter: invert(22%) sepia(99%) saturate(4862%) hue-rotate(187deg) brightness(90%) contrast(98%); }

#map-select-snow {
  position: absolute;
  z-index: 999;
  top: 10px;
  left: 50px;
  max-width: calc(100% - 60px); }
  #map-select-snow:before {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 30px;
    font-size: 16px;
    pointer-events: none; }
  #map-select-snow:after {
    content: "\EA02";
    font-family: "fa";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 20px;
    top: 0;
    color: #333333;
    font-size: 12.8px;
    height: 35px;
    line-height: 35px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #map-select-snow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 35px;
    padding-left: 25px;
    padding-right: 60px;
    border-radius: 5px;
    background: #ffffff;
    font-size: 13px;
    font-weight: 500;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    max-width: 100%; }
  #map-select-snow select::-ms-expand {
    display: none; }

#map-caption-snow {
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: start; }
  @media screen and (max-width: 39.99875em) {
    #map-caption-snow {
      flex-wrap: wrap;
      position: relative; } }
  #map-caption-snow li {
    flex: 0 0 calc(100% / 9);
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px; }
    @media screen and (max-width: 39.99875em) {
      #map-caption-snow li {
        flex: 0 0 25%; } }
    #map-caption-snow li:nth-child(1) {
      background: #CCC; }
    #map-caption-snow li:nth-child(2) {
      background: #d3f4ff; }
    #map-caption-snow li:nth-child(3) {
      background: #a8f0ff; }
    #map-caption-snow li:nth-child(4) {
      background: #68cfff; }
    #map-caption-snow li:nth-child(5) {
      background: #3a8fff; }
    #map-caption-snow li:nth-child(6) {
      background: #260aff;
      color: #ffffff; }
    #map-caption-snow li:nth-child(7) {
      background: #2700a7;
      color: #ffffff; }
    #map-caption-snow li:nth-child(8) {
      background: #9f008c;
      color: #ffffff; }
    #map-caption-snow li:nth-child(9) {
      background: #741c4e;
      color: #ffffff; }

#map-caption-invalid-date {
  position: absolute;
  left: 10px;
  bottom: 35px;
  font-size: 12px;
  z-index: 999;
  padding-left: 40px;
  line-height: 25px; }
  @media screen and (max-width: 39.99875em) {
    #map-caption-invalid-date {
      bottom: 10px; } }
  #map-caption-invalid-date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: repeating-linear-gradient(-45deg, #ffffff 46%, #c5c5c5 58%, #c5c5c5 25%, #ffffff 58%); }

@media screen and (min-width: 40em) {
  #poi_selector {
    margin: 0px -15px; }
    #poi_selector:after {
      content: "";
      display: table;
      clear: both; } }
  @media screen and (min-width: 40em) and (max-width: 39.99875em) {
    #poi_selector {
      margin: 0; } }

@media screen and (min-width: 40em) {
  #poi_selector > li {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; } }
  @media screen and (min-width: 40em) and (min-width: 40em) {
    #poi_selector > li {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

@media screen and (min-width: 40em) {
    #poi_selector > li, #poi_selector > li:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #poi_selector > li:last-child:not(:first-child) {
      float: right; } }

@media screen and (max-width: 39.99875em) {
  #poi_selector > li:not(:last-child) {
    margin-bottom: 20px; } }

#poi_selector > li .select-container {
  position: relative; }
  #poi_selector > li .select-container select {
    height: 40px;
    border-radius: 5px !important;
    padding-left: 15px;
    font-size: 14px;
    color: #333333;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
    width: 100%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #a6a6a6; }
  #poi_selector > li .select-container:after {
    content: "\EA02";
    font-family: "fa";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 0;
    color: #333333;
    font-size: 12.8px;
    height: 40px;
    line-height: 40px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#map-layers-mini h3 {
  font-weight: 400 !important;
  background: #1694d2;
  background: -moz-linear-gradient(top, #1694d2 0%, #1694d2 100%);
  background: -webkit-linear-gradient(top, #1694d2 0%, #1694d2 100%);
  background: linear-gradient(to bottom, #1694d2 0%, #1694d2 100%);
  border-radius: 5px !important;
  color: #fff !important;
  padding: 0.25rem !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  font-size: 1.1rem;
  margin-bottom: 7px; }

#map-layers-mini #map-layers-mini-container {
  width: 100%;
  height: 300px;
  border-radius: 5px !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

#map-layers-mini p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: smaller;
  text-align: center; }

/* ------------------------------------------------ TOP LIST MENU ------------------------------------------------ */
.block-mf-menu-periods {
  margin-bottom: 0 !important; }

#menu-periods {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px; }
  #menu-periods ul:not(.flex-direction-nav) {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto; }
    #menu-periods ul:not(.flex-direction-nav) > li:not(:last-child) {
      margin-right: 15px; }
    #menu-periods ul:not(.flex-direction-nav) > li a {
      display: block;
      font-family: "Quicksand", sans-serif;
      font-weight: bold;
      color: #145e9a;
      -moz-transition: all 0.5 ease-in-out;
      -webkit-transition: all 0.5 ease-in-out;
      -o-transition: all 0.5 ease-in-out;
      -ms-transition: all 0.5 ease-in-out;
      transition: all 0.5 ease-in-out;
      position: relative;
      cursor: pointer;
      text-transform: uppercase; }
      @media screen and (min-width: 40em) {
        #menu-periods ul:not(.flex-direction-nav) > li a {
          height: 30px;
          line-height: 30px;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 13px;
          border-radius: 5px;
          white-space: nowrap; }
          #menu-periods ul:not(.flex-direction-nav) > li a.active {
            color: #fff;
            background: #db0084;
            pointer-events: none; }
          #menu-periods ul:not(.flex-direction-nav) > li a:hover {
            color: #db0084; } }
      @media screen and (max-width: 39.99875em) {
        #menu-periods ul:not(.flex-direction-nav) > li a {
          font-size: 11px;
          line-height: 14px;
          text-align: center;
          color: #036ba1; }
          #menu-periods ul:not(.flex-direction-nav) > li a.active {
            color: #db0084; }
          #menu-periods ul:not(.flex-direction-nav) > li a:before {
            display: block;
            font-size: 17px;
            margin-bottom: 9px;
            margin-top: 12px; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-today:before {
            content: "\EA0C";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-per-hour:before {
            content: "\EA16";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-tomorrow:before {
            content: "\EA0E";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-week-end:before {
            content: "\EA0F";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-7days:before, #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-15days:before {
            content: "\EA0B";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; }
          #menu-periods ul:not(.flex-direction-nav) > li a.menu_periods-item-trends:before {
            content: "\EA3A";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased; } }
  @media screen and (max-width: 39.99875em) {
    #menu-periods {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 63px;
      background: #ffffff;
      margin: 0;
      z-index: 999;
      padding: 0 20px;
      border: 0; }
      #menu-periods .flex-direction-nav .flex-prev {
        left: 6px; }
      #menu-periods .flex-direction-nav .flex-next {
        right: 6px; }
      #menu-periods .flex-direction-nav .flex-prev,
      #menu-periods .flex-direction-nav .flex-next {
        font-size: 0;
        width: auto;
        height: auto;
        margin: 0;
        top: 0;
        bottom: 0;
        line-height: 63px; }
        #menu-periods .flex-direction-nav .flex-prev:before,
        #menu-periods .flex-direction-nav .flex-next:before {
          font-size: 18px;
          color: #036ba1; }
        #menu-periods .flex-direction-nav .flex-prev.flex-disabled,
        #menu-periods .flex-direction-nav .flex-next.flex-disabled {
          opacity: 0.2 !important;
          pointer-events: none; } }

#mf_map_layers .xml_details * {
  display: block;
  margin-bottom: 20px; }

#mf_map_layers .xml_details titre {
  margin-bottom: 20px;
  font-family: "CrimsonText", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #145e9a;
  margin-top: 20px;
  color: #145e9a; }

#mf_map_layers .xml_details date {
  margin-bottom: 20px;
  font-weight: 600; }

#BRA .BRAentete {
  display: block;
  margin-bottom: 20px; }

#BRA {
  font-size: 14px;
  background: #FFF; }
  #BRA img {
    max-width: 100%;
    height: auto; }

#BRA h1 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 1.8em;
  color: #145e9a;
  text-align: center;
  font-weight: bold; }

#BRA h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 1.1em;
  color: #145e9a;
  text-align: center;
  font-weight: bold; }

#EchelleRisque {
  margin: auto;
  width: 850px;
  padding: 5px 5px 5px 5px;
  font-family: arial, verdana, sans-serif;
  font-size: 1em; }

#EchelleRisque h1 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 1.8em;
  color: #145e9a;
  text-align: center;
  font-weight: bold; }

#EchelleRisque h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 1.1em;
  color: #145e9a;
  text-align: center;
  font-weight: bold; }

#EchelleRisque table {
  border-style: solid;
  border-color: Gray;
  border-width: 2px;
  border-spacing: 0px;
  margin-top: 20px; }

#EchelleRisque td,
#EchelleRisque th {
  border-style: solid;
  border-color: Gray;
  border-width: 1px;
  padding: 5px 5px 5px 5px;
  vertical-align: top; }

#EchelleRisque th img {
  padding: 5px 0px 2px 0px; }

#EchelleRisque thead {
  height: 50px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center; }

#EchelleRisque thead td {
  vertical-align: middle; }

#BRA .baliseAmendement {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.4em;
  color: #145e9a;
  text-align: center;
  font-weight: bold; }

#BRA h2 {
  background-repeat: no-repeat;
  margin-bottom: 15px;
  margin-top: 20px;
  color: white;
  padding: 10px;
  text-align: center;
  background: #145e9a;
  font-size: 15px;
  font-weight: 400; }

#BRA h3 {
  margin-top: 5px;
  margin-bottom: 5px; }

#BRA pre {
  font-family: arial, verdana, sans-serif;
  font-size: 0.95em;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 99%;
  /* remove horizontal scroll-bar when viewing in IE7 */ }

#BRA table {
  padding-top: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 0.9em;
  margin: auto; }

#BRA .Risque .cartouche {
  padding-left: 3px;
  padding-right: 3px;
  border-top: black thin solid;
  border-right: black thin solid;
  border-bottom: black thin solid;
  border-left: black thin solid; }

#BRA .Logo_MF {
  display: table-cell;
  float: left;
  width: 90px; }

#BRA .Risque {
  width: 100%;
  display: table;
  height: 130px; }

#BRA .Risque p {
  margin-bottom: 0px; }

#BRA .legende {
  font-size: 0.8em;
  margin-top: 2px; }

#BRA .Risque .avis {
  color: Black;
  text-align: center;
  font-weight: bold;
  margin-top: 0px; }

#BRA .Risque .vigilanceOrange {
  color: #ff6633;
  text-align: center;
  font-weight: bold;
  margin-bottom: -13px;
  margin-top: 0px; }

#BRA .Risque .vigilanceRouge {
  color: Red;
  text-align: center;
  font-weight: bold;
  margin-bottom: -13px;
  margin-top: 0px; }

#BRA .tableauMeteo tr {
  height: 25px; }

#BRA .tableauMeteo td {
  border-top: darkgray 1px solid;
  border-bottom: darkgray 1px solid; }

#BRA .tableauMeteo {
  width: 100%;
  text-align: center;
  vertical-align: middle; }

#BRA .tableauMeteo .temps {
  border-top-style: none;
  border-bottom-style: none;
  vertical-align: top;
  width: 120px; }

#BRA .risqueMaxi {
  display: block;
  height: 88px;
  vertical-align: middle;
  text-align: right;
  width: 140px;
  float: right;
  background-color: white; }

#BRA .BRAtendance {
  margin-top: 20px; }

#BRA .BRAtendance li {
  height: 35px;
  list-style-type: none;
  display: inline-block;
  width: 170px;
  margin-left: 100px; }

#BRA .BRAtendance img {
  float: right;
  margin-top: -10px; }

#BRA .basdepage {
  font-weight: normal;
  font-size: 12px;
  font-style: italic;
  margin-top: 30px; }

#BRA .Risque .figurineRisque {
  display: block;
  float: left;
  width: 350px; }

#BRA .Risque .cartouche {
  display: block;
  width: 400px;
  height: 132px;
  float: right;
  vertical-align: middle;
  font-size: 1.1em; }

#BRA .row {
  width: 100%;
  display: inline-block; }

#BRA .col1 img {
  width: 355px;
  height: auto; }

#BRA .row .col2 {
  display: block;
  float: right;
  width: 430px; }

#BRA .row .col2:first-child {
  display: block;
  float: none;
  width: 100%;
  max-width: 450px;
  margin: auto; }

#BRA .row .col1 {
  display: block;
  float: left;
  width: 355px; }

#BRA .row .col1 span {
  margin-top: -15px;
  display: block; }

/* ----------------------BSH --------------------*/
#BSH {
  margin: auto;
  max-width: 660px;
  font-size: 16px; }

#BSH_graph {
  display: inline-block;
  width: 100%; }

#BSH_graph div {
  padding: 5px 0px 0px 0px; }

#BSH_graph div.BSHdate {
  display: inline-block;
  width: 630px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin: -3px 0 0 30px;
  font-size: 0.75em;
  font-weight: bold;
  border-left: 1px solid black;
  padding: 0; }

#BSH_graph div.BSHdate div {
  font-size: 12px !important;
  color: #000;
  z-index: 99999;
  display: block;
  padding: 0;
  float: left;
  width: 89px;
  max-width: 89px;
  border-right: 1px solid black;
  margin: 0 0 0 0;
  text-align: center; }

#BSH_graph div.BSHdate1 {
  padding: 0;
  margin: -3px 0 0 30px;
  display: inline-block;
  width: 630px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.7em;
  font-weight: bold;
  color: White;
  border-left: 1px solid black; }

#BSH_graph div.BSHdate1 div {
  display: block;
  font-size: 12px !important;
  padding: 0;
  margin: 0;
  float: left;
  width: 29px;
  max-width: 29px;
  color: #000;
  border-right: 1px solid black; }

#BSH_graph div.BSHtempssensible {
  display: inline-block;
  width: 630px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin: 0 0 0 30px; }

#BSH_graph div.BSHtempssensible div {
  display: block;
  width: 30px;
  padding: 0;
  margin: 0;
  float: left; }

#BSH_graph div.BSHrisque {
  display: inline-block;
  width: 630px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  margin: 0 0 0 30px;
  z-index: 999; }

#BSH_graph div.BSHrisque div {
  display: block;
  text-align: center;
  width: 88px;
  padding: 0;
  float: left;
  margin: 0 1px 0 1px;
  background-color: White;
  z-index: 999; }

#BSH_graph .BSHtitreRisque {
  margin: 5px 0 0 40px;
  padding: 0 0 0 3px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  text-align: left;
  font-size: 0.7em;
  font-weight: bold;
  border: 1px solid black;
  background-color: White; }

#BSHenneigements ul {
  width: 100%;
  margin: 5px 0 0 30px;
  padding: 0;
  display: inline-block; }

#BSHenneigements ul li {
  list-style: none;
  display: block;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 70px;
  font-size: 0.7em;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  background-color: #464c54;
  color: White;
  margin: 0;
  border: 1px solid black;
  float: left; }

#BSHenneigements ul li a {
  text-decoration: none;
  border: none;
  color: White; }

#BSHenneigements ul li:hover {
  background-color: #2f343a;
  border-color: #2f343a; }

#BSHenneigements ul li.active {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff; }

#BSHenneigements ul li.active a {
  color: Black; }

#BSHenneigements_graph_alt1,
#BSHenneigements_graph_alt3,
#BSHenneigements_graph_nord,
#BSHenneigements_graph_sud,
#BSHenneigements_graph_limite {
  display: none; }

/* BSH ----------------    tableau -------------------------*/
#BSH_tableau {
  margin: 10px auto 0 auto;
  display: none;
  width: 100%; }

#BSH_tableau .BSH_tableau_meteo,
#BSH_tableau .BSH_tableau_neige {
  width: 320px;
  margin: auto; }

#BSH_tableau div.BSHdate {
  padding: 0 2px 0 2px;
  margin: 0;
  display: inline-block;
  width: 36px;
  text-align: center;
  vertical-align: bottom;
  font-size: 0.75em;
  font-weight: bold;
  background-color: #404040;
  color: White;
  border-top: 1px solid black;
  float: left; }

#BSH_tableau div.BSHdate div {
  height: 48px;
  display: block;
  vertical-align: middle;
  padding: 25px 0 25px 0;
  float: left;
  color: White;
  border-bottom: 1px solid #969696;
  margin: 0 0 0 0; }

#BSH_tableau .BSH_tableau_donnee {
  display: block;
  float: left;
  width: 280px;
  font-size: 0.7em; }

#BSH_tableau div.BSH_tableau_titre_meteo {
  display: inline-block;
  float: left;
  width: 249px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  border-top: solid 1px #969696;
  border-bottom: solid 1px #969696;
  border-left: solid 1px #969696;
  font-size: 0.7em;
  margin-left: 70px;
  background-color: #b4b4b4; }

#BSH_tableau div.BSH_tableau_jour_meteo,
#BSH_tableau div.BSH_tableau_nuit_meteo {
  display: inline-block;
  float: left;
  width: 280px;
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  vertical-align: middle;
  border-bottom: solid 1px #969696; }

#BSH_tableau div.BSH_tableau_nuit_meteo {
  background-color: #e6e6e6; }

#BSH_tableau div.BSH_tableau_jour_meteo div,
#BSH_tableau div.BSH_tableau_nuit_meteo div,
#BSH_tableau div.BSH_tableau_titre_meteo div {
  display: block;
  float: left;
  border-right: solid 1px #969696; }

#BSH_tableau div.BSHdate1 {
  width: 30px;
  text-align: center;
  font-weight: bold;
  background-color: gray;
  color: White; }

#BSH_tableau div.BSH_ww,
#BSH_tableau div.BSH_iso-lpn {
  width: 36px;
  text-align: center; }

#BSH_tableau div.BSH_vent {
  width: 58px;
  text-align: right;
  padding: 0 5px 0 5px; }

#BSH_tableau div.BSH_tableau_titre_meteo div.BSH_vent {
  width: 64px;
  text-align: right;
  padding: 0 2px 0 2px; }

#BSH_tableau ul.BSH_iso_legende {
  display: inline-block;
  margin: 10px auto 10px auto;
  width: 100%;
  text-decoration: none;
  font-size: 0.7em;
  list-style: none;
  vertical-align: middle; }

#BSH_tableau ul.BSH_iso_legende li {
  display: block;
  height: 28px;
  max-height: 28px;
  float: left;
  width: 220px;
  line-height: 28px;
  vertical-align: middle; }

#BSH_tableau ul.BSH_iso_legende li img {
  float: left;
  margin-right: 7px;
  width: 32px;
  height: 32px; }

#BSH_tableau div.BSH_tableau_neige div.BSHdate div {
  height: 52px;
  padding: 3px 0 0 0;
  display: block;
  float: left;
  color: White;
  border-bottom: 1px solid #969696;
  margin: 0 0 0 0; }

#BSH_tableau div.BSH_tableau_neige div div {
  border-bottom: 1px solid #969696;
  height: 55px;
  vertical-align: middle; }

#BSH_tableau div.BSH_tableau_neige div.BSH_tableau_neige_col {
  width: 65px;
  text-align: left;
  padding-left: 4px;
  height: 391px;
  display: block;
  float: left;
  border-right: 1px solid #969696; }

#BSH_tableau div.BSH_tableau_neige div.BSH_tableau_titre_neige {
  display: inline-block;
  float: left;
  width: 280px;
  height: 36px;
  vertical-align: middle;
  border-top: solid 1px #969696;
  border-bottom: solid 1px #969696;
  border-left: solid 1px #969696;
  font-size: 0.7em;
  text-align: center;
  margin-left: 39px;
  background-color: #c8c8c8; }

#BSH_tableau div.BSH_tableau_titre_neige div {
  display: block;
  float: left;
  width: 69px;
  border-right: 1px solid #969696;
  max-height: 36px; }

@media screen and (max-width: 839px) and (min-width: 726px) {
  #BRA {
    margin: auto;
    width: 99%; }
  #BRA .Risque {
    width: 100%;
    display: inline-block;
    max-height: 134px; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 345px;
    height: 134px;
    float: left; }
  #BRA .Risque .cartouche {
    display: block;
    height: 132px;
    vertical-align: top;
    font-size: 1em;
    float: right;
    width: 340px; }
  #BRA .Risque .cartouche p {
    line-height: 19px;
    padding-top: 5px; }
  #BRA .row,
  #BRA .Risque {
    width: 100%;
    display: table; }
  #BRA .row .col2 {
    display: table-cell;
    padding-left: 20px;
    float: none;
    width: auto; }
  #BRA .tableauMeteo {
    font-size: 0.8em; }
  #BRA .row .col1 {
    display: table-cell;
    width: 320px;
    float: none; }
  #BRA .col1 img {
    width: 320px;
    height: 250px; } }

@media screen and (max-width: 725px) and (min-width: 671px) {
  #BRA {
    margin: auto;
    width: 99%; }
  #BRA .Risque {
    width: 100%;
    display: inline-block;
    max-height: 117px; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 300px;
    height: 117px;
    float: left; }
  #BRA .Risque .figurineRisque img {
    width: 300px;
    height: auto; }
  #BRA .Risque .cartouche {
    display: block;
    height: 115px;
    vertical-align: top;
    font-size: 0.9em;
    float: right;
    width: 320px; }
  #BRA .Risque .cartouche p {
    line-height: 19px; }
  #BRA .row,
  #BRA .Risque {
    width: 100%;
    display: table; }
  #BRA .row .col2 {
    display: table-cell;
    padding-left: 10px;
    float: none;
    width: auto; }
  #BRA .tableauMeteo {
    font-size: 0.75em; }
  #BRA .row .col1 {
    display: table-cell;
    width: 290px;
    float: none; }
  #BRA .col1 img {
    width: 290px;
    height: 250px; }
  #BRA pre {
    font-size: 0.85em; } }

@media screen and (max-width: 670px) and (min-width: 451px) {
  #BRA {
    margin: auto;
    width: 99%; }
  #BSH {
    width: 320px; }
  #BRA h2 {
    height: auto;
    line-height: 22px; }
  #BRA .Logo_MF {
    width: 63px; }
  #BRA .Logo_MF a img {
    width: 60px;
    margin-bottom: -15px; }
  #BRA .Risque {
    width: 100%;
    display: inline-block;
    margin: auto;
    height: 270px; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 345px;
    margin: 0 auto;
    float: none; }
  #BRA .Risque .cartouche {
    display: block;
    width: 337px;
    vertical-align: middle;
    font-size: 1em;
    height: 130px;
    margin: 0 auto;
    float: none; }
  #BRA .Risque .cartouche p {
    line-height: 19px;
    padding-top: 5px; }
  #BRA .row {
    width: 100%;
    display: inline-block;
    margin: auto; }
  #BRA .row .col1,
  #BRA .row .col2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none; }
  #BRA .row .col1 img {
    height: auto;
    width: 340px;
    margin: auto;
    display: block; }
  #BRA .tableauMeteo {
    margin: 0 auto;
    width: 100%;
    max-width: 450px; }
  #BRA .tableauMeteo .temps {
    width: 100px; }
  #BRA .BRAtendance li {
    height: 45px;
    list-style-type: none;
    display: block;
    width: 170px;
    margin-left: 50px; }
  #BSH_tableau {
    display: inline-block; }
  #BSH_graph {
    display: none; } }

@media screen and (min-width: 371px) and (max-width: 450px) {
  #BRA {
    margin: auto;
    width: 100%;
    padding: 0px 0px 0px 0px; }
  #BSH {
    width: 100%; }
  #BRA h2 {
    height: auto;
    line-height: 22px; }
  #BRA .Logo_MF {
    display: block;
    width: 63px; }
  #BRA .Logo_MF a img {
    width: 60px;
    margin-bottom: -15px; }
  #BRA .Risque {
    display: inline-block;
    margin: auto;
    height: 272px; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 345px;
    float: none;
    margin: 0 auto;
    height: 134px; }
  #BRA .Risque .cartouche {
    display: block;
    width: 337px;
    vertical-align: middle;
    font-size: 1em;
    height: 134px;
    float: none;
    margin: 0 auto; }
  #BRA .Risque .cartouche p {
    line-height: 19px;
    padding-top: 5px; }
  #BRA .row {
    width: 100%;
    display: inline-block;
    margin: auto; }
  #BRA .row .col1,
  #BRA .row .col2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none; }
  #BRA .col1 img {
    display: block;
    width: 340px;
    margin: 0 auto; }
  #BRA .tableauMeteo {
    margin: 0 auto;
    width: 100%;
    font-size: 0.8em; }
  #BRA .tableauMeteo .temps {
    width: 90px; }
  #BRA .BRAtendance li {
    height: 45px;
    list-style-type: none;
    display: block;
    width: 170px;
    margin-left: 20px; }
  #BSH_tableau {
    display: inline-block; }
  #BSH_graph {
    display: none; } }

@media screen and (min-width: 340px) and (max-width: 370px) {
  #BRA {
    margin: auto;
    width: 340px;
    padding: 0px 0px 0px 0px;
    font-size: 0.9em; }
  #BSH {
    width: 100%;
    font-size: 1.1em; }
  #BRA h2 {
    height: auto;
    line-height: 22px; }
  #BRA .Logo_MF {
    display: inline-block;
    width: 63px; }
  #BRA .BRAentete {
    display: inline-block;
    width: 100%; }
  #BRA .Logo_MF a img {
    width: 60px;
    margin-bottom: -15px; }
  #BRA .risqueMaxi {
    display: block;
    height: 84px;
    vertical-align: middle;
    text-align: right;
    width: 110px;
    float: right;
    background-color: white; }
  #BRA .risqueMaxi img {
    width: 100px;
    height: auto; }
  #BRA .Risque .figurineRisque img {
    display: block;
    width: 320px;
    margin: auto; }
  #BRA .Risque {
    display: inline-block;
    margin: auto;
    height: 270px; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 320px;
    float: none;
    margin: 0 auto;
    height: 134px; }
  #BRA .Risque .cartouche {
    display: block;
    width: 312px;
    vertical-align: middle;
    font-size: 1em;
    height: 130px;
    float: none;
    margin: 0 auto; }
  #BRA .Risque .cartouche p {
    line-height: 19px;
    padding-top: 5px; }
  #BRA .row {
    width: 100%;
    display: inline-block;
    margin: auto; }
  #BRA .row .col1,
  #BRA .row .col2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none; }
  #BRA .row .col1 img {
    height: auto;
    width: 320px;
    margin: auto;
    display: block; }
  #BRA .tableauMeteo {
    margin: 0 auto;
    width: 100%;
    font-size: 0.8em; }
  #BRA .tableauMeteo .temps {
    width: 90px; }
  #BRA .BRAtendance li {
    height: 45px;
    list-style-type: none;
    display: block;
    width: 170px;
    margin-left: 20px; }
  #BSH_tableau {
    display: inline-block; }
  #BSH_graph {
    display: none; }
  #BSH_tableau .BSH_tableau_donnee {
    font-size: 0.75em; } }

@media screen and (max-width: 339px) {
  #BRA {
    margin-left: -2px;
    width: 310px;
    padding: 0px 0px 0px 0px;
    font-size: 0.8em; }
  #BSH {
    width: 100%; }
  #BRA h2 {
    height: auto;
    line-height: 20px;
    font-size: 0.9em; }
  #BRA .Logo_MF {
    display: inline-block;
    width: 63px; }
  #BRA .BRAentete {
    display: inline-block;
    width: 100%; }
  #BRA .Logo_MF a img {
    width: 60px;
    margin-bottom: -15px; }
  #BRA .Risque {
    display: inline-block;
    margin: auto;
    height: 235px; }
  #BRA .Risque div {
    margin: 0 auto; }
  #BRA .Risque .figurineRisque {
    display: block;
    width: 310px;
    float: none; }
  #BRA .Risque .figurineRisque img {
    height: auto;
    width: 310px; }
  #BRA .Risque .cartouche {
    display: block;
    width: 302px;
    vertical-align: middle;
    font-size: 1em;
    height: 105px; }
  #BRA .Risque .cartouche p {
    line-height: 16px;
    padding-top: 3px; }
  #BRA .risqueMaxi {
    display: block;
    height: 75px;
    vertical-align: middle;
    text-align: right;
    width: 100px;
    float: right;
    background-color: white; }
  #BRA .risqueMaxi img {
    width: 90px;
    height: auto; }
  #BRA .row {
    width: 100%;
    display: inline-block;
    margin: auto; }
  #BRA .row .col1,
  #BRA .row .col2 {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none; }
  #BRA .row .col1 img {
    height: auto;
    width: 310px;
    margin: auto;
    display: block; }
  #BRA .tableauMeteo {
    margin: 0 auto;
    width: 100%;
    font-size: 0.75em; }
  #BRA .tableauMeteo .temps {
    width: 80px; }
  #BRA .tableauMeteo .temps img {
    width: 70px;
    height: auto; }
  #BRA .BRAtendance li {
    height: 45px;
    list-style-type: none;
    display: block;
    width: 160px;
    margin-left: 00px; }
  #BSH_tableau {
    display: inline-block; }
  #BSH_graph {
    display: none; }
  #BSH_tableau div.BSHdate {
    width: 30px; }
  #BSH_tableau div.BSH_tableau_titre_meteo {
    margin-left: 64px; }
  #BSH_tableau div.BSH_tableau_neige div.BSH_tableau_titre_neige {
    margin-left: 33px;
    height: 25px; }
  #BSH_tableau div.BSH_tableau_titre_neige div {
    max-height: 25px; }
  #BSH_tableau .BSH_tableau_donnee {
    font-size: 0.85em; }
  #BSH_tableau ul.BSH_iso_legende {
    font-size: 0.85em; } }

#content-modal-avalanche {
  background: #FFF; }