/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.block-mf-comportement-vigilance {
  /* Block display */
  /* Block Title */ }
  .block-mf-comportement-vigilance:not(.visible) {
    display: none; }
  .block-mf-comportement-vigilance h2 {
    color: #145e9a;
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d3d3d3;
    font-weight: 700;
    font-family: "Quicksand", sans-serif; }
    @media screen and (max-width: 63.99875em) {
      .block-mf-comportement-vigilance h2 {
        font-size: 19px; } }
  .block-mf-comportement-vigilance .clearfix:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 63.99875em) {
    .block-mf-comportement-vigilance > .wrapper > .inner:after {
      content: "";
      display: table;
      clear: both; } }

/* Tabs */
#comportements_tabs {
  color: #333333;
  padding-top: 12px; }
  #comportements_tabs li {
    float: left;
    width: calc(100% / 9);
    text-align: center;
    padding-top: 12px;
    padding-bottom: 20px;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    position: relative; }
    #comportements_tabs li.hide {
      display: none !important; }
    @media screen and (max-width: 63.99875em) {
      #comportements_tabs li {
        width: 20%; } }
    @media screen and (max-width: 39.99875em) {
      #comportements_tabs li {
        width: 25%; }
        #comportements_tabs li:not(.active) {
          border: unset; } }
    #comportements_tabs li .label {
      font-size: 14px;
      line-height: 32px;
      height: 32px;
      display: block;
      padding: 0 5px; }
      @media screen and (max-width: 63.99875em) {
        #comportements_tabs li .label {
          font-size: 12px; } }
      #comportements_tabs li .label .inner {
        display: inline-block;
        vertical-align: middle;
        line-height: 16px; }
    #comportements_tabs li i {
      display: inline-block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      line-height: 40px;
      text-align: center;
      font-size: 0;
      margin: auto;
      margin-bottom: 20px;
      position: relative;
      /*img {
        width: auto;
        height: auto;
        vertical-align: middle;
      }*/ }
      #comportements_tabs li i:before {
        content: "";
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px;
        margin: auto; }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li i {
          width: 25px;
          height: 25px;
          line-height: 25px; } }
    #comportements_tabs li.orange i {
      background: #ffb82b; }
    #comportements_tabs li.rouge i {
      background: #CC0000; }
    #comportements_tabs li.jaune i {
      background: #ffff00; }
    #comportements_tabs li.blanc i {
      background: #fff;
      border: solid 1px #000; }
    #comportements_tabs li.violette i {
      background: #992BA5; }
    #comportements_tabs li.bleu i {
      background: #5f8dd3; }
    #comportements_tabs li[data-phenomene="1"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -84px -21px;
      width: 29px;
      height: 24px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="1"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="1"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: 0px -119px;
          width: 21px;
          height: 17px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="1"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="2"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -62px -50px;
      width: 31px;
      height: 18px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="2"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="2"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -25px -100px;
          width: 27px;
          height: 15px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="2"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="3"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -113px -21px;
      width: 25px;
      height: 24px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="3"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="3"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -100px -119px;
          width: 15px;
          height: 15px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="3"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="4"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -79px -80px;
      width: 34px;
      height: 14px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="4"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="4"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -28px -68px;
          width: 30px;
          height: 11px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="4"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="5"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -28px -50px;
      width: 34px;
      height: 18px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="5"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="5"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -52px -100px;
          width: 27px;
          height: 15px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="5"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="6"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -139px -91px;
      width: 11px;
      height: 27px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="6"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="6"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -157px -107px;
          width: 8px;
          height: 21px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="6"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="7"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -139px -64px;
      width: 12px;
      height: 27px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="7"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="7"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -157px -86px;
          width: 8px;
          height: 21px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="7"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="8"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -50px -21px;
      width: 34px;
      height: 26px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="8"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="8"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: 0px -100px;
          width: 25px;
          height: 19px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="8"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="9"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -93px -50px;
      width: 34px;
      height: 16px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="9"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="9"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -58px -68px;
          width: 22px;
          height: 10px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="9"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="10"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: -55px -80px;
      width: 24px;
      height: 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="10"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="10"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -43px -119px;
          width: 21px;
          height: 16px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="10"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li[data-phenomene="12"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
      background-position: 0px -80px;
      width: 28px;
      height: 20px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        #comportements_tabs li[data-phenomene="12"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
          background-size: 171px 153px; } }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li[data-phenomene="12"] i:before {
          background-image: url(/modules/custom/mf_tools_common/img/sprites.png);
          background-position: -21px -119px;
          width: 22px;
          height: 16px; } }
  @media screen and (max-width: 39.99875em) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 39.99875em) and (min-resolution: 192dpi) {
    #comportements_tabs li[data-phenomene="12"] i:before {
      background-image: url(/modules/custom/mf_tools_common/img/sprites@2x.png);
      background-size: 171px 153px; } }
    #comportements_tabs li.reunion:not([data-phenomene="10"]) i {
      overflow: hidden; }
      #comportements_tabs li.reunion:not([data-phenomene="10"]) i:before {
        z-index: 10; }
      #comportements_tabs li.reunion:not([data-phenomene="10"]) i:after {
        content: "";
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: repeating-linear-gradient(-45deg, #F5F3C2, #F5F3C2 10px, transparent 10px, transparent 20px); }
    #comportements_tabs li.active {
      border-color: #d3d3d3; }
      #comportements_tabs li.active:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #ffffff; }
      #comportements_tabs li.active .label {
        font-weight: 700; }
      @media screen and (max-width: 39.99875em) {
        #comportements_tabs li.active {
          background: #ffffff; } }

.block-mf-comportement-vigilance:not(.vigilance_page)
#comportements_tabs
li:not(.show) {
  display: none; }

@media screen and (max-width: 63.99875em) {
  .block-mf-comportement-vigilance #comportements_tabs {
    float: left;
    width: 30%; } }
  @media screen and (max-width: 63.99875em) and (max-width: 63.99875em) {
    .block-mf-comportement-vigilance #comportements_tabs > li {
      width: 100%;
      border: 1px solid #ffffff;
      border-right: none;
      border-radius: 10px 0 0 10px;
      padding-top: 8px;
      padding-bottom: 8px; }
      .block-mf-comportement-vigilance #comportements_tabs > li:after {
        content: "";
        display: table;
        clear: both; }
      .block-mf-comportement-vigilance #comportements_tabs > li.active {
        border-color: #d3d3d3; }
        .block-mf-comportement-vigilance #comportements_tabs > li.active:after {
          right: -1px;
          top: 0;
          bottom: 0;
          left: unset;
          height: 0;
          width: 1px; }
      .block-mf-comportement-vigilance #comportements_tabs > li i {
        float: left;
        margin-left: 5px;
        margin-bottom: 0; }
      .block-mf-comportement-vigilance #comportements_tabs > li .label {
        float: left;
        margin-left: 2px;
        width: calc(100% - 47px); } }

