/* RESET --BEGIN-- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: auto; }

/* RESET --END-- */
/* GLOBAL VARIABLES --BEGIN-- */
/* GLOBAL VARIABLES --END-- */
/* GLOBAL STYLES --BEGIN-- */
body {
  font-size: 16px;
  line-height: 24px;
  color: #7F7F7F;
  background-color: white;
  font-family: "Raleway", sans-serif; }

p {
  margin-bottom: 20px;
  text-align: justify; }

strong, .strong {
  font-weight: 600; }

ul, ol {
  margin-bottom: 20px; }
  ul li, ol li {
    margin: 0 0 10px 30px;
    line-height: 24px; }

ul li {
  list-style: disc; }

ol li {
  list-style: decimal; }

a:link, a:visited {
  color: #008e87;
  text-decoration: none; }

h1 {
  font-size: 36px;
  font-weight: 500;
  color: #008e87; }

h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #008e87; }

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  color: #7F7F7F; }

h4 {
  font-size: 24px;
  font-weight: 500;
  color: #008e87; }

h5 {
  font-size: 16px;
  font-weight: 600;
  color: #7F7F7F; }

h6 {
  font-size: 18px;
  font-weight: 600; }

.container-fluid {
  padding: 0; }
  .container-fluid .col {
    padding: 0; }

section {
  padding-top: 30px;
  padding-bottom: 30px; }
  section.container-fluid {
    padding-top: 30px;
    padding-bottom: 30px; }
  section:nth-child(even) {
    background-color: #f5f5f5; }

.section-title {
  border: none;
  margin: 0 0 20px;
  text-align: center; }

.theme-color {
  color: #008e87; }

.bg-color-f5 {
  background-color: #f5f5f5; }

.text-2-columns {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-gap: none;
  -moz-column-gap: none;
  -webkit-column-gap: none;
  column-fill: auto;
  -moz-column-fill: balance;
  -webkit-column-fill: auto; }

.img-right > img,
.img-left > img {
  width: 100% !important;
  margin-bottom: 20px; }

.clear {
  clear: both;
  font-weight: 0;
  line-height: 0; }

/* BREADCRUMB */
#breadcrumb {
  margin-bottom: 20px; }
  #breadcrumb ol.breadcrumb {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none; }
    #breadcrumb ol.breadcrumb li.breadcrumb-item {
      list-style: none;
      margin: 0; }

/* GO-TO-TOP --BEGIN-- */
.go-to-top,
.go-to-top img {
  display: none; }

/* GO-TO-TOP --END-- */
/* COOKIES MESSAGE --BEGIN-- */
.cookies-msg {
  position: fixed;
  bottom: 0;
  background-color: #008e87;
  padding: 15px;
  width: 100%;
  color: white;
  z-index: 1001; }
  .cookies-msg a.btn {
    background-color: white; }
    .cookies-msg a.btn:hover {
      color: #008e87;
      background-color: white; }

/* COOKIES MESSAGE --END-- */
.btn {
  font-weight: 600;
  border-radius: 5px;
  transition: .4s ease;
  padding: 8px;
  width: 150px; }
  .btn:hover, .btn:focus {
    background-position: 0 40px; }
  .btn.btn-theme {
    font-weight: 600;
    color: white;
    background-color: #008e87; }
    .btn.btn-theme:hover {
      color: #20455B;
      background-color: #50BFB7; }
  .btn.btn-theme-white {
    font-weight: 600;
    color: #008e87;
    background-color: white; }
    .btn.btn-theme-white:hover {
      color: white;
      background-color: #008e87; }
  .btn.btn-outline-theme {
    color: #008e87;
    border-color: #008e87;
    background-color: transparent; }
    .btn.btn-outline-theme:hover {
      color: white;
      background-color: #008e87; }
  .btn.btn-outline-white {
    color: white;
    border-color: white;
    background-color: transparent; }
    .btn.btn-outline-white:hover {
      color: white;
      background-color: #008e87; }

.accordion > .card {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #7F7F7F;
  border-radius: 0; }
  .accordion > .card > .card-header {
    background-color: transparent;
    padding: 0;
    border-top: solid 1px #7F7F7F;
    border-bottom: none;
    border-radius: 0; }
    .accordion > .card > .card-header a {
      display: block;
      padding: 15px 5px;
      color: #5A5A5A; }
      .accordion > .card > .card-header a.h3 {
        margin-bottom: 0;
        padding-left: 32px;
        font-size: 18px;
        font-weight: 600; }
      .accordion > .card > .card-header a::before {
        content: "\E224";
        font-family: "Glyphicons Regular";
        margin-left: -32px;
        padding: 0 10px;
        font-size: 12px; }
      .accordion > .card > .card-header a[aria-expanded=true]::before {
        content: "\E602"; }
  .accordion > .card .card-body {
    padding: 10px 5px 10px 32px; }

@media screen and (min-width: 768px) {
  .accordion > .card > .card-header a {
    padding: 20px 10px; }
    .accordion > .card > .card-header a.h3 {
      padding-left: 34px;
      font-size: 20px; }
    .accordion > .card > .card-header a::before {
      margin-left: -34px;
      font-size: 14px; }
  .accordion > .card .card-body {
    padding-left: 34px;
    padding-bottom: 20px; } }
form label {
  margin-bottom: 10px;
  font-size: 18px;
  color: #008e87; }
form textarea {
  min-height: 110px; }
form .valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center right 7px;
  border-color: #28a745;
  padding-right: 35px; }
  form .valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.25); }
form .invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center right 7px;
  border-color: #CC0000;
  padding-right: 35px; }
  form .invalid:focus {
    border-color: #CC0000;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.25); }

.tooltip .arrow::before {
  border-bottom-color: #008e87; }
.tooltip .tooltip-inner {
  background-color: #008e87; }

.collapse-open .glyphicons,
.collapse-close .glyphicons {
  line-height: .5; }

/* GLOBAL STYLES --END-- */
/* HEADER --BEGIN-- */
header {
  /* MENU --BEGIN-- */
  /* MENU --END-- */
  /* HERO --BEGIN-- */
  /* HERO --END-- */ }
  header .sub-header {
    position: fixed;
    background-color: white;
    top: 0;
    z-index: 1000; }
    header .sub-header .logo {
      padding: 17px 0 13px; }
      header .sub-header .logo img {
        width: 240px;
        height: 34px; }
    header .sub-header .login .btn {
      width: 170px; }
  header .menu {
    position: fixed;
    border-top: solid 1px white;
    z-index: 1000;
    transition: border-top-color .4s ease; }
    header .menu.affix {
      border-top: solid 1px #d9d9d9;
      transition: border-top-color .4s ease; }
    header .menu nav.navbar {
      position: inherit;
      background-color: #008e87;
      width: 100%;
      padding: 0; }
      header .menu nav.navbar button.navbar-toggler {
        position: fixed;
        top: 12px;
        right: 0;
        padding: 5px 10px;
        font-size: 24px;
        color: #008e87;
        border-color: transparent;
        outline-color: transparent;
        z-index: 1002; }
      header .menu nav.navbar button + div {
        width: 100%; }
      header .menu nav.navbar ul.navbar-nav li {
        margin: 0;
        list-style: none;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
        header .menu nav.navbar ul.navbar-nav li.nav-item a.nav-link, header .menu nav.navbar ul.navbar-nav li.show a.nav-link {
          padding: 20px 35px;
          font-size: 18px;
          color: white; }
        header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu {
          background-color: transparent;
          margin-top: 0;
          padding-top: 0;
          border: none;
          border-radius: 0; }
          header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item:active, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu .dropdown-item:active {
            background-color: transparent; }
          header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu a, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu a {
            padding: 10px 55px;
            color: white; }
            header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu a:hover, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu a:hover {
              color: #008e87; }
        header .menu nav.navbar ul.navbar-nav li.nav-item.lang, header .menu nav.navbar ul.navbar-nav li.show.lang {
          background-color: #009B93;
          padding: 10px 35px; }
          header .menu nav.navbar ul.navbar-nav li.nav-item.lang ul, header .menu nav.navbar ul.navbar-nav li.show.lang ul {
            margin: 0;
            padding: 0; }
            header .menu nav.navbar ul.navbar-nav li.nav-item.lang ul li, header .menu nav.navbar ul.navbar-nav li.show.lang ul li {
              margin: 0;
              list-style: none;
              display: inline-block;
              border: none; }
              header .menu nav.navbar ul.navbar-nav li.nav-item.lang ul li a, header .menu nav.navbar ul.navbar-nav li.show.lang ul li a {
                display: inline-block;
                padding: 10px;
                margin-left: -10px;
                color: white; }
  header #hero {
    margin-top: 71px;
    /* HOMEPAGE --BEGIN-- */
    /* HOMEPAGE --END-- */
    /* INTERNAL PAGES --BEGIN-- */
    /* INTERNAL PAGES --END-- */ }
    header #hero.page-home {
      background-image: radial-gradient(farthest-corner at 0px 50px, #50bfb7 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_home.jpeg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 150px;
      display: flex;
      align-items: center; }
      header #hero.page-home h1 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 30px;
        text-align: center;
        line-height: 33px;
        opacity: 0.9;
        color: white; }
      header #hero.page-home p {
        margin-bottom: 0;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
        color: white; }
    header #hero.page-simple {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 150px;
      display: flex;
      align-items: center; }
      header #hero.page-simple h1 {
        padding-left: 0;
        padding-right: 0;
        font-size: 30px;
        line-height: 34px;
        color: white; }
      header #hero.page-simple.page-news-abilis {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url("../../icons/hero_news_abilis.jpg"); }
      header #hero.page-simple.page-a-propos {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_a_propos.jpeg); }
      header #hero.page-simple.page-prestations {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_prestation.jpeg); }
      header #hero.page-simple.page-gestion-officine {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_gestion-officine.jpeg); }
      header #hero.page-simple.page-service-patient {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_service-patients.jpeg); }
      header #hero.page-simple.page-securite-information {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_securite-informations.jpeg); }
      header #hero.page-simple.page-finances {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_finances.jpeg); }
      header #hero.page-simple.page-news {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_news.jpeg); }
      header #hero.page-simple.page-contact {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_contact.jpeg); }
      header #hero.page-simple.page-ofac-groupe {
        display: none; }
      header #hero.page-simple.page-job {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/hero_job.jpeg); }
      header #hero.page-simple.page-condition {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%); }
      header #hero.page-simple.page-confidentialite {
        background-image: radial-gradient(farthest-corner at 0px 50px, rgba(80, 191, 183, 0.8) 0%, rgba(0, 144, 137, 0.5) 70%), url(../../icons/img_confidentialite.jpeg); }

/* HEADER --END-- */
/* MAIN --BEGIN-- */
#main {
  /* PAGE OFAC-GROUPE */
  /* PAGE CONTACT */
  /* PAGE CONTACT --END-- */
  /* PAGE CONDITONS */
  /* PAGE CONDITONS --END-- */ }
  #main.page-home #call-center {
    background-color: #008e87; }
  #main.page-home #newsletter .newsletter {
    background-image: linear-gradient(to top right, rgba(80, 191, 183, 0.6), rgba(0, 144, 137, 0.6)); }
    #main.page-home #newsletter .newsletter .newsletter-btn {
      opacity: 1;
      transition: opacity .4s ease; }
      #main.page-home #newsletter .newsletter .newsletter-btn.newsletter-btn-hidden {
        opacity: 0;
        transition: opacity .4s ease; }
  #main.page-home #newsletter .full-white-bkg {
    position: fixed;
    z-index: 1010;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  #main.page-home #newsletter .form-response {
    position: fixed;
    z-index: 1020;
    top: 230px;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px #ccc;
    padding-top: 15px;
    font-weight: 600;
    color: #666;
    box-shadow: 2px 2px 7px -1px; }
    #main.page-home #newsletter .form-response .close {
      position: absolute;
      float: unset;
      right: 20px;
      top: 10px;
      cursor: pointer; }
  #main.page-home #call-center > .container,
  #main.page-home .newsletter > .container {
    margin: auto;
    padding: 25px; }
  #main.page-home section#news-1er .row {
    flex-direction: column-reverse; }
  #main.page-home section#news-1er .section-title {
    text-align: left !important; }
  #main.page-home section#cta-abilis img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #main.page-home section#cta-abilis .cta-abilis-fr {
    content: url("../../icons/Petit_Rectangle_Abilis_2021_FR.png"); }
  #main.page-home section#cta-abilis .cta-abilis-de {
    content: url("../../icons/Petit_Rectangle_Abilis_2021_DE.png"); }
  #main.page-home section#cta-abilis .cta-abilis-it {
    content: url("../../icons/Petit_Rectangle_Abilis_2021_IT.png"); }
  #main.page-home section#news-abilis .section-title {
    text-align: left !important; }
  #main.page-home section#rapport-annuel .row {
    flex-direction: column-reverse; }
  #main.page-home section#rapport-annuel .section-title {
    text-align: left !important; }
  #main.page-home section#a-propos {
    /*background-color: $color-white; */ }
    #main.page-home section#a-propos iframe {
      height: 150px;
      width: 100%; }
    #main.page-home section#a-propos .section-title {
      text-align: left !important; }
  #main.page-home section#actualite {
    /*background-color: $section-background-color; */ }
    #main.page-home section#actualite .box {
      box-shadow: 0 2px 6px rgba(112, 112, 112, 0.2);
      background-color: white;
      height: 100%; }
      #main.page-home section#actualite .box:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
      #main.page-home section#actualite .box .box-content {
        padding: 15px;
        min-height: 100px; }
        #main.page-home section#actualite .box .box-content h5 {
          line-height: 22px;
          margin-bottom: 20px;
          color: #008e87; }
        #main.page-home section#actualite .box .box-content p {
          color: #5A5A5A; }
        #main.page-home section#actualite .box .box-content #collapse-body-1 {
          -moz-transition: height .5s ease-out;
          -ms-transition: height .5s ease-out;
          -o-transition: height .5s ease-out;
          -webkit-transition: height .5s ease-out;
          transition: height .5s ease-out; }
      #main.page-home section#actualite .box .img-overlay:hover img {
        filter: brightness(0.65);
        transition: filter .5s; }
  #main.page-home section#prestation {
    /*background-color: $color-white; */ }
    #main.page-home section#prestation .box {
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
      background-color: white;
      box-sizing: border-box; }
      #main.page-home section#prestation .box:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
      #main.page-home section#prestation .box .box-content {
        min-height: 80px; }
        #main.page-home section#prestation .box .box-content h4 {
          color: #5A5A5A;
          font-size: 18px;
          text-align: center; }
      #main.page-home section#prestation .box .img-overlay:hover img {
        filter: brightness(0.65);
        transition: filter .5s; }
      #main.page-home section#prestation .box .img-overlay:hover .box-content h4 {
        color: #008e87; }
  #main.page-simple section .intro {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    padding: 30px 0; }
  #main.page-news-abilis #content h3 {
    font-weight: 600; }
  #main.page-news-abilis #content p {
    margin-bottom: 40px; }
  #main.page-news #actualite {
    background-color: #f5f5f5; }
    #main.page-news #actualite .box {
      box-shadow: 0 2px 6px rgba(112, 112, 112, 0.2);
      background-color: white;
      height: 100%; }
      #main.page-news #actualite .box:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
      #main.page-news #actualite .box .box-content {
        padding: 15px;
        min-height: 100px; }
        #main.page-news #actualite .box .box-content h5 {
          line-height: 22px;
          margin-bottom: 20px;
          color: #008e87; }
        #main.page-news #actualite .box .box-content p {
          color: #5A5A5A; }
        #main.page-news #actualite .box .box-content #collapse-body-1 {
          -moz-transition: height .5s ease-out;
          -ms-transition: height .5s ease-out;
          -o-transition: height .5s ease-out;
          -webkit-transition: height .5s ease-out;
          transition: height .5s ease-out; }
      #main.page-news #actualite .box .img-overlay:hover img {
        filter: brightness(0.65);
        transition: filter .5s; }
  #main.page-a-propos #historique img {
    box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14); }
  #main.page-a-propos #certification #iso {
    margin-top: 40px;
    text-align: center; }
    #main.page-a-propos #certification #iso .thumbnail {
      display: block;
      padding: 15px;
      margin-bottom: 20px;
      line-height: 26px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-transition: border .2s ease-in-out;
      -o-transition: border .2s ease-in-out;
      transition: border .2s ease-in-out; }
      #main.page-a-propos #certification #iso .thumbnail img {
        margin-top: 20px; }
      #main.page-a-propos #certification #iso .thumbnail .caption {
        text-align: center;
        padding-top: 30px; }
        #main.page-a-propos #certification #iso .thumbnail .caption h6 {
          font-size: 18px; }
  #main.page-a-propos #s-engage .box {
    border: 1px solid #ddd;
    padding-bottom: 30px;
    box-sizing: border-box; }
    #main.page-a-propos #s-engage .box .box-overlay {
      overflow: hidden;
      position: relative; }
    #main.page-a-propos #s-engage .box .box-overlay:hover .img-overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      opacity: 1;
      z-index: 1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: .5s ease;
      -moz-transition: .5s ease;
      -ms-transition: .5s ease;
      transition: .5s ease;
      background: rgba(255, 255, 255, 0.5); }
      #main.page-a-propos #s-engage .box .box-overlay:hover .img-overlay img {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #main.page-a-propos #s-engage .box .img-overlay img {
      color: #008e87;
      font-size: 20px;
      position: absolute;
      opacity: 0;
      top: 50%;
      left: 50%;
      text-align: center; }
    #main.page-a-propos #s-engage .box .box-body {
      padding: 0 15px; }
      #main.page-a-propos #s-engage .box .box-body h5 {
        margin-top: 20px;
        margin-bottom: 15px; }
    #main.page-a-propos #s-engage .box .collapse, #main.page-a-propos #s-engage .box .collapsing {
      padding: 0 15px; }
  #main.page-prestations .box, #main.page-gestion-officine .box, #main.page-service-patient .box, #main.page-securite-information .box {
    max-width: 370px;
    box-shadow: 0 2px 6px rgba(112, 112, 112, 0.2);
    background-color: white; }
    #main.page-prestations .box:hover, #main.page-gestion-officine .box:hover, #main.page-service-patient .box:hover, #main.page-securite-information .box:hover {
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
      #main.page-prestations .box:hover .box-image img, #main.page-gestion-officine .box:hover .box-image img, #main.page-service-patient .box:hover .box-image img, #main.page-securite-information .box:hover .box-image img {
        filter: brightness(0.65);
        transition: filter .4s; }
      #main.page-prestations .box:hover .box-content h5, #main.page-gestion-officine .box:hover .box-content h5, #main.page-service-patient .box:hover .box-content h5, #main.page-securite-information .box:hover .box-content h5 {
        color: #008e87; }
    #main.page-prestations .box .box-image img, #main.page-gestion-officine .box .box-image img, #main.page-service-patient .box .box-image img, #main.page-securite-information .box .box-image img {
      filter: brightness(1);
      transition: filter .4s; }
    #main.page-prestations .box .box-content, #main.page-gestion-officine .box .box-content, #main.page-service-patient .box .box-content, #main.page-securite-information .box .box-content {
      min-height: 60px;
      padding: 8px 20px 15px; }
      #main.page-prestations .box .box-content h5, #main.page-gestion-officine .box .box-content h5, #main.page-service-patient .box .box-content h5, #main.page-securite-information .box .box-content h5 {
        color: #5A5A5A;
        font-size: 18px;
        text-align: center; }
      #main.page-prestations .box .box-content .filter-white > img, #main.page-gestion-officine .box .box-content .filter-white > img, #main.page-service-patient .box .box-content .filter-white > img, #main.page-securite-information .box .box-content .filter-white > img {
        width: 100%;
        height: 50px;
        margin-top: -5px;
        margin-bottom: -5px; }
  #main.page-gestion-officine .section-link, #main.page-service-patient .section-link, #main.page-securite-information .section-link {
    margin-top: 20px; }
  #main.page-gestion-officine .logo-streamfact img {
    width: auto;
    height: 45px; }
  #main.page-ofac-groupe .hero-ofac-groupe {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
    margin-top: 71px; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-image {
      max-height: 300px;
      overflow: hidden; }
      #main.page-ofac-groupe .hero-ofac-groupe .hero-image img {
        vertical-align: top;
        width: 100%;
        overflow: hidden;
        height: auto; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
      display: none; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-text {
      background: black;
      /* Fallback color */
      background: rgba(0, 146, 140, 0.7);
      color: #fff;
      width: 100%;
      padding: 20px 0; }
      #main.page-ofac-groupe .hero-ofac-groupe .hero-text .hero-logo-mob {
        width: 200px; }
      #main.page-ofac-groupe .hero-ofac-groupe .hero-text h3 {
        color: white;
        font-weight: 700;
        padding-bottom: 10px; }
  #main.page-ofac-groupe .page-header.text-center {
    margin: 40px 0 0px; }
  #main.page-ofac-groupe #section-ofac a:link, #main.page-ofac-groupe #section-ofac a:visited .box,
  #main.page-ofac-groupe #section-groupe a:link,
  #main.page-ofac-groupe #section-groupe a:visited .box {
    color: #212529; }
  #main.page-ofac-groupe #section-ofac .box:hover,
  #main.page-ofac-groupe #section-groupe .box:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
    #main.page-ofac-groupe #section-ofac .box:hover .text-center,
    #main.page-ofac-groupe #section-groupe .box:hover .text-center {
      -webkit-filter: brightness(0) invert(1);
      /* Safari 6.0 - 9.0 */
      -ms-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
  #main.page-ofac-groupe #section-ofac .logo_img,
  #main.page-ofac-groupe #section-groupe .logo_img {
    height: 50px; }
  #main.page-ofac-groupe #section-ofac .row {
    align-items: flex-start; }
  #main.page-ofac-groupe #section-ofac .rapport-annuel {
    flex-direction: column-reverse; }
  #main.page-ofac-groupe #section-ofac .box {
    background-color: rgba(255, 255, 255, 0.99);
    box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 50px 0px 30px;
    margin-top: 10px;
    overflow: hidden; }
    #main.page-ofac-groupe #section-ofac .box h5 {
      padding: 15px 0;
      line-height: 25px; }
    #main.page-ofac-groupe #section-ofac .box p {
      padding: 5px 20px; }
  #main.page-ofac-groupe #section-ofac #ofac:hover {
    background: rgba(0, 146, 140, 0.7); }
  #main.page-ofac-groupe #section-ofac #rapport-annuel:hover {
    background: rgba(0, 146, 140, 0.7); }
  #main.page-ofac-groupe #section-ofac iframe {
    webkit-box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    -moz-box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    border-radius: 4px;
    background-color: #212529;
    width: 100%;
    height: 250px;
    max-height: auto; }
    #main.page-ofac-groupe #section-ofac iframe #document div#player {
      border: solid 5px #000; }
      #main.page-ofac-groupe #section-ofac iframe #document div#player .vp-controls .play {
        visibility: none; }
      #main.page-ofac-groupe #section-ofac iframe #document div#player button .vp-controls .play {
        visibility: visible; }
  #main.page-ofac-groupe #section-groupe {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../../icons/logo-groupe/nuages_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 0 !important; }
    #main.page-ofac-groupe #section-groupe div[class*=col-] {
      padding-right: 5px;
      padding-left: 5px; }
      #main.page-ofac-groupe #section-groupe div[class*=col-] .box {
        background-color: #F8F8FF;
        padding: 50px 20px 30px;
        margin-top: 10px;
        overflow: hidden; }
        #main.page-ofac-groupe #section-groupe div[class*=col-] .box h5 {
          padding: 10px 0;
          height: 50px;
          color: #444;
          font-size: 20px; }
        #main.page-ofac-groupe #section-groupe div[class*=col-] .box p {
          padding: 20px 0; }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #abilis:hover {
        background: rgba(16, 102, 173, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #apofin:hover {
        background: rgba(0, 93, 125, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #bint:hover {
        background: rgba(77, 200, 233, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #cybernatus:hover {
        background: rgba(245, 51, 63, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #delta:hover,
      #main.page-ofac-groupe #section-groupe div[class*=col-] #orc:hover,
      #main.page-ofac-groupe #section-groupe div[class*=col-] #orr:hover {
        background: rgba(122, 32, 69, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #pharmafoto:hover {
        background: rgba(96, 187, 181, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #pharmatic:hover {
        background: rgba(114, 191, 68, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #sispha:hover {
        background: rgba(136, 120, 114, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #telecom-services:hover {
        background: rgba(0, 40, 86, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #soignez-moi:hover {
        background: rgba(0, 61, 88, 0.7); }
      #main.page-ofac-groupe #section-groupe div[class*=col-] #waris:hover {
        background: rgba(243, 112, 33, 0.7); }
  #main.page-job {
    background-color: #f5f5f5; }
    #main.page-job .section-content {
      padding-bottom: 60px; }
      #main.page-job .section-content .box {
        background-color: white;
        border: 1px solid #e3e3e3;
        padding: 40px 20px;
        margin-top: 10px;
        overflow: hidden; }
        #main.page-job .section-content .box:hover {
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1); }
        #main.page-job .section-content .box .logo_img {
          text-align: left;
          width: 100%;
          max-height: 40px; }
        #main.page-job .section-content .box .job-content {
          margin-top: 20px; }
          #main.page-job .section-content .box .job-content h4 {
            color: #5A5A5A;
            margin-bottom: 15px;
            font-size: 20px;
            line-height: 22px;
            text-align: left; }
          #main.page-job .section-content .box .job-content p {
            text-align: left; }
        #main.page-job .section-content .box .job-link {
          text-align: center; }
          #main.page-job .section-content .box .job-link h5 {
            font-size: 16px;
            font-weight: 400;
            line-height: 35px; }
    #main.page-job #job-details > .container {
      background-color: white;
      border: 1px solid #e3e3e3;
      margin-top: -30px;
      padding: 30px; }
      #main.page-job #job-details > .container .section-title > h1 {
        font-size: 28px;
        font-weight: 600;
        /*line-height: 38px;
        color: $theme-color;*/ }
  #main.page-contact .confirm-msg h3 {
    font-size: 20px;
    color: #CC0000; }
  #main.page-contact .confirm-msg p {
    font-size: 18px;
    line-height: 26px;
    color: #CC0000; }
  #main.page-contact .text-contact-center div[class*=col] {
    padding: 15px; }
    #main.page-contact .text-contact-center div[class*=col] h3 {
      font-weight: normal;
      padding-bottom: 20px;
      color: #009B93; }
    #main.page-contact .text-contact-center div[class*=col]:first-child {
      background-color: #E0F7FA;
      font-weight: 600;
      color: #009B93; }
    #main.page-contact .text-contact-center div[class*=col]:last-child {
      background-color: #009B93;
      color: white; }
      #main.page-contact .text-contact-center div[class*=col]:last-child a {
        color: white; }
    #main.page-contact .text-contact-center div[class*=col] p {
      margin-bottom: 0; }
    #main.page-contact .text-contact-center div[class*=col] .tel {
      padding-bottom: 15px;
      font-size: 22px;
      font-weight: 600; }
      #main.page-contact .text-contact-center div[class*=col] .tel::before {
        content: "\E078";
        font-family: "Glyphicons Regular";
        display: inline-block;
        margin-right: 20px;
        padding: 10px 12px 12px 12px;
        background-color: white;
        color: #009B93;
        border-radius: 50px;
        line-height: 24px; }
    #main.page-contact .text-contact-center div[class*=col] .email {
      font-weight: 600; }
      #main.page-contact .text-contact-center div[class*=col] .email img {
        width: 46px;
        height: 46px;
        margin-right: 20px; }
  #main.page-condition h2 {
    padding-top: 20px;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 30px; }
  #main.page-condition h3 {
    padding-top: 15px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px; }
  #main.page-condition h4 {
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px; }

