@charset "UTF-8";
html {
  background: #f6f6f6; }

body {
  font-family: "Open Sans", sans-serif;
  color: #000; }

.region-content-grey {
  background-color: #f6f6f6; }

body.path-frontpage .region-content-grey > section {
  margin: 40px 0; }

@media all and (min-width: 992px) {
  .container,
  .container-fluid {
    width: 1170px;
    max-width: inherit; } }

h1.page-header {
  text-transform: uppercase;
  border-bottom: 1px solid #c9c9c9;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  padding-top: 35px;
  margin-bottom: 20px; }

.main-content {
  background: #fff;
  border-top: 8px solid #f01f1a;
  color: #000; }
  .main-content h1, .main-content h2, .main-content h3, .main-content h4 {
    color: #000;
    letter-spacing: normal; }
  .main-content h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 500; }
  .main-content h2 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 500; }
  .main-content h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 20px; }
  .main-content h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 20px; }
  .main-content h5 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300; }
  .main-content h6 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300; }
  .main-content .page-header--noborder {
    border-bottom: 0;
    margin-bottom: 0; }
  .main-content .container + .container .page-header {
    padding-top: 0; }
  .main-content .region-content-wrapper {
    padding-bottom: 40px; }

.products-list-page .region-content-wrapper {
  background: #f6f6f6; }

.products-list-page.products-list-page--psg .region-content-wrapper {
  background: #fff; }

body.path-frontpage .region-content-wrapper article.page {
  margin-bottom: 0; }

.footer {
  border-top: 8px solid #f01f1a; }
  .footer a {
    color: #000; }
    .footer a:hover {
      color: #000; }

.logo.navbar-btn {
  margin-top: 20px;
  max-width: 230px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .logo.navbar-btn {
      max-width: 30%;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 575px) {
    .logo.navbar-btn {
      max-width: 50%;
      margin-bottom: 15px; } }

@media only screen and (max-width: 767px) {
  .region-navigation-collapsible-top {
    margin: 10px;
    padding: 10px;
    border: 1px solid #c9c9c9; } }

@media only screen and (max-width: 575px) {
  .region-navigation-collapsible-top {
    margin: 10px;
    padding: 10px;
    border: 1px solid #c9c9c9; } }

pre {
  text-align: left !important; }

.container-fluid,
.container {
  width: 100% !important;
  max-width: 100% !important; }

header nav .container-fluid,
.container {
  width: 100% !important;
  max-width: 100% !important; }

@media (min-width: 768px) {
  .container-fluid,
  .container {
    width: 720px !important;
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .container-fluid,
  .container {
    width: 960px !important;
    max-width: 100% !important; } }

@media (min-width: 1200px) {
  header nav .container-fluid,
  .container-fluid,
  .container {
    width: 1140px !important;
    max-width: 100% !important; } }

.nav-tabs {
  border-bottom: 1px solid #909090; }

.nav-tabs > li > a {
  background: #dadada;
  color: #000;
  border: 1px solid #909090; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: transparent;
  color: #000;
  border: 1px solid #909090; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: transparent;
  color: #000;
  border: 1px solid #909090;
  border-bottom-color: #ededed; }

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  padding-bottom: 51px;
  position: static !important; }
  @media only screen and (max-width: 767px) {
    .navbar-default {
      position: relative;
      padding-bottom: 0px; } }

.navbar-collapse {
  padding-left: 0;
  padding-right: 0; }

@media only screen and (min-width: 768px) {
  .navbar-right {
    margin-right: 0; }
  .region-navigation-collapsible-top {
    margin-top: -70px; }
  .navbar-nav.nav-justified {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float: none; }
    .navbar-nav.nav-justified > li {
      display: table-cell;
      float: none;
      text-align: center;
      width: 100%; }
    .navbar-nav.nav-justified > .dropdown .dropdown-menu {
      min-width: 100%;
      margin-top: 7px; } }

@media only screen and (max-width: 767px) {
  .navbar-nav {
    margin: 0 auto; }
    .navbar-nav .open .dropdown-menu {
      padding: 0;
      margin-bottom: 5px; } }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f01f1a;
  background-color: transparent; }

.navbar-toggle {
  margin-top: -46px; }

.list-group .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0; }
  .list-group .list-group-item:first-child {
    border-top: 0; }

.list-group .list-group-item--doc {
  background: url("../images/picto-doc.png") no-repeat 15px center;
  padding-left: 55px; }

.list-group .list-group-item-heading {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500; }

.list-group .list-group-item-text-suffix,
.list-group .list-group-item-heading-suffix {
  color: #f01f1a;
  margin-left: 2em; }

.well {
  padding: 10px 15px; }
  .well:after {
    content: '';
    display: block;
    clear: both; }

.well--transparent {
  background: none;
  border: 0;
  box-shadow: none; }
  .well--transparent .btn {
    background: #f01f1a;
    color: #fff;
    text-transform: uppercase; }
    .well--transparent .btn .glyphicon {
      margin-right: 5px; }
    .well--transparent .btn:hover, .well--transparent .btn:focus {
      opacity: 0.4;
      cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .well--transparent .btn {
        width: 100%;
        margin-bottom: 5px; } }

.panel {
  border-radius: 0;
  background: none;
  border: 0;
  box-shadow: none; }

.panel-default > .panel-heading {
  border-radius: 0;
  background: none;
  border: 1px solid #c9c9c9;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0; }
  .panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus {
    background: #f3f3f3; }
  .panel-default > .panel-heading h1, .panel-default > .panel-heading h2, .panel-default > .panel-heading h3, .panel-default > .panel-heading h4 {
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    border: 0; }
  .panel-default > .panel-heading .panel-title {
    font-weight: 700;
    font-size: 14px;
    margin: 0 auto;
    border: 0;
    display: block;
    position: relative;
    padding: 15px;
    padding-right: 40px; }
    .panel-default > .panel-heading .panel-title:before {
      content: '>';
      display: inline-block;
      vertical-align: middle;
      color: #f01f1a;
      margin-right: 5px;
      margin-top: -4px;
      font-size: 18px;
      font-weight: 700; }
    .panel-default > .panel-heading .panel-title:after {
      content: '';
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      background: url("../images/plus.png") no-repeat center center; }
    .panel-default > .panel-heading .panel-title:hover, .panel-default > .panel-heading .panel-title:focus {
      text-decoration: none; }
  .panel-default > .panel-heading.active {
    background: #f3f3f3; }
    .panel-default > .panel-heading.active .panel-title:after {
      background: url("../images/moins.png") no-repeat center center; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0; }

.panel-default .panel-default > .panel-heading .panel-title:after {
  display: none; }

.jumbotron {
  text-align: center; }

.btn {
  border-radius: 0;
  padding: 12px 20px;
  font-weight: 700; }
  .btn .glyphicon {
    margin-right: 5px; }
  .btn.icon-only .glyphicon {
    margin-right: 0; }
  .btn:active {
    box-shadow: none; }

.btn-checkbox {
  color: #000;
  padding: 0px 12px;
  padding-left: 20px;
  font-weight: 400;
  box-shadow: none; }
  .btn-checkbox .glyphicon {
    color: #f01f1a; }
  .btn-checkbox:before {
    border: 1px solid #000;
    background: #ededed; }
  .btn-checkbox:hover:not(.disabled), .btn-checkbox:focus:not(.disabled) {
    color: #f01f1a;
    outline: none;
    box-shadow: none; }
  .btn-checkbox:active, .btn-checkbox.active {
    box-shadow: none; }
  .btn-checkbox.disabled:hover, .btn-checkbox.disabled:focus {
    color: #000; }
  .btn-checkbox.filterDisabled {
    color: #000; }
    .btn-checkbox.filterDisabled:hover, .btn-checkbox.filterDisabled:focus {
      color: #000; }
    .btn-checkbox.filterDisabled.disabled {
      color: #000; }

/*::-webkit-scrollbar{  // background of the bar itself
  background: #b5b5b5;
  border: 5px solid $white;
}
::-webkit-scrollbar-thumb{  // draggable scrolling element resizes depending on the size of the scrollable element
  background: $red;
  border: 5px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-thumb {
  background: #f01f1a;
  border: 56px none #ffffff;
  border-radius: 0px; }

::-webkit-scrollbar-thumb:hover {
  background: #f01f1a; }

::-webkit-scrollbar-thumb:active {
  background: #f01f1a; }

::-webkit-scrollbar-track {
  background: #b5b5b5;
  border: 22px none #ffffff;
  border-radius: 0px; }

::-webkit-scrollbar-track:hover {
  background: #b5b5b5; }

::-webkit-scrollbar-track:active {
  background: #b5b5b5; }

::-webkit-scrollbar-corner {
  background: transparent; }

.backgrounder {
  background-position: center center;
  background-repeat: no-repeat;
  /*background-size: auto 100%;*/
  background-size: 100% auto; }
  .backgrounder:hover, .backgrounder:focus {
    /*background-size: auto 110%;*/
    background-size: 110% auto; }

.container-contact .contact-form {
  padding: 0;
  position: relative; }

.container-contact .form-group {
  overflow: hidden;
  margin-bottom: 0; }

.container-contact .bloc-form {
  overflow: hidden;
  margin-bottom: 15px; }

.container-contact .container-label {
  text-align: left; }
  .container-contact .container-label label {
    font-weight: 600; }

.container-contact .form-control {
  border-color: #ddd; }
  .container-contact .form-control:focus {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0; }

.container-contact .form-required:after {
  vertical-align: 5px;
  margin-left: 5px; }

.container-contact .select-wrapper:after {
  background-color: #eee;
  height: 34px;
  top: 0;
  padding: 0;
  margin: 0;
  padding: 0 8px;
  display: flex;
  line-height: 34px;
  color: #000;
  border: 1px solid #ddd; }

.container-contact .g-recaptcha,
.container-contact .form-actions {
  display: inline-block;
  margin-left: 30%;
  width: 70%;
  text-align: center; }

.container-contact .g-recaptcha {
  margin-top: 15px; }

.container-contact .form-actions {
  margin-top: 30px; }

.container-contact button {
  margin-bottom: 15px; }
  .container-contact button:hover {
    opacity: 0.4; }

@media only screen and (max-width: 1199px) {
  .container-contact .g-recaptcha,
  .container-contact .form-actions {
    margin-left: 37.2%;
    width: 62.5%;
    text-align: center; } }

@media only screen and (max-width: 991px) {
  .container-contact .g-recaptcha,
  .container-contact .form-actions {
    margin-left: 34.8%;
    width: 65.2%;
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .container-contact .g-recaptcha,
  .container-contact .form-actions {
    margin-left: 0;
    width: 100%;
    text-align: center; }
  .container-contact .container-label {
    text-align: left; } }

.container-contact #edit-submit:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e080";
  margin-right: 5px; }

#scroll-links {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  background-color: #f01f1a;
  z-index: 9; }
  #scroll-links ul {
    float: left; }
  #scroll-links .buttons {
    float: right;
    margin: 7px 0;
    text-align: right; }
    #scroll-links .buttons .btn {
      color: #fff; }
  #scroll-links > div:after {
    content: '';
    display: block;
    clear: both; }
  #scroll-links ul {
    list-style: none;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px auto;
    padding: 0; }
  #scroll-links li {
    padding: 5px 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center; }
    #scroll-links li:first-child {
      border-left: 0; }
    #scroll-links li a {
      color: #fff;
      text-transform: uppercase;
      font-weight: 600; }
      #scroll-links li a:hover {
        text-decoration: none;
        opacity: 0.4;
        oputline: none; }
      #scroll-links li a:focus {
        text-decoration: none;
        oputline: none; }
  @media (max-width: 800px) {
    #scroll-links li {
      padding: 5px 10px; }
      #scroll-links li a {
        font-size: 12px; }
    #scroll-links .buttons {
      margin: 10px 0; }
    #scroll-links .btn {
      padding: 5px 10px;
      font-size: 0; }
      #scroll-links .btn span {
        margin: 0 !important; } }
  @media only screen and (max-width: 575px) {
    #scroll-links {
      display: none !important; }
      #scroll-links ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      #scroll-links li {
        padding: 0 15px;
        border: 0; }
        #scroll-links li a {
          line-height: 18px; } }

.toolbar-vertical.toolbar-fixed #scroll-links {
  top: 36px; }

.toolbar-horizontal.toolbar-fixed #scroll-links {
  top: 72px; }

.bostik--searchbox .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--site-switch .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--main-menu .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--breadcrumb .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--social-links .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--get-in-touch .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--footer-menu .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.bostik--legal-links .block-title {
  position: absolute;
  z-index: 10;
  top: 0; }

.user-login-form,
.user-pass,
.search-page-form {
  padding: 15px; }

.bostik--searchbox {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .bostik--searchbox {
      text-align: left;
      float: left; } }
  @media only screen and (max-width: 767px) {
    .bostik--searchbox .form-group {
      margin-bottom: 0; } }
  .bostik--searchbox form {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .bostik--searchbox form {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0; } }
  .bostik--searchbox .input-group {
    border-spacing: 10px;
    max-width: 300px; }
    @media (max-width: 550px) {
      .bostik--searchbox .input-group {
        max-width: 100%; } }
  .bostik--searchbox .form-control {
    border-radius: 0;
    height: 44px;
    width: 290px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .bostik--searchbox .form-control {
        width: 200px; } }
    @media (max-width: 550px) {
      .bostik--searchbox .form-control {
        width: 100%; } }
  .bostik--searchbox .btn-primary {
    background: #f01f1a;
    color: #fff;
    border-radius: 0;
    border-color: #f01f1a;
    padding: 7px 12px;
    padding-bottom: 6px; }
    .bostik--searchbox .btn-primary .glyphicon {
      font-size: 24px; }
    .bostik--searchbox .btn-primary:hover .glyphicon, .bostik--searchbox .btn-primary:focus .glyphicon {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.bostik--site-switch {
  margin-left: 120px; }
  @media only screen and (max-width: 1024px) {
    .bostik--site-switch {
      margin-left: 0;
      float: right; } }
  .bostik--site-switch .menu {
    padding: 20px 0;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .bostik--site-switch .menu {
        padding: 0;
        padding-top: 5px;
        margin-bottom: 5px; } }
    .bostik--site-switch .menu > li {
      border-right: 1px solid #dddddd;
      margin-right: 7px;
      padding-right: 10px;
      display: inline-block; }
      .bostik--site-switch .menu > li:first-child {
        border-left: 1px solid #dddddd;
        margin-left: 7px;
        padding-left: 10px; }
      .bostik--site-switch .menu > li > a {
        color: #f01f1a;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0;
        font-size: 15px; }
        @media only screen and (max-width: 767px) {
          .bostik--site-switch .menu > li > a {
            font-size: 13px; } }
        .bostik--site-switch .menu > li > a:hover, .bostik--site-switch .menu > li > a:focus {
          opacity: 0.4;
          text-decoration: underline;
          cursor: pointer; }
          .bostik--site-switch .menu > li > a:hover .glyphicon, .bostik--site-switch .menu > li > a:focus .glyphicon {
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2); }