@media screen and (max-width: 39.99875em) {
  .block-mf-comportement-vigilance #comportements_tabs {
    width: 35px; } }
  @media screen and (max-width: 39.99875em) and (max-width: 63.99875em) {
    .block-mf-comportement-vigilance #comportements_tabs > li {
      padding-top: 5px;
      padding-bottom: 5px; }
      .block-mf-comportement-vigilance #comportements_tabs > li:not(.active) {
        border: 1px solid transparent; }
      .block-mf-comportement-vigilance #comportements_tabs > li .label {
        display: none; } }

/* Tabs content  */
#comportements_list {
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 30px 20px;
  color: #333333; }
  @media screen and (max-width: 63.99875em) {
    #comportements_list {
      padding: 10px 15px;
      background-color: #ffffff;
      padding-bottom: 20px; } }
  #comportements_list.no_top_left_radius {
    border-top-left-radius: 0; }
  #comportements_list.no_top_right_radius {
    border-top-right-radius: 0; }
  #comportements_list > li:not(.active) {
    display: none; }
  #comportements_list .vigilance > p:not(.mobile_title) {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 36px;
    position: relative;
    padding-bottom: 19px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 33px; }
    @media screen and (max-width: 63.99875em) {
      #comportements_list .vigilance > p:not(.mobile_title) {
        padding-left: 18px;
        font-size: 12px; } }
    @media screen and (max-width: 39.99875em) {
      #comportements_list .vigilance > p:not(.mobile_title) {
        padding-bottom: 10px;
        margin-bottom: 20px; } }
    #comportements_list .vigilance > p:not(.mobile_title):before {
      content: "";
      position: absolute;
      left: 11px;
      top: 2px;
      height: 16px;
      width: 16px;
      border-radius: 50%;
      box-sizing: border-box; }
      @media screen and (max-width: 63.99875em) {
        #comportements_list .vigilance > p:not(.mobile_title):before {
          left: 0px;
          top: 5px;
          width: 11px;
          height: 11px; } }
    #comportements_list .vigilance > p:not(.mobile_title):after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 5px;
      width: 230px;
      height: 4px;
      border-radius: 5px; }
      @media screen and (max-width: 63.99875em) {
        #comportements_list .vigilance > p:not(.mobile_title):after {
          width: 168px; } }
  #comportements_list .vigilance.orange p:after, #comportements_list .vigilance.orange p:before {
    background: #ffb82b; }
  #comportements_list .vigilance.rouge p:after, #comportements_list .vigilance.rouge p:before {
    background: #CC0000; }
  #comportements_list .vigilance.jaune p:after, #comportements_list .vigilance.jaune p:before {
    background: #FFFF00; }
  #comportements_list .vigilance.blanc p:after, #comportements_list .vigilance.blanc p:before {
    background: #fff; }
  #comportements_list .vigilance.blanc p:before {
    border: solid 1px; }
  #comportements_list .vigilance.bleu p:after, #comportements_list .vigilance.bleu p:before {
    background: #5F8DD3; }
  #comportements_list .vigilance.violette p:after, #comportements_list .vigilance.violette p:before {
    background: #992BA5; }
  #comportements_list .vigilance > p.mobile_title {
    font-size: 17px;
    line-height: 20px;
    color: #145e9a;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 15px; }
    @media screen and (min-width: 40em) {
      #comportements_list .vigilance > p.mobile_title {
        display: none; } }
  #comportements_list .vigilance .wrapper > div {
    float: left;
    width: 50%;
    text-align: justify;
    letter-spacing: 0.1px; }
    @media screen and (max-width: 63.99875em) {
      #comportements_list .vigilance .wrapper > div {
        width: 100%;
        text-align: left;
        letter-spacing: 0; } }
  #comportements_list .vigilance .consequences {
    padding-right: 15px; }
    @media screen and (max-width: 63.99875em) {
      #comportements_list .vigilance .consequences {
        margin-bottom: 20px;
        padding-right: 0; } }
  #comportements_list .vigilance .conseils {
    padding-left: 15px; }
    @media screen and (max-width: 63.99875em) {
      #comportements_list .vigilance .conseils {
        padding-left: 0; } }
  #comportements_list .vigilance .rte p {
    font-size: 14px;
    line-height: 20px; }
    @media screen and (max-width: 39.99875em) {
      #comportements_list .vigilance .rte p {
        font-size: 13px; } }
    #comportements_list .vigilance .rte p strong {
      font-weight: 700;
      padding-top: 10px;
      display: block;
      line-height: 16px;
      padding-bottom: 10px;
      font-size: 16px; }
      @media screen and (max-width: 39.99875em) {
        #comportements_list .vigilance .rte p strong {
          font-size: 13px;
          padding-bottom: 5px; } }
    #comportements_list .vigilance .rte p.title {
      font-size: 20px;
      line-height: 20px;
      color: #0a74b1;
      font-weight: 600;
      font-family: "Quicksand", sans-serif;
      margin-bottom: 15px; }
      @media screen and (max-width: 39.99875em) {
        #comportements_list .vigilance .rte p.title {
          font-size: 17px;
          margin-bottom: 15px; } }
  #comportements_list .vigilance .rte p.title + p strong {
    padding-top: 0; }
  #comportements_list .vigilance .rte ul {
    margin-bottom: 10px; }
    #comportements_list .vigilance .rte ul li {
      font-size: 14px;
      margin: 0; }
  #comportements_list .vigilance .rte a:hover {
    color: #145e9a; }

@media screen and (max-width: 63.99875em) {
  .block-mf-comportement-vigilance #comportements_list {
    float: left;
    width: 70%;
    margin-top: 12px; } }

@media screen and (max-width: 39.99875em) {
  .block-mf-comportement-vigilance #comportements_list {
    width: calc(100% - 35px); } }