/* MAIN --END-- */
/* FOOTER --BEGIN-- */
footer h6 {
  padding: 0; }
footer .footer-sitemap {
  background-color: #20455B;
  padding-top: 30px;
  padding-bottom: 10px; }
  footer .footer-sitemap ul li {
    margin: 0;
    list-style: none; }
    footer .footer-sitemap ul li:first-child {
      padding-bottom: 10px; }
    footer .footer-sitemap ul li a {
      color: white;
      font-size: 14px; }
    footer .footer-sitemap ul li h6 {
      text-transform: uppercase; }
      footer .footer-sitemap ul li h6 a {
        font-size: 18px; }
footer .footer-info .row a {
  color: white; }
footer .footer-info .row > div[class*=col-] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  color: white;
  height: 100px; }
  footer .footer-info .row > div[class*=col-]:first-child {
    background-color: #008e87; }
    footer .footer-info .row > div[class*=col-]:first-child img {
      width: 165px;
      height: 70px; }
  footer .footer-info .row > div[class*=col-]:nth-child(2) {
    background-color: #009B93; }
    footer .footer-info .row > div[class*=col-]:nth-child(2) img {
      width: 210px;
      height: 30px; }
  footer .footer-info .row > div[class*=col-]:nth-child(3) {
    background-color: #00B2A9; }
    footer .footer-info .row > div[class*=col-]:nth-child(3) a {
      margin-left: 10px; }
      footer .footer-info .row > div[class*=col-]:nth-child(3) a:first-child {
        margin-left: 20px; }
      footer .footer-info .row > div[class*=col-]:nth-child(3) a img {
        width: 35px;
        height: 35px; }
  footer .footer-info .row > div[class*=col-]:last-child {
    background-color: #50BFB7; }
    footer .footer-info .row > div[class*=col-]:last-child img {
      width: 201px;
      height: 60px; }
footer .footer-adresse {
  padding: 10px 0; }
  footer .footer-adresse .row > div[class*=col-] {
    padding: 20px 0; }
    footer .footer-adresse .row > div[class*=col-] > div {
      width: 220px;
      margin: 0 auto; }
      footer .footer-adresse .row > div[class*=col-] > div p {
        margin: 5px 0 0 40px;
        font-size: 14px; }
        footer .footer-adresse .row > div[class*=col-] > div p::before {
          display: inline-block;
          position: absolute;
          content: "\E243";
          margin: 10px 0 0 -40px;
          font-size: 30px;
          font-family: 'Glyphicons Regular';
          color: #008e87; }
footer .footer-copyright {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  footer .footer-copyright .row > div[class*=col-] {
    padding: 0 0 20px 0; }
    footer .footer-copyright .row > div[class*=col-]:first-child {
      padding-top: 30px; }
    footer .footer-copyright .row > div[class*=col-]:last-child {
      padding-bottom: 30px; }
      footer .footer-copyright .row > div[class*=col-]:last-child img {
        width: 64px;
        height: 64px;
        margin: 0 2.5px; }

/* FOOTER --END-- */
/* RESPONSIVE DESIGN */
@media screen and (min-width: 425px) {
  /* GLOBAL STYLES --BEGIN-- */
  h1 {
    font-size: 30px; }

  /* MAIN --BEGIN-- */
  #main.page-home section#rapport-annuel iframe {
    height: 210px; }
  #main.page-home section#a-propos iframe {
    height: 210px; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-text {
    padding: 40px; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
    top: -10%;
    right: -12%;
    width: 50%;
    height: 22%; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo img {
      top: 50%;
      right: 53%;
      width: 45%; }

  /* MAIN --END-- */ }
@media screen and (min-width: 576px) {
  /* MAIN --BEGIN-- */
  #main.page-home section#a-propos iframe {
    margin-top: 15px;
    height: 300px; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-logo-mob {
    display: none; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
    display: inline-block;
    text-align: left;
    position: absolute;
    top: -10%;
    right: 4%;
    height: 30%;
    background: white;
    /* Black background with 0.5 opacity 0, 146, 140*/
    width: 30%;
    min-width: 200px;
    -ms-transform: rotate(-53deg);
    /* IE 9 */
    -webkit-transform: rotate(-53deg);
    /* Safari 3-8 */
    transform: rotate(-53deg);
    -ms-box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    -webkit-box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9);
    box-shadow: 0px 0px 40px 3px rgba(184, 184, 184, 0.9); }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo img {
      position: absolute;
      top: 45%;
      right: 30%;
      width: 65%;
      max-width: 225px;
      -ms-transform: rotate(53deg);
      /* IE 9 */
      -webkit-transform: rotate(53deg);
      /* Safari 3-8 */
      transform: rotate(53deg); }
  #main.page-ofac-groupe #section-ofac iframe {
    height: 300px; }
  #main.page-service-patient .box .box-content {
    min-height: 40px;
    padding: 5px 10px; }
    #main.page-service-patient .box .box-content .filter-white > img {
      height: 30px;
      margin-top: 0;
      margin-bottom: 0; }

  /* MAIN --END-- */ }
@media screen and (min-width: 768px) {
  /* GLOBAL STYLES --BEGIN-- */
  h1 {
    font-size: 40px; }

  h2 {
    font-size: 40px;
    line-height: 56px; }

  h3 {
    font-size: 40px;
    line-height: 44px; }

  h4 {
    font-size: 32px; }

  hr {
    margin-top: 40px;
    margin-bottom: 30px; }

  .text-2-columns {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px; }

  .img-right > img,
  .img-left > img {
    width: 48% !important;
    margin-top: 10px;
    margin-bottom: 10px; }

  .img-right > img {
    float: right;
    margin-left: 30px; }

  .img-left > img {
    float: left;
    margin-right: 30px; }

  /* GO-TO-TOP  */
  .go-to-top {
    display: block;
    position: fixed;
    background-color: #FFF;
    right: 20px;
    bottom: 95px;
    border: solid 1px #CCC;
    border-radius: 5px;
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: 1000;
    transition: opacity 0.4s ease; }

  .go-to-top:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity 0.4s ease; }

  .go-to-top img {
    display: block;
    width: 14px;
    height: 14px;
    margin: 16px 17px 14px; }

  .section-title {
    margin: 0 0 30px; }

  /* GLOBAL STYLES --END-- */
  /* HEADER --BEGIN-- */
  header {
    /* HERO --BEGIN-- */
    /* HERO --END-- */ }
    header #hero.page-home {
      height: 220px; }
      header #hero.page-home h1 {
        font-size: 40px;
        line-height: 50px; }
    header #hero.page-simple h1 {
      font-size: 40px;
      line-height: 50px; }

  /* HEADER --END-- */
  /* MAIN --BEGIN-- */
  html[lang=fr-CH] #main.page-news-abilis #content h3 {
    font-size: 36px; }
  html[lang=fr-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 400px; }
  html[lang=fr-CH] #main.page-a-propos #s-engage .box {
    min-height: 620px; }
  html[lang=de-CH] #main.page-news-abilis #content h3 {
    font-size: 36px; }
  html[lang=de-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 400px; }
  html[lang=de-CH] #main.page-a-propos #s-engage .box {
    min-height: 630px; }
  html[lang=it-CH] #main.page-news-abilis #content h3 {
    font-size: 36px; }
  html[lang=it-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 360px; }
  html[lang=it-CH] #main.page-a-propos #s-engage .box {
    min-height: 645px; }

  #main {
    /* PAGE CONTACT */
    /* PAGE CONDITONS */
    /* PAGE CONDITONS --END-- */ }
    #main.page-home section#news-1er .row {
      flex-direction: unset; }
    #main.page-home section#news-abilis .row {
      flex-direction: unset; }
    #main.page-home section#cta-abilis .container {
      padding: 0; }
    #main.page-home section#cta-abilis .cta-abilis-fr {
      content: url("../../icons/Leaderboard_Classique_Abilis_2021_FR.png"); }
    #main.page-home section#cta-abilis .cta-abilis-de {
      content: url("../../icons/Leaderboard_Classique_Abilis_2021_DE.png"); }
    #main.page-home section#cta-abilis .cta-abilis-it {
      content: url("../../icons/Leaderboard_Classique_Abilis_2021_IT.png"); }
    #main.page-home section#rapport-annuel .row {
      flex-direction: unset; }
    #main.page-home section#rapport-annuel iframe {
      height: 260px; }
    #main.page-home section#a-propos iframe {
      height: 260px; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
      right: -1%;
      height: 28%;
      min-width: 350px; }
      #main.page-ofac-groupe .hero-ofac-groupe .hero-logo img {
        top: 46%;
        right: 50%;
        width: 50%; }
    #main.page-ofac-groupe .page-header.text-center {
      margin: 70px 0 30px; }
    #main.page-ofac-groupe #section-ofac {
      padding: 0; }
      #main.page-ofac-groupe #section-ofac .rapport-annuel {
        margin-top: 30px;
        flex-direction: unset; }
      #main.page-ofac-groupe #section-ofac iframe {
        height: 350px;
        margin-top: 15px; }
    #main.page-ofac-groupe #section-groupe .box {
      max-height: 350px; }
      #main.page-ofac-groupe #section-groupe .box p {
        height: 190px; }
    #main.page-ofac-groupe #section-ofac .box p,
    #main.page-ofac-groupe #section-groupe .box p {
      text-align: center; }
    #main.page-job .section-content .box .logo_img {
      width: 100%;
      max-height: 51px; }
    #main.page-job .section-content .box .job-content h4 {
      font-size: 22px;
      line-height: 30px; }
    #main.page-job .section-content .box .job-link {
      text-align: right; }
    #main.page-job #job-details > .container .section-title > h1 {
      font-size: 40px;
      line-height: 50px; }
    #main.page-contact .confirm-msg h3 {
      font-size: 26px; }
    #main.page-contact .confirm-msg p {
      font-size: 22px;
      line-height: 32px; }
    #main.page-contact .text-contact-center div[class*=col] {
      padding: 25px 15px; }
      #main.page-contact .text-contact-center div[class*=col] .tel {
        padding-bottom: 20px;
        font-size: 26px; }
        #main.page-contact .text-contact-center div[class*=col] .tel::before {
          content: "\E078";
          font-family: "Glyphicons Regular";
          display: inline-block;
          margin-right: 20px;
          padding: 10px 12px 12px 12px;
          background-color: white;
          color: #009B93;
          border-radius: 50px;
          line-height: 28px; }
      #main.page-contact .text-contact-center div[class*=col] .email {
        font-weight: 600;
        font-size: 20px; }
        #main.page-contact .text-contact-center div[class*=col] .email img {
          width: 50px;
          height: 50px;
          margin-right: 20px; }
    #main.page-condition h2 {
      padding-top: 20px;
      margin-bottom: 20px;
      font-size: 36px;
      line-height: 40px; }
    #main.page-condition h3 {
      padding-top: 15px;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 600;
      color: #7F7F7F; }
    #main.page-condition h4 {
      padding-top: 10px;
      margin-bottom: 10px;
      font-size: 22px;
      color: #7F7F7F; }

  /* MAIN --END-- */
  /* FOOTER --BEGIN-- */
  footer .footer-copyright .row > div[class*=col-] {
    padding: 30px 0; }
    footer .footer-copyright .row > div[class*=col-]:last-child {
      padding: 20px 0; }

  /* FOOTER --END-- */ }