.bostik--mainmenu {
  clear: both;
  border-top: 1px solid #dddddd;
  position: absolute;
  top: 108px;
  left: 0;
  width: 100%; }
  .toolbar-fixed .bostik--mainmenu {
    top: 144px; }
  .toolbar-tray-open.toolbar-horizontal .bostik--mainmenu {
    top: 180px; }
  @media only screen and (max-width: 767px) {
    .bostik--mainmenu {
      position: relative;
      top: inherit;
      left: inherit;
      width: inherit;
      border-top: 0; }
      .toolbar-fixed .bostik--mainmenu {
        top: inherit; }
      .toolbar-tray-open.toolbar-horizontal .bostik--mainmenu {
        top: inherit; } }
  .bostik--mainmenu .navbar-nav {
    margin: 7px auto; }
    @media only screen and (max-width: 767px) {
      .bostik--mainmenu .navbar-nav {
        margin: 0 auto; } }
    .bostik--mainmenu .navbar-nav > li {
      border-right: 1px solid #dddddd; }
      .bostik--mainmenu .navbar-nav > li:first-child {
        border-left: 1px solid #dddddd; }
      .bostik--mainmenu .navbar-nav > li.front {
        width: 60px; }
      @media only screen and (max-width: 767px) {
        .bostik--mainmenu .navbar-nav > li {
          border-left: 0;
          border-right: 0; }
          .bostik--mainmenu .navbar-nav > li:first-child {
            border-left: 0; }
          .bostik--mainmenu .navbar-nav > li.front {
            width: 100%; } }
      .bostik--mainmenu .navbar-nav > li > a {
        text-transform: uppercase;
        color: #000;
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 8px; }
        .bostik--mainmenu .navbar-nav > li > a .glyphicon-home {
          display: block;
          background: url("../images/home-black.png") no-repeat center center;
          width: 24px;
          height: 20px;
          margin-right: 0; }
          @media only screen and (max-width: 767px) {
            .bostik--mainmenu .navbar-nav > li > a .glyphicon-home {
              margin-top: 8px;
              margin-bottom: 8px; } }
          .bostik--mainmenu .navbar-nav > li > a .glyphicon-home:before {
            display: none; }
        .bostik--mainmenu .navbar-nav > li > a .caret {
          color: #f01f1a;
          border-top: 8px dashed;
          border-top: 8px solid \9;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent; }
        .bostik--mainmenu .navbar-nav > li > a:hover, .bostik--mainmenu .navbar-nav > li > a:focus {
          cursor: pointer;
          color: #f01f1a; }
          .bostik--mainmenu .navbar-nav > li > a:hover .glyphicon, .bostik--mainmenu .navbar-nav > li > a:focus .glyphicon {
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2); }
          .bostik--mainmenu .navbar-nav > li > a:hover .glyphicon-home, .bostik--mainmenu .navbar-nav > li > a:focus .glyphicon-home {
            background-image: url("../images/home.png"); }
        .bostik--mainmenu .navbar-nav > li > a.is-active {
          color: #f01f1a; }
          .bostik--mainmenu .navbar-nav > li > a.is-active .glyphicon {
            color: #f01f1a; }
          .bostik--mainmenu .navbar-nav > li > a.is-active .glyphicon-home {
            background-image: url("../images/home.png"); }
        @media only screen and (max-width: 767px) {
          .bostik--mainmenu .navbar-nav > li > a {
            text-align: left;
            margin-bottom: 0; } }
      .bostik--mainmenu .navbar-nav > li.front a {
        padding-top: 0;
        padding-bottom: 0; }
        .bostik--mainmenu .navbar-nav > li.front a:hover .glyphicon, .bostik--mainmenu .navbar-nav > li.front a:focus .glyphicon {
          transform: scale(1); }
      .bostik--mainmenu .navbar-nav > li.open > a {
        background: none;
        color: #f01f1a;
        opacity: 1; }

.bostik--breadcrumb {
  padding-left: 0; }
  @media only screen and (max-width: 767px) {
    .bostik--breadcrumb {
      float: left;
      width: auto; } }
  @media only screen and (max-width: 575px) {
    .bostik--breadcrumb {
      float: left;
      width: auto; } }

.breadcrumb {
  padding: 15px 0px;
  margin-bottom: 0px;
  background-color: transparent;
  border-radius: 0px; }
  .breadcrumb a {
    color: #000; }
    .breadcrumb a:hover, .breadcrumb a:focus {
      color: #f01f1a; }
  .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #000;
    content: ">"; }
  .breadcrumb li.active {
    color: #f01f1a; }
  .breadcrumb > li + li.active:before {
    color: #f01f1a; }

.addthis_toolbox {
  padding: 15px 0px;
  margin-bottom: 0px; }
  .addthis_toolbox a {
    border-radius: 50%;
    border: 1px solid #dddddd;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px !important;
    margin-bottom: 0 !important;
    margin-left: 5px; }
    .addthis_toolbox a img {
      margin: 0 auto;
      width: 25px;
      height: 25px;
      padding-top: 3px;
      transform: scale(0.9); }
    .addthis_toolbox a:hover, .addthis_toolbox a:focus {
      cursor: pointer; }
      .addthis_toolbox a:hover img, .addthis_toolbox a:focus img {
        transform: scale(1); }

.bostik--sharethis {
  padding: 10px 0px;
  text-align: left;
  margin-bottom: 0px;
  float: left; }
  .bostik--sharethis .stButton {
    border-radius: 50%;
    border: 1px solid #dddddd;
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 33px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 5px; }
    .bostik--sharethis .stButton .stLarge {
      margin: 0 auto;
      width: 22px;
      height: 22px;
      margin-top: 3px;
      transform: scale(0.9);
      background-position: center center; }
    .bostik--sharethis .stButton:hover, .bostik--sharethis .stButton:focus {
      cursor: pointer; }
      .bostik--sharethis .stButton:hover .stLarge, .bostik--sharethis .stButton:focus .stLarge {
        transform: scale(1);
        opacity: 1;
        background-position: center center; }
  .bostik--sharethis .st_facebook_custom,
  .bostik--sharethis .st_twitter_custom,
  .bostik--sharethis .st_linkedin_custom,
  .bostik--sharethis .st_sharethis_custom,
  .bostik--sharethis .st_embed_ly_custom,
  .bostik--sharethis .st_email_custom,
  .bostik--sharethis .st_edmodo_custom,
  .bostik--sharethis .st_dzone_custom,
  .bostik--sharethis .st_diigo_custom,
  .bostik--sharethis .st_digg_custom,
  .bostik--sharethis .st_delicious_custom,
  .bostik--sharethis .st_dealsplus_custom,
  .bostik--sharethis .st_corkboard_custom,
  .bostik--sharethis .st_citeulike_custom,
  .bostik--sharethis .st_chiq_custom,
  .bostik--sharethis .st_care2_custom,
  .bostik--sharethis .st_buffer_custom,
  .bostik--sharethis .st_buddymarks_custom,
  .bostik--sharethis .st_blogger_custom,
  .bostik--sharethis .st_blogmarks_custom,
  .bostik--sharethis .st_blip_custom,
  .bostik--sharethis .st_blinklist_custom,
  .bostik--sharethis .st_baidu_custom,
  .bostik--sharethis .st_att_custom,
  .bostik--sharethis .st_arto_custom,
  .bostik--sharethis .st_amazon_wishlist_custom,
  .bostik--sharethis .st_allvoices_custom,
  .bostik--sharethis .st_adfty_custom,
  .bostik--sharethis .st_google_reader_custom,
  .bostik--sharethis .st_google_bmarks_custom,
  .bostik--sharethis .st_googleplus_custom,
  .bostik--sharethis .st_google_custom,
  .bostik--sharethis .st_fwisp_custom,
  .bostik--sharethis .st_funp_custom,
  .bostik--sharethis .st_friendfeed_custom,
  .bostik--sharethis .st_fresqui_custom,
  .bostik--sharethis .st_foodlve_custom,
  .bostik--sharethis .st_folkd_custom,
  .bostik--sharethis .st_flipboard_custom,
  .bostik--sharethis .st_fashiolista_custom .st_fark_custom,
  .bostik--sharethis .st_evernote_custom,
  .bostik--sharethis .st_segnalo_custom,
  .bostik--sharethis .st_reddit_custom,
  .bostik--sharethis .st_raise_your_voice_custom,
  .bostik--sharethis .st_print_custom,
  .bostik--sharethis .st_pocket_custom,
  .bostik--sharethis .st_pinterest_custom,
  .bostik--sharethis .st_oknotizie_custom,
  .bostik--sharethis .st_odnoklassniki_custom,
  .bostik--sharethis .st_nujij_custom,
  .bostik--sharethis .st_newsvine_custom,
  .bostik--sharethis .st_netvouz_custom,
  .bostik--sharethis .st_netlog_custom,
  .bostik--sharethis .st_n4g_custom,
  .bostik--sharethis .st_myspace_custom,
  .bostik--sharethis .st_moshare_custom,
  .bostik--sharethis .st_mister_wong_custom,
  .bostik--sharethis .st_messenger_custom,
  .bostik--sharethis .st_meneame_custom,
  .bostik--sharethis .st_mail_ru_custom,
  .bostik--sharethis .st_livejournal_custom,
  .bostik--sharethis .st_linkagogo_custom,
  .bostik--sharethis .st_kik_custom,
  .bostik--sharethis .st_jumptags_custom,
  .bostik--sharethis .st_kaboodle_custom,
  .bostik--sharethis .st_instapaper_custom,
  .bostik--sharethis .st_hatena_custom,
  .bostik--sharethis .st_google_translate_custom,
  .bostik--sharethis .st_yammer_custom,
  .bostik--sharethis .st_xing_custom,
  .bostik--sharethis .st_xerpi_custom,
  .bostik--sharethis .st_wordpress_custom,
  .bostik--sharethis .st_weheartit_custom,
  .bostik--sharethis .st_whatsapp_custom,
  .bostik--sharethis .st_voxopolis_custom,
  .bostik--sharethis .st_vkontakte_custom,
  .bostik--sharethis .st_virb_custom,
  .bostik--sharethis .st_viadeo_custom,
  .bostik--sharethis .st_tumblr_custom,
  .bostik--sharethis .st_typepad_custom,
  .bostik--sharethis .st_stumpedia_custom,
  .bostik--sharethis .st_stumbleupon_custom,
  .bostik--sharethis .st_startlap_custom,
  .bostik--sharethis .st_startaid_custom,
  .bostik--sharethis .st_sonico_custom,
  .bostik--sharethis .st_sina_custom {
    border-radius: 50%;
    border: 1px solid #dddddd;
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 33px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 5px;
    transform: scale(0.9);
    background-position: center center;
    background-repeat: no-repeat; }
    .bostik--sharethis .st_facebook_custom:hover, .bostik--sharethis .st_facebook_custom:focus,
    .bostik--sharethis .st_twitter_custom:hover,
    .bostik--sharethis .st_twitter_custom:focus,
    .bostik--sharethis .st_linkedin_custom:hover,
    .bostik--sharethis .st_linkedin_custom:focus,
    .bostik--sharethis .st_sharethis_custom:hover,
    .bostik--sharethis .st_sharethis_custom:focus,
    .bostik--sharethis .st_embed_ly_custom:hover,
    .bostik--sharethis .st_embed_ly_custom:focus,
    .bostik--sharethis .st_email_custom:hover,
    .bostik--sharethis .st_email_custom:focus,
    .bostik--sharethis .st_edmodo_custom:hover,
    .bostik--sharethis .st_edmodo_custom:focus,
    .bostik--sharethis .st_dzone_custom:hover,
    .bostik--sharethis .st_dzone_custom:focus,
    .bostik--sharethis .st_diigo_custom:hover,
    .bostik--sharethis .st_diigo_custom:focus,
    .bostik--sharethis .st_digg_custom:hover,
    .bostik--sharethis .st_digg_custom:focus,
    .bostik--sharethis .st_delicious_custom:hover,
    .bostik--sharethis .st_delicious_custom:focus,
    .bostik--sharethis .st_dealsplus_custom:hover,
    .bostik--sharethis .st_dealsplus_custom:focus,
    .bostik--sharethis .st_corkboard_custom:hover,
    .bostik--sharethis .st_corkboard_custom:focus,
    .bostik--sharethis .st_citeulike_custom:hover,
    .bostik--sharethis .st_citeulike_custom:focus,
    .bostik--sharethis .st_chiq_custom:hover,
    .bostik--sharethis .st_chiq_custom:focus,
    .bostik--sharethis .st_care2_custom:hover,
    .bostik--sharethis .st_care2_custom:focus,
    .bostik--sharethis .st_buffer_custom:hover,
    .bostik--sharethis .st_buffer_custom:focus,
    .bostik--sharethis .st_buddymarks_custom:hover,
    .bostik--sharethis .st_buddymarks_custom:focus,
    .bostik--sharethis .st_blogger_custom:hover,
    .bostik--sharethis .st_blogger_custom:focus,
    .bostik--sharethis .st_blogmarks_custom:hover,
    .bostik--sharethis .st_blogmarks_custom:focus,
    .bostik--sharethis .st_blip_custom:hover,
    .bostik--sharethis .st_blip_custom:focus,
    .bostik--sharethis .st_blinklist_custom:hover,
    .bostik--sharethis .st_blinklist_custom:focus,
    .bostik--sharethis .st_baidu_custom:hover,
    .bostik--sharethis .st_baidu_custom:focus,
    .bostik--sharethis .st_att_custom:hover,
    .bostik--sharethis .st_att_custom:focus,
    .bostik--sharethis .st_arto_custom:hover,
    .bostik--sharethis .st_arto_custom:focus,
    .bostik--sharethis .st_amazon_wishlist_custom:hover,
    .bostik--sharethis .st_amazon_wishlist_custom:focus,
    .bostik--sharethis .st_allvoices_custom:hover,
    .bostik--sharethis .st_allvoices_custom:focus,
    .bostik--sharethis .st_adfty_custom:hover,
    .bostik--sharethis .st_adfty_custom:focus,
    .bostik--sharethis .st_google_reader_custom:hover,
    .bostik--sharethis .st_google_reader_custom:focus,
    .bostik--sharethis .st_google_bmarks_custom:hover,
    .bostik--sharethis .st_google_bmarks_custom:focus,
    .bostik--sharethis .st_googleplus_custom:hover,
    .bostik--sharethis .st_googleplus_custom:focus,
    .bostik--sharethis .st_google_custom:hover,
    .bostik--sharethis .st_google_custom:focus,
    .bostik--sharethis .st_fwisp_custom:hover,
    .bostik--sharethis .st_fwisp_custom:focus,
    .bostik--sharethis .st_funp_custom:hover,
    .bostik--sharethis .st_funp_custom:focus,
    .bostik--sharethis .st_friendfeed_custom:hover,
    .bostik--sharethis .st_friendfeed_custom:focus,
    .bostik--sharethis .st_fresqui_custom:hover,
    .bostik--sharethis .st_fresqui_custom:focus,
    .bostik--sharethis .st_foodlve_custom:hover,
    .bostik--sharethis .st_foodlve_custom:focus,
    .bostik--sharethis .st_folkd_custom:hover,
    .bostik--sharethis .st_folkd_custom:focus,
    .bostik--sharethis .st_flipboard_custom:hover,
    .bostik--sharethis .st_flipboard_custom:focus,
    .bostik--sharethis .st_fashiolista_custom .st_fark_custom:hover,
    .bostik--sharethis .st_fashiolista_custom .st_fark_custom:focus,
    .bostik--sharethis .st_evernote_custom:hover,
    .bostik--sharethis .st_evernote_custom:focus,
    .bostik--sharethis .st_segnalo_custom:hover,
    .bostik--sharethis .st_segnalo_custom:focus,
    .bostik--sharethis .st_reddit_custom:hover,
    .bostik--sharethis .st_reddit_custom:focus,
    .bostik--sharethis .st_raise_your_voice_custom:hover,
    .bostik--sharethis .st_raise_your_voice_custom:focus,
    .bostik--sharethis .st_print_custom:hover,
    .bostik--sharethis .st_print_custom:focus,
    .bostik--sharethis .st_pocket_custom:hover,
    .bostik--sharethis .st_pocket_custom:focus,
    .bostik--sharethis .st_pinterest_custom:hover,
    .bostik--sharethis .st_pinterest_custom:focus,
    .bostik--sharethis .st_oknotizie_custom:hover,
    .bostik--sharethis .st_oknotizie_custom:focus,
    .bostik--sharethis .st_odnoklassniki_custom:hover,
    .bostik--sharethis .st_odnoklassniki_custom:focus,
    .bostik--sharethis .st_nujij_custom:hover,
    .bostik--sharethis .st_nujij_custom:focus,
    .bostik--sharethis .st_newsvine_custom:hover,
    .bostik--sharethis .st_newsvine_custom:focus,
    .bostik--sharethis .st_netvouz_custom:hover,
    .bostik--sharethis .st_netvouz_custom:focus,
    .bostik--sharethis .st_netlog_custom:hover,
    .bostik--sharethis .st_netlog_custom:focus,
    .bostik--sharethis .st_n4g_custom:hover,
    .bostik--sharethis .st_n4g_custom:focus,
    .bostik--sharethis .st_myspace_custom:hover,
    .bostik--sharethis .st_myspace_custom:focus,
    .bostik--sharethis .st_moshare_custom:hover,
    .bostik--sharethis .st_moshare_custom:focus,
    .bostik--sharethis .st_mister_wong_custom:hover,
    .bostik--sharethis .st_mister_wong_custom:focus,
    .bostik--sharethis .st_messenger_custom:hover,
    .bostik--sharethis .st_messenger_custom:focus,
    .bostik--sharethis .st_meneame_custom:hover,
    .bostik--sharethis .st_meneame_custom:focus,
    .bostik--sharethis .st_mail_ru_custom:hover,
    .bostik--sharethis .st_mail_ru_custom:focus,
    .bostik--sharethis .st_livejournal_custom:hover,
    .bostik--sharethis .st_livejournal_custom:focus,
    .bostik--sharethis .st_linkagogo_custom:hover,
    .bostik--sharethis .st_linkagogo_custom:focus,
    .bostik--sharethis .st_kik_custom:hover,
    .bostik--sharethis .st_kik_custom:focus,
    .bostik--sharethis .st_jumptags_custom:hover,
    .bostik--sharethis .st_jumptags_custom:focus,
    .bostik--sharethis .st_kaboodle_custom:hover,
    .bostik--sharethis .st_kaboodle_custom:focus,
    .bostik--sharethis .st_instapaper_custom:hover,
    .bostik--sharethis .st_instapaper_custom:focus,
    .bostik--sharethis .st_hatena_custom:hover,
    .bostik--sharethis .st_hatena_custom:focus,
    .bostik--sharethis .st_google_translate_custom:hover,
    .bostik--sharethis .st_google_translate_custom:focus,
    .bostik--sharethis .st_yammer_custom:hover,
    .bostik--sharethis .st_yammer_custom:focus,
    .bostik--sharethis .st_xing_custom:hover,
    .bostik--sharethis .st_xing_custom:focus,
    .bostik--sharethis .st_xerpi_custom:hover,
    .bostik--sharethis .st_xerpi_custom:focus,
    .bostik--sharethis .st_wordpress_custom:hover,
    .bostik--sharethis .st_wordpress_custom:focus,
    .bostik--sharethis .st_weheartit_custom:hover,
    .bostik--sharethis .st_weheartit_custom:focus,
    .bostik--sharethis .st_whatsapp_custom:hover,
    .bostik--sharethis .st_whatsapp_custom:focus,
    .bostik--sharethis .st_voxopolis_custom:hover,
    .bostik--sharethis .st_voxopolis_custom:focus,
    .bostik--sharethis .st_vkontakte_custom:hover,
    .bostik--sharethis .st_vkontakte_custom:focus,
    .bostik--sharethis .st_virb_custom:hover,
    .bostik--sharethis .st_virb_custom:focus,
    .bostik--sharethis .st_viadeo_custom:hover,
    .bostik--sharethis .st_viadeo_custom:focus,
    .bostik--sharethis .st_tumblr_custom:hover,
    .bostik--sharethis .st_tumblr_custom:focus,
    .bostik--sharethis .st_typepad_custom:hover,
    .bostik--sharethis .st_typepad_custom:focus,
    .bostik--sharethis .st_stumpedia_custom:hover,
    .bostik--sharethis .st_stumpedia_custom:focus,
    .bostik--sharethis .st_stumbleupon_custom:hover,
    .bostik--sharethis .st_stumbleupon_custom:focus,
    .bostik--sharethis .st_startlap_custom:hover,
    .bostik--sharethis .st_startlap_custom:focus,
    .bostik--sharethis .st_startaid_custom:hover,
    .bostik--sharethis .st_startaid_custom:focus,
    .bostik--sharethis .st_sonico_custom:hover,
    .bostik--sharethis .st_sonico_custom:focus,
    .bostik--sharethis .st_sina_custom:hover,
    .bostik--sharethis .st_sina_custom:focus {
      cursor: pointer;
      transform: scale(1);
      opacity: 1;
      background-position: center center; }
  .bostik--sharethis .st_facebook_large .stButton .stLarge,
  .bostik--sharethis .st_facebook_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_twitter_large .stButton .stLarge,
  .bostik--sharethis .st_twitter_custom {
    background-image: url("../images/x_twitter.svg") !important; }
  .bostik--sharethis .st_linkedin_large .stButton .stLarge,
  .bostik--sharethis .st_linkedin_custom {
    background-image: url("../images/picto_linkedin.svg") !important; }
  .bostik--sharethis .st_sharethis_large .stButton.stLarge,
  .bostik--sharethis .st_sharethis_custom {
    background-image: url("../images/picto_plus.svg") !important; }
  .bostik--sharethis .st_embed_ly_custom .stButton .stLarge,
  .bostik--sharethis .st_embed_ly_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_email_custom .stButton .stLarge,
  .bostik--sharethis .st_email_custom {
    background-image: url("../images/icon-mail.svg") !important; }
  .bostik--sharethis .st_edmodo_custom .stButton .stLarge,
  .bostik--sharethis .st_edmodo_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_dzone_custom .stButton .stLarge,
  .bostik--sharethis .st_dzone_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_diigo_custom .stButton .stLarge,
  .bostik--sharethis .st_diigo_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_digg_custom .stButton .stLarge,
  .bostik--sharethis .st_digg_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_delicious_custom .stButton .stLarge,
  .bostik--sharethis .st_delicious_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_dealsplus_custom .stButton .stLarge,
  .bostik--sharethis .st_dealsplus_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_corkboard_custom .stButton .stLarge,
  .bostik--sharethis .st_corkboard_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_citeulike_custom .stButton .stLarge,
  .bostik--sharethis .st_citeulike_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_chiq_custom .stButton .stLarge,
  .bostik--sharethis .st_chiq_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_care2_custom .stButton .stLarge,
  .bostik--sharethis .st_care2_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_buffer_custom .stButton .stLarge,
  .bostik--sharethis .st_buffer_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_buddymarks_custom .stButton .stLarge,
  .bostik--sharethis .st_buddymarks_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_blogger_custom .stButton .stLarge,
  .bostik--sharethis .st_blogger_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_blogmarks_custom .stButton .stLarge,
  .bostik--sharethis .st_blogmarks_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_blip_custom .stButton .stLarge,
  .bostik--sharethis .st_blip_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_blinklist_custom .stButton .stLarge,
  .bostik--sharethis .st_blinklist_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_baidu_custom .stButton .stLarge,
  .bostik--sharethis .st_baidu_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_att_custom .stButton .stLarge,
  .bostik--sharethis .st_att_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_arto_custom .stButton .stLarge,
  .bostik--sharethis .st_arto_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_amazon_wishlist_custom .stButton .stLarge,
  .bostik--sharethis .st_amazon_wishlist_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_allvoices_custom .stButton .stLarge,
  .bostik--sharethis .st_allvoices_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_adfty_custom .stButton .stLarge,
  .bostik--sharethis .st_adfty_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_google_reader_custom .stButton .stLarge,
  .bostik--sharethis .st_google_reader_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_google_bmarks_custom .stButton .stLarge,
  .bostik--sharethis .st_google_bmarks_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_googleplus_custom .stButton .stLarge,
  .bostik--sharethis .st_googleplus_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_google_custom .stButton .stLarge,
  .bostik--sharethis .st_google_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_fwisp_custom .stButton .stLarge,
  .bostik--sharethis .st_fwisp_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_funp_custom .stButton .stLarge,
  .bostik--sharethis .st_funp_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_friendfeed_custom .stButton .stLarge,
  .bostik--sharethis .st_friendfeed_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_fresqui_custom .stButton .stLarge,
  .bostik--sharethis .st_fresqui_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_foodlve_custom .stButton .stLarge,
  .bostik--sharethis .st_foodlve_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_folkd_custom .stButton .stLarge,
  .bostik--sharethis .st_folkd_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_flipboard_custom .stButton .stLarge,
  .bostik--sharethis .st_flipboard_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_fashiolista_custom .stButton .stLarge,
  .bostik--sharethis .st_fashiolista_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_fark_custom .stButton .stLarge,
  .bostik--sharethis .st_fark_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_evernote_custom .stButton .stLarge,
  .bostik--sharethis .st_evernote_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_segnalo_custom .stButton .stLarge,
  .bostik--sharethis .st_segnalo_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_reddit_custom .stButton .stLarge,
  .bostik--sharethis .st_reddit_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_raise_your_voice_custom .stButton .stLarge,
  .bostik--sharethis .st_raise_your_voice_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_print_custom .stButton .stLarge,
  .bostik--sharethis .st_print_custom {
    background-image: url("../images/icon-print.svg") !important; }
  .bostik--sharethis .st_pocket_custom .stButton .stLarge,
  .bostik--sharethis .st_pocket_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_pinterest_custom .stButton .stLarge,
  .bostik--sharethis .st_pinterest_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_oknotizie_custom .stButton .stLarge,
  .bostik--sharethis .st_oknotizie_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_odnoklassniki_custom .stButton .stLarge,
  .bostik--sharethis .st_odnoklassniki_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_nujij_custom .stButton .stLarge,
  .bostik--sharethis .st_nujij_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_newsvine_custom .stButton .stLarge,
  .bostik--sharethis .st_newsvine_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_netvouz_custom .stButton .stLarge,
  .bostik--sharethis .st_netvouz_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_netlog_custom .stButton .stLarge,
  .bostik--sharethis .st_netlog_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_n4g_custom .stButton .stLarge,
  .bostik--sharethis .st_n4g_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_myspace_custom .stButton .stLarge,
  .bostik--sharethis .st_myspace_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_moshare_custom .stButton .stLarge,
  .bostik--sharethis .st_moshare_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_mister_wong_custom .stButton .stLarge,
  .bostik--sharethis .st_mister_wong_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_messenger_custom .stButton .stLarge,
  .bostik--sharethis .st_messenger_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_meneame_custom .stButton .stLarge,
  .bostik--sharethis .st_meneame_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_mail_ru_custom .stButton .stLarge,
  .bostik--sharethis .st_mail_ru_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_livejournal_custom .stButton .stLarge,
  .bostik--sharethis .st_livejournal_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_linkagogo_custom .stButton .stLarge,
  .bostik--sharethis .st_linkagogo_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_kik_custom .stButton .stLarge,
  .bostik--sharethis .st_kik_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_jumptags_custom .stButton .stLarge,
  .bostik--sharethis .st_jumptags_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_kaboodle_custom .stButton .stLarge,
  .bostik--sharethis .st_kaboodle_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_instapaper_custom .stButton .stLarge,
  .bostik--sharethis .st_instapaper_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_hatena_custom .stButton .stLarge,
  .bostik--sharethis .st_hatena_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_google_translate_custom .stButton .stLarge,
  .bostik--sharethis .st_google_translate_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_yammer_custom .stButton .stLarge,
  .bostik--sharethis .st_yammer_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_xing_custom .stButton .stLarge,
  .bostik--sharethis .st_xing_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_xerpi_custom .stButton .stLarge,
  .bostik--sharethis .st_xerpi_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_wordpress_custom .stButton .stLarge,
  .bostik--sharethis .st_wordpress_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_weheartit_custom .stButton .stLarge,
  .bostik--sharethis .st_weheartit_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_whatsapp_custom .stButton .stLarge,
  .bostik--sharethis .st_whatsapp_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_voxopolis_custom .stButton .stLarge,
  .bostik--sharethis .st_voxopolis_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_vkontakte_custom .stButton .stLarge,
  .bostik--sharethis .st_vkontakte_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_virb_custom .stButton .stLarge,
  .bostik--sharethis .st_virb_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_viadeo_custom .stButton .stLarge,
  .bostik--sharethis .st_viadeo_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_tumblr_custom .stButton .stLarge,
  .bostik--sharethis .st_tumblr_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_typepad_custom .stButton .stLarge,
  .bostik--sharethis .st_typepad_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_stumpedia_custom .stButton .stLarge,
  .bostik--sharethis .st_stumpedia_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_stumbleupon_custom .stButton .stLarge,
  .bostik--sharethis .st_stumbleupon_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_startlap_custom .stButton .stLarge,
  .bostik--sharethis .st_startlap_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_startaid_custom .stButton .stLarge,
  .bostik--sharethis .st_startaid_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_sonico_custom .stButton .stLarge,
  .bostik--sharethis .st_sonico_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  .bostik--sharethis .st_sina_custom .stButton .stLarge,
  .bostik--sharethis .st_sina_custom {
    background-image: url("../images/picto_facebook.svg") !important; }
  @media only screen and (max-width: 767px) {
    .bostik--sharethis {
      float: right;
      width: auto; } }
  @media only screen and (max-width: 575px) {
    .bostik--sharethis {
      float: right;
      width: auto; } }

.bostik--social-links .logo a {
  padding: 10px 0;
  display: block; }

.bostik--social-links .links {
  border-left: 1px solid #dddddd; }
  @media only screen and (max-width: 767px) {
    .bostik--social-links .links {
      border-left: 0; } }
  .bostik--social-links .links select,
  .bostik--social-links .links button {
    background: #fff;
    border: 1px solid transparent;
    color: #000; }
    .bostik--social-links .links select option,
    .bostik--social-links .links button option {
      background: #fff;
      color: #000; }
    .bostik--social-links .links select .caret,
    .bostik--social-links .links button .caret {
      color: #000; }
  .bostik--social-links .links .dropdown-menu {
    background: #fff;
    color: #000; }
  .bostik--social-links .links .dropdown:before {
    border-left: 1px solid #dddddd; }

.bostik--get-in-touch h1 {
  font-size: 16px;
  line-height: 20px; }

.bostik--get-in-touch .text {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500; }

.bostik--get-in-touch .phones {
  color: #000;
  font-weight: 700; }
  .bostik--get-in-touch .phones a {
    color: #000; }

.bostik--get-in-touch dl {
  clear: left; }
  .bostik--get-in-touch dl dt {
    text-transform: uppercase; }
  .bostik--get-in-touch dl dd {
    width: auto; }

.bostik--get-in-touch .contact .btn-contact {
  background: #f01f1a;
  color: #fff;
  border-radius: 0;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px; }
  .bostik--get-in-touch .contact .btn-contact .glyphicon {
    margin-right: 5px; }

.bostik--footer {
  clear: both;
  border-top: 1px solid #dddddd; }
  .bostik--footer .nav {
    margin-top: 10px;
    margin-bottom: 20px; }
    .bostik--footer .nav > li {
      float: left;
      width: 16%; }
      @media only screen and (max-width: 767px) {
        .bostik--footer .nav > li {
          width: 50%; }
          .bostik--footer .nav > li:nth-child(2n+1) {
            clear: both; } }
      .bostik--footer .nav > li > a {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 16px; }
        .bostik--footer .nav > li > a[href='']:hover, .bostik--footer .nav > li > a[href='']:focus {
          opacity: 1;
          cursor: default;
          background: none; }
      .bostik--footer .nav > li .menu {
        padding-left: 0;
        margin-bottom: 10px;
        list-style: none; }
        .bostik--footer .nav > li .menu > li > a {
          position: relative;
          display: block;
          padding: 0px 15px; }
          .bostik--footer .nav > li .menu > li > a[href='']:hover, .bostik--footer .nav > li .menu > li > a[href='']:focus {
            opacity: 1;
            cursor: default;
            background: none; }
    .bostik--footer .nav:after {
      content: '';
      display: block;
      clear: both; }

.bostik--legal-links {
  border-top: 1px solid #c9c9c9; }
  .bostik--legal-links .links ul li {
    border-right: 1px solid #c9c9c9;
    font-family: "Open Sans", sans-serif;
    color: #6e6e6e; }
    .bostik--legal-links .links ul li a {
      color: #6e6e6e;
      background: none; }

.search-page-form .form-group {
  margin-bottom: 0; }

.search-page-form .input-group {
  border-spacing: 0px; }

.search-page-form .form-control {
  border-radius: 0; }

.search-page-form .btn-primary {
  background: #f01f1a;
  color: #fff;
  border-radius: 0;
  border-color: #f01f1a; }
  .search-page-form .btn-primary:hover .glyphicon, .search-page-form .btn-primary:focus .glyphicon {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.search-page-form .search-help-link {
  color: #c9c9c9;
  padding: 0 15px; }

.search-page-form + h2,
.bostik--search-results-title {
  padding: 15px; }

.bostik--search-results {
  margin-bottom: 40px; }
  .bostik--search-results ol {
    margin: 0 auto;
    padding: 0;
    list-style: none; }
    .bostik--search-results ol li {
      margin: 0 auto;
      padding: 0; }

.bostik--search-result .inner {
  display: block;
  text-decoration: none;
  padding: 20px 0; }
  .bostik--search-result .inner:hover, .bostik--search-result .inner:focus {
    background: #f6f6f6;
    cursor: pointer; }

.bostik--search-result h3 {
  color: #f01f1a;
  margin-bottom: 10px; }

.bostik--search-result p {
  margin-bottom: 5px;
  color: #000; }
  .bostik--search-result p.info {
    display: none; }

.contact-form {
  padding: 15px; }
  .contact-form .form-control {
    border-radius: 0; }
  .contact-form .btn-primary {
    background: #f01f1a;
    color: #fff;
    border-radius: 0;
    border-color: #f01f1a; }
    .contact-form .btn-primary:hover .glyphicon, .contact-form .btn-primary:focus .glyphicon {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.paragraph--type--paragraph-edito {
  margin: 30px 0; }
  .paragraph--type--paragraph-edito h2 {
    margin-bottom: 20px;
    text-transform: uppercase; }
  .paragraph--type--paragraph-edito h3 {
    margin-top: 0;
    margin-bottom: 20px; }
  .paragraph--type--paragraph-edito h4 {
    margin-top: 0;
    margin-bottom: 20px; }
  .paragraph--type--paragraph-edito h5 {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .paragraph--type--paragraph-edito h6 {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .paragraph--type--paragraph-edito.field-allign-wide .paragraph-content .paragraph-body {
    margin-bottom: 15px; }
  .paragraph--type--paragraph-edito .paragraph-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .paragraph--type--paragraph-edito .paragraph-content a {
      color: #f01f1a;
      text-decoration: underline; }
      .paragraph--type--paragraph-edito .paragraph-content a:hover {
        text-decoration: none; }
    .paragraph--type--paragraph-edito .paragraph-content img {
      max-width: 100%;
      height: 100%;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .paragraph--type--paragraph-edito .paragraph-content.left img, .paragraph--type--paragraph-edito .paragraph-content.right img {
      max-width: 50%; }
      @media screen and (max-width: 767px) {
        .paragraph--type--paragraph-edito .paragraph-content.left img, .paragraph--type--paragraph-edito .paragraph-content.right img {
          max-width: 100%; } }
    .paragraph--type--paragraph-edito .paragraph-content.wide img {
      margin: 0 auto; }
    .paragraph--type--paragraph-edito .paragraph-content ul, .paragraph--type--paragraph-edito .paragraph-content ol {
      margin: 0 auto;
      padding: 0;
      list-style-position: inside;
      margin-left: 20px;
      margin-bottom: 10px; }
    .paragraph--type--paragraph-edito .paragraph-content ul li {
      list-style: none; }
      .paragraph--type--paragraph-edito .paragraph-content ul li:before {
        content: '●';
        color: #f01f1a;
        display: inline;
        padding-right: 10px; }
    .paragraph--type--paragraph-edito .paragraph-content table th, .paragraph--type--paragraph-edito .paragraph-content table td {
      padding: 10px 5px; }
    .paragraph--type--paragraph-edito .paragraph-content.flex-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .paragraph--type--paragraph-edito .paragraph-content.left.flex-row {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .paragraph--type--paragraph-edito .paragraph-content.flex-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .paragraph--type--paragraph-edito .paragraph-content.right .paragraph-body {
      margin-right: 15px;
      width: 100%; }
    .paragraph--type--paragraph-edito .paragraph-content.left .paragraph-body {
      margin-left: 15px;
      width: 100%; }
    .paragraph--type--paragraph-edito .paragraph-content.wide img {
      max-width: 100%; }

.paragraph--type--video {
  margin: 30px 0; }

@media screen and (max-width: 576px) {
  .paragraph--type--paragraph-edito.field-allign-right .paragraph-content .paragraph-body {
    margin-bottom: 15px; }
  .paragraph--type--paragraph-edito.field-allign-left .paragraph-content img {
    margin-bottom: 15px; }
  .paragraph--type--paragraph-edito .paragraph-content img {
    max-width: 100%; }
  .paragraph--type--paragraph-edito .paragraph-content.flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .paragraph--type--paragraph-edito .paragraph-content.flex-row.right .paragraph-body, .paragraph--type--paragraph-edito .paragraph-content.flex-row.left .paragraph-body {
      margin-left: 0;
      margin-right: 0; } }

.flex-v-center {
  display: flex;
  align-items: center; }

.bostik--banner {
  position: relative; }
  .bostik--banner .block-title {
    position: absolute;
    z-index: 10;
    top: 0; }

.bostik--pushline {
  position: relative; }
  .bostik--pushline .block-title {
    position: absolute;
    z-index: 10;
    top: 0; }

.bostik--teaser-image {
  position: relative; }
  .bostik--teaser-image .block-title {
    position: absolute;
    z-index: 10;
    top: 0; }

.bostik--teaser-edito {
  position: relative; }
  .bostik--teaser-edito .block-title {
    position: absolute;
    z-index: 10;
    top: 0; }

.bostik--locator-error {
  color: red; }

.bostik--locator-filters {
  background: #ededed;
  color: #000; }
  .bostik--locator-filters a {
    color: #000; }
    .bostik--locator-filters a:hover {
      color: #000; }
  .bostik--locator-filters .separator {
    border-left: 1px solid #dddddd; }
  .bostik--locator-filters .btn-geolocate {
    background: url("../images/target.png") no-repeat center center; }
    .bostik--locator-filters .btn-geolocate .glyphicon {
      color: #f01f1a; }
    .bostik--locator-filters .btn-geolocate:hover, .bostik--locator-filters .btn-geolocate:focus {
      background-image: url("../images/target-black.png"); }
      .bostik--locator-filters .btn-geolocate:hover .glyphicon, .bostik--locator-filters .btn-geolocate:focus .glyphicon {
        color: #fff; }
    .bostik--locator-filters .btn-geolocate.tooltiped:before {
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #000; }
    .bostik--locator-filters .btn-geolocate.tooltiped:after {
      background: #000;
      color: #fff; }
  .bostik--locator-filters .btn-search {
    background: #f01f1a;
    color: #fff;
    padding: 6px 12px;
    font-weight: 500; }
    .bostik--locator-filters .btn-search:hover {
      color: #fff; }
    .bostik--locator-filters .btn-search .glyphicon {
      margin-right: 0; }
  .bostik--locator-filters input[type=text] {
    border-color: #d6d6d6;
    background: #fff;
    color: #a3a3a3;
    font-family: "Open Sans", sans-serif;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 767px) {
    .bostik--locator-filters input[type=text].form-control--locality {
      width: -moz-calc( 100% - 62px);
      width: -webkit-calc( 100% - 62px);
      width: calc( 100% - 62px); } }
  .bostik--locator-filters .btn-advanced {
    font-weight: normal;
    padding: 6px 12px; }
    .bostik--locator-filters .btn-advanced:hover {
      color: #f01f1a; }
    .bostik--locator-filters .btn-advanced .glyphicon {
      color: #f01f1a; }
    .bostik--locator-filters .btn-advanced:active {
      box-shadow: none; }
  .bostik--locator-filters .slider.slider-horizontal .slider-track {
    background: #909090; }
  .bostik--locator-filters .slider-selection,
  .bostik--locator-filters .slider-selection.tick-slider-selection {
    background: #f01f1a; }
  .bostik--locator-filters .slider-handle {
    background: #fff;
    color: #000; }
  .bostik--locator-filters .slider-tick,
  .bostik--locator-filters .slider.slider-horizontal .slider-tick {
    background: #f01f1a; }
  .bostik--locator-filters .slider.slider-horizontal .slider-tick-label-container {
    color: #BFC2B4; }
    .bostik--locator-filters .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
      color: #a3a3a3; }
  .bostik--locator-filters .slider .tooltip.top .tooltip-inner {
    background: #fff;
    color: #000; }
    .bostik--locator-filters .slider .tooltip.top .tooltip-inner:before {
      background: url("../images/arrows.png") no-repeat left center;
      color: #f01f1a; }
    .bostik--locator-filters .slider .tooltip.top .tooltip-inner:after {
      background: url("../images/arrows.png") no-repeat right center;
      color: #f01f1a; }
  .bostik--locator-filters .bostik--locator-filters-adv {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .bostik--locator-filters #bl-productnameSuggestions {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .bostik--locator-filters #bl-productnameSuggestions .btn-suggestion:hover, .bostik--locator-filters #bl-productnameSuggestions .btn-suggestion:focus {
      color: #f01f1a; }
  .bostik--locator-filters .btn-clear {
    color: #f01f1a; }
    .bostik--locator-filters .btn-clear:hover, .bostik--locator-filters .btn-clear:focus {
      color: #f01f1a; }
    .bostik--locator-filters .btn-clear .glyphicon {
      color: #f01f1a; }

.bostik--locator-results .block-header {
  border-bottom: 1px solid #c9c9c9; }
  .bostik--locator-results .block-header .btn {
    border: 1px solid #c9c9c9;
    color: #909090; }
    .bostik--locator-results .block-header .btn:hover:not(.disabled) {
      background: #f01f1a;
      color: #fff; }
    .bostik--locator-results .block-header .btn.active {
      background: #f01f1a;
      color: #fff; }
    .bostik--locator-results .block-header .btn.btn-dealertype:first-child:hover:not(.disabled), .bostik--locator-results .block-header .btn.btn-dealertype:first-child.active:not(.disabled) {
      background: #f01f1a; }
    .bostik--locator-results .block-header .btn.btn-dealertype:nth-child(2):hover:not(.disabled), .bostik--locator-results .block-header .btn.btn-dealertype:nth-child(2).active:not(.disabled) {
      background: #ff8a00; }
    .bostik--locator-results .block-header .btn.btn-dealertype:nth-child(3):hover:not(.disabled), .bostik--locator-results .block-header .btn.btn-dealertype:nth-child(3).active:not(.disabled) {
      background: #025b7c; }

.bostik--locator-results main #bl-map {
  border: 4px solid #c9c9c9; }

.bostik--locator-results main #bl-hideMapButton {
  color: #f01f1a; }

.bostik--locator-results main #bl-extendButton {
  color: #f01f1a; }

.bostik--locator-results main #bl-list-wrapper {
  background: #f6f6f6; }
  .bostik--locator-results main #bl-list-wrapper.no-result .btn-extendradius {
    border-color: #f01f1a; }
    .bostik--locator-results main #bl-list-wrapper.no-result .btn-extendradius:hover, .bostik--locator-results main #bl-list-wrapper.no-result .btn-extendradius:focus {
      background: #f01f1a;
      color: #000; }
  .bostik--locator-results main #bl-list-wrapper.no-result .teaser {
    border-top: 20px solid #fff; }

.bostik--locator-results .card {
  border-bottom: 1px solid #dddddd; }
  .bostik--locator-results .card:last-child {
    border-bottom: 0; }
  .bostik--locator-results .card .name {
    color: #000; }
  .bostik--locator-results .card .distance {
    color: #a4a4a4; }
  .bostik--locator-results .card .phone a,
  .bostik--locator-results .card .url a {
    color: #f01f1a; }
  .bostik--locator-results .card .nearest {
    background: #fcc300;
    color: #fff; }
    .bostik--locator-results .card .nearest:before {
      border-color: rgba(136, 183, 213, 0);
      border-right-color: #fcc300; }

.bostik--locator-results #bl-list .card:hover {
  background: #e9e9e9; }

.teaser {
  background: #f01f1a;
  color: #fff; }
  .teaser a {
    color: #fff; }
    .teaser a:hover {
      color: #fff; }
  .teaser .btn {
    border: 1px solid #fff; }
    .teaser .btn:hover, .teaser .btn:focus {
      border: 1px solid #c9c9c9;
      background: #c9c9c9;
      color: #000; }
  .teaser.teaser--light {
    background: #f6f6f6;
    color: #f01f1a; }
    .teaser.teaser--light p a {
      color: #6e6e6e; }

.btn-mail {
  background: #f01f1a;
  color: #fff; }
  .btn-mail .envelope {
    background: url("../images/envelope-white.png") no-repeat center center; }
  .btn-mail:hover, .btn-mail:focus {
    background: #f01f1a;
    color: #000; }
    .btn-mail:hover .envelope, .btn-mail:focus .envelope {
      background-image: url("../images/envelope-black.png"); }

/* -----------------------------------------------------------------------------
    =   BANNEE  
----------------------------------------------------------------------------- */
.bostik--banner {
  background-repeat: no-repeat;
  background-size: 1520px 409px;
  background-position: center center;
  max-width: 1520px;
  height: 409px;
  margin: auto;
  overflow: hidden; }
  .bostik--banner.empty {
    height: 0; }
  .bostik--banner .container-fluid {
    height: 100%; }
    .bostik--banner .container-fluid .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 50%;
      height: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .bostik--banner .container-fluid .inner.right {
        margin-left: 50%; }
      .bostik--banner .container-fluid .inner .richtext.grey * {
        color: #c9c9c9; }
      .bostik--banner .container-fluid .inner .richtext.white * {
        color: #fff; }
      .bostik--banner .container-fluid .inner .richtext.black * {
        color: #000; }
      .bostik--banner .container-fluid .inner.product_classification {
        margin-left: 50%; }
      .bostik--banner .container-fluid .inner .big,
      .bostik--banner .container-fluid .inner h2 {
        font-size: 60px;
        line-height: 66px; }
      .bostik--banner .container-fluid .inner p,
      .bostik--banner .container-fluid .inner .normal {
        font-size: 30px;
        line-height: 36px; }
  @media only screen and (max-width: 991px) {
    .bostik--banner {
      background-size: 992px 267px;
      max-width: 992px;
      height: 267px; }
      .bostik--banner .container-fluid .inner .big,
      .bostik--banner .container-fluid .inner h2 {
        font-size: 40px;
        line-height: 46px; }
      .bostik--banner .container-fluid .inner p,
      .bostik--banner .container-fluid .inner .normal {
        font-size: 18px;
        line-height: 24px; } }
  @media only screen and (max-width: 575px) {
    .bostik--banner {
      background-size: cover;
      height: auto;
      min-height: 120px;
      padding-top: 20px;
      padding-bottom: 20px; }
      .bostik--banner .container-fluid .inner .big,
      .bostik--banner .container-fluid .inner h2 {
        font-size: 26px;
        line-height: 30px; } }

/* -----------------------------------------------------------------------------
    =    ADVANCED BANNER   
----------------------------------------------------------------------------- */
.bostik--advanced-banner {
  overflow: hidden; }
  .bostik--advanced-banner.empty {
    height: 0; }
  .bostik--advanced-banner .backgrounder {
    height: 630px;
    background-size: 1920px 630px;
    background-position: center center;
    display: block; }
    .bostik--advanced-banner .backgrounder .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: 630px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 4%; }
      .bostik--advanced-banner .backgrounder .inner .big,
      .bostik--advanced-banner .backgrounder .inner h2 {
        font-size: 60px;
        line-height: 66px;
        text-align: left;
        margin-left: 0; }
      .bostik--advanced-banner .backgrounder .inner p,
      .bostik--advanced-banner .backgrounder .inner .normal {
        font-size: 30px;
        line-height: 42px; }
      .bostik--advanced-banner .backgrounder .inner *,
      .bostik--advanced-banner .backgrounder .inner *:active,
      .bostik--advanced-banner .backgrounder .inner *:hover {
        color: #000; }
      .bostik--advanced-banner .backgrounder .inner.grey * {
        color: #c9c9c9; }
      .bostik--advanced-banner .backgrounder .inner.white * {
        color: #fff; }
      .bostik--advanced-banner .backgrounder .inner.black * {
        color: #000; }
      .bostik--advanced-banner .backgrounder .inner.left {
        align-items: flex-start; }
      .bostik--advanced-banner .backgrounder .inner.right {
        align-items: flex-end; }
      .bostik--advanced-banner .backgrounder .inner .btn {
        background: #f01f1a;
        text-transform: uppercase;
        color: #fff; }
        .bostik--advanced-banner .backgrounder .inner .btn span {
          color: #fff; }
    @media only screen and (max-width: 991px) {
      .bostik--advanced-banner .backgrounder {
        background-size: 992px 326px;
        max-width: 992px;
        height: 326px; }
        .bostik--advanced-banner .backgrounder .inner {
          height: 361px; }
          .bostik--advanced-banner .backgrounder .inner .big,
          .bostik--advanced-banner .backgrounder .inner h2 {
            font-size: 40px;
            line-height: 46px; }
          .bostik--advanced-banner .backgrounder .inner p,
          .bostik--advanced-banner .backgrounder .inner .normal {
            font-size: 18px;
            line-height: 24px; } }
    @media only screen and (max-width: 575px) {
      .bostik--advanced-banner .backgrounder {
        background-size: cover; }
        .bostik--advanced-banner .backgrounder .inner {
          padding: 0 15px; }
          .bostik--advanced-banner .backgrounder .inner .big,
          .bostik--advanced-banner .backgrounder .inner h2 {
            font-size: 26px;
            line-height: 30px; } }
  .bostik--advanced-banner a:hover, .bostik--advanced-banner a:focus {
    text-decoration: none; }
  .bostik--advanced-banner a.backgrounder:hover {
    background-size: 2100px 689px; }
    @media only screen and (max-width: 991px) {
      .bostik--advanced-banner a.backgrounder:hover {
        background-size: 1100px 361px; } }
    @media only screen and (max-width: 575px) {
      .bostik--advanced-banner a.backgrounder:hover {
        background-size: cover; } }
    .bostik--advanced-banner a.backgrounder:hover .btn {
      opacity: 0.4; }
    .bostik--advanced-banner a.backgrounder:hover.grey * {
      color: #c9c9c9; }
    .bostik--advanced-banner a.backgrounder:hover.white * {
      color: #fff; }
    .bostik--advanced-banner a.backgrounder:hover.black * {
      color: #000; }

/* -----------------------------------------------------------------------------
    =   PUSHLINE
----------------------------------------------------------------------------- */
.bostik--pushline {
  background: #f01f1a;
  color: #fff; }
  .bostik--pushline * {
    color: #fff; }
  .bostik--pushline .inner {
    position: relative;
    min-height: 320px;
    overflow: hidden; }
    @media only screen and (max-width: 991px) {
      .bostik--pushline .inner {
        min-height: 280px; } }
    @media only screen and (max-width: 767px) {
      .bostik--pushline .inner {
        min-height: 260px; } }
    @media only screen and (max-width: 575px) {
      .bostik--pushline .inner {
        min-height: 200px; } }
  .bostik--pushline .richtext {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (max-width: 575px) {
      .bostik--pushline .richtext {
        padding: 0 15px; } }
    .bostik--pushline .richtext h1 {
      font-weight: normal;
      margin-bottom: 0;
      padding: 0; }
    .bostik--pushline .richtext .big {
      font-size: 44px;
      line-height: 54px;
      color: #fff; }
      @media only screen and (max-width: 991px) {
        .bostik--pushline .richtext .big {
          font-size: 34px;
          line-height: 44px; } }
      @media only screen and (max-width: 767px) {
        .bostik--pushline .richtext .big {
          font-size: 30px;
          line-height: 40px; } }
      @media only screen and (max-width: 575px) {
        .bostik--pushline .richtext .big {
          font-size: 24px;
          line-height: 34px; } }
    .bostik--pushline .richtext .normal {
      font-size: 30px;
      line-height: 36px;
      color: #fff; }
      @media only screen and (max-width: 1199px) {
        .bostik--pushline .richtext .normal {
          font-size: 26px;
          line-height: 32px; } }
      @media only screen and (max-width: 991px) {
        .bostik--pushline .richtext .normal {
          font-size: 24px;
          line-height: 30px; } }
      @media only screen and (max-width: 767px) {
        .bostik--pushline .richtext .normal {
          font-size: 20px;
          line-height: 26px; } }
      @media only screen and (max-width: 575px) {
        .bostik--pushline .richtext .normal {
          font-size: 16px;
          line-height: 22px; } }
    .bostik--pushline .richtext em {
      color: #000;
      font-style: inherit; }

/* -------------------------------------------------------------------------- */
/*  =   TEASER IMAGE */
/* -------------------------------------------------------------------------- */
.bostik--teaser-image {
  /* ---------------------------------------------------------------------- */
  /*  =   HALF    */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /*  =   THIRD    */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /*  =   WIDE    */
  /* ---------------------------------------------------------------------- */ }
  .bostik--teaser-image.spreadmode--half .backgrounder {
    height: 419px;
    padding: 15px;
    display: block;
    text-decoration: none;
    position: relative;
    background-size: 525px 419px;
    background-color: #f01f1a; }
    .bostik--teaser-image.spreadmode--half .backgrounder.img-background {
      background-color: transparent; }
    .bostik--teaser-image.spreadmode--half .backgrounder .inner {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff; }
    .bostik--teaser-image.spreadmode--half .backgrounder .title {
      font-size: 24px;
      line-height: 30px;
      padding: 15px;
      text-transform: uppercase;
      color: #000;
      font-weight: bold; }
    @media only screen and (max-width: 1199px) {
      .bostik--teaser-image.spreadmode--half .backgrounder {
        background-size: 435px 347px;
        height: 347px; } }
    @media only screen and (max-width: 991px) {
      .bostik--teaser-image.spreadmode--half .backgrounder {
        background-size: 345px 275px;
        height: 275px; } }
    @media only screen and (max-width: 767px) {
      .bostik--teaser-image.spreadmode--half .backgrounder {
        background-size: 350px 279px;
        height: 279px;
        width: 350px;
        margin: auto; } }
    @media only screen and (max-width: 575px) {
      .bostik--teaser-image.spreadmode--half .backgrounder {
        background-size: cover;
        background-color: #f01f1a;
        height: auto;
        min-height: 271px;
        width: 100%; }
        .bostik--teaser-image.spreadmode--half .backgrounder.img-background {
          background-color: #f01f1a; }
        .bostik--teaser-image.spreadmode--half .backgrounder .inner {
          top: 0;
          background-color: rgba(0, 0, 0, 0.2);
          display: flex;
          align-items: center;
          justify-content: center; }
        .bostik--teaser-image.spreadmode--half .backgrounder .title {
          color: #fff; } }
  .bostik--teaser-image.spreadmode--half a:hover {
    background-size: 700px 559px; }
    @media only screen and (max-width: 1199px) {
      .bostik--teaser-image.spreadmode--half a:hover {
        background-size: 600px 479px; } }
    @media only screen and (max-width: 991px) {
      .bostik--teaser-image.spreadmode--half a:hover {
        background-size: 500px 399px; } }
    @media only screen and (max-width: 767px) {
      .bostik--teaser-image.spreadmode--half a:hover {
        background-size: 600px 479px; } }
    @media only screen and (max-width: 575px) {
      .bostik--teaser-image.spreadmode--half a:hover {
        background-size: cover; } }
  .bostik--teaser-image.spreadmode--third .backgrounder {
    margin: 0;
    margin-bottom: 15px;
    height: 271px;
    padding: 15px;
    display: block;
    text-decoration: none;
    position: relative;
    background-size: 340px 271px;
    background-color: #f01f1a; }
    .bostik--teaser-image.spreadmode--third .backgrounder.img-background {
      background-color: transparent; }
    .bostik--teaser-image.spreadmode--third .backgrounder .inner {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff; }
    .bostik--teaser-image.spreadmode--third .backgrounder .title {
      font-size: 24px;
      line-height: 30px;
      padding: 15px;
      text-transform: uppercase;
      color: #000;
      font-weight: bold; }
    @media only screen and (max-width: 1199px) {
      .bostik--teaser-image.spreadmode--third .backgrounder {
        background-size: 435px 347px;
        height: 347px; } }
    @media only screen and (max-width: 991px) {
      .bostik--teaser-image.spreadmode--third .backgrounder {
        background-size: 345px 275px;
        height: 275px; } }
    @media only screen and (max-width: 767px) {
      .bostik--teaser-image.spreadmode--third .backgrounder {
        background-size: 350px 279px;
        height: 279px;
        width: 350px;
        margin: auto; } }
    @media only screen and (max-width: 575px) {
      .bostik--teaser-image.spreadmode--third .backgrounder {
        background-size: cover;
        background-color: #f01f1a;
        height: auto;
        min-height: 200px;
        width: 251px;
        margin-bottom: 15px; }
        .bostik--teaser-image.spreadmode--third .backgrounder .inner {
          top: 0;
          background-color: rgba(0, 0, 0, 0.2);
          display: flex;
          align-items: center;
          justify-content: center; }
        .bostik--teaser-image.spreadmode--third .backgrounder .title {
          color: #fff; } }
  .bostik--teaser-image.spreadmode--third a:hover {
    background-size: 500px 399px; }
    @media only screen and (max-width: 1199px) {
      .bostik--teaser-image.spreadmode--third a:hover {
        background-size: 600px 479px; } }
    @media only screen and (max-width: 991px) {
      .bostik--teaser-image.spreadmode--third a:hover {
        background-size: 500px 399px; } }
    @media only screen and (max-width: 767px) {
      .bostik--teaser-image.spreadmode--third a:hover {
        background-size: 600px 479px; } }
    @media only screen and (max-width: 575px) {
      .bostik--teaser-image.spreadmode--third a:hover {
        background-size: cover; } }
  .bostik--teaser-image.spreadmode--wide {
    padding: 0; }
    .bostik--teaser-image.spreadmode--wide .backgrounder {
      background-repeat: no-repeat;
      background-size: 1520px 409px;
      background-position: center center;
      display: block; }
      .bostik--teaser-image.spreadmode--wide .backgrounder > div {
        background-color: #f01f1a; }
      .bostik--teaser-image.spreadmode--wide .backgrounder.img-background > div {
        background-color: rgba(221, 5, 0, 0.6); }
      .bostik--teaser-image.spreadmode--wide .backgrounder .inner {
        height: 409px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .bostik--teaser-image.spreadmode--wide .backgrounder .inner .title {
          font-size: 30px;
          line-height: 36px;
          text-transform: uppercase;
          padding: 0;
          margin: 15px 0; }
        .bostik--teaser-image.spreadmode--wide .backgrounder .inner * {
          color: #fff; }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-image.spreadmode--wide .backgrounder {
          background-size: 992px 267px; }
          .bostik--teaser-image.spreadmode--wide .backgrounder .inner {
            height: 267px; }
            .bostik--teaser-image.spreadmode--wide .backgrounder .inner .title {
              font-size: 26px;
              line-height: 32px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-image.spreadmode--wide .backgrounder {
          background-size: cover;
          height: auto;
          min-height: 251px; }
          .bostik--teaser-image.spreadmode--wide .backgrounder .inner {
            height: auto;
            min-height: 251px;
            padding: 30px 15px; } }
    .bostik--teaser-image.spreadmode--wide a:hover {
      text-decoration: none;
      background-size: 1700px 457px; }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-image.spreadmode--wide a:hover {
          background-size: 1120px 301px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-image.spreadmode--wide a:hover {
          background-size: cover; } }

/* -------------------------------------------------------------------------- */
/*  =   TEASER EDITO    */
/* -------------------------------------------------------------------------- */
.bostik--teaser-edito {
  overflow: hidden;
  /* ---------------------------------------------------------------------- */
  /*  =   WIDE    */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /*  =   HALF    */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /*  =   THIRD    */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /*  =   COMMON    */
  /* ---------------------------------------------------------------------- */ }
  .bostik--teaser-edito.spreadmode--wide {
    clear: both; }
    .bostik--teaser-edito.spreadmode--wide .backgrounder {
      background-repeat: no-repeat;
      background-size: 1520px 409px;
      background-position: center center;
      display: block;
      clear: both; }
      .bostik--teaser-edito.spreadmode--wide .backgrounder > div {
        background-color: #f01f1a; }
      .bostik--teaser-edito.spreadmode--wide .backgrounder.img-background > div {
        background-color: rgba(221, 5, 0, 0.6); }
      .bostik--teaser-edito.spreadmode--wide .backgrounder .inner {
        height: 409px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .bostik--teaser-edito.spreadmode--wide .backgrounder .inner img {
          display: block;
          padding: 0;
          margin: 15px auto; }
        .bostik--teaser-edito.spreadmode--wide .backgrounder .inner .title {
          font-size: 30px;
          line-height: 36px;
          text-transform: uppercase;
          padding: 0;
          margin: 15px 0;
          max-width: 100%; }
        .bostik--teaser-edito.spreadmode--wide .backgrounder .inner .content {
          font-size: 22px;
          line-height: 28px;
          padding: 0;
          margin: 15px 0; }
        .bostik--teaser-edito.spreadmode--wide .backgrounder .inner * {
          color: #fff; }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--wide .backgrounder {
          background-size: 992px 267px; }
          .bostik--teaser-edito.spreadmode--wide .backgrounder .inner {
            height: 267px; }
            .bostik--teaser-edito.spreadmode--wide .backgrounder .inner .title {
              font-size: 26px;
              line-height: 32px; }
            .bostik--teaser-edito.spreadmode--wide .backgrounder .inner .content {
              font-size: 18px;
              line-height: 24px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--wide .backgrounder {
          background-size: cover;
          height: auto;
          min-height: 251px; }
          .bostik--teaser-edito.spreadmode--wide .backgrounder .inner {
            height: auto;
            min-height: 251px;
            padding: 30px 15px; } }
    .bostik--teaser-edito.spreadmode--wide a:hover {
      background-size: 1700px 457px; }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--wide a:hover {
          background-size: 1120px 301px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--wide a:hover {
          background-size: cover; } }
  .bostik--teaser-edito.spreadmode--half {
    margin-bottom: 15px; }
    .bostik--teaser-edito.spreadmode--half .backgrounder {
      background-repeat: no-repeat;
      background-size: 525px 419px;
      background-position: center center;
      display: block; }
      .bostik--teaser-edito.spreadmode--half .backgrounder > div {
        background-color: #f01f1a; }
      .bostik--teaser-edito.spreadmode--half .backgrounder.img-background > div {
        background-color: rgba(221, 5, 0, 0.6); }
      .bostik--teaser-edito.spreadmode--half .backgrounder .inner {
        height: 419px;
        padding: 15px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .bostik--teaser-edito.spreadmode--half .backgrounder .inner img {
          display: block;
          padding: 0;
          margin: 15px auto; }
        .bostik--teaser-edito.spreadmode--half .backgrounder .inner .title {
          font-size: 24px;
          line-height: 30px;
          text-transform: uppercase;
          padding: 0;
          margin: 15px 0;
          max-width: 100%; }
        .bostik--teaser-edito.spreadmode--half .backgrounder .inner .content {
          font-size: 16px;
          line-height: 22px;
          padding: 0;
          margin: 15px 0;
          width: 100%; }
        .bostik--teaser-edito.spreadmode--half .backgrounder .inner * {
          color: #fff; }
      @media only screen and (max-width: 1199px) {
        .bostik--teaser-edito.spreadmode--half .backgrounder {
          background-size: 435px 347px; }
          .bostik--teaser-edito.spreadmode--half .backgrounder .inner {
            height: 347px; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner img {
              margin: 8px 0; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner .title {
              margin: 8px 0; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner .content {
              margin: 8px 0; } }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--half .backgrounder {
          background-size: 345px 275px; }
          .bostik--teaser-edito.spreadmode--half .backgrounder .inner {
            height: 275px; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner img {
              max-width: 50%;
              margin-top: 0;
              margin-bottom: 0; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner .content {
              font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .bostik--teaser-edito.spreadmode--half .backgrounder {
          background-size: 350px 279px;
          width: 350px;
          margin: auto; }
          .bostik--teaser-edito.spreadmode--half .backgrounder .inner {
            height: 279px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--half .backgrounder {
          background-size: cover;
          height: auto;
          min-height: 271px;
          width: 100%; }
          .bostik--teaser-edito.spreadmode--half .backgrounder .inner {
            height: auto;
            min-height: 271px; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner img {
              margin: 15px 0; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner .title {
              margin: 15px 0; }
            .bostik--teaser-edito.spreadmode--half .backgrounder .inner .content {
              margin: 15px 0; } }
    .bostik--teaser-edito.spreadmode--half a:hover {
      background-size: 700px 559px; }
      @media only screen and (max-width: 1199px) {
        .bostik--teaser-edito.spreadmode--half a:hover {
          background-size: 600px 479px; } }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--half a:hover {
          background-size: 500px 399px; } }
      @media only screen and (max-width: 767px) {
        .bostik--teaser-edito.spreadmode--half a:hover {
          background-size: 600px 479px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--half a:hover {
          background-size: cover; } }
  .bostik--teaser-edito.spreadmode--third {
    margin: 15px 0; }
    .bostik--teaser-edito.spreadmode--third .backgrounder {
      background-repeat: no-repeat;
      background-size: 340px 271px;
      background-position: center center;
      display: block; }
      .bostik--teaser-edito.spreadmode--third .backgrounder > div {
        background-color: #f01f1a; }
      .bostik--teaser-edito.spreadmode--third .backgrounder.img-background > div {
        background-color: rgba(221, 5, 0, 0.6); }
      .bostik--teaser-edito.spreadmode--third .backgrounder .inner {
        height: 271px;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        text-align: left; }
        .bostik--teaser-edito.spreadmode--third .backgrounder .inner img {
          display: block;
          padding: 0;
          margin: 0; }
        .bostik--teaser-edito.spreadmode--third .backgrounder .inner .title {
          font-size: 24px;
          line-height: 30px;
          text-transform: uppercase;
          padding: 0;
          margin: 0;
          max-width: 100%; }
        .bostik--teaser-edito.spreadmode--third .backgrounder .inner .content {
          font-size: 16px;
          line-height: 22px;
          padding: 0;
          margin: 0; }
        .bostik--teaser-edito.spreadmode--third .backgrounder .inner * {
          color: #fff; }
      @media only screen and (max-width: 1199px) {
        .bostik--teaser-edito.spreadmode--third .backgrounder {
          background-size: 435px 347px; }
          .bostik--teaser-edito.spreadmode--third .backgrounder .inner {
            height: 347px; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner img {
              margin: 8px 0; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner .title {
              margin: 8px 0; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner .content {
              font-size: 16px;
              line-height: 22px;
              margin: 8px 0; } }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--third .backgrounder {
          background-size: 345px 275px; }
          .bostik--teaser-edito.spreadmode--third .backgrounder .inner {
            height: 275px; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner .content {
              font-size: 16px;
              line-height: 22px; } }
      @media only screen and (max-width: 767px) {
        .bostik--teaser-edito.spreadmode--third .backgrounder {
          background-size: 350px 279px;
          width: 350px;
          margin: auto; }
          .bostik--teaser-edito.spreadmode--third .backgrounder .inner {
            height: 279px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--third .backgrounder {
          background-size: cover;
          height: auto;
          min-height: 200px;
          width: 251px; }
          .bostik--teaser-edito.spreadmode--third .backgrounder .inner {
            height: auto;
            min-height: 200px; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner img {
              margin: 15px 0; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner .title {
              font-size: 22px;
              line-height: 28px;
              margin: 15px 0; }
            .bostik--teaser-edito.spreadmode--third .backgrounder .inner .content {
              font-size: 18px;
              line-height: 24px;
              margin: 15px 0; } }
    .bostik--teaser-edito.spreadmode--third a:hover {
      background-size: 500px 399px; }
      @media only screen and (max-width: 1199px) {
        .bostik--teaser-edito.spreadmode--third a:hover {
          background-size: 600px 478px; } }
      @media only screen and (max-width: 991px) {
        .bostik--teaser-edito.spreadmode--third a:hover {
          background-size: 500px 399px; } }
      @media only screen and (max-width: 575px) {
        .bostik--teaser-edito.spreadmode--third a:hover {
          background-size: cover; } }
  .bostik--teaser-edito.spreadmode--wide .btn, .bostik--teaser-edito.spreadmode--half .btn, .bostik--teaser-edito.spreadmode--third .btn {
    margin: 15px 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700; }
  .bostik--teaser-edito.spreadmode--wide > a, .bostik--teaser-edito.spreadmode--half > a, .bostik--teaser-edito.spreadmode--third > a {
    text-decoration: none; }
    .bostik--teaser-edito.spreadmode--wide > a:hover, .bostik--teaser-edito.spreadmode--wide > a:focus, .bostik--teaser-edito.spreadmode--half > a:hover, .bostik--teaser-edito.spreadmode--half > a:focus, .bostik--teaser-edito.spreadmode--third > a:hover, .bostik--teaser-edito.spreadmode--third > a:focus {
      text-decoration: none; }
      .bostik--teaser-edito.spreadmode--wide > a:hover .btn, .bostik--teaser-edito.spreadmode--wide > a:focus .btn, .bostik--teaser-edito.spreadmode--half > a:hover .btn, .bostik--teaser-edito.spreadmode--half > a:focus .btn, .bostik--teaser-edito.spreadmode--third > a:hover .btn, .bostik--teaser-edito.spreadmode--third > a:focus .btn {
        background: #fff;
        color: #f01f1a; }
        .bostik--teaser-edito.spreadmode--wide > a:hover .btn .glyphicon, .bostik--teaser-edito.spreadmode--wide > a:focus .btn .glyphicon, .bostik--teaser-edito.spreadmode--half > a:hover .btn .glyphicon, .bostik--teaser-edito.spreadmode--half > a:focus .btn .glyphicon, .bostik--teaser-edito.spreadmode--third > a:hover .btn .glyphicon, .bostik--teaser-edito.spreadmode--third > a:focus .btn .glyphicon {
          color: #f01f1a; }
  .bostik--teaser-edito.spreadmode--third .btn {
    margin: 0; }

.news.teaser {
  background-color: #fff;
  color: #000;
  margin: 30px 0;
  padding: 0;
  display: block;
  text-decoration: none; }
  .news.teaser .field--name-field-teaser-image {
    overflow: hidden; }
    .news.teaser .field--name-field-teaser-image img {
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -ms-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear; }
  .news.teaser .content-news h2 {
    margin: 30px 0 15px;
    text-transform: uppercase;
    color: #000; }
    .news.teaser .content-news h2 a {
      color: #000;
      text-transform: uppercase; }
  .news.teaser .content-news .content-text {
    margin-bottom: 15px; }
  .news.teaser .content-news .content {
    height: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    .news.teaser .content-news .content > div {
      max-width: 100%; }
  .news.teaser .link-read {
    margin-left: -3px;
    margin-bottom: 30px; }
    .news.teaser .link-read .link {
      color: #f01f1a;
      font-weight: bold;
      text-transform: uppercase; }
      .news.teaser .link-read .link:before {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e080";
        margin-right: 5px; }
  .news.teaser:hover .col--texts {
    background-color: #ededed; }
  .news.teaser:hover .field--name-field-teaser-image {
    overflow: hidden; }
    .news.teaser:hover .field--name-field-teaser-image img {
      transform: scale(1.2); }

.news.full .author {
  text-transform: uppercase;
  margin: 15px 0; }

.news.full .field--name-field-banner-image {
  margin-bottom: 20px; }

.news.full h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px; }

/* BLOC HOME */
@media only screen and (max-width: 575px) {
  .block-news {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px; } }

.block-news > h2 {
  border-bottom: 1px solid #eceeef;
  font-size: 26px;
  font-weight: bold;
  margin: 15px 0;
  padding: 15px 0;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  text-transform: uppercase; }

.block-news .news-home {
  overflow: hidden; }
  .block-news .news-home > .attachment,
  .block-news .news-home > .view-content {
    width: 50%; }
  .block-news .news-home .news {
    display: block;
    text-decoration: none; }
    .block-news .news-home .news * {
      color: #000; }
    .block-news .news-home .news h2 {
      font-weight: 600;
      font-size: 24px;
      line-height: 30px;
      text-transform: uppercase;
      margin-bottom: 15px;
      color: #000; }
    .block-news .news-home .news .link-read {
      margin-left: -3px;
      padding-top: 15px; }
      .block-news .news-home .news .link-read .link {
        color: #f01f1a;
        font-weight: bold;
        text-transform: uppercase; }
        .block-news .news-home .news .link-read .link:before {
          position: relative;
          top: 1px;
          display: inline-block;
          font-family: 'Glyphicons Halflings';
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e080";
          margin-right: 5px; }
    .block-news .news-home .news:hover {
      background-color: #ededed; }
  .block-news .news-home > .attachment {
    float: left; }
    .block-news .news-home > .attachment .view-content {
      width: 100%;
      padding-right: 15px; }
      .block-news .news-home > .attachment .view-content .news {
        padding: 0; }
        .block-news .news-home > .attachment .view-content .news .content-news .content {
          padding: 20px; }
        .block-news .news-home > .attachment .view-content .news .content-img {
          position: relative;
          overflow: hidden; }
          .block-news .news-home > .attachment .view-content .news .content-img img {
            width: 100%;
            -webkit-transition: transform .25s linear;
            -moz-transition: transform .25s linear;
            -ms-transition: transform .25s linear;
            -o-transition: transform .25s linear;
            transition: transform .25s linear; }
        .block-news .news-home > .attachment .view-content .news .arrow {
          bottom: 0;
          left: 80px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #fff;
          border-width: 20px;
          margin-left: -20px; }
        .block-news .news-home > .attachment .view-content .news:hover .content-img img {
          -moz-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1); }
        .block-news .news-home > .attachment .view-content .news:hover .arrow {
          border-bottom-color: #ededed; }
  .block-news .news-home > .view-content {
    float: right; }
    .block-news .news-home > .view-content .views-row {
      padding-left: 15px; }
      .block-news .news-home > .view-content .views-row .news {
        padding: 20px 15px;
        border-bottom: 1px solid #eceeef; }
      .block-news .news-home > .view-content .views-row:first-child .news {
        padding-top: 15px; }
      .block-news .news-home > .view-content .views-row:last-child .news {
        border-bottom: 0;
        margin-bottom: 0; }
        @media only screen and (max-width: 575px) {
          .block-news .news-home > .view-content .views-row:last-child .news {
            margin-bottom: 20px; } }
  .block-news .news-home.has-more-link > .view-content {
    padding-bottom: 65px; }

.block-news .news-teaser-attachment {
  margin: 0; }
  @media only screen and (max-width: 575px) {
    .block-news .news-teaser-attachment {
      padding-bottom: 20px;
      border-bottom: 1px solid #eceeef; } }
  .block-news .news-teaser-attachment .content-news {
    display: block; }
    .block-news .news-teaser-attachment .content-news h2 {
      font-size: 28px;
      line-height: 34px; }

.block-news .author {
  display: none; }

.block-news .more-link {
  clear: both;
  width: 50%;
  margin-left: 50%;
  text-align: center;
  position: relative;
  top: -45px; }
  .block-news .more-link a {
    background: #f01f1a;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 12px 20px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block; }
    .block-news .more-link a:before {
      content: "\e080";
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 5px; }
    .block-news .more-link a:hover {
      opacity: .4;
      filter: alpha(opacity=40); }

.block-news .links a {
  color: #f01f1a;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block; }
  .block-news .links a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    margin-right: 5px; }
  .block-news .links a:hover {
    text-decoration: none;
    opacity: .4;
    filter: alpha(opacity=40); }
    .block-news .links a:hover:before {
      opacity: .4;
      filter: alpha(opacity=40); }

@media screen and (max-width: 991px) {
  .news.teaser .content-news h2 {
    margin: 15px 0; }
  .news.teaser .link-read {
    margin-bottom: 15px; } }

@media screen and (max-width: 767px) {
  .news.teaser .content-news {
    display: block; }
    .news.teaser .content-news .content {
      display: block;
      padding: 0 15px; }
    .news.teaser .content-news h2 {
      margin: 15px 0; }
    .news.teaser .content-news img {
      max-width: 100%; }
  .news.teaser .link-read {
    margin: 30px 0 15px -8px; }
  .block-news .news-home > .attachment,
  .block-news .news-home > .view-content {
    width: 100%; }
    .block-news .news-home > .attachment .view-content, .block-news .news-home > .view-content .view-content {
      padding-right: 0; }
  .block-news .news-home .news.teaser .content-news .content {
    margin-bottom: 15px;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eceeef; }
  .block-news .news-home > .view-content .views-row {
    padding-left: 0; }
  .block-news .news-home > .view-content h2 {
    margin-top: 0; }
  .block-news .news-home.has-more-link > .view-content {
    padding-bottom: 0px; }
  .block-news .more-link {
    position: static;
    width: 100%;
    margin-left: 0; } }

/* -----------------------------------------------------------------------------
    =    HOME NEWS 
----------------------------------------------------------------------------- */
.block-views-blocknews-news-block {
  display: none; }

.bostik--applications,
.bostik--producttypes {
  display: inline; }
  .bostik--applications:after, .bostik--applications:before,
  .bostik--producttypes:after,
  .bostik--producttypes:before {
    clear: none;
    display: none; }
  .bostik--applications > .contextual,
  .bostik--producttypes > .contextual {
    left: 0;
    right: inherit;
    top: -0px; }
  .bostik--applications > .inner,
  .bostik--producttypes > .inner {
    display: inline; }
    .bostik--applications > .inner:after, .bostik--applications > .inner:before,
    .bostik--producttypes > .inner:after,
    .bostik--producttypes > .inner:before {
      clear: none;
      display: none; }
    .bostik--applications > .inner > .form-group,
    .bostik--producttypes > .inner > .form-group {
      display: inline; }
      .bostik--applications > .inner > .form-group > .view-applications,
      .bostik--applications > .inner > .form-group > .view-product-types,
      .bostik--producttypes > .inner > .form-group > .view-applications,
      .bostik--producttypes > .inner > .form-group > .view-product-types {
        display: inline;
        position: inherit; }
        .bostik--applications > .inner > .form-group > .view-applications > .contextual,
        .bostik--applications > .inner > .form-group > .view-product-types > .contextual,
        .bostik--producttypes > .inner > .form-group > .view-applications > .contextual,
        .bostik--producttypes > .inner > .form-group > .view-product-types > .contextual {
          top: 0px !important;
          right: inherit;
          left: 41px; }

.bostik--taxonomy-push {
  margin: 15px 0;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: 340px 271px;
  background-position: center center;
  display: block;
  position: relative; }
  .bostik--taxonomy-push .inner h2 {
    width: 100%;
    text-align: left;
    background-color: white;
    padding: 15px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    -webkit-transition: color .25s linear;
    -moz-transition: color .25s linear;
    -ms-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear;
    color: #000; }
  .bostik--taxonomy-push .inner .picture {
    height: 271px;
    position: relative;
    overflow: hidden; }
    .bostik--taxonomy-push .inner .picture img {
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -ms-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear;
      max-width: 100%; }
  .bostik--taxonomy-push .inner .btn {
    margin: 15px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px; }
  @media only screen and (max-width: 1199px) {
    .bostik--taxonomy-push .inner .picture {
      height: 347px; } }
  @media only screen and (max-width: 991px) {
    .bostik--taxonomy-push .inner .picture {
      height: 251px; } }
  @media only screen and (max-width: 767px) {
    .bostik--taxonomy-push {
      width: 350px;
      margin: 15px auto; }
      .bostik--taxonomy-push .inner .picture {
        height: 279px; } }
  @media only screen and (max-width: 575px) {
    .bostik--taxonomy-push {
      height: auto;
      width: 251px;
      position: relative; }
      .bostik--taxonomy-push .inner .picture {
        height: 200px; }
      .bostik--taxonomy-push .inner h2 {
        font-size: 22px;
        line-height: 28px;
        height: auto !important; } }
  .bostik--taxonomy-push:hover, .bostik--taxonomy-push:focus {
    text-decoration: none; }
    .bostik--taxonomy-push:hover h2, .bostik--taxonomy-push:focus h2 {
      color: #f01f1a; }
    .bostik--taxonomy-push:hover .picture img, .bostik--taxonomy-push:focus .picture img {
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .bostik--taxonomy-push:hover .btn, .bostik--taxonomy-push:focus .btn {
      color: #f01f1a;
      border-color: #f01f1a; }
      .bostik--taxonomy-push:hover .btn .glyphicon, .bostik--taxonomy-push:focus .btn .glyphicon {
        color: #f01f1a; }

.bostik--taxonomy-full .table-responsive .bostik--product-brand--name {
  max-width: 150px; }

.bostik--product-push {
  background: #fff;
  color: #000;
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 50px;
  padding: 10px 18px; }
  .bostik--product-push > a {
    display: block; }
    .bostik--product-push > a:hover, .bostik--product-push > a:focus {
      opacity: 1; }
  .bostik--product-push .picture,
  .bostik--product-push picture {
    height: 260px;
    width: 260px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    overflow: hidden; }
    .bostik--product-push .picture img,
    .bostik--product-push picture img {
      display: block;
      margin: auto;
      max-width: 100%;
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -ms-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear; }
  .bostik--product-push h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 31px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #000;
    -webkit-transition: color .25s linear;
    -moz-transition: color .25s linear;
    -ms-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear; }
    @media only screen and (max-width: 767px) {
      .bostik--product-push h2 {
        height: auto !important; } }
  .bostik--product-push .text {
    color: #000; }
    .bostik--product-push .text .container-fluid {
      padding: 0; }
    .bostik--product-push .text * {
      color: #000;
      font-size: 16px;
      line-height: 26px;
      color: #000; }
      @media only screen and (max-width: 767px) {
        .bostik--product-push .text * {
          height: auto !important; } }
  .bostik--product-push .link .btn {
    color: #f01f1a;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    background: none;
    border: 0; }
    .bostik--product-push .link .btn .glyphicon {
      color: #f01f1a; }
    .bostik--product-push .link .btn:hover, .bostik--product-push .link .btn:focus {
      text-decoration: none;
      background: none;
      border: 0; }
  .bostik--product-push > a:hover h2 {
    color: #f01f1a; }
  .bostik--product-push > a:hover .picture img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }

#scroll-links .btn,
.bostik--product-full .btn {
  background: #f01f1a;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500; }
  #scroll-links .btn .glyphicon,
  .bostik--product-full .btn .glyphicon {
    margin-right: 5px; }
    #scroll-links .btn .glyphicon.glyphicon-map-marker,
    .bostik--product-full .btn .glyphicon.glyphicon-map-marker {
      background: url(../images/marker.png) no-repeat center center;
      width: 16px;
      height: 26px;
      vertical-align: middle; }
      #scroll-links .btn .glyphicon.glyphicon-map-marker:before,
      .bostik--product-full .btn .glyphicon.glyphicon-map-marker:before {
        content: ''; }
  #scroll-links .btn:hover, #scroll-links .btn:focus,
  .bostik--product-full .btn:hover,
  .bostik--product-full .btn:focus {
    text-decoration: none;
    opacity: 0.6; }

#scroll-links .btn {
  border: 1px solid #fff; }

.bostik--product-full .features-benefits-anchor {
  height: 0;
  z-index: -999;
  position: relative;
  width: 0;
  opacity: 0;
  overflow: hidden; }

.bostik--product-full hr {
  margin: 30px 0 0; }

.bostik--product-full .btn {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 20px; }
  .bostik--product-full .btn.btn-link {
    margin-top: -5px;
    padding-top: 7px;
    padding-bottom: 7px; }
    @media only screen and (max-width: 575px) {
      .bostik--product-full .btn.btn-link {
        margin-bottom: 15px; } }

.bostik--product-full .bloc {
  margin-bottom: 15px; }

.bostik--product-full .gallery {
  position: relative; }
  .bostik--product-full .gallery .imagefield_slideshow {
    max-width: 85%;
    margin: 0 auto;
    position: relative;
    width: 459px;
    height: 465px; }
    .bostik--product-full .gallery .imagefield_slideshow img {
      display: block;
      margin: auto;
      position: absolute;
      top: 50% !important;
      left: 50% !important;
      -moz-transform: translate(-50%, -50%) !important;
      -webkit-transform: translate(-50%, -50%) !important;
      transform: translate(-50%, -50%) !important; }
  .bostik--product-full .gallery .imagefield_slideshow-prev,
  .bostik--product-full .gallery .imagefield_slideshow-next {
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    color: #f01f1a;
    position: absolute;
    top: 50%; }
    .bostik--product-full .gallery .imagefield_slideshow-prev:hover,
    .bostik--product-full .gallery .imagefield_slideshow-next:hover {
      opacity: 0.4; }
  .bostik--product-full .gallery .imagefield_slideshow-prev {
    left: 0; }
  .bostik--product-full .gallery .imagefield_slideshow-next {
    right: 0; }

.bostik--product-full .benefits .field--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .bostik--product-full .benefits .field--item:before {
    content: '';
    background-color: #f01f1a;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 25px; }

.bostik--product-full .bloc-badge {
  padding: 15px 0 20px; }
  .bostik--product-full .bloc-badge .field--item {
    float: left; }
    .bostik--product-full .bloc-badge .field--item img {
      margin-right: 15px;
      transform: scale(1);
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -ms-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear;
      max-width: 100px; }
    .bostik--product-full .bloc-badge .field--item:hover img {
      transform: scale(1.5); }
  .bostik--product-full .bloc-badge .field--items > .field--item {
    float: left; }
  .bostik--product-full .bloc-badge:after {
    content: "";
    display: block;
    clear: both; }

.bostik--product-full .paragraph-content h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px; }

.bostik--product-full .paragraph-content h3 {
  margin-top: 0;
  margin-bottom: 20px; }

.bostik--product-full .paragraph-content h4 {
  margin-top: 0;
  margin-bottom: 20px; }

.bostik--product-full .paragraph-content h5 {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase; }

.bostik--product-full .paragraph-content h6 {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase; }

.bostik--product-full .paragraph-content a {
  color: #f01f1a;
  text-decoration: underline; }
  .bostik--product-full .paragraph-content a:hover {
    text-decoration: none; }

.bostik--product-full .paragraph-content ul, .bostik--product-full .paragraph-content ol {
  margin: 0 auto;
  padding: 0;
  list-style-position: inside;
  margin-left: 20px;
  margin-bottom: 10px; }

.bostik--product-full .paragraph-content ul li {
  list-style: none; }
  .bostik--product-full .paragraph-content ul li:before {
    content: '●';
    color: #f01f1a;
    display: inline;
    padding-right: 10px; }

.bostik--product-full .paragraph-content table th, .bostik--product-full .paragraph-content table td {
  padding: 10px 5px; }

.bostik--product-full .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.bostik--product-full .underline {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px; }

.bostik--product-full .panel-group .panel-default {
  margin-bottom: 10px; }
  .bostik--product-full .panel-group .panel-default a, .bostik--product-full .panel-group .panel-default a:hover, .bostik--product-full .panel-group .panel-default a:focus {
    text-decoration: none; }

.bostik--product-full .panel-group .panel-heading {
  cursor: pointer; }
  .bostik--product-full .panel-group .panel-heading .panel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.bostik--product-full .panel-group .content-body {
  display: none; }

.bostik--product-full .list-group-item--doc .list-group-item-text span {
  margin-left: 0; }
  .bostik--product-full .list-group-item--doc .list-group-item-text span:first-child {
    margin-right: 2em; }

.bostik--product-full .colors-title {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500; }

.bostik--product-full .colors-text {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .bostik--product-full .colors-text {
      margin-bottom: 15px; } }

.bostik--product-full .colors {
  text-align: center; }
  .bostik--product-full .colors .bloc-color {
    display: inline-block;
    margin: 5px; }
    .bostik--product-full .colors .bloc-color .bg {
      width: 50px;
      height: 50px;
      border-radius: 25px;
      border: 1px solid #eee; }
      .bostik--product-full .colors .bloc-color .bg.bg-white {
        border: 1px solid #aaa !important; }
    .bostik--product-full .colors .bloc-color .name {
      text-transform: capitalize;
      text-align: center; }
  @media only screen and (max-width: 767px) {
    .bostik--product-full .colors .bloc-color .bg {
      width: 40px;
      height: 40px; } }

.bostik--product-full .doc-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px; }
  .bostik--product-full .doc-external .desc {
    max-width: 50%; }
  .bostik--product-full .doc-external .link {
    background: #f01f1a;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px;
    margin-left: 25px; }
    .bostik--product-full .doc-external .link a {
      color: #fff;
      text-decoration: none; }
      .bostik--product-full .doc-external .link a:before {
        content: "\e080";
        margin-right: 5px;
        color: #fff;
        display: inline-block;
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased; }
    .bostik--product-full .doc-external .link:hover {
      opacity: .4;
      filter: alpha(opacity=40); }
  @media only screen and (max-width: 575px) {
    .bostik--product-full .doc-external {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .bostik--product-full .doc-external .desc {
        max-width: 100%;
        width: 100%; }
      .bostik--product-full .doc-external .link {
        margin-top: 8px;
        margin-left: 0; } }

.table-product {
  background-color: #fff;
  margin: 0 auto 40px; }
  .table-product .table-responsive > .table > thead > tr > th,
  .table-product .table-responsive > .table > tbody > tr > td {
    white-space: normal; }
  .table-product table tr, .table-product table td, .table-product table th, .table-product table tr:nth-of-type(odd) {
    background-color: #fff; }
  .table-product table > thead > tr > th {
    text-align: center;
    vertical-align: top;
    height: 100%;
    border-color: #f6f6f6; }
    .table-product table > thead > tr > th > div {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .table-product table > thead > tr > th > div > div:first-child > div:first-child {
        height: 150px;
        width: 150px;
        margin: auto;
        margin-bottom: 10px; }
    .table-product table > thead > tr > th img {
      max-width: 100%;
      max-height: 100%;
      display: block;
      margin: auto; }
    .table-product table > thead > tr > th .btn-link a {
      color: #f01f1a; }
    .table-product table > thead > tr > th .btn-link span {
      color: #f01f1a; }
    .table-product table > thead > tr > th .btn-link:hover {
      text-decoration: none; }
      .table-product table > thead > tr > th .btn-link:hover a, .table-product table > thead > tr > th .btn-link:hover span {
        text-decoration: none;
        opacity: .4;
        filter: alpha(opacity=40); }
  .table-product table > thead > tr > th,
  .table-product table > tbody > tr > td {
    padding: 15px; }
  .table-product table tbody tr td {
    border: 0;
    text-align: center;
    color: #f01f1a;
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 5px; }
    .table-product table tbody tr td:first-child {
      width: 200px;
      text-align: right;
      color: #000;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 16px; }
  .table-product .caption {
    text-align: right;
    font-size: 14px;
    line-height: 16px; }

.bostik--product-slider > h2 {
  font-size: 34px;
  font-weight: 900;
  line-height: 38px;
  margin-top: 0;
  padding-top: 0; }

.bostik--product-slider .field--item {
  padding: 0 15px; }

.bostik--product-slider .bostik--product-push {
  margin-bottom: 0;
  padding: 10px 18px;
  background: #fff;
  color: #000; }
  .bostik--product-slider .bostik--product-push .picture {
    max-width: 100%; }
  .bostik--product-slider .bostik--product-push img {
    max-width: 100%; }

.color1 {
  color: #f01f1a; }

.transition, .well--transparent .btn, .btn, .btn .glyphicon, .container-contact button, #scroll-links li a, .bostik--searchbox .btn-primary .glyphicon, .bostik--site-switch .menu > li > a, .bostik--site-switch .menu > li > a .glyphicon, .bostik--mainmenu .navbar-nav > li > a, .addthis_toolbox a img, .bostik--sharethis .stButton .stLarge, .bostik--sharethis .st_facebook_custom,
.bostik--sharethis .st_twitter_custom,
.bostik--sharethis .st_linkedin_custom,
.bostik--sharethis .st_sharethis_custom,
.bostik--sharethis .st_embed_ly_custom,
.bostik--sharethis .st_email_custom,
.bostik--sharethis .st_edmodo_custom,
.bostik--sharethis .st_dzone_custom,
.bostik--sharethis .st_diigo_custom,
.bostik--sharethis .st_digg_custom,
.bostik--sharethis .st_delicious_custom,
.bostik--sharethis .st_dealsplus_custom,
.bostik--sharethis .st_corkboard_custom,
.bostik--sharethis .st_citeulike_custom,
.bostik--sharethis .st_chiq_custom,
.bostik--sharethis .st_care2_custom,
.bostik--sharethis .st_buffer_custom,
.bostik--sharethis .st_buddymarks_custom,
.bostik--sharethis .st_blogger_custom,
.bostik--sharethis .st_blogmarks_custom,
.bostik--sharethis .st_blip_custom,
.bostik--sharethis .st_blinklist_custom,
.bostik--sharethis .st_baidu_custom,
.bostik--sharethis .st_att_custom,
.bostik--sharethis .st_arto_custom,
.bostik--sharethis .st_amazon_wishlist_custom,
.bostik--sharethis .st_allvoices_custom,
.bostik--sharethis .st_adfty_custom,
.bostik--sharethis .st_google_reader_custom,
.bostik--sharethis .st_google_bmarks_custom,
.bostik--sharethis .st_googleplus_custom,
.bostik--sharethis .st_google_custom,
.bostik--sharethis .st_fwisp_custom,
.bostik--sharethis .st_funp_custom,
.bostik--sharethis .st_friendfeed_custom,
.bostik--sharethis .st_fresqui_custom,
.bostik--sharethis .st_foodlve_custom,
.bostik--sharethis .st_folkd_custom,
.bostik--sharethis .st_flipboard_custom,
.bostik--sharethis .st_fashiolista_custom .st_fark_custom,
.bostik--sharethis .st_evernote_custom,
.bostik--sharethis .st_segnalo_custom,
.bostik--sharethis .st_reddit_custom,
.bostik--sharethis .st_raise_your_voice_custom,
.bostik--sharethis .st_print_custom,
.bostik--sharethis .st_pocket_custom,
.bostik--sharethis .st_pinterest_custom,
.bostik--sharethis .st_oknotizie_custom,
.bostik--sharethis .st_odnoklassniki_custom,
.bostik--sharethis .st_nujij_custom,
.bostik--sharethis .st_newsvine_custom,
.bostik--sharethis .st_netvouz_custom,
.bostik--sharethis .st_netlog_custom,
.bostik--sharethis .st_n4g_custom,
.bostik--sharethis .st_myspace_custom,
.bostik--sharethis .st_moshare_custom,
.bostik--sharethis .st_mister_wong_custom,
.bostik--sharethis .st_messenger_custom,
.bostik--sharethis .st_meneame_custom,
.bostik--sharethis .st_mail_ru_custom,
.bostik--sharethis .st_livejournal_custom,
.bostik--sharethis .st_linkagogo_custom,
.bostik--sharethis .st_kik_custom,
.bostik--sharethis .st_jumptags_custom,
.bostik--sharethis .st_kaboodle_custom,
.bostik--sharethis .st_instapaper_custom,
.bostik--sharethis .st_hatena_custom,
.bostik--sharethis .st_google_translate_custom,
.bostik--sharethis .st_yammer_custom,
.bostik--sharethis .st_xing_custom,
.bostik--sharethis .st_xerpi_custom,
.bostik--sharethis .st_wordpress_custom,
.bostik--sharethis .st_weheartit_custom,
.bostik--sharethis .st_whatsapp_custom,
.bostik--sharethis .st_voxopolis_custom,
.bostik--sharethis .st_vkontakte_custom,
.bostik--sharethis .st_virb_custom,
.bostik--sharethis .st_viadeo_custom,
.bostik--sharethis .st_tumblr_custom,
.bostik--sharethis .st_typepad_custom,
.bostik--sharethis .st_stumpedia_custom,
.bostik--sharethis .st_stumbleupon_custom,
.bostik--sharethis .st_startlap_custom,
.bostik--sharethis .st_startaid_custom,
.bostik--sharethis .st_sonico_custom,
.bostik--sharethis .st_sina_custom, .bostik--get-in-touch .contact .btn-contact, .search-page-form .btn-primary .glyphicon, .bostik--search-result .inner, .contact-form .btn-primary .glyphicon, .bostik--advanced-banner .backgrounder, .bostik--teaser-image.spreadmode--half .backgrounder.img-background, .bostik--teaser-image.spreadmode--third .backgrounder, .bostik--teaser-image.spreadmode--wide .backgrounder, .bostik--teaser-edito.spreadmode--wide .backgrounder.img-background, .bostik--teaser-edito.spreadmode--half .backgrounder .btn, .bostik--teaser-edito.spreadmode--half .backgrounder.img-background, .bostik--teaser-edito.spreadmode--third .backgrounder.img-background, .block-news .more-link a, .block-news .links a, .block-news .links a:before, #scroll-links .btn,
.bostik--product-full .btn, .bostik--product-full .gallery .imagefield_slideshow-prev,
.bostik--product-full .gallery .imagefield_slideshow-next, .bostik--product-full .doc-external .link, .table-product table > thead > tr > th .btn-link a, .table-product table > thead > tr > th .btn-link span {
  -webkit-transition: background-size .25s linear, background-color .25s linear, color .25s linear, border-color .25s linear;
  -moz-transition: background-size .25s linear, background-color .25s linear, color .25s linear, border-color .25s linear;
  -ms-transition: background-size .25s linear, background-color .25s linear, color .25s linear, border-color .25s linear;
  -o-transition: background-size .25s linear, background-color .25s linear, color .25s linear, border-color .25s linear;
  transition: background-size .25s linear, background-color .25s linear, color .25s linear, border-color .25s linear; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f01f1a;
  border-color: #f01f1a; }

.pagination > li > a,
.pagination > li > span {
  color: #000; }

/*# sourceMappingURL=styles.min.css.map */