#widgets-page h2 {
  color         : #145e9a;
  font-size     : 22px;
  line-height   : 22px;
  padding-bottom: 5px;
  border-bottom : 1px solid #d3d3d3;
  font-weight   : 700;
  font-family   : "Quicksand", sans-serif;
  margin-bottom : 20px;
}

#widgets-page .widgets-list li.with_border {
  border-bottom : 1px solid #d3d3d3;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

#widgets-page .widgets-list p {
  font-size  : 14px;
  line-height: 30px;
}

#widgets-page .widgets-list textarea {
  width : 50%;
  height: 122px;
}

#widgets-page .widgets-list iframe {
  margin-left: 20px;
}

@media screen and (max-width: 1023px) {
  #widgets-page .widgets-list textarea {
    width : 100%;
    height: 100px;
  }

  #widgets-page .widgets-list iframe {
    margin-left: 0px;
    margin-top : 20px;
  }
}

#widget {
  width          : 300px;
  /* height      : 120px; */
  border         : 1px solid #ededed;
  display        : block;
  text-decoration: none;
  position       : relative;
}

#widget:after {
  content     : "";
  background  : url("../img/logo_mf_small.png");
  width       : 40px;
  height      : 40px;
  display     : block;
  margin-right: 10px;
  position    : absolute;
  top         : 6px;
  right       : -3px;
}

#widget .minimap {
  float       : left;
  margin-right: 10px;
  width       : 71px;
  height      : 75px;
}

#widget .zone {
  color         : #145e9a;
  font-size     : 15px;
  line-height   : 22px;
  padding-bottom: 8px;
  font-weight   : 500;
  font-family   : "Quicksand", sans-serif;
  width         : 127px;
  display       : inline-block;
  margin        : 3px 0 0 0;
  height        : 44px;
}

#widget .zone span {
  color: #333333;
}

#widget p {
  font-size: 12px;
  color    : #333333;
  padding  : 0;
  margin   : 0;
}

#widget p.level {
  margin: -3px 0 0 0;
}

#widget p.italic {
  font-style: italic;
  margin    : 0px 0 8px 0;
}

#widget ul {
  margin-left: 8px;
  display    : flex;
  align-items: center;
}

#widget ul li {
  list-style      : none;
  width           : 30px;
  height          : 25px;
  border-radius   : 4px;
  display         : flex;
  background-color: #31aa35;
  margin-left     : 4px;
  justify-content : center;
  align-items     : center;
}

#widget i {


  background-image: url(../img/sprites.png);
}


/** vent **/
#widget i.type_1 {
  background-position: -118px -50px;
  width              : 21px;
  height             : 17px;
}

/** neige **/
#widget i.type_18 {
  /* background-position: -139px -41px; */
  background-position: -28px -50px;
  width              : 25px;
  height             : 26px;
}

/** submersion **/
#widget i.type_9 {
  background-position: -91px -104px;
  width              : 22px;
  height             : 10px;
  margin             : 7px 0 0 4px;
}

#widget i.type_8 {
  background-position: -91px -104px;

  width : 22px;
  height: 10px;
}

/* Forte précipitation / orage */
#widget i.type_2, 
#widget i.type_12 {
  background-position: 0px -139px;
  width              : 22px;
  height             : 15px; 

}

/* Cyclone */
#widget i.type_10 {
  background-position: -22px -139px;
  width              : 21px;
  height             : 16px;
}

/* Verglas */
#widget i.type_19 {
  background-image   : url(/modules/custom/mf_tools_common/img/sprites.png);
  background-position: 0px -80px;
  width              : 25px;
  height             : 24px;
}

/* Mer dangereuse à la cote */
/* #widget i.type_14 {
  background-position: 113px -220px;
  width: 22px;
  height: 12px;
  margin: 6px 0 0 2px;
} */
/** orage **/
/* #widget i.type_2 {
  background-position: -77px -119px;
  width: 15px;
  height: 15px;
  margin: 4px 0 0 6px;
} */
/** pluie **/
/* #widget i.type_2 {
  background-position: -25px -100px;
  width: 27px;
  height: 15px;
  margin: 4px 0px 0px 1px;
} */
/** crue **/
/* #widget i.type_5 {
  background-position: -28px -68px;
  width: 30px;
  height: 11px;
  margin: 6px 0 0 0;
} */
/** canicule **/
/* #widget i.type_7 {
  background-position: -157px -31px;
  width: 8px;
  height: 21px;
  margin: 1px 0 0 10px;
} */
/** froid **/
/* #widget i.type_8 {
  background-position: -157px -55px;
  width: 8px;
  height: 17px;
  margin: 3px 0 0 9px;
} */
/** avalanche **/
/* #widget i.type_9 {
  background-position: 1px -100px;
  width: 26px;
  height: 15px;
  margin: 4px 0 0 2px;
} */
/** RESET **/
body,
ul {
  padding: 0;
  margin : 0;
}

#toolbar-administration,
#drupal-live-announce {
  display: none;
}