html{overflow-x: hidden;overflow-y: auto}
ul, ol{margin-top: 0;margin-bottom: 0}
h1,.h1,h2,.h2,h3, .h3{margin-top: 0}
h1,.h1{text-align: center; .open-sans-italic}
h2,.h2{.open-sans-semi-bold}
h3, .h3{.open-sans-bold;}

a, .btn{outline: 0px!important}
a{text-decoration: none;
  &:hover{text-decoration: underline}
  &.big-link{text-decoration: underline;font-size: 18px;color: @green!important;
    &:hover{color: @text-color!important;}
  }
}
.big-link, .big-text{.open-sans-semi-bold;}
.big-text{font-size: @font-size-medium; color: @text-color}
.separator{border-top: 1px solid @text-color; margin: 10px 0 @rules-fos 0}
table{overflow:scroll;display: block;
  @media(min-width: 768px){display: table; overflow: hidden}
}

.wigdet{
  &-content{margin-bottom: @rules-fos/2;}
}
.widget{
  &-columns{
    .title a{text-decoration: none!important;}
    .content{margin-bottom: 0!important;}
    figure{margin-bottom: 0!important;}
    .panel{
      &-heading{background-color: @brand-primary;
        @media(min-width: 768px){background-color: transparent}
        a{color: @white;font-size: @font-size-large}
      }
      &-collapse{
        figure{margin-bottom: @rules-fos/2!important;}
      }
    }
    .title{font-size: @font-size-large}
  }
}

.content{overflow: hidden;margin-bottom: 35px;
  .panel{
    &-heading {
      a {
        padding: 10px 35px 10px 15px;
        position: relative;
        text-decoration: none;
        .ico {
          right: 10px;
          top: 14px;
          position: absolute;
        }
        &.collapsed {
          .ico {
            background-position: -76px -30px;
          }
        }
      }
    }
  }
  ol, ul{padding-left: 0;
    .lt-ie8 &{margin-left: 10px;}
    li{position: relative;
      &:before{position: absolute;left: 0;}
      .lt-ie8 &{list-style-position:inside;vertical-align: middle;}
    }
  }
  ul{
    li{padding-left: 10px;list-style: none; padding-bottom: 10px;
      .lt-ie8 &{list-style-type: disc!important;zoom: 1;}
      &:before {content: "• ";color: @text-color;}
      ul{
        li{
          .lt-ie8 &{list-style-type: circle!important;}
          &:before {content: "- ";}
        }
      }
    }
    &.list-euro{
      li{padding-left: @rules-fos*2;
        &:before{width: 32px;height: 32px; background:url('@{images}/sprite_fos.svg') -219px -56px no-repeat; content:'€';color: @white;font-size: @font-size-extralarge;vertical-align: middle; text-align: center; margin-right: 10px;
          .lt-ie9 &{background-image: url('@{images}/sprite_fos.png')}
        }
        .lt-ie8 &{padding-left: 10px}
      }
    }
    &.list-unstyled{
      li{padding-left: 0;
        &:before{display: none}
      }
    }
    &.list-check{
      li{padding-left: @rules-fos;
        &:before{background: url('@{images}/sprite_fos.svg') no-repeat  -165px -95px; content:''; width: 12px; height: 12px; top: 3px;
          .lt-ie9 &{background-image: url('@{images}/sprite_fos.png')}
        }
      }
    }
  }
  ol{counter-reset: i 0;overflow: hidden;
    .lt-ie8 &{list-style-type: decimal!important;}
    li{padding-left: 15px;
      .lt-ie8 &{display: list-item!important;vertical-align: top;}
      &:before{content: counter(i)+"/";counter-increment: i;color: @text-color;}
    }
  }
  .lt-ie8 &{
    p{padding: 0 15px}
  }
  a{margin-bottom: 10px;}
  figure{margin-bottom: @rules-fos;}
  .bloc{margin-top: @rules-fos}
}

.center-left{margin: 0 auto;
  @media(min-width: 768px){margin: 0}
}


.move-title-bottom{position: fixed; bottom: 0; background-color: @brown56; color: @white; z-index: 999; left: 0; width: 100%;padding-top: 10px; padding-bottom: 10px;margin-bottom: 0!important;
  .lt-ie8 &{position: static}
  @media(min-width: 768px){position: inherit; background-color: transparent; color: @text-color;padding-top: 0; padding-bottom: 0;margin-bottom: @rules-fos!important;}
  .title-page-text{margin-bottom: 0;font-size: @font-size-small;.open-sans-italic; font-weight: 600;background-color: transparent!important;width: auto;
    @media(min-width: 768px){font-size: @font-size-h1; width: 100%}
  }
}
.title-page{margin-bottom: @rules-fos;
  &-text{
    @media(min-width: 570px){top: 35%;background-color: #ffffff;width: 500px;}
    @media(min-width: 768px){top: 20%}
    @media(min-width: 992px){top: 25%;
      .lt-ie8 &{left: 22%!important;}
    }
    @media(min-width: 1200px){
      .lt-ie8 &{left: 28%!important;}
    }
    &.noHeadBrand{position: relative}
  }
}


.noPmobile{padding-left: 0px;padding-right: 0px;
  @media(min-width: 768px){padding-left: floor((@grid-gutter-width / 2));padding-right: floor((@grid-gutter-width / 2));}
}

strong{.open-sans-semi-bold; font-weight: normal}
i{.open-sans-italic; font-style: normal}

sup{font-size: 60%}

.btn{.border-radius(0);margin-bottom: 0!important;.open-sans-semi-bold; margin-top: @rules-fos; padding: 6px 40px; white-space: normal;
  &-default{
    &:focus{background-color: @green!important; color: @white!important;}
    &:hover, &:active{background-color: @white!important; color: @green!important; border-color: @green!important;}
  }
  &-search{padding: 6px 10px;
    &:hover{
      .ico-search{background-position: -37px -108px}
    }
  }
  &-black{background-color: @black00; border-color: @black00;
    &:hover, &:focus, &:active{background-color: @white; border-color: @black00;color: @black00!important}
  }
  &-primary{
    &:hover, &:focus, &:active{background-color: @light-green; border-color: @light-green;}
  }
  &-orange{background-color: @orangeff; border-color: @orangeff;
    &:hover, &:focus, &:active{background-color: @white; color: @orangeff!important;border-color: @orangeff;}
  }
  &-brown{background-color: @brown56; border-color: @brown56;
    &:hover, &:focus, &:active{background-color: @white; border-color: @brown56;color: @brown56!important}
  }
  &-back{margin-bottom: 18px!important; margin-top: 0;}
}

.pdf-link{position: relative; padding-left: 40px;display: inline-block;padding-top: 7px;
  .ico{position: absolute; left: 0; top: 0; margin: 0!important;}
}


.table{border: 1px solid #ddd; margin: 0 auto @rules-fos auto;min-width: 100%!important;
  @media(min-width: 768px){min-width: inherit!important;}
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        border-top: none;
      }
    }
  }
  p,h3{margin: 0!important;}
}

.lt-ie8 &{
  .list-unstyled{margin-left: 0}
}