@media screen and (min-width: 992px) {
  /* GLOBAL STYLES --BEGIN-- */
  h1 {
    font-size: 2.4em;
    line-height: 50px; }

  section {
    padding-top: 60px;
    padding-bottom: 60px; }
    section.container-fluid {
      padding-top: 60px;
      padding-bottom: 60px; }

  .img-right > p,
  .img-right > h6,
  .img-right .section-link,
  .img-right .collapse,
  .img-right .collapsing, .img-right + .collapse, .img-right + .collapsing {
    margin-right: 51%; }

  .img-left > p,
  .img-left > h6,
  .img-left .section-link,
  .img-left .collapse,
  .img-left .collapsing, .img-left + .collapse, .img-left + .collapsing {
    margin-left: 51%; }

  /* GLOBAL STYLES --END-- */
  /* HEADER --BEGIN-- */
  header {
    /* HERO --BEGIN-- */
    /* HERO --END-- */ }
    header .sub-header {
      padding: 20px 0;
      z-index: 1001; }
      header .sub-header .lang ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        header .sub-header .lang ul li {
          margin: 0;
          list-style: none;
          display: inline-block; }
          header .sub-header .lang ul li a {
            display: inline-block;
            padding: 8px;
            font-size: 14px;
            color: #7F7F7F; }
            header .sub-header .lang ul li a.active, header .sub-header .lang ul li a:hover {
              color: #009B93; }
      header .sub-header .logo {
        padding: 0; }
        header .sub-header .logo img {
          width: 370px;
          height: 53px;
          /*transition: .4s;*/ }
      header .sub-header .login ul li {
        margin: 0;
        list-style: none; }
      header .sub-header .login .btn {
        padding-left: 0;
        padding-right: 0; }
    header .menu {
      background-color: white;
      top: 99px;
      padding: 30px 0 20px;
      border-top: none;
      border-bottom: solid 1px white;
      transition: border-bottom-color .4s ease, padding .4s ease; }
      header .menu.affix {
        padding: 0 0 5px;
        border-top: none;
        border-bottom: solid 1px #d9d9d9;
        transition: border-bottom-color .4s ease, padding .4s ease; }
      header .menu nav.navbar {
        background-color: white;
        width: auto; }
        header .menu nav.navbar button + div {
          width: inherit; }
        header .menu nav.navbar ul.navbar-nav li {
          margin: 0;
          list-style: none; }
          header .menu nav.navbar ul.navbar-nav li.nav-item a.nav-link, header .menu nav.navbar ul.navbar-nav li.show a.nav-link {
            padding: 10px 15px;
            font-weight: 700;
            color: #7F7F7F; }
          header .menu nav.navbar ul.navbar-nav li.nav-item a:hover, header .menu nav.navbar ul.navbar-nav li.show a:hover {
            color: #009B93; }
          header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu {
            background-color: white;
            margin-top: .125rem;
            padding-top: .5rem;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: .25rem; }
            header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu a, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu a {
              padding: .25rem 1.5rem;
              color: #7F7F7F; }
              header .menu nav.navbar ul.navbar-nav li.nav-item .dropdown-menu a:hover, header .menu nav.navbar ul.navbar-nav li.show .dropdown-menu a:hover {
                color: #009B93; }
          header .menu nav.navbar ul.navbar-nav li.active a.nav-link {
            color: #009B93; }
    header #hero {
      margin-top: 195px; }
      header #hero.page-home {
        height: 250px; }
        header #hero.page-home h1 {
          font-size: 50px;
          line-height: 60px; }
      header #hero.page-simple {
        height: 200px; }
        header #hero.page-simple h1 {
          font-size: 50px;
          line-height: 60px; }

  /* HEADER --END-- */
  /* MAIN --BEGIN-- */
  html[lang=fr-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 410px; }
  html[lang=fr-CH] #main.page-a-propos #s-engage .box {
    min-height: 550px; }
  html[lang=de-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 480px; }
  html[lang=de-CH] #main.page-a-propos #s-engage .box {
    min-height: 580px; }
  html[lang=it-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 410px; }
  html[lang=it-CH] #main.page-a-propos #s-engage .box {
    min-height: 555px; }

  #main.page-home section#prestation .box .box-content h4 {
    font-size: 24px; }
  #main.page-service-patient .box .box-content {
    min-height: 60px;
    padding: 10px 20px; }
    #main.page-service-patient .box .box-content .filter-white > img {
      height: 50px; }
  #main.page-ofac-groupe .hero-ofac-groupe {
    margin-top: 195px; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
      right: 7%;
      height: 38%;
      top: -19%; }
      #main.page-ofac-groupe .hero-ofac-groupe .hero-logo img {
        top: 47%;
        right: 47%; }
  #main.page-ofac-groupe #section-ofac {
    padding: 0 0 30px; }
    #main.page-ofac-groupe #section-ofac .box {
      padding: 50px 20px 30px; }
  #main.page-ofac-groupe #section-groupe .box {
    max-height: 410px; }
    #main.page-ofac-groupe #section-groupe .box p {
      height: 190px; }

  /* MAIN --END-- */
  /* FOOTER --BEGIN-- */
  footer .footer-info .row > div[class*=col-] {
    height: 140px; }
    footer .footer-info .row > div[class*=col-]:first-child img {
      width: 189px;
      height: 80px; }
    footer .footer-info .row > div[class*=col-]:nth-child(3) a {
      margin-left: 5px; }
      footer .footer-info .row > div[class*=col-]:nth-child(3) a:first-child {
        margin-left: 10px; }

  /* FOOTER --END-- */ }
@media screen and (min-width: 1200px) {
  /* HEADER --BEGIN-- */
  header {
    /* HERO --BEGIN-- */
    /* HERO --END-- */ }
    header #hero.page-home {
      height: 400px; }
      header #hero.page-home h1 {
        font-size: 72px;
        line-height: 82px; }

  /* MAIN --BEGIN-- */
  html[lang=fr-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 360px; }
  html[lang=fr-CH] #main.page-a-propos #s-engage .box {
    min-height: 570px; }
  html[lang=de-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 390px; }
  html[lang=de-CH] #main.page-a-propos #s-engage .box {
    min-height: 540px; }
  html[lang=it-CH] #main.page-a-propos #certification #iso .thumbnail .caption {
    height: 340px; }
  html[lang=it-CH] #main.page-a-propos #s-engage .box {
    min-height: 570px; }

  #main.page-home section#rapport-annuel iframe {
    height: 330px; }
  #main.page-home section#a-propos iframe {
    height: 310px; }
  #main.page-prestations .box, #main.page-gestion-officine .box, #main.page-service-patient .box, #main.page-securite-information .box {
    max-width: 370px;
    box-shadow: 0 2px 6px rgba(112, 112, 112, 0.2);
    background-color: white; }
    #main.page-prestations .box:hover .box-image img, #main.page-gestion-officine .box:hover .box-image img, #main.page-service-patient .box:hover .box-image img, #main.page-securite-information .box:hover .box-image img {
      filter: brightness(0.65);
      transition: filter .4s; }
    #main.page-prestations .box:hover .box-content h5, #main.page-gestion-officine .box:hover .box-content h5, #main.page-service-patient .box:hover .box-content h5, #main.page-securite-information .box:hover .box-content h5 {
      color: #008e87; }
    #main.page-prestations .box .box-image img, #main.page-gestion-officine .box .box-image img, #main.page-service-patient .box .box-image img, #main.page-securite-information .box .box-image img {
      filter: brightness(1);
      transition: filter .4s; }
    #main.page-prestations .box .box-content, #main.page-gestion-officine .box .box-content, #main.page-service-patient .box .box-content, #main.page-securite-information .box .box-content {
      min-height: 80px;
      padding: 15px; }
      #main.page-prestations .box .box-content h5, #main.page-gestion-officine .box .box-content h5, #main.page-service-patient .box .box-content h5, #main.page-securite-information .box .box-content h5 {
        font-size: 24px;
        line-height: 28px; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-image {
    max-height: 400px; }
  #main.page-ofac-groupe .hero-ofac-groupe .hero-logo {
    right: 12%;
    max-width: 600px; }
    #main.page-ofac-groupe .hero-ofac-groupe .hero-logo img {
      top: 45%;
      max-width: 260px;
      right: 47%; }
  #main.page-ofac-groupe #section-groupe .box {
    max-height: 380px; }
    #main.page-ofac-groupe #section-groupe .box p {
      height: 155px; }

  /* MAIN --END-- */
  /* FOOTER --BEGIN-- */
  footer .footer-info .row > div[class*=col-]:nth-child(2) img {
    width: 280px;
    height: 40px; }
  footer .footer-info .row > div[class*=col-]:nth-child(3) a {
    margin-left: 10px; }
    footer .footer-info .row > div[class*=col-]:nth-child(3) a:first-child {
      margin-left: 20px; }

  /* FOOTER --END-- */ }
/* Target IE10 and 11, cause filter not supported by */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #section-ofac .box:hover,
  #section-groupe .box:hover {
    background-color: rgba(248, 248, 255, 0.8) !important; } }