* {
  box-sizing: border-box; }

.hide {
  display: none !important; }

a, p, button, li, h1, h2, h3, h4, input, label {
  font-family: "Open Sans", sans-serif; }

h1, h2, h3 {
  line-height: 1.5; }

button, .button {
  cursor: pointer; }

.uppercase {
  text-transform: uppercase; }

strong {
  font-weight: 700; }

button, .button {
  display: block;
  text-decoration: none;
  border: 3px solid;
  background-color: transparent;
  transition: color 0.5s;
  transition: background 0.5s; }

button.blue, .button.blue {
  border-color: #2a3f54;
  color: #2a3f54; }

button.blue:hover, .button.blue:hover {
  color: #ffffff;
  background-color: #2a3f54; }

button.green, .button.green {
  border-color: #52c2c3;
  color: #52c2c3; }

button.green:hover, .button.green:hover {
  color: #ffffff;
  background-color: #52c2c3; }

button.white, .button.white {
  border-color: #ffffff;
  color: #ffffff; }

button.white:hover, .button.white:hover {
  background-color: #ffffff;
  color: #52c2c3; }

h2.green, h3.green {
  color: #52c2c3; }

h2.blue, h3.blue {
  color: #2a3f54; }

h2.white {
  color: #ffffff; }

h2.underline:after {
  content: '';
  width: 80px;
  height: 3px;
  display: block;
  margin: 0 auto;
  margin-top: 15px; }

h3.underline:after {
  content: '';
  width: 80px;
  height: 3px;
  display: block;
  margin: 0 auto;
  margin-top: 15px; }

input {
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.slick-slide:focus, img:focus, a:focus {
  outline: none; }

.mobile-menu {
  display: none; }

.slick-dots li {
  cursor: default; }
  .slick-dots li button {
    cursor: pointer !important; }
  .slick-dots li button:before {
    color: #ffffff;
    opacity: 0.5;
    font-size: 16px; }
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ffffff; }

.website-content {
  padding-top: 105px;
  overflow-x: hidden; }

.menu-relative header {
  position: relative;
  box-shadow: none; }
.menu-relative .website-content {
  padding-top: 0px; }

header {
  position: fixed;
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.75);
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1200;
  background-color: #ffffff; }
  header .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 5px 20px;
    overflow: hidden; }
  header h1 {
    float: left;
    width: 95px;
    height: 95px;
    background: url("../img/logo-duiglobal-144.png") no-repeat;
    background-size: 95px; }
    header h1 a {
      overflow: hidden;
      text-indent: -1000px;
      display: block;
      height: 100%;
      width: 100%; }
  header nav {
    padding: 0px 20px;
    margin: 20px 0px; }
    header nav > ul {
      overflow: hidden; }
      header nav > ul > li {
        float: left; }
        header nav > ul > li:nth-child(2) {
          width: 144px;
          height: 55px; }
        header nav > ul > li:nth-child(3) {
          width: 164px;
          height: 55px; }
        header nav > ul > li ul {
          position: absolute;
          z-index: 1000; }
          header nav > ul > li ul li {
            display: none;
            background-color: #ffffff; }
            header nav > ul > li ul li:first-child {
              display: block; }
              header nav > ul > li ul li:first-child a {
                padding: 20px;
                font-size: 15px;
                font-weight: 600; }
            header nav > ul > li ul li a {
              padding: 15px 20px;
              font-size: 14px;
              font-weight: 400; }
              header nav > ul > li ul li a.active {
                color: #2a3f54; }
          header nav > ul > li ul:hover li {
            display: block; }
        header nav > ul > li.products-menu ul li:first-child a {
          padding: 20px 35px; }
        header nav > ul > li a {
          display: block;
          padding: 20px;
          color: #989898;
          font-size: 15px;
          font-weight: 600;
          transition: color 0.5s, background-color 0.5s; }
          header nav > ul > li a .fa {
            margin-left: 10px; }
          header nav > ul > li a.cta, header nav > ul > li a.cta.active {
            border: 3px solid #2a3f54;
            padding: 7px 17px;
            margin: 10px 0px;
            background-color: #2a3f54;
            color: #ffffff; }
            header nav > ul > li a.cta:hover, header nav > ul > li a.cta.active:hover {
              background-color: transparent;
              color: #2a3f54; }
        header nav > ul > li a.active, header nav > ul > li a:hover {
          color: #2a3f54;
          transition: color 0.5s, background-color 0.5s; }
  header nav, header .button, header .lang-container {
    float: right; }
  header .button {
    padding: 7px;
    margin: 30px 20px;
    font-size: 15px;
    font-weight: 600; }
  header .lang-container {
    border-right: 1px solid #dde2e4;
    border-left: 1px solid #dde2e4;
    width: 92px;
    margin: 30px 0px;
    height: 35px;
    padding: 0px 20px; }
    header .lang-container ul {
      position: absolute; }
      header .lang-container ul li a {
        font-size: 15px;
        background-color: #ffffff;
        font-weight: 600;
        color: #989898;
        display: none;
        padding: 7px;
        cursor: pointer;
        transition: color 0.5s, background-color 0.5s; }
      header .lang-container ul li a:hover {
        background-color: #989898;
        color: #ffffff;
        transition: color 0.5s, background-color 0.5s; }
      header .lang-container ul li a.active {
        display: block;
        border: 3px solid #989898; }
      header .lang-container ul li a.active:after {
        content: '\f107';
        font-family: FontAwesome;
        color: #989898;
        margin-left: 5px; }
      header .lang-container ul li a.active:hover:after {
        color: #ffffff; }
    header .lang-container ul:hover {
      border: 3px solid #989898;
      z-index: 1000; }
      header .lang-container ul:hover li a {
        display: block; }
      header .lang-container ul:hover li a.active {
        border: none; }
  header .burger-menu {
    display: none; }

.home-menu {
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  top: -60px;
  z-index: 1000;
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.75);
  text-align: center;
  transition: top 0.5s; }
  .home-menu ul {
    white-space: nowrap;
    display: inline-block; }
    .home-menu ul li {
      display: inline-block; }
      .home-menu ul li a {
        display: block;
        padding: 20px;
        color: #989898;
        font-size: 15px;
        font-weight: 600;
        transition: color 0.5s; }
        .home-menu ul li a.active, .home-menu ul li a:hover {
          color: #2a3f54; }

.home section.intro {
  width: 100%;
  background-size: cover;
  position: relative; }
  .home section.intro .intro-container {
    max-width: 1280px;
    padding: 0px 20px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 640px);
    position: absolute;
    z-index: 800;
    margin: 0 auto; }
    .home section.intro .intro-container h2 {
      font-size: 45px;
      text-align: left;
      line-height: 1.5;
      max-width: 470px;
      width: 100%;
      color: #ffffff;
      font-weight: 700;
      padding-bottom: 40px;
      text-transform: uppercase; }
  .home section.intro .intro-slider {
    width: 100%; }
    .home section.intro .intro-slider .slick-slide {
      height: 590px;
      width: 100%;
      background-size: cover; }
      .home section.intro .intro-slider .slick-slide.office {
        background: url("../img/backgrounds/slide-office-1920.jpg") no-repeat center;
        background-size: cover; }
      .home section.intro .intro-slider .slick-slide.mobitimeone {
        background: url("../img/backgrounds/slide-mobitimeone-1920.jpg") no-repeat center;
        background-size: cover; }
      .home section.intro .intro-slider .slick-slide.gestion {
        background: url("../img/backgrounds/slide-gestion-1920.jpg") no-repeat center;
        background-size: cover; }
      .home section.intro .intro-slider .slick-slide.micro {
        background: url("../img/backgrounds/slide-micro-1920.jpg") no-repeat center;
        background-size: cover; }
      .home section.intro .intro-slider .slick-slide.force {
        background: url("../img/backgrounds/slide-force-1920.jpg") no-repeat center;
        background-size: cover; }
    .home section.intro .intro-slider .slick-dots {
      bottom: 10px; }

.no-js .home .intro-slider {
  width: 100%; }
  .no-js .home .intro-slider div:first-child {
    width: 100%;
    height: 590px;
    background: url("../img/backgrounds/slide-force-1920.jpg") no-repeat center;
    background-size: cover; }

.home section.possibilities {
  margin-top: 20px; }
  .home section.possibilities ul {
    width: 100%; }
    .home section.possibilities ul li {
      width: 100%; }
      .home section.possibilities ul li .possibility-container {
        max-width: 760px;
        margin: 0 auto;
        overflow: hidden;
        padding: 25px 20px;
        position: relative; }
        .home section.possibilities ul li .possibility-container .description {
          width: calc(50% - 30px);
          float: right;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%); }
          .home section.possibilities ul li .possibility-container .description h3 {
            font-size: 32px;
            line-height: 1.3;
            font-weight: 700;
            padding-bottom: 20px; }
          .home section.possibilities ul li .possibility-container .description p {
            font-size: 16px;
            line-height: 1.5;
            color: #101010;
            font-weight: 300; }
        .home section.possibilities ul li .possibility-container .illustration {
          width: calc(50% - 10px);
          float: left;
          margin-right: 20px; }
        .home section.possibilities ul li .possibility-container .illustration {
          height: 350px; }
        .home section.possibilities ul li .possibility-container .illustration.presence {
          background: url("../img/illus/illu-presence-350.png") no-repeat left center;
          background-size: contain; }
        .home section.possibilities ul li .possibility-container .illustration.activities {
          background: url("../img/illus/illu-activities-350.png") no-repeat right center;
          background-size: contain; }
        .home section.possibilities ul li .possibility-container .illustration.monitoring {
          background: url("../img/illus/illu-monitoring-350.png") no-repeat left center;
          background-size: contain; }
        .home section.possibilities ul li .possibility-container .illustration.automatisation {
          background: url("../img/illus/illu-automatisation-350.png") no-repeat right center;
          background-size: contain; }
    .home section.possibilities ul li:nth-child(even) {
      background-color: #f3f2f2; }
      .home section.possibilities ul li:nth-child(even) .description {
        left: 20px;
        margin-right: 20px; }
      .home section.possibilities ul li:nth-child(even) .illustration {
        float: right;
        margin-right: 0px; }
    .home section.possibilities ul li:last-child {
      padding-bottom: 50px; }

.home section.advantages {
  width: 100%;
  background-color: #2a3f54;
  padding: 30px 0px; }
  .home section.advantages .advantages-container {
    max-width: 1280px;
    margin: 0 auto; }
    .home section.advantages .advantages-container h2 {
      text-align: center;
      color: #ffffff;
      font-weight: 700;
      padding-top: 50px;
      font-size: 19px; }
      .home section.advantages .advantages-container h2:after {
        background-color: #ffffff; }
    .home section.advantages .advantages-container ul {
      width: 100%;
      overflow: hidden;
      padding: 20px 0px; }
      .home section.advantages .advantages-container ul li {
        width: calc(25% - 60px);
        padding: 10px 30px 30px;
        float: left;
        margin: 0px 30px; }
        .home section.advantages .advantages-container ul li h3 {
          text-align: center;
          color: #ffffff;
          font-size: 18px;
          line-height: 1.3;
          font-weight: 600; }
        .home section.advantages .advantages-container ul li .icon {
          width: 110px;
          height: 110px;
          margin: 0 auto;
          margin-bottom: 25px; }
      .home section.advantages .advantages-container ul .automatic .icon {
        background: url("../img/icons/home-advantages/automatic-110.png") no-repeat center; }
      .home section.advantages .advantages-container ul .central .icon {
        background: url("../img/icons/home-advantages/centralisation-110.png") no-repeat center; }
      .home section.advantages .advantages-container ul .combinable .icon {
        background: url("../img/icons/home-advantages/combinable-110.png") no-repeat center; }
      .home section.advantages .advantages-container ul .simple .icon {
        background: url("../img/icons/home-advantages/simple-110.png") no-repeat center; }

.home section.functionalities {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 0px;
  text-align: center; }
  .home section.functionalities h2 {
    font-size: 19px;
    text-align: center;
    font-weight: 700;
    color: #2e2e2e;
    padding: 0px 20px 20px 20px; }
  .home section.functionalities h2.underline:after {
    background-color: #2e2e2e; }
  .home section.functionalities ul {
    width: 100%;
    margin-top: 10px;
    overflow: hidden; }
    .home section.functionalities ul li {
      width: calc(25% - 30px);
      float: left;
      padding: 25px;
      margin: 0px 15px;
      text-align: left; }
      .home section.functionalities ul li h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 1.4;
        margin: 20px 0px 10px; }
      .home section.functionalities ul li p {
        font-size: 16px;
        line-height: 1.5;
        color: #101010;
        font-weight: 300; }
      .home section.functionalities ul li .icon {
        display: block;
        width: 41px;
        height: 41px; }
    .home section.functionalities ul li.planning .icon {
      background: url("../img/icons/home-func/icon-planification-41.png") no-repeat center; }
    .home section.functionalities ul li.equipment .icon {
      background: url("../img/icons/home-func/icon-mouvement-41.png") no-repeat center; }
    .home section.functionalities ul li.presence .icon {
      background: url("../img/icons/home-func/icon-presence-41.png") no-repeat center; }
    .home section.functionalities ul li.procedures .icon {
      background: url("../img/icons/home-func/icon-procedure-41.png") no-repeat center; }
  .home section.functionalities a.button {
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 20px;
    margin-top: 30px;
    display: inline-block; }

.home section.sectors {
  width: 100%;
  background-color: #52c2c3;
  text-align: center; }
  .home section.sectors .sectors-container {
    padding: 50px 0px;
    max-width: 1280px;
    margin: 0 auto; }
    .home section.sectors .sectors-container h2 {
      color: #ffffff;
      text-align: center;
      font-weight: 700;
      font-size: 19px;
      padding: 20px 20px 0px 20px;
      margin-bottom: 20px; }
    .home section.sectors .sectors-container h2:after {
      background-color: #ffffff; }
    .home section.sectors .sectors-container p {
      color: #ffffff;
      text-align: center;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 400;
      max-width: 780px;
      padding: 0px 20px;
      margin: 0 auto; }
    .home section.sectors .sectors-container ul {
      width: 100%;
      overflow: hidden;
      margin-top: 40px;
      min-height: 134px;
      white-space: nowrap; }
      .home section.sectors .sectors-container ul li {
        width: 16.666666%;
        padding: 0px 40px;
        display: inline-block;
        margin-left: 100%;
        white-space: normal;
        vertical-align: top; }
        .home section.sectors .sectors-container ul li h3 {
          text-align: center;
          color: #ffffff;
          font-size: 15px;
          font-weight: 700; }
        .home section.sectors .sectors-container ul li .icon {
          width: 80px;
          height: 80px;
          margin: 0 auto;
          margin-bottom: 10px; }
      .home section.sectors .sectors-container ul li.construction .icon {
        background: url("../img/icons/home-sectors/construction-80.png") no-repeat center; }
      .home section.sectors .sectors-container ul li.service .icon {
        background: url("../img/icons/home-sectors/personne-80.png") no-repeat center; }
      .home section.sectors .sectors-container ul li.industry .icon {
        background: url("../img/icons/home-sectors/industrie-80.png") no-repeat center; }
      .home section.sectors .sectors-container ul li.company .icon {
        background: url("../img/icons/home-sectors/entreprise-80.png") no-repeat center; }
      .home section.sectors .sectors-container ul li.urban .icon {
        background: url("../img/icons/home-sectors/urbaine-80.png") no-repeat center; }
      .home section.sectors .sectors-container ul li.technic .icon {
        background: url("../img/icons/home-sectors/technique-80.png") no-repeat center; }
    .home section.sectors .sectors-container a.button {
      margin: 0 auto;
      font-weight: 700;
      font-size: 16px;
      padding: 15px 20px;
      margin-top: 30px;
      display: inline-block; }

.no-js .home section.sectors .sectors-container ul li {
  margin-left: 0px; }

.home section.checkinatwork {
  width: 100%;
  background: #fcfcfc url("../img/pattern-checkinatwork-368.png") repeat; }
  .home section.checkinatwork .checkinatwork-container {
    max-width: 640px;
    margin: 0 auto;
    padding: 60px 20px;
    background-color: #fcfcfc;
    box-shadow: 0 0px 0px 0px transparent, 0 0px 0px 0px #52c2c3, 25px 0 25px -9px #fcfcfc, -25px 0 25px -9px #fcfcfc; }
    .home section.checkinatwork .checkinatwork-container .icon {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      background: url("../img/icons/icon-checkinatwork-original-50.png") no-repeat center;
      margin-bottom: 10px; }
    .home section.checkinatwork .checkinatwork-container h2 {
      font-weight: 700;
      font-size: 38px;
      text-align: center;
      width: 100%; }
    .home section.checkinatwork .checkinatwork-container h3 {
      font-weight: 400;
      font-size: 23px;
      line-height: 1.5;
      color: #2e2e2e;
      text-align: center; }
    .home section.checkinatwork .checkinatwork-container a {
      display: block;
      overflow: hidden;
      margin: 0 auto;
      width: 30px;
      height: 30px;
      text-align: center;
      color: #2a3f54;
      border: 3px solid #2a3f54;
      margin-top: 20px; }
      .home section.checkinatwork .checkinatwork-container a .fa {
        text-align: center;
        line-height: 24px;
        font-size: 22px;
        color: #2a3f54; }
      .home section.checkinatwork .checkinatwork-container a:hover {
        border-color: #989898; }
        .home section.checkinatwork .checkinatwork-container a:hover .fa {
          color: #989898; }

.home section.testimony {
  width: 100%;
  background: url("../img/backgrounds/woman-background-blue.jpg") no-repeat center;
  background-size: cover; }
  .home section.testimony .testimony-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 65px 30px;
    padding-bottom: 90px; }
    .home section.testimony .testimony-container h2 {
      font-size: 30px;
      font-weight: 700;
      text-align: center; }
    .home section.testimony .testimony-container h2:after {
      background-color: #52c2c3; }
    .home section.testimony .testimony-container .testimony-slider {
      margin-top: 10px; }
      .home section.testimony .testimony-container .testimony-slider .slick-slide:before {
        content: '\f10d';
        font-family: FontAwesome;
        font-size: 36px;
        color: #ffffff;
        padding: 2px; }
      .home section.testimony .testimony-container .testimony-slider .slick-slide:after {
        content: '\f10e';
        font-family: FontAwesome;
        font-size: 36px;
        color: #ffffff;
        padding: 2px;
        float: right; }
      .home section.testimony .testimony-container .testimony-slider p {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.5;
        max-width: 900px;
        margin: 0 auto;
        position: relative; }
      .home section.testimony .testimony-container .testimony-slider p.company-name {
        font-size: 15px;
        font-weight: 600;
        margin-top: 30px; }
      .home section.testimony .testimony-container .testimony-slider p.company-name:before, .home section.testimony .testimony-container .testimony-slider p.company-name:after {
        content: '-'; }
      .home section.testimony .testimony-container .testimony-slider p.company-name:before {
        margin-right: 5px; }
      .home section.testimony .testimony-container .testimony-slider p.company-name:after {
        margin-left: 5px; }
      .home section.testimony .testimony-container .testimony-slider .slick-dots button {
        margin-top: 50px; }
      .home section.testimony .testimony-container .testimony-slider .slick-dots button:before {
        margin-top: 50px; }

.home section.companies, .partner section.companies {
  width: 100%;
  position: relative;
  background-color: #ffffff; }
  .home section.companies .companies-slider, .partner section.companies .companies-slider {
    padding: 30px 70px; }
    .home section.companies .companies-slider div.company, .partner section.companies .companies-slider div.company {
      width: 20%; }
      .home section.companies .companies-slider div.company a, .partner section.companies .companies-slider div.company a {
        display: block;
        width: 100%;
        height: 100px; }
        .home section.companies .companies-slider div.company a.abattoir, .partner section.companies .companies-slider div.company a.abattoir {
          background: url("../img/companies/abbattoirdecharleroi-270.png") no-repeat center;
          background-size: contain; }
        .home section.companies .companies-slider div.company a.besix, .partner section.companies .companies-slider div.company a.besix {
          background: url("../img/companies/besix-270.png") no-repeat center;
          background-size: contain; }
          .home section.companies .companies-slider div.company a.besix:hover, .partner section.companies .companies-slider div.company a.besix:hover {
            background: url("../img/companies/besix-270-bw.jpg") no-repeat center;
            background-size: contain; }
        .home section.companies .companies-slider div.company a.cobelba, .partner section.companies .companies-slider div.company a.cobelba {
          background: url("../img/companies/cobelba-270.png") no-repeat center;
          background-size: contain; }
          .home section.companies .companies-slider div.company a.cobelba:hover, .partner section.companies .companies-slider div.company a.cobelba:hover {
            background: url("../img/companies/cobelba-270-bw.jpg") no-repeat center;
            background-size: contain; }
        .home section.companies .companies-slider div.company a.ecoterres, .partner section.companies .companies-slider div.company a.ecoterres {
          background: url("../img/companies/ecoterres-270.png") no-repeat center;
          background-size: contain; }
          .home section.companies .companies-slider div.company a.ecoterres:hover, .partner section.companies .companies-slider div.company a.ecoterres:hover {
            background: url("../img/companies/ecoterres-270-bw.jpg") no-repeat center;
            background-size: contain; }
        .home section.companies .companies-slider div.company a.inadvance, .partner section.companies .companies-slider div.company a.inadvance {
          background: url("../img/companies/inadvance-270.png") no-repeat center;
          background-size: contain; }
          .home section.companies .companies-slider div.company a.inadvance:hover, .partner section.companies .companies-slider div.company a.inadvance:hover {
            background: url("../img/companies/inadvance-270-bw.jpg") no-repeat center;
            background-size: contain; }
        .home section.companies .companies-slider div.company a.dherte, .partner section.companies .companies-slider div.company a.dherte {
          background: url("../img/companies/dherte-270.png") no-repeat center;
          background-size: contain; }
          .home section.companies .companies-slider div.company a.dherte:hover, .partner section.companies .companies-slider div.company a.dherte:hover {
            background: url("../img/companies/dherte-270-bw.png") no-repeat center;
            background-size: contain; }
    .home section.companies .companies-slider .slick-prev, .partner section.companies .companies-slider .slick-prev {
      left: 25px; }
    .home section.companies .companies-slider .slick-prev:before, .partner section.companies .companies-slider .slick-prev:before {
      content: '\f104';
      font-family: FontAwesome;
      color: #989898;
      font-weight: 600;
      font-size: 23px; }
    .home section.companies .companies-slider .slick-next, .partner section.companies .companies-slider .slick-next {
      right: 25px; }
    .home section.companies .companies-slider .slick-next:before, .partner section.companies .companies-slider .slick-next:before {
      content: '\f105';
      font-family: FontAwesome;
      color: #989898;
      font-weight: 600;
      font-size: 23px; }

.home section.companies:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 30px;
  border-color: transparent transparent #ffffff transparent;
  display: none; }

.no-js section.companies .companies-slider {
  overflow: hidden; }
  .no-js section.companies .companies-slider .company {
    float: left; }

.home section.newsletter {
  background: url(../img/backgrounds/Background-contact.jpg) no-repeat center;
  background-size: cover;
  padding: 60px 0px; }
  .home section.newsletter .newsletter-container {
    max-width: 540px;
    margin: 0 auto; }
    .home section.newsletter .newsletter-container .confirm-newsletter {
      display: none; }
      .home section.newsletter .newsletter-container .confirm-newsletter p {
        line-height: 1.5; }
        .home section.newsletter .newsletter-container .confirm-newsletter p.thanks {
          font-size: 16px;
          font-weight: 300;
          margin-top: 30px; }
    .home section.newsletter .newsletter-container .done {
      display: none; }
      .home section.newsletter .newsletter-container .done + .confirm-newsletter {
        display: block; }
    .home section.newsletter .newsletter-container h2 {
      font-size: 30px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px; }
    .home section.newsletter .newsletter-container h2.underline:after {
      background-color: #ffffff; }
    .home section.newsletter .newsletter-container p {
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      color: #ffffff; }
      .home section.newsletter .newsletter-container p.error {
        text-align: left;
        color: #FF4000;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px; }
    .home section.newsletter .newsletter-container form {
      width: 100%;
      padding: 20px 30px; }
      .home section.newsletter .newsletter-container form label {
        color: #fff;
        display: block;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: 300;
        text-align: center;
        margin: 0 auto; }
      .home section.newsletter .newsletter-container form label.hidden {
        display: none; }
      .home section.newsletter .newsletter-container form .lang-options {
        margin-top: 15px;
        margin-bottom: 20px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 16px;
        overflow: hidden; }
        .home section.newsletter .newsletter-container form .lang-options .radio {
          width: 33.33333%;
          float: left;
          text-align: center;
          /*Source: https://codepen.io/triss90/pen/XNEdRe*/ }
          .home section.newsletter .newsletter-container form .lang-options .radio input {
            margin-right: 10px;
            visibility: hidden;
            position: absolute; }
          .home section.newsletter .newsletter-container form .lang-options .radio label {
            display: inline-block;
            cursor: pointer;
            line-height: 22px; }
          .home section.newsletter .newsletter-container form .lang-options .radio label:before {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            margin-right: 10px;
            position: relative;
            left: 0px;
            bottom: 1px;
            cursor: pointer;
            background: transparent;
            vertical-align: middle;
            text-align: center;
            transition: all 250ms ease;
            border: 3px solid #ffffff; }
          .home section.newsletter .newsletter-container form .lang-options .radio input:checked + label:before {
            background-color: #ffffff;
            box-shadow: inset 0 0 0 4px #2a3f54; }
      .home section.newsletter .newsletter-container form input#email {
        width: 100%;
        padding: 10px;
        background-color: transparent;
        border: 3px solid #ffffff;
        color: #ffffff;
        font-size: 16px;
        font-family: "Open Sans", sans-serif; }
      .home section.newsletter .newsletter-container form input.button {
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        padding: 15px 20px;
        margin-top: 15px;
        background-color: #52c2c3;
        color: #ffffff;
        border: 3px solid #52c2c3; }
      .home section.newsletter .newsletter-container form input.button:hover {
        background-color: transparent;
        color: #52c2c3; }

footer {
  width: 100%;
  background-color: #f5f5f5;
  padding: 50px 50px 10px;
  position: relative; }
  footer .footer-small {
    display: none; }
  footer .footer-big a.back-top {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -35px;
    background-color: #52c2c3;
    border-radius: 50%;
    z-index: 999;
    text-align: center;
    line-height: 70px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    transition: line-height 0.3s; }
    footer .footer-big a.back-top:hover {
      line-height: 60px;
      transition: line-height 0.3s; }
  footer .footer-big > div {
    float: left;
    width: 25%;
    max-width: 250px;
    padding: 0px 20px;
    height: 140px; }
    footer .footer-big > div.adress, footer .footer-big > div.social, footer .footer-big > div.links {
      float: right; }
    footer .footer-big > div h3 {
      color: #2a3f54;
      font-size: 15px;
      line-height: 1.5;
      margin-top: 5px;
      font-weight: 700; }
    footer .footer-big > div .fa {
      color: #2a3f54;
      font-size: 24px; }
    footer .footer-big > div.social ul {
      overflow: hidden;
      margin-top: 5px; }
      footer .footer-big > div.social ul li {
        float: left; }
        footer .footer-big > div.social ul li .fa {
          font-size: 26px;
          margin-right: 10px; }
          footer .footer-big > div.social ul li .fa.fa-facebook-square {
            color: #3B5998; }
          footer .footer-big > div.social ul li .fa.fa-twitter-square {
            color: #55acee; }
          footer .footer-big > div.social ul li .fa.fa-linkedin-square {
            color: #007bb5; }
          footer .footer-big > div.social ul li .fa:hover {
            color: #989898; }
    footer .footer-big > div.links button, footer .footer-big > div.links a.button {
      font-weight: 700;
      font-size: 15px;
      padding: 10px;
      text-align: center; }
    footer .footer-big > div.links ul {
      margin-top: 10px; }
      footer .footer-big > div.links ul li a {
        color: #2a3f54;
        font-weight: 700;
        line-height: 25px; }
        footer .footer-big > div.links ul li a:hover {
          color: #989898; }
  footer .footer-big .logo {
    max-width: 90px; }
  footer .footer-big ul li {
    font-size: 14px;
    color: #989a9d;
    font-weight: 300;
    color: #989a9d;
    line-height: 1.5; }
    footer .footer-big ul li a {
      color: #989a9d; }
  footer .footer-big p {
    font-size: 14px;
    line-height: 1.5;
    color: #989a9d;
    font-weight: 300;
    text-align: center;
    clear: both; }

.checkinatwork section.intro {
  width: 100%; }
  .checkinatwork section.intro .intro-title {
    width: 100%;
    background: url("../img/backgrounds/background-intro-check-1280.jpg") no-repeat center;
    background-size: cover;
    padding: 80px 20px 30px; }
    .checkinatwork section.intro .intro-title h2 {
      font-weight: bold;
      font-size: 45px;
      text-align: center;
      margin: 0 auto;
      max-width: 500px; }
    .checkinatwork section.intro .intro-title ul {
      overflow: hidden;
      white-space: nowrap;
      text-align: center;
      margin-top: 50px; }
      .checkinatwork section.intro .intro-title ul li {
        display: inline-block;
        height: 68px;
        padding-top: 23px; }
        .checkinatwork section.intro .intro-title ul li a {
          text-transform: uppercase;
          padding: 15px;
          color: #ffffff;
          font-weight: 700;
          border: 3px solid #ffffff; }
          .checkinatwork section.intro .intro-title ul li a:hover {
            color: #ff6f05;
            border-color: #ff6f05; }
        .checkinatwork section.intro .intro-title ul li:first-child {
          margin-right: 20px; }
  .checkinatwork section.intro .intro-content {
    width: 100%;
    padding: 30px;
    background-color: #ff6f05;
    position: relative; }
    .checkinatwork section.intro .intro-content:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 26px 26px 0px 26px;
      border-color: #ff6f05 transparent transparent transparent;
      position: absolute;
      bottom: -24px;
      left: 50%;
      margin-left: -26px; }
    .checkinatwork section.intro .intro-content .icon {
      background: url("../img/icons/checkinatwork/icon-checkinatwork-white-50.png") no-repeat center;
      width: 50px;
      height: 50px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 20px; }
    .checkinatwork section.intro .intro-content p {
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      max-width: 780px;
      margin: 0 auto;
      text-align: center;
      line-height: 1.5; }
.checkinatwork .legislation {
  background-color: #f8f8f8;
  padding: 75px 40px; }
  .checkinatwork .legislation h2 {
    color: #2e2e2e;
    font-weight: 700;
    text-align: center;
    font-size: 19px;
    margin-bottom: 30px; }
    .checkinatwork .legislation h2:after {
      background-color: #2e2e2e; }
  .checkinatwork .legislation .construction, .checkinatwork .legislation .meat {
    max-width: 1062px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom: 20px; }
    .checkinatwork .legislation .construction h3, .checkinatwork .legislation .construction h4, .checkinatwork .legislation .meat h3, .checkinatwork .legislation .meat h4 {
      color: #ff6f05; }
    .checkinatwork .legislation .construction h3, .checkinatwork .legislation .meat h3 {
      font-size: 16px;
      font-weight: 700;
      text-align: center; }
    .checkinatwork .legislation .construction h4, .checkinatwork .legislation .meat h4 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 10px; }
    .checkinatwork .legislation .construction > div, .checkinatwork .legislation .meat > div {
      border-bottom: 1px solid #e7e7e7; }
      .checkinatwork .legislation .construction > div:last-child, .checkinatwork .legislation .meat > div:last-child {
        border-bottom: none; }
      .checkinatwork .legislation .construction > div .content-container, .checkinatwork .legislation .meat > div .content-container {
        padding: 30px 0px;
        max-width: 850px;
        margin: 0 auto;
        overflow: hidden; }
        .checkinatwork .legislation .construction > div .content-container .illu, .checkinatwork .legislation .construction > div .content-container .text, .checkinatwork .legislation .meat > div .content-container .illu, .checkinatwork .legislation .meat > div .content-container .text {
          float: left;
          width: 50%;
          padding: 20px; }
        .checkinatwork .legislation .construction > div .content-container .illu, .checkinatwork .legislation .meat > div .content-container .illu {
          min-height: 230px; }
        .checkinatwork .legislation .construction > div .content-container .text h4, .checkinatwork .legislation .meat > div .content-container .text h4 {
          max-width: 350px;
          line-height: 1.4; }
        .checkinatwork .legislation .construction > div .content-container .text p, .checkinatwork .legislation .meat > div .content-container .text p {
          font-weight: 300;
          font-size: 16px;
          line-height: 1.5;
          max-width: 400px; }
  .checkinatwork .legislation .construction .who .illu {
    background: url("../img/illus/construction-illu01.png") no-repeat center;
    background-size: contain; }
  .checkinatwork .legislation .construction .what .illu {
    background: url("../img/illus/construction-illu02.png") no-repeat center;
    background-size: contain; }
  .checkinatwork .legislation .construction .when .illu {
    background: url("../img/illus/construction-illu03.png") no-repeat center;
    background-size: contain; }
  .checkinatwork .legislation .meat .who .illu {
    background: url("../img/illus/butcher-illu01.png") no-repeat center;
    background-size: contain; }
  .checkinatwork .legislation .meat .what .illu {
    background: url("../img/illus/butcher-illu02.png") no-repeat center;
    background-size: contain; }
  .checkinatwork .legislation .construction h3:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/icons/checkinatwork/icon-construction-60.png) no-repeat center;
    display: inline-block;
    margin-bottom: -20px;
    margin-right: 10px; }
  .checkinatwork .legislation .meat h3:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/icons/checkinatwork/icon-meat-60.png) no-repeat center;
    display: inline-block;
    margin-bottom: -20px;
    margin-right: 10px; }
.checkinatwork section.laws {
  width: 100%;
  background: url("../img/backgrounds/background-law.jpg") no-repeat center;
  background-size: cover;
  padding: 40px 20px; }
  .checkinatwork section.laws .icon {
    width: 80px;
    height: 80px;
    background: url("../img/icons/checkinatwork/icon-laws-80.png");
    margin: 0 auto;
    margin-bottom: 30px; }
  .checkinatwork section.laws p {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff; }
    .checkinatwork section.laws p a {
      color: #ff6f05; }
.checkinatwork section.solution {
  max-width: 1062px;
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 20px; }
  .checkinatwork section.solution .mobitime-image, .checkinatwork section.solution .mobitime-content {
    float: right;
    width: 50%; }
  .checkinatwork section.solution .mobitime-image {
    background: url("../img/mobitime.png") no-repeat center;
    background-size: contain;
    height: 400px; }
  .checkinatwork section.solution .mobitime-content {
    padding: 40px; }
    .checkinatwork section.solution .mobitime-content h2 {
      color: #ff6f05;
      font-size: 21px;
      font-weight: 700;
      margin-bottom: 30px; }
      .checkinatwork section.solution .mobitime-content h2:after {
        background-color: #ff6f05;
        margin-left: 0px;
        margin-top: 5px; }
    .checkinatwork section.solution .mobitime-content p {
      max-width: 310px;
      margin-bottom: 15px;
      font-weight: 300;
      line-height: 1.5; }

.legal, .privacy {
  padding: 40px;
  background-color: #fcfcfc; }
  .legal h2, .legal h3, .legal p, .privacy h2, .privacy h3, .privacy p {
    max-width: 900px;
    margin: 0 auto; }
  .legal h2, .privacy h2 {
    font-weight: 700;
    color: #52c2c3;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px; }
    .legal h2:after, .privacy h2:after {
      background-color: #52c2c3; }
  .legal h3, .privacy h3 {
    color: #2a3f54;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 19px; }
  .legal p, .privacy p {
    margin-bottom: 15px;
    line-height: 24px;
    font-weight: 300;
    font-size: 15px; }
  .legal a, .privacy a {
    color: #52c2c3;
    font-weight: 700; }

.solutions section.intro {
  width: 100%;
  padding: 120px 20px; }
  .solutions section.intro h2 {
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    max-width: 470px;
    text-align: center;
    margin: 0 auto; }
.solutions section.description {
  overflow: hidden;
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }
  .solutions section.description .illu, .solutions section.description .desc {
    width: 50%;
    float: left;
    padding: 70px 20px; }
    .solutions section.description .illu p, .solutions section.description .desc p {
      font-weight: 300;
      line-height: 1.5;
      margin-bottom: 15px;
      font-size: 15px; }
    .solutions section.description .illu p.bigger, .solutions section.description .desc p.bigger {
      font-size: 18px;
      color: #52c2c3;
      font-weight: 700; }
.solutions section.advantages {
  width: 100%;
  background-color: #52c2c3;
  padding: 70px 20px 60px; }
  .solutions section.advantages .advantages-container {
    max-width: 1062px;
    margin: 0 auto;
    width: 100%; }
    .solutions section.advantages .advantages-container ul {
      overflow: hidden;
      width: 100%;
      white-space: nowrap; }
      .solutions section.advantages .advantages-container ul li {
        display: inline-block;
        padding: 20px;
        margin-left: 100%;
        white-space: normal;
        vertical-align: top; }
        .solutions section.advantages .advantages-container ul li .icon {
          width: 95px;
          height: 95px;
          margin: 0 auto;
          margin-bottom: 15px; }
        .solutions section.advantages .advantages-container ul li p {
          text-align: center;
          font-size: 14px;
          color: #ffffff;
          font-weight: 400;
          line-height: 1.5; }
.solutions section.systems {
  width: 100%; }
  .solutions section.systems .systems-container {
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
    padding: 50px 0px; }
    .solutions section.systems .systems-container h2 {
      color: #2a3f54;
      font-size: 19px;
      text-align: center;
      font-weight: 700; }
      .solutions section.systems .systems-container h2:after {
        background-color: #2a3f54; }
    .solutions section.systems .systems-container .subtitle {
      text-align: center;
      font-size: 15px;
      font-weight: 300;
      margin: 20px 0px;
      line-height: 1.5; }
    .solutions section.systems .systems-container .systems-list {
      overflow: hidden; }
      .solutions section.systems .systems-container .systems-list .system {
        float: left;
        padding: 0px 50px; }
        .solutions section.systems .systems-container .systems-list .system img {
          display: block;
          margin: 0 auto;
          width: 100%;
          max-width: 250px; }
        .solutions section.systems .systems-container .systems-list .system h3 {
          font-size: 18px;
          color: #2a3f54;
          font-weight: 700; }
        .solutions section.systems .systems-container .systems-list .system p {
          color: #6c6c6c;
          font-weight: 700;
          margin-top: 5px;
          margin-bottom: 10px; }
        .solutions section.systems .systems-container .systems-list .system ul li {
          padding: 10px 0px;
          line-height: 1.5;
          padding-left: 30px;
          font-size: 15px;
          font-weight: 300; }
          .solutions section.systems .systems-container .systems-list .system ul li:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../img/icons/icon-point.png") no-repeat center;
            background-size: 20px;
            margin-left: -30px;
            margin-right: 10px;
            margin-bottom: -5px; }
        .solutions section.systems .systems-container .systems-list .system a.button {
          padding: 10px;
          font-weight: 700;
          margin-top: 10px;
          display: inline-block;
          font-size: 13px; }
.solutions section.installation {
  width: 100%;
  background-color: #2a3f54;
  padding: 40px 20px;
  position: relative;
  margin-top: 30px; }
  .solutions section.installation .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url("../img/icons/installation-60.png") no-repeat center;
    margin-bottom: 15px; }
  .solutions section.installation p {
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5; }
    .solutions section.installation p span {
      font-size: 29px; }
  .solutions section.installation:before {
    content: '';
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #2a3f54 transparent; }
.solutions section.supervision {
  padding: 50px 20px 0px; }
  .solutions section.supervision h2 {
    color: #2a3f54;
    text-align: center;
    font-size: 19px;
    font-weight: 700; }
    .solutions section.supervision h2:after {
      background-color: #2a3f54;
      margin-bottom: 20px; }
  .solutions section.supervision p {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    line-height: 1.5; }
  .solutions section.supervision img {
    margin: 0 auto;
    display: block;
    margin-top: 40px;
    width: 100%;
    max-width: 524px; }
.solutions section.functionnalities {
  width: 100%;
  background-color: #52c2c3;
  padding: 70px 20px 90px; }
  .solutions section.functionnalities .functionnalities-slider {
    max-width: 1062px;
    width: 100%;
    margin: 0 auto; }
    .solutions section.functionnalities .functionnalities-slider .functionnality {
      white-space: nowrap; }
      .solutions section.functionnalities .functionnalities-slider .functionnality img {
        display: block;
        margin: 0 auto;
        display: inline-block;
        width: 50%;
        max-width: 460px;
        vertical-align: middle; }
      .solutions section.functionnalities .functionnalities-slider .functionnality .content-container {
        width: 50%;
        display: inline-block;
        vertical-align: middle; }
        .solutions section.functionnalities .functionnalities-slider .functionnality .content-container .desc {
          color: #ffffff;
          padding-left: 10px;
          white-space: normal; }
          .solutions section.functionnalities .functionnalities-slider .functionnality .content-container .desc h3 {
            font-weight: 700;
            font-size: 25px;
            margin-top: 20px; }
          .solutions section.functionnalities .functionnalities-slider .functionnality .content-container .desc p {
            font-size: 19px;
            line-height: 1.5;
            font-weight: 400; }
        .solutions section.functionnalities .functionnalities-slider .functionnality .content-container .icon {
          width: 78px;
          height: 78px;
          margin-left: 10px; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.reports .icon {
        background: url("../img/icons/solutions-func/rapport-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.global .icon {
        background: url("../img/icons/solutions-func/vue-ensemble-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.localisation-personne .icon {
        background: url("../img/icons/solutions-func/localisation-personne-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.assignation .icon {
        background: url("../img/icons/solutions-func/assignation-instantanee-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.planning .icon {
        background: url("../img/icons/solutions-func/planning-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.localisation .icon {
        background: url("../img/icons/solutions-func/localisation-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.transfer .icon {
        background: url("../img/icons/solutions-func/transfer-connaissance-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.library .icon {
        background: url("../img/icons/solutions-func/biblio-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.historic .icon {
        background: url("../img/icons/solutions-func/history-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.alert .icon {
        background: url("../img/icons/solutions-func/alertes-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.tasks .icon {
        background: url("../img/icons/solutions-func/tache-auto-78.png") no-repeat center; }
      .solutions section.functionnalities .functionnalities-slider .functionnality.listing .icon {
        background: url("../img/icons/solutions-func/recensement-78.png") no-repeat center; }
  .solutions section.functionnalities .slick-dots li button:before {
    font-size: 14px; }
  .solutions section.functionnalities li.slick-active button:before {
    opacity: 1;
    color: #2a3f54; }
.solutions section.all-func {
  width: 100%;
  background: url("../img/backgrounds/background-fonctionnalites-duiglobal.jpg") no-repeat center;
  background-size: cover;
  padding: 120px 20px; }
  .solutions section.all-func p {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #2a3f54;
    max-width: 565px;
    margin: 0 auto; }
  .solutions section.all-func a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #2a3f54;
    border: 3px solid #2a3f54;
    margin-top: 30px; }
    .solutions section.all-func a .fa {
      text-align: center;
      line-height: 24px;
      font-size: 28px;
      font-weight: 700;
      color: #2a3f54; }
    .solutions section.all-func a:hover {
      border-color: #989898; }
      .solutions section.all-func a:hover .fa {
        color: #989898; }
.solutions.presences section.intro {
  background: url("../img/backgrounds/background-gestion-presence.jpg") no-repeat center;
  background-size: cover; }
.solutions.presences section.description {
  background: url("../img/illus/presence-400.png") no-repeat left bottom; }
.solutions.presences section.advantages ul br.medium {
  display: none; }
.solutions.presences section.advantages ul li {
  width: 25%; }
  .solutions.presences section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/localisation-95.png") no-repeat center; }
  .solutions.presences section.advantages ul li.historic .icon {
    background: url("../img/icons/solutions-advantages/duree-95.png") no-repeat center; }
  .solutions.presences section.advantages ul li.planning .icon {
    background: url("../img/icons/solutions-advantages/planning-95.png") no-repeat center; }
  .solutions.presences section.advantages ul li.personnel .icon {
    background: url("../img/icons/solutions-advantages/gestion-95.png") no-repeat center; }
.solutions.presences section.systems .systems-container > ul > li {
  width: 33.33333333%; }
.solutions.presences section.systems .systems-container {
  padding: 50px 20px; }
  .solutions.presences section.systems .systems-container .slick-next {
    right: 0px;
    height: 35px; }
    .solutions.presences section.systems .systems-container .slick-next:before {
      color: #2a3f54;
      content: '\f105';
      font-family: FontAwesome;
      font-size: 35px; }
  .solutions.presences section.systems .systems-container .slick-prev {
    left: 0px;
    height: 35px; }
    .solutions.presences section.systems .systems-container .slick-prev:before {
      color: #2a3f54;
      content: '\f104';
      font-family: FontAwesome;
      font-size: 35px; }
.solutions.activities section.intro {
  background: url("../img/backgrounds/background-gestion-des-activites.jpg") no-repeat center;
  background-size: cover; }
.solutions.activities section.description {
  background: url("../img/illus/gestion-400.png") no-repeat left bottom; }
.solutions.activities section.advantages ul br.medium {
  display: none; }
.solutions.activities section.advantages ul li {
  width: 33.33333%; }
  .solutions.activities section.advantages ul li p {
    font-weight: 400; }
  .solutions.activities section.advantages ul li.dispatching .icon {
    background: url("../img/icons/solutions-advantages/dispatching-95.png") no-repeat center; }
  .solutions.activities section.advantages ul li.inventory .icon {
    background: url("../img/icons/solutions-advantages/simplification-95.png") no-repeat center; }
  .solutions.activities section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/geolocalisation-95.png") no-repeat center; }
  .solutions.activities section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-95.png") no-repeat center; }
  .solutions.activities section.advantages ul li.historic .icon {
    background: url("../img/icons/solutions-advantages/suivi-95.png") no-repeat center; }
  .solutions.activities section.advantages ul li.transfer .icon {
    background: url("../img/icons/solutions-advantages/transfer-95.png") no-repeat center; }
.solutions.activities section.systems .systems-container {
  max-width: 900px; }
  .solutions.activities section.systems .systems-container > ul > li {
    width: 50%; }
.solutions.equipment section.intro {
  background: url("../img/backgrounds/background-monitoring-materiel.jpg") no-repeat center;
  background-size: cover; }
.solutions.equipment section.description {
  background: url("../img/illus/monitoring-400.png") no-repeat left bottom; }
.solutions.equipment section.advantages ul br.medium {
  display: none; }
.solutions.equipment section.advantages ul li {
  width: 33.33333%; }
  .solutions.equipment section.advantages ul li p {
    font-weight: 400; }
  .solutions.equipment section.advantages ul li.equipment .icon {
    background: url("../img/icons/solutions-advantages/liste-equipement-95.png") no-repeat center; }
  .solutions.equipment section.advantages ul li.usage .icon {
    background: url("../img/icons/solutions-advantages/suivi-utilisation-95.png") no-repeat center; }
  .solutions.equipment section.advantages ul li.supervision .icon {
    background: url("../img/icons/solutions-advantages/supervision-95.png") no-repeat center; }
  .solutions.equipment section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/localisation-95.png") no-repeat center; }
  .solutions.equipment section.advantages ul li.alert .icon {
    background: url("../img/icons/solutions-advantages/alerte-95.png") no-repeat center; }
  .solutions.equipment section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-95.png") no-repeat center; }
.solutions.equipment section.systems .systems-container {
  max-width: 900px; }
  .solutions.equipment section.systems .systems-container > ul > li {
    width: 50%; }
.solutions.procedures section.intro {
  background: url("../img/backgrounds/background-automatisation-procedures.jpg") no-repeat center;
  background-size: cover; }
.solutions.procedures section.description {
  background: url("../img/illus/automatisation-400.png") no-repeat left bottom; }
.solutions.procedures section.advantages ul br.medium {
  display: none; }
.solutions.procedures section.advantages ul li {
  width: 25%; }
  .solutions.procedures section.advantages ul li p {
    font-weight: 400; }
  .solutions.procedures section.advantages ul li.procedures .icon {
    background: url("../img/icons/solutions-advantages/aide-95.png") no-repeat center; }
  .solutions.procedures section.advantages ul li.planning .icon {
    background: url("../img/icons/solutions-advantages/organisation-95.png") no-repeat center; }
  .solutions.procedures section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-95.png") no-repeat center; }
  .solutions.procedures section.advantages ul li.smart .icon {
    background: url("../img/icons/solutions-advantages/proposition-95.png") no-repeat center; }
.solutions.procedures section.systems .systems-container > ul > li {
  width: 50%; }

.no-js .solutions section.advantages .advantages-container ul li {
  margin-left: 0px; }

.contact section.intro, .partner section.intro {
  width: 100%;
  padding: 150px 20px; }
  .contact section.intro h2, .partner section.intro h2 {
    font-size: 65px;
    font-weight: 700;
    color: #ffffff;
    text-align: center; }
  .contact section.intro p, .partner section.intro p {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    max-width: 470px;
    margin: 0 auto;
    line-height: 1.5; }
.contact section.form, .partner section.form {
  padding: 40px 20px 60px;
  background-color: #f4f4f4; }
  .contact section.form p, .partner section.form p {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5; }
  .contact section.form form, .partner section.form form {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px;
    margin-top: 20px;
    padding-top: 40px;
    overflow: hidden; }
    .contact section.form form input:focus, .contact section.form form input:active, .contact section.form form textarea:focus, .contact section.form form textarea:active, .partner section.form form input:focus, .partner section.form form input:active, .partner section.form form textarea:focus, .partner section.form form textarea:active {
      outline: none; }
    .contact section.form form .field, .partner section.form form .field {
      margin-bottom: 20px; }
      .contact section.form form .field.nickname, .partner section.form form .field.nickname {
        display: none; }
      .contact section.form form .field.message, .partner section.form form .field.message {
        clear: both; }
      .contact section.form form .field.floated, .partner section.form form .field.floated {
        width: calc(50% - 10px);
        float: left; }
      .contact section.form form .field label, .partner section.form form .field label {
        text-transform: uppercase;
        color: #2a3f54;
        font-size: 14px;
        font-weight: 700; }
      .contact section.form form .field input[type="text"], .contact section.form form .field input[type="email"], .contact section.form form .field textarea, .partner section.form form .field input[type="text"], .partner section.form form .field input[type="email"], .partner section.form form .field textarea {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 1px solid #989898;
        margin-top: 10px;
        padding: 10px;
        font-family: "Open Sans", sans-serif !important;
        font-size: 16px; }
    .contact section.form form input[type="submit"], .partner section.form form input[type="submit"] {
      margin: 0 auto;
      text-transform: uppercase;
      font-weight: bold;
      padding: 10px 15px;
      background-color: #52c2c3;
      color: #ffffff;
      font-size: 16px; }
      .contact section.form form input[type="submit"]:hover, .partner section.form form input[type="submit"]:hover {
        background-color: transparent;
        color: #52c2c3; }
    .contact section.form form p.error, .partner section.form form p.error {
      color: #FA5858;
      text-align: left;
      line-height: 1.4;
      display: none; }
      .contact section.form form p.error.show, .partner section.form form p.error.show {
        display: block; }
.contact section.thanks, .partner section.thanks {
  padding: 40px 20px 60px;
  background-color: #f4f4f4; }
  .contact section.thanks .container, .partner section.thanks .container {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 70px 30px;
    margin-top: 20px; }
    .contact section.thanks .container h3, .partner section.thanks .container h3 {
      font-size: 19px;
      text-transform: uppercase;
      color: #2a3f54;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px; }
    .contact section.thanks .container p, .partner section.thanks .container p {
      text-align: center;
      max-width: 500px;
      margin: 0 auto;
      font-weight: 400;
      color: #2a3f54;
      line-height: 1.5; }
.contact section.contact, .partner section.contact {
  background-color: #52c2c3;
  padding: 70px 20px 50px; }
  .contact section.contact ul, .partner section.contact ul {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden; }
    .contact section.contact ul li, .partner section.contact ul li {
      width: 33.333333%;
      float: left; }
      .contact section.contact ul li .fa, .partner section.contact ul li .fa {
        text-align: center;
        color: #ffffff;
        font-size: 50px;
        width: 83px;
        padding: 12.5px;
        border: 4px solid #ffffff;
        border-radius: 50%;
        margin: 0 auto;
        display: block; }
      .contact section.contact ul li h3, .partner section.contact ul li h3 {
        text-align: center;
        color: #ffffff;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px; }
      .contact section.contact ul li p, .contact section.contact ul li a, .partner section.contact ul li p, .partner section.contact ul li a {
        text-align: center;
        font-size: 13px;
        color: #ffffff;
        line-height: 1.4;
        margin: 0 auto;
        font-weight: 600; }
      .contact section.contact ul li a, .partner section.contact ul li a {
        display: block; }
.contact div#map, .partner div#map {
  width: 100%;
  height: 290px; }

.contact section.intro {
  background: url("../img/backgrounds/Background-contact.jpg") no-repeat center bottom;
  background-size: cover; }
.contact section.form form .field:nth-child(1), .contact section.form form .field:nth-child(3), .contact section.form form .field:nth-child(5) {
  margin-right: 20px; }
.contact section.form form .field.checkbox {
  margin-bottom: 20px; }
  .contact section.form form .field.checkbox input, .contact section.form form .field.checkbox label {
    display: inline-block;
    width: auto; }
  .contact section.form form .field.checkbox input {
    border: 2px solid #2a3f54;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin: 0px;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
    position: relative; }
    .contact section.form form .field.checkbox input:checked {
      color: #ffffff;
      background-color: #2a3f54; }
      .contact section.form form .field.checkbox input:checked:after {
        content: '\f00c';
        font-family: FontAwesome;
        position: absolute;
        line-height: 16px;
        vertical-align: middle;
        width: 16px;
        text-align: center; }
  .contact section.form form .field.checkbox label {
    line-height: 20px;
    text-transform: none;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    white-space: pre-wrap; }
.contact section.form form .field.name, .contact section.form form .field.firstname, .contact section.form form .field.company {
  width: calc(33.33333% - 10px); }
.contact section.form form .field.firstname {
  width: calc(33.333333% - 20px); }

.partner {
  background-color: #f4f4f4; }
  .partner section.intro {
    background: url("../img/backgrounds/partenariat-haut-1920.jpg") no-repeat center top;
    background-size: cover; }
  .partner section.form form .field:nth-child(1), .partner section.form form .field:nth-child(2), .partner section.form form .field:nth-child(5), .partner section.form form .field:nth-child(7) {
    margin-right: 20px; }
  .partner section.form form .field.radios {
    margin-bottom: 20px;
    width: calc(25% - 10px);
    float: left;
    overflow: hidden; }
    .partner section.form form .field.radios .radio {
      width: 50%;
      float: left;
      margin-top: 20px;
      /*Source: https://codepen.io/triss90/pen/XNEdRe*/ }
      .partner section.form form .field.radios .radio input {
        margin-right: 10px;
        visibility: hidden;
        position: absolute; }
      .partner section.form form .field.radios .radio label {
        display: inline-block;
        cursor: pointer;
        line-height: 22px; }
      .partner section.form form .field.radios .radio label:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        position: relative;
        left: 0px;
        bottom: 1px;
        cursor: pointer;
        background: transparent;
        vertical-align: middle;
        text-align: center;
        transition: all 250ms ease;
        border: 3px solid #2a3f54; }
      .partner section.form form .field.radios .radio input:checked + label:before {
        background-color: #2a3f54;
        box-shadow: inset 0 0 0 4px #ffffff; }
  .partner section.form form .field.name, .partner section.form form .field.firstname {
    width: calc(37.5% - 10px); }
  .partner section.form form .field.name {
    width: calc(37.5% - 20px); }
  .partner section.companies {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px; }
    .partner section.companies h3 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 30px;
      color: #989898; }
    .partner section.companies h3:after {
      background-color: #989898; }
    .partner section.companies:before {
      content: '';
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -30px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 30px 30px 30px;
      border-color: transparent transparent #ffffff transparent; }

main.functionnalities section.intro {
  background: url("../img/backgrounds/Background-contact.jpg") no-repeat center top;
  background-size: cover;
  padding: 120px 20px; }
  main.functionnalities section.intro h2 {
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 65px; }
main.functionnalities section.functionnalities-list {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0px 20px; }
  main.functionnalities section.functionnalities-list button.toggle-filter {
    border: none;
    color: #52c2c3;
    font-size: 28px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
    display: none; }
  main.functionnalities section.functionnalities-list ul.filters {
    white-space: nowrap;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
    main.functionnalities section.functionnalities-list ul.filters li {
      display: inline-block; }
      main.functionnalities section.functionnalities-list ul.filters li button {
        color: #52c2c3;
        border-color: #52c2c3;
        border-width: 2px;
        padding: 5px 10px;
        margin: 10px;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 600; }
        main.functionnalities section.functionnalities-list ul.filters li button.active, main.functionnalities section.functionnalities-list ul.filters li button:hover {
          background-color: #52c2c3;
          color: #ffffff;
          outline: none; }
  main.functionnalities section.functionnalities-list ul.unselected {
    display: none; }
  main.functionnalities section.functionnalities-list ul.funcs {
    overflow: hidden; }
    main.functionnalities section.functionnalities-list ul.funcs li {
      width: 33.33333%;
      float: left;
      padding: 20px; }
      main.functionnalities section.functionnalities-list ul.funcs li:nth-child(3n + 1) {
        clear: both; }
      main.functionnalities section.functionnalities-list ul.funcs li h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 1.4;
        margin: 20px 0px 10px;
        color: #52c2c3;
        text-transform: uppercase; }
      main.functionnalities section.functionnalities-list ul.funcs li p {
        font-size: 16px;
        line-height: 1.5;
        color: #101010;
        font-weight: 300;
        margin-bottom: 16px; }
      main.functionnalities section.functionnalities-list ul.funcs li .icon {
        display: block;
        width: 41px;
        height: 41px; }
      main.functionnalities section.functionnalities-list ul.funcs li.planification .icon {
        background: url("../img/icons/home-func/icon-planification-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.contact .icon {
        background: url("../img/icons/home-func/icon-contact-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.presences .icon {
        background: url("../img/icons/home-func/icon-presence-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.interventions .icon {
        background: url("../img/icons/home-func/icon-intervention-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.communication .icon {
        background: url("../img/icons/home-func/icon-communication-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.global .icon {
        background: url("../img/icons/home-func/icon-personnel-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.securisation .icon {
        background: url("../img/icons/home-func/icon-mouvement-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.inventory .icon {
        background: url("../img/icons/home-func/icon-rapport-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.monitoring .icon {
        background: url("../img/icons/home-func/icon-monitoring-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.localisation .icon {
        background: url("../img/icons/home-func/icon-localisation-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.tasks .icon {
        background: url("../img/icons/home-func/tache-auto-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.procedures .icon {
        background: url("../img/icons/home-func/icon-procedure-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.suggestion .icon {
        background: url("../img/icons/home-func/icon-operation-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.bridage .icon {
        background: url("../img/icons/home-func/icon-bridage-41.png") no-repeat center; }
      main.functionnalities section.functionnalities-list ul.funcs li.tags .icon {
        background: url("../img/icons/home-func/icon-smarttag-41.png") no-repeat center; }
main.functionnalities section.interested {
  background: url("../img/backgrounds/background-func-cta.jpg") no-repeat center;
  background-size: cover;
  padding: 120px 20px;
  text-align: center;
  margin-top: 60px; }
  main.functionnalities section.interested p {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.5; }
  main.functionnalities section.interested a.button {
    border-color: #ffffff;
    margin: 0 auto;
    color: #ffffff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
    display: inline-block; }
    main.functionnalities section.interested a.button:hover {
      background-color: #ffffff;
      color: #2a3f54; }

main.sectors section.intro {
  background: url("../img/backgrounds/bg_sectors.jpg") no-repeat center;
  background-size: cover;
  padding: 140px 20px; }
  main.sectors section.intro h2 {
    font-size: 60px;
    color: #ffffff;
    font-weight: 700;
    text-align: center; }
main.sectors section.sectors-list {
  padding: 50px 40px 600px;
  background: url("../img/illus/sectors_illu.png") no-repeat center bottom;
  background-size: contain; }
  main.sectors section.sectors-list h2 {
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: #2e2e2e;
    margin-bottom: 30px; }
    main.sectors section.sectors-list h2:after {
      background-color: #2e2e2e; }
  main.sectors section.sectors-list p {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.5;
    color: #101010;
    font-weight: 300;
    margin-bottom: 30px; }
  main.sectors section.sectors-list > ul {
    overflow: hidden;
    width: 100%; }
    main.sectors section.sectors-list > ul > li {
      float: left;
      width: 25%;
      padding: 20px; }
      main.sectors section.sectors-list > ul > li:nth-child(5) {
        clear: both; }
      main.sectors section.sectors-list > ul > li h3 {
        font-size: 18px;
        color: #2e2e2e;
        font-weight: 700; }
      main.sectors section.sectors-list > ul > li .icon {
        width: 90px;
        height: 90px;
        margin-bottom: 10px; }
        main.sectors section.sectors-list > ul > li .icon.construction {
          background: url("../img/icons/sectors/construction-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.companies {
          background: url("../img/icons/sectors/entreprises-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.industry {
          background: url("../img/icons/sectors/industrie-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.person {
          background: url("../img/icons/sectors/personnes-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.technic {
          background: url("../img/icons/sectors/technique-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.publics {
          background: url("../img/icons/sectors/public-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.transport {
          background: url("../img/icons/sectors/transport-90.png") no-repeat center; }
        main.sectors section.sectors-list > ul > li .icon.meat {
          background: url("../img/icons/sectors/viande-90.png") no-repeat center; }
      main.sectors section.sectors-list > ul > li ul {
        margin-top: 15px; }
        main.sectors section.sectors-list > ul > li ul li {
          line-height: 1.5;
          font-size: 15px;
          font-weight: 300; }
        main.sectors section.sectors-list > ul > li ul li:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          background-color: #52c2c3;
          border-radius: 50%;
          margin-right: 10px;
          line-height: 24px;
          vertical-align: middle; }
main.sectors section.contact {
  background: url("../img/backgrounds/bg_sectors_footer.jpg") no-repeat center;
  background-size: cover;
  padding: 110px 20px;
  text-align: center; }
  main.sectors section.contact p {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.5; }
  main.sectors section.contact a.button {
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 20px;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase; }

main.product section.intro h2 {
  color: #ffffff;
  font-size: 74px;
  font-weight: 700;
  text-align: center;
  text-transform: none; }
main.product section.about .about-container {
  max-width: 1280px;
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  main.product section.about .about-container .about-slider, main.product section.about .about-container .content {
    float: right;
    width: 50%; }
  main.product section.about .about-container .about-slider img {
    margin: 0 auto;
    display: block;
    max-width: calc(100% - 194px); }
  main.product section.about .about-container .slick-next {
    right: 40px;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 1px solid #989898;
    text-align: center;
    cursor: pointer;
    z-index: 1199; }
    main.product section.about .about-container .slick-next:before {
      color: #989898;
      content: '\f105';
      font-family: FontAwesome;
      font-size: 35px;
      margin-bottom: 3px;
      margin-left: 4px; }
  main.product section.about .about-container .slick-prev {
    left: 40px;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 1px solid #989898;
    text-align: center;
    cursor: pointer;
    z-index: 1199; }
    main.product section.about .about-container .slick-prev:before {
      color: #989898;
      content: '\f104';
      font-family: FontAwesome;
      font-size: 35px;
      margin-bottom: 3px;
      margin-right: 4px; }
  main.product section.about .about-container .content {
    margin-top: 100px; }
    main.product section.about .about-container .content h2 {
      color: #ff6f05;
      font-size: 39px;
      font-weight: 700;
      margin-bottom: 20px; }
      main.product section.about .about-container .content h2:after {
        background-color: #ff6f05;
        margin-left: 0px;
        height: 5px;
        width: 100px; }
    main.product section.about .about-container .content p {
      font-weight: 300;
      line-height: 1.5;
      max-width: 400px; }
main.product section.specificities {
  padding: 60px 0px;
  border-top: 15px solid #f0f0f0;
  border-bottom: 15px solid #f0f0f0; }
  main.product section.specificities .specificities-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
    position: relative; }
    main.product section.specificities .specificities-container h3 {
      color: #52c2c3;
      font-size: 37.5px;
      font-weight: 700; }
    main.product section.specificities .specificities-container ul {
      width: 50%; }
      main.product section.specificities .specificities-container ul li {
        margin-bottom: 15px;
        display: table;
        overflow: hidden;
        line-height: 45px; }
        main.product section.specificities .specificities-container ul li.resistant .icon {
          background: url("../img/icons/products/robuste-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.resistant p:hover .icon, main.product section.specificities .specificities-container ul li.resistant p.hover .icon {
          background: url("../img/icons/products/robuste-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.water .icon {
          background: url("../img/icons/products/eau-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.water p:hover .icon, main.product section.specificities .specificities-container ul li.water p.hover .icon {
          background: url("../img/icons/products/eau-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.installation .icon {
          background: url("../img/icons/products/installation-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.installation p:hover .icon, main.product section.specificities .specificities-container ul li.installation p.hover .icon {
          background: url("../img/icons/products/installation-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.transport .icon {
          background: url("../img/icons/products/transport-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.transport p:hover .icon, main.product section.specificities .specificities-container ul li.transport p.hover .icon {
          background: url("../img/icons/products/transport-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.simple .icon {
          background: url("../img/icons/products/simple-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.simple p:hover .icon, main.product section.specificities .specificities-container ul li.simple p.hover .icon {
          background: url("../img/icons/products/simple-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.battery .icon {
          background: url("../img/icons/products/raccordement-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.battery p:hover .icon, main.product section.specificities .specificities-container ul li.battery p.hover .icon {
          background: url("../img/icons/products/raccordement-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.multiple .icon {
          background: url("../img/icons/products/pointage-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.multiple p:hover .icon, main.product section.specificities .specificities-container ul li.multiple p.hover .icon {
          background: url("../img/icons/products/pointage-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.adapte .icon {
          background: url("../img/icons/products/adapte-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.adapte p:hover .icon, main.product section.specificities .specificities-container ul li.adapte p.hover .icon {
          background: url("../img/icons/products/adapte-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.fixe .icon {
          background: url("../img/icons/products/fixe-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.fixe p:hover .icon, main.product section.specificities .specificities-container ul li.fixe p.hover .icon {
          background: url("../img/icons/products/fixe-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.wall .icon {
          background: url("../img/icons/products/wall-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.wall p:hover .icon, main.product section.specificities .specificities-container ul li.wall p.hover .icon {
          background: url("../img/icons/products/wall-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.retire .icon {
          background: url("../img/icons/products/retire-45.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.retire p:hover .icon, main.product section.specificities .specificities-container ul li.retire p.hover .icon {
          background: url("../img/icons/products/retire-hover-45.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.android .icon {
          background: url("../img/icons/products/android.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.android p:hover .icon, main.product section.specificities .specificities-container ul li.android p.hover .icon {
          background: url("../img/icons/products/android-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.tasks .icon {
          background: url("../img/icons/products/tache.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.tasks p:hover .icon, main.product section.specificities .specificities-container ul li.tasks p.hover .icon {
          background: url("../img/icons/products/tache-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.discussion .icon {
          background: url("../img/icons/products/discussion.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.discussion p:hover .icon, main.product section.specificities .specificities-container ul li.discussion p.hover .icon {
          background: url("../img/icons/products/discussion-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.history .icon {
          background: url("../img/icons/products/historique.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.history p:hover .icon, main.product section.specificities .specificities-container ul li.history p.hover .icon {
          background: url("../img/icons/products/historique-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.photo .icon {
          background: url("../img/icons/products/photos.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.photo p:hover .icon, main.product section.specificities .specificities-container ul li.photo p.hover .icon {
          background: url("../img/icons/products/photos-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.qr .icon {
          background: url("../img/icons/products/qr.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.qr p:hover .icon, main.product section.specificities .specificities-container ul li.qr p.hover .icon {
          background: url("../img/icons/products/qr-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.suggestion .icon {
          background: url("../img/icons/products/suggestion.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.suggestion p:hover .icon, main.product section.specificities .specificities-container ul li.suggestion p.hover .icon {
          background: url("../img/icons/products/suggestion-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.inventory .icon {
          background: url("../img/icons/products/inventaire.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.inventory p:hover .icon, main.product section.specificities .specificities-container ul li.inventory p.hover .icon {
          background: url("../img/icons/products/inventaire-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.location .icon {
          background: url("../img/icons/products/gps.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.location p:hover .icon, main.product section.specificities .specificities-container ul li.location p.hover .icon {
          background: url("../img/icons/products/gps-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li.document .icon {
          background: url("../img/icons/products/documents.png") no-repeat center; }
        main.product section.specificities .specificities-container ul li.document p:hover .icon, main.product section.specificities .specificities-container ul li.document p.hover .icon {
          background: url("../img/icons/products/documents-hover.png") no-repeat center;
          background-color: #212850; }
        main.product section.specificities .specificities-container ul li .icon {
          display: block;
          width: 49px;
          height: 49px;
          border: 2px solid #212850;
          float: left;
          margin-right: 15px; }
        main.product section.specificities .specificities-container ul li p:hover + .illu, main.product section.specificities .specificities-container ul li p.hover + .illu {
          display: block; }
        main.product section.specificities .specificities-container ul li p {
          color: #212850;
          font-weight: 300;
          float: left;
          font-size: 15px;
          line-height: 20px;
          display: inline-block;
          vertical-align: middle;
          cursor: pointer; }
        main.product section.specificities .specificities-container ul li .illu {
          width: 519px;
          height: 519px;
          position: absolute;
          right: 20px;
          top: 90px;
          display: none; }
    main.product section.specificities .specificities-container h2 {
      color: #212850;
      font-size: 34px;
      font-weight: 700;
      max-width: 350px;
      margin-bottom: 40px; }
      main.product section.specificities .specificities-container h2:after {
        background-color: #212850;
        height: 5px;
        width: 100px;
        margin-left: 0px; }
main.product section.usage {
  width: 100%;
  padding: 50px 0px; }
  main.product section.usage .usage-slider > div {
    overflow: hidden;
    max-width: 940px;
    margin: 0 auto; }
    main.product section.usage .usage-slider > div .illu, main.product section.usage .usage-slider > div .content {
      width: 50%;
      max-width: 450px;
      float: left;
      margin: 10px; }
    main.product section.usage .usage-slider > div .illu {
      background: url("../img/illus/force/usage.png") no-repeat left;
      height: 450px; }
    main.product section.usage .usage-slider > div .content {
      margin-top: 50px; }
    main.product section.usage .usage-slider > div h2 {
      color: #ff6f05;
      font-size: 34px;
      font-weight: 700;
      margin-bottom: 30px; }
      main.product section.usage .usage-slider > div h2:after {
        background-color: #ff6f05;
        width: 100px;
        margin-left: 0px;
        height: 5px; }
    main.product section.usage .usage-slider > div p {
      font-size: 25px;
      color: #989898;
      max-width: 450px;
      line-height: 1.5; }
  main.product section.usage .slick-dots button:before {
    color: #989898;
    opacity: 1; }
  main.product section.usage .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ff6f05; }
main.product section.contact {
  width: 100%;
  padding: 250px 0px;
  text-align: center; }
  main.product section.contact p {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 40px;
    line-height: 1.5; }
  main.product section.contact a.button {
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 20px;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase; }
main.product.force section.intro {
  background: url("../img/backgrounds/background-force.png") no-repeat center;
  background-size: cover;
  padding: 150px 20px; }
main.product.force section.specificities ul li.resistant .illu {
  background: url("../img/illus/force/robuste.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.water .illu {
  background: url("../img/illus/force/eau.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.installation .illu {
  background: url("../img/illus/force/installation.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.transport .illu {
  background: url("../img/illus/force/transport.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.simple .illu {
  background: url("../img/illus/force/simple.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.battery .illu {
  background: url("../img/illus/force/raccordement.png") no-repeat center;
  background-size: contain; }
main.product.force section.specificities ul li.multiple .illu {
  background: url("../img/illus/force/pointage.png") no-repeat center;
  background-size: contain; }
main.product.force section.usage .usage-slider .usage1 .illu {
  background: url("../img/illus/force/force-in-out.png") no-repeat center; }
main.product.force section.usage .usage-slider .usage2 .illu {
  background: url("../img/illus/force/force-pointage.png") no-repeat center; }
main.product.force section.usage .usage-slider .usage3 .illu {
  background: url("../img/illus/site-gestion.png") no-repeat center; }
main.product.force section.contact {
  background: url("../img/backgrounds/background-force-footer.jpg") no-repeat center;
  background-size: cover; }
main.product.micro section.intro {
  background: url("../img/backgrounds/background-top-micro.png") no-repeat center;
  background-size: cover;
  padding: 150px 20px; }
main.product.micro section.about .about-container {
  padding-bottom: 0px; }
main.product.micro section.specificities ul li.resistant .illu {
  background: url("../img/illus/micro/robuste--micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.specificities ul li.water .illu {
  background: url("../img/illus/micro/eau-micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.specificities ul li.transport .illu {
  background: url("../img/illus/micro/mobile-micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.specificities ul li.simple .illu {
  background: url("../img/illus/micro/facile-micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.specificities ul li.battery .illu {
  background: url("../img/illus/micro/raccordement-micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.specificities ul li.multiple .illu {
  background: url("../img/illus/micro/pointages-micro-519.png") no-repeat center;
  background-size: contain; }
main.product.micro section.usage .usage-slider .usage1 .illu {
  background: url("../img/illus/micro/micro-branchement.png") no-repeat center; }
main.product.micro section.usage .usage-slider .usage2 .illu {
  background: url("../img/illus/micro/micro-pointage.png") no-repeat center; }
main.product.micro section.usage .usage-slider .usage3 .illu {
  background: url("../img/illus/site-gestion.png") no-repeat center; }
main.product.micro section.contact {
  background: url("../img/backgrounds/background-bottom-micro.jpg") no-repeat center;
  background-size: cover; }
main.product.office section.intro {
  background: url("../img/backgrounds/background-office.jpg") no-repeat center;
  background-size: cover;
  padding: 150px 20px; }
main.product.office section.specificities ul li.adapte .illu {
  background: url("../img/illus/office/adapte.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.fixe .illu {
  background: url("../img/illus/office/fixe.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.installation .illu {
  background: url("../img/illus/office/installation.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.wall .illu {
  background: url("../img/illus/office/murale.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.multiple .illu {
  background: url("../img/illus/office/pointage.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.battery .illu {
  background: url("../img/illus/office/raccordement.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.simple .illu {
  background: url("../img/illus/office/simple.png") no-repeat center;
  background-size: contain; }
main.product.office section.specificities ul li.retire .illu {
  background: url("../img/illus/office/retire.png") no-repeat center;
  background-size: contain; }
main.product.office section.usage .usage-slider .usage1 .illu {
  background: url("../img/illus/office/office-branchement.png") no-repeat center; }
main.product.office section.usage .usage-slider .usage2 .illu {
  background: url("../img/illus/office/office-in-out.png") no-repeat center; }
main.product.office section.usage .usage-slider .usage3 .illu {
  background: url("../img/illus/office/office-pointage.png") no-repeat center; }
main.product.office section.usage .usage-slider .usage4 .illu {
  background: url("../img/illus/site-gestion.png") no-repeat center; }
main.product.office section.contact {
  background: url("../img/backgrounds/background-office-footer.jpg") no-repeat center;
  background-size: cover; }
main.product.one section.intro {
  background: url("../img/backgrounds/background-one.jpg") no-repeat center;
  background-size: cover;
  padding: 150px 20px; }
main.product.one section.about .about-container {
  padding: 100px 20px;
  padding-bottom: 0px;
  position: relative; }
  main.product.one section.about .about-container .content {
    margin-top: 20px;
    margin-bottom: 80px;
    float: left; }
  main.product.one section.about .about-container .about-slider {
    bottom: 0px;
    position: absolute;
    right: 20px;
    float: left; }
main.product.one section.specificities {
  padding-bottom: 0px; }
  main.product.one section.specificities .specificities-container .spec1 {
    margin-bottom: 200px;
    margin-top: 125px; }
    main.product.one section.specificities .specificities-container .spec1 ul {
      margin-left: 50%; }
      main.product.one section.specificities .specificities-container .spec1 ul li .illu {
        left: 20px; }
  main.product.one section.specificities .specificities-container .spec2 {
    margin-top: 250px;
    margin-bottom: 200px; }
    main.product.one section.specificities .specificities-container .spec2 ul {
      margin-left: 0px; }
      main.product.one section.specificities .specificities-container .spec2 ul li .illu {
        right: 20px;
        top: 580px; }
  main.product.one section.specificities .specificities-container ul li.android .illu {
    background: url("../img/screenshots/one/store.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.tasks .illu {
    background: url("../img/screenshots/one/taches.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.history .illu {
    background: url("../img/screenshots/one/historique.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.discussion .illu {
    background: url("../img/screenshots/one/tchat.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.photo .illu {
    background: url("../img/screenshots/one/photo.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.document .illu {
    background: url("../img/screenshots/one/document.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.qr .illu {
    background: url("../img/screenshots/one/qr.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container ul li.inventory .illu {
    background: url("../img/screenshots/one/inventaire.png") no-repeat center;
    background-size: contain; }
  main.product.one section.specificities .specificities-container h2 {
    text-align: center;
    max-width: 100%; }
    main.product.one section.specificities .specificities-container h2:after {
      margin: 0 auto;
      margin-top: 15px; }
main.product.one section.usage .usage-slider .usage1 .illu {
  background: url("../img/mobitime-one-350.png") no-repeat center; }
main.product.one section.usage .usage-slider .usage2 .illu {
  background: url("../img/illus/one-detail.png") no-repeat center; }
main.product.one section.usage .usage-slider .usage3 .illu {
  background: url("../img/illus/site-gestion.png") no-repeat center; }
main.product.one section.contact {
  background: url("../img/backgrounds/background-one-footer.jpg") no-repeat center;
  background-size: cover; }
main.product.gestion section.intro {
  background: url("../img/backgrounds/background-gestion.jpg") no-repeat center;
  background-size: cover;
  padding: 150px 20px; }
  main.product.gestion section.intro h2 {
    font-size: 58px;
    text-transform: uppercase; }
main.product.gestion section.about .about-container {
  background: url("../img/connexion-524.png") no-repeat right bottom; }
  main.product.gestion section.about .about-container h2 {
    color: #52c2c3; }
    main.product.gestion section.about .about-container h2:after {
      background-color: #52c2c3; }
  main.product.gestion section.about .about-container .content {
    float: left;
    margin-bottom: 40px; }
main.product.gestion section.specificities .specificities-container {
  max-width: 960px;
  padding-left: 50px;
  padding-right: 50px; }
  main.product.gestion section.specificities .specificities-container h2 {
    text-align: center;
    max-width: 100%; }
    main.product.gestion section.specificities .specificities-container h2:after {
      margin: 0 auto;
      margin-top: 15px; }
  main.product.gestion section.specificities .specificities-container > div .slick-next {
    right: -40px;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 1px solid #989898;
    text-align: center;
    cursor: pointer;
    z-index: 1199; }
    main.product.gestion section.specificities .specificities-container > div .slick-next:before {
      color: #989898;
      content: '\f105';
      font-family: FontAwesome;
      font-size: 35px;
      margin-bottom: 3px;
      margin-left: 4px; }
  main.product.gestion section.specificities .specificities-container > div .slick-prev {
    left: -40px;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 1px solid #989898;
    text-align: center;
    cursor: pointer;
    z-index: 1199; }
    main.product.gestion section.specificities .specificities-container > div .slick-prev:before {
      color: #989898;
      content: '\f104';
      font-family: FontAwesome;
      font-size: 35px;
      margin-bottom: 3px;
      margin-right: 4px; }
  main.product.gestion section.specificities .specificities-container > div.spec2-slider .slick-next {
    right: -40px;
    left: auto; }
  main.product.gestion section.specificities .specificities-container > div.spec2-slider .slick-prev {
    left: -40px;
    right: auto; }
  main.product.gestion section.specificities .specificities-container > div .spec {
    overflow: hidden;
    width: 100%;
    margin: 0 auto; }
    main.product.gestion section.specificities .specificities-container > div .spec .screen {
      width: 50%;
      float: left;
      max-width: 460px;
      height: 330px; }
    main.product.gestion section.specificities .specificities-container > div .spec .content {
      float: left;
      width: calc(50% - 40px);
      margin-left: 40px;
      padding-top: 50px;
      max-width: 400px; }
      main.product.gestion section.specificities .specificities-container > div .spec .content p {
        font-weight: 300;
        line-height: 1.5;
        margin-right: 0px; }
      main.product.gestion section.specificities .specificities-container > div .spec .content .icon {
        width: 45px;
        height: 45px;
        display: block;
        border: 1px solid #52c2c3;
        padding: 2px; }
    main.product.gestion section.specificities .specificities-container > div .spec.reports .screen {
      background: url("../img/screenshots/report-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.reports .content .icon {
      background: url("../img/icons/products/gestion/rapports.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.global .screen {
      background: url("../img/screenshots/sites-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.global .content .icon {
      background: url("../img/icons/products/gestion/globale.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.location .screen {
      background: url("../img/screenshots/localisation-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.location .content .icon {
      background: url("../img/icons/products/gestion/localisation.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.assignation .screen {
      background: url("../img/screenshots/assignation-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.assignation .content .icon {
      background: url("../img/icons/products/gestion/assignation.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.planning .screen {
      background: url("../img/screenshots/planning-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.planning .content .icon {
      background: url("../img/icons/products/gestion/planning.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.knowledge .screen {
      background: url("../img/screenshots/connaissance-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.knowledge .content .icon {
      background: url("../img/icons/products/gestion/connaissance.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.alerts .screen {
      background: url("../img/screenshots/alertes-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.alerts .content .icon {
      background: url("../img/icons/products/gestion/alertes.png") no-repeat center;
      background-size: 39px; }
    main.product.gestion section.specificities .specificities-container > div .spec.library .screen {
      background: url("../img/screenshots/files-460.png") no-repeat center;
      background-size: contain; }
    main.product.gestion section.specificities .specificities-container > div .spec.library .content .icon {
      background: url("../img/icons/products/gestion/biblio.png") no-repeat center;
      background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div.spec1-slider {
    margin-top: 50px; }
  main.product.gestion section.specificities .specificities-container > div.spec2-slider {
    margin-top: 125px; }
    main.product.gestion section.specificities .specificities-container > div.spec2-slider .screen, main.product.gestion section.specificities .specificities-container > div.spec2-slider .content {
      float: right;
      text-align: right; }
    main.product.gestion section.specificities .specificities-container > div.spec2-slider .content {
      margin-right: 40px;
      margin-left: 0px;
      max-width: 400px; }
main.product.gestion section.usage {
  padding-bottom: 0px; }
  main.product.gestion section.usage .usage-slider {
    margin-bottom: 0px; }
    main.product.gestion section.usage .usage-slider .illu {
      margin-bottom: 0px; }
    main.product.gestion section.usage .usage-slider .slick-dots {
      width: 50%;
      margin-left: 50%;
      text-align: left;
      bottom: 20px; }
      main.product.gestion section.usage .usage-slider .slick-dots li.slick-active button:before {
        color: #212850; }
    main.product.gestion section.usage .usage-slider h2 {
      color: #212850; }
      main.product.gestion section.usage .usage-slider h2:after {
        background-color: #212850; }
main.product.gestion section.usage .usage-slider .usage1 .illu {
  background: url("../img/screenshots/gestion-home.png") no-repeat center bottom;
  background-size: contain; }
main.product.gestion section.usage .usage-slider .usage2 .illu {
  background: url("../img/screenshots/gestion-codepack.png") no-repeat center bottom;
  background-size: contain; }
main.product.gestion section.usage .usage-slider .usage3 .illu {
  background: url("../img/screenshots/gestion-map.png") no-repeat center bottom;
  background-size: contain; }
main.product.gestion section.contact {
  background: url("../img/backgrounds/background-gestion-footer.jpg") no-repeat center;
  background-size: cover; }

.no-js main.functionnalities section.functionnalities-list {
  padding-top: 40px; }
  .no-js main.functionnalities section.functionnalities-list ul.filters {
    display: none; }

@media screen and (min-width: 1500px) {
  main.sectors section.sectors-list {
    padding-bottom: 700px; } }
@media screen and (min-width: 1850px) {
  main.sectors section.sectors-list {
    padding-bottom: 850px; } }
@media screen and (min-width: 2100px) {
  main.sectors section.sectors-list {
    padding-bottom: 950px; } }
@media screen and (max-width: 1280px) {
  .home section.intro .intro-container {
    left: 0px; } }
@media screen and (max-width: 1245px) {
  .website-content {
    padding-top: 180px; }

  header .container nav {
    float: none;
    clear: both;
    text-align: center; }
    header .container nav > ul {
      white-space: nowrap; }
      header .container nav > ul > li {
        float: none;
        display: inline-block; }
        header .container nav > ul > li:nth-child(2), header .container nav > ul > li:nth-child(3) {
          height: 33px; } }
@media screen and (max-width: 1030px) {
  .home section.advantages .advantages-container ul li {
    margin: 0px;
    width: 25%; }

  .home section.functionalities ul li {
    width: calc(50% - 30px); }
    .home section.functionalities ul li:nth-child(3) {
      clear: both; }

  .home section.sectors .sectors-container ul {
    white-space: normal; }
    .home section.sectors .sectors-container ul li {
      width: 33.333333%;
      height: 130px;
      margin-left: 0px;
      display: block;
      float: left; }
      .home section.sectors .sectors-container ul li:nth-child(4), .home section.sectors .sectors-container ul li:nth-child(5), .home section.sectors .sectors-container ul li:nth-child(6) {
        margin-top: 30px; }

  main.sectors section.sectors-list {
    padding-bottom: 400px; }
    main.sectors section.sectors-list > ul > li {
      width: 50%; }
      main.sectors section.sectors-list > ul > li:nth-child(3), main.sectors section.sectors-list > ul > li:nth-child(5), main.sectors section.sectors-list > ul > li:nth-child(7) {
        clear: both; }

  footer {
    padding-right: 15px;
    padding-left: 15px; }
    footer > div {
      width: auto; }

  main.product section.specificities .specificities-container ul li .illu {
    width: calc(50% - 20px); } }
@media screen and (max-width: 960px) {
  main.product section.usage .usage-slider > div {
    padding: 0px 20px; }
    main.product section.usage .usage-slider > div .illu {
      display: none; }
    main.product section.usage .usage-slider > div .content {
      float: none;
      margin: 0 auto;
      padding-bottom: 20px;
      width: 100%; }
  main.product.gestion section.usage {
    padding-bottom: 50px; }
    main.product.gestion section.usage .usage-slider {
      margin-bottom: 30px; }
      main.product.gestion section.usage .usage-slider .slick-dots {
        width: 100%;
        margin-left: 0px;
        text-align: center;
        bottom: -25px; } }
@media screen and (max-width: 943px) {
  .home-menu {
    display: none; }

  header .container nav {
    margin: 20px 0px; }

  header .container .lang-container, header .container .button {
    margin-bottom: 0px; }

  .home section.intro .intro-slider .slick-slide.office {
    background: url("../img/backgrounds/slide-office-960.jpg") no-repeat center;
    background-size: cover; }
  .home section.intro .intro-slider .slick-slide.mobitimeone {
    background: url("../img/backgrounds/slide-mobitimeone-960.jpg") no-repeat center;
    background-size: cover; }
  .home section.intro .intro-slider .slick-slide.gestion {
    background: url("../img/backgrounds/slide-gestion-960.jpg") no-repeat center;
    background-size: cover; }
  .home section.intro .intro-slider .slick-slide.micro {
    background: url("../img/backgrounds/slide-micro-960.jpg") no-repeat center;
    background-size: cover; }
  .home section.intro .intro-slider .slick-slide.force {
    background: url("../img/backgrounds/slide-force-960.jpg") no-repeat center;
    background-size: cover; }

  main.product section.about .about-container .content, main.product section.about .about-container .about-slider {
    float: none;
    position: relative;
    margin: 0 auto;
    right: 0px;
    width: 100%;
    max-width: 350px; }
  main.product section.about .about-container .content {
    margin-bottom: 30px;
    margin-top: 50px; }

  main.product.force section.about .about-container .about-slider {
    max-width: 500px; }
    main.product.force section.about .about-container .about-slider img {
      max-width: calc(100% - 114px); }
    main.product.force section.about .about-container .about-slider .slick-next {
      right: 0px; }
    main.product.force section.about .about-container .about-slider .slick-prev {
      left: 0px; }

  main.product.gestion section.about .about-container {
    background-position: bottom center;
    background-size: 400px;
    padding-bottom: 200px; }
    main.product.gestion section.about .about-container .content {
      float: none; }

  main.product.one section.about .about-container {
    padding: 20px;
    padding-bottom: 0px; }
    main.product.one section.about .about-container .about-slider {
      position: relative;
      right: 0px;
      float: none; }
      main.product.one section.about .about-container .about-slider img {
        max-width: 100%; }
    main.product.one section.about .about-container .content {
      float: none;
      margin-bottom: 30px;
      margin-top: 50px; }

  main.product.micro section.about .about-container .about-slider img {
    max-width: 80%; }

  main.product.office section.about .about-container .about-slider img {
    max-width: 80%; } }
@media screen and (max-width: 915px) {
  header {
    position: relative; }
    header nav {
      display: none; }

  .website-content {
    padding-top: 0px; }

  header .burger-menu {
    float: right;
    display: block;
    border-color: #2a3f54;
    padding: 5px 10px;
    margin: 28.5px 0px; }
    header .burger-menu i {
      color: #2a3f54;
      font-size: 21px; }

  .mobile-menu {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-color: #2a3f54;
    z-index: 1999;
    padding: 30px;
    right: -100%;
    top: 0px;
    display: none; }
    .mobile-menu .close-menu {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #ffffff;
      border-color: #ffffff;
      padding: 5px 10px; }
      .mobile-menu .close-menu:hover {
        color: #52c2c3;
        border-color: #52c2c3; }
    .mobile-menu nav > ul {
      margin-top: 14px; }
      .mobile-menu nav > ul > li a {
        color: #ffffff;
        display: block;
        width: 100%;
        padding: 20px;
        font-weight: 700; }
      .mobile-menu nav > ul > li a.active, .mobile-menu nav > ul > li a:hover {
        color: #52c2c3; }
      .mobile-menu nav > ul > li ul li {
        display: none; }
        .mobile-menu nav > ul > li ul li a {
          font-weight: 300;
          font-size: 14px;
          padding-left: 40px; }
        .mobile-menu nav > ul > li ul li:first-child {
          display: block; }
          .mobile-menu nav > ul > li ul li:first-child a {
            position: relative;
            font-weight: 600;
            font-size: 15px;
            padding-left: 20px; }
            .mobile-menu nav > ul > li ul li:first-child a .fa {
              position: absolute;
              right: 20px; }
      .mobile-menu nav > ul > li ul.open li {
        display: block; }
    .mobile-menu .lang-container {
      border-top: 1px solid #dde2e4;
      border-bottom: 1px solid #dde2e4;
      margin-top: 20px;
      margin-bottom: 40px; }
      .mobile-menu .lang-container ul li a {
        display: none;
        color: #ffffff;
        padding: 20px;
        font-weight: 700;
        cursor: pointer;
        position: relative; }
      .mobile-menu .lang-container ul li a.active {
        display: block;
        color: #52c2c3; }
      .mobile-menu .lang-container ul li a.active:after {
        content: '\f107';
        font-family: FontAwesome;
        color: #52c2c3;
        position: absolute;
        right: 20px; }
      .mobile-menu .lang-container ul li a:hover {
        color: #52c2c3; }
      .mobile-menu .lang-container ul li a.active:hover:after {
        color: #52c2c3; }
      .mobile-menu .lang-container ul.open li a {
        display: block; }
    .mobile-menu a.button {
      font-weight: 700;
      text-align: center;
      padding: 10px; } }
@media screen and (max-width: 830px) {
  .home section.advantages .advantages-container ul li {
    width: 50%; }

  .checkinatwork .legislation .construction > div .content-container .illu, .checkinatwork .legislation .meat > div .content-container .illu {
    display: none; }
  .checkinatwork .legislation .construction > div .content-container .text, .checkinatwork .legislation .meat > div .content-container .text {
    max-width: 500px;
    width: 100%;
    padding: 20px 0px;
    margin: 0 auto;
    float: none; }
    .checkinatwork .legislation .construction > div .content-container .text h4, .checkinatwork .legislation .construction > div .content-container .text p, .checkinatwork .legislation .meat > div .content-container .text h4, .checkinatwork .legislation .meat > div .content-container .text p {
      max-width: 500px; }
  .checkinatwork section.laws p {
    line-height: 1.5; }
  .checkinatwork section.solution .mobitime-image, .checkinatwork section.solution .mobitime-content {
    float: none;
    width: 100%;
    margin: 0 auto; }
  .checkinatwork section.solution .mobitime-image {
    max-width: 300px;
    height: 250px; }
  .checkinatwork section.solution .mobitime-content {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 0px; }
    .checkinatwork section.solution .mobitime-content p {
      max-width: 500px; }

  .solutions section.description {
    background: none !important; }
    .solutions section.description .illu {
      display: none; }
    .solutions section.description .desc {
      float: none;
      width: 100%;
      margin: 0 auto;
      max-width: 450px; }
  .solutions.equipment section.advantages, .solutions.activities section.advantages, .solutions.presences section.advantages, .solutions.procedures section.advantages {
    padding: 70px 10px 60px; }
    .solutions.equipment section.advantages ul br.large, .solutions.activities section.advantages ul br.large, .solutions.presences section.advantages ul br.large, .solutions.procedures section.advantages ul br.large {
      display: none; }
    .solutions.equipment section.advantages ul br.medium, .solutions.activities section.advantages ul br.medium, .solutions.presences section.advantages ul br.medium, .solutions.procedures section.advantages ul br.medium {
      display: block; }
    .solutions.equipment section.advantages ul li, .solutions.activities section.advantages ul li, .solutions.presences section.advantages ul li, .solutions.procedures section.advantages ul li {
      width: 50%;
      padding: 20px 10px; }
      .solutions.equipment section.advantages ul li.nomedium, .solutions.activities section.advantages ul li.nomedium, .solutions.presences section.advantages ul li.nomedium, .solutions.procedures section.advantages ul li.nomedium {
        display: none; }
  .solutions section.systems .systems-container .systems-list .slick-next {
    right: 20px;
    height: 35px; }
    .solutions section.systems .systems-container .systems-list .slick-next:before {
      color: #2a3f54;
      content: '\f105';
      font-family: FontAwesome;
      font-size: 35px; }
  .solutions section.systems .systems-container .systems-list .slick-prev {
    left: 20px;
    height: 35px; }
    .solutions section.systems .systems-container .systems-list .slick-prev:before {
      color: #2a3f54;
      content: '\f104';
      font-family: FontAwesome;
      font-size: 35px; }
  .solutions section.systems .systems-container .systems-list .system {
    text-align: center; }
    .solutions section.systems .systems-container .systems-list .system h3, .solutions section.systems .systems-container .systems-list .system ul, .solutions section.systems .systems-container .systems-list .system p {
      max-width: 300px;
      margin: 0 auto;
      padding: 0px 10px;
      text-align: left; }
    .solutions section.systems .systems-container .systems-list .system p {
      line-height: 1.5; }
    .solutions section.systems .systems-container .systems-list .system a.button {
      margin-top: 15px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality img {
    display: none; }
  .solutions section.functionnalities .functionnalities-slider .functionnality .content-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    padding: 0px 0px 20px; }

  main.functionnalities section.functionnalities-list button.toggle-filter {
    display: block; }
    main.functionnalities section.functionnalities-list button.toggle-filter:active, main.functionnalities section.functionnalities-list button.toggle-filter:focus {
      outline: none; }
  main.functionnalities section.functionnalities-list ul.filters {
    height: 0px;
    display: none;
    overflow: hidden;
    margin-top: 10px; }
    main.functionnalities section.functionnalities-list ul.filters li {
      display: block;
      position: relative;
      height: 32px;
      margin-bottom: 10px; }
      main.functionnalities section.functionnalities-list ul.filters li button {
        position: absolute;
        right: 0px; }
  main.functionnalities section.functionnalities-list ul.funcs {
    overflow: hidden; }
    main.functionnalities section.functionnalities-list ul.funcs li {
      width: 50%;
      float: left;
      padding: 20px; }
      main.functionnalities section.functionnalities-list ul.funcs li:nth-child(3n + 1) {
        clear: none; }
      main.functionnalities section.functionnalities-list ul.funcs li:nth-child(2n + 1) {
        clear: both; }

  main.product section.specificities .specificities-container h2 {
    text-align: center;
    max-width: none; }
    main.product section.specificities .specificities-container h2:after {
      margin: 0 auto;
      margin-top: 15px; }
  main.product section.specificities .specificities-container ul li .illu {
    display: none; }
  main.product section.specificities .specificities-container ul {
    margin: 0 auto;
    width: 100%;
    max-width: 350px; }
  main.product section.specificities .specificities-container ul li p:hover + .illu, main.product section.specificities .specificities-container ul li p.hover + .illu {
    display: none; }
  main.product.one section.specificities .specificities-container {
    padding-bottom: 60px; }
    main.product.one section.specificities .specificities-container .spec1 {
      margin-bottom: 0px;
      margin-top: 0px; }
    main.product.one section.specificities .specificities-container .spec2 {
      margin-top: 0px;
      margin-bottom: 0px; }
    main.product.one section.specificities .specificities-container .spec1 ul, main.product.one section.specificities .specificities-container .spec2 ul {
      width: 100%;
      margin: 0 auto;
      max-width: 350px; }
  main.product.gestion section.specificities .specificities-container > div.spec2-slider {
    margin-top: 50px; }
  main.product.gestion section.specificities .specificities-container > div .spec .screen {
    display: none; }
  main.product.gestion section.specificities .specificities-container > div .spec .content {
    text-align: left;
    margin: 0 auto;
    float: none;
    width: 100%; }
    main.product.gestion section.specificities .specificities-container > div .spec .content .icon {
      display: inline-block; } }
@media screen and (max-width: 760px) {
  footer {
    padding: 10px;
    line-height: 1.5;
    font-weight: 300; }
    footer .footer-big {
      display: none; }
    footer .footer-small {
      display: block;
      text-align: center;
      font-size: 14px; }
      footer .footer-small ul.social {
        display: inline;
        white-space: nowrap; }
        footer .footer-small ul.social li {
          display: inline-block; }
          footer .footer-small ul.social li a {
            color: #2a3f54; }
            footer .footer-small ul.social li a .fa {
              font-size: 26px;
              margin-right: 10px; }
              footer .footer-small ul.social li a .fa.fa-facebook-square {
                color: #3B5998; }
              footer .footer-small ul.social li a .fa.fa-twitter-square {
                color: #55acee; }
              footer .footer-small ul.social li a .fa.fa-linkedin-square {
                color: #007bb5; }
              footer .footer-small ul.social li a .fa:hover {
                color: #989898; }
      footer .footer-small ul.links {
        margin: 20px 0px; }
        footer .footer-small ul.links li {
          line-height: 1.5; }
          footer .footer-small ul.links li a {
            color: #2a3f54; }
            footer .footer-small ul.links li a:hover {
              color: #52c2c3; }
      footer .footer-small ul.contact {
        margin-bottom: 20px; }
        footer .footer-small ul.contact li {
          line-height: 1.5;
          color: #2a3f54; }
          footer .footer-small ul.contact li a {
            color: #52c2c3; }
            footer .footer-small ul.contact li a:hover {
              color: #2a3f54; }

  .partner section.form form .field.radios {
    margin-bottom: 20px;
    width: auto;
    float: none; }
    .partner section.form form .field.radios .radio {
      width: auto;
      margin-right: 20px; }
  .partner section.form form .field.name, .partner section.form form .field.firstname {
    width: calc(50% - 10px); }

  .contact section.form form .field:nth-child(1), .contact section.form form .field:nth-child(3), .contact section.form form .field:nth-child(5) {
    margin-right: 20px; }
  .contact section.form form .field.name, .contact section.form form .field.firstname, .contact section.form form .field.company {
    width: calc(50% - 10px); }
  .contact section.form form .field.company {
    width: 100%; }
  .contact section.form form .field.firstname {
    margin-right: 0px; }
  .contact section.form form .field.company {
    margin-right: 10px; } }
@media screen and (max-width: 680px) {
  .checkinatwork section.intro .intro-title ul {
    width: 290px;
    margin: 0 auto;
    margin-top: 20px; }
    .checkinatwork section.intro .intro-title ul li {
      display: list-item;
      margin: 0 auto;
      margin-top: 15px;
      width: 100%;
      height: auto;
      padding-top: 0px; }
      .checkinatwork section.intro .intro-title ul li:first-child {
        margin-right: 0px; }
      .checkinatwork section.intro .intro-title ul li a {
        width: 100%;
        display: block; } }
@media screen and (max-width: 600px) {
  .home section.possibilities {
    margin-top: 0px; }
    .home section.possibilities ul {
      overflow: hidden;
      padding: 30px 0px; }
      .home section.possibilities ul li {
        width: 50%;
        float: left;
        height: 184px;
        padding-top: 0px; }
        .home section.possibilities ul li:before {
          content: '';
          display: block;
          width: 90px;
          height: 90px;
          margin: 0 auto; }
        .home section.possibilities ul li.presences:before {
          background: url("../img/icons/home-solutions/presences-90.png") no-repeat center; }
        .home section.possibilities ul li.activites:before {
          background: url("../img/icons/home-solutions/activites-90.png") no-repeat center; }
        .home section.possibilities ul li.monitoring:before {
          background: url("../img/icons/home-solutions/monitoring-90.png") no-repeat center; }
        .home section.possibilities ul li.automatisation:before {
          background: url("../img/icons/home-solutions/automatisation-90.png") no-repeat center; }
        .home section.possibilities ul li:last-child {
          padding-bottom: 0px; }
        .home section.possibilities ul li:nth-child(even) {
          background-color: #ffffff; }
          .home section.possibilities ul li:nth-child(even) .description {
            left: 0px; }
        .home section.possibilities ul li .possibility-container {
          padding: 20px; }
          .home section.possibilities ul li .possibility-container .illustration {
            float: none;
            display: none; }
          .home section.possibilities ul li .possibility-container .description {
            float: none;
            position: relative;
            width: 100%;
            top: auto;
            right: auto;
            transform: none; }
            .home section.possibilities ul li .possibility-container .description p {
              display: none; }
            .home section.possibilities ul li .possibility-container .description h3 {
              font-size: 17px;
              text-transform: none;
              text-align: center;
              padding-bottom: 10px; }

  main.product section.specificities .specificities-container h2 {
    font-size: 28px; }

  main.product section.specificities .specificities-container h3 {
    font-size: 26px; } }
@media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
  .home section.possibilities ul li.presences:before {
    background: url("../img/icons/home-solutions/presences-180.png") no-repeat center;
    background-size: 90px; }
  .home section.possibilities ul li.activites:before {
    background: url("../img/icons/home-solutions/activites-180.png") no-repeat center;
    background-size: 90px; }
  .home section.possibilities ul li.monitoring:before {
    background: url("../img/icons/home-solutions/monitoring-180.png") no-repeat center;
    background-size: 90px; }
  .home section.possibilities ul li.automatisation:before {
    background: url("../img/icons/home-solutions/automatisation-180.png") no-repeat center;
    background-size: 90px; } }
@media screen and (max-width: 570px) {
  .nomobile {
    display: none; }

  .home section.intro .intro-slider {
    height: 500px;
    background: url("../img/backgrounds/mobile-background.jpg") no-repeat center;
    background-size: cover; }
    .home section.intro .intro-slider div {
      display: none; }

  .home section.intro .intro-container h2 {
    font-size: 32px;
    text-align: center;
    margin-left: 0px; }

  .checkinatwork section.intro .intro-title h2 {
    font-size: 32px; }

  .solutions section.intro h2 {
    font-size: 32px; }

  .contact section.intro h2, .partner section.intro h2 {
    font-size: 39px; }

  .partner section.intro h2.nl-title {
    font-size: 30px; }

  .home section.testimony .testimony-container .testimony-slider p {
    font-size: 18px; }

  main.functionnalities section.intro h2, main.functionnalities section.interested p {
    font-size: 28px; }

  main.product section.intro h2, main.product.gestion section.intro h2, main.product section.contact p {
    font-size: 32px; } }
@media screen and (max-width: 520px) {
  .home section.sectors .sectors-container ul li {
    width: 50%;
    padding: 0px 20px; }
    .home section.sectors .sectors-container ul li:nth-child(3), .home section.sectors .sectors-container ul li:nth-child(4), .home section.sectors .sectors-container ul li:nth-child(5), .home section.sectors .sectors-container ul li:nth-child(6) {
      margin-top: 30px; }

  .home section.functionalities ul li {
    width: calc(100% - 30px); }
    .home section.functionalities ul li:nth-child(1), .home section.functionalities ul li:nth-child(4) {
      display: none; }

  .contact section.form form, .partner section.form form {
    padding: 30px 20px; }
    .contact section.form form .field.floated, .partner section.form form .field.floated {
      float: none;
      width: 100%; }
  .contact section.contact ul li, .partner section.contact ul li {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%; }

  main.functionnalities section.functionnalities-list ul.funcs {
    overflow: hidden; }
    main.functionnalities section.functionnalities-list ul.funcs li {
      width: 100%;
      float: none;
      padding: 20px; }
      main.functionnalities section.functionnalities-list ul.funcs li:nth-child(3n + 1) {
        clear: none; }
      main.functionnalities section.functionnalities-list ul.funcs li:nth-child(2n + 1) {
        clear: none; } }
@media screen and (max-width: 450px) {
  .checkinatwork .legislation {
    padding: 75px 20px; }
    .checkinatwork .legislation .construction h3:before, .checkinatwork .legislation .meat h3:before {
      display: block;
      margin: 0 auto; }
    .checkinatwork .legislation .construction > div .content-container .text h4, .checkinatwork .legislation .meat > div .content-container .text h4 {
      font-size: 26px; }

  main.sectors section.sectors-list {
    padding-bottom: 200px; }
    main.sectors section.sectors-list > ul > li {
      width: 100%;
      max-width: 240px;
      margin: 0 auto;
      float: none; }

  main.product section.usage .usage-slider > div h2 {
    font-size: 28px; } }
@media screen and (max-width: 410px) {
  .home section.advantages .advantages-container ul li {
    padding: 30px 15px; } }
@media screen and (max-width: 350px) {
  .home section.checkinatwork .checkinatwork-container h2 {
    font-size: 30px; } }
@media (-webkit-min-device-pixel-ratio: 2) {
  header h1 {
    background: url("../img/logo-duiglobal-288.png") no-repeat center;
    background-size: 95px; }

  .home .possibility .possibility-container .illustration.presence {
    background: url("../img/illus/illu-presence-220@2x.png") no-repeat left center;
    background-size: 220px; }
  .home .possibility .possibility-container .illustration.activities {
    background: url("../img/illus/illu-activities-220@2x.png") no-repeat right center;
    background-size: 220px; }
  .home .possibility .possibility-container .illustration.monitoring {
    background: url("../img/illus/illu-monitoring-220@2x.png") no-repeat left center;
    background-size: 220px; }
  .home .possibility .possibility-container .illustration.automatisation {
    background: url("../img/illus/illu-automatisation-220@2x.png") no-repeat right center;
    background-size: 220px; }

  .home section.advantages .advantages-container ul .automatic .icon {
    background: url("../img/icons/home-advantages/automatic-220.png") no-repeat center;
    background-size: 110px; }
  .home section.advantages .advantages-container ul .central .icon {
    background: url("../img/icons/home-advantages/centralisation-220.png") no-repeat center;
    background-size: 110px; }
  .home section.advantages .advantages-container ul .combinable .icon {
    background: url("../img/icons/home-advantages/combinable-220.png") no-repeat center;
    background-size: 110px; }
  .home section.advantages .advantages-container ul .simple .icon {
    background: url("../img/icons/home-advantages/simple-220.png") no-repeat center;
    background-size: 110px; }

  .home section.functionalities ul li.planning .icon {
    background: url("../img/icons/home-func/icon-planification-82.png") no-repeat center;
    background-size: 41px; }
  .home section.functionalities ul li.equipment .icon {
    background: url("../img/icons/home-func/icon-mouvement-82.png") no-repeat center;
    background-size: 41px; }
  .home section.functionalities ul li.presence .icon {
    background: url("../img/icons/home-func/icon-presence-82.png") no-repeat center;
    background-size: 41px; }
  .home section.functionalities ul li.procedures .icon {
    background: url("../img/icons/home-func/icon-procedure-82.png") no-repeat center;
    background-size: 41px; }

  .home section.sectors .sectors-container ul li.construction .icon {
    background: url("../img/icons/home-sectors/construction-160.png") no-repeat center;
    background-size: 80px; }
  .home section.sectors .sectors-container ul li.service .icon {
    background: url("../img/icons/home-sectors/personne-160.png") no-repeat center;
    background-size: 80px; }
  .home section.sectors .sectors-container ul li.industry .icon {
    background: url("../img/icons/home-sectors/industrie-160.png") no-repeat center;
    background-size: 80px; }
  .home section.sectors .sectors-container ul li.company .icon {
    background: url("../img/icons/home-sectors/entreprise-160.png") no-repeat center;
    background-size: 80px; }
  .home section.sectors .sectors-container ul li.urban .icon {
    background: url("../img/icons/home-sectors/urbaine-160.png") no-repeat center;
    background-size: 80px; }
  .home section.sectors .sectors-container ul li.technic .icon {
    background: url("../img/icons/home-sectors/technique-160.png") no-repeat center;
    background-size: 80px; }

  .home section.companies.abattoir, .partner section.companies.abattoir {
    background: url("../img/companies/abbattoirdecharleroi-270.png") no-repeat center;
    background-size: contain; }
  .home section.companies.besix, .partner section.companies.besix {
    background: url("../img/companies/besix-540.png") no-repeat center;
    background-size: contain; }
    .home section.companies.besix:hover, .partner section.companies.besix:hover {
      background: url("../img/companies/besix-540-bw.jpg") no-repeat center;
      background-size: contain; }
  .home section.companies.cobelba, .partner section.companies.cobelba {
    background: url("../img/companies/cobelba-540.png") no-repeat center;
    background-size: contain; }
    .home section.companies.cobelba:hover, .partner section.companies.cobelba:hover {
      background: url("../img/companies/cobelba-540-bw.jpg") no-repeat center;
      background-size: contain; }
  .home section.companies.ecoterres, .partner section.companies.ecoterres {
    background: url("../img/companies/ecoterres-540.png") no-repeat center;
    background-size: contain; }
    .home section.companies.ecoterres:hover, .partner section.companies.ecoterres:hover {
      background: url("../img/companies/ecoterres-540-bw.jpg") no-repeat center;
      background-size: contain; }
  .home section.companies.inadvance, .partner section.companies.inadvance {
    background: url("../img/companies/inadvance-540.png") no-repeat center;
    background-size: contain; }
    .home section.companies.inadvance:hover, .partner section.companies.inadvance:hover {
      background: url("../img/companies/inadvance-540-bw.jpg") no-repeat center;
      background-size: contain; }
  .home section.companies.dherte, .partner section.companies.dherte {
    background: url("../img/companies/dherte-540.png") no-repeat center;
    background-size: contain; }
    .home section.companies.dherte:hover, .partner section.companies.dherte:hover {
      background: url("../img/companies/dherte-540-bw.png") no-repeat center;
      background-size: contain; }

  .home section.checkinatwork {
    background-size: 368px; }
    .home section.checkinatwork .checkinatwork-container .icon {
      background: url("../img/icons/icon-checkinatwork-original-100.png") no-repeat center;
      background-size: 50px; }

  .checkinatwork section.intro .intro-content .icon {
    background: url("../img/icons/checkinatwork/icon-checkinatwork-white-100.png") no-repeat center;
    background-size: 50px; }
  .checkinatwork .legislation .construction h3:before {
    background: url(../img/icons/checkinatwork/icon-construction-120.png) no-repeat center;
    background-size: 60px; }
  .checkinatwork .legislation .meat h3:before {
    background: url(../img/icons/checkinatwork/icon-meat-120.png) no-repeat center;
    background-size: 60px; }
  .checkinatwork section.laws .icon {
    background: url("../img/icons/checkinatwork/icon-laws-160.png") no-repeat center;
    background-size: 80px; }

  .solutions section.installation .icon {
    background: url("../img/icons/installation-120.png") no-repeat center;
    background-size: 60px; }
  .solutions.presences section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/localisation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.presences section.advantages ul li.historic .icon {
    background: url("../img/icons/solutions-advantages/duree-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.presences section.advantages ul li.planning .icon {
    background: url("../img/icons/solutions-advantages/planning-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.presences section.advantages ul li.personnel .icon {
    background: url("../img/icons/solutions-advantages/gestion-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.dispatching .icon {
    background: url("../img/icons/solutions-advantages/dispatching-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.inventory .icon {
    background: url("../img/icons/solutions-advantages/simplification-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/geolocalisation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.historic .icon {
    background: url("../img/icons/solutions-advantages/suivi-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.activities section.advantages ul li.transfer .icon {
    background: url("../img/icons/solutions-advantages/transfer-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.equipment .icon {
    background: url("../img/icons/solutions-advantages/liste-equipement-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.usage .icon {
    background: url("../img/icons/solutions-advantages/suivi-utilisation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.supervision .icon {
    background: url("../img/icons/solutions-advantages/supervision-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.localisation .icon {
    background: url("../img/icons/solutions-advantages/localisation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.alert .icon {
    background: url("../img/icons/solutions-advantages/alerte-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.equipment section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.procedures section.advantages ul li.procedures .icon {
    background: url("../img/icons/solutions-advantages/aide-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.procedures section.advantages ul li.planning .icon {
    background: url("../img/icons/solutions-advantages/organisation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.procedures section.advantages ul li.tasks .icon {
    background: url("../img/icons/solutions-advantages/creation-190.png") no-repeat center;
    background-size: 95px; }
  .solutions.procedures section.advantages ul li.smart .icon {
    background: url("../img/icons/solutions-advantages/proposition-190.png") no-repeat center;
    background-size: 95px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.reports .icon {
    background: url("../img/icons/solutions-func/rapport-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.global .icon {
    background: url("../img/icons/solutions-func/vue-ensemble-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.localisation-personne .icon {
    background: url("../img/icons/solutions-func/localisation-personne-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.assignation .icon {
    background: url("../img/icons/solutions-func/assignation-instantanee-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.planning .icon {
    background: url("../img/icons/solutions-func/planning-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.localisation .icon {
    background: url("../img/icons/solutions-func/localisation-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.transfer .icon {
    background: url("../img/icons/solutions-func/transfer-connaissance-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.library .icon {
    background: url("../img/icons/solutions-func/biblio-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.historic .icon {
    background: url("../img/icons/solutions-func/history-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.alert .icon {
    background: url("../img/icons/solutions-func/alertes-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.tasks .icon {
    background: url("../img/icons/solutions-func/tache-auto-156.png") no-repeat center;
    background-size: 78px; }
  .solutions section.functionnalities .functionnalities-slider .functionnality.listing .icon {
    background: url("../img/icons/solutions-func/recensement-156.png") no-repeat center;
    background-size: 78px; }

  main.functionnalities section.functionnalities-list ul.funcs li.planification .icon {
    background: url("../img/icons/home-func/icon-planification-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.contact .icon {
    background: url("../img/icons/home-func/icon-contact-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.presences .icon {
    background: url("../img/icons/home-func/icon-presence-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.interventions .icon {
    background: url("../img/icons/home-func/icon-intervention-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.communication .icon {
    background: url("../img/icons/home-func/icon-communication-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.global .icon {
    background: url("../img/icons/home-func/icon-personnel-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.securisation .icon {
    background: url("../img/icons/home-func/icon-mouvement-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.inventory .icon {
    background: url("../img/icons/home-func/icon-rapport-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.monitoring .icon {
    background: url("../img/icons/home-func/icon-monitoring-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.localisation .icon {
    background: url("../img/icons/home-func/icon-localisation-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.tasks .icon {
    background: url("../img/icons/home-func/tache-auto-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.procedures .icon {
    background: url("../img/icons/home-func/icon-procedure-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.suggestion .icon {
    background: url("../img/icons/home-func/icon-operation-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.bridage .icon {
    background: url("../img/icons/home-func/icon-bridage-82.png") no-repeat center;
    background-size: 41px; }
  main.functionnalities section.functionnalities-list ul.funcs li.tags .icon {
    background: url("../img/icons/home-func/icon-smarttag-82.png") no-repeat center;
    background-size: 41px; }

  main.product.gestion section.about .about-container {
    background: url("../img/connexion-1048.png") no-repeat right bottom;
    background-size: 400px; }
  main.product.gestion section.specificities .specificities-container > div .spec.global .content .icon {
    background: url("../img/icons/products/gestion/globale-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.location .content .icon {
    background: url("../img/icons/products/gestion/localisation-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.assignation .content .icon {
    background: url("../img/icons/products/gestion/assignation-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.reports .content .icon {
    background: url("../img/icons/products/gestion/rapports-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.alerts .content .icon {
    background: url("../img/icons/products/gestion/alertes-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.library .content .icon {
    background: url("../img/icons/products/gestion/biblio-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.planning .content .icon {
    background: url("../img/icons/products/gestion/planning-90.png") no-repeat center;
    background-size: 39px; }
  main.product.gestion section.specificities .specificities-container > div .spec.knowledge .content .icon {
    background: url("../img/icons/products/gestion/connaissance-90.png") no-repeat center;
    background-size: 39px; }
  main.product section.specificities .specificities-container ul li.android .icon {
    background: url("../img/icons/products/android-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.android p:hover .icon, main.product section.specificities .specificities-container ul li.android p.hover .icon {
    background: url("../img/icons/products/android-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.tasks .icon {
    background: url("../img/icons/products/tache-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.tasks p:hover .icon, main.product section.specificities .specificities-container ul li.tasks p.hover .icon {
    background: url("../img/icons/products/tache-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.history .icon {
    background: url("../img/icons/products/historique-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.history p:hover .icon, main.product section.specificities .specificities-container ul li.history p.hover .icon {
    background: url("../img/icons/products/historique-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.discussion .icon {
    background: url("../img/icons/products/discussion-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.discussion p:hover .icon, main.product section.specificities .specificities-container ul li.discussion p.hover .icon {
    background: url("../img/icons/products/discussion-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.photo .icon {
    background: url("../img/icons/products/photos-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.photo p:hover .icon, main.product section.specificities .specificities-container ul li.photo p.hover .icon {
    background: url("../img/icons/products/photos-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.document .icon {
    background: url("../img/icons/products/documents-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.document p:hover .icon, main.product section.specificities .specificities-container ul li.document p.hover .icon {
    background: url("../img/icons/products/documents-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.qr .icon {
    background: url("../img/icons/products/qr-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.qr p:hover .icon, main.product section.specificities .specificities-container ul li.qr p.hover .icon {
    background: url("../img/icons/products/qr-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.inventory .icon {
    background: url("../img/icons/products/inventaire-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.inventory p:hover .icon, main.product section.specificities .specificities-container ul li.inventory p.hover .icon {
    background: url("../img/icons/products/inventaire-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.adapte .icon {
    background: url("../img/icons/products/adapte-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.adapte p:hover .icon, main.product section.specificities .specificities-container ul li.adapte p.hover .icon {
    background: url("../img/icons/products/adapte-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.fixe .icon {
    background: url("../img/icons/products/fixe-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.fixe p:hover .icon, main.product section.specificities .specificities-container ul li.fixe p.hover .icon {
    background: url("../img/icons/products/fixe-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.wall .icon {
    background: url("../img/icons/products/wall-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.wall p:hover .icon, main.product section.specificities .specificities-container ul li.wall p.hover .icon {
    background: url("../img/icons/products/wall-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.retire .icon {
    background: url("../img/icons/products/retire-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.retire p:hover .icon, main.product section.specificities .specificities-container ul li.retire p.hover .icon {
    background: url("../img/icons/products/retire-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.installation .icon {
    background: url("../img/icons/products/installation-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.installation p:hover .icon, main.product section.specificities .specificities-container ul li.installation p.hover .icon {
    background: url("../img/icons/products/installation-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.simple .icon {
    background: url("../img/icons/products/simple-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.simple p:hover .icon, main.product section.specificities .specificities-container ul li.simple p.hover .icon {
    background: url("../img/icons/products/simple-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.battery .icon {
    background: url("../img/icons/products/raccordement-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.battery p:hover .icon, main.product section.specificities .specificities-container ul li.battery p.hover .icon {
    background: url("../img/icons/products/raccordement-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.multiple .icon {
    background: url("../img/icons/products/pointage-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.multiple p:hover .icon, main.product section.specificities .specificities-container ul li.multiple p.hover .icon {
    background: url("../img/icons/products/pointage-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.resistant .icon {
    background: url("../img/icons/products/robuste-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.resistant p:hover .icon, main.product section.specificities .specificities-container ul li.resistant p.hover .icon {
    background: url("../img/icons/products/robuste-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.water .icon {
    background: url("../img/icons/products/eau-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.water p:hover .icon, main.product section.specificities .specificities-container ul li.water p.hover .icon {
    background: url("../img/icons/products/eau-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }
  main.product section.specificities .specificities-container ul li.transport .icon {
    background: url("../img/icons/products/transport-90.png") no-repeat center;
    background-size: 45px; }
  main.product section.specificities .specificities-container ul li.transport p:hover .icon, main.product section.specificities .specificities-container ul li.transport p.hover .icon {
    background: url("../img/icons/products/transport-hover-90.png") no-repeat center;
    background-size: 45px;
    background-color: #212850; }

  main.sectors section.sectors-list > ul li .icon.construction {
    background: url("../img/icons/sectors/construction-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.companies {
    background: url("../img/icons/sectors/entreprises-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.publics {
    background: url("../img/icons/sectors/public-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.technic {
    background: url("../img/icons/sectors/technique-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.industry {
    background: url("../img/icons/sectors/industrie-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.transport {
    background: url("../img/icons/sectors/transport-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.person {
    background: url("../img/icons/sectors/personnes-180.png") no-repeat center;
    background-size: 90px; }
  main.sectors section.sectors-list > ul li .icon.meat {
    background: url("../img/icons/sectors/viande-180.png") no-repeat center;
    background-size: 90px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 943px) {
  main.product.gestion section.about .about-container {
    background: url("../img/connexion-1048.png") no-repeat center bottom;
    background-size: 400px; } }