@charset "UTF-8";
/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Raleway:600,700,900");
/* Colors */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  -webkit-font-smoothing: antialiased; }

body {
  position: relative;
  overflow-x: hidden;
  overflow-y: inherit;
  background-color: #fff; }

section {
  background-size: cover;
  background-position: center; }

.margin-fix {
  margin: 0px -15px; }

.wow {
  visibility: hidden; }

::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: 1072px;
  position: relative;
  margin: 0 auto; }

.inner {
  padding: 75px 30px 65px; }

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

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

/* remplacer loader */
#pageloader {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 99999; }
  #pageloader > .loader {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    max-width: 265px;
    height: 267px; }
    #pageloader > .loader img {
      margin-top: -35px; }

.sweet-container h2:after {
  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: #004379; }

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

em {
  font-style: italic; }

strong {
  font-weight: bold; }

hr {
  border: none;
  border-bottom: 2px solid #004379;
  max-width: 100px;
  margin: 10px auto 0px 0px; }

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

.clear {
  clear: both; }

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

h1, h2, .gros_titre, .moyen_titre {
  color: #004379;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 18px; }

h1, .gros_titre {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.43px; }

h2, .moyen_titre {
  margin-bottom: 0px; }

.center h1:after, .center h2:after {
  left: 50%;
  margin-left: -15px; }

.noir, .noir * {
  color: #7BBB58 !important; }

.bleu, .bleu * {
  color: #004379 !important; }

.orange, .orange * {
  color: #008FC3 !important; }

.gris, .gris * {
  color: #888 !important; }

.grisClair, .grisClair * {
  color: #ccc !important; }

.bouton-readmore {
  position: absolute;
  display: block;
  bottom: -23px;
  left: 0px;
  right: 0px;
  width: 80px;
  padding: 9px 0px;
  line-height: 12px;
  margin: auto;
  border: 8px solid #e5ecf1;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #007398 !important;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
  background-size: 225% auto !important;
  background-position: 0 100% !important; }
  .bouton-readmore:hover, .bouton-readmore.active {
    background-position: 95% 100% !important;
    color: #fff; }
  .bouton-readmore:hover {
    text-decoration: none;
    color: #fff; }

.bouton {
  padding: 15px 30px;
  line-height: 32px;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  background: #004379;
  border-radius: 25px;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 0.31px;
  -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 img {
    margin: 0px 12px;
    vertical-align: middle; }
  .bouton.bouton-small {
    width: 150px; }
  .bouton.bouton-fb {
    padding: 0px;
    margin: 0px;
    height: 43px;
    width: 43px;
    line-height: 43px;
    border: 0px;
    background: #007398 !important;
    background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
    background-size: 225% auto !important;
    background-position: 0 100% !important; }
    .bouton.bouton-fb:hover, .bouton.bouton-fb.active {
      background-position: 95% 100% !important;
      color: #fff; }
    .bouton.bouton-fb * {
      font-size: 17px;
      color: #fff;
      vertical-align: middle; }
  .bouton.bouton-back {
    padding: 10px 23px;
    background: #007398 !important;
    background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
    background-size: 225% auto !important;
    background-position: 0 100% !important; }
    .bouton.bouton-back:hover, .bouton.bouton-back.active {
      background-position: 95% 100% !important;
      color: #fff; }
  .bouton * {
    color: #fff; }
  .bouton a {
    color: #fff;
    text-decoration: none; }
    .bouton a:hover {
      color: #fff;
      text-decoration: none; }
  .bouton:hover {
    background: #7BBB58;
    color: #fff;
    text-decoration: none; }
  .bouton[disabled] {
    opacity: 0.25;
    cursor: default; }
  .bouton code {
    line-height: 14px;
    vertical-align: bottom; }
  .bouton.btn-small {
    padding: 10px 23px; }

.bouton-carriere {
  padding: 20px 70px;
  color: #004379;
  font-size: 18px !important;
  font-weight: 600 !important; }
  .bouton-carriere:hover {
    background: #fff;
    color: #004379; }

.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;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }

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

/* Positions and Floats */
.container {
  font-size: 14px; }
  .container .bold {
    font-weight: normal; }
  .container p {
    margin: 8px 0 12px;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.31px;
    line-height: 25px; }
  .container ul {
    list-style: disc; }
    .container ul li {
      margin-left: 15px;
      position: relative;
      line-height: 27px; }
  .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: #000; }

.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; }

.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire input[type="phone"],
.formulaire textarea {
  display: block;
  width: 100%;
  padding: 14px 30px;
  margin: 0px;
  resize: none;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  border-radius: 100px;
  -webkit-font-smoothing: antialiased;
  color: #7BBB58;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0px;
  background-color: #e5ecf1; }
  .formulaire input[type="text"].error,
  .formulaire input[type="email"].error,
  .formulaire input[type="phone"].error,
  .formulaire textarea.error {
    background-color: #fbd4d4; }
  .formulaire input[type="text"]::-webkit-input-placeholder,
  .formulaire input[type="email"]::-webkit-input-placeholder,
  .formulaire input[type="phone"]::-webkit-input-placeholder,
  .formulaire textarea::-webkit-input-placeholder {
    color: #7BBB58;
    text-align: left;
    opacity: .8; }
  .formulaire input[type="text"]:-moz-placeholder,
  .formulaire input[type="email"]:-moz-placeholder,
  .formulaire input[type="phone"]:-moz-placeholder,
  .formulaire textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #7BBB58;
    text-align: left;
    opacity: .8; }
  .formulaire input[type="text"]::-moz-placeholder,
  .formulaire input[type="email"]::-moz-placeholder,
  .formulaire input[type="phone"]::-moz-placeholder,
  .formulaire textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #7BBB58;
    text-align: left;
    opacity: .8; }
  .formulaire input[type="text"]:-ms-input-placeholder,
  .formulaire input[type="email"]:-ms-input-placeholder,
  .formulaire input[type="phone"]:-ms-input-placeholder,
  .formulaire textarea:-ms-input-placeholder {
    color: #7BBB58;
    text-align: left;
    opacity: .8; }
.formulaire textarea {
  height: 45px; }
.formulaire .submit-button {
  text-align: left; }
  .formulaire .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; }
    .formulaire .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; }
  .formulaire .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 #004379; }

/* 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 #004379;
    color: #004379;
    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: #004379;
      color: #fff; }
      .gestion_pages .bgp_lien:hover a {
        color: #fff; }
    .gestion_pages .bgp_lien a {
      display: block;
      height: 100%;
      padding: 0 15px;
      color: #004379;
      text-decoration: none;
      background-color: transparent; }
    .gestion_pages .bgp_lien.active {
      background-color: #004379;
      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%; }
  .captionjs img {
    max-width: 100%;
    height: auto !important; }
  .captionjs figcaption {
    border: 0px;
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    color: #e5ecf1;
    background: #7BBB58; }

#siteContent.is-home {
  padding-top: 0; }

/* Navigation Section */
#nav-sticky {
  width: 100%;
  background-color: #fff; }

.nav-inner {
  width: auto;
  margin: 0 auto;
  padding: 0 30px; }

/* 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: #004379; }

header {
  background: #ffffff;
  height: 164px;
  top: 0;
  text-align: right;
  z-index: 101;
  width: 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;
  background: #007398;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%);
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%);
  background: linear-gradient(to right, #007398 0%, #c287ec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ); }
  header .nav-inner {
    position: relative;
    height: 164px;
    -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 .nav-inner .logo {
      display: block;
      height: 164px;
      width: 343px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("../images/logo.png"); }
      header .nav-inner .logo img {
        opacity: 0; }
  header #nav-sticky-sticky-wrapper {
    position: fixed;
    top: 0;
    z-index: 9999; }
  header.sticky {
    top: 0px; }

#enteteSlideshow {
  height: calc(100vh - 164px);
  min-height: 550px;
  background-color: #004379;
  overflow: hidden; }
  #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: #004379;
        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; }
  #enteteSlideshow .inner {
    z-index: 10;
    padding-top: 100px;
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row wrap;
    justify-content: center;
    flex-direction: column; }
    #enteteSlideshow .inner .titres h1 {
      text-align: left;
      display: block;
      font-family: "Raleway", sans-serif;
      font-weight: 700;
      font-size: 21px;
      color: #FFFFFF;
      letter-spacing: 0.43px; }
    #enteteSlideshow .inner .titres h2 {
      text-align: left;
      font-family: "Arial", "Helvetica", sans-serif;
      font-size: 50px;
      color: #FFFFFF;
      letter-spacing: 20px;
      line-height: 65px;
      text-transform: uppercase; }
    #enteteSlideshow .inner .titres hr {
      border-bottom: 2px solid #FFFFFF; }
    #enteteSlideshow .inner .footer {
      padding-top: 30px;
      position: relative; }
      #enteteSlideshow .inner .footer .pastille {
        float: left;
        width: 177px;
        height: 177px;
        font-family: "Raleway", sans-serif;
        font-size: 21px;
        color: #FFFFFF;
        letter-spacing: 0.43px;
        line-height: 25px;
        background-color: #69a55e;
        border-radius: 200px;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: row wrap;
        justify-content: center;
        flex-direction: column; }
        #enteteSlideshow .inner .footer .pastille > * {
          padding: 0px 20px;
          font-weight: 700; }
        #enteteSlideshow .inner .footer .pastille .small {
          font-size: 15px;
          color: #FFFFFF;
          letter-spacing: 0.43px; }
      #enteteSlideshow .inner .footer .vertical {
        float: left;
        height: 177px;
        margin: 0px 20px;
        text-align: left;
        line-height: 20px;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: row wrap;
        justify-content: center;
        flex-direction: column; }
      #enteteSlideshow .inner .footer .mrc-logo {
        position: absolute;
        bottom: 5px;
        right: 0px; }
      #enteteSlideshow .inner .footer .peribonka-logo {
        position: absolute;
        bottom: 5px;
        right: 140px; }
  #enteteSlideshow .background-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    #enteteSlideshow .background-video video {
      position: absolute;
      top: 0%;
      left: 0%;
      right: 0%;
      bottom: 0%;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 1;
      background: url("../images/poster.png") no-repeat;
      background-size: cover;
      transition: 1s opacity;
      opacity: .65; }

.menuPrincipal {
  position: relative;
  height: 100%;
  line-height: 66px;
  display: block;
  font-size: 13px;
  font-weight: bold; }
  .menuPrincipal > .menuUtilitaire {
    position: absolute;
    top: 30px;
    right: 0px;
    height: 20px;
    line-height: 20px;
    width: 100%;
    background: none; }
    .menuPrincipal > .menuUtilitaire li {
      height: 20px;
      line-height: 20px;
      width: auto;
      display: inline-block;
      padding: 0px 16px;
      font-size: 11px; }
      .menuPrincipal > .menuUtilitaire li a {
        color: #7BBB58;
        text-decoration: none;
        -webkit-transition: all 0ms ease;
        -moz-transition: all 0ms ease;
        -ms-transition: all 0ms ease;
        -o-transition: all 0ms ease;
        transition: all 0ms ease; }
        .menuPrincipal > .menuUtilitaire li a:hover {
          color: #008FC3; }
  .menuPrincipal > .nav {
    display: inline-block;
    position: absolute;
    height: 64px;
    right: 0;
    top: 0px;
    bottom: 0px;
    margin: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
    .menuPrincipal > .nav > li {
      display: inline-block;
      margin: 0;
      padding: 0;
      height: 100%;
      position: relative; }
      .menuPrincipal > .nav > li.item-icon > a {
        padding-left: 62px; }
        .menuPrincipal > .nav > li.item-icon > a .icon {
          position: absolute;
          line-height: 100%;
          vertical-align: middle;
          top: 0;
          left: 0;
          height: 100%;
          width: 49px;
          background-position: center;
          background-repeat: no-repeat;
          background-color: rgba(0, 0, 0, 0.1);
          background-size: 24px; }
      .menuPrincipal > .nav > li.menu > a span:after {
        position: absolute;
        right: -25px;
        top: 6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #000 transparent transparent transparent; }
      .menuPrincipal > .nav > li:first-child {
        border-left: none; }
      .menuPrincipal > .nav > li > a {
        position: relative;
        text-align: center;
        color: #004379;
        padding: 0 0px 0 30px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        padding-top: 0px; }
        .menuPrincipal > .nav > li > a:hover, .menuPrincipal > .nav > li > a:active, .menuPrincipal > .nav > li > a.active, .menuPrincipal > .nav > li > a:focus {
          text-decoration: none; }
          .menuPrincipal > .nav > li > a:hover > span, .menuPrincipal > .nav > li > a:active > span, .menuPrincipal > .nav > li > a.active > span, .menuPrincipal > .nav > li > a:focus > span {
            color: #00BBFF; }
        .menuPrincipal > .nav > li > a > span {
          position: relative;
          font-family: "Raleway", sans-serif;
          font-size: 15px;
          font-weight: 900;
          letter-spacing: 0.43px; }
      .menuPrincipal > .nav > li > span {
        vertical-align: middle;
        display: inline-block; }
      .menuPrincipal > .nav > li > ul {
        max-height: 0 !important;
        display: block !important;
        height: auto !important;
        overflow: hidden;
        position: absolute;
        text-align: left;
        background: #ffffff;
        min-width: 100%;
        left: -35px;
        right: -35px;
        z-index: 100; }
        .menuPrincipal > .nav > li > ul > li {
          padding: 0px;
          line-height: 0px;
          height: auto;
          font-weight: normal;
          border-bottom: solid 1px #008FC3;
          border-left: solid 1px #008FC3;
          border-right: solid 1px #008FC3;
          background: #ffffff; }
          .menuPrincipal > .nav > li > ul > li:first-child {
            border-top: solid 1px #008FC3; }
          .menuPrincipal > .nav > li > ul > li.menu > a span:after {
            content: '';
            position: absolute;
            right: 0px;
            top: 50%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
            margin-top: -2px; }
          .menuPrincipal > .nav > li > ul > li > a {
            padding: 0px 15px;
            display: block;
            height: 43px;
            text-transform: none;
            text-decoration: none !important;
            font-size: 13px;
            font-weight: 900;
            color: #7BBB58;
            font-weight: normal;
            text-align: left;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            .menuPrincipal > .nav > li > ul > li > a span {
              height: 43px;
              display: table-cell;
              vertical-align: middle;
              line-height: 1em;
              font-weight: 600; }
            .menuPrincipal > .nav > li > ul > li > a .icon {
              width: 36px;
              height: 36px;
              background-size: 19px;
              background-repeat: no-repeat;
              background-position: center;
              vertical-align: middle;
              position: relative; }
              .menuPrincipal > .nav > li > ul > li > a .icon.inactive {
                top: 0;
                left: 0;
                position: absolute; }
          .menuPrincipal > .nav > li > ul > li > ul {
            overflow: hidden;
            text-align: left;
            background: #000;
            min-width: 100%;
            display: none; }
            .menuPrincipal > .nav > li > ul > li > ul > li {
              padding: 0px;
              line-height: normal;
              height: auto;
              font-height: normal; }
              .menuPrincipal > .nav > li > ul > li > ul > li > a {
                padding: 0px 15px;
                display: block;
                height: 36px;
                text-transform: uppercase;
                font-size: 13px;
                background: #000;
                color: #fff;
                font-weight: normal;
                border-bottom: solid 1px #004379;
                text-align: center;
                display: table;
                width: 100%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box; }
                .menuPrincipal > .nav > li > ul > li > ul > li > a span {
                  height: 36px;
                  display: table-cell;
                  vertical-align: middle;
                  line-height: 1em; }
                .menuPrincipal > .nav > li > ul > li > ul > li > a .icon {
                  width: 36px;
                  height: 36px;
                  background-size: 19px;
                  background-repeat: no-repeat;
                  background-position: center;
                  vertical-align: middle;
                  position: relative; }
                  .menuPrincipal > .nav > li > ul > li > ul > li > a .icon.inactive {
                    top: 0;
                    left: 0;
                    position: absolute; }
            .menuPrincipal > .nav > li > ul > li > ul > li.active > a,
            .menuPrincipal > .nav > li > ul > li > ul > li.click > a,
            .menuPrincipal > .nav > li > ul > li > ul > li:hover > a {
              opacity: 1;
              color: #008FC3;
              text-decoration: none !important; }
            .menuPrincipal > .nav > li > ul > li > ul > li.active .icon.inactive,
            .menuPrincipal > .nav > li > ul > li > ul > li.click .icon.inactive,
            .menuPrincipal > .nav > li > ul > li > ul > li:hover .icon.inactive {
              opacity: 0; }
          .menuPrincipal > .nav > li > ul > li.active > ul {
            max-height: 800px !important; }
          .menuPrincipal > .nav > li > ul > li.active > a, .menuPrincipal > .nav > li > ul > li.click > a, .menuPrincipal > .nav > li > ul > li:hover > a {
            opacity: 1;
            background: #007398 !important;
            background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
            background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
            background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
            background-size: 225% auto !important;
            background-position: 0 100% !important; }
            .menuPrincipal > .nav > li > ul > li.active > a:hover, .menuPrincipal > .nav > li > ul > li.active > a.active, .menuPrincipal > .nav > li > ul > li.click > a:hover, .menuPrincipal > .nav > li > ul > li.click > a.active, .menuPrincipal > .nav > li > ul > li:hover > a:hover, .menuPrincipal > .nav > li > ul > li:hover > a.active {
              background-position: 95% 100% !important;
              color: #fff; }
          .menuPrincipal > .nav > li > ul > li.active.active.menu > a > span:after, .menuPrincipal > .nav > li > ul > li.active.click.menu > a > span:after, .menuPrincipal > .nav > li > ul > li.click.active.menu > a > span:after, .menuPrincipal > .nav > li > ul > li.click.click.menu > a > span:after, .menuPrincipal > .nav > li > ul > li:hover.active.menu > a > span:after, .menuPrincipal > .nav > li > ul > li:hover.click.menu > a > span:after {
            border-width: 0 5px 5px 5px;
            border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent; }
          .menuPrincipal > .nav > li > ul > li.active .icon.inactive, .menuPrincipal > .nav > li > ul > li.click .icon.inactive, .menuPrincipal > .nav > li > ul > li:hover .icon.inactive {
            opacity: 0; }
    .menuPrincipal > .nav > li:last-child > a {
      padding-right: 16px; }
    .menuPrincipal > .nav > li.active > a:after,
    .menuPrincipal > .nav > li:hover > a:after {
      width: 80%;
      left: 10%; }
    .menuPrincipal > .nav > li.active > ul,
    .menuPrincipal > .nav > li:hover > ul {
      max-height: 800px !important; }
  .menuPrincipal > #menu-conseil {
    width: 305px;
    height: 50px;
    margin: auto;
    right: 0px;
    left: auto;
    top: 0;
    bottom: 0;
    line-height: 50px; }
    .menuPrincipal > #menu-conseil .button-fb {
      position: absolute;
      display: block;
      width: 50px;
      height: 50px;
      top: 0px;
      bottom: 0px;
      left: 0px;
      margin: auto;
      color: #004379;
      text-align: center;
      font-size: 18px;
      vertical-align: middle; }
      .menuPrincipal > #menu-conseil .button-fb:hover {
        color: #fff;
        background-color: #004379; }
    .menuPrincipal > #menu-conseil > li {
      position: relative;
      height: 48px;
      width: 250px;
      padding: 0;
      line-height: 48px;
      text-align: left;
      border: solid 1px #008FC3; }
      .menuPrincipal > #menu-conseil > li:hover {
        background: #007398 !important;
        background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
        background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
        background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
        background-size: 225% auto !important;
        background-position: 0 100% !important;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease; }
        .menuPrincipal > #menu-conseil > li:hover:hover, .menuPrincipal > #menu-conseil > li:hover.active {
          background-position: 95% 100% !important;
          color: #fff; }
        .menuPrincipal > #menu-conseil > li:hover .conseil-icon {
          background-image: url(../images/conseil-icon-h.png); }
        .menuPrincipal > #menu-conseil > li:hover > a,
        .menuPrincipal > #menu-conseil > li:hover > a:hover {
          color: #fff; }
      .menuPrincipal > #menu-conseil > li .conseil-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        width: 12px;
        height: 25px;
        margin: auto;
        background-image: url(../images/conseil-icon.png); }
      .menuPrincipal > #menu-conseil > li > a {
        padding-left: 20px;
        padding-right: 0px;
        line-height: 48px; }
        .menuPrincipal > #menu-conseil > li > a:hover {
          color: #fff; }
          .menuPrincipal > #menu-conseil > li > a:hover span {
            color: #fff; }
      .menuPrincipal > #menu-conseil > li ul {
        margin: auto;
        left: -1px;
        right: -1px; }

.menuUtilitaire {
  background: #2a2a2a;
  height: 40px;
  text-transform: uppercase; }
  .menuUtilitaire .inner {
    padding: 0; }
  .menuUtilitaire ul {
    z-index: 9999;
    line-height: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    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; }
    .menuUtilitaire ul li {
      padding: 0 0 0 30px;
      color: #004379;
      display: inline-block;
      vertical-align: middle; }
      .menuUtilitaire ul li .icon {
        border: solid 1px #004379;
        width: 18px;
        height: 18px;
        line-height: 18px;
        display: inline-block;
        text-align: center;
        border-radius: 2px;
        margin-right: 8px; }
        .menuUtilitaire ul li .icon img {
          height: 12px;
          vertical-align: middle; }
          .menuUtilitaire ul li .icon img.hover {
            display: none; }
      .menuUtilitaire ul li a {
        vertical-align: middle;
        color: #004379;
        display: inline-block;
        text-align: center; }
      .menuUtilitaire ul li a:hover,
      .menuUtilitaire ul li a:active {
        text-decoration: none; }
        .menuUtilitaire ul li a:hover .icon,
        .menuUtilitaire ul li a:active .icon {
          background: #007398;
          background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%);
          background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%);
          background: linear-gradient(to right, #007398 0%, #c287ec 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ); }
          .menuUtilitaire ul li a:hover .icon img,
          .menuUtilitaire ul li a:active .icon img {
            display: none; }
            .menuUtilitaire ul li a:hover .icon img.hover,
            .menuUtilitaire ul li a:active .icon img.hover {
              display: inline-block; }
      .menuUtilitaire ul li.active a {
        color: #004379;
        opacity: 0.5; }
      .menuUtilitaire ul li.left {
        float: left;
        padding-left: 0px; }

.container-Fullscreen {
  height: 100%; }

.fullscreen {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top 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 .titres h1 {
      margin: -90px 0 8px;
      font-size: 50px;
      letter-spacing: 0;
      font-weight: bold; }
    .fullscreen .titres h2 {
      font-size: 25px;
      font-weight: 500; }
  .fullscreen.half {
    width: 50%; }

.container-Slogan {
  height: auto;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
  background: rgba(0, 115, 152, 0.92);
  background: -moz-linear-gradient(left, rgba(0, 115, 152, 0.92) 0%, rgba(194, 135, 236, 0.92) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 115, 152, 0.92) 0%, rgba(194, 135, 236, 0.92) 100%);
  background: linear-gradient(to right, rgba(0, 115, 152, 0.92) 0%, rgba(194, 135, 236, 0.92) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ); }
  .container-Slogan .slogan {
    height: 100%;
    width: 100%;
    text-align: left;
    position: relative; }
    .container-Slogan .slogan > .info {
      height: auto;
      display: block;
      width: auto;
      width: 75%;
      min-width: 300px;
      max-width: 950px;
      text-align: center;
      padding: 0px;
      margin: auto;
      color: #fff;
      font-family: "Arial", "Helvetica", sans-serif;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .container-Slogan .slogan .gros_titre {
      display: block;
      font-size: 30px;
      font-weight: 600;
      font-family: "Arial", "Helvetica", sans-serif;
      line-height: 38px;
      letter-spacing: 0px;
      word-spacing: 0px;
      color: #fff;
      margin-bottom: 0px;
      padding: 70px 0px;
      text-align: center;
      text-transform: none; }
      .container-Slogan .slogan .gros_titre em {
        font-style: normal;
        color: #008FC3; }
    .container-Slogan .slogan .moyen_titre {
      font-size: 30px;
      line-height: 60px;
      color: #008FC3; }
    .container-Slogan .slogan.invisible {
      visibility: hidden; }

.partner + .push + footer > .contact > .inner {
  padding-top: 100px; }

footer {
  padding: 0;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  background-color: #fff; }
  footer > .contact {
    width: 100%; }
    footer > .contact .inner {
      padding: 100px 30px 80px; }
      footer > .contact .inner .contain {
        width: 100% !important;
        float: none !important; }
        footer > .contact .inner .contain * {
          color: #fff; }
        footer > .contact .inner .contain .col {
          width: 250px;
          margin: 15px 15px 20px 0px !important; }
          footer > .contact .inner .contain .col .info {
            line-height: 36px;
            padding-left: 30px;
            font-weight: 700; }
            footer > .contact .inner .contain .col .info a {
              color: #00BBFF;
              text-decoration: none; }
            footer > .contact .inner .contain .col .info img {
              vertical-align: middle; }
  footer section:last-child .inner {
    padding: 35px 30px 31px; }

#map {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 300px;
  max-height: 500px; }
  #map #google-map {
    width: 100%;
    height: 100%; }
    #map #google-map .mapBubble {
      position: relative;
      overflow: visible;
      height: 1px; }
      #map #google-map .mapBubble .titre {
        margin-bottom: 12px;
        color: #004379;
        font-size: 20px !important;
        line-height: 30px;
        font-weight: bold;
        text-transform: uppercase; }
      #map #google-map .mapBubble .bubbleText {
        position: absolute;
        padding: 40px 30px 20px;
        width: 260px;
        top: -210px;
        left: -160px;
        margin: auto;
        background: #fff;
        color: #7BBB58;
        font-size: 14px;
        line-height: 20px;
        text-align: center; }
      #map #google-map .mapBubble img {
        position: absolute;
        left: -160px;
        top: -68px;
        margin: auto;
        width: 320px;
        height: 104px; }
    #map #google-map .gm-style-cc,
    #map #google-map .gm-style-cc span,
    #map #google-map .gm-style-cc div,
    #map #google-map .gm-style-cc a {
      background: transparent !important;
      color: #d9d9d9 !important;
      padding: 2px; }
    #map #google-map .gm-style-cc a:hover {
      color: #BD8D16 !important; }

.arsenalLogo {
  background: url("../images/logo-aw.png") no-repeat center center;
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-right: 25px;
  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 */
#popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 200; }
  #popup .inner {
    box-sizing: border-box;
    width: calc(100% - 30px);
    max-width: 600px;
    padding: 20px;
    margin: 10vh auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.35);
    max-height: 80vh;
    overflow-y: scroll; }
    #popup .inner .container {
      line-height: 22px; }
  #popup .groupe-bouton {
    margin-top: 20px; }
    #popup .groupe-bouton .close-popup {
      cursor: pointer; }

/* ###################################
 *  Styles */
.blocSombre {
  color: #fff;
  /*
  .bouton {
  	color:$colorMain;
  	border-color:$colorMain;
  	&:hover,
  	&:active {
  		color:#000;
  	}
  	&[disabled] {
  		background:transparent !important;
  		border-color:#fff !important;
  		color:#fff !important;
  		cursor:default;
  	}
  }*/ }
  .blocSombre .gris {
    color: #9ea0a2; }
  .blocSombre h1, .blocSombre .gros_titre {
    color: #FFF; }
  .blocSombre .moyen_titre, .blocSombre h2 {
    color: #004379; }
  .blocSombre select, .blocSombre input[type="text"], .blocSombre input[type="password"], .blocSombre input[type="email"], .blocSombre textarea {
    color: #fff;
    background: transparent;
    border-bottom-color: #004379; }
    .blocSombre select:focus, .blocSombre input[type="text"]:focus, .blocSombre input[type="password"]:focus, .blocSombre input[type="email"]:focus, .blocSombre textarea:focus {
      background-color: #004379;
      color: #fff;
      padding-left: 10px;
      padding-right: 10px; }
  .blocSombre input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #7BBB58 inset;
    -webkit-text-fill-color: #fff !important;
    border-color: #7BBB58; }
  .blocSombre.tiles .cat-tiles .cat-tile {
    color: #004379;
    line-height: 12px; }
    .blocSombre.tiles .cat-tiles .cat-tile.active, .blocSombre.tiles .cat-tiles .cat-tile:hover {
      color: #fff; }

.blocClair {
  color: #000; }
  .blocClair .bouton, .blocClair .boutonB {
    border-color: #004379; }
    .blocClair .bouton:hover, .blocClair .bouton:active, .blocClair .boutonB:hover, .blocClair .boutonB:active {
      color: #fff; }
    .blocClair .bouton[disabled], .blocClair .boutonB[disabled] {
      background: transparent !important;
      border-color: #000 !important;
      color: #000 !important;
      cursor: default;
      display: none; }

.blocCouleur h1, .blocCouleur .gros_titre,
.blocCouleur h2, .blocCouleur .moyen_titre {
  color: #fff; }
  .blocCouleur h1:after, .blocCouleur .gros_titre:after,
  .blocCouleur h2:after, .blocCouleur .moyen_titre:after {
    background-color: #fff !important; }

.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 */
.intro {
  font-size: 20px; }
  .intro .inner {
    padding-top: 80px;
    padding-bottom: 15px; }
  .intro + .container .inner {
    padding-top: 15px; }

.presenterBig {
  font-size: 20px;
  position: relative; }
  .presenterBig .inner > div {
    padding: 0 50% 0 0; }
    .presenterBig .inner > div h1 {
      text-align: left;
      color: #fff; }
    .presenterBig .inner > div .contain {
      margin-top: 30px; }
      .presenterBig .inner > div .contain p {
        color: #ccc; }
  .presenterBig.right {
    text-align: left !important; }
    .presenterBig.right .inner > div {
      padding: 0 0 0 50%; }
  .presenterBig.center .inner > div {
    padding: 0; }
  .presenterBig.blocSombre .inner > div h1 {
    color: #fff; }
  .presenterBig.blocSombre .inner > div .contain p {
    color: #ccc; }
  .presenterBig.blocSombre .bouton {
    background: #007398 !important;
    background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
    background-size: 225% auto !important;
    background-position: 0 100% !important; }
    .presenterBig.blocSombre .bouton:hover, .presenterBig.blocSombre .bouton.active {
      background-position: 95% 100% !important;
      color: #fff; }
  .presenterBig.blocClair .inner > div h1 {
    color: #7BBB58; }
  .presenterBig.blocClair .inner > div .contain p {
    color: #888; }
  .presenterBig.blocClair .bouton {
    background: #007398 !important;
    background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
    background-size: 225% auto !important;
    background-position: 0 100% !important; }
    .presenterBig.blocClair .bouton:hover, .presenterBig.blocClair .bouton.active {
      background-position: 95% 100% !important;
      color: #fff; }

.bandeau {
  overflow: hidden; }
  .bandeau .inner {
    padding-top: 105px;
    padding-bottom: 67px; }
  .bandeau.blocSombre {
    background-color: rgba(0, 0, 0, 0.75) !important; }
  .bandeau h1, .bandeau h2 {
    margin: 0;
    padding: 0; }
    .bandeau h1:after, .bandeau h2:after {
      display: none; }

.single {
  text-align: left; }

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

.double,
.service {
  text-align: left; }
  .double .col,
  .service .col {
    width: 48%;
    float: left; }
  .double .col1,
  .service .col1 {
    margin-right: 2%; }
  .double .col2,
  .service .col2 {
    margin-left: 2%; }

.service .col1 {
  width: 32%; }
.service .col2 {
  width: 64%; }
.service .dropdown-menu > li {
  list-style: none;
  margin-bottom: 1px; }
  .service .dropdown-menu > li > a {
    display: block;
    font-weight: 800;
    text-transform: uppercase;
    color: #7BBB58;
    background-color: #7BBB58;
    height: 70px;
    line-height: 70px;
    padding-left: 100px;
    font-size: 13px; }
    .service .dropdown-menu > li > a:before {
      content: '';
      width: 70px;
      height: 70px;
      background-color: #7BBB58;
      position: absolute;
      top: 0;
      left: 0; }
    .service .dropdown-menu > li > a > .icon {
      display: inline-block;
      vertical-align: middle;
      width: 70px;
      height: 70px;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: center; }
  .service .dropdown-menu > li:hover > a, .service .dropdown-menu > li.active > a {
    color: #004379;
    text-decoration: none; }
    .service .dropdown-menu > li:hover > a:before, .service .dropdown-menu > li.active > a:before {
      background-color: #004379; }

.equipe {
  z-index: 9; }
  .equipe .bg-image {
    width: calc(100% / 2 - 15px);
    height: 375px;
    float: right;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-position: center;
    background-position: center;
    background-repeat: no-repeat; }
  .equipe .content {
    float: left;
    width: calc(100% / 2 - 15px);
    text-align: left; }
    .equipe .content h1, .equipe .content h2 {
      text-align: left; }
    .equipe .content p {
      font-size: 14px;
      line-height: 28px; }
  .equipe .container-tiles {
    margin-top: 100px; }
    .equipe .container-tiles .tiles-item .tiles-pictures {
      position: relative; }
      .equipe .container-tiles .tiles-item .tiles-pictures .etoile {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 45px;
        width: 45px;
        background: url(../images/etoile.png);
        z-index: 100; }
    .equipe .container-tiles .tiles-item .tiles-inner {
      padding: 26px 30px 40px; }
      .equipe .container-tiles .tiles-item .tiles-inner .text-intro {
        line-height: 18px; }
        .equipe .container-tiles .tiles-item .tiles-inner .text-intro .tres_petit_titre {
          font-size: 14px;
          font-weight: bold; }
      .equipe .container-tiles .tiles-item .tiles-inner .footer {
        position: absolute;
        bottom: -26px;
        left: 0px;
        right: 0px;
        height: 50px; }
      .equipe .container-tiles .tiles-item .tiles-inner .desc {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 0px 30px 20px;
        z-index: 999;
        background-color: #fff;
        -webkit-box-shadow: 0px 6px 10px -8px rgba(50, 50, 50, 0.8);
        -moz-box-shadow: 0px 6px 10px -8px rgba(50, 50, 50, 0.8);
        box-shadow: 0px 6px 10px -8px rgba(50, 50, 50, 0.8); }
        .equipe .container-tiles .tiles-item .tiles-inner .desc > .bouton-readmore {
          border: 0px;
          bottom: -8px; }
          .equipe .container-tiles .tiles-item .tiles-inner .desc > .bouton-readmore > span {
            color: #fff !important; }
      .equipe .container-tiles .tiles-item .tiles-inner .bouton-readmore {
        position: relative;
        display: block;
        bottom: auto;
        left: auto;
        right: auto;
        /*
        position: absolute;
        bottom: -23px;
        left: 0px;
        right: 0px;*/
        text-align: center;
        cursor: pointer; }

.servicedetail .bouton,
.default .bouton {
  padding: 9px 26px;
  line-height: 12px; }

.servicedetail .inner h1 {
  text-transform: uppercase; }
.servicedetail .header {
  margin-bottom: 40px; }
  .servicedetail .header .image {
    float: right;
    width: calc(100% / 2 - 16px);
    margin-left: 15px;
    height: 360px;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-position: center;
    background-position: center;
    background-repeat: no-repeat; }
  .servicedetail .header .texte {
    float: left;
    width: calc(100% / 2 - 16px);
    margin-right: 15px; }
    .servicedetail .header .texte .services-icon {
      float: left;
      margin: 0px 30px 30px 0px;
      width: 100px;
      height: 100px;
      border-radius: 100px;
      background-color: #004379;
      position: relative; }
      .servicedetail .header .texte .services-icon img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
    .servicedetail .header .texte h2 {
      color: #7BBB58;
      font-weight: bold;
      margin-top: 35px;
      text-align: left; }
.servicedetail .content {
  width: auto;
  padding: 30px;
  margin-top: 40px;
  background-color: #fff; }
.servicedetail .texte p {
  color: #888; }
.servicedetail.couleur-bleu .bouton {
  background: #007398 !important;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
  background-size: 225% auto !important;
  background-position: 0 100% !important;
  color: #fff; }
  .servicedetail.couleur-bleu .bouton:hover, .servicedetail.couleur-bleu .bouton.active {
    background-position: 95% 100% !important;
    color: #fff; }
  .servicedetail.couleur-bleu .bouton a {
    color: #fff; }
.servicedetail.couleur-violet a {
  color: #008FC3; }
.servicedetail.couleur-violet .bouton {
  background: #007398 !important;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
  background-size: 225% auto !important;
  background-position: 0 100% !important;
  color: #fff; }
  .servicedetail.couleur-violet .bouton:hover, .servicedetail.couleur-violet .bouton.active {
    background-position: 95% 100% !important;
    color: #fff; }
  .servicedetail.couleur-violet .bouton a {
    color: #fff; }
.servicedetail.couleur-violet .services-icon {
  background-color: #008FC3; }
.servicedetail.couleur-gris a {
  color: #7BBB58; }
.servicedetail.couleur-gris .bouton {
  background: #007398 !important;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
  background-size: 225% auto !important;
  background-position: 0 100% !important;
  color: #fff; }
  .servicedetail.couleur-gris .bouton:hover, .servicedetail.couleur-gris .bouton.active {
    background-position: 95% 100% !important;
    color: #fff; }
  .servicedetail.couleur-gris .bouton a {
    color: #fff; }
.servicedetail.couleur-gris .services-icon {
  background-color: #7BBB58; }

.conseildetail .conseil-liste {
  margin: 40px -10px 0px;
  text-align: center; }
  .conseildetail .conseil-liste .bouton {
    margin: 0px 5px 25px;
    background: #007398 !important;
    background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
    background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
    background-size: 225% auto !important;
    background-position: 0 100% !important; }
    .conseildetail .conseil-liste .bouton:hover, .conseildetail .conseil-liste .bouton.active {
      background-position: 95% 100% !important;
      color: #fff; }
.conseildetail .inner h1 {
  text-transform: none;
  margin-bottom: 10px; }
.conseildetail .bouton {
  padding: 9px 20px;
  line-height: 12px; }
.conseildetail .content {
  width: auto;
  padding: 20px 30px;
  margin-top: 20px;
  color: #7BBB58;
  background-color: #fff; }
.conseildetail .texte {
  color: #7BBB58; }
  .conseildetail .texte p {
    color: #888; }

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

.readMore .readMoreDetails .readMoreBtn {
  padding-bottom: 0px;
  cursor: pointer;
  padding: 15px 0 0; }
  .readMore .readMoreDetails .readMoreBtn .line {
    display: none; }
  .readMore .readMoreDetails .readMoreBtn .more {
    height: 59px;
    width: 59px;
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0px;
    border: solid 1px #004379;
    border-radius: 100%; }
    .readMore .readMoreDetails .readMoreBtn .more .moreX {
      border-bottom: solid 1px #004379;
      width: 29px;
      left: 15px;
      top: 29px;
      -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: 29px;
      left: 29px;
      top: 15px;
      border-right: solid 1px #004379;
      -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;
  padding: 40px 0 0; }
.readMore .grid {
  vertical-align: top; }
  .readMore .grid .bleu {
    font-weight: bold; }
  .readMore .grid p {
    margin: auto; }
  .readMore .grid tr > td:last-child {
    min-width: 50px; }
  .readMore .grid:not(:last-of-type) {
    border: solid 1px #004379;
    margin-top: -1px;
    margin-left: -1px;
    text-align: left;
    padding: 50px 60px;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 3em; }
    .readMore .grid:not(:last-of-type) * {
      font-family: "Raleway", sans-serif; }
    .readMore .grid:not(:last-of-type) h3, .readMore .grid:not(:last-of-type) .petit_titre {
      padding: 0px;
      margin: 0px auto;
      line-height: 20px;
      min-height: 50px;
      text-transform: none; }
    .readMore .grid:not(:last-of-type) tr {
      line-height: 30px; }
  .readMore .grid:last-of-type {
    width: 100%;
    max-width: 670px;
    margin: 20px auto 0px; }
    .readMore .grid:last-of-type tr:first-child td:first-child {
      vertical-align: bottom; }
    .readMore .grid:last-of-type tr td {
      vertical-align: top;
      line-height: 40px;
      text-align: left; }

.liensrapides .inner {
  padding: 0px 30px; }
  .liensrapides .inner .container-liens {
    margin: auto -15px;
    text-align: center; }
    .liensrapides .inner .container-liens .col-3 {
      width: calc(100% / 3 - 3px);
      text-align: center;
      min-width: 290px;
      display: inline-block;
      margin-bottom: 15px; }
      .liensrapides .inner .container-liens .col-3 .cercle {
        display: block;
        height: 0px;
        width: calc(100% - 30px);
        margin: auto;
        padding-bottom: calc(100% - 30px);
        border-radius: 500px;
        line-height: 100%;
        position: relative;
        overflow: hidden; }
        .liensrapides .inner .container-liens .col-3 .cercle.cercle-bleu .overlay {
          background-color: #004379; }
        .liensrapides .inner .container-liens .col-3 .cercle.cercle-violet .overlay {
          background-color: #008FC3; }
        .liensrapides .inner .container-liens .col-3 .cercle.cercle-gris .overlay {
          background-color: #7BBB58; }
        .liensrapides .inner .container-liens .col-3 .cercle .overlay {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          margin: auto;
          border-radius: 500px; }
          .liensrapides .inner .container-liens .col-3 .cercle .overlay.overlay-gradient {
            opacity: 0;
            z-index: 3;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            background: #007398;
            background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%);
            background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%);
            background: linear-gradient(to right, #007398 0%, #c287ec 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ); }
          .liensrapides .inner .container-liens .col-3 .cercle .overlay.overlay-color {
            opacity: 0.8;
            z-index: 2;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease; }
          .liensrapides .inner .container-liens .col-3 .cercle .overlay.overlay-image {
            background-position: center;
            z-index: 1; }
        .liensrapides .inner .container-liens .col-3 .cercle:hover .overlay-color {
          opacity: 0; }
        .liensrapides .inner .container-liens .col-3 .cercle:hover .overlay-gradient {
          opacity: 0.8; }
        .liensrapides .inner .container-liens .col-3 .cercle .content {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          z-index: 4;
          margin: auto;
          border-radius: 500px;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-flow: row wrap;
          justify-content: center;
          flex-direction: column; }
          .liensrapides .inner .container-liens .col-3 .cercle .content .titre_petit {
            color: #fff;
            text-transform: uppercase;
            font-size: 21px;
            margin: 20px auto 12px;
            font-weight: bold; }
          .liensrapides .inner .container-liens .col-3 .cercle .content .titre {
            color: #fff;
            font-size: 60px;
            line-height: 61px;
            text-transform: uppercase; }
            .liensrapides .inner .container-liens .col-3 .cercle .content .titre strong {
              text-transform: none; }

/* ###################################
 *  Blocs particuliers */
.soumission .inner {
  padding: 75px 30px; }
.soumission .contain {
  float: left; }
.soumission .bouton {
  padding: 15px 30px 15px 10px; }
.soumission .col {
  float: right !important;
  display: block;
  max-width: 330px;
  margin: 0px !important;
  width: 100%; }
  .soumission .col .header {
    margin-bottom: 20px; }
    .soumission .col .header .right {
      position: relative;
      text-align: left;
      color: #004379;
      line-height: 20px;
      padding-left: 35px;
      padding-top: 20px; }
      .soumission .col .header .right::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0px;
        display: block;
        height: 35px;
        width: 11px;
        background: url("../images/icone/fleche.png"); }
  .soumission .col .section {
    padding: 30px;
    background: #fff; }
    .soumission .col .section .gros_titre {
      padding: 5px 0px 5px 40px; }
    .soumission .col .section table {
      color: #004379;
      border: none;
      width: 100%;
      margin-top: 10px; }
      .soumission .col .section table td:last-child {
        text-align: right; }
  .soumission .col * {
    color: #fff; }
  .soumission .col .section {
    background: #004379; }
  .soumission .col:nth-child(3) * {
    color: #fff; }
  .soumission .col:nth-child(3) .section {
    background: #004379; }

.map {
  position: relative;
  display: table;
  width: 100%; }
  .map tr, .map td {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .map p {
    margin: 20px 0 8px; }
  .map ul {
    margin-bottom: 10px; }
  .map table {
    width: 100%; }
    .map table .row1 .col.col1 {
      position: relative;
      width: 64%; }
      .map table .row1 .col.col1 > div {
        margin: 0 0 0 auto;
        text-align: left; }
    .map table .row1 .col.col2 {
      width: 36%;
      height: 60%; }
      .map table .row1 .col.col2 p {
        margin: 0 auto; }
      .map table .row1 .col.col2 table {
        margin-top: 20px; }
        .map table .row1 .col.col2 table tr {
          margin-bottom: 8px; }
          .map table .row1 .col.col2 table tr td {
            line-height: 23px;
            font-size: 13px;
            font-weight: bold;
            vertical-align: top; }
            .map table .row1 .col.col2 table tr td a {
              color: #000;
              font-size: 15px;
              font-weight: normal;
              font-family: "Arial", "Helvetica", sans-serif; }
            .map table .row1 .col.col2 table tr td:first-child {
              width: 35px; }
        .map table .row1 .col.col2 table:last-of-type tr td:nth-child(2) {
          width: 132px; }
    .map table .row2 td {
      height: 100px; }
      .map table .row2 td div {
        margin: 0 auto;
        position: relative; }

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

.generic .entete {
  margin-top: 0;
  background-color: #7BBB58;
  padding: 75px 0; }
  .generic .entete h1 {
    font-size: 40px;
    font-family: "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 12px 0 2px;
    line-height: 40px;
    color: #004379;
    text-align: center; }
    .generic .entete h1:before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #004379;
      position: absolute;
      bottom: 0;
      left: 0; }
    .generic .entete h1:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #004379;
      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 p {
    font-size: 13.5px; }
  .generic .col.col-1 {
    width: calc(100% - 90px); }
  .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; }
.generic table {
  border: 1px solid #000; }
  .generic table td {
    padding: 4px 0px; }
    .generic table td .petit_titre {
      padding: 10px 0px 0px; }
    .generic table td p {
      margin: 8px auto; }
.generic .floatRight,
.generic .floatLeft {
  max-width: calc( 50% - 50px); }
.generic .floatRight {
  margin-top: 0px !important;
  margin-right: 0px !important; }
.generic .floatLeft {
  margin-top: 0px !important;
  margin-left: 0px !important; }
.generic .header {
  margin-bottom: 10px; }
  .generic .header .texte {
    float: left;
    width: 100%; }
    .generic .header .texte .services-icon {
      float: left;
      margin: 0px 30px 30px 0px;
      width: 100px;
      height: 100px;
      border-radius: 100px;
      background-color: #004379;
      position: relative;
      overflow: hidden; }
      .generic .header .texte .services-icon.color-bleu {
        background-color: #004379; }
      .generic .header .texte .services-icon.color-violet {
        background-color: #008FC3; }
      .generic .header .texte .services-icon.color-gris {
        background-color: #7BBB58; }
      .generic .header .texte .services-icon .bg {
        background-size: 120%;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        opacity: 0.2; }
    .generic .header .texte h2 {
      color: #7BBB58;
      font-weight: bold;
      margin-top: 35px;
      text-align: left; }
.generic .contain {
  float: left; }
  .generic .contain.half {
    width: calc(100% * 2/3 - 10px); }
.generic .image {
  float: right;
  width: calc(100% / 3 - 10px);
  margin-left: 20px;
  margin-top: 5px; }
  .generic .image img {
    max-width: 100%; }

.porteouverte .inner {
  padding: 75px 30px; }
.porteouverte .table {
  float: right;
  width: calc(100% / 3 - 10px);
  margin-left: 20px; }
  .porteouverte .table .header {
    height: 90px;
    margin-bottom: 0px; }
    .porteouverte .table .header .bouton {
      padding: 15px 30px 15px 10px; }
    .porteouverte .table .header .right {
      position: relative;
      text-align: right;
      color: #004379;
      line-height: 20px;
      padding-left: 35px;
      padding-top: 20px; }
      .porteouverte .table .header .right::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0px;
        display: block;
        height: 35px;
        width: 11px;
        background: url("../images/icone/fleche.png"); }
  .porteouverte .table .section {
    padding: 30px;
    background: #008fc3; }
    .porteouverte .table .section hr {
      border-color: #fff;
      max-width: 100%; }
    .porteouverte .table .section * {
      color: #fff; }
    .porteouverte .table .section .gros_titre {
      padding: 5px 0px 5px 40px;
      margin-bottom: 16px; }
    .porteouverte .table .section table {
      border: none;
      width: 100%;
      margin-top: 24px; }
      .porteouverte .table .section table td:last-child {
        text-align: right; }

.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: "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 12px 0 2px;
    line-height: 40px;
    color: #004379;
    text-align: center;
    margin-bottom: 75px; }
    .lastNews h2:before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #004379;
      position: absolute;
      bottom: 0;
      left: 0; }
    .lastNews h2:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #004379;
      position: absolute;
      top: 0;
      left: 0; }
  .lastNews article {
    float: left;
    width: calc(100% / 3 - 20px);
    background-color: #7BBB58;
    margin-left: 30px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease; }
    .lastNews article:first-child {
      margin-left: 0px; }
    .lastNews article a {
      display: block;
      position: relative;
      text-decoration: none; }
      .lastNews article a > .date {
        height: 60px;
        background-color: #ffffff;
        border-top: 1px solid #7BBB58;
        border-right: 1px solid #7BBB58;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease; }
        .lastNews article a > .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; }
          .lastNews article a > .date span.icon {
            width: 60px;
            height: 60px;
            background: #7BBB58 url(../images/icon-calendrier.png) center center no-repeat; }
          .lastNews article a > .date span.date {
            color: #7BBB58;
            font-size: 20px;
            line-height: 60px;
            font-family: "Arial", "Helvetica", sans-serif;
            vertical-align: top;
            padding-left: 20px; }
      .lastNews article a .article-img {
        height: 250px;
        width: 100%; }
    .lastNews article:hover {
      background-color: #ffffff; }
      .lastNews article:hover a > .date {
        border-color: #004379; }
        .lastNews article:hover a > .date span.icon {
          background: #004379 url(../images/icon-calendrier.png) center center no-repeat; }
        .lastNews article:hover a > .date span.date {
          color: #004379; }
    .lastNews article section {
      position: relative;
      padding: 25px 30px 29px; }
      .lastNews article section h1 {
        font-size: 20px;
        font-family: "Arial", "Helvetica", sans-serif;
        text-transform: uppercase;
        line-height: 1.3em;
        color: #004379;
        position: relative;
        padding-bottom: 5px; }
        .lastNews article section h1:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #7BBB58; }
      .lastNews article section p {
        margin: 18px 0 30px;
        font-size: 13.5px;
        line-height: 22px; }
      .lastNews article section .groupe-bouton {
        position: absolute;
        width: 100%;
        bottom: 30px;
        right: 30px;
        text-align: right; }
        .lastNews article section .groupe-bouton a {
          display: inline-block;
          font-size: 13px;
          font-weight: bold;
          text-transform: uppercase; }
          .lastNews article section .groupe-bouton a:hover {
            color: #7BBB58; }

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

.secteurs h1 {
  font-size: 25px;
  font-family: "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  line-height: 1.3em;
  color: #004379;
  position: relative;
  padding-bottom: 2px;
  text-align: center;
  margin-bottom: 50px; }
  .secteurs h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #7BBB58; }
.secteurs .secteur-blocs {
  margin-top: 30px; }
.secteurs .secteur {
  width: calc(100% / 3 - 20px);
  float: left;
  margin-left: 30px;
  background: #fff;
  border-style: solid;
  border-color: #7BBB58;
  border-left-width: 70px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease; }
  .secteurs .secteur:first-of-type {
    margin-left: 0; }
  .secteurs .secteur .icon {
    width: 70px;
    position: absolute;
    top: 0;
    left: -70px;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0; }
    .secteurs .secteur .icon img {
      width: 100%; }
  .secteurs .secteur .info {
    width: 80%;
    float: left;
    padding-left: 30px;
    box-sizing: border-box;
    vertical-align: top;
    color: #000; }
    .secteurs .secteur .info h2 {
      margin: 0; }
    .secteurs .secteur .info .texte {
      margin: 20px 0; }
  .secteurs .secteur .bouton {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-size: 20px;
    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; }
  .secteurs .secteur:hover {
    border-color: #004379; }
    .secteurs .secteur:hover h3, .secteurs .secteur:hover h2 {
      color: #004379; }
    .secteurs .secteur:hover .bouton {
      opacity: 1; }

.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: #7BBB58;
      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: "Arial", "Helvetica", sans-serif;
        text-transform: uppercase;
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 6px;
        color: #004379;
        display: inline-block; }
        .nouvelle .contain .col.col1 .desc h2:after,
        .realisation .contain .col.col1 .desc h2:after {
          content: '';
          width: 100%;
          height: 1px;
          background-color: #7BBB58;
          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: #7BBB58;
      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: #004379; }
        .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: "Arial", "Helvetica", sans-serif;
        text-transform: uppercase;
        color: #004379;
        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: #7BBB58;
          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: #7BBB58;
        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: "Arial", "Helvetica", sans-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: #004379;
            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 #7BBB58;
  border-right: 1px solid #7BBB58;
  -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: #7BBB58 url(../images/icon-calendrier.png) center center no-repeat; }
    .nouvelle.nouvelle .contain .col1 > .date span.date,
    .realisation.nouvelle .contain .col1 > .date span.date {
      color: #7BBB58;
      font-size: 20px;
      line-height: 60px;
      font-family: "Arial", "Helvetica", sans-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: #7BBB58;
    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: "Arial", "Helvetica", sans-serif;
        color: #7BBB58;
        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: #004379;
        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: #7BBB58; }

.quickLink + .container {
  padding-top: 130px; }
  .quickLink + .container.presenterBig .foreground {
    background-position: right 80%; }

.quickLink {
  z-index: 100; }
  .quickLink .inner {
    width: auto;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
    .quickLink .inner > div {
      position: relative; }
  .quickLink .inner ul {
    position: absolute;
    top: -137px;
    left: 0;
    display: table;
    width: 100%; }
    .quickLink .inner ul li {
      display: table-cell;
      width: 33%;
      max-width: 320px;
      min-width: 260px;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      text-align: center;
      display: inline-block;
      overflow: hidden;
      vertical-align: top;
      position: relative;
      overflow: visible; }
      .quickLink .inner ul li a {
        width: 254px;
        height: 254px;
        line-height: 254px;
        background-color: #fff;
        color: #000;
        font-weight: bold;
        position: relative;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        border-radius: 100%;
        overflow: hidden; }
        .quickLink .inner ul li a .content {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          line-height: normal;
          /* on r´┐¢tablit le line-height */ }
          .quickLink .inner ul li a .content .label {
            text-transform: uppercase;
            font-size: 20px;
            font-family: "Arial", "Helvetica", sans-serif; }
          .quickLink .inner ul li a .content .texte {
            font-weight: normal;
            padding: 0 50px 20px;
            display: inline-block; }
        .quickLink .inner ul li a .iconHover {
          opacity: 0; }
        .quickLink .inner ul li a .iconArea {
          width: 70px;
          height: 70px;
          position: relative;
          margin: 0 auto; }
          .quickLink .inner ul li a .iconArea .icon {
            width: 70px;
            height: 70px;
            position: absolute;
            top: 0;
            left: 0;
            background-repeat: no-repeat;
            background-position: center; }
        .quickLink .inner ul li a .quickLinkBgNormal {
          opacity: 0.3; }
        .quickLink .inner ul li a .quickLinkBgHover {
          opacity: 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; }
        .quickLink .inner ul li a .bg {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          opacity: 0.1; }
        .quickLink .inner ul li a hr {
          border: none;
          border-top: solid 1px #004379;
          width: 30px;
          height: 1px;
          margin: 20px auto; }
        .quickLink .inner ul li a:hover .quickLinkInfo {
          display: block;
          background: #000;
          opacity: 1;
          max-height: 400px !important; }
        .quickLink .inner ul li a:hover .quickLinkBgHover {
          opacity: 1; }
        .quickLink .inner ul li a:hover .quickLinkLabel > .quickLinkLabelText > .quickLinkLabelHover {
          top: -90px;
          left: -9px;
          width: 291px;
          opacity: 0;
          height: 270px;
          opacity: 1 !important;
          z-index: 200; }
        .quickLink .inner ul li a:active {
          opacity: 0.6; }
        .quickLink .inner ul li a:hover {
          background-color: #004379;
          color: #fff; }
          .quickLink .inner ul li a:hover hr {
            border-color: #fff; }
          .quickLink .inner ul li a:hover .bg {
            opacity: 0; }
          .quickLink .inner ul li a:hover .iconNormal {
            opacity: 0; }
          .quickLink .inner ul li a:hover .iconHover {
            opacity: 1; }
      .quickLink .inner ul lili:last-child .quickLinkBorder {
        border-left: none !important; }

.tiles {
  font-size: 14px; }
  .tiles .cat-tiles {
    text-align: center;
    margin: 0px 0 0px; }
    .tiles .cat-tiles.hidden {
      display: none !important; }
    .tiles .cat-tiles .cat-tile {
      display: inline-block;
      cursor: pointer;
      padding: 9px 25px;
      line-height: 12px;
      margin: auto 4px;
      background: #004379;
      border-radius: 50px;
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      background: #007398 !important;
      background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
      background-size: 225% auto !important;
      background-position: 0 100% !important; }
      .tiles .cat-tiles .cat-tile:hover, .tiles .cat-tiles .cat-tile.active {
        background-position: 95% 100% !important;
        color: #fff; }
      .tiles .cat-tiles .cat-tile.active {
        text-decoration: none; }
      .tiles .cat-tiles .cat-tile:hover {
        text-decoration: none; }
  .tiles .empty {
    display: none;
    background-color: #fff;
    padding: 20px 30px;
    text-align: center; }
  .tiles .container-tiles {
    text-align: left;
    width: 102%;
    margin-left: -1%; }
  .tiles .tiles-item {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    line-height: 1.8em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 3 - 33px);
    margin: 0 15px;
    text-align: left;
    margin-bottom: 30px; }
    .tiles .tiles-item .date {
      position: relative;
      height: 45px;
      line-height: 45px;
      text-align: left;
      padding-left: 30px;
      background: #004379; }
      .tiles .tiles-item .date span {
        display: inline-block;
        font-size: 18px;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
        color: #fff; }
    .tiles .tiles-item > .tiles-inner {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin: 0;
      padding: 26px 30px 16px;
      height: 20px;
      height: auto;
      position: relative;
      background: #fff;
      -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 .petit_titre {
      font-weight: bold;
      color: #7BBB58;
      text-transform: none;
      display: block;
      margin: 0;
      padding: 0;
      margin-bottom: 15px;
      text-align: center; }
    .tiles .tiles-item .info {
      max-height: 300px; }
      .tiles .tiles-item .info .petit_titre {
        text-align: left;
        line-height: 28px; }
      .tiles .tiles-item .info .text-intro {
        margin: 10px 0;
        font-weight: normal;
        color: #7BBB58;
        text-align: left; }
      .tiles .tiles-item .info .groupe-bouton {
        text-align: center; }
        .tiles .tiles-item .info .groupe-bouton a {
          margin-left: 25px; }
      .tiles .tiles-item .info .text-full {
        display: none; }
    .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 {
      background-color: #004379;
      position: relative; }
      .tiles .tiles-item .tiles-pictures .tiles-picture {
        width: 100%;
        height: 240px;
        line-height: 240px;
        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: auto;
        background-position: center;
        overflow: hidden;
        position: relative; }
        .tiles .tiles-item .tiles-pictures .tiles-picture .image {
          min-width: 100% !important;
          height: 240px !important;
          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 .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 .container-tiles {
    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;
      max-width: 730px;
      width: 100%; }
      .tiles.tiles-zoom .container-tiles .tiles-item.selected .tiles-inner {
        height: auto !important; }
        .tiles.tiles-zoom .container-tiles .tiles-item.selected .tiles-inner .info {
          max-height: none; }
      .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 .tiles-zoom-button {
    display: block;
    width: 100%;
    max-width: 730px;
    margin: auto; }

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

.tournois .info {
  margin: 15px 0 0; }

.ligues,
.tournois {
  background-color: #f4f4f4 !important; }

.salles .tiles-item {
  width: calc(100% / 2 - 30px);
  background: transparent; }
  .salles .tiles-item .tiles-inner {
    padding: 0; }
  .salles .tiles-item .info {
    margin-bottom: 18px; }
  .salles .tiles-item .tiles-pictures .tiles-picture {
    height: 330px !important;
    line-height: 330px !important; }
    .salles .tiles-item .tiles-pictures .tiles-picture .image {
      height: 330px !important; }

.articles .tiles-item > .tiles-inner {
  padding-bottom: 45px; }
  .articles .tiles-item > .tiles-inner .info {
    overflow: hidden; }
  .articles .tiles-item > .tiles-inner .groupe-bouton {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px; }
    .articles .tiles-item > .tiles-inner .groupe-bouton .bouton-readmore {
      background-color: #004379; }
.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%; }

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

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

.services {
  text-align: center; }
  .services .inner {
    padding-bottom: 110px; }
  .services .services-element {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 20px 15px 20px;
    padding: 25px;
    max-width: 360px;
    background-color: #fff;
    vertical-align: top; }
    .services .services-element .bouton-readmore {
      background: #007398 !important;
      background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
      background-size: 225% auto !important;
      background-position: 0 100% !important;
      text-align: center;
      margin-left: 20px; }
      .services .services-element .bouton-readmore:hover, .services .services-element .bouton-readmore.active {
        background-position: 95% 100% !important;
        color: #fff; }
    .services .services-element .services-icon {
      width: 100px;
      height: 100px;
      margin: 0px auto 25px 0px;
      border-radius: 100px;
      background-color: #004379;
      position: relative; }
      .services .services-element .services-icon img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
    .services .services-element.couleur-violet .bouton-readmore {
      background: #007398 !important;
      background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
      background-size: 225% auto !important;
      background-position: 0 100% !important; }
      .services .services-element.couleur-violet .bouton-readmore:hover, .services .services-element.couleur-violet .bouton-readmore.active {
        background-position: 95% 100% !important;
        color: #fff; }
    .services .services-element.couleur-violet .services-icon {
      background-color: #008FC3; }
    .services .services-element.couleur-gris .bouton-readmore {
      background: #007398 !important;
      background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
      background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
      background-size: 225% auto !important;
      background-position: 0 100% !important; }
      .services .services-element.couleur-gris .bouton-readmore:hover, .services .services-element.couleur-gris .bouton-readmore.active {
        background-position: 95% 100% !important;
        color: #fff; }
    .services .services-element.couleur-gris .services-icon {
      background-color: #7BBB58; }
    .services .services-element .content {
      height: 170px;
      margin-bottom: 30px;
      overflow: hidden;
      text-align: left; }
    .services .services-element h3 {
      text-align: left !important;
      margin-bottom: 20px; }
    .services .services-element .texte {
      color: #7BBB58;
      text-align: left !important; }
      .services .services-element .texte p {
        color: #888; }

.partner {
  background-color: #fff; }

.carte img {
  margin-bottom: -1px; }

.video .inner {
  padding: 0px 30px; }
.video.marges .inner {
  padding-top: 75px; }

#carousel-partenaire .slick-list {
  width: calc(100% - 120px);
  margin: 35px auto 0px; }
  #carousel-partenaire .slick-list .slick-slide {
    opacity: .7; }
    #carousel-partenaire .slick-list .slick-slide img {
      display: block;
      width: 80%;
      margin: auto; }
    #carousel-partenaire .slick-list .slick-slide:hover {
      opacity: 1; }
#carousel-partenaire .slick-arrow {
  position: absolute;
  top: 20px;
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  text-align: center;
  line-height: 45px;
  border-radius: 100px;
  -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: #007398 !important;
  background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%) !important;
  background: linear-gradient(to right, #007398 0%, #c287ec 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ) !important;
  background-size: 225% auto !important;
  background-position: 0 100% !important; }
  #carousel-partenaire .slick-arrow:hover, #carousel-partenaire .slick-arrow.active {
    background-position: 95% 100% !important;
    color: #fff; }
  #carousel-partenaire .slick-arrow i {
    font-size: 20px;
    color: #fff;
    vertical-align: middle; }
#carousel-partenaire .slick-prev {
  left: 0px; }
#carousel-partenaire .slick-next {
  right: 0px; }

.temoignage .inner {
  padding: 100px 30px; }
.temoignage .icon {
  display: block;
  width: 68px;
  height: 68px;
  margin: 0px auto 20px; }
.temoignage #carousel-temoignage .slick-slide {
  outline: none;
  text-align: center; }
  .temoignage #carousel-temoignage .slick-slide blockquote {
    font-size: 19px;
    line-height: 32px; }
    .temoignage #carousel-temoignage .slick-slide blockquote > span {
      font-weight: 900;
      color: #008FC3 !important; }
  .temoignage #carousel-temoignage .slick-slide .temoin {
    margin-top: 30px;
    line-height: 22px; }
.temoignage #carousel-temoignage .slick-dots {
  text-align: center;
  margin: 30px auto 0px; }
  .temoignage #carousel-temoignage .slick-dots li {
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    margin: 0px 9px; }
    .temoignage #carousel-temoignage .slick-dots li button {
      display: block;
      height: 10px;
      width: 10px;
      padding: 0px;
      border: 0px;
      border-radius: 10px;
      outline: none;
      background: #fff;
      cursor: pointer;
      color: transparent; }
      .temoignage #carousel-temoignage .slick-dots li button * {
        display: none; }
    .temoignage #carousel-temoignage .slick-dots li.slick-active button {
      background: #008FC3; }
.temoignage .bouton-groupe {
  margin-top: 30px;
  text-align: center; }
.temoignage.blocSombre blockquote {
  color: #fff; }
.temoignage.blocClair blockquote, .temoignage.blocClair .temoin {
  color: #7BBB58; }
.temoignage.blocClair #carousel-temoignage .slick-dots li button {
  background-color: #7BBB58; }
.temoignage.blocClair #carousel-temoignage .slick-dots li.slick-active button {
  background: #008FC3; }

.sos {
  margin: -50px auto 100px; }
  .sos .inner {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    text-align: center; }
    .sos .inner .container {
      background-color: #008FC3; }
    .sos .inner .col-3 {
      width: calc(100% / 3 - 3px);
      text-align: center;
      min-width: 290px;
      display: inline-block;
      vertical-align: middle;
      margin: auto; }
      .sos .inner .col-3 .cercle {
        display: block;
        height: 0px;
        width: calc(100% - 60px);
        margin: auto;
        padding-bottom: calc(100% - 60px);
        border-radius: 500px;
        line-height: 100%;
        position: relative;
        overflow: hidden;
        border: 30px solid #eee;
        margin: -30px auto; }
        .sos .inner .col-3 .cercle.cercle-bleu .overlay {
          background-color: #004379; }
        .sos .inner .col-3 .cercle.cercle-violet .overlay {
          background-color: #008FC3; }
        .sos .inner .col-3 .cercle.cercle-gris .overlay {
          background-color: #7BBB58; }
        .sos .inner .col-3 .cercle .overlay {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          margin: auto;
          border-radius: 500px; }
          .sos .inner .col-3 .cercle .overlay.overlay-gradient {
            opacity: 0;
            z-index: 3;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            background: #007398;
            background: -moz-linear-gradient(left, #007398 0%, #c287ec 100%);
            background: -webkit-linear-gradient(left, #007398 0%, #c287ec 100%);
            background: linear-gradient(to right, #007398 0%, #c287ec 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#c287ec',GradientType=1 ); }
          .sos .inner .col-3 .cercle .overlay.overlay-color {
            opacity: 0.8;
            z-index: 2;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease; }
          .sos .inner .col-3 .cercle .overlay.overlay-image {
            background-position: center;
            z-index: 1;
            background-size: 125%; }
        .sos .inner .col-3 .cercle:hover .overlay-color {
          opacity: 0; }
        .sos .inner .col-3 .cercle:hover .overlay-gradient {
          opacity: 0.8; }
        .sos .inner .col-3 .cercle .content {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          z-index: 4;
          margin: auto;
          border-radius: 500px;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-flow: row wrap;
          justify-content: center;
          flex-direction: column; }
          .sos .inner .col-3 .cercle .content .titre_petit {
            color: #fff;
            text-transform: uppercase;
            font-size: 21px;
            margin: 20px auto 12px;
            font-weight: bold; }
          .sos .inner .col-3 .cercle .content .titre {
            color: #fff;
            font-size: 60px;
            line-height: 61px;
            text-transform: uppercase; }
            .sos .inner .col-3 .cercle .content .titre strong {
              text-transform: none; }

@media only screen and (min-width: 1100px) {
  .modeMobile {
    display: none !important; } }
@media only screen and (max-width: 1100px) {
  .modeDesktop {
    display: none !important; }

  .modeMobile {
    display: block; }

  header {
    top: 0;
    height: 60px; }
    header .nav-inner {
      height: 60px; }
      header .nav-inner .logo {
        width: 162px;
        height: 60px;
        position: absolute;
        -webkit-transition: all 0 ease;
        -moz-transition: all 0 ease;
        -ms-transition: all 0 ease;
        -o-transition: all 0 ease;
        transition: all 0 ease; }
    header #nav-sticky {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    header .menuTriggerBtn {
      line-height: 60px; }

  .menuTelephone,
  .menuUtilitaire {
    display: none; }

  .menuPrincipal {
    list-style: none;
    height: 100%;
    line-height: 60px; }
    .menuPrincipal > li {
      position: static;
      float: left;
      border: 0;
      float: none;
      margin: 0 !important;
      list-style: none; }
      .menuPrincipal > li > div {
        position: relative; }
        .menuPrincipal > li > div > a {
          line-height: 60px;
          right: 0px;
          top: 0px;
          vertical-align: middle;
          display: block;
          position: absolute;
          text-align: center;
          padding: 0px 50px 0px 10px;
          background-image: url("../images/icon_menu.png") !important;
          background-repeat: no-repeat;
          background-position: 100% 50%; }
          .menuPrincipal > li > div > a:hover {
            text-decoration: none;
            background-image: url("../images/icon_menu-hover.png") !important;
            background-repeat: no-repeat;
            background-position: 100% 50%; }
        .menuPrincipal > li > div > ul {
          background-color: #7BBB58;
          top: 60px;
          border-radius: 0;
          font-size: 1.2em;
          position: absolute;
          left: inherit;
          max-width: 100%;
          padding: 0;
          border-bottom: 3px solid #004379;
          -webkit-transition: top 300ms ease;
          -moz-transition: top 300ms ease;
          -ms-transition: top 300ms ease;
          -o-transition: top 300ms ease;
          transition: top 300ms ease;
          text-align: left !important;
          position: absolute !important;
          width: 100%;
          display: none;
          text-align: center;
          z-index: 101; }
          .menuPrincipal > li > div > ul.sticky {
            top: 60px; }
          .menuPrincipal > li > div > ul > li {
            display: block;
            position: relative !important;
            width: 100%; }
            .menuPrincipal > li > div > ul > li a {
              padding: 14px 40px;
              display: block;
              font-size: 14px;
              line-height: 14px;
              background: none !important;
              color: #fff; }
              .menuPrincipal > li > div > ul > li a span {
                font-size: 14px;
                padding-bottom: 4px; }
            .menuPrincipal > li > div > ul > li a:hover {
              text-decoration: none; }
          .menuPrincipal > li > div > ul > li:hover,
          .menuPrincipal > li > div > ul > li.active,
          .menuPrincipal > li > div > ul > li.click {
            background-color: #004379; }
          .menuPrincipal > li > div > ul > li.menu {
            background-image: url("../images/menu_close.png");
            background-position: 96% 14px;
            background-repeat: no-repeat; }
            .menuPrincipal > li > div > ul > li.menu > a {
              padding-left: 40px; }
          .menuPrincipal > li > div > ul > li.menu.click {
            background-image: url("../images/menu_open.png"); }
            .menuPrincipal > li > div > ul > li.menu.click ul ul li {
              line-height: 30px; }
              .menuPrincipal > li > div > ul > li.menu.click ul ul li a {
                padding: 8px 40px;
                padding-left: 80px;
                background-color: #2a2a2a !important;
                color: #fff;
                text-decoration: none; }
                .menuPrincipal > li > div > ul > li.menu.click ul ul li a:hover {
                  background-color: #004379 !important; }
              .menuPrincipal > li > div > ul > li.menu.click ul ul li:hover a {
                background-color: #004379 !important; }
          .menuPrincipal > li > div > ul > li > ul {
            display: block;
            position: relative !important;
            top: inherit;
            left: inherit;
            width: 100%;
            text-align: left;
            display: none;
            background-color: #fff; }
            .menuPrincipal > li > div > ul > li > ul > li {
              display: block !important;
              position: relative !important;
              width: 100%; }
              .menuPrincipal > li > div > ul > li > ul > li > a {
                display: block;
                color: #7BBB58;
                padding: 8px 30px 8px 60px;
                line-height: 14px;
                font-size: 0.9em;
                text-transform: none; }
              .menuPrincipal > li > div > ul > li > ul > li > a:hover {
                color: #fff;
                text-decoration: none; }
              .menuPrincipal > li > div > ul > li > ul > li .icon {
                width: 16px;
                height: 16px;
                background-size: 100%;
                display: inline-block;
                margin-right: 10px;
                vertical-align: middle; }
            .menuPrincipal > li > div > ul > li > ul > li.active,
            .menuPrincipal > li > div > ul > li > ul > li:hover {
              background-color: #004379; }
              .menuPrincipal > li > div > ul > li > ul > li.active > a,
              .menuPrincipal > li > div > ul > li > ul > li:hover > a {
                color: #fff;
                text-decoration: none; }
                .menuPrincipal > li > div > ul > li > ul > li.active > a .icon .inactive,
                .menuPrincipal > li > div > ul > li > ul > li:hover > a .icon .inactive {
                  display: none; }

  .bandeau .inner {
    padding-top: 67px; }

  .container-Slogan .slogan > .info {
    padding: 0px 30px; }
    .container-Slogan .slogan > .info .gros_titre {
      font-size: 24px;
      line-height: 30px;
      padding: 30px 0px; }

  footer > .contact .contact .info .tel_titre span {
    font-size: 32px;
    line-height: 81px;
    vertical-align: top; }

  .articles .contain,
  .double .contain,
  .doubleBleed .contain {
    width: auto; }
  .articles article,
  .double article,
  .doubleBleed article {
    width: auto; }

  .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); }

  .service .col1 {
    display: none; } }
@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 (max-width: 1000px) {
  #pageloader {
    display: none !important; }

  .container-Slogan .slogan > .info {
    top: 24%; } }
@media only screen and (max-width: 900px) {
  .quickLink {
    background-color: #2a2a2a;
    padding-top: 70px; }
    .quickLink .inner ul {
      position: relative;
      top: auto;
      left: auto;
      display: block;
      width: 100%; }
      .quickLink .inner ul li {
        width: 300px; }

  .quickLink + .container {
    padding-top: 0px; }

  .tiles .tiles-item {
    width: calc(100% / 2 - 33px); }

  .contact .cols .col {
    float: none;
    width: 100%;
    padding: 0;
    margin: 50px auto;
    text-align: center; }

  .readMore .grid:not(:last-of-type) {
    float: none;
    width: 100%; }

  .servicedetail .header .texte {
    float: none;
    width: 100%;
    margin: 0px auto; }
    .servicedetail .header .texte .services-icon {
      float: none;
      margin: 0px; }
    .servicedetail .header .texte h2 {
      margin-top: 20px; }
  .servicedetail .header .image {
    float: none;
    width: 100%;
    margin: 0px auto;
    height: 320px; }

  .soumission .inner .contain {
    float: none !important; }
  .soumission .inner .col {
    float: none !important;
    margin-top: 20px !important; } }
@media only screen and (max-width: 875px) {
  #enteteSlideshow .inner {
    padding-top: 100px; }
    #enteteSlideshow .inner .titres h1 {
      font-size: 21px; }
    #enteteSlideshow .inner .titres h2 {
      font-size: 32px;
      letter-spacing: 16px;
      line-height: 50px; } }
@media only screen and (max-width: 820px) {
  .margin-fix {
    margin: 0px auto; }

  .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 {
    float: none;
    width: 100%;
    display: block;
    text-align: center; }
    footer .contact .contact .gros_titre {
      text-align: center; }
    footer .contact .contact .inner {
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 0;
      max-width: 100%;
      float: none; }
      footer .contact .contact .inner .row {
        text-align: center; }
  footer .contact .formulaire {
    float: none;
    width: auto;
    display: block;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center; }
    footer .contact .formulaire .gros_titre {
      text-align: center; }
    footer .contact .formulaire .inner {
      max-width: 100%;
      float: none; }
      footer .contact .formulaire .inner h2 {
        padding-left: 0;
        text-align: center; }
      footer .contact .formulaire .inner form {
        padding-left: 0;
        border: none; }
      footer .contact .formulaire .inner #formulaire_contact {
        margin-top: 0; }
    footer .contact .formulaire input[type="text"], footer .contact .formulaire input[type="email"], footer .contact .formulaire input[type="phone"], footer .contact .formulaire textarea {
      width: 100%; }
    footer .contact .formulaire form > div > div {
      text-align: center; }

  .realisations .contain #container-realisations .tiles-item {
    width: calc(100% / 2 - 1px); }

  .background-video {
    background: url("../images/poster.png") #000 no-repeat center/cover fixed; }

  video {
    display: none; } }
@media only screen and (max-width: 790px) {
  #carousel-partenaire .slick-list {
    width: 100%;
    margin: 35px auto 0px; } }
@media only screen and (max-width: 770px) {
  #enteteSlideshow {
    text-align: center;
    height: auto; }
    #enteteSlideshow .inner .titres h1 {
      margin: 0px auto;
      text-align: center; }
    #enteteSlideshow .inner .titres h2 {
      margin: 0px auto;
      text-align: center; }
    #enteteSlideshow .inner .titres hr {
      margin: 20px auto 0px; }
    #enteteSlideshow .inner .footer {
      text-align: left; }
      #enteteSlideshow .inner .footer .pastille {
        float: none;
        margin: 0px auto;
        text-align: center; }
      #enteteSlideshow .inner .footer .vertical {
        float: none;
        height: auto;
        margin: 0px auto;
        padding: 12px 0px;
        text-align: center;
        display: block; }
      #enteteSlideshow .inner .footer .mrc-logo {
        display: block;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 40px auto 40px; }
      #enteteSlideshow .inner .footer .peribonka-logo {
        display: block;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0px auto 0px; }

  .generic .contain.half, .generic .image,
  .video .contain.half, .video .image,
  .porteouverte .table {
    width: 100% !important;
    float: none !important;
    margin: 0px auto; }

  .video .image {
    margin-top: 20px; } }
@media only screen and (max-width: 750px) {
  .equipe .content {
    float: none;
    width: auto;
    text-align: center; }
    .equipe .content h1 {
      text-align: center; }
  .equipe .bg-image {
    float: none;
    width: auto;
    height: 0px;
    margin-top: 30px;
    padding-bottom: 66%; }

  #enteteSlideshow {
    min-height: initial; }
    #enteteSlideshow .container-Fullscreen {
      height: 55vw;
      min-height: 200px; }
    #enteteSlideshow .container-Slogan {
      position: relative; }
      #enteteSlideshow .container-Slogan .slogan > .info .gros_titre {
        font-size: 20px;
        line-height: 24px;
        padding: 20px 0px; }

  .presenterBig .foreground,
  .presenterMid .foreground {
    display: none; }
  .presenterBig .inner > div,
  .presenterMid .inner > div {
    width: 100%;
    padding: 0px; }
  .presenterBig.right .inner > div,
  .presenterMid.right .inner > div {
    width: 100%;
    padding: 0px; }

  .temoignage #carousel-temoignage .slick-slide blockquote {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    font-style: italic; } }
@media only screen and (max-width: 676px) {
  .quickLink .inner ul li {
    margin-bottom: 30px; } }
@media only screen and (max-width: 650px) {
  .readMore .grid:not(:last-of-type) {
    padding: 30px; }
  .readMore .grid:last-of-type tr:first-child td:first-child {
    display: none; }

  .tiles .cat-tiles .cat-tile {
    margin-bottom: 12px; }

  section.generic .floatRight,
  section.generic .floatLeft {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important; }

  .servicedetail .header .image {
    height: 260px; } }
@media only screen and (max-width: 575px) {
  h1, .gros_titre {
    font-size: 22px; }

  footer #contact .gros_titre {
    height: auto; }

  .container-Slogan .slogan .info {
    width: 100%; }

  .services .services-element {
    box-sizing: border-box;
    margin: 20px auto 20px; }

  .presenterBig {
    font-size: 16px; }

  .tiles .tiles-item {
    width: calc(100%);
    margin: 0px auto 30px; }

  .bannierePhoto {
    max-height: 45vh; }

  .realisations .contain #container-realisations .tiles-item {
    float: none;
    width: 100%; }

  footer section:last-child .inner {
    text-align: center; }
    footer section:last-child .inner > .copyright {
      float: none;
      text-align: center; }

  footer #contact .formulaire {
    padding: 0px; }
    footer #contact .formulaire .g-recaptcha {
      text-align: center; }
      footer #contact .formulaire .g-recaptcha > div {
        margin: auto; }
    footer #contact .formulaire .submit-button {
      text-align: center; }
      footer #contact .formulaire .submit-button > a {
        float: none !important; }

  #enteteSlideshow .inner .titres h2 {
    font-size: 26px;
    letter-spacing: 11px;
    line-height: 35px; } }
@media only screen and (max-width: 450px) {
  .articles .inner {
    text-align: center; }
    .articles .inner .gros_titre,
    .articles .inner > .bouton {
      float: none !important; }

  footer > .contact .contact .info .tel_titre {
    height: auto; }
    footer > .contact .contact .info .tel_titre span {
      display: block;
      line-height: 40px; }

  .servicedetail .header .image {
    height: 200px; } }
@media only screen and (max-width: 400px) {
  .nav-inner {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .container-Slogan .slogan > .info {
    padding: 0px 15px; }

  section .inner {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .servicedetail .content {
    padding: 30px 15px; }

  footer > .contact .contact .info {
    padding: 30px 15px; }

  .tiles .tiles-item .date {
    padding-left: 15px; }
  .tiles .tiles-item > .tiles-inner {
    padding: 26px 15px 16px; }

  .services .services-element {
    padding: 25px 15px; }

  .quickLink .inner ul li {
    width: 280px;
    margin-bottom: 15px; } }
@media print {
  .noPrint, #bandeauPageContainer {
    display: none !important; }

  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%; } }

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