@charset "UTF-8";
/* Colors */
/* Fonts */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-family: "Arimo", sans-serif;
  -webkit-font-smoothing: antialiased; }

body {
  position: relative;
  overflow-x: hidden;
  overflow-y: inherit;
  background: #efefef; }
  body.noscroll {
    overflow-y: hidden !important; }

section {
  background-size: cover; }

::selection {
  color: white; }

.wrapper {
  min-height: 100%;
  margin: 0 auto; }

.overflow-hidden {
  overflow: hidden; }

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none; }

/* Containers */
.container {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  position: relative; }

.wrap,
.nav-inner,
.inner {
  width: auto;
  height: auto;
  max-width: 1100px;
  position: relative;
  margin: 0 auto; }

.inner {
  padding: 80px 0; }

.inner:after,
.inner:before {
  clear: both; }

/* Background Colors */
::selection {
  background-color: #003580; }

/* remplacer loader */
#pageloader {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #efefef;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 99999; }
  #pageloader #canvas {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
@-webkit-keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100; }
  16.6666% {
    left: 0;
    width: 100%;
    z-index: 10; }
  33.33333% {
    left: 50%;
    width: 0;
    z-index: 100; }
  to {
    left: 50%;
    width: 0;
    z-index: 100; } }
@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100; }
  16.6666% {
    left: 0;
    width: 100%;
    z-index: 10; }
  33.33333% {
    left: 50%;
    width: 0;
    z-index: 100; }
  to {
    left: 50%;
    width: 0;
    z-index: 100; } }
.onlyPrint {
  display: none; }

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none; }

.relative {
  position: relative !important; }

.semibold {
  font-weight: 600; }

.uppercase {
  text-transform: uppercase; }

.wow {
  visibility: hidden; }

a {
  color: #003580; }

a:hover {
  color: #003580;
  text-decoration: underline; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

hr {
  border: none;
  border-bottom: solid 1px #000; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.left {
  float: left; }

.clear {
  clear: both; }

.floatLeft {
  margin-right: 40px !important; }

.floatRight {
  margin-left: 40px !important; }

sup {
  vertical-align: super;
  font-size: smaller; }

h1, .gros_titre,
h2, .moyen_titre,
h3, .petit_titre {
  font-size: 15px;
  font-family: "Arimo", serif;
  position: relative;
  line-height: 1.3em;
  display: inline-block;
  text-transform: uppercase; }

h1, .gros_titre {
  font-size: 25px;
  font-weight: bold; }

h2, .moyen_titre {
  font-size: 20px;
  font-weight: bold; }

h3, .petit_titre {
  font-size: 15px;
  margin: 0;
  padding: 5px 0 5px;
  font-weight: bold; }

h1, .gros_titre, .underline {
  margin-bottom: 15px;
  padding-bottom: 15px; }
  h1:after, .gros_titre:after, .underline:after {
    content: '';
    width: 76px;
    height: 1px;
    background-color: #003580;
    position: absolute;
    bottom: 0;
    left: 0; }
  h1.blanc:after, .gros_titre.blanc:after, .underline.blanc:after {
    background-color: #fff; }
  h1.noir:after, .gros_titre.noir:after, .underline.noir:after {
    background-color: #000; }

h1, .gros_titre {
  display: block; }

.center h1, .center h2, .gros_titre h1, .gros_titre h2 {
  text-align: center;
  margin: 0 auto 20px; }
  .center h1:after, .center h2:after, .gros_titre h1:after, .gros_titre h2:after {
    left: 50%;
    margin-left: -38px; }

.gros_texte {
  font-size: 17.5px;
  line-height: 1.56em; }

.bleu {
  color: #003580; }

.gris {
  color: #5b5b5b; }

.bouton,
.gros-bouton {
  background-color: transparent;
  border: 1px solid #5b5b5b;
  color: #5b5b5b;
  font-size: 11px;
  padding: 15px 18px 14px;
  line-height: 1em;
  font-weight: bold;
  letter-spacing: 0px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  text-shadow: none;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }
  .bouton a,
  .gros-bouton a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle; }
    .bouton a:hover,
    .gros-bouton a:hover {
      color: #fff;
      text-decoration: none; }
  .bouton:not([disabled]).active, .bouton:not([disabled]):hover,
  .gros-bouton:not([disabled]).active,
  .gros-bouton:not([disabled]):hover {
    background-color: #5b5b5b;
    color: #fff;
    text-decoration: none; }
  .bouton[disabled],
  .gros-bouton[disabled] {
    opacity: 0.25;
    cursor: default;
    text-decoration: none; }
  .bouton.bouton-fa,
  .gros-bouton.bouton-fa {
    padding: 5px 5px 5px;
    min-width: 38px;
    font-size: 20px !important;
    line-height: 24px; }
    .bouton.bouton-fa .fa,
    .gros-bouton.bouton-fa .fa {
      line-height: 24px;
      vertical-align: middle; }
  .bouton.gros-bouton,
  .gros-bouton.gros-bouton {
    font-size: 13px;
    padding: 20px 35px 19px; }
  .bouton.catalogue,
  .gros-bouton.catalogue {
    font-size: 15px;
    float: right;
    background-image: url("../images/icon-catalogue.png");
    background-repeat: no-repeat;
    background-position: right 18px center;
    padding-right: 55px; }
    .bouton.catalogue:hover,
    .gros-bouton.catalogue:hover {
      background-image: url("../images/icon-catalogue-hover.png"); }
  .bouton.green,
  .gros-bouton.green {
    border-color: #61BC18;
    color: #61BC18; }
    .bouton.green:not([disabled]):hover,
    .gros-bouton.green:not([disabled]):hover {
      background-color: #61BC18;
      color: #ffffff; }
    .bouton.green.invert,
    .gros-bouton.green.invert {
      border-color: #61BC18;
      background-color: #61BC18;
      color: #ffffff; }
      .bouton.green.invert:hover,
      .gros-bouton.green.invert:hover {
        background-color: #ffffff;
        color: #61BC18; }
  .bouton i,
  .gros-bouton i {
    margin-left: 10px;
    font-size: 20px; }
  .bouton.iconLeft i,
  .gros-bouton.iconLeft i {
    margin-left: 0;
    margin-right: 15px; }
  .bouton.panier,
  .gros-bouton.panier {
    position: fixed;
    right: 0;
    z-index: 9998; }
    .bouton.panier span,
    .gros-bouton.panier span {
      display: none;
      margin-left: 8px; }

.bouton-pdf,
.bouton-mail,
.bouton-print {
  background: url("../images/icon-printer.png") no-repeat;
  background-size: 16px;
  background-position: left center;
  padding-left: 24px;
  opacity: 0.75;
  color: #000; }

.bouton-mail {
  background: url("../images/icon-mail.png") no-repeat; }

.bouton-pdf {
  background: url("../images/icon-pdf.png") no-repeat; }

.file-pdf {
  text-transform: uppercase;
  font-size: 11px;
  background: url("../images/file-pdf.png") no-repeat left center;
  height: 40px;
  display: inline-block;
  padding: 4px 0; }
  .file-pdf code {
    line-height: 40px;
    padding-left: 45px; }

.puce {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  vertical-align: middle; }

input,
textarea,
a,
a h3,
button {
  -webkit-transition: all 200ms ease !important;
  -moz-transition: all 200ms ease !important;
  -ms-transition: all 200ms ease !important;
  -o-transition: all 200ms ease !important;
  transition: all 200ms ease !important; }

select, input[type="text"], input[type="password"], input[type="email"], textarea {
  padding: 10px 14px; }

select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
  border: solid 1px #003580 !important;
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

/* Positions and Floats */
.container {
  font-size: 14.5px;
  line-height: 1.6em; }
  .container .bold {
    font-weight: normal; }
  .container p {
    margin: 8px 0 1.5em; }
  .container ul {
    list-style: disc;
    margin: 0px 0; }
    .container ul li {
      margin-left: 20px;
      position: relative;
      line-height: 1.5em; }
  .container.readMore ul li, .container.generic ul li, .container.productSpecs ul li, .container.double ul li, .container.doubleBleed ul li {
    margin-left: 20px;
    position: relative;
    line-height: 1.5em; }
  .container.description {
    background: #f2f2f2; }
    .container.description > .description {
      font-size: 1em; }

.center {
  text-align: center; }

#home {
  position: relative;
  text-align: center;
  background: #003580; }

.fleche-g,
.fleche-d {
  display: block;
  margin-bottom: 30px;
  width: 23px;
  height: 25px; }

.fleche-g {
  background: url("../images/fleche-g.png") no-repeat center center; }
  .fleche-g:hover {
    background: url("../images/fleche-g-h.png") no-repeat center center; }

.fleche-d {
  background: url("../images/fleche-d.png") no-repeat center center; }
  .fleche-d:hover {
    background: url("../images/fleche-d-h.png") no-repeat center center; }

.inner.cat {
  padding: 30px 30px 60px !important; }
.inner.produit {
  padding: 30px 30px 6px !important; }
.inner.description {
  padding: 40px 30px 55px !important; }

.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="phone"],
.contactForm textarea,
.carriereForm input[type="text"],
.carriereForm input[type="email"],
.carriereForm input[type="phone"],
.carriereForm textarea {
  display: block;
  width: calc(100% - 32px);
  border-radius: 2px;
  padding: 13px 10px;
  margin: 0 0 15px;
  resize: none;
  font-size: 11px;
  font-family: "Arimo", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #003580;
  border: solid 1px #5b5b5b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left; }
  .contactForm input[type="text"].error,
  .contactForm input[type="email"].error,
  .contactForm input[type="phone"].error,
  .contactForm textarea.error,
  .carriereForm input[type="text"].error,
  .carriereForm input[type="email"].error,
  .carriereForm input[type="phone"].error,
  .carriereForm textarea.error {
    color: #e76e00;
    border-bottom-color: #e76e00; }
    .contactForm input[type="text"].error::-webkit-input-placeholder,
    .contactForm input[type="email"].error::-webkit-input-placeholder,
    .contactForm input[type="phone"].error::-webkit-input-placeholder,
    .contactForm textarea.error::-webkit-input-placeholder,
    .carriereForm input[type="text"].error::-webkit-input-placeholder,
    .carriereForm input[type="email"].error::-webkit-input-placeholder,
    .carriereForm input[type="phone"].error::-webkit-input-placeholder,
    .carriereForm textarea.error::-webkit-input-placeholder {
      color: #e76e00; }
    .contactForm input[type="text"].error:-moz-placeholder,
    .contactForm input[type="email"].error:-moz-placeholder,
    .contactForm input[type="phone"].error:-moz-placeholder,
    .contactForm textarea.error:-moz-placeholder,
    .carriereForm input[type="text"].error:-moz-placeholder,
    .carriereForm input[type="email"].error:-moz-placeholder,
    .carriereForm input[type="phone"].error:-moz-placeholder,
    .carriereForm textarea.error:-moz-placeholder {
      /* Firefox 18- */
      color: #e76e00; }
    .contactForm input[type="text"].error::-moz-placeholder,
    .contactForm input[type="email"].error::-moz-placeholder,
    .contactForm input[type="phone"].error::-moz-placeholder,
    .contactForm textarea.error::-moz-placeholder,
    .carriereForm input[type="text"].error::-moz-placeholder,
    .carriereForm input[type="email"].error::-moz-placeholder,
    .carriereForm input[type="phone"].error::-moz-placeholder,
    .carriereForm textarea.error::-moz-placeholder {
      /* Firefox 19+ */
      color: #e76e00; }
    .contactForm input[type="text"].error:-ms-input-placeholder,
    .contactForm input[type="email"].error:-ms-input-placeholder,
    .contactForm input[type="phone"].error:-ms-input-placeholder,
    .contactForm textarea.error:-ms-input-placeholder,
    .carriereForm input[type="text"].error:-ms-input-placeholder,
    .carriereForm input[type="email"].error:-ms-input-placeholder,
    .carriereForm input[type="phone"].error:-ms-input-placeholder,
    .carriereForm textarea.error:-ms-input-placeholder {
      color: #e76e00; }
  .contactForm input[type="text"]::-webkit-input-placeholder,
  .contactForm input[type="email"]::-webkit-input-placeholder,
  .contactForm input[type="phone"]::-webkit-input-placeholder,
  .contactForm textarea::-webkit-input-placeholder,
  .carriereForm input[type="text"]::-webkit-input-placeholder,
  .carriereForm input[type="email"]::-webkit-input-placeholder,
  .carriereForm input[type="phone"]::-webkit-input-placeholder,
  .carriereForm textarea::-webkit-input-placeholder {
    color: #003580;
    text-align: left; }
  .contactForm input[type="text"]:-moz-placeholder,
  .contactForm input[type="email"]:-moz-placeholder,
  .contactForm input[type="phone"]:-moz-placeholder,
  .contactForm textarea:-moz-placeholder,
  .carriereForm input[type="text"]:-moz-placeholder,
  .carriereForm input[type="email"]:-moz-placeholder,
  .carriereForm input[type="phone"]:-moz-placeholder,
  .carriereForm textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #003580;
    text-align: left; }
  .contactForm input[type="text"]::-moz-placeholder,
  .contactForm input[type="email"]::-moz-placeholder,
  .contactForm input[type="phone"]::-moz-placeholder,
  .contactForm textarea::-moz-placeholder,
  .carriereForm input[type="text"]::-moz-placeholder,
  .carriereForm input[type="email"]::-moz-placeholder,
  .carriereForm input[type="phone"]::-moz-placeholder,
  .carriereForm textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #003580;
    text-align: left; }
  .contactForm input[type="text"]:-ms-input-placeholder,
  .contactForm input[type="email"]:-ms-input-placeholder,
  .contactForm input[type="phone"]:-ms-input-placeholder,
  .contactForm textarea:-ms-input-placeholder,
  .carriereForm input[type="text"]:-ms-input-placeholder,
  .carriereForm input[type="email"]:-ms-input-placeholder,
  .carriereForm input[type="phone"]:-ms-input-placeholder,
  .carriereForm textarea:-ms-input-placeholder {
    color: #003580;
    text-align: left; }
.contactForm textarea,
.carriereForm textarea {
  height: 45px; }
.contactForm .submit-button,
.carriereForm .submit-button {
  margin-top: 15px;
  text-align: right; }
  .contactForm .submit-button h3,
  .carriereForm .submit-button h3 {
    padding: 0;
    margin-bottom: 15px;
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left; }
    .contactForm .submit-button h3 .bouton,
    .carriereForm .submit-button h3 .bouton {
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -ms-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      transition: all 200ms ease;
      margin-right: 15px; }
  .contactForm .submit-button .bouton,
  .carriereForm .submit-button .bouton {
    width: 200px !important;
    line-height: 13px;
    padding: 17.5px 0;
    font-size: 13px; }

.coordonnees > .inner {
  padding: 30px 30px 80px; }
  .coordonnees > .inner > .margin-fix {
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
    font-size: 0; }
    .coordonnees > .inner > .margin-fix li {
      display: inline-block;
      max-width: calc(100% / 3 - 20px);
      min-width: 270px;
      margin: 50px 10px 15px;
      vertical-align: top; }
      .coordonnees > .inner > .margin-fix li > .img-portrait {
        display: none;
        float: left;
        padding-right: 25px; }
      .coordonnees > .inner > .margin-fix li > .text section h2 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
        text-transform: none; }
      .coordonnees > .inner > .margin-fix li > .text section h3 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal; }
      .coordonnees > .inner > .margin-fix li > .text section a {
        margin: 0;
        padding: 0;
        font-size: 13.5px;
        font-weight: bold;
        color: #000; }
      .coordonnees > .inner > .margin-fix li > .text footer {
        text-align: left !important;
        margin-top: 20px; }
        .coordonnees > .inner > .margin-fix li > .text footer .email {
          display: inline-block;
          height: 17px;
          width: 24px;
          background: url("../images/email.png") no-repeat center center; }
          .coordonnees > .inner > .margin-fix li > .text footer .email:hover {
            background: url("../images/email-h.png") no-repeat center center; }
        .coordonnees > .inner > .margin-fix li > .text footer .linkedin {
          display: inline-block;
          height: 17px;
          width: 19px;
          margin-left: 14px;
          background: url("../images/linkedin.png") no-repeat center center; }
          .coordonnees > .inner > .margin-fix li > .text footer .linkedin:hover {
            background: url("../images/linkedin-h.png") no-repeat center center; }
  .coordonnees > .inner h1 {
    position: relative;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center; }
    .coordonnees > .inner h1 hr {
      width: 55px;
      margin: 25px auto 0;
      border: none;
      border-top: 2px solid #003580; }

/* Gestion de page */
.gestion_pages {
  margin-top: 50px; }
  .gestion_pages .bgp_contenant {
    width: 100%;
    text-align: center; }
  .gestion_pages .bgp_lien {
    background-color: transparent;
    border: solid 2px #003580;
    color: #003580;
    font-size: 15px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    border-width: 0;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease; }
    .gestion_pages .bgp_lien.bgp_page {
      border-width: 2px;
      border-left-width: 0; }
      .gestion_pages .bgp_lien.bgp_page:nth-child(2) {
        border-left-width: 2px; }
    .gestion_pages .bgp_lien:hover {
      background-color: #003580;
      color: #fff; }
      .gestion_pages .bgp_lien:hover a {
        color: #fff; }
    .gestion_pages .bgp_lien a {
      display: block;
      height: 100%;
      padding: 0 15px;
      color: #003580;
      text-decoration: none;
      background-color: transparent; }
    .gestion_pages .bgp_lien.active {
      background-color: #003580;
      color: #ffffff;
      padding: 0 15px; }
    .gestion_pages .bgp_lien.bgp_fleche {
      height: 23px; }
      .gestion_pages .bgp_lien.bgp_fleche:hover {
        opacity: 0.6; }
      .gestion_pages .bgp_lien.bgp_fleche:first-child {
        background: url(../images/fleche-gauche.png) center center no-repeat; }
      .gestion_pages .bgp_lien.bgp_fleche:last-child {
        background: url(../images/fleche-droite.png) center center no-repeat; }
      .gestion_pages .bgp_lien.bgp_fleche a {
        display: inline-block;
        width: 20px;
        height: 20px; }

/* Fix captionjs */
.captionjs {
  max-width: 100%;
  margin-bottom: 1.2em !important; }
  .captionjs img {
    max-width: 100%;
    height: auto !important; }
  .captionjs figcaption {
    border: none;
    text-align: right;
    font-style: italic;
    font-family: "Arimo", serif;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.7);
    text-transform: none;
    font-size: 12px;
    color: #000; }

.breadcrumb {
  margin-bottom: 0.5em;
  text-transform: uppercase; }
  .breadcrumb .separator {
    margin: 0 0.5em; }

.g-recaptcha {
  display: inline-block; }

/* Navigation Section */
#nav-sticky {
  width: 100%;
  top: 0;
  padding: 0;
  margin: 0;
  position: static; }

.section-BR > header.active {
  background-color: #fff; }
  .section-BR > header.active .nav-sections {
    height: auto; }

.nav-sections {
  padding: 18px 0;
  background: #fff; }
  .nav-sections .lien-section {
    display: block;
    padding: 10px 28px; }
    .nav-sections .lien-section .logos {
      position: relative;
      vertical-align: middle; }
      .nav-sections .lien-section .logos img {
        max-width: 140px;
        max-height: 70px; }
      .nav-sections .lien-section .logos .active {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0; }
      .nav-sections .lien-section .logos .inactive {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        opacity: 1; }
    .nav-sections .lien-section:hover {
      text-decoration: none;
      color: #003580; }
      .nav-sections .lien-section:hover .logos .active {
        opacity: 1; }
      .nav-sections .lien-section:hover .logos .inactive {
        opacity: 0; }

.nav-inner {
  width: 100%;
  margin: 0 auto -1px;
  padding: 0 0 0px; }

/* Mobile Nav Button */
.mobile-nav-button {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  right: 15px;
  top: 50%;
  text-align: right;
  font-size: 25px;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.mobile-nav-button:hover,
.mobile-nav-button:active {
  color: #003580; }

#main {
  min-height: 100%;
  margin: 0 0 -55px 200px;
  /* the bottom margin is the negative value of the footer's height */ }

.wrapper {
  margin: 0 auto -75px;
  /* the bottom margin is the negative value of the footer's height */ }

.logoMobile {
  background: #fff; }

header {
  width: 200px;
  height: 100%;
  background: #003580;
  color: #fff;
  position: fixed;
  top: 0;
  text-align: left;
  z-index: 1000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.15); }
  header.unfixed {
    position: absolute !important; }
    header.unfixed.unfixed-max {
      position: fixed !important; }
      header.unfixed.unfixed-max .nav-inner {
        bottom: 0;
        position: absolute; }
    header.unfixed .unfixed-logo.sticky {
      opacity: 1; }
  header .logo {
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 200px; }
    header .logo img {
      max-width: 80%;
      padding-top: 28px;
      padding-bottom: 28px; }
  header #nav-sticky-sticky-wrapper {
    position: fixed;
    top: 0;
    z-index: 9999; }
  header .zoneContact {
    margin: 60px 25px 0;
    font-family: "Arimo", serif;
    text-align: center;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.8em; }
    header .zoneContact p {
      margin: 20px 0 0; }
    header .zoneContact img {
      width: 18px; }
    header .zoneContact a {
      color: #fff; }
  header .menuTriggerBtn {
    display: inline-block;
    right: -70px;
    width: 70px;
    height: 60px;
    top: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.9) url(../images/menu-icon.png) no-repeat center center;
    z-index: 100;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
    header .menuTriggerBtn span {
      font-weight: bold;
      line-height: 60px;
      vertical-align: middle;
      text-transform: uppercase;
      padding-left: 70px;
      color: #fff;
      opacity: 0;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; }
  header a:hover *,
  header a:hover {
    text-decoration: none; }

#enteteSlideshow {
  height: calc(100vh - 360px);
  min-height: 500px;
  background: #000; }
  #enteteSlideshow ul {
    position: relative;
    margin: 0;
    padding: 0; }
  #enteteSlideshow li {
    position: absolute;
    margin: 0;
    padding: 0; }
  #enteteSlideshow li::before {
    display: none !important; }
  #enteteSlideshow .scrollMarker {
    position: relative;
    bottom: 120px;
    margin: 0 auto;
    width: 150px;
    z-index: 100;
    cursor: pointer;
    color: #fff; }
    #enteteSlideshow .scrollMarker .lineContainer {
      margin: 0 auto;
      display: block;
      height: 24px;
      width: 1px;
      overflow: hidden;
      margin-bottom: 18px; }
      #enteteSlideshow .scrollMarker .lineContainer > div {
        height: 24px;
        width: 100%;
        background: #003580;
        position: relative;
        -webkit-animation: lineMove 1s;
        /* Chrome, Safari, Opera */
        -webkit-animation-iteration-count: 9999999;
        /* Chrome, Safari, Opera */
        animation: lineMove 1s;
        animation-iteration-count: 99999999; }
@-webkit-keyframes lineMove {
  from {
    top: -24px; }
  to {
    top: 24px; } }
@keyframes lineMove {
  from {
    top: -24px; }
  to {
    top: 24px; } }
    #enteteSlideshow .scrollMarker span {
      display: block; }

.menuPrincipal > ul > li:nth-child(1) {
  border-top: solid 1px #8c9192; }

.menuPrincipal > ul > li {
  border-bottom: solid 1px #8c9192; }

.menuPrincipal {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 100%;
  display: block;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  position: relative; }
  .menuPrincipal > ul {
    display: block;
    position: relative; }
    .menuPrincipal > ul > li {
      display: block;
      margin: 0;
      padding: 0;
      position: relative; }
      .menuPrincipal > ul > li a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 0 20px 0 28px;
        font-weight: 900;
        display: inline-block;
        vertical-align: top;
        background-repeat: no-repeat; }
        .menuPrincipal > ul > li a:hover, .menuPrincipal > ul > li a:active, .menuPrincipal > ul > li a:focus {
          text-decoration: none; }
      .menuPrincipal > ul > li span {
        vertical-align: middle;
        text-align: left;
        display: inline-block;
        line-height: normal;
        /* on r├®tablit le line-height */ }
      .menuPrincipal > ul > li:hover, .menuPrincipal > ul > li.click {
        border-color: #fff !important; }
        .menuPrincipal > ul > li:hover:after, .menuPrincipal > ul > li.click:after {
          border-color: transparent transparent transparent #003580 !important; }
        .menuPrincipal > ul > li:hover a, .menuPrincipal > ul > li.click a {
          background-color: #fff;
          color: #003580;
          text-decoration: none; }
          .menuPrincipal > ul > li:hover a span, .menuPrincipal > ul > li.click a span {
            color: #003580; }
          .menuPrincipal > ul > li:hover a.btn-account, .menuPrincipal > ul > li.click a.btn-account {
            background-image: url("../images/ico-user-h.png"); }
          .menuPrincipal > ul > li:hover a.btn-cart, .menuPrincipal > ul > li.click a.btn-cart {
            background-image: url("../images/ico-cart-h.png"); }
          .menuPrincipal > ul > li:hover a.btn-logout, .menuPrincipal > ul > li.click a.btn-logout {
            background-image: url("../images/ico-cross-h.png"); }
        .menuPrincipal > ul > li:hover > ul, .menuPrincipal > ul > li.click > ul {
          left: 100%; }
      .menuPrincipal > ul > li > ul {
        z-index: -1;
        left: 0%;
        top: -1px;
        border-top: solid 1px #003580;
        border-left: solid 1px #003580;
        border-right: solid 1px #003580;
        overflow: hidden;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;
        position: absolute;
        text-align: left; }
        .menuPrincipal > ul > li > ul > li {
          border-bottom: solid 1px #003580;
          white-space: nowrap;
          padding: 0px;
          line-height: normal;
          height: auto; }
          .menuPrincipal > ul > li > ul > li > a {
            padding: 0px 15px;
            display: block;
            background: #003580;
            height: 55px;
            line-height: 55px; }
            .menuPrincipal > ul > li > ul > li > a:hover {
              background: #003580; }
              .menuPrincipal > ul > li > ul > li > a:hover span {
                color: #fff !important; }
      .menuPrincipal > ul > li.menu::after {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -5px; }

.container-Fullscreen {
  height: 100%;
  opacity: 1; }

.fullscreen {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }
  .fullscreen .titres {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 60px;
    z-index: 1000;
    pointer-events: none; }
    .fullscreen .titres * {
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      color: #fff; }
  .fullscreen.half {
    width: 50%; }

.container-Slogan {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0; }
  .container-Slogan .slogan {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    /* contexte sur le parent */
    flex-direction: column;
    /* direction d'affichage verticale */
    justify-content: center;
    /* alignement vertical */ }
    .container-Slogan .slogan .info {
      text-shadow: 0 0 30px #000;
      padding: 0 6%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .container-Slogan .slogan .info .gros_titre, .container-Slogan .slogan .info h1 {
        font-size: 50px;
        line-height: 1.1em;
        margin: 0;
        padding: 0; }
        .container-Slogan .slogan .info .gros_titre:after, .container-Slogan .slogan .info h1:after {
          display: none; }
      .container-Slogan .slogan .info .moyen_titre, .container-Slogan .slogan .info h2 {
        font-size: 25px; }

footer, .push {
  height: 75px; }

footer {
  text-align: center;
  padding: 0;
  bottom: 0;
  z-index: 9999;
  margin-left: 200px; }
  footer #contact {
    display: table;
    width: 100%; }
    footer #contact h2 {
      font-size: 40px;
      font-family: "Arimo", serif;
      text-transform: uppercase;
      position: relative;
      width: 100%;
      padding-top: 10px;
      line-height: 40px; }
      footer #contact h2:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #61bc18;
        position: absolute;
        bottom: 0;
        left: 0; }
      footer #contact h2:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #61bc18;
        position: absolute;
        top: 0;
        left: 0; }
    footer #contact .contact {
      background-color: #003580;
      color: #ffffff;
      display: table-cell;
      vertical-align: top;
      width: 36%; }
      footer #contact .contact .inner {
        padding: 100px 0;
        text-align: right;
        max-width: 366px;
        float: right; }
        footer #contact .contact .inner h2 {
          text-align: left;
          margin-bottom: 75px; }
          footer #contact .contact .inner h2:before {
            background-color: #ffffff; }
          footer #contact .contact .inner h2:after {
            background-color: #ffffff; }
        footer #contact .contact .inner .row {
          text-align: left;
          padding-right: 100px;
          line-height: 20px;
          margin-top: 35px; }
          footer #contact .contact .inner .row h3 {
            font-size: 20px;
            font-family: "Arimo", serif;
            text-transform: uppercase;
            margin: 0 0 15px;
            padding: 0; }
          footer #contact .contact .inner .row > div {
            font-size: 14px; }
            footer #contact .contact .inner .row > div strong {
              font-family: "Arimo", serif;
              margin-right: 8px; }
            footer #contact .contact .inner .row > div a {
              color: #ffffff; }
    footer #contact .formulaire {
      display: table-cell;
      vertical-align: top;
      width: 64%; }
      footer #contact .formulaire .inner {
        width: 100%;
        padding: 100px 0;
        text-align: center;
        max-width: 732px;
        float: left; }
        footer #contact .formulaire .inner h2 {
          color: #003580;
          padding-left: 50px;
          box-sizing: border-box;
          margin-bottom: 70px; }
        footer #contact .formulaire .inner form {
          padding-left: 78px;
          text-align: center; }
          footer #contact .formulaire .inner form .row {
            margin-top: 30px; }
            footer #contact .formulaire .inner form .row.message {
              margin-top: 60px; }
            footer #contact .formulaire .inner form .row textarea {
              height: 20px;
              text-align: left; }
              footer #contact .formulaire .inner form .row textarea:focus {
                height: 60px; }
  footer section:last-child {
    background: #ffffff; }
    footer section:last-child .inner {
      height: 75px;
      padding: 32px 0 0;
      box-sizing: border-box; }
  footer .bouton {
    margin-top: 10px; }
  footer > .copyright {
    width: 100%;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #8c9192;
    height: 75px; }
    footer > .copyright .inner {
      vertical-align: middle;
      text-align: center;
      padding: 0;
      opacity: 0.75;
      line-height: 75px;
      width: 100%; }
    footer > .copyright a {
      color: #ffffff; }

.arsenalLogo {
  background: url("../images/logo-aw.png") no-repeat center center;
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-right: 15px;
  vertical-align: middle;
  margin-top: -5px;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }
  .arsenalLogo:hover {
    opacity: 0.5; }

/* Bloc style */
/* ###################################
 *  Styles */
.blocSombre {
  color: #fff;
  background-color: #003580; }
  .blocSombre .gris {
    color: #9ea0a2; }
  .blocSombre a {
    color: #fff; }
  .blocSombre .gros_titre:after,
  .blocSombre h1:after {
    background-color: #fff; }
  .blocSombre select, .blocSombre input[type="text"], .blocSombre input[type="password"], .blocSombre input[type="email"], .blocSombre textarea {
    background: transparent;
    color: #fff;
    border: solid 1px #fff; }
  .blocSombre input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    -webkit-text-fill-color: #fff !important; }
  .blocSombre .bouton, .blocSombre .gros-bouton {
    background: transparent;
    border-color: #fff;
    color: #fff; }
    .blocSombre .bouton:not([disabled]):hover, .blocSombre .gros-bouton:not([disabled]):hover {
      color: #003580;
      border-color: #fff;
      background: #fff; }
    .blocSombre .bouton:not([disabled]):active, .blocSombre .gros-bouton:not([disabled]):active {
      color: #003580;
      background: #fff !important;
      border-color: #fff; }
    .blocSombre .bouton[disabled], .blocSombre .gros-bouton[disabled] {
      background: transparent !important;
      border-color: #fff !important;
      color: #fff !important;
      cursor: default; }

.fondPattern {
  background-repeat: repeat;
  background-size: auto; }

.fondPattern.fondBas {
  background-position: center bottom;
  background-size: initial;
  background-repeat: no-repeat;
  padding-bottom: 140px; }

/* ###################################
 *  Blocs de base */
.inner {
  padding: 70px 100px 55px; }

.bandeau {
  position: relative;
  padding-top: 18px;
  padding-bottom: 38px; }
  .bandeau .bandeauColor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .bandeau h1 {
    text-shadow: 0 0 30px #000;
    font-size: 35px; }

.sidePicture {
  position: relative; }
  .sidePicture h1, .sidePicture .gros_titre {
    font-size: 50px;
    text-align: left;
    font-weight: bold;
    padding: 0;
    margin: 16px 0 0;
    line-height: 1.15em; }
    .sidePicture h1:after, .sidePicture .gros_titre:after {
      display: none; }
  .sidePicture .petit_titre {
    font-size: 30px;
    font-weight: bold;
    line-height: 1em; }
  .sidePicture .foreground {
    width: 320px;
    height: 320px;
    border-radius: 320px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 !important;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0; }
  .sidePicture .inner {
    padding-bottom: 70px; }
    .sidePicture .inner > div {
      padding: 0 27% 0 0;
      position: relative; }
  .sidePicture.right {
    text-align: left !important; }
    .sidePicture.right .foreground {
      left: 0;
      right: inherit;
      background-position: center center; }
    .sidePicture.right .inner > div {
      padding: 0 0 0 50%; }
  .sidePicture.center .foreground {
    display: none; }
  .sidePicture.center .inner > div {
    padding: 0; }
  .sidePicture.presenterBig .inner {
    padding-top: 140px;
    padding-bottom: 140px; }
  .sidePicture .gros-bouton {
    padding-left: 40px;
    padding-right: 40px; }

.single {
  text-align: left; }

.frameBlanc .inner > div {
  padding: 30px 0; }
  .frameBlanc .inner > div > div,
  .frameBlanc .inner > div > h1 {
    padding: 0 30px; }

.double,
.sections {
  text-align: left; }
  .double .col,
  .sections .col {
    width: 47%;
    float: left; }
  .double .col1,
  .sections .col1 {
    margin-right: 3%; }
  .double .col2,
  .sections .col2 {
    margin-left: 3%; }

.minimal {
  position: relative; }
  .minimal .photoLegend {
    position: absolute;
    bottom: 15px;
    right: 30px;
    text-shadow: 0 0 15px #000000; }

.readMore .readMoreDetails .readMoreBtn {
  padding-bottom: 20px;
  text-align: center;
  cursor: pointer; }
  .readMore .readMoreDetails .readMoreBtn .line {
    border-top: solid 1px #9ea0a2;
    margin: 13px 0;
    width: 44%; }
  .readMore .readMoreDetails .readMoreBtn .left {
    float: left; }
  .readMore .readMoreDetails .readMoreBtn .right {
    float: right; }
  .readMore .readMoreDetails .readMoreBtn .more {
    width: 1px;
    height: 25px;
    width: 25px;
    position: relative;
    display: inline-block;
    text-align: center; }
    .readMore .readMoreDetails .readMoreBtn .more .moreX {
      border-bottom: solid 1px #003580;
      width: 25px;
      left: 0;
      top: 12px;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease;
      opacity: 1;
      position: absolute; }
    .readMore .readMoreDetails .readMoreBtn .more .moreY {
      height: 25px;
      left: 12px;
      top: 0px;
      border-right: solid 1px #003580;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease;
      position: absolute; }
  .readMore .readMoreDetails .readMoreBtn.active .moreX {
    opacity: 0; }
  .readMore .readMoreDetails .readMoreBtn.active .moreY {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .readMore .readMoreDetails .readMoreBtn:active {
    opacity: 0.8; }
.readMore .readMoreDetails .readMoreText {
  display: none; }

.produits {
  position: relative; }
  .produits .inner {
    padding-top: 70px;
    padding-bottom: 70px; }
  .produits .bg {
    opacity: 0.85;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .produits ul {
    text-align: left;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
    position: relative; }
    .produits ul:before, .produits ul:after {
      content: '';
      width: 1px;
      height: 100%;
      background-color: #ffffff;
      position: absolute;
      top: 0; }
    .produits ul:before {
      left: 30%; }
    .produits ul:after {
      right: 34%; }
    .produits ul li {
      width: 100%;
      display: inline-block;
      list-style: disc;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left; }
      .produits ul li:before {
        content: '\b7\a0';
        position: absolute;
        right: 100%; }

/* ###################################
 *  Blocs particuliers */
.partner {
  text-align: center;
  background-color: #8c9192; }
  .partner .inner {
    padding: 100px 0; }
  .partner h1 {
    color: #003580;
    font-family: "Arimo", serif;
    font-size: 25px;
    line-height: 25px; }
  .partner hr {
    margin: 3px 0 40px; }
  .partner #carousel {
    padding: 0 40px; }
    .partner #carousel .slick-arrow {
      width: 20px;
      height: 23px;
      position: absolute;
      top: 10px;
      cursor: pointer;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
      .partner #carousel .slick-arrow:hover {
        opacity: 0.5; }
      .partner #carousel .slick-arrow.slick-prev {
        left: 0;
        background: url(../images/fleche-gauche.png) center center no-repeat; }
      .partner #carousel .slick-arrow.slick-next {
        right: 0;
        background: url(../images/fleche-droite.png) center center no-repeat; }
    .partner #carousel a {
      padding: 0 15px;
      position: relative; }
      .partner #carousel a:hover .over {
        opacity: 1; }
    .partner #carousel img {
      max-height: 50px; }
      .partner #carousel img.over {
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: 99;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease; }

.formulaire #contactStep2,
.formulaire #carriereStep2 {
  margin: 0 auto;
  text-align: center; }
.formulaire #contactStep3,
.formulaire #carriereStep3,
.formulaire #contactMessageError,
.formulaire #carriereMessageError,
.formulaire #contactStepLoading,
.formulaire #carriereStepLoading {
  font-size: 20px;
  margin-top: 30px; }
.formulaire .loading-anim {
  font-size: 50px;
  color: #003580; }

.a-propos {
  padding: 50px 0;
  background-color: #003580; }
  .a-propos h1 {
    font-size: 40px;
    font-family: "Arimo", serif;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 12px 0 2px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 40px; }
    .a-propos h1:before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ffffff;
      position: absolute;
      bottom: 0;
      left: 0; }
    .a-propos h1:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ffffff;
      position: absolute;
      top: 0;
      left: 0; }
  .a-propos .contain {
    text-align: center; }
    .a-propos .contain p {
      margin: 5px 0 0;
      line-height: 22px; }
    .a-propos .contain .bouton {
      color: #ffffff;
      padding: 8px 26px 7px; }
      .a-propos .contain .bouton:hover {
        color: #003580;
        background-color: #ffffff; }

.generic {
  overflow: hidden; }
  .generic .entete {
    margin-top: 0;
    padding: 75px 0; }
    .generic .entete h1 {
      font-size: 40px;
      font-family: "Arimo", serif;
      text-transform: uppercase;
      position: relative;
      width: 100%;
      padding: 12px 0 2px;
      line-height: 40px;
      color: #003580;
      text-align: center; }
      .generic .entete h1:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #003580;
        position: absolute;
        bottom: 0;
        left: 0; }
      .generic .entete h1:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #003580;
        position: absolute;
        top: 0;
        left: 0; }
  .generic .margin-fix {
    width: calc(100% + 30px);
    margin: 0 0 0 -15px; }
  .generic .col {
    float: left;
    margin: 0 15px 0; }
    .generic .col.col-2 {
      width: calc(100%/2  - 90px); }
    .generic .col.col-3 {
      width: calc(100%/3  - 90px); }
    .generic .col.col-4 {
      width: calc(100%/4  - 90px); }
    .generic .col.col-5 {
      width: calc(100%/5  - 90px); }
  .generic.mince .inner {
    padding-bottom: 0px; }

.mince {
  margin: 0 auto; }
  .mince .inner {
    max-width: 800px; }

.icones {
  padding: 40px 0; }
  .icones ul {
    width: 100%;
    text-align: center; }
    .icones ul li {
      display: block;
      float: left;
      width: calc(100% / 6);
      line-height: 28px;
      font-size: 20px; }
      .icones ul li img {
        height: 28px;
        width: auto;
        margin-right: 5px; }

.lastNews {
  padding: 42px 0 50px; }
  .lastNews.nouvelles {
    padding-bottom: 0; }
    .lastNews.nouvelles .inner {
      padding-top: 50px;
      padding-bottom: 0; }
    .lastNews.nouvelles article {
      margin-bottom: 30px; }
      .lastNews.nouvelles article:nth-child(3n+1) {
        margin-left: 0; }
  .lastNews h2 {
    font-size: 40px;
    font-family: "Arimo", serif;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 12px 0 2px;
    line-height: 40px;
    color: #003580;
    text-align: center;
    margin-bottom: 75px; }
    .lastNews h2:before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #003580;
      position: absolute;
      bottom: 0;
      left: 0; }
    .lastNews h2:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #003580;
      position: absolute;
      top: 0;
      left: 0; }

.contactForm,
.carriereForm,
.map {
  position: relative;
  display: table;
  width: 100%; }
  .contactForm #map,
  .contactForm #google-map,
  .carriereForm #map,
  .carriereForm #google-map,
  .map #map,
  .map #google-map {
    width: 100%;
    height: 250px;
    background-color: #f2f2f2;
    background-image: url("../images/map.jpg");
    background-size: cover;
    background-position: center center;
    cursor: pointer; }
  .contactForm .mapBubble,
  .carriereForm .mapBubble,
  .map .mapBubble {
    height: 1px;
    overflow: visible;
    position: relative; }
    .contactForm .mapBubble .bubbleText,
    .carriereForm .mapBubble .bubbleText,
    .map .mapBubble .bubbleText {
      background: #003580;
      color: #fff;
      padding: 15px 12px;
      width: 260px;
      position: absolute;
      bottom: -15px;
      left: 55px;
      font-size: 14px; }
    .contactForm .mapBubble .titre,
    .carriereForm .mapBubble .titre,
    .map .mapBubble .titre {
      font-size: 18px !important; }
    .contactForm .mapBubble .bubbleText:before,
    .carriereForm .mapBubble .bubbleText:before,
    .map .mapBubble .bubbleText:before {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 12px 32px 12px 0px;
      border-color: transparent #F2F2F2 transparent transparent;
      position: absolute;
      content: '';
      margin-top: -12px;
      left: -32px;
      top: 50%;
      bottom: 50%; }
    .contactForm .mapBubble .bubbleText:after,
    .carriereForm .mapBubble .bubbleText:after,
    .map .mapBubble .bubbleText:after {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 10px 30px 10px 0px;
      border-color: transparent #003580 transparent transparent;
      position: absolute;
      content: '';
      margin-top: -10px;
      left: -30px;
      top: 50%;
      bottom: 50%; }
  .contactForm tr, .contactForm td,
  .carriereForm tr,
  .carriereForm td,
  .map tr,
  .map td {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .contactForm p,
  .carriereForm p,
  .map p {
    margin: 20px 0 8px; }
  .contactForm ul,
  .carriereForm ul,
  .map ul {
    margin-bottom: 10px; }
  .contactForm .grid,
  .carriereForm .grid,
  .map .grid {
    margin-top: 40px; }
    .contactForm .grid table,
    .carriereForm .grid table,
    .map .grid table {
      margin-top: 20px; }
      .contactForm .grid table tr,
      .carriereForm .grid table tr,
      .map .grid table tr {
        margin-bottom: 17px;
        display: block; }
        .contactForm .grid table tr td,
        .carriereForm .grid table tr td,
        .map .grid table tr td {
          vertical-align: top; }
          .contactForm .grid table tr td a,
          .carriereForm .grid table tr td a,
          .map .grid table tr td a {
            color: #000;
            font-size: 15px;
            font-weight: normal;
            font-family: "Arimo", serif; }
          .contactForm .grid table tr td:first-child,
          .carriereForm .grid table tr td:first-child,
          .map .grid table tr td:first-child {
            width: 30px; }
          .contactForm .grid table tr td p,
          .carriereForm .grid table tr td p,
          .map .grid table tr td p {
            margin-left: 10px; }
      .contactForm .grid table:last-of-type tr td:nth-child(2),
      .carriereForm .grid table:last-of-type tr td:nth-child(2),
      .map .grid table:last-of-type tr td:nth-child(2) {
        width: calc(100% - 30px); }
    .contactForm .grid form,
    .carriereForm .grid form,
    .map .grid form {
      margin-top: 20px; }
      .contactForm .grid form .bouton,
      .carriereForm .grid form .bouton,
      .map .grid form .bouton {
        min-width: 125px; }

.contactForm sup,
.carriereForm sup {
  font-size: 0.7em;
  vertical-align: text-top; }
.contactForm .fields,
.carriereForm .fields {
  padding: 0px;
  margin: 0;
  list-style-type: none; }
  .contactForm .fields li,
  .carriereForm .fields li {
    padding: 0px;
    margin: 0; }
  .contactForm .fields label span,
  .carriereForm .fields label span {
    font-family: "Arimo", sans-serif;
    display: block;
    color: #003580;
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 20px 0 5px; }
  .contactForm .fields input, .contactForm .fields textarea,
  .carriereForm .fields input,
  .carriereForm .fields textarea {
    display: block;
    width: 100%;
    font-weight: bold; }
  .contactForm .fields textarea,
  .carriereForm .fields textarea {
    height: 56px;
    resize: none; }
.contactForm p,
.carriereForm p {
  margin: 0 auto;
  line-height: 1.4em; }
.contactForm .fieldButtons,
.carriereForm .fieldButtons {
  width: 80%;
  position: relative;
  margin-top: 30px; }
  .contactForm .fieldButtons .zoneCv,
  .carriereForm .fieldButtons .zoneCv {
    display: none;
    position: relative; }
    .contactForm .fieldButtons .zoneCv input,
    .carriereForm .fieldButtons .zoneCv input {
      cursor: pointer; }
    .contactForm .fieldButtons .zoneCv .fileUpload input.upload,
    .carriereForm .fieldButtons .zoneCv .fileUpload input.upload {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0); }
    .contactForm .fieldButtons .zoneCv #contactPersonneCvLabel,
    .contactForm .fieldButtons .zoneCv #carrierePersonneCvLabel,
    .carriereForm .fieldButtons .zoneCv #contactPersonneCvLabel,
    .carriereForm .fieldButtons .zoneCv #carrierePersonneCvLabel {
      margin-left: 5px;
      margin-right: 20px;
      font-style: italic; }
  .contactForm .fieldButtons .zoneSubmit,
  .carriereForm .fieldButtons .zoneSubmit {
    position: relative; }
.contactForm .securityContainer,
.carriereForm .securityContainer {
  display: inline-block;
  padding: 10px 0 40px; }
.contactForm #contactStep3,
.contactForm #carriereStep3,
.contactForm #contactMessageError,
.contactForm #carriereMessageError,
.carriereForm #contactStep3,
.carriereForm #carriereStep3,
.carriereForm #contactMessageError,
.carriereForm #carriereMessageError {
  font-size: 1.5em; }
.contactForm table .row1 .col.col2,
.carriereForm table .row1 .col.col2 {
  vertical-align: top;
  height: 40%;
  padding-right: 30px; }
.contactForm.carriereForm table,
.carriereForm.carriereForm table {
  margin-top: 0px; }
.contactForm.carriereForm .fieldButtons .zoneCv,
.carriereForm.carriereForm .fieldButtons .zoneCv {
  display: block;
  margin-bottom: 15px; }

.bannierePhoto {
  width: 100%;
  height: 480px;
  max-height: 65vh; }

.sectionsTiles h3, .sectionsTiles .petit_titre,
.sections h3,
.sections .petit_titre {
  font-size: 15.5px; }
.sectionsTiles .petit_titre,
.sections .petit_titre {
  text-transform: none; }
.sectionsTiles .secteur-blocs,
.sections .secteur-blocs {
  margin-top: 30px; }
.sectionsTiles .section,
.sections .section {
  width: calc(100% / 2 - 50px);
  float: left;
  margin: 0 25px;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease; }
  .sectionsTiles .section .icon,
  .sections .section .icon {
    width: 75px;
    height: 75px;
    border-radius: 75px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #003580;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    font-size: 0;
    text-align: center; }
    .sectionsTiles .section .icon img,
    .sections .section .icon img {
      width: 100%; }
  .sectionsTiles .section .info,
  .sections .section .info {
    width: 100%;
    float: left;
    padding-left: 100px;
    box-sizing: border-box;
    vertical-align: top;
    color: #000;
    margin-bottom: 40px; }
    .sectionsTiles .section .info h2,
    .sections .section .info h2 {
      margin: 0;
      padding: 0; }
    .sectionsTiles .section .info .texte,
    .sections .section .info .texte {
      margin: 5px 0 15px; }
  .sectionsTiles .section:hover h3, .sectionsTiles .section:hover h2,
  .sections .section:hover h3,
  .sections .section:hover h2 {
    color: #003580; }
  .sectionsTiles .section:hover .bouton,
  .sections .section:hover .bouton {
    opacity: 1; }
.sectionsTiles.sectionsTiles .section,
.sections.sectionsTiles .section {
  width: calc(100% / 2);
  padding: 0 50px;
  height: 180px;
  line-height: 180px;
  margin: 0;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden; }
  .sectionsTiles.sectionsTiles .section .background,
  .sectionsTiles.sectionsTiles .section .hover,
  .sections.sectionsTiles .section .background,
  .sections.sectionsTiles .section .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .sectionsTiles.sectionsTiles .section .hover,
  .sections.sectionsTiles .section .hover {
    opacity: 0; }
  .sectionsTiles.sectionsTiles .section .logo,
  .sections.sectionsTiles .section .logo {
    vertical-align: middle; }
  .sectionsTiles.sectionsTiles .section:hover .background,
  .sections.sectionsTiles .section:hover .background {
    opacity: 0; }
  .sectionsTiles.sectionsTiles .section:hover .hover,
  .sections.sectionsTiles .section:hover .hover {
    opacity: 0.7; }

.sections .inner {
  padding-bottom: 20px; }
  .sections .inner .contain {
    width: calc(100% + 50px);
    left: -25px;
    position: relative; }

.realisations .container-tiles {
  padding: 10px 0 0; }
.realisations .entete {
  margin-top: 58px; }
  .realisations .entete h1 {
    font-size: 40px;
    font-family: "Arimo", serif;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 12px 0 2px;
    line-height: 40px;
    color: #003580;
    text-align: center; }
    .realisations .entete h1:before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #003580;
      position: absolute;
      bottom: 0;
      left: 0; }
    .realisations .entete h1:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #003580;
      position: absolute;
      top: 0;
      left: 0; }
.realisations .zone-image,
.realisations .zone-image .image {
  height: 280px !important; }
.realisations .zone-image .image {
  cursor: pointer; }
.realisations .contain .cat-realisations {
  text-align: center;
  margin-bottom: 40px; }
  .realisations .contain .cat-realisations .cat-realisation {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    padding: 12px 12px;
    cursor: pointer; }
    .realisations .contain .cat-realisations .cat-realisation.active, .realisations .contain .cat-realisations .cat-realisation:hover {
      background-color: #003580;
      color: #ffffff; }
.realisations .contain #container-realisations .tiles-item {
  width: calc(100% / 3 - 1px);
  float: left;
  margin-left: 1px;
  margin-bottom: 1px; }
  .realisations .contain #container-realisations .tiles-item .zone-image {
    width: 100%;
    height: 275px;
    position: relative; }
    .realisations .contain #container-realisations .tiles-item .zone-image .image {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative; }
    .realisations .contain #container-realisations .tiles-item .zone-image .titre {
      opacity: 0;
      position: absolute;
      z-index: 99;
      top: 75px;
      left: 30px;
      display: block;
      width: 100%;
      max-width: 75%;
      box-sizing: border-box;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
      .realisations .contain #container-realisations .tiles-item .zone-image .titre h2 {
        font-size: 20px;
        font-family: "Arimo", serif;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 1.2em;
        position: relative;
        margin-bottom: 25px; }
        .realisations .contain #container-realisations .tiles-item .zone-image .titre h2:after {
          content: '';
          width: 100%;
          height: 1px;
          background-color: #ffffff;
          position: absolute;
          bottom: 0;
          left: 0; }
      .realisations .contain #container-realisations .tiles-item .zone-image .titre .btn {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold; }
    .realisations .contain #container-realisations .tiles-item .zone-image .categorie {
      opacity: 0;
      position: absolute;
      z-index: 99;
      bottom: 0;
      width: 100%;
      line-height: 40px;
      padding-left: 30px;
      background-color: #003580;
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      box-sizing: border-box;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
    .realisations .contain #container-realisations .tiles-item .zone-image .mask {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #003580;
      height: 100%;
      width: 100%;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
    .realisations .contain #container-realisations .tiles-item .zone-image:hover .titre {
      opacity: 1; }
    .realisations .contain #container-realisations .tiles-item .zone-image:hover .categorie {
      opacity: 1; }
    .realisations .contain #container-realisations .tiles-item .zone-image:hover .mask {
      opacity: 0.8; }
.realisations.page .entete {
  margin-top: 0;
  background-color: #8c9192;
  padding: 75px 0; }

.realisationsAll .inner {
  padding-top: 10px; }
.realisationsAll .container-tiles {
  padding-top: 0; }

.nouvelle .inner,
.realisation .inner {
  padding-top: 50px; }
.nouvelle .contain .col,
.realisation .contain .col {
  float: left;
  margin: 0; }
  .nouvelle .contain .col.col1,
  .realisation .contain .col.col1 {
    width: 65%;
    max-width: 720px;
    margin-right: 3%; }
    .nouvelle .contain .col.col1 .images .image,
    .realisation .contain .col.col1 .images .image {
      height: 400px;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover; }
    .nouvelle .contain .col.col1 .desc,
    .realisation .contain .col.col1 .desc {
      background-color: #8c9192;
      padding: 40px 40px 30px;
      line-height: 1.3em; }
      .nouvelle .contain .col.col1 .desc p,
      .realisation .contain .col.col1 .desc p {
        margin: 1em auto; }
      .nouvelle .contain .col.col1 .desc h2,
      .realisation .contain .col.col1 .desc h2 {
        font-size: 20px;
        line-height: 1em;
        font-family: "Arimo", serif;
        text-transform: uppercase;
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 6px;
        color: #003580;
        display: inline-block; }
        .nouvelle .contain .col.col1 .desc h2:after,
        .realisation .contain .col.col1 .desc h2:after {
          content: '';
          width: 100%;
          height: 1px;
          background-color: #61bc18;
          position: absolute;
          bottom: 0;
          left: 0; }
  .nouvelle .contain .col.col2,
  .realisation .contain .col.col2 {
    width: 32%;
    max-width: 345px; }
    .nouvelle .contain .col.col2 .controls div,
    .realisation .contain .col.col2 .controls div {
      width: calc(100% / 3 - (2px / 3));
      height: 40px;
      margin-left: 1px;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #8c9192;
      float: left;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
      .nouvelle .contain .col.col2 .controls div.previous,
      .realisation .contain .col.col2 .controls div.previous {
        margin-left: 0;
        background-image: url("../images/fleche-gauche-small.png"); }
      .nouvelle .contain .col.col2 .controls div.grid,
      .realisation .contain .col.col2 .controls div.grid {
        background-image: url("../images/icon-grid.png"); }
      .nouvelle .contain .col.col2 .controls div.next,
      .realisation .contain .col.col2 .controls div.next {
        background-image: url("../images/fleche-droite-small.png"); }
      .nouvelle .contain .col.col2 .controls div:hover,
      .realisation .contain .col.col2 .controls div:hover {
        background-color: #003580; }
        .nouvelle .contain .col.col2 .controls div:hover.previous,
        .realisation .contain .col.col2 .controls div:hover.previous {
          background-image: url("../images/fleche-gauche-small-blanc.png"); }
        .nouvelle .contain .col.col2 .controls div:hover.grid,
        .realisation .contain .col.col2 .controls div:hover.grid {
          background-image: url("../images/icon-grid-blanc.png"); }
        .nouvelle .contain .col.col2 .controls div:hover.next,
        .realisation .contain .col.col2 .controls div:hover.next {
          background-image: url("../images/fleche-droite-small-blanc.png"); }
    .nouvelle .contain .col.col2 .lastnews,
    .nouvelle .contain .col.col2 .spec,
    .realisation .contain .col.col2 .lastnews,
    .realisation .contain .col.col2 .spec {
      margin-top: 35px;
      display: block; }
      .nouvelle .contain .col.col2 .lastnews h2,
      .nouvelle .contain .col.col2 .spec h2,
      .realisation .contain .col.col2 .lastnews h2,
      .realisation .contain .col.col2 .spec h2 {
        display: inline-block;
        font-size: 25px;
        padding: 0;
        font-family: "Arimo", serif;
        text-transform: uppercase;
        color: #003580;
        position: relative;
        line-height: 1em;
        padding-bottom: 3px;
        margin-bottom: 30px; }
        .nouvelle .contain .col.col2 .lastnews h2:after,
        .nouvelle .contain .col.col2 .spec h2:after,
        .realisation .contain .col.col2 .lastnews h2:after,
        .realisation .contain .col.col2 .spec h2:after {
          content: '';
          width: 100%;
          height: 1px;
          background-color: #61bc18;
          position: absolute;
          bottom: 0;
          left: 0; }
      .nouvelle .contain .col.col2 .lastnews .row,
      .nouvelle .contain .col.col2 .spec .row,
      .realisation .contain .col.col2 .lastnews .row,
      .realisation .contain .col.col2 .spec .row {
        line-height: 75px;
        margin-bottom: 1px;
        padding-left: 80px;
        background-color: #8c9192;
        font-size: 13px;
        font-weight: 600;
        position: relative; }
        .nouvelle .contain .col.col2 .lastnews .row .icon,
        .nouvelle .contain .col.col2 .spec .row .icon,
        .realisation .contain .col.col2 .lastnews .row .icon,
        .realisation .contain .col.col2 .spec .row .icon {
          width: 40px;
          height: 40px;
          background-position: center center;
          background-repeat: no-repeat;
          position: absolute;
          left: 22px;
          top: 18px; }
        .nouvelle .contain .col.col2 .lastnews .row.date,
        .nouvelle .contain .col.col2 .spec .row.date,
        .realisation .contain .col.col2 .lastnews .row.date,
        .realisation .contain .col.col2 .spec .row.date {
          font-family: "Arimo", serif;
          font-weight: bold; }
          .nouvelle .contain .col.col2 .lastnews .row.date .icon,
          .nouvelle .contain .col.col2 .spec .row.date .icon,
          .realisation .contain .col.col2 .lastnews .row.date .icon,
          .realisation .contain .col.col2 .spec .row.date .icon {
            background: url(../images/icon-calendrier-small.png) center center no-repeat; }
        .nouvelle .contain .col.col2 .lastnews .row.compagnie .icon,
        .nouvelle .contain .col.col2 .spec .row.compagnie .icon,
        .realisation .contain .col.col2 .lastnews .row.compagnie .icon,
        .realisation .contain .col.col2 .spec .row.compagnie .icon {
          background: url(../images/icon-char.png) center center no-repeat; }
        .nouvelle .contain .col.col2 .lastnews .row.equipement .icon,
        .nouvelle .contain .col.col2 .spec .row.equipement .icon,
        .realisation .contain .col.col2 .lastnews .row.equipement .icon,
        .realisation .contain .col.col2 .spec .row.equipement .icon {
          background: url(../images/icon-gear.png) center center no-repeat; }
        .nouvelle .contain .col.col2 .lastnews .row.categorie,
        .nouvelle .contain .col.col2 .spec .row.categorie,
        .realisation .contain .col.col2 .lastnews .row.categorie,
        .realisation .contain .col.col2 .spec .row.categorie {
          font-weight: bold; }
          .nouvelle .contain .col.col2 .lastnews .row.categorie .icon,
          .nouvelle .contain .col.col2 .spec .row.categorie .icon,
          .realisation .contain .col.col2 .lastnews .row.categorie .icon,
          .realisation .contain .col.col2 .spec .row.categorie .icon {
            background-color: #003580;
            border-radius: 100%;
            background-size: 46%; }
.nouvelle.nouvelle .contain .col1 > .date,
.realisation.nouvelle .contain .col1 > .date {
  height: 60px;
  background-color: #ffffff;
  border-top: 1px solid #61bc18;
  border-right: 1px solid #61bc18;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }
  .nouvelle.nouvelle .contain .col1 > .date span,
  .realisation.nouvelle .contain .col1 > .date span {
    display: inline-block;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease; }
    .nouvelle.nouvelle .contain .col1 > .date span.icon,
    .realisation.nouvelle .contain .col1 > .date span.icon {
      width: 60px;
      height: 60px;
      background: #61bc18 url(../images/icon-calendrier.png) center center no-repeat; }
    .nouvelle.nouvelle .contain .col1 > .date span.date,
    .realisation.nouvelle .contain .col1 > .date span.date {
      color: #61bc18;
      font-size: 20px;
      line-height: 60px;
      font-family: "Arimo", serif;
      vertical-align: top;
      padding-left: 20px; }
.nouvelle.nouvelle .contain .col2 .lastnews,
.realisation.nouvelle .contain .col2 .lastnews {
  margin-top: 15px; }
  .nouvelle.nouvelle .contain .col2 .lastnews article,
  .realisation.nouvelle .contain .col2 .lastnews article {
    padding: 28px 30px;
    background-color: #8c9192;
    margin-bottom: 1px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease; }
    .nouvelle.nouvelle .contain .col2 .lastnews article .image,
    .realisation.nouvelle .contain .col2 .lastnews article .image {
      height: 75px;
      width: 75px;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
      margin-right: 20px; }
    .nouvelle.nouvelle .contain .col2 .lastnews article .info,
    .realisation.nouvelle .contain .col2 .lastnews article .info {
      float: left;
      width: calc(100% - 95px); }
      .nouvelle.nouvelle .contain .col2 .lastnews article .info .date,
      .realisation.nouvelle .contain .col2 .lastnews article .info .date {
        font-size: 13px;
        font-weight: bold;
        font-family: "Arimo", serif;
        color: #61bc18;
        line-height: 20px;
        padding-left: 33px;
        background: url(../images/icon-calendrier-small-gris.png) left center no-repeat; }
      .nouvelle.nouvelle .contain .col2 .lastnews article .info .titre,
      .realisation.nouvelle .contain .col2 .lastnews article .info .titre {
        font-size: 13px;
        font-weight: bold;
        color: #003580;
        margin-top: 10px;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease; }
    .nouvelle.nouvelle .contain .col2 .lastnews article:hover,
    .realisation.nouvelle .contain .col2 .lastnews article:hover {
      background-color: transparent; }
      .nouvelle.nouvelle .contain .col2 .lastnews article:hover .info .titre,
      .realisation.nouvelle .contain .col2 .lastnews article:hover .info .titre {
        color: #61bc18; }

.tiles {
  font-size: 15px; }
  .tiles .cat-tiles {
    text-align: center;
    margin: 32px 0 42px; }
    .tiles .cat-tiles .cat-tile {
      font-size: 14px;
      font-weight: bold;
      padding: 0px 22px 0 18px;
      display: inline-block;
      text-transform: uppercase;
      cursor: pointer;
      color: #373737;
      border-right: solid 1px #373737;
      vertical-align: middle; }
      .tiles .cat-tiles .cat-tile:last-child {
        border-right: none; }
      .tiles .cat-tiles .cat-tile .logos {
        position: relative;
        vertical-align: middle; }
        .tiles .cat-tiles .cat-tile .logos img {
          max-width: 140px;
          max-height: 70px; }
        .tiles .cat-tiles .cat-tile .logos .active {
          -webkit-transition: all 500ms ease;
          -moz-transition: all 500ms ease;
          -ms-transition: all 500ms ease;
          -o-transition: all 500ms ease;
          transition: all 500ms ease;
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0; }
        .tiles .cat-tiles .cat-tile .logos .inactive {
          -webkit-transition: all 500ms ease;
          -moz-transition: all 500ms ease;
          -ms-transition: all 500ms ease;
          -o-transition: all 500ms ease;
          transition: all 500ms ease;
          opacity: 1; }
      .tiles .cat-tiles .cat-tile .titre {
        display: none; }
      .tiles .cat-tiles .cat-tile.active, .tiles .cat-tiles .cat-tile:hover {
        text-decoration: none;
        color: #003580; }
        .tiles .cat-tiles .cat-tile.active .logos .active, .tiles .cat-tiles .cat-tile:hover .logos .active {
          opacity: 1; }
        .tiles .cat-tiles .cat-tile.active .logos .inactive, .tiles .cat-tiles .cat-tile:hover .logos .inactive {
          opacity: 0; }
    .tiles .cat-tiles.cat-logos-tiles {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .tiles .cat-tiles.cat-logos-tiles .cat-tile {
        border: none;
        padding: 0;
        margin: 10px 15px; }
  .tiles .years-tiles {
    margin: 0 0 30px; }
    .tiles .years-tiles a {
      margin: 0 10px; }
  .tiles .empty {
    display: none;
    padding: 0px 0 50px; }
  .tiles .container-tiles {
    text-align: left;
    width: calc(100% + 40px);
    margin-left: -20px; }
  .tiles .tiles-item {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 2 - 40px);
    margin: 0 20px;
    background: #fff;
    text-align: left;
    margin-bottom: 30px;
    position: relative;
    /*
    &:hover {
    	.tiles-pictures {
    		.tiles-picture {
    			.image {
    				filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    				filter: gray;
    				-webkit-filter: grayscale(100%);
    				-moz-filter: grayscale(100%);
    			}
    			opacity:0.5;
    		}
    		&:after {
    			pointer-events: none;
    			content: "+";
    			width:40px;
    			height:40px;
    			line-height:40px;
    			margin-top:-20px;
    			margin-left:-20px !important;
    			font-weight:normal;
    			color:#fff;
    			font-size:2.0em;
    			border:solid 2px #fff;
    			position:absolute;
    			top:50%;
    			left: 50%;
    			margin-left: -10px;
    		}
    	}
    }
    */ }
    .tiles .tiles-item > .tiles-inner {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin: 0;
      padding: 26px 30px 11px;
      overflow: hidden;
      height: 20px;
      position: relative;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; }
      .tiles .tiles-item > .tiles-inner .date {
        line-height: 16px;
        margin-bottom: 10px; }
      .tiles .tiles-item > .tiles-inner .petit_titre {
        text-transform: uppercase; }
    .tiles .tiles-item .petit_titre {
      text-transform: none;
      display: block;
      margin: 0;
      padding: 0; }
    .tiles .tiles-item .moyen_titre {
      text-transform: none;
      font-size: 25px;
      margin-top: 10px; }
    .tiles .tiles-item .info p {
      margin: 10px 0; }
    .tiles .tiles-item .info .bouton {
      margin-bottom: 10px; }
    .tiles .tiles-item .info .text-full {
      display: none; }
    .tiles .tiles-item .info .groupe-bouton {
      width: calc(100% - 60px);
      position: relative; }
      .tiles .tiles-item .info .groupe-bouton .right {
        float: right; }
    .tiles .tiles-item dl {
      display: table;
      padding-bottom: 20px;
      line-height: 1.4em; }
      .tiles .tiles-item dl dt {
        width: 40px;
        padding-right: 20px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        line-height: 0; }
        .tiles .tiles-item dl dt img {
          height: 50%; }
      .tiles .tiles-item dl dd {
        vertical-align: middle;
        display: table-cell; }
    .tiles .tiles-item .tiles-pictures {
      position: relative;
      height: inherit !important; }
      .tiles .tiles-item .tiles-pictures .tiles-picture {
        width: 100%;
        height: 250px;
        line-height: 250px;
        text-align: center;
        margin: 0 auto;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
        background-color: #e7e7e7;
        background-repeat: no-repeat;
        background-image: url("../images/logo.png");
        background-size: 136px;
        background-position: center;
        overflow: hidden;
        position: relative; }
        .tiles .tiles-item .tiles-pictures .tiles-picture .image {
          min-width: 100% !important;
          height: 250px;
          background-size: cover;
          background-position: center; }
        .tiles .tiles-item .tiles-pictures .tiles-picture div {
          display: inline-block;
          vertical-align: middle;
          line-height: normal;
          /* on r├®tablit le line-height */ }
        .tiles .tiles-item .tiles-pictures .tiles-picture.genre-M {
          background-image: url("../images/placeholder_people_m.png"); }
        .tiles .tiles-item .tiles-pictures .tiles-picture.genre-F {
          background-image: url("../images/placeholder_people_f.png"); }
      .tiles .tiles-item .tiles-pictures label {
        position: absolute;
        bottom: 0;
        padding: 10px;
        width: 100%;
        left: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        letter-spacing: 3px;
        font-size: 1.4em;
        background: rgba(0, 0, 0, 0.4); }
    .tiles .tiles-item .zone-image {
      z-index: 1; }
    .tiles .tiles-item .zone-categorie {
      color: #fff;
      padding: 15px 30px; }
      .tiles .tiles-item .zone-categorie .petit_titre {
        text-transform: uppercase; }
    .tiles .tiles-item .zone-date {
      width: 75px;
      height: 105px;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
      .tiles .tiles-item .zone-date .day {
        position: relative;
        font-size: 30px;
        font-weight: bold;
        height: 75px;
        line-height: 75px;
        color: #fff;
        font-size: 30px; }
        .tiles .tiles-item .zone-date .day .icon {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 0.3;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 70%; }
      .tiles .tiles-item .zone-date .month {
        font-size: 13px;
        background-color: #fff;
        text-transform: uppercase; }
    .tiles .tiles-item .tiles-zoom-button {
      display: none; }
  .tiles #container-images-tile {
    text-align: center; }
  .tiles .nav-tile {
    text-align: right;
    position: relative;
    z-index: 9999; }
    .tiles .nav-tile li {
      margin: 20px 0 20px 13px;
      cursor: pointer;
      width: 12px;
      height: 12px;
      border-radius: 12px;
      background: #fff;
      border: solid 2px #fff;
      display: inline-block;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; }
      .tiles .nav-tile li.cycle-pager-active {
        background: transparent; }
  .tiles .tiles-zoom-button {
    display: none; }
  .tiles .bouton-nav {
    margin-top: -3px;
    padding: 0px;
    width: 41px;
    height: 41px;
    line-height: 35px;
    font-size: 25px !important; }
    .tiles .bouton-nav.bouton-left {
      float: left;
      background-image: url("../images/fleche-g.png"); }
      .tiles .bouton-nav.bouton-left:hover {
        background-image: url("../images/fleche-g-h.png"); }
    .tiles .bouton-nav.bouton-right {
      float: right;
      background-image: url("../images/fleche-d.png"); }
      .tiles .bouton-nav.bouton-right:hover {
        background-image: url("../images/fleche-d-h.png"); }
  .tiles.tiles-zoom .inner {
    padding-top: 30px; }
  .tiles.tiles-zoom .container-tiles {
    width: 100%;
    margin-left: 0px;
    text-align: center; }
    .tiles.tiles-zoom .container-tiles .tiles-item.selected {
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
      -o-transition: all 400ms ease;
      transition: all 400ms ease;
      width: 100%; }
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .bouton-show {
        display: none; }
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .text-full {
        display: block; }
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .text-intro {
        display: none; }
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .tiles-pictures .tiles-picture,
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .tiles-pictures .tiles-picture .image {
        height: 400px !important; }
  .tiles.tiles-zoom .tiles-zoom-button {
    display: block;
    width: 100%;
    margin: auto;
    text-align: right;
    margin-bottom: 30px; }

.articlesAll {
  /*
  .inner {
  	max-width: 800px;
  }
  .container-tiles {
  	width: 100%;
  	max-width: 730px;
  	margin: 0px auto;
  }*/ }
  .articlesAll .detail {
    margin: auto; }
  .articlesAll .selected {
    margin: 0px auto 40px; }

.articles .inner {
  padding-bottom: 60px; }
.articles .tiles-item > .tiles-inner {
  padding-bottom: 75px; }
  .articles .tiles-item > .tiles-inner .groupe-bouton {
    position: absolute;
    bottom: 18px;
    left: 30px; }
  .articles .tiles-item > .tiles-inner .petit_titre {
    margin: 20px 0 -10px; }
  .articles .tiles-item > .tiles-inner .info .text-intro .petit_titre {
    margin: 0;
    padding: 0; }
  .articles .tiles-item > .tiles-inner .info .text-intro p {
    margin: 10px 0; }
.articles.tiles-zoom .tiles-item > .tiles-inner {
  padding-bottom: 20px; }

.albums .tiles-item .tiles-inner {
  padding: 5px;
  text-align: center; }
.albums .tiles-item .tiles-pictures {
  cursor: pointer; }
  .albums .tiles-item .tiles-pictures .tiles-picture .image {
    background-position: center 10%; }

.produits-title .inner {
  padding-bottom: 30px; }

.produitsAll .inner {
  padding-top: 20px;
  padding-bottom: 43 px; }
.produitsAll .cat-tiles {
  margin: 28px 0 50px; }
.produitsAll .tiles-item {
  width: calc(100% - 40px); }
  .produitsAll .tiles-item .tiles-pictures {
    width: 32%;
    display: inline-block;
    vertical-align: middle;
    border-right: solid 25px #EFEFEF; }
    .produitsAll .tiles-item .tiles-pictures .tiles-picture {
      height: 240px; }
  .produitsAll .tiles-item > .tiles-inner {
    width: 58%;
    display: inline-block;
    vertical-align: middle;
    height: auto !important; }
  .produitsAll .tiles-item .bouton {
    margin-right: 15px; }
  .produitsAll .tiles-item .text {
    line-height: 1.4em; }
.produitsAll .zone-image {
  cursor: pointer; }

.produitsTiles__image {
  width: 100%;
  font-size: 0;
  line-height: 0;
  padding-bottom: 100%;
  background-color: #fff;
  position: relative; }
  .produitsTiles__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.noPadding .inner {
  padding-top: 0px;
  padding-bottom: 0px; }

.thinPadding .inner {
  padding-top: 35px;
  padding-bottom: 35px; }

/* Panier */
.panier {
  font-size: 13px; }
  .panier__qte {
    width: 100%; }
  .panier__heading {
    background-color: #E5E5E5;
    color: #4F4F4F;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px !important; }
  .panier__qte-input {
    position: relative;
    display: inline-block;
    margin-left: 10px; }
    .panier__qte-input input {
      width: 135px;
      height: 48px;
      box-sizing: border-box;
      font-size: 13px;
      font-weight: 700;
      text-align: center;
      border: 1px solid #000000;
      border-radius: 0;
      background-color: transparent; }
    .panier__qte-input input[type=number] {
      -moz-appearance: textfield; }
    .panier__qte-input input::-webkit-outer-spin-button,
    .panier__qte-input input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .panier__qte-input__control {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 15px;
      margin: auto;
      height: 20px;
      font-size: 16px;
      cursor: pointer;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
      .panier__qte-input__control:hover {
        color: #61bc18; }
      .panier__qte-input__control.right {
        right: 15px;
        left: inherit; }
  .panier__removeBtn {
    cursor: pointer;
    color: #B2B2B2;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    text-align: right;
    display: block; }
    .panier__removeBtn i {
      font-size: 20px; }
  .panier__nom-produit, .panier__cat-materiaux {
    text-transform: uppercase;
    font-weight: 700; }
  .panier__nom-cat {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    margin-top: 8px;
    display: inline-block; }
  .panier #formulaire_soumission {
    margin: 100px 0 75px; }
    .panier #formulaire_soumission h2 {
      margin-bottom: 40px; }
    .panier #formulaire_soumission .row {
      margin: -0.75rem -0.75rem -0.75rem -0.75rem; }
      .panier #formulaire_soumission .row:last-child {
        margin-top: 0; }
    .panier #formulaire_soumission .col {
      padding: 0.75rem 0.75rem 0.75rem 0.75rem; }
    .panier #formulaire_soumission .securityContainer {
      text-align: center;
      margin-bottom: 20px; }
    .panier #formulaire_soumission label input,
    .panier #formulaire_soumission label textarea {
      width: 100%;
      height: 68px;
      border: 1px solid #CCCCCC;
      font-size: 13px;
      font-weight: bold;
      color: #000000;
      font-family: "Arimo", sans-serif;
      background-color: transparent;
      padding: 10px 25px;
      box-sizing: border-box; }
      .panier #formulaire_soumission label input::placeholder,
      .panier #formulaire_soumission label textarea::placeholder {
        text-transform: uppercase;
        color: #000000; }
      .panier #formulaire_soumission label input[disabled],
      .panier #formulaire_soumission label textarea[disabled] {
        opacity: 0.5; }
      .panier #formulaire_soumission label input.error,
      .panier #formulaire_soumission label textarea.error {
        border-color: red;
        background-color: #DDD; }
    .panier #formulaire_soumission label textarea {
      padding: 25px 25px;
      height: 150px; }
    .panier #formulaire_soumission label.file span {
      text-transform: uppercase;
      margin-bottom: 3px;
      font-weight: bold;
      display: inline-block; }
    .panier #formulaire_soumission label.file input {
      height: 44px; }
    .panier #formulaire_soumission .formContainer {
      position: relative; }
      .panier #formulaire_soumission .formContainer:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #CCCCCC;
        opacity: 0;
        pointer-events: none; }

.personalisation__produitTitle {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.75; }
.personalisation__header {
  display: flex;
  align-items: center; }
  .personalisation__header__link {
    display: inline-block; }
  .personalisation__header__sep {
    margin: 0 34px;
    width: 1px;
    height: 35px;
    background-color: #4F4F4F; }
  .personalisation__header__title {
    font-size: 30px;
    margin: 0;
    padding: 0; }
    .personalisation__header__title::after {
      display: none; }
.personalisation__others {
  background-color: #E5E5E5;
  padding: 17px 90px;
  width: 100%;
  box-sizing: border-box;
  margin: 15px 0 30px;
  font-size: 0;
  line-height: 0; }
  .personalisation__others__title {
    display: flex;
    width: 100px;
    height: 100px;
    align-items: center;
    line-height: 16.9px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #4F4F4F;
    float: left;
    margin: 5px 5px; }
  .personalisation__others__item {
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin: 5px 5px;
    opacity: 0.3;
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.07));
    -webkit-transition: all 200ms ease !important;
    -moz-transition: all 200ms ease !important;
    -ms-transition: all 200ms ease !important;
    -o-transition: all 200ms ease !important;
    transition: all 200ms ease !important; }
    .personalisation__others__item img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      bottom: 0;
      margin: auto; }
    .personalisation__others__item--active {
      opacity: 1; }
    .personalisation__others__item:hover {
      opacity: 0.8;
      filter: saturate(2.2); }
.personalisation__catName {
  margin-bottom: 0; }
.personalisation__choix-materiel {
  margin: 20px 0 20px; }
  .personalisation__choix-materiel__row {
    display: block; }
    .personalisation__choix-materiel__row .control {
      display: block;
      position: relative;
      padding-left: 50px;
      margin-bottom: 18px;
      padding-top: 6px;
      cursor: pointer;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      color: #5B5B5B; }
    .personalisation__choix-materiel__row .control input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .personalisation__choix-materiel__row .control_indicator {
      position: absolute;
      top: 2px;
      left: 0;
      height: 30px;
      width: 30px;
      background: #efefef;
      border: 1px solid #5B5B5B;
      border-radius: undefinedpx; }
    .personalisation__choix-materiel__row .control:hover input ~ .control_indicator,
    .personalisation__choix-materiel__row .control input:focus ~ .control_indicator {
      background: #cccccc; }
    .personalisation__choix-materiel__row .control input:checked ~ .control_indicator {
      background: #e5e5e5;
      border-color: #61BC18; }
    .personalisation__choix-materiel__row .control:hover input:not([disabled]):checked ~ .control_indicator,
    .personalisation__choix-materiel__row .control input:checked:focus ~ .control_indicator {
      background: #e5e5e5; }
    .personalisation__choix-materiel__row .control input:disabled ~ .control_indicator {
      background: #e6e6e6;
      opacity: 0.6;
      pointer-events: none; }
    .personalisation__choix-materiel__row .control_indicator:after {
      box-sizing: unset;
      content: '';
      position: absolute;
      display: none; }
    .personalisation__choix-materiel__row .control input:checked ~ .control_indicator:after {
      display: block; }
    .personalisation__choix-materiel__row .control-radio .control_indicator {
      border-radius: 50%; }
    .personalisation__choix-materiel__row .control-radio .control_indicator:after {
      left: 3px;
      top: 3px;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      background: #61BC18;
      transition: background 250ms; }
    .personalisation__choix-materiel__row .control-radio input:disabled ~ .control_indicator:after {
      background: #7b7b7b; }
    .personalisation__choix-materiel__row .control-radio .control_indicator::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 4.5rem;
      height: 4.5rem;
      margin-left: -1.3rem;
      margin-top: -1.3rem;
      background: #2aa1c0;
      border-radius: 100%;
      opacity: 0.6;
      z-index: 99999;
      transform: scale(0); }
@keyframes s-ripple {
  0% {
    opacity: 0;
    transform: scale(0); }
  20% {
    transform: scale(1); }
  100% {
    opacity: 0.01;
    transform: scale(1); } }
@keyframes s-ripple-dup {
  0% {
    transform: scale(0); }
  30% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }
    .personalisation__choix-materiel__row .control-radio input + .control_indicator::before {
      animation: s-ripple 250ms ease-out; }
    .personalisation__choix-materiel__row .control-radio input:checked + .control_indicator::before {
      animation-name: s-ripple-dup; }
.personalisation__color-title {
  margin: 5px 0;
  font-size: 13px; }
.personalisation__link-technique {
  font-size: 13px;
  color: #5B5B5B;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-top: 15px;
  position: relative;
  clear: both;
  padding-right: 30px;
  max-width: 255px;
  line-height: 1.3em; }
  .personalisation__link-technique:after {
    content: '';
    background-image: url("../images/icon-arrow-right.png");
    width: 20px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
.personalisation .bouton-actions {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 25px; }
  .personalisation .bouton-actions .bouton-action {
    display: inline-block;
    white-space: nowrap;
    width: calc(50% - 2px); }
.personalisation .custom-groups .custom-group {
  margin-bottom: 10px;
  padding-bottom: 15px;
  position: relative; }
  .personalisation .custom-groups .custom-group:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000000;
    opacity: 0.15; }
  .personalisation .custom-groups .custom-group > .moyen_titre {
    display: block; }
  .personalisation .custom-groups .custom-group .categorie-materiel {
    vertical-align: top;
    display: inline-block;
    padding: 10px 0; }
    .personalisation .custom-groups .custom-group .categorie-materiel.hidden {
      display: none; }
    .personalisation .custom-groups .custom-group .categorie-materiel > .moyen_titre {
      display: block; }
    .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel {
      display: block;
      width: 100%;
      text-align: center;
      padding: 7.5px 0;
      box-sizing: border-box;
      color: #000000;
      cursor: pointer; }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel .icon {
        position: relative; }
        .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel .icon span {
          display: inline-block;
          background-size: cover;
          width: 60px;
          height: 60px;
          border-radius: 100%;
          border: solid 2px transparent;
          background-position: center; }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel .label {
        text-align: center;
        display: inline-block;
        line-height: 1em;
        margin: 5px 0;
        padding: 0 2px;
        font-size: 13px; }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel:hover .icon span {
        border: solid 2px rgba(0, 0, 0, 0.4); }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel:active .icon span {
        margin: 4px;
        width: 52px;
        height: 52px; }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel.active .icon span {
        border: 2px solid #61BC18;
        filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25)); }
      .personalisation .custom-groups .custom-group .categorie-materiel .materiaux .materiel.active .icon:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 55%;
        width: 20px;
        height: 20px;
        background: #61BC18 url("../images/check.png") no-repeat center;
        background-size: 10px;
        border-radius: 100%; }
.personalisation__finalBtn {
  margin-top: 25px; }
.personalisation .choices {
  position: fixed;
  bottom: 0;
  left: 0;
  list-style: none; }
.personalisation__realisations {
  margin-top: 30px; }
  .personalisation__realisations__title {
    font-size: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 30px; }
  .personalisation__realisations__image {
    width: 100%;
    padding-bottom: 100%;
    line-height: 0;
    font-size: 0;
    position: relative;
    margin-bottom: 25px;
    cursor: pointer; }
    .personalisation__realisations__image img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .personalisation__realisations__image::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #61BC18;
      opacity: 0;
      -webkit-transition: all 200ms ease !important;
      -moz-transition: all 200ms ease !important;
      -ms-transition: all 200ms ease !important;
      -o-transition: all 200ms ease !important;
      transition: all 200ms ease !important; }
    .personalisation__realisations__image:hover::after {
      opacity: 0.5; }
  .personalisation__realisations__name {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px; }
  .personalisation__realisations__desc {
    font-size: 13px;
    line-height: 19.5px; }
  .personalisation__realisations__gallery {
    display: none; }
@media only screen and (max-width: 1240px) {
  .personalisation .personalisation__others__title {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 10px; }
  .personalisation .personalisation__others__item {
    width: calc((100% - 50px) / 5);
    height: 0;
    padding-bottom: calc((100% - 50px) / 5); } }
@media only screen and (max-width: 1100px) {
  .personalisation .personalisation__others {
    padding: 17px 30px; } }
@media only screen and (max-width: 1023px) {
  .personalisation .preview .start img {
    transform: none; } }
@media only screen and (max-width: 600px) {
  .personalisation .preview__close {
    top: 15px;
    right: 15px; }
  .personalisation .preview-container--zoomed {
    padding: 15px; }
  .personalisation .personalisation__others {
    padding: 17px 17px; }
    .personalisation .personalisation__others__item {
      width: calc((100% - 30px) / 3);
      padding-bottom: calc((100% - 30px) / 3); }
  .personalisation .personalisation__header__title {
    font-size: 23px; }
  .personalisation .personalisation__realisations__title {
    font-size: 23px; } }

.personalisation__preview .preview {
  position: relative;
  display: block;
  width: 100%;
  height: 33vw;
  min-height: 400px;
  max-height: 434px;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 30px;
  filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.07)); }
  .personalisation__preview .preview .layer {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 94%;
    height: 94%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    pointer-events: none; }
    .personalisation__preview .preview .layer div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .personalisation__preview .preview .layer div img {
        max-height: 100%;
        max-width: 100%; }
  .personalisation__preview .preview .start {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.4;
    padding: 150px 20px; }
    .personalisation__preview .preview .start img {
      transform: rotate(-90deg); }
  .personalisation__preview .preview__zoom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 53px;
    height: 53px;
    cursor: pointer;
    background: #61BC18 url("../images/icon-loupe.png") center center no-repeat; }
  .personalisation__preview .preview__close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 53px;
    height: 53px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 25px;
    font-weight: 700; }
  .personalisation__preview .preview-container--zoomed {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    padding: 40px;
    box-sizing: border-box; }
    .personalisation__preview .preview-container--zoomed:after {
      content: '';
      background-color: #000000;
      opacity: 0.45;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
    .personalisation__preview .preview-container--zoomed .preview__close {
      display: flex; }
  .personalisation__preview .preview.panier {
    cursor: pointer;
    height: 85px;
    width: 84px;
    min-height: 50px;
    margin: 0; }
    .personalisation__preview .preview.panier .layer {
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease;
      -ms-transition: all 250ms ease;
      -o-transition: all 250ms ease;
      transition: all 250ms ease; }
    .personalisation__preview .preview.panier:hover .layer {
      opacity: 0.5; }
    .personalisation__preview .preview.panier.preview--zoomed {
      cursor: default; }
      .personalisation__preview .preview.panier.preview--zoomed:hover .layer {
        opacity: 1; }
  .personalisation__preview .preview--zoomed {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    background-color: #ffffff; }
    .personalisation__preview .preview--zoomed .preview__zoom {
      display: none; }
@media only screen and (max-width: 1023px) {
  .personalisation__preview .preview .start img {
    transform: none; } }
@media only screen and (max-width: 600px) {
  .personalisation__preview .preview__close {
    top: 15px;
    right: 15px; }
  .personalisation__preview .preview-container--zoomed {
    padding: 15px; } }

.produitsTiles h1 {
  display: block;
  color: #1c63a9;
  margin-bottom: 0;
  padding-bottom: 0; }
  .produitsTiles h1::after {
    display: none; }
.produitsTiles h2 {
  color: #1c63a9;
  display: block;
  margin-top: 0;
  padding-top: 0; }
.produitsTiles .inner {
  max-width: 2600px; }
.produitsTiles .cat-tile {
  margin: 2em 0 0.5em;
  color: #58585a; }
.produitsTiles .cat-tiles {
  margin: 28px 0 50px; }
.produitsTiles .tiles-item {
  width: 300px;
  height: 300px;
  margin: 0 15px 30px; }
  .produitsTiles .tiles-item .tiles-pictures {
    width: 100%;
    height: 300px;
    display: inline-block;
    vertical-align: middle; }
  .produitsTiles .tiles-item:hover {
    outline: solid 3px #003580; }
.produitsTiles .zone-image {
  cursor: pointer; }
.produitsTiles .tiles-picture {
  height: 300px !important; }
  .produitsTiles .tiles-picture .image {
    height: 300px !important; }

/* GRID */
/*

Boostrap mixins

*/
.col {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--left {
    text-align: left; }
  .col--center {
    text-align: center; }
  .col--right {
    text-align: right; }
  .col--full-h {
    height: 100%; }
  .col--no-padding, .row--no-padding > .col, .grid--no-padding > .row > .col {
    padding: 0; }
  .col--no-gutters, .row--no-gutters > .col, .grid--no-gutters > .row > .col {
    padding: 0; }
  .col--no-gutters, .row--no-gutters > .col, .grid--no-gutters > .row > .col {
    padding: 0 0 0; }
  .col--medium-gutters, .row--medium-gutters > .col, .grid--medium-gutters > .row > .col {
    padding: 1rem 1.7rem 0; }
  .col--small-gutters, .row--small-gutters > .col, .grid--small-gutters > .row > .col {
    padding: 1rem 0.95rem 0; }
  .col--large-gutters, .row--large-gutters > .col, .grid--large-gutters > .row > .col {
    padding: 1rem 4rem 0; }
  .col--xlarge-gutters, .row--xlarge-gutters > .col, .grid--xlarge-gutters > .row > .col {
    padding: 1rem 6rem 0; }
    @media screen and (max-width: 1023px) {
      .col--xlarge-gutters, .row--xlarge-gutters > .col, .grid--xlarge-gutters > .row > .col {
        padding: 1rem 4rem 0; } }

@media screen and (max-width: 666px) {
  .col--large-gutters, .row--large-gutters > .col, .grid--large-gutters > .row > .col {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; } }
.grid {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  max-width: 1954px;
  width: 100%; }
  .grid--full-w {
    max-width: 100%; }
  .grid--full-h {
    height: 100%; }
  .grid--no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 100%;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: -1.5rem -1.5rem -1.5rem -1.5rem; }
  .row--center {
    align-items: center; }
  .row--full-h, .grid--full-h > .row {
    height: 100%; }
  .row--no-padding, .grid--no-padding > .row {
    margin: 0; }
  .row--no-gutters, .grid--no-gutters > .row {
    margin: 0 0; }
  .row--medium-gutters, .grid--medium-gutters > .row {
    margin: -1rem -1.7rem; }
  .row--small-gutters, .grid--small-gutters > .row {
    margin: -1rem -0.95rem; }
  .row--large-gutters, .grid--large-gutters > .row {
    margin: -1rem -4rem; }
  .row--xlarge-gutters, .grid--xlarge-gutters > .row {
    margin: -1rem -6rem; }
    @media screen and (max-width: 1023px) {
      .row--xlarge-gutters, .grid--xlarge-gutters > .row {
        margin: -1rem -4rem; } }
  .row--no-gutters, .grid--no-gutters > .row {
    margin: 0; }
  .row--internal, .grid--internal > .row {
    margin-left: 0;
    margin-right: 0; }
  .row:last-child {
    margin-bottom: -1px; }

@media screen and (max-width: 666px) {
  .row--large-gutters, .grid--large-gutters > .row {
    margin: -1.5rem -1.5rem -1.5rem -1.5rem; } }
.row--xs-top {
  align-items: flex-start; }

.row--xs-center {
  align-items: center; }

.row--xs-bottom {
  align-items: flex-end; }

.row--xs-h-left {
  justify-content: normal; }

.row--xs-h-center {
  justify-content: center; }

.row--xs-h-right {
  justify-content: flex-end; }

.row--xs-h-space-between {
  justify-content: space-between; }

.row--xs-h-space-around {
  justify-content: space-around; }

.row--xs-normal {
  flex-direction: row; }

.row--xs-reverse {
  flex-direction: row-reverse; }

.col--xs-left {
  text-align: left; }

.col--xs-center {
  text-align: center; }

.col--xs-right {
  text-align: right; }

.col--xs-justify {
  text-align: justify; }

.col--xs-align-top {
  align-self: flex-start; }

.col--xs-align-center {
  align-self: center; }

.col--xs-align-bottom {
  align-self: flex-end; }

.col--xs-first {
  order: -1; }

.col--xs-last {
  order: 1; }

.col--xs-reset {
  order: 0; }

.col--xs-flex {
  display: flex; }

.col--xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
.col--xs-1 {
  width: 8.33333%;
  flex: none; }
.col--xs-2 {
  width: 16.66667%;
  flex: none; }
.col--xs-3 {
  width: 25%;
  flex: none; }
.col--xs-4 {
  width: 33.33333%;
  flex: none; }
.col--xs-5 {
  width: 41.66667%;
  flex: none; }
.col--xs-6 {
  width: 50%;
  flex: none; }
.col--xs-7 {
  width: 58.33333%;
  flex: none; }
.col--xs-8 {
  width: 66.66667%;
  flex: none; }
.col--xs-9 {
  width: 75%;
  flex: none; }
.col--xs-10 {
  width: 83.33333%;
  flex: none; }
.col--xs-11 {
  width: 91.66667%;
  flex: none; }
.col--xs-12 {
  width: 100%;
  flex: none; }
.col--xs-offset-0 {
  margin-left: 0; }
.col--xs-offset-1 {
  margin-left: 8.33333%; }
.col--xs-offset-2 {
  margin-left: 16.66667%; }
.col--xs-offset-3 {
  margin-left: 25%; }
.col--xs-offset-4 {
  margin-left: 33.33333%; }
.col--xs-offset-5 {
  margin-left: 41.66667%; }
.col--xs-offset-6 {
  margin-left: 50%; }
.col--xs-offset-7 {
  margin-left: 58.33333%; }
.col--xs-offset-8 {
  margin-left: 66.66667%; }
.col--xs-offset-9 {
  margin-left: 75%; }
.col--xs-offset-10 {
  margin-left: 83.33333%; }
.col--xs-offset-11 {
  margin-left: 91.66667%; }
.col--xs-offset-12 {
  margin-left: 100%; }
.col--xs-20 {
  width: 20%;
  flex: none; }

@media (min-width: 414px) {
  .row--sm-top {
    align-items: flex-start; }

  .row--sm-center {
    align-items: center; }

  .row--sm-bottom {
    align-items: flex-end; }

  .row--sm-h-left {
    justify-content: normal; }

  .row--sm-h-center {
    justify-content: center; }

  .row--sm-h-right {
    justify-content: flex-end; }

  .row--sm-h-space-between {
    justify-content: space-between; }

  .row--sm-h-space-around {
    justify-content: space-around; }

  .row--sm-normal {
    flex-direction: row; }

  .row--sm-reverse {
    flex-direction: row-reverse; }

  .col--sm-left {
    text-align: left; }

  .col--sm-center {
    text-align: center; }

  .col--sm-right {
    text-align: right; }

  .col--sm-justify {
    text-align: justify; }

  .col--sm-align-top {
    align-self: flex-start; }

  .col--sm-align-center {
    align-self: center; }

  .col--sm-align-bottom {
    align-self: flex-end; }

  .col--sm-first {
    order: -1; }

  .col--sm-last {
    order: 1; }

  .col--sm-reset {
    order: 0; }

  .col--sm-flex {
    display: flex; }

  .col--sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--sm-1 {
    width: 8.33333%;
    flex: none; }
  .col--sm-2 {
    width: 16.66667%;
    flex: none; }
  .col--sm-3 {
    width: 25%;
    flex: none; }
  .col--sm-4 {
    width: 33.33333%;
    flex: none; }
  .col--sm-5 {
    width: 41.66667%;
    flex: none; }
  .col--sm-6 {
    width: 50%;
    flex: none; }
  .col--sm-7 {
    width: 58.33333%;
    flex: none; }
  .col--sm-8 {
    width: 66.66667%;
    flex: none; }
  .col--sm-9 {
    width: 75%;
    flex: none; }
  .col--sm-10 {
    width: 83.33333%;
    flex: none; }
  .col--sm-11 {
    width: 91.66667%;
    flex: none; }
  .col--sm-12 {
    width: 100%;
    flex: none; }
  .col--sm-offset-0 {
    margin-left: 0; }
  .col--sm-offset-1 {
    margin-left: 8.33333%; }
  .col--sm-offset-2 {
    margin-left: 16.66667%; }
  .col--sm-offset-3 {
    margin-left: 25%; }
  .col--sm-offset-4 {
    margin-left: 33.33333%; }
  .col--sm-offset-5 {
    margin-left: 41.66667%; }
  .col--sm-offset-6 {
    margin-left: 50%; }
  .col--sm-offset-7 {
    margin-left: 58.33333%; }
  .col--sm-offset-8 {
    margin-left: 66.66667%; }
  .col--sm-offset-9 {
    margin-left: 75%; }
  .col--sm-offset-10 {
    margin-left: 83.33333%; }
  .col--sm-offset-11 {
    margin-left: 91.66667%; }
  .col--sm-offset-12 {
    margin-left: 100%; }
  .col--sm-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 667px) {
  .row--md-top {
    align-items: flex-start; }

  .row--md-center {
    align-items: center; }

  .row--md-bottom {
    align-items: flex-end; }

  .row--md-h-left {
    justify-content: normal; }

  .row--md-h-center {
    justify-content: center; }

  .row--md-h-right {
    justify-content: flex-end; }

  .row--md-h-space-between {
    justify-content: space-between; }

  .row--md-h-space-around {
    justify-content: space-around; }

  .row--md-normal {
    flex-direction: row; }

  .row--md-reverse {
    flex-direction: row-reverse; }

  .col--md-left {
    text-align: left; }

  .col--md-center {
    text-align: center; }

  .col--md-right {
    text-align: right; }

  .col--md-justify {
    text-align: justify; }

  .col--md-align-top {
    align-self: flex-start; }

  .col--md-align-center {
    align-self: center; }

  .col--md-align-bottom {
    align-self: flex-end; }

  .col--md-first {
    order: -1; }

  .col--md-last {
    order: 1; }

  .col--md-reset {
    order: 0; }

  .col--md-flex {
    display: flex; }

  .col--md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--md-1 {
    width: 8.33333%;
    flex: none; }
  .col--md-2 {
    width: 16.66667%;
    flex: none; }
  .col--md-3 {
    width: 25%;
    flex: none; }
  .col--md-4 {
    width: 33.33333%;
    flex: none; }
  .col--md-5 {
    width: 41.66667%;
    flex: none; }
  .col--md-6 {
    width: 50%;
    flex: none; }
  .col--md-7 {
    width: 58.33333%;
    flex: none; }
  .col--md-8 {
    width: 66.66667%;
    flex: none; }
  .col--md-9 {
    width: 75%;
    flex: none; }
  .col--md-10 {
    width: 83.33333%;
    flex: none; }
  .col--md-11 {
    width: 91.66667%;
    flex: none; }
  .col--md-12 {
    width: 100%;
    flex: none; }
  .col--md-offset-0 {
    margin-left: 0; }
  .col--md-offset-1 {
    margin-left: 8.33333%; }
  .col--md-offset-2 {
    margin-left: 16.66667%; }
  .col--md-offset-3 {
    margin-left: 25%; }
  .col--md-offset-4 {
    margin-left: 33.33333%; }
  .col--md-offset-5 {
    margin-left: 41.66667%; }
  .col--md-offset-6 {
    margin-left: 50%; }
  .col--md-offset-7 {
    margin-left: 58.33333%; }
  .col--md-offset-8 {
    margin-left: 66.66667%; }
  .col--md-offset-9 {
    margin-left: 75%; }
  .col--md-offset-10 {
    margin-left: 83.33333%; }
  .col--md-offset-11 {
    margin-left: 91.66667%; }
  .col--md-offset-12 {
    margin-left: 100%; }
  .col--md-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 768px) {
  .row--lg-top {
    align-items: flex-start; }

  .row--lg-center {
    align-items: center; }

  .row--lg-bottom {
    align-items: flex-end; }

  .row--lg-h-left {
    justify-content: normal; }

  .row--lg-h-center {
    justify-content: center; }

  .row--lg-h-right {
    justify-content: flex-end; }

  .row--lg-h-space-between {
    justify-content: space-between; }

  .row--lg-h-space-around {
    justify-content: space-around; }

  .row--lg-normal {
    flex-direction: row; }

  .row--lg-reverse {
    flex-direction: row-reverse; }

  .col--lg-left {
    text-align: left; }

  .col--lg-center {
    text-align: center; }

  .col--lg-right {
    text-align: right; }

  .col--lg-justify {
    text-align: justify; }

  .col--lg-align-top {
    align-self: flex-start; }

  .col--lg-align-center {
    align-self: center; }

  .col--lg-align-bottom {
    align-self: flex-end; }

  .col--lg-first {
    order: -1; }

  .col--lg-last {
    order: 1; }

  .col--lg-reset {
    order: 0; }

  .col--lg-flex {
    display: flex; }

  .col--lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--lg-1 {
    width: 8.33333%;
    flex: none; }
  .col--lg-2 {
    width: 16.66667%;
    flex: none; }
  .col--lg-3 {
    width: 25%;
    flex: none; }
  .col--lg-4 {
    width: 33.33333%;
    flex: none; }
  .col--lg-5 {
    width: 41.66667%;
    flex: none; }
  .col--lg-6 {
    width: 50%;
    flex: none; }
  .col--lg-7 {
    width: 58.33333%;
    flex: none; }
  .col--lg-8 {
    width: 66.66667%;
    flex: none; }
  .col--lg-9 {
    width: 75%;
    flex: none; }
  .col--lg-10 {
    width: 83.33333%;
    flex: none; }
  .col--lg-11 {
    width: 91.66667%;
    flex: none; }
  .col--lg-12 {
    width: 100%;
    flex: none; }
  .col--lg-offset-0 {
    margin-left: 0; }
  .col--lg-offset-1 {
    margin-left: 8.33333%; }
  .col--lg-offset-2 {
    margin-left: 16.66667%; }
  .col--lg-offset-3 {
    margin-left: 25%; }
  .col--lg-offset-4 {
    margin-left: 33.33333%; }
  .col--lg-offset-5 {
    margin-left: 41.66667%; }
  .col--lg-offset-6 {
    margin-left: 50%; }
  .col--lg-offset-7 {
    margin-left: 58.33333%; }
  .col--lg-offset-8 {
    margin-left: 66.66667%; }
  .col--lg-offset-9 {
    margin-left: 75%; }
  .col--lg-offset-10 {
    margin-left: 83.33333%; }
  .col--lg-offset-11 {
    margin-left: 91.66667%; }
  .col--lg-offset-12 {
    margin-left: 100%; }
  .col--lg-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 1024px) {
  .row--xl-top {
    align-items: flex-start; }

  .row--xl-center {
    align-items: center; }

  .row--xl-bottom {
    align-items: flex-end; }

  .row--xl-h-left {
    justify-content: normal; }

  .row--xl-h-center {
    justify-content: center; }

  .row--xl-h-right {
    justify-content: flex-end; }

  .row--xl-h-space-between {
    justify-content: space-between; }

  .row--xl-h-space-around {
    justify-content: space-around; }

  .row--xl-normal {
    flex-direction: row; }

  .row--xl-reverse {
    flex-direction: row-reverse; }

  .col--xl-left {
    text-align: left; }

  .col--xl-center {
    text-align: center; }

  .col--xl-right {
    text-align: right; }

  .col--xl-justify {
    text-align: justify; }

  .col--xl-align-top {
    align-self: flex-start; }

  .col--xl-align-center {
    align-self: center; }

  .col--xl-align-bottom {
    align-self: flex-end; }

  .col--xl-first {
    order: -1; }

  .col--xl-last {
    order: 1; }

  .col--xl-reset {
    order: 0; }

  .col--xl-flex {
    display: flex; }

  .col--xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--xl-1 {
    width: 8.33333%;
    flex: none; }
  .col--xl-2 {
    width: 16.66667%;
    flex: none; }
  .col--xl-3 {
    width: 25%;
    flex: none; }
  .col--xl-4 {
    width: 33.33333%;
    flex: none; }
  .col--xl-5 {
    width: 41.66667%;
    flex: none; }
  .col--xl-6 {
    width: 50%;
    flex: none; }
  .col--xl-7 {
    width: 58.33333%;
    flex: none; }
  .col--xl-8 {
    width: 66.66667%;
    flex: none; }
  .col--xl-9 {
    width: 75%;
    flex: none; }
  .col--xl-10 {
    width: 83.33333%;
    flex: none; }
  .col--xl-11 {
    width: 91.66667%;
    flex: none; }
  .col--xl-12 {
    width: 100%;
    flex: none; }
  .col--xl-offset-0 {
    margin-left: 0; }
  .col--xl-offset-1 {
    margin-left: 8.33333%; }
  .col--xl-offset-2 {
    margin-left: 16.66667%; }
  .col--xl-offset-3 {
    margin-left: 25%; }
  .col--xl-offset-4 {
    margin-left: 33.33333%; }
  .col--xl-offset-5 {
    margin-left: 41.66667%; }
  .col--xl-offset-6 {
    margin-left: 50%; }
  .col--xl-offset-7 {
    margin-left: 58.33333%; }
  .col--xl-offset-8 {
    margin-left: 66.66667%; }
  .col--xl-offset-9 {
    margin-left: 75%; }
  .col--xl-offset-10 {
    margin-left: 83.33333%; }
  .col--xl-offset-11 {
    margin-left: 91.66667%; }
  .col--xl-offset-12 {
    margin-left: 100%; }
  .col--xl-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 1440px) {
  .row--xl2-top {
    align-items: flex-start; }

  .row--xl2-center {
    align-items: center; }

  .row--xl2-bottom {
    align-items: flex-end; }

  .row--xl2-h-left {
    justify-content: normal; }

  .row--xl2-h-center {
    justify-content: center; }

  .row--xl2-h-right {
    justify-content: flex-end; }

  .row--xl2-h-space-between {
    justify-content: space-between; }

  .row--xl2-h-space-around {
    justify-content: space-around; }

  .row--xl2-normal {
    flex-direction: row; }

  .row--xl2-reverse {
    flex-direction: row-reverse; }

  .col--xl2-left {
    text-align: left; }

  .col--xl2-center {
    text-align: center; }

  .col--xl2-right {
    text-align: right; }

  .col--xl2-justify {
    text-align: justify; }

  .col--xl2-align-top {
    align-self: flex-start; }

  .col--xl2-align-center {
    align-self: center; }

  .col--xl2-align-bottom {
    align-self: flex-end; }

  .col--xl2-first {
    order: -1; }

  .col--xl2-last {
    order: 1; }

  .col--xl2-reset {
    order: 0; }

  .col--xl2-flex {
    display: flex; }

  .col--xl2 {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--xl2-1 {
    width: 8.33333%;
    flex: none; }
  .col--xl2-2 {
    width: 16.66667%;
    flex: none; }
  .col--xl2-3 {
    width: 25%;
    flex: none; }
  .col--xl2-4 {
    width: 33.33333%;
    flex: none; }
  .col--xl2-5 {
    width: 41.66667%;
    flex: none; }
  .col--xl2-6 {
    width: 50%;
    flex: none; }
  .col--xl2-7 {
    width: 58.33333%;
    flex: none; }
  .col--xl2-8 {
    width: 66.66667%;
    flex: none; }
  .col--xl2-9 {
    width: 75%;
    flex: none; }
  .col--xl2-10 {
    width: 83.33333%;
    flex: none; }
  .col--xl2-11 {
    width: 91.66667%;
    flex: none; }
  .col--xl2-12 {
    width: 100%;
    flex: none; }
  .col--xl2-offset-0 {
    margin-left: 0; }
  .col--xl2-offset-1 {
    margin-left: 8.33333%; }
  .col--xl2-offset-2 {
    margin-left: 16.66667%; }
  .col--xl2-offset-3 {
    margin-left: 25%; }
  .col--xl2-offset-4 {
    margin-left: 33.33333%; }
  .col--xl2-offset-5 {
    margin-left: 41.66667%; }
  .col--xl2-offset-6 {
    margin-left: 50%; }
  .col--xl2-offset-7 {
    margin-left: 58.33333%; }
  .col--xl2-offset-8 {
    margin-left: 66.66667%; }
  .col--xl2-offset-9 {
    margin-left: 75%; }
  .col--xl2-offset-10 {
    margin-left: 83.33333%; }
  .col--xl2-offset-11 {
    margin-left: 91.66667%; }
  .col--xl2-offset-12 {
    margin-left: 100%; }
  .col--xl2-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 1920px) {
  .row--hd-top {
    align-items: flex-start; }

  .row--hd-center {
    align-items: center; }

  .row--hd-bottom {
    align-items: flex-end; }

  .row--hd-h-left {
    justify-content: normal; }

  .row--hd-h-center {
    justify-content: center; }

  .row--hd-h-right {
    justify-content: flex-end; }

  .row--hd-h-space-between {
    justify-content: space-between; }

  .row--hd-h-space-around {
    justify-content: space-around; }

  .row--hd-normal {
    flex-direction: row; }

  .row--hd-reverse {
    flex-direction: row-reverse; }

  .col--hd-left {
    text-align: left; }

  .col--hd-center {
    text-align: center; }

  .col--hd-right {
    text-align: right; }

  .col--hd-justify {
    text-align: justify; }

  .col--hd-align-top {
    align-self: flex-start; }

  .col--hd-align-center {
    align-self: center; }

  .col--hd-align-bottom {
    align-self: flex-end; }

  .col--hd-first {
    order: -1; }

  .col--hd-last {
    order: 1; }

  .col--hd-reset {
    order: 0; }

  .col--hd-flex {
    display: flex; }

  .col--hd {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--hd-1 {
    width: 8.33333%;
    flex: none; }
  .col--hd-2 {
    width: 16.66667%;
    flex: none; }
  .col--hd-3 {
    width: 25%;
    flex: none; }
  .col--hd-4 {
    width: 33.33333%;
    flex: none; }
  .col--hd-5 {
    width: 41.66667%;
    flex: none; }
  .col--hd-6 {
    width: 50%;
    flex: none; }
  .col--hd-7 {
    width: 58.33333%;
    flex: none; }
  .col--hd-8 {
    width: 66.66667%;
    flex: none; }
  .col--hd-9 {
    width: 75%;
    flex: none; }
  .col--hd-10 {
    width: 83.33333%;
    flex: none; }
  .col--hd-11 {
    width: 91.66667%;
    flex: none; }
  .col--hd-12 {
    width: 100%;
    flex: none; }
  .col--hd-offset-0 {
    margin-left: 0; }
  .col--hd-offset-1 {
    margin-left: 8.33333%; }
  .col--hd-offset-2 {
    margin-left: 16.66667%; }
  .col--hd-offset-3 {
    margin-left: 25%; }
  .col--hd-offset-4 {
    margin-left: 33.33333%; }
  .col--hd-offset-5 {
    margin-left: 41.66667%; }
  .col--hd-offset-6 {
    margin-left: 50%; }
  .col--hd-offset-7 {
    margin-left: 58.33333%; }
  .col--hd-offset-8 {
    margin-left: 66.66667%; }
  .col--hd-offset-9 {
    margin-left: 75%; }
  .col--hd-offset-10 {
    margin-left: 83.33333%; }
  .col--hd-offset-11 {
    margin-left: 91.66667%; }
  .col--hd-offset-12 {
    margin-left: 100%; }
  .col--hd-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 2560px) {
  .row--wqhd-top {
    align-items: flex-start; }

  .row--wqhd-center {
    align-items: center; }

  .row--wqhd-bottom {
    align-items: flex-end; }

  .row--wqhd-h-left {
    justify-content: normal; }

  .row--wqhd-h-center {
    justify-content: center; }

  .row--wqhd-h-right {
    justify-content: flex-end; }

  .row--wqhd-h-space-between {
    justify-content: space-between; }

  .row--wqhd-h-space-around {
    justify-content: space-around; }

  .row--wqhd-normal {
    flex-direction: row; }

  .row--wqhd-reverse {
    flex-direction: row-reverse; }

  .col--wqhd-left {
    text-align: left; }

  .col--wqhd-center {
    text-align: center; }

  .col--wqhd-right {
    text-align: right; }

  .col--wqhd-justify {
    text-align: justify; }

  .col--wqhd-align-top {
    align-self: flex-start; }

  .col--wqhd-align-center {
    align-self: center; }

  .col--wqhd-align-bottom {
    align-self: flex-end; }

  .col--wqhd-first {
    order: -1; }

  .col--wqhd-last {
    order: 1; }

  .col--wqhd-reset {
    order: 0; }

  .col--wqhd-flex {
    display: flex; }

  .col--wqhd {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--wqhd-1 {
    width: 8.33333%;
    flex: none; }
  .col--wqhd-2 {
    width: 16.66667%;
    flex: none; }
  .col--wqhd-3 {
    width: 25%;
    flex: none; }
  .col--wqhd-4 {
    width: 33.33333%;
    flex: none; }
  .col--wqhd-5 {
    width: 41.66667%;
    flex: none; }
  .col--wqhd-6 {
    width: 50%;
    flex: none; }
  .col--wqhd-7 {
    width: 58.33333%;
    flex: none; }
  .col--wqhd-8 {
    width: 66.66667%;
    flex: none; }
  .col--wqhd-9 {
    width: 75%;
    flex: none; }
  .col--wqhd-10 {
    width: 83.33333%;
    flex: none; }
  .col--wqhd-11 {
    width: 91.66667%;
    flex: none; }
  .col--wqhd-12 {
    width: 100%;
    flex: none; }
  .col--wqhd-offset-0 {
    margin-left: 0; }
  .col--wqhd-offset-1 {
    margin-left: 8.33333%; }
  .col--wqhd-offset-2 {
    margin-left: 16.66667%; }
  .col--wqhd-offset-3 {
    margin-left: 25%; }
  .col--wqhd-offset-4 {
    margin-left: 33.33333%; }
  .col--wqhd-offset-5 {
    margin-left: 41.66667%; }
  .col--wqhd-offset-6 {
    margin-left: 50%; }
  .col--wqhd-offset-7 {
    margin-left: 58.33333%; }
  .col--wqhd-offset-8 {
    margin-left: 66.66667%; }
  .col--wqhd-offset-9 {
    margin-left: 75%; }
  .col--wqhd-offset-10 {
    margin-left: 83.33333%; }
  .col--wqhd-offset-11 {
    margin-left: 91.66667%; }
  .col--wqhd-offset-12 {
    margin-left: 100%; }
  .col--wqhd-20 {
    width: 20%;
    flex: none; } }
@media (min-width: 3840px) {
  .row--uhd-top {
    align-items: flex-start; }

  .row--uhd-center {
    align-items: center; }

  .row--uhd-bottom {
    align-items: flex-end; }

  .row--uhd-h-left {
    justify-content: normal; }

  .row--uhd-h-center {
    justify-content: center; }

  .row--uhd-h-right {
    justify-content: flex-end; }

  .row--uhd-h-space-between {
    justify-content: space-between; }

  .row--uhd-h-space-around {
    justify-content: space-around; }

  .row--uhd-normal {
    flex-direction: row; }

  .row--uhd-reverse {
    flex-direction: row-reverse; }

  .col--uhd-left {
    text-align: left; }

  .col--uhd-center {
    text-align: center; }

  .col--uhd-right {
    text-align: right; }

  .col--uhd-justify {
    text-align: justify; }

  .col--uhd-align-top {
    align-self: flex-start; }

  .col--uhd-align-center {
    align-self: center; }

  .col--uhd-align-bottom {
    align-self: flex-end; }

  .col--uhd-first {
    order: -1; }

  .col--uhd-last {
    order: 1; }

  .col--uhd-reset {
    order: 0; }

  .col--uhd-flex {
    display: flex; }

  .col--uhd {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .col--uhd-1 {
    width: 8.33333%;
    flex: none; }
  .col--uhd-2 {
    width: 16.66667%;
    flex: none; }
  .col--uhd-3 {
    width: 25%;
    flex: none; }
  .col--uhd-4 {
    width: 33.33333%;
    flex: none; }
  .col--uhd-5 {
    width: 41.66667%;
    flex: none; }
  .col--uhd-6 {
    width: 50%;
    flex: none; }
  .col--uhd-7 {
    width: 58.33333%;
    flex: none; }
  .col--uhd-8 {
    width: 66.66667%;
    flex: none; }
  .col--uhd-9 {
    width: 75%;
    flex: none; }
  .col--uhd-10 {
    width: 83.33333%;
    flex: none; }
  .col--uhd-11 {
    width: 91.66667%;
    flex: none; }
  .col--uhd-12 {
    width: 100%;
    flex: none; }
  .col--uhd-offset-0 {
    margin-left: 0; }
  .col--uhd-offset-1 {
    margin-left: 8.33333%; }
  .col--uhd-offset-2 {
    margin-left: 16.66667%; }
  .col--uhd-offset-3 {
    margin-left: 25%; }
  .col--uhd-offset-4 {
    margin-left: 33.33333%; }
  .col--uhd-offset-5 {
    margin-left: 41.66667%; }
  .col--uhd-offset-6 {
    margin-left: 50%; }
  .col--uhd-offset-7 {
    margin-left: 58.33333%; }
  .col--uhd-offset-8 {
    margin-left: 66.66667%; }
  .col--uhd-offset-9 {
    margin-left: 75%; }
  .col--uhd-offset-10 {
    margin-left: 83.33333%; }
  .col--uhd-offset-11 {
    margin-left: 91.66667%; }
  .col--uhd-offset-12 {
    margin-left: 100%; }
  .col--uhd-20 {
    width: 20%;
    flex: none; } }
@media only screen and (max-width: 1200px) {
  .sidePicture .inner {
    padding: 20px 40px !important; }
  .sidePicture .foreground {
    width: 230px;
    height: 230px; } }
@media only screen and (max-width: 1050px) {
  footer #contact .contact .inner {
    max-width: 275px; }
    footer #contact .contact .inner .row {
      padding-right: 20px; } }
@media only screen and (min-width: 925px) {
  .modeMobile {
    display: none !important; } }
@media only screen and (max-width: 925px) {
  .modeDesktop {
    display: none !important; }

  .modeMobile {
    display: block; }

  .sgi-ui-messages {
    padding-left: 0px !important; }

  .unfixed-logo {
    left: -412px;
    opacity: 0 !important; }

  #main {
    margin: 0 0 -55px 0; }

  .sideTitle .inner > h1,
  .sideTitle .inner > div.contain {
    width: auto;
    float: none;
    padding: 0; }

  #bandeauPage .gros_titre {
    font-size: 1.6em !important; }

  .inner {
    width: auto;
    padding: 40px 30px; }

  header {
    left: -200px; }
    header .menuPrincipal {
      padding-top: 60px; }
    header .logo {
      display: none; }
    header.click .menuTriggerBtn {
      right: 0;
      width: 100%;
      background-position: 25px center;
      background-color: transparent;
      background-image: url("../images/menu-icon-w.png"); }
      header.click .menuTriggerBtn span {
        opacity: 1; }
    header:not(.click).unfixed {
      position: fixed !important; }
      header:not(.click).unfixed .nav-inner {
        position: relative; }

  #enteteSlideshow {
    height: calc(100vh - 94px);
    max-height: calc(100vw * 0.52); }

  .slogan .info .titre {
    font-size: 30px;
    padding-right: 50px; }
  .slogan .info .sousTitre {
    font-size: 18px; }

  footer {
    margin-left: 0; }

  .generic .inner {
    padding-bottom: 50px; }
  .generic .col.col-1 {
    width: calc(100% - 30px); }
  .generic .col.col-2 {
    width: calc(100% / 2 - 90px); }
  .generic .col.col-3 {
    width: calc(100% / 3 - 90px); }
  .generic .col.col-4 {
    width: calc(100% / 3 - 90px); }
  .generic .col.col-5 {
    width: calc(100% / 3 - 90px); } }
@media only screen and (max-width: 900px) {
  .secteurs .secteur {
    width: calc(100% / 2 - 20px); }
    .secteurs .secteur:nth-child(4n) {
      margin-top: 20px;
      margin-left: 0; } }
@media only screen and (max-width: 820px) {
  .slogan .info {
    height: 220px;
    width: calc(100% - 40px);
    margin-left: 40px; }
    .slogan .info .titre {
      font-size: 30px;
      padding-right: 20px; }
    .slogan .info .sousTitre {
      font-size: 18px; }

  .lastNews article {
    width: calc(100% / 2 - 20px); }
    .lastNews article:nth-child(3n) {
      margin-top: 20px;
      margin-left: 0; }
  .lastNews.nouvelles article:nth-child(3n) {
    margin-top: 0; }
  .lastNews.nouvelles article:nth-child(4n) {
    margin-left: 30px; }

  footer #contact .contact {
    width: 100%;
    display: block; }
    footer #contact .contact .inner {
      max-width: 100%;
      float: none;
      text-align: center; }
      footer #contact .contact .inner h2 {
        text-align: center; }
      footer #contact .contact .inner .row {
        text-align: center; }
  footer #contact .formulaire {
    width: 100%;
    display: block; }
    footer #contact .formulaire .inner {
      max-width: 100%;
      float: none; }
      footer #contact .formulaire .inner h2 {
        padding-left: 0; }
      footer #contact .formulaire .inner form {
        padding-left: 0; }

  .realisations .contain #container-realisations .tiles-item {
    width: calc(100% / 2 - 1px); } }
@media only screen and (max-width: 700px) {
  .slogan .info {
    height: 280px; }
    .slogan .info .titre {
      font-size: 24px;
      padding-right: 10px; }
    .slogan .info .sousTitre {
      font-size: 16px; } }
@media only screen and (max-width: 680px) {
  .secteurs .secteur {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 20px; }
    .secteurs .secteur:first-of-type {
      margin-top: 0; } }
@media only screen and (max-width: 600px) {
  .slogan .info {
    height: 150px;
    width: calc(100% - 25px);
    margin-left: 25px; }
    .slogan .info .titre {
      line-height: 1.3em;
      background: none;
      font-size: 20px; }
    .slogan .info .sousTitre {
      font-size: 15px; }

  .sectionsTiles.sectionsTiles .section, .sections.sectionsTiles .section {
    width: 100%;
    text-align: center; }
    .sectionsTiles.sectionsTiles .section img, .sections.sectionsTiles .section img {
      max-width: 100%; }

  .sectionsTiles .section, .sections .section {
    width: calc(100% - 50px); }

  .tiles .container-tiles {
    width: 100%;
    margin-left: 0; }
  .tiles .tiles-item {
    width: 100%;
    margin: 0px auto 30px; }

  .articles .inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }

  .produits ul {
    column-count: 1; }
    .produits ul:before, .produits ul:after {
      display: none; }

  .sidePicture .foreground {
    display: none; }
  .sidePicture .inner > div {
    padding-right: 0; }
  .sidePicture .gros_titre {
    font-size: 30px; }

  .tiles .cat-tiles.cat-logos-tiles {
    display: block; }
    .tiles .cat-tiles.cat-logos-tiles .cat-tile {
      display: block; }
    .tiles .cat-tiles.cat-logos-tiles .titre {
      display: block; }
    .tiles .cat-tiles.cat-logos-tiles .logos {
      display: none; }

  #enteteSlideshow h1, #enteteSlideshow .gros_titre {
    font-size: 30px; }

  .bannierePhoto {
    max-height: 45vh; }

  .realisations .inner {
    padding-left: 15px;
    padding-right: 15px; }
  .realisations .contain #container-realisations .tiles-item {
    float: none;
    width: 100%; }

  .bandeau h1 {
    font-size: 23px; }

  .personalisation {
    overflow: hidden; }

  .breadcrumb {
    margin: 0 1em 2em;
    line-height: 1.1em; } }
@media print {
  html,
  body {
    font-family: "Arimo", sans-serif; }

  .noPrint {
    display: none !important; }

  .onlyPrint {
    display: block; }

  section.description .inner {
    padding: 0px 30px 15px !important; }
    section.description .inner p {
      margin: 8px 0px;
      font-size: 13.5px;
      line-height: 22px; }

  section.caracteristiques .inner {
    padding: 15px 30px !important; }
    section.caracteristiques .inner .liste {
      width: 62%; }
      section.caracteristiques .inner .liste > ul > li {
        margin-bottom: 4px !important; }
    section.caracteristiques .inner .cycle-slideshow {
      width: 37.5%; }

  #main {
    margin: 0; }

  #bandeauPageContainer,
  .zone-footer,
  .custom-groups,
  .tabs,
  .parallax-slider,
  .bouton-actions,
  .breadcrumb,
  .push {
    display: none !important; }

  .logoMobile .inner {
    padding: 20px; }

  body {
    background-color: transparent; }

  .inner {
    padding: 0; }

  .preview {
    margin-top: 30px;
    width: 100%;
    height: 565px !important;
    filter: none !important;
    max-height: 100% !important; }
    .preview__zoom {
      display: none; }

  .print--full-w {
    width: 100% !important; }

  #soumissionCart {
    display: none !important; } }

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