@charset "UTF-8";
/*-- import fichiers scss--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*-- font --*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*# sourceMappingURL=normalize.css.map */
[class*='flex'] {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flexCenter {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flexRight {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flexJustify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flexBottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flexMiddle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flexNoWrap, .flexNeverWrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.flexInv {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flexColumn {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flexColumnInv {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flexStretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

/*-- Declaration variables--*/
/*Bleu1*/
/*orange*/
/*grisBleu*/
/*Bleu2*/
/*grisClair*/
/* vert pomme clair*/
/* vert pomme fonc├®*/
#fndBtn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
  position: absolute;
  z-index: 1;
  background: #ffffff;
  opacity: 0;
  left: calc(50% - 1px);
  top: 60px;
  height: 2px;
  min-width: 2px;
  width: 2px;
  /*    -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);*/ }

#header {
  position: absolute;
  top: 0px;
  z-index: 99;
  left: 50%;
  width: 100%;
  margin: 0px auto;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-transition: all 0.5s ease, background-color 0s ease;
  -moz-transition: all 0.5s ease, background-color 0s ease;
  -o-transition: all 0.5s ease, background-color 0s ease;
  transition: all 0.5s ease, background-color 0s ease;
  background-color: #ffffff; }
  #header #lienLogoMob {
    max-width: calc(100% - 55px);
    width: calc(100% - 55px);
    position: absolute;
    top: 0;
    left: 55px;
    height: 55px;
    display: none;
    font-size: 0;
    color: transparent; }
  #header #navbar {
    width: 100%;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    /*        max-height: 60px;*/ }
    #header #navbar #burger {
      width: 55px;
      height: 55px;
      /*background-color:$couleur1;*/
      display: none;
      position: absolute;
      z-index: 999;
      top: 0;
      right: -60px;
      cursor: pointer;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.5s ease; }
      #header #navbar #burger .barM {
        width: 50%;
        display: block;
        left: 50%;
        top: 50%;
        height: 2px;
        position: absolute;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.5s ease;
        background-color: #ffffff;
        opacity: 1;
        box-shadow: 0px 2px 0 #49596e; }
        #header #navbar #burger .barM#bar1 {
          -webkit-transform: translate(-50%, -8px) rotate(0deg);
          -moz-transform: translate(-50%, -8px) rotate(0deg);
          -o-transform: translate(-50%, -8px) rotate(0deg);
          -ms-transform: translate(-50%, -8px) rotate(0deg);
          transform: translate(-50%, -8px) rotate(0deg); }
        #header #navbar #burger .barM#bar2 {
          -webkit-transform: translate(-50%, 0%) rotate(0deg);
          -moz-transform: translate(-50%, 0%) rotate(0deg);
          -o-transform: translate(-50%, 0%) rotate(0deg);
          -ms-transform: translate(-50%, 0%) rotate(0deg);
          transform: translate(-50%, 0%) rotate(0deg); }
        #header #navbar #burger .barM#bar3 {
          -webkit-transform: translate(-50%, 8px) rotate(0deg);
          -moz-transform: translate(-50%, 8px) rotate(0deg);
          -o-transform: translate(-50%, 8px) rotate(0deg);
          -ms-transform: translate(-50%, 8px) rotate(0deg);
          transform: translate(-50%, 8px) rotate(0deg); }
      #header #navbar #burger.cheese {
        background-color: transparent;
        right: 0;
        -webkit-transform: rotate(-270deg);
        -moz-transform: rotate(-270deg);
        -o-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
        transform: rotate(-270deg); }
        #header #navbar #burger.cheese .barM {
          background-color: #ffffff;
          box-shadow: 0px 0px 0 #49596e; }
          #header #navbar #burger.cheese .barM#bar1 {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -moz-transform: translate(-50%, -50%) rotate(-45deg);
            -o-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg); }
          #header #navbar #burger.cheese .barM#bar2 {
            opacity: 0; }
          #header #navbar #burger.cheese .barM#bar3 {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -moz-transform: translate(-50%, -50%) rotate(45deg);
            -o-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }
    #header #navbar #nav_second {
      display: none;
      width: calc(100% - 60px);
      max-width: calc(1200px - 60px);
      margin: 10px auto; }
      #header #navbar #nav_second ul li a {
        color: #ffffff;
        padding: 20px 10px;
        display: block;
        font-weight: 300; }
        #header #navbar #nav_second ul li a img {
          margin: 0px 0px 0px 5px;
          top: 1px; }
        #header #navbar #nav_second ul li a:after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 10px;
          height: 2px;
          width: 0%;
          background-color: #ffffff;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #header #navbar #nav_second ul li a:hover:after {
          width: 50%; }
      #header #navbar #nav_second ul #reseauxSoc {
        height: 30px;
        padding: 0 10px; }
        #header #navbar #nav_second ul #reseauxSoc .resSoc {
          font-size: 0;
          color: transparent;
          width: 30px;
          height: 30px;
          z-index: 1;
          margin: 0 3px;
          background-color: rgba(255, 255, 255, 0.3);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
          padding: 0;
          border-radius: 50%; }
          #header #navbar #nav_second ul #reseauxSoc .resSoc:after {
            content: "";
            z-index: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: absolute;
            background-size: contain;
            background-size: 110% auto;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            background-color: transparent;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            z-index: 1; }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.fb:after {
            background-image: url(../skins/img/fb.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.yt:after {
            background-image: url(../skins/img/yt.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.gle:after {
            background-image: url(../skins/img/gle.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.tw:after {
            background-image: url(../skins/img/tw.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.inst:after {
            background-image: url(../skins/img/inst.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.lkdn:after {
            background-image: url(../skins/img/lkdn.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc.trip:after {
            background-image: url(../skins/img/trip.png); }
          #header #navbar #nav_second ul #reseauxSoc .resSoc:before {
            display: none;
            content: "";
            z-index: 0;
            width: 44px;
            height: 44px;
            background-color: #49596e;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border: 0px solid #49596e; }
          #header #navbar #nav_second ul #reseauxSoc .resSoc:hover {
            background-color: #f39229; }
            #header #navbar #nav_second ul #reseauxSoc .resSoc:hover:before {
              border: 15px solid rgba(73, 89, 110, 0);
              opacity: 0.5; }
    #header #navbar #nav_page {
      width: calc(100% - 60px);
      max-width: calc(1200px - 60px);
      margin: 0 auto;
      padding: 0 0px;
      box-sizing: border-box;
      max-height: 67px;
      min-width: 1000px;
      background-color: #ffffff; }
      #header #navbar #nav_page #nav_secondMob {
        display: none; }
      #header #navbar #nav_page.type0 {
        min-width: auto; }
      #header #navbar #nav_page #logoHead {
        z-index: 4;
        height: 67px;
        background-color: #49596e;
        min-width: 300px;
        /*display:none;*/ }
        #header #navbar #nav_page #logoHead img {
          position: absolute;
          left: calc(50%);
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          max-height: 67px;
          width: auto; }
      #header #navbar #nav_page ul {
        width: auto;
        /*background-color:$blanc;*/
        padding-left: 10px;
        height: 67px; }
        #header #navbar #nav_page ul.type0 {
          position: relative; }
        #header #navbar #nav_page ul.type1 {
          position: unset;
          padding: 20px 20px; }
        #header #navbar #nav_page ul li {
          padding: 5px 0;
          color: #ffffff;
          font-family: "Open Sans", sans-serif;
          -webkit-transition: all 0.3s, background-color 0s ease, padding 0s ease;
          -moz-transition: all 0.3s, background-color 0s ease, padding 0s ease;
          -o-transition: all 0.3s, background-color 0s ease, padding 0s ease;
          transition: all 0.3s, background-color 0s ease, padding 0s ease; }
          #header #navbar #nav_page ul li.type0 {
            position: relative;
            color: #080f19; }
          #header #navbar #nav_page ul li.type1 {
            position: unset; }
          #header #navbar #nav_page ul li.res {
            border: 0; }
          #header #navbar #nav_page ul li.has_kids .flech {
            display: none; }
          #header #navbar #nav_page ul li.flag {
            padding: 20px 0; }
          #header #navbar #nav_page ul li a {
            color: #49596e;
            white-space: nowrap;
            font-size: 12pt;
            padding: 16px 15px;
            font-weight: 600;
            display: block;
            z-index: 2; }
            #header #navbar #nav_page ul li a.home #homeNoir {
              display: block; }
            #header #navbar #nav_page ul li a.home #home {
              display: none; }
            #header #navbar #nav_page ul li a.contakt #contaktNoir {
              display: inline-block;
              margin: 0px 0px 0 4px;
              top: 1px; }
            #header #navbar #nav_page ul li a.contakt #contakt {
              display: none; }
            #header #navbar #nav_page ul li a.flag {
              background-size: cover;
              margin: 0 5px;
              width: 26px;
              height: 17px;
              padding: 0;
              font-size: 0;
              color: transparent;
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat;
              top: -1px; }
              #header #navbar #nav_page ul li a.flag.fr {
                background-image: url(../skins/langues/fr_big.jpg); }
              #header #navbar #nav_page ul li a.flag.en {
                background-image: url(../skins/langues/en_big.jpg); }
              #header #navbar #nav_page ul li a.flag.oc {
                background-image: url(../skins/langues/oc_big.jpg); }
          #header #navbar #nav_page ul li.selected:after {
            width: calc(100% - 30px); }
          #header #navbar #nav_page ul li.selected.imgMenu:after {
            width: calc(2px); }
          #header #navbar #nav_page ul li.selected a {
            color: #49596e; }
            #header #navbar #nav_page ul li.selected a:after, #header #navbar #nav_page ul li.selected a:before {
              opacity: 0; }
            #header #navbar #nav_page ul li.selected a.home {
              /*                                #homeNoir{display:block;}
                                              #home{display:none;}*/ }
              #header #navbar #nav_page ul li.selected a.home #homeNoir {
                display: block; }
              #header #navbar #nav_page ul li.selected a.home #home {
                display: none; }
            #header #navbar #nav_page ul li.selected a.contakt {
              /*                                #contaktNoir{display:block;}
                                              #contakt{display:none;}*/ }
              #header #navbar #nav_page ul li.selected a.contakt #contaktNoir {
                display: inline-block; }
              #header #navbar #nav_page ul li.selected a.contakt #contakt {
                display: none; }
          #header #navbar #nav_page ul li.selected + li a:before {
            opacity: 0; }
          #header #navbar #nav_page ul li.enAvant a {
            color: #ffffff; }
            #header #navbar #nav_page ul li.enAvant a:after, #header #navbar #nav_page ul li.enAvant a:before {
              opacity: 0; }
          #header #navbar #nav_page ul li.enAvant + li a:before {
            opacity: 0; }
          #header #navbar #nav_page ul li.enAvant:before {
            content: "";
            position: absolute;
            width: 100%;
            height: calc(100% - 5px);
            bottom: 5px;
            left: 0;
            background-color: #49596e;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          #header #navbar #nav_page ul li:after {
            content: "";
            position: absolute;
            width: 0%;
            height: 2px;
            z-index: 1;
            bottom: 15px;
            left: 50%;
            background-color: #49596e;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); }
          #header #navbar #nav_page ul li.has_kids:before {
            content: "";
            position: absolute;
            bottom: 5px;
            opacity: 0;
            left: 50%;
            z-index: 2;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #49596e transparent transparent transparent;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            -o-transition: all 0.1s ease;
            transition: all 0.1s ease; }
          #header #navbar #nav_page ul li:hover a {
            color: #49596e; }
            #header #navbar #nav_page ul li:hover a:after, #header #navbar #nav_page ul li:hover a:before {
              opacity: 0; }
            #header #navbar #nav_page ul li:hover a.home {
              /*                                #homeNoir{display:block;}
                                              #home{display:none;}*/ }
              #header #navbar #nav_page ul li:hover a.home #homeNoir {
                display: block; }
              #header #navbar #nav_page ul li:hover a.home #home {
                display: none; }
            #header #navbar #nav_page ul li:hover a.contakt {
              /*                                #contaktNoir{display:block;}
                                              #contakt{display:none;}*/ }
              #header #navbar #nav_page ul li:hover a.contakt #contaktNoir {
                display: inline-block; }
              #header #navbar #nav_page ul li:hover a.contakt #contakt {
                display: none; }
          #header #navbar #nav_page ul li:hover + li a:before {
            opacity: 0; }
          #header #navbar #nav_page ul li:hover:after {
            width: calc(100% - 30px); }
          #header #navbar #nav_page ul li:hover.flag:after {
            width: calc(100% - 10px); }
          #header #navbar #nav_page ul li:hover.imgMenu:after {
            width: calc(2px); }
          #header #navbar #nav_page ul li:hover.has_kids:before {
            opacity: 1;
            bottom: -2px; }
          #header #navbar #nav_page ul li .ss_lvl.type0 {
            position: absolute;
            width: 200px;
            top: 50px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            padding: 0 10px;
            background-color: #ffffff;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #header #navbar #nav_page ul li .ss_lvl.type0 h2 {
              text-align: right;
              padding-right: 50px;
              height: 100%;
              width: 250px; }
            #header #navbar #nav_page ul li .ss_lvl.type0 ul {
              width: 100%;
              padding: 0px 0px;
              height: auto; }
              #header #navbar #nav_page ul li .ss_lvl.type0 ul li {
                position: relative;
                width: calc(100%);
                border-top: 1px solid #f3f2f3;
                padding: 5px 0; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li:first-of-type {
                  border-top: 0; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li:after {
                  display: none; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li a {
                  color: #49596e;
                  text-align: center;
                  text-transform: capitalize;
                  display: block;
                  width: 100%;
                  font-weight: 500;
                  height: 100%;
                  font-size: 11pt;
                  padding: 10px;
                  white-space: unset;
                  z-index: 1; }
                  #header #navbar #nav_page ul li .ss_lvl.type0 ul li a span {
                    font-family: "Open Sans", sans-serif;
                    text-transform: uppercase;
                    display: block;
                    font-size: 13pt; }
                  #header #navbar #nav_page ul li .ss_lvl.type0 ul li a:not(.innactif):hover {
                    color: rgba(73, 89, 110, 0.8); }
                  #header #navbar #nav_page ul li .ss_lvl.type0 ul li a:before {
                    display: none; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li:nth-child(even):before {
                  background-color: #49596e; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li:nth-child(even) a:before {
                  background-color: #49596e; }
                #header #navbar #nav_page ul li .ss_lvl.type0 ul li:nth-child(even) a:after {
                  /*                                                background-image:url(../skins/img/serrure2.png);*/ }
          #header #navbar #nav_page ul li .ss_lvl.type1 {
            position: fixed;
            top: 59px;
            width: 100%;
            left: 0px;
            padding: 0 20px;
            background-color: #ffffff;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #header #navbar #nav_page ul li .ss_lvl.type1 h2 {
              text-align: right;
              padding-right: 50px;
              height: 100%;
              width: 250px; }
            #header #navbar #nav_page ul li .ss_lvl.type1 ul {
              padding: 0 40px;
              height: auto; }
              #header #navbar #nav_page ul li .ss_lvl.type1 ul li {
                position: relative;
                width: calc((100% / 3) - 20px);
                margin: 10px;
                background-position: 50% 50%;
                background-size: cover;
                background-repeat: no-repeat;
                border: 0; }
                #header #navbar #nav_page ul li .ss_lvl.type1 ul li:after {
                  content: "";
                  display: block;
                  padding-bottom: 100%; }
                #header #navbar #nav_page ul li .ss_lvl.type1 ul li a {
                  color: #ffffff;
                  text-align: center;
                  font-family: "Oswald", sans-serif;
                  text-transform: capitalize;
                  display: block;
                  width: 100%;
                  height: 100%;
                  font-size: 22pt;
                  padding-top: 60%;
                  white-space: unset;
                  position: absolute;
                  bottom: 0px;
                  left: 50%;
                  z-index: 1;
                  -webkit-transform: translate(-50%, 0%);
                  -moz-transform: translate(-50%, 0%);
                  -o-transform: translate(-50%, 0%);
                  -ms-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
                  overflow: hidden;
                  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
                  #header #navbar #nav_page ul li .ss_lvl.type1 ul li a span {
                    font-family: "Open Sans", sans-serif;
                    text-transform: uppercase;
                    display: block;
                    font-size: 13pt; }
                  #header #navbar #nav_page ul li .ss_lvl.type1 ul li a img {
                    position: absolute;
                    height: 200%;
                    left: 50%;
                    top: 50%;
                    z-index: -1;
                    width: auto;
                    -webkit-transform: scale(1) translate(-50%, -50%);
                    -moz-transform: scale(1) translate(-50%, -50%);
                    -o-transform: scale(1) translate(-50%, -50%);
                    -ms-transform: scale(1) translate(-50%, -50%);
                    transform: scale(1) translate(-50%, -50%);
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease; }
                  #header #navbar #nav_page ul li .ss_lvl.type1 ul li a:not(.innactif):hover {
                    color: #ffffff; }
                    #header #navbar #nav_page ul li .ss_lvl.type1 ul li a:not(.innactif):hover img {
                      -webkit-transform: scale(1.1) translate(-45%, -45%);
                      -moz-transform: scale(1.1) translate(-45%, -45%);
                      -o-transform: scale(1.1) translate(-45%, -45%);
                      -ms-transform: scale(1.1) translate(-45%, -45%);
                      transform: scale(1.1) translate(-45%, -45%); }
                #header #navbar #nav_page ul li .ss_lvl.type1 ul li:nth-child(even):before {
                  background-color: #49596e; }
                #header #navbar #nav_page ul li .ss_lvl.type1 ul li:nth-child(even) a:before {
                  background-color: #49596e; }
                #header #navbar #nav_page ul li .ss_lvl.type1 ul li:nth-child(even) a:after {
                  /*                                                background-image:url(../skins/img/serrure2.png);*/ }
          @media screen and (min-width: 1220px) {
            #header #navbar #nav_page ul li:hover > a {
              /*                                background-color:$blanc;*/ }
            #header #navbar #nav_page ul li:hover .type0.ss_lvl {
              padding-top: 0px;
              padding-bottom: 0px;
              max-height: 8000px;
              opacity: 1;
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
            #header #navbar #nav_page ul li:hover .type1.ss_lvl {
              padding-top: 50px;
              padding-bottom: 50px;
              max-height: 8000px;
              opacity: 1; } }
      #header #navbar #nav_page #nav_fonction {
        background-color: #f39229;
        padding-left: 86px;
        background-image: url("../skins/img/plus.png");
        background-position: 0% 50%;
        background-size: contain;
        width: 450px;
        background-repeat: no-repeat; }
        #header #navbar #nav_page #nav_fonction ul {
          padding: 0 30px 0 5px; }
          #header #navbar #nav_page #nav_fonction ul li {
            float: none;
            display: block; }
            #header #navbar #nav_page #nav_fonction ul li a {
              font-size: 11pt;
              color: #ffffff;
              padding: 5px 0 5px 0px;
              display: block; }
      #header #navbar #nav_page:before, #header #navbar #nav_page:after {
        width: calc((100vw - 1099px) / 2); }
      #header #navbar #nav_page:after {
        content: "";
        position: absolute;
        height: 100%;
        right: 0px;
        -webkit-transform: translate(100%, 0%);
        -moz-transform: translate(100%, 0%);
        -o-transform: translate(100%, 0%);
        -ms-transform: translate(100%, 0%);
        transform: translate(100%, 0%);
        background-color: #ffffff;
        top: 0; }
      #header #navbar #nav_page:before {
        content: "";
        position: absolute;
        height: 100%;
        left: 0px;
        -moz-transform: translate(-100%, 0%);
        -o-transform: translate(-100%, 0%);
        -ms-transform: translate(-100%, 0%);
        transform: translate(-100%, 0%);
        background-color: #49596e;
        top: 0; }

/*body:not(.scroll){
    #fndBtn{
        display:block;
    }
}*/
body.scroll {
  /*    #fndBtn{
          display:none;
      }*/ }
  body.scroll #header {
    max-width: 100%;
    z-index: 99999999999999;
    /*        background-color:$couleur1;
            background-image: url(../skins/img/logo.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position:50% 50%;*/
    top: 0;
    height: 55px;
    width: 100%;
    position: fixed;
    background-color: transparent;
    /*        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/ }
    body.scroll #header #lienLogoMob {
      display: none; }
    body.scroll #header #navbar {
      -webkit-transition: all 1s, width 0s ease;
      -moz-transition: all 1s, width 0s ease;
      -o-transition: all 1s, width 0s ease;
      transition: all 1s, width 0s ease;
      position: fixed;
      z-index: 999;
      min-height: 100vh;
      left: calc(-400px - 5px);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0);
      width: 400px;
      max-width: 100%; }
      @media screen and (max-width: 400px) {
        body.scroll #header #navbar {
          left: calc(-100% - 5px); } }
      body.scroll #header #navbar.peperoni {
        left: 0%; }
      body.scroll #header #navbar #burger {
        display: block; }
      body.scroll #header #navbar #nav_second {
        display: none; }
      body.scroll #header #navbar #nav_page {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100vh;
        background-color: #ffffff;
        max-height: 100vh;
        min-width: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%; }
        body.scroll #header #navbar #nav_page:before, body.scroll #header #navbar #nav_page:after {
          display: none; }
        body.scroll #header #navbar #nav_page #logoHead {
          display: block;
          position: relative;
          top: 0;
          width: calc(100%);
          left: 0px;
          text-align: center;
          min-height: 110px;
          text-align: center;
          /*background-color: $noir;*/ }
          body.scroll #header #navbar #nav_page #logoHead img {
            max-height: calc(100%);
            width: auto; }
        body.scroll #header #navbar #nav_page #nav_secondMob {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
        body.scroll #header #navbar #nav_page ul:not(#contFlag) {
          width: 100%;
          height: auto;
          padding: 0;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start; }
          body.scroll #header #navbar #nav_page ul:not(#contFlag) li {
            padding-bottom: 0px;
            min-height: auto;
            position: relative;
            color: #ffffff;
            max-width: 100%;
            border-right: 0;
            width: 100%;
            border-top: 1px solid #49596e;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.trait {
              display: none; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.type0 {
              position: relative; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.type1 {
              position: relative; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li:after {
              display: none; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.imgMenu {
              background-color: #f39229; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.has_kids {
              padding: 0 0px 0 0;
              margin: 0 0px 0 0;
              background-image: none;
              background-size: auto;
              background-position: calc(100% - 29px) 29px;
              background-repeat: no-repeat; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
                display: block;
                width: 58px;
                height: 58px;
                position: absolute;
                right: 0;
                top: 0;
                /*                                background-image: url(../skins/img/flecheVerte.png);*/
                background-size: auto;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                cursor: pointer;
                z-index: 3; }
                body.scroll #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech:after {
                  position: absolute;
                  content: "";
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -moz-transform: translate(-50%, -50%);
                  -o-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 13px 7.5px 0 7.5px;
                  border-color: #49596e transparent transparent transparent; }
                body.scroll #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech.depli {
                  -webkit-transform: rotate(180deg);
                  -moz-transform: rotate(180deg);
                  -o-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li.has_kids:before {
                display: none; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .ss_lvl {
              box-shadow: 0 0 10px rgba(0, 0, 0, 0); }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover a:not(.enAvant) {
              color: #080f19; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover a.enAvant {
              color: white; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li.enAvant:before, body.scroll #header #navbar #nav_page ul:not(#contFlag) li:before {
              height: 100%;
              bottom: 0; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li a {
              display: block;
              padding: 20px 15px;
              color: #080f19; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li a.enAvant {
                color: #ffffff; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li a:before, body.scroll #header #navbar #nav_page ul:not(#contFlag) li a:after {
                display: none; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li a:hover:not(.enAvant) {
                color: rgba(8, 15, 25, 0.8); }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li a:hover.enAvant {
                color: rgba(255, 255, 255, 0.8); }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 {
              position: relative;
              width: 100%;
              top: 0px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0.depli, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1.depli {
                max-height: 2000px;
                padding: 0 0;
                max-width: 100%;
                opacity: 1; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 h2, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 h2 {
                display: none; }
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul {
                width: calc(100% - 30px);
                margin: 0 15px;
                padding: 0; }
                body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li {
                  margin: 0px;
                  padding: 0px;
                  background-image: none !important;
                  border-top: 1px solid #f3f2f3;
                  position: relative;
                  width: calc(100%); }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:first-of-type, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:first-of-type {
                    border-top: 1px solid #f3f2f3; }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.type0, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.type0 {
                    position: relative; }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.type1, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.type1 {
                    position: relative; }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:after, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:before, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:after, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:before {
                    display: none; }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.innactif, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.innactif {
                    background-color: #e6e7e8; }
                    body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.innactif a, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.innactif a {
                      background-repeat: no-repeat;
                      background-size: 300px;
                      background-position: 100% 20%;
                      background-image: url(../skins/img/prochainement.png); }
                  body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a {
                    text-align: left;
                    font-family: "Open Sans", sans-serif;
                    text-transform: capitalize;
                    display: block;
                    width: 100%;
                    height: unset;
                    font-size: 11pt;
                    padding-top: 0%;
                    white-space: unset;
                    position: relative;
                    bottom: 0px;
                    left: 0%;
                    color: #080f19;
                    z-index: 1;
                    -webkit-transform: translate(0%, 0%);
                    -moz-transform: translate(0%, 0%);
                    -o-transform: translate(0%, 0%);
                    -ms-transform: translate(0%, 0%);
                    transform: translate(0%, 0%);
                    overflow: hidden;
                    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
                    padding: 20px 15px; }
                    body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:not(.innactif):hover, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:not(.innactif):hover {
                      color: rgba(8, 15, 25, 0.8); }
                    body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a span, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a span {
                      text-transform: initial;
                      display: inline-block; }
                    body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a img, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a img {
                      display: none; }
                    body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:before, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:after, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:before, body.scroll #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:after {
                      display: none; }
            body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .ss_lvl {
              padding: 0 0; }
            @media screen and (min-width: 1220px) {
              body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .type0.ss_lvl, body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .type1.ss_lvl {
                max-height: 0px;
                opacity: 0; }
                body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .type0.ss_lvl.depli, body.scroll #header #navbar #nav_page ul:not(#contFlag) li:hover .type1.ss_lvl.depli {
                  max-height: 8000px;
                  opacity: 1; } }
        body.scroll #header #navbar #nav_page ul#contFlag {
          width: 100%;
          border-top: 1px solid #49596e; }
        body.scroll #header #navbar #nav_page #nav_fonction {
          display: block;
          padding: 0;
          background-image: none;
          background-color: transparent;
          width: 100%; }
          body.scroll #header #navbar #nav_page #nav_fonction ul {
            width: 100%;
            padding: 0; }
            body.scroll #header #navbar #nav_page #nav_fonction ul li a {
              color: #080f19;
              display: block;
              padding: 20px 15px;
              white-space: nowrap;
              font-size: 13pt;
              text-transform: uppercase; }
          body.scroll #header #navbar #nav_page #nav_fonction .enveloppe {
            width: 100%;
            border-top: 1px solid #2b8994;
            border-bottom: 1px solid #2b8994; }
            body.scroll #header #navbar #nav_page #nav_fonction .enveloppe a {
              background-color: transparent;
              color: #080f19;
              background-image: none;
              display: block;
              padding: 20px 15px;
              white-space: nowrap;
              font-size: 13pt;
              font-family: "Oswald", sans-serif;
              text-transform: uppercase; }
        body.scroll #header #navbar #nav_page .cadenas {
          width: 55px;
          height: 55px;
          min-width: 55px; }

.share {
  color: #ffffff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  display: none !important; }
  .share span {
    z-index: 3; }
  .share:after {
    content: "";
    position: absolute;
    width: 500px;
    max-width: calc(100% - 80px);
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #49596e; }
  .share:before {
    content: "";
    position: absolute;
    width: 40px;
    border-radius: 50%;
    max-width: calc(100% - 80px);
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f39229; }

#share {
  /*    position: absolute;*/
  top: 10px;
  left: 50%;
  display: inline-block;
  z-index: 9;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  #share .addthis_toolbox.addthis_32x32_style span {
    border-radius: 50%;
    margin: 0 10px; }
  #share .addthis_button_pinterest_share {
    margin-left: 5px;
    margin-top: 4px; }
    #share .addthis_button_pinterest_share span {
      background-color: #f39229 !important;
      line-height: 24px !important;
      height: 24px !important;
      width: 24px !important;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #share .addthis_button_pinterest_share span svg {
        width: 27px !important;
        height: 27px !important;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
    #share .addthis_button_pinterest_share:hover span {
      background-color: #49596e !important; }
  #share .addthis_button_twitter span, #share .addthis_button_facebook span {
    background-color: transparent !important; }
    #share .addthis_button_twitter span svg, #share .addthis_button_facebook span svg {
      color: #f39229 !important;
      fill: currentColor;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #share .addthis_button_twitter span:hover svg, #share .addthis_button_facebook span:hover svg {
      color: #49596e !important; }

.ariane {
  max-width: 100%;
  padding: 15px 30px;
  color: #f39229;
  font-family: "Open Sans", sans-serif;
  font-size: 11pt;
  margin: 0 auto; }
  .ariane a {
    color: #f39229; }
    .ariane a:hover {
      color: #49596e; }
  .ariane .flAriane {
    padding: 0 10px;
    display: inline-block;
    color: #49596e;
    color: #e6e7e8;
    /*        min-width:31px;
            width:31px;*/
    /*        background-image:url(../skins/img/flecheFil.png);*/
    background-position: 50% 48%;
    background-size: auto;
    background-repeat: no-repeat; }

@media screen and (max-width: 1220px) {
  body.depart #fndBtn {
    display: none; }

  body.scroll #header #lienLogoMob {
    display: block;
    display: none; }

  #header {
    max-width: 100%;
    z-index: 999999;
    /*background-color:$couleur1;*/
    top: 0;
    height: 55px;
    width: 100%;
    position: fixed;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/ }
    #header #lienLogoMob {
      display: block;
      display: none;
      /*background-image: url(../skins/img/logo.png);*/
      background-repeat: no-repeat;
      background-size: auto 40px;
      background-position: 50% 50%; }
    #header #navbar {
      -webkit-transition: all 1s, width 0s ease;
      -moz-transition: all 1s, width 0s ease;
      -o-transition: all 1s, width 0s ease;
      transition: all 1s, width 0s ease;
      position: fixed;
      z-index: 999;
      min-height: 100vh;
      left: calc(-400px - 5px);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0);
      width: 400px;
      max-width: 100%; } }
    @media screen and (max-width: 1220px) and (max-width: 400px) {
      #header #navbar {
        left: calc(-100% - 5px); } }
@media screen and (max-width: 1220px) {
      #header #navbar.peperoni {
        left: 0%; }
      #header #navbar #burger {
        display: block; }
      #header #navbar #nav_second {
        display: none; }
      #header #navbar #nav_page {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100vh;
        background-color: #ffffff;
        max-height: 100vh;
        min-width: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%; }
        #header #navbar #nav_page:before, #header #navbar #nav_page:after {
          display: none; }
        #header #navbar #nav_page #logoHead {
          display: block;
          position: relative;
          top: 0;
          width: calc(100%);
          left: 0px;
          min-width: 100%;
          text-align: center;
          min-height: 110px;
          text-align: center;
          background-color: #49596e; }
          #header #navbar #nav_page #logoHead img {
            max-height: calc(100%);
            width: auto; }
        #header #navbar #nav_page #nav_secondMob {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
        #header #navbar #nav_page ul:not(#contFlag) {
          width: 100%;
          height: auto;
          padding: 0;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start; }
          #header #navbar #nav_page ul:not(#contFlag) li {
            padding-bottom: 0px;
            min-height: auto;
            position: relative;
            color: #ffffff;
            max-width: 100%;
            border-right: 0;
            width: 100%;
            border-top: 1px solid #49596e;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #header #navbar #nav_page ul:not(#contFlag) li.trait {
              display: none; }
            #header #navbar #nav_page ul:not(#contFlag) li.type0 {
              position: relative; }
            #header #navbar #nav_page ul:not(#contFlag) li.type1 {
              position: relative; }
            #header #navbar #nav_page ul:not(#contFlag) li:after {
              display: none; }
            #header #navbar #nav_page ul:not(#contFlag) li.selected a {
              color: #080f19; }
            #header #navbar #nav_page ul:not(#contFlag) li:hover a:not(.enAvant) {
              color: #080f19; }
            #header #navbar #nav_page ul:not(#contFlag) li:hover a.enAvant {
              color: white; }
            #header #navbar #nav_page ul:not(#contFlag) li.imgMenu {
              background-color: #f39229; }
            #header #navbar #nav_page ul:not(#contFlag) li.has_kids {
              padding: 0 0px 0 0;
              margin: 0 0px 0 0;
              background-image: none;
              background-size: auto;
              background-position: calc(100% - 29px) 29px;
              background-repeat: no-repeat; }
              #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
                display: block;
                width: 58px;
                height: 58px;
                position: absolute;
                right: 0;
                top: 0;
                /*                                background-image: url(../skins/img/flecheVerte.png);*/
                background-size: auto;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                cursor: pointer;
                z-index: 3; }
                #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech:after {
                  position: absolute;
                  content: "";
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -moz-transform: translate(-50%, -50%);
                  -o-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 13px 7.5px 0 7.5px;
                  border-color: #49596e transparent transparent transparent; }
                #header #navbar #nav_page ul:not(#contFlag) li.has_kids .flech.depli {
                  -webkit-transform: rotate(180deg);
                  -moz-transform: rotate(180deg);
                  -o-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
              #header #navbar #nav_page ul:not(#contFlag) li.has_kids:before {
                display: none; }
            #header #navbar #nav_page ul:not(#contFlag) li.enAvant:before, #header #navbar #nav_page ul:not(#contFlag) li:before {
              height: 100%;
              bottom: 0; }
            #header #navbar #nav_page ul:not(#contFlag) li a {
              display: block;
              padding: 20px 15px;
              color: #080f19; }
              #header #navbar #nav_page ul:not(#contFlag) li a.enAvant {
                color: #ffffff; }
              #header #navbar #nav_page ul:not(#contFlag) li a:before, #header #navbar #nav_page ul:not(#contFlag) li a:after {
                display: none; }
              #header #navbar #nav_page ul:not(#contFlag) li a:hover:not(.enAvant) {
                color: rgba(8, 15, 25, 0.8); }
              #header #navbar #nav_page ul:not(#contFlag) li a:hover.enAvant {
                color: rgba(255, 255, 255, 0.8); }
            #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 {
              position: relative;
              width: 100%;
              top: 0px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0.depli, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1.depli {
                max-height: 2000px;
                padding: 0 0;
                max-width: 100%;
                opacity: 1; }
              #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 h2, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 h2 {
                display: none; }
              #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul {
                width: calc(100% - 30px);
                margin: 0 15px;
                padding: 0; }
                #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li {
                  margin: 0px;
                  padding: 0px;
                  background-image: none !important;
                  border-top: 1px solid #f39229;
                  position: relative;
                  width: calc(100%); }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:first-of-type, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:first-of-type {
                    border-top: 1px solid #f39229; }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.type0, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.type0 {
                    position: relative; }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.type1, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.type1 {
                    position: relative; }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:after, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li:before, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:after, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li:before {
                    display: none; }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.innactif, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.innactif {
                    background-color: #e6e7e8; }
                    #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li.innactif a, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li.innactif a {
                      background-repeat: no-repeat;
                      background-size: 300px;
                      background-position: 100% 20%;
                      background-image: url(../skins/img/prochainement.png); }
                  #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a {
                    text-align: left;
                    font-family: "Open Sans", sans-serif;
                    text-transform: capitalize;
                    display: block;
                    width: 100%;
                    height: unset;
                    font-size: 11pt;
                    padding-top: 0%;
                    white-space: unset;
                    position: relative;
                    bottom: 0px;
                    left: 0%;
                    color: #080f19;
                    z-index: 1;
                    -webkit-transform: translate(0%, 0%);
                    -moz-transform: translate(0%, 0%);
                    -o-transform: translate(0%, 0%);
                    -ms-transform: translate(0%, 0%);
                    transform: translate(0%, 0%);
                    overflow: hidden;
                    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
                    padding: 20px 15px; }
                    #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:not(.innactif):hover, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:not(.innactif):hover {
                      color: rgba(8, 15, 25, 0.8); }
                    #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a span, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a span {
                      text-transform: initial;
                      display: inline-block; }
                    #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a img, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a img {
                      display: none; }
                    #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:before, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type0 ul li a:after, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:before, #header #navbar #nav_page ul:not(#contFlag) li .ss_lvl.type1 ul li a:after {
                      display: none; }
            #header #navbar #nav_page ul:not(#contFlag) li:hover .ss_lvl {
              padding: 0 0; } }
          @media screen and (max-width: 1220px) and (min-width: 1220px) {
            #header #navbar #nav_page ul:not(#contFlag) li:hover .type0.ss_lvl, #header #navbar #nav_page ul:not(#contFlag) li:hover .type1.ss_lvl {
              max-height: 0px;
              opacity: 0; }
              #header #navbar #nav_page ul:not(#contFlag) li:hover .type0.ss_lvl.depli, #header #navbar #nav_page ul:not(#contFlag) li:hover .type1.ss_lvl.depli {
                max-height: 8000px;
                opacity: 1; } }
@media screen and (max-width: 1220px) {
        #header #navbar #nav_page ul#contFlag {
          width: 100%;
          border-top: 1px solid #49596e; }
          #header #navbar #nav_page ul#contFlag li a.flag {
            width: 48px;
            height: 48px;
            background-size: auto; }
        #header #navbar #nav_page #nav_fonction {
          display: block;
          padding: 0;
          background-image: none;
          background-color: transparent;
          width: 100%; }
          #header #navbar #nav_page #nav_fonction ul {
            width: 100%;
            padding: 0; }
            #header #navbar #nav_page #nav_fonction ul li a {
              color: #080f19;
              display: block;
              padding: 20px 15px;
              white-space: nowrap;
              font-size: 13pt;
              text-transform: uppercase; }
          #header #navbar #nav_page #nav_fonction .enveloppe {
            width: 100%;
            border-top: 1px solid #2b8994;
            border-bottom: 1px solid #2b8994; }
            #header #navbar #nav_page #nav_fonction .enveloppe a {
              background-color: transparent;
              color: #080f19;
              background-image: none;
              display: block;
              padding: 20px 15px;
              white-space: nowrap;
              font-size: 13pt;
              font-family: "Oswald", sans-serif;
              text-transform: uppercase; }
        #header #navbar #nav_page .cadenas {
          width: 55px;
          height: 55px;
          min-width: 55px; } }
a.fancy {
  display: grid; }

.titreAltLienImg {
  text-align: left;
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  color: #ffffff;
  font-weight: 300;
  z-index: 2;
  width: 100%;
  display: block;
  padding: 10px; }

.bouton {
  margin: 5px;
  display: inline-block;
  padding: 15px 25px;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
  max-width: calc(100% - 10px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.page-bloc {
  padding: 50px 30px; }
  .page-bloc .intPage-bloc {
    padding: 50px 30px;
    width: 800px;
    max-width: calc(100%);
    margin: 0 auto; }
    .page-bloc .intPage-bloc .headRub {
      margin-bottom: 50px; }
    .page-bloc .intPage-bloc .bloc-contenu {
      width: 100%; }
      .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu {
        margin: 0 auto;
        padding: 0px 0 50px 0; }
      .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenuTxt {
        width: 1000px;
        max-width: calc(100%);
        margin: 0 auto;
        padding: 0px 30px 50px; }
  .page-bloc.bloc-texte .apparition {
    top: 150px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
    .page-bloc.bloc-texte .apparition.vu {
      opacity: 1;
      top: 0; }
  .page-bloc.bloc-texte-image {
    padding: 0; }
    .page-bloc.bloc-texte-image .intPage-bloc {
      width: 100%;
      padding: 0; }
      .page-bloc.bloc-texte-image .intPage-bloc .headRub {
        display: none; }
      .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu {
        width: 50%;
        left: 50%;
        padding: 50px 50px 50px 50px;
        margin: 0; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu .headRub {
          display: block; }
      .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img {
        width: 50%;
        left: 0%;
        height: 100%;
        position: absolute;
        background-size: cover;
        background-position: 50% 50%; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
          text-align: right; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img img {
          display: none; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img #map img {
          display: block; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img:after {
          content: "";
          position: absolute;
          right: -20px;
          top: 50%;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 50px 50px 50px 0;
          border-color: transparent #ffffff transparent transparent; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img:before {
          content: "";
          z-index: 2;
          position: absolute;
          right: -20px;
          top: 50%;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          width: 50px;
          height: 105px;
          background-image: url(../skins/img/befD.png);
          background-size: contain;
          background-position: 50% 50%;
          background-repeat: no-repeat; }
    .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
      left: 0%; }
    .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu a.a_img {
      left: 50%; }
      .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
        text-align: left; }
      .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu a.a_img:after {
        right: unset;
        left: -20px;
        border-width: 50px 0 50px 50px;
        border-color: transparent transparent transparent #ffffff; }
      .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu a.a_img:before {
        right: unset;
        left: -20px;
        background-image: url(../skins/img/befG.png); }
    .page-bloc.bloc-texte-image.type5 {
      min-height: 100vh; }
      .page-bloc.bloc-texte-image.type5 .intPage-bloc {
        min-height: 100vh; }
        .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu {
          min-height: 100vh;
          overflow: hidden; }
          .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
              text-align: left; }
            .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
              text-align: left; }
          .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu a.a_img {
            border-radius: 50%;
            width: 150vh;
            height: 150vh;
            right: 50%;
            left: unset;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
              bottom: 27vh;
              left: unset;
              right: calc(0% + 19vh);
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%);
              text-align: right;
              width: calc(30vw ); }
      .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
        left: 0%; }
        .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
          text-align: right; }
        .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
          text-align: right; }
      .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu a.a_img {
        left: 50%;
        right: unset; }
        .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
          right: unset;
          left: calc(0% + 19vh);
          text-align: left; }
    .page-bloc.bloc-texte-image.type6 {
      min-height: 100vh; }
      .page-bloc.bloc-texte-image.type6 .intPage-bloc {
        min-height: 100vh; }
        .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu {
          min-height: 100vh;
          overflow: hidden; }
          .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
              text-align: left; }
            .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
              text-align: left; }
          .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu a.a_img {
            border-radius: 50%;
            width: 150vh;
            height: 150vh;
            right: 50%;
            left: unset;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
              bottom: 27vh;
              left: unset;
              right: calc(0% + 19vh);
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%);
              text-align: right;
              width: calc(30vw ); }
      .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
        left: 0%; }
        .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
          text-align: right; }
        .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
          text-align: right; }
      .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu a.a_img {
        left: 50%;
        right: unset; }
        .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
          right: unset;
          left: calc(0% + 19vh);
          text-align: left; }
    .page-bloc.bloc-texte-image.type7 {
      min-height: 100vh; }
      .page-bloc.bloc-texte-image.type7 .intPage-bloc {
        min-height: 100vh; }
        .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu {
          min-height: 100vh;
          overflow: hidden; }
          .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
              text-align: left; }
            .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
              text-align: left; }
          .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu a.a_img {
            border-radius: 50%;
            width: 150vh;
            height: 150vh;
            right: 50%;
            left: unset;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
            .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
              bottom: 27vh;
              left: unset;
              right: calc(0% + 19vh);
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%);
              text-align: right;
              width: calc(30vw ); }
      .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
        left: 0%; }
        .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
          text-align: right; }
        .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
          text-align: right; }
      .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu a.a_img {
        left: 50%;
        right: unset; }
        .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
          right: unset;
          left: calc(0% + 19vh);
          text-align: left; }
    .page-bloc.bloc-texte-image .apparition {
      top: 150px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .page-bloc.bloc-texte-image .apparition.vu {
        opacity: 1;
        top: 0; }
  .page-bloc.bloc-image .bloc-contenu a.a_img {
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .page-bloc.bloc-image .apparition {
    top: 150px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
    .page-bloc.bloc-image .apparition.vu {
      opacity: 1;
      top: 0; }
  .page-bloc.bloc-image.type0 .intPage-bloc .bloc-contenu a.a_img {
    max-width: 100%;
    background-image: none !important;
    min-height: auto; }
  .page-bloc.bloc-image.type1 {
    padding: 0; }
    .page-bloc.bloc-image.type1 .intPage-bloc {
      width: 100%;
      padding: 0; }
      .page-bloc.bloc-image.type1 .intPage-bloc .headRub {
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 2; }
      .page-bloc.bloc-image.type1 .intPage-bloc .bloc-contenu a.a_img {
        max-width: 100%; }
  .page-bloc.bloc-image.type2 {
    padding: 0;
    height: 300px;
    max-height: 50vw;
    overflow: hidden; }
    .page-bloc.bloc-image.type2 .apparition {
      top: 0px; }
    .page-bloc.bloc-image.type2 .intPage-bloc {
      width: 100%;
      padding: 0; }
      .page-bloc.bloc-image.type2 .intPage-bloc .headRub {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2; }
      .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu {
        overflow: hidden;
        height: 300px;
        max-height: 50vw; }
        .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img {
          height: 300px;
          max-height: 50vw;
          width: 100%;
          min-height: auto; }
          .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img img {
            max-width: 100%;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .page-bloc.bloc-galerie {
    padding: 0px; }
    .page-bloc.bloc-galerie .apparition {
      top: 150px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .page-bloc.bloc-galerie .apparition.vu {
        opacity: 1;
        top: 0; }
    .page-bloc.bloc-galerie .intPage-bloc {
      padding: 0;
      width: 100%; }
      .page-bloc.bloc-galerie .intPage-bloc .headRub {
        padding: 50px 30px 0; }
      .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%; }
        .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal {
          width: calc((100%) / 3);
          height: calc((100vw) / 3);
          margin: 0;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: 50% 50%;
          overflow: hidden; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal .titreAltLienImg {
            text-align: center; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img {
            height: auto !important;
            width: 100%; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
            height: 100%;
            width: auto; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img {
            height: auto !important;
            width: 100% !important; }
          .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
            -webkit-transform: scale(1.05) translate(-48%, -48%);
            -moz-transform: scale(1.05) translate(-48%, -48%);
            -o-transform: scale(1.05) translate(-48%, -48%);
            -ms-transform: scale(1.05) translate(-48%, -48%);
            transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-galerie.type0 .intPage-bloc {
      padding: 50px 0 0;
      width: 100%; }
      .page-bloc.bloc-galerie.type0 .intPage-bloc .headRub {
        padding: 0px 30px 0; }
      .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu {
        padding: 0 15px 20px; }
        .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
          width: calc((100% / 3) - 30px - (30px / 3));
          height: calc((((100vw - 30px) / 3) - 30px) * 9 / 16);
          margin: 0 15px 30px; }
          .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: auto;
            width: 100%;
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
            height: auto;
            width: 100%; }
          .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
            -webkit-transform: scale(1.05) translate(-48%, -48%);
            -moz-transform: scale(1.05) translate(-48%, -48%);
            -o-transform: scale(1.05) translate(-48%, -48%);
            -ms-transform: scale(1.05) translate(-48%, -48%);
            transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-galerie.type1 {
      padding: 0; }
      .page-bloc.bloc-galerie.type1 .intPage-bloc {
        padding: 0;
        width: 100%; }
        .page-bloc.bloc-galerie.type1 .intPage-bloc .headRub {
          padding: 50px 30px 0; }
        .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: 100%; }
          .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
            width: calc((100%) / 3);
            height: calc((100vw) / 3);
            margin: 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50% 50%;
            overflow: hidden; }
            .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
              position: absolute;
              top: 50%;
              left: 50%;
              height: 100%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
              -webkit-transform: scale(1.05) translate(-48%, -48%);
              -moz-transform: scale(1.05) translate(-48%, -48%);
              -o-transform: scale(1.05) translate(-48%, -48%);
              -ms-transform: scale(1.05) translate(-48%, -48%);
              transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-galerie.type2 .intPage-bloc {
      padding: 50px 0 0;
      width: 100%;
      width: 1000px;
      max-width: calc(100%);
      margin: 0 auto; }
      .page-bloc.bloc-galerie.type2 .intPage-bloc .headRub {
        padding: 0px 30px 0; }
      .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu {
        padding: 0 15px 20px; }
        .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: 100%; }
          .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
            width: 250px;
            height: 250px;
            max-width: calc(100vw - 60px);
            max-height: calc(100vw - 77px);
            margin: 0 15px 30px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50% 50%;
            overflow: hidden; }
            .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
              position: absolute;
              top: 50%;
              left: 50%;
              height: 100%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
              -webkit-transform: scale(1.05) translate(-48%, -48%);
              -moz-transform: scale(1.05) translate(-48%, -48%);
              -o-transform: scale(1.05) translate(-48%, -48%);
              -ms-transform: scale(1.05) translate(-48%, -48%);
              transform: scale(1.05) translate(-48%, -48%); }
  .page-bloc.bloc-document .bloc-contenu .intBloc-contenu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%; }
  .page-bloc.bloc-document .apparition {
    top: 150px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
    .page-bloc.bloc-document .apparition.vu {
      opacity: 1;
      top: 0; }
  .page-bloc.bloc-sous-menu {
    padding: 50px 30px 0; }
    .page-bloc.bloc-sous-menu .headRub {
      display: none; }
    .page-bloc.bloc-sous-menu .bloc-contenu .intBloc-contenu {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%; }
    .page-bloc.bloc-sous-menu .apparition {
      top: 150px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .page-bloc.bloc-sous-menu .apparition.vu {
        opacity: 1;
        top: 0; }
    .page-bloc.bloc-sous-menu .intPage-bloc {
      padding: 0;
      width: 100%; }
      .page-bloc.bloc-sous-menu .intPage-bloc .headRub {
        padding: 50px 30px 0; }
      .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%; }
        .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal {
          width: calc((100%) / 3);
          height: calc((100vw) / 3);
          margin: 0;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: 50% 50%;
          overflow: hidden; }
          .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal .titreAltLienImg {
            text-align: center; }
          .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
            height: auto;
            width: 100%; }
          .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
            -webkit-transform: scale(1.05) translate(-48%, -48%);
            -moz-transform: scale(1.05) translate(-48%, -48%);
            -o-transform: scale(1.05) translate(-48%, -48%);
            -ms-transform: scale(1.05) translate(-48%, -48%);
            transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-sous-menu.type1 {
      padding: 0; }
      .page-bloc.bloc-sous-menu.type1 .intPage-bloc {
        padding: 0;
        width: 100%; }
        .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: 100%; }
          .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
            width: calc((100%) / 3);
            height: calc((100vw) / 3);
            margin: 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50% 50%;
            overflow: hidden; }
            .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
              position: absolute;
              top: 50%;
              left: 50%;
              height: 100%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
              height: 100%;
              width: auto; }
            .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
              -webkit-transform: scale(1.05) translate(-48%, -48%);
              -moz-transform: scale(1.05) translate(-48%, -48%);
              -o-transform: scale(1.05) translate(-48%, -48%);
              -ms-transform: scale(1.05) translate(-48%, -48%);
              transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-sous-menu.type2 .intPage-bloc {
      padding: 0px 0 0;
      width: 100%; }
      .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu {
        padding: 0 15px 20px; }
        .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
          width: calc((100% / 3) - 30px - (30px / 3));
          height: calc((((100vw - 30px) / 3) - 30px) * 9 / 16);
          margin: 0 15px 30px; }
          .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: auto;
            width: 100%;
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
            auto: 100%;
            width: 100%; }
          .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
            -webkit-transform: scale(1.05) translate(-48%, -48%);
            -moz-transform: scale(1.05) translate(-48%, -48%);
            -o-transform: scale(1.05) translate(-48%, -48%);
            -ms-transform: scale(1.05) translate(-48%, -48%);
            transform: scale(1.05) translate(-48%, -48%); }
    .page-bloc.bloc-sous-menu.type3 .intPage-bloc {
      padding: 50px 0 0;
      width: 100%;
      width: 1000px;
      max-width: calc(100%);
      margin: 0 auto; }
      .page-bloc.bloc-sous-menu.type3 .intPage-bloc .headRub {
        padding: 0px 30px 0; }
      .page-bloc.bloc-sous-menu.type3 .intPage-bloc .bloc-contenu {
        padding: 0 15px 20px; }
        .page-bloc.bloc-sous-menu.type3 .intPage-bloc .bloc-contenu .galerie {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: 100%; }
          .page-bloc.bloc-sous-menu.type3 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
            width: 250px;
            height: 250px;
            max-width: calc(100vw - 60px);
            max-height: calc(100vw - 77px);
            margin: 0 15px 30px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50% 50%;
            overflow: hidden; }
            .page-bloc.bloc-sous-menu.type3 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
              position: absolute;
              top: 50%;
              left: 50%;
              height: 100%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            .page-bloc.bloc-sous-menu.type3 .intPage-bloc .bloc-contenu .galerie .a_imgGal:hover img {
              -webkit-transform: scale(1.05) translate(-48%, -48%);
              -moz-transform: scale(1.05) translate(-48%, -48%);
              -o-transform: scale(1.05) translate(-48%, -48%);
              -ms-transform: scale(1.05) translate(-48%, -48%);
              transform: scale(1.05) translate(-48%, -48%); }
  .page-bloc.bloc-embed .apparition {
    top: 150px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
    .page-bloc.bloc-embed .apparition.vu {
      opacity: 1;
      top: 0; }
  .page-bloc.bloc-embed.type0 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
    max-width: 100%;
    width: 100%;
    height: calc(1000px *9 /16); }
  .page-bloc.bloc-embed.type1 {
    padding: 0; }
    .page-bloc.bloc-embed.type1 .intPage-bloc {
      width: 100%;
      padding: 0; }
      .page-bloc.bloc-embed.type1 .intPage-bloc .headRub {
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 2; }
      .page-bloc.bloc-embed.type1 .intPage-bloc .bloc-contenu .intBloc-contenu {
        padding: 0; }
        .page-bloc.bloc-embed.type1 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
          max-width: 100%;
          width: 100%;
          height: calc(100vw *9 /16); }
  .page-bloc.bloc-embed.type2 {
    padding: 0;
    height: 300px;
    max-height: 50vw; }
    .page-bloc.bloc-embed.type2 .intPage-bloc {
      width: 100%;
      padding: 0; }
      .page-bloc.bloc-embed.type2 .intPage-bloc .headRub {
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 2; }
      .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu {
        overflow: hidden;
        height: 300px;
        max-height: 50vw; }
        .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu .intBloc-contenu {
          padding: 0; }
          .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
            height: 300px;
            max-height: 50vw;
            width: 100%; }

nav.pagination .contPrev, nav.pagination .contSuiv {
  width: 78px;
  height: 78px;
  background: #ffffff;
  /*background-color:#ff66CC;*/ }
  nav.pagination .contPrev a.direction, nav.pagination .contSuiv a.direction {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: transparent; }
    nav.pagination .contPrev a.direction:after, nav.pagination .contSuiv a.direction:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-position: 50% 50%;
      background-size: contain;
      background-repeat: no-repeat; }
    nav.pagination .contPrev a.direction.suiv:after, nav.pagination .contSuiv a.direction.suiv:after {
      background-image: url(../skins/img/pictRight.png); }
    nav.pagination .contPrev a.direction.prev:after, nav.pagination .contSuiv a.direction.prev:after {
      background-image: url(../skins/img/pictLeft.png); }
    nav.pagination .contPrev a.direction:hover.suiv:after, nav.pagination .contSuiv a.direction:hover.suiv:after {
      left: 60%; }
    nav.pagination .contPrev a.direction:hover.prev:after, nav.pagination .contSuiv a.direction:hover.prev:after {
      left: 40%; }
nav.pagination .number .nb {
  padding: 0 10px; }

@media screen and (max-width: 1020px) {
  .page-bloc {
    padding: 0px; }
    .page-bloc .intPage-bloc {
      padding: 50px 30px;
      width: 1000px;
      max-width: calc(100%);
      margin: 0 auto; }
      .page-bloc .intPage-bloc .headRub {
        margin-bottom: 50px; }
        .page-bloc .intPage-bloc .headRub .titreRub {
          padding: 2vw 0; }
      .page-bloc .intPage-bloc .bloc-contenu {
        width: 100%; }
        .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu {
          margin: 0 auto;
          padding: 0px 0 50px 0; }
        .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenuTxt {
          width: 1000px;
          max-width: calc(100%);
          margin: 0 auto;
          padding: 0px 15px 50px; }
    .page-bloc.bloc-texte-image {
      padding: 0; }
      .page-bloc.bloc-texte-image .intPage-bloc {
        width: 100%;
        padding: 0; }
        .page-bloc.bloc-texte-image .intPage-bloc .headRub {
          display: none; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu {
          width: 100%;
          left: 0%;
          padding: 50px 30px;
          margin: 0; }
          .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu .headRub {
            display: block; }
        .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img {
          width: 100%;
          left: 0%;
          height: calc(100vw *9 /16);
          display: block;
          min-height: 150px;
          max-height: 300px;
          position: relative; }
          .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img.carte {
            height: auto;
            max-height: 1000000px; }
          .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img:after {
            content: "";
            position: absolute;
            bottom: 0;
            top: unset;
            left: 50% !important;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 50px 50px 50px !important;
            border-color: transparent transparent #ffffff transparent; }
      .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
        left: 0%; }
      .page-bloc.bloc-texte-image.droite .intPage-bloc .bloc-contenu a.a_img {
        left: 0%; }
      .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg, .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg, .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
        top: 0px; }
      .page-bloc.bloc-texte-image.type5 {
        min-height: auto; }
        .page-bloc.bloc-texte-image.type5 .intPage-bloc {
          min-height: auto; }
          .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu {
            min-height: auto; }
            .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu {
              position: relative;
              top: 0%;
              margin-top: 50vw;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
                text-align: center; }
              .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
                text-align: center; }
            .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu a.a_img {
              position: absolute;
              border-radius: 0 0 50vw 50vw;
              width: 100%;
              height: 50vw;
              max-height: 50vw;
              right: 0%;
              left: unset;
              top: 0;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
                top: 10px;
                left: 50%;
                -webkit-transform: translate(-50%, 0%);
                -moz-transform: translate(-50%, 0%);
                -o-transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
                text-align: center;
                width: calc(100vw - 60px); }
        .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
          left: 0%; }
          .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
            text-align: center; }
          .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
            text-align: center; }
        .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu a.a_img {
          left: 0%;
          right: unset; }
          .page-bloc.bloc-texte-image.type5.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
            top: 10px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            text-align: center;
            width: calc(100vw - 60px); }
      .page-bloc.bloc-texte-image.type6 {
        min-height: auto; }
        .page-bloc.bloc-texte-image.type6 .intPage-bloc {
          min-height: auto; }
          .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu {
            min-height: auto; }
            .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu {
              position: relative;
              top: 0%;
              margin-top: 50vw;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
                text-align: center; }
              .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
                text-align: center; }
            .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu a.a_img {
              position: absolute;
              border-radius: 0 0 50vw 50vw;
              width: 100%;
              height: 50vw;
              max-height: 50vw;
              right: 0%;
              left: unset;
              top: 0;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
                top: 10px;
                left: 50%;
                -webkit-transform: translate(-50%, 0%);
                -moz-transform: translate(-50%, 0%);
                -o-transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
                text-align: center;
                width: calc(100vw - 60px); }
        .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
          left: 0%; }
          .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
            text-align: center; }
          .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
            text-align: center; }
        .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu a.a_img {
          left: 0%;
          right: unset; }
          .page-bloc.bloc-texte-image.type6.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
            top: 10px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            text-align: center;
            width: calc(100vw - 60px); }
      .page-bloc.bloc-texte-image.type7 {
        min-height: auto; }
        .page-bloc.bloc-texte-image.type7 .intPage-bloc {
          min-height: auto; }
          .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu {
            min-height: auto; }
            .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu {
              position: relative;
              top: 0%;
              margin-top: 50vw;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
                text-align: center; }
              .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
                text-align: center; }
            .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu a.a_img {
              position: absolute;
              border-radius: 0 0 50vw 50vw;
              width: 100%;
              height: 50vw;
              max-height: 50vw;
              right: 0%;
              left: unset;
              top: 0;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
              .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
                top: 10px;
                left: 50%;
                -webkit-transform: translate(-50%, 0%);
                -moz-transform: translate(-50%, 0%);
                -o-transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
                text-align: center;
                width: calc(100vw - 60px); }
        .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu {
          left: 0%; }
          .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
            text-align: center; }
          .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
            text-align: center; }
        .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu a.a_img {
          left: 0%;
          right: unset; }
          .page-bloc.bloc-texte-image.type7.droite .intPage-bloc .bloc-contenu a.a_img .titreAltLienImg {
            top: 10px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            text-align: center;
            width: calc(100vw - 60px); }
    .page-bloc.bloc-image.type0 .intPage-bloc {
      padding: 0 30px 30px; }
      .page-bloc.bloc-image.type0 .intPage-bloc .bloc-contenu a.a_img {
        max-width: 100%; }
    .page-bloc.bloc-image.type1 {
      padding: 0; }
      .page-bloc.bloc-image.type1 .intPage-bloc {
        width: 100%;
        padding: 0; }
        .page-bloc.bloc-image.type1 .intPage-bloc .headRub {
          position: absolute;
          bottom: unset;
          top: 30px;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          z-index: 2; }
        .page-bloc.bloc-image.type1 .intPage-bloc .bloc-contenu a.a_img {
          max-width: 100%; }
    .page-bloc.bloc-image.type2 {
      padding: 0;
      height: 300px;
      max-height: 50vw; }
      .page-bloc.bloc-image.type2 .intPage-bloc {
        width: 100%;
        padding: 0; }
        .page-bloc.bloc-image.type2 .intPage-bloc .headRub {
          z-index: 2; }
        .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu {
          overflow: hidden;
          height: 300px;
          max-height: 50vw; }
          .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img {
            height: 300px;
            max-height: 50vw;
            width: 100%; }
            .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img img {
              max-width: 100%;
              position: absolute;
              width: 100%;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100%) / 2);
      height: calc((100vw) / 2); }
    .page-bloc.bloc-galerie.type0 .intPage-bloc .headRub {
      padding: 0px 30px 0; }
    .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu {
      padding: 0 15px 20px; }
      .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
        width: calc((100% / 2) - 30px);
        height: calc((((100vw - 30px) / 2) - 30px) * 9 / 16); }
    .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100%) / 2);
      height: calc((100vw) / 2); }
      .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
        height: auto;
        width: 100% !important; }
      .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img {
        height: 100% !important;
        width: auto; }
    .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100%) / 2);
      height: calc((100vw) / 2); }
    .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100%) / 2);
      height: calc((100vw) / 2); }
    .page-bloc.bloc-sous-menu.type2 .intPage-bloc .headRub {
      padding: 0px 30px 0; }
    .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu {
      padding: 0 15px 20px; }
      .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
        width: calc((100% / 2) - 30px);
        height: calc((((100vw - 30px) / 2) - 30px) * 9 / 16); }
    .page-bloc.bloc-document .bloc-contenu .intBloc-contenu {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%; }
    .page-bloc.bloc-document .apparition {
      top: 150px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .page-bloc.bloc-document .apparition.vu {
        opacity: 1;
        top: 0; }
    .page-bloc.bloc-embed .apparition {
      top: 150px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .page-bloc.bloc-embed .apparition.vu {
        opacity: 1;
        top: 0; }
    .page-bloc.bloc-embed.type0 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
      max-width: 100%;
      width: 100%;
      height: calc(1000px *9 /16); }
    .page-bloc.bloc-embed.type1 {
      padding: 0; }
      .page-bloc.bloc-embed.type1 .intPage-bloc {
        width: 100%;
        padding: 0; }
        .page-bloc.bloc-embed.type1 .intPage-bloc .headRub {
          position: absolute;
          bottom: 30px;
          left: 30px;
          z-index: 2; }
        .page-bloc.bloc-embed.type1 .intPage-bloc .bloc-contenu .intBloc-contenu {
          padding: 0; }
          .page-bloc.bloc-embed.type1 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
            max-width: 100%;
            width: 100%;
            height: calc(100vw *9 /16); }
    .page-bloc.bloc-embed.type2 {
      padding: 0;
      height: 300px;
      max-height: 50vw; }
      .page-bloc.bloc-embed.type2 .intPage-bloc {
        width: 100%;
        padding: 0; }
        .page-bloc.bloc-embed.type2 .intPage-bloc .headRub {
          position: absolute;
          bottom: 30px;
          left: 30px;
          z-index: 2; }
        .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu {
          overflow: hidden;
          height: 300px;
          max-height: 50vw; }
          .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu .intBloc-contenu {
            padding: 0; }
            .page-bloc.bloc-embed.type2 .intPage-bloc .bloc-contenu .intBloc-contenu iframe {
              height: 300px;
              max-height: 50vw;
              width: 100%; }

  nav.pagination .contPrev, nav.pagination .contSuiv {
    width: 60px;
    height: 60px; } }
@media screen and (max-width: 600px) {
  .page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal {
    width: calc((100%) / 1);
    height: calc((100vw) / 1); }
  .page-bloc.bloc-galerie.type0 .intPage-bloc .headRub {
    padding: 0px 30px 0; }
  .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu {
    padding: 0 15px 20px; }
    .page-bloc.bloc-galerie.type0 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100% / 1) - 30px);
      height: calc((((100vw - 30px) / 1) - 30px) * 9 / 16); }
  .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
    width: calc((100%) / 1);
    height: calc((100vw) / 1); }
    .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-galerie.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
      height: 100%;
      width: auto !important; }
  .page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal {
    width: calc((100%) / 1);
    height: calc((100vw) / 1); }
  .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
    width: calc((100%) / 1);
    height: calc((100vw) / 1); }
    .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer1 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tDer2 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.tAvDer2 img, .page-bloc.bloc-sous-menu.type1 .intPage-bloc .bloc-contenu .galerie .a_imgGal.dDer1 img {
      height: 100%;
      width: auto; }
  .page-bloc.bloc-sous-menu.type2 .intPage-bloc .headRub {
    padding: 0px 30px 0; }
  .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu {
    padding: 0 15px 20px; }
    .page-bloc.bloc-sous-menu.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
      width: calc((100% / 1) - 30px);
      height: calc((((100vw - 30px) / 1) - 30px) * 9 / 16); } }
/*Bleu1*/
/*orange*/
/*grisBleu*/
/*Bleu2*/
/*grisClair*/
/* vert pomme clair*/
/* vert pomme fonc├®*/
h2 {
  box-sizing: border-box;
  position: relative;
  font-size: 40pt;
  width: 100%;
  text-align: center;
  color: #f39229;
  font-family: "Oswald", sans-serif;
  padding: 15px 0;
  line-height: 1em;
  font-weight: 600;
  text-transform: uppercase; }

h3 {
  box-sizing: border-box;
  position: relative;
  color: #9da8b6;
  font-family: "Open Sans", sans-serif;
  /*text-transform: uppercase;*/
  width: auto;
  display: table;
  margin: 0 auto;
  padding: 15px 0;
  line-height: 1em;
  font-weight: 400;
  font-size: 27pt;
  text-align: center; }

h4 {
  box-sizing: border-box;
  position: relative;
  font-family: 'Oswald', sans-serif;
  color: #49596e;
  text-transform: uppercase;
  width: auto;
  display: table;
  margin: 0;
  padding: 7.5px 0;
  line-height: 1em;
  font-size: 20pt;
  font-weight: 600; }

h4.couleur2 {
  color: #f39229; }

h4.couleur3 {
  color: #9da8b6; }

.chapeau {
  box-sizing: border-box;
  position: relative;
  color: #080f19;
  font-family: 'Oswald', sans-serif;
  padding: 20px 0;
  margin: 0 auto 20px;
  line-height: 1em;
  display: table;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-size: 15pt; }

.chapeau:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 5px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  background-color: #f39229;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto; }

p {
  font-size: 12pt;
  width: 100%;
  text-align: justify;
  padding-bottom: 5px; }

.bouton {
  display: block;
  color: #ffffff;
  border-radius: 30px;
  padding: 15px 25px;
  /*min-height:30px;*/
  max-width: 100%;
  width: auto;
  margin: 0 auto 5px;
  background-color: #f39229;
  cursor: pointer;
  font-family: "Oswald", sans-serif;
  font-size: 12pt;
  letter-spacing: 0.1em;
  display: table; }
  .bouton:button {
    border: 0; }
  .bouton.inline, .bouton.fichier {
    width: auto;
    margin: 10px;
    display: inline-block; }
    @media screen and (max-width: 780px) {
      .bouton.inline, .bouton.fichier {
        display: block;
        margin: 0 auto 5px;
        width: 100%; } }
  .bouton.marge10 {
    margin: 10px auto; }
  .bouton.marge20 {
    margin: 20px auto; }
  .bouton.marge30 {
    margin: 30px auto; }
  .bouton.textInit {
    text-transform: initial; }
  .bouton span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .bouton:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 0%;
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #f39229; }
  .bouton.afterBlanc:after {
    background-color: #ffffff; }
  .bouton.afterCouleur1:after {
    background-color: #49596e; }
  .bouton.afterCouleur3:after {
    background-color: #9da8b6; }
  .bouton:hover {
    background-color: #49596e; }
    .bouton:hover:after {
      /*height:5px;*/ }

em {
  font-style: italic; }

.page-bloc ol, .page-bloc ul {
  list-style: none; }
.page-bloc ul {
  margin: 10px; }
  .page-bloc ul li {
    padding: 2px 0 2px 16px; }
    .page-bloc ul li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 11px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #f39229;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
.page-bloc ol {
  padding: 10px 10px 10px 0;
  list-style-type: decimal;
  left: 25px; }
  .page-bloc ol li {
    padding: 2px 0 2px 2px; }
.page-bloc.type0 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img), .page-bloc.type5 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img) {
  color: #f39229;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .page-bloc.type0 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover, .page-bloc.type5 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover {
    color: rgba(243, 146, 41, 0.7); }
.page-bloc.type1 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img), .page-bloc.type6 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img) {
  color: #f39229;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600; }
  .page-bloc.type1 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover, .page-bloc.type6 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover {
    color: rgba(243, 146, 41, 0.7); }
.page-bloc.type2 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img), .page-bloc.type7 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img) {
  color: #f39229;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600; }
  .page-bloc.type2 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover, .page-bloc.type7 a:not(.bouton):not(.site):not(.btnTel):not(.email):not(.a_img):hover {
    color: rgba(243, 146, 41, 0.7); }
.page-bloc .intPage-bloc {
  padding: 0 30px; }
  .page-bloc .intPage-bloc .headRub {
    margin-bottom: 30px; }
    .page-bloc .intPage-bloc .headRub .titreRub {
      color: #f39229;
      font-family: "Oswald", sans-serif;
      padding-bottom: 0px;
      margin-bottom: 5px;
      line-height: 1em;
      font-weight: 600;
      text-transform: uppercase; }
      .page-bloc .intPage-bloc .headRub .titreRub:before {
        display: none;
        content: "";
        position: absolute;
        width: 100%;
        height: 7px;
        width: 100%;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        background-image: url(../skins/img/soulignTitre.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: auto; }
    .page-bloc .intPage-bloc .headRub.margeBot0 {
      margin-bottom: 0px; }
      @media screen and (max-width: 1020px) {
        .page-bloc .intPage-bloc .headRub.margeBot0 .titreRub {
          padding: 2vw 0; } }
    .page-bloc .intPage-bloc .headRub .ssTitreRub {
      color: #9da8b6;
      font-family: "Oswald", sans-serif;
      /*text-transform: uppercase;*/
      width: auto;
      display: table;
      margin: 0 auto 15px;
      padding: 0px;
      line-height: 1em;
      font-weight: 400; }
      .page-bloc .intPage-bloc .headRub .ssTitreRub .contTime time:not(.annee) {
        color: #49596e; }
      .page-bloc .intPage-bloc .headRub .ssTitreRub:before {
        display: none;
        content: "";
        position: absolute;
        left: 0px;
        top: 50%;
        width: 53px;
        height: 5px;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        background-image: url(../skins/img/beforeSt.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: auto; }
      .page-bloc .intPage-bloc .headRub .ssTitreRub:after {
        display: none;
        content: "";
        position: absolute;
        right: 0px;
        top: 50%;
        width: 53px;
        height: 5px;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        background-image: url(../skins/img/afterSt.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: auto; }
    .page-bloc .intPage-bloc .headRub h4 {
      color: #080f19;
      text-transform: initial;
      font-size: 13pt;
      font-family: "Oswald", sans-serif; }
      @media screen and (max-width: 700px) {
        .page-bloc .intPage-bloc .headRub h4 {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-bloc .intPage-bloc .headRub h4 .heure, .page-bloc .intPage-bloc .headRub h4 .tarif {
        padding: 5px 10px; }
        .page-bloc .intPage-bloc .headRub h4 .heure:before, .page-bloc .intPage-bloc .headRub h4 .tarif:before {
          content: "";
          position: absolute;
          background-color: #9da8b6;
          width: 1px;
          height: 80%;
          left: 0;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media screen and (max-width: 700px) {
            .page-bloc .intPage-bloc .headRub h4 .heure:before, .page-bloc .intPage-bloc .headRub h4 .tarif:before {
              display: none; } }
        .page-bloc .intPage-bloc .headRub h4 .heure:first-of-type:before, .page-bloc .intPage-bloc .headRub h4 .tarif:first-of-type:before {
          display: none; }
        .page-bloc .intPage-bloc .headRub h4 .heure span, .page-bloc .intPage-bloc .headRub h4 .tarif span {
          font-family: "Open Sans", sans-serif;
          /*font-weight: 500;*/ }
  .page-bloc .intPage-bloc .bloc-contenu {
    width: 100%; }
    .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenuTxt {
      line-height: 1.5em; }
    .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu {
      color: #080f19;
      font-family: "Open Sans", sans-serif;
      line-height: 1.5em; }
      .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu h3 {
        color: #9da8b6;
        font-family: "Oswald", sans-serif;
        width: auto;
        display: table;
        margin: 0 auto 15px;
        padding: 0px;
        line-height: 1em; }
        .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu h3:before {
          display: none;
          content: "";
          position: absolute;
          left: 0px;
          top: 50%;
          width: 53px;
          height: 5px;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          background-image: url(../skins/img/beforeSt.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: auto; }
        .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu h3:after {
          display: none;
          content: "";
          position: absolute;
          right: 0px;
          top: 50%;
          width: 53px;
          height: 5px;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          background-image: url(../skins/img/afterSt.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: auto; }
.page-bloc.bloc-texte .intPage-bloc {
  padding: 50px 100px 0 100px; }
  .page-bloc.bloc-texte .intPage-bloc.margeBot0 {
    padding: 0px 30px 0 30px; }
  .page-bloc.bloc-texte .intPage-bloc .bloc-contenu {
    padding: 0 0 50px 0; }
.page-bloc.bloc-texte .bloc-contenu:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0%;
  width: 48px;
  height: 10px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto; }
.page-bloc.bloc-texte .bloc-contenu:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 348px;
  max-width: calc(100% - 60px);
  height: 10px;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain; }
.page-bloc.bloc-texte.type0 {
  background-color: #ffffff;
  padding: 0px 30px; }
  .page-bloc.bloc-texte.type0 .intPage-bloc .bloc-contenu .intBloc-contenu {
    padding: 0px; }
  .page-bloc.bloc-texte.type0 .intPage-bloc .bloc-contenu:before {
    /*background-image:url(../skins/img/lignesH0.png);*/ }
  .page-bloc.bloc-texte.type0 .intPage-bloc .bloc-contenu:after {
    /*background-image:url(../skins/img/lignesB0.png);*/ }
.page-bloc.bloc-texte.type1 {
  background-color: #ffffff; }
  .page-bloc.bloc-texte.type1:before, .page-bloc.bloc-texte.type1:after {
    display: none;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 50%;
    height: 14px;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background-image: url(../skins/img/rub_top.png);
    top: 0;
    z-index: 9; }
  .page-bloc.bloc-texte.type1:after {
    background-image: url(../skins/img/rub_bot.png);
    top: unset;
    bottom: 0; }
  .page-bloc.bloc-texte.type1 .intPage-bloc {
    border-bottom: 10px solid #f39229;
    background-color: #f3f2f3; }
    .page-bloc.bloc-texte.type1 .intPage-bloc .bloc-contenu:before {
      /*background-image:url(../skins/img/lignesH1.png);*/ }
    .page-bloc.bloc-texte.type1 .intPage-bloc .bloc-contenu:after {
      /*background-image:url(../skins/img/lignesB1.png);*/ }
.page-bloc.bloc-texte.type2 {
  background-color: #ffffff;
  padding: 0px 30px; }
  .page-bloc.bloc-texte.type2 .intPage-bloc .bloc-contenu .intBloc-contenu {
    padding: 0px; }
  .page-bloc.bloc-texte.type2 .intPage-bloc .bloc-contenu:before {
    /*background-image:url(../skins/img/lignesH0.png);*/ }
  .page-bloc.bloc-texte.type2 .intPage-bloc .bloc-contenu:after {
    /*background-image:url(../skins/img/lignesB0.png);*/ }
.page-bloc.bloc-texte.type3 {
  background-color: #ffffff; }
  .page-bloc.bloc-texte.type3 .intPage-bloc .bloc-contenu:before {
    /*background-image:url(../skins/img/lignesH0.png);*/ }
  .page-bloc.bloc-texte.type3 .intPage-bloc .bloc-contenu:after {
    /*background-image:url(../skins/img/lignesB0.png);*/ }
.page-bloc.bloc-texte.type4 {
  background-color: #ffffff; }
  .page-bloc.bloc-texte.type4 .intPage-bloc .bloc-contenu:before {
    /*background-image:url(../skins/img/lignesH0.png);*/ }
  .page-bloc.bloc-texte.type4 .intPage-bloc .bloc-contenu:after {
    /*background-image:url(../skins/img/lignesB0.png);*/ }
.page-bloc.bloc-texte-image .intPage-bloc .headRub {
  padding-bottom: 30px;
  margin-bottom: 0px; }
  .page-bloc.bloc-texte-image .intPage-bloc .headRub:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 174px;
    height: 5px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain; }
.page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu {
  color: #080f19; }
  .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
    color: #f39229; }
  .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
    color: #49596e; }
.page-bloc.bloc-texte-image.type0 {
  background-color: #ffffff; }
  .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .intBloc-contenu {
    color: #080f19; }
    .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
      color: #f39229; }
    .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
      color: #49596e; }
    .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub:after {
      /*                                background-image:url(../skins/img/lignesB0.png);*/ }
  .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 0.8em;
    z-index: 2; }
  .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent #ffffff transparent transparent; }
  .page-bloc.bloc-texte-image.type0.droite .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent transparent #ffffff; }
.page-bloc.bloc-texte-image.type1 {
  background-color: #f3f2f3; }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
    color: #f39229; }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
    color: #49596e; }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub:after {
    /*background-image:url(../skins/img/lignesB1.png);*/ }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 0.8em;
    z-index: 2; }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent #f3f2f3 transparent transparent; }
  .page-bloc.bloc-texte-image.type1.droite .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent transparent #f3f2f3; }
.page-bloc.bloc-texte-image.type2 {
  background-color: #333e4c; }
  .page-bloc.bloc-texte-image.type2 h4 {
    color: #49596e; }
    .page-bloc.bloc-texte-image.type2 h4.surtitre {
      color: #ffffff; }
  .page-bloc.bloc-texte-image.type2 ul li:before {
    background-color: #f39229; }
  .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu {
    color: #ffffff; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu h2 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu h3 {
      color: #f39229; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu h4 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur2 {
      color: #f39229; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur3 {
      color: #9da8b6; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau:before {
      background-color: #f39229; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
      color: #f39229; }
    .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub:after {
      /*background-image:url(../skins/img/lignesB2.png);*/ }
  .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 0.8em;
    z-index: 2; }
  .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent #333e4c transparent transparent; }
  .page-bloc.bloc-texte-image.type2.droite .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent transparent #333e4c; }
.page-bloc.bloc-texte-image.type3 {
  background-color: #a16d83; }
.page-bloc.bloc-texte-image.type4 {
  background-color: #663456; }
.page-bloc.bloc-texte-image.type5 {
  background-color: #ffffff; }
  .page-bloc.bloc-texte-image.type5 .intPage-bloc .headRub .titreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type5 .intPage-bloc .headRub .ssTitreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu {
    color: #080f19; }
    .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
      color: #f39229; }
    .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
      color: #49596e; }
  .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 0.8em;
    z-index: 2; }
.page-bloc.bloc-texte-image.type6 {
  background-color: #080f19; }
  .page-bloc.bloc-texte-image.type6 h4 {
    color: #f39229; }
    .page-bloc.bloc-texte-image.type6 h4.surtitre {
      color: #ffffff; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc .headRub .titreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc .headRub .ssTitreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu {
    color: #ffffff; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu h2 {
      color: #a16d83; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu h3 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu h4 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur2 {
      color: #f3f2f3; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur3 {
      color: #a16d83; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau:before {
      background-color: #a16d83; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
      color: #a16d83; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
      color: #ffffff; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .a_img {
    overflow: hidden; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
      font-family: "Oswald", sans-serif;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      font-size: 0.8em;
      z-index: 2; }
.page-bloc.bloc-texte-image.type7 {
  background-color: #f39229; }
  .page-bloc.bloc-texte-image.type7 h4 {
    color: #49596e; }
    .page-bloc.bloc-texte-image.type7 h4.surtitre {
      color: #ffffff; }
  .page-bloc.bloc-texte-image.type7 ul li:before {
    background-color: #49596e; }
  .page-bloc.bloc-texte-image.type7 .intPage-bloc .headRub .titreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type7 .intPage-bloc .headRub .ssTitreRub {
    text-align: center !important; }
  .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu {
    color: #ffffff; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu h2 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu h3 {
      color: #a16d83; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu h4 {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur2 {
      color: #f3f2f3; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu h4.couleur3 {
      color: #a16d83; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .chapeau:before {
      background-color: #a16d83; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .titreRub {
      color: #ffffff; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .intBloc-contenu .headRub .ssTitreRub {
      color: #a16d83; }
  .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .a_img {
    overflow: hidden; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc .bloc-contenu .a_img .titreAltLienImg {
      font-family: "Oswald", sans-serif;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      font-size: 0.8em;
      z-index: 2; }
.page-bloc.bloc-image.type0 .intPage-bloc .bloc-contenu a.a_img:before {
  content: "";
  position: absolute;
  height: 100px;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00412c23', endColorstr='#80412c23',GradientType=0 );
  /* IE6-9 */ }
.page-bloc.bloc-image.type1 .intPage-bloc .headRub {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  bottom: unset;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  .page-bloc.bloc-image.type1 .intPage-bloc .headRub .titreRub {
    color: #ffffff; }
  .page-bloc.bloc-image.type1 .intPage-bloc .headRub .ssTitreRub {
    color: #ffffff; }
.page-bloc.bloc-image.type2 .intPage-bloc .headRub {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 0; }
  .page-bloc.bloc-image.type2 .intPage-bloc .headRub .titreRub {
    color: #ffffff; }
  .page-bloc.bloc-image.type2 .intPage-bloc .headRub .ssTitreRub {
    color: #ffffff; }
.page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img {
  background-attachment: fixed; }
  .page-bloc.bloc-image.type2 .intPage-bloc .bloc-contenu a.a_img img {
    display: none; }
.page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie.type1 {
  background-color: #080f19; }
.page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal .titreAltLienImg {
  font-family: "Oswald", sans-serif;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 1.5em; }
.page-bloc.bloc-galerie .intPage-bloc .bloc-contenu .galerie .a_imgGal:after {
  content: "";
  position: absolute;
  height: 100px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00412c23', endColorstr='#80412c23',GradientType=0 );
  /* IE6-9 */ }
.page-bloc.bloc-galerie.type2 .intPage-bloc {
  /*width:100%;*/ }
  .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal {
    width: 150px;
    height: 150px;
    background-size: contain; }
    .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal img {
      display: none; }
    .page-bloc.bloc-galerie.type2 .intPage-bloc .bloc-contenu .galerie .a_imgGal:after {
      opacity: 0.2;
      display: none; }
.page-bloc.bloc-document {
  background-color: #ffffff;
  background-image: url(../skins/img/fndDoc.jpg);
  background-repeat: repeat-y;
  background-size: auto;
  background-attachment: fixed;
  background-position: 50% 0%;
  margin: 0px 0; }
  .page-bloc.bloc-document:before, .page-bloc.bloc-document:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 50%;
    height: 14px;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background-image: url(../skins/img/rub_top.png);
    top: 0;
    z-index: 9; }
  .page-bloc.bloc-document:after {
    background-image: url(../skins/img/rub_bot.png);
    top: unset;
    bottom: 0; }
  .page-bloc.bloc-document .intPage-bloc .bloc-contenu .intBloc-contenu {
    padding: 0; }
.page-bloc.bloc-embed.type1 .headRub, .page-bloc.bloc-embed.type2 .headRub {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  .page-bloc.bloc-embed.type1 .headRub .titreRub, .page-bloc.bloc-embed.type2 .headRub .titreRub {
    color: #ffffff; }
  .page-bloc.bloc-embed.type1 .headRub .ssTitreRub, .page-bloc.bloc-embed.type2 .headRub .ssTitreRub {
    color: #ffffff; }
.page-bloc.bloc-embed.type2 .headRub {
  top: 50%;
  margin-bottom: 0;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%); }
.page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal .titreAltLienImg {
  font-family: "Oswald", sans-serif;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 1.5em;
  z-index: 2; }
.page-bloc.bloc-sous-menu .intPage-bloc .bloc-contenu .galerie .a_imgGal:after {
  content: "";
  position: absolute;
  height: 100px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00412c23', endColorstr='#80412c23',GradientType=0 );
  /* IE6-9 */ }

nav.pagination .number .nb {
  font-family: "Open Sans", sans-serif;
  font-size: 14pt;
  color: #f39229;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 15px; }
  nav.pagination .number .nb.select {
    font-family: "Oswald", sans-serif;
    font-size: 18pt;
    color: #49596e;
    font-size: 21pt;
    top: 3px; }
  nav.pagination .number .nb:before {
    content: "";
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #9da8b6;
    left: calc(-5px / 2);
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  nav.pagination .number .nb:first-of-type:before {
    display: none; }
  nav.pagination .number .nb:hover {
    color: #49596e; }

@media screen and (max-width: 1020px) {
  .page-bloc h2 {
    font-size: 10vw;
    width: 100%;
    text-align: center;
    margin-bottom: 15px; }
  .page-bloc h3 {
    font-size: 5vw;
    width: 100%;
    text-align: center;
    margin-bottom: 15px; }
  .page-bloc p {
    font-size: 12pt;
    width: 100%;
    text-align: justify;
    margin-bottom: 5px; }
  .page-bloc .bouton {
    /*border-radius:0px;*/
    padding: 15px 25px;
    min-height: 50px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif; }
    .page-bloc .bouton span {
      font-family: "Oswald", sans-serif;
      color: #49596e;
      text-transform: capitalize; }
  .page-bloc .intPage-bloc .headRub .titreRub {
    /*                    padding-bottom: 8vw;*/
    margin-bottom: 2vw; }
  .page-bloc .intPage-bloc .headRub .ssTitreRub {
    padding: 0; }
    .page-bloc .intPage-bloc .headRub .ssTitreRub:after, .page-bloc .intPage-bloc .headRub .ssTitreRub:before {
      display: none; }
  .page-bloc .intPage-bloc .headRub.margeBot0 .titreRub {
    /*                    padding-bottom: 8vw;*/
    margin-bottom: 0; }
  .page-bloc .intPage-bloc .bloc-contenu .intBloc-contenu {
    padding: 0 30px; }
  .page-bloc.bloc-texte .intPage-bloc {
    padding: 50px 0px 0 0px; }
    .page-bloc.bloc-texte .intPage-bloc .bloc-contenu {
      padding: 0 0 50px 0; }
  .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img:after {
    bottom: -20px; }
  .page-bloc.bloc-texte-image .intPage-bloc .bloc-contenu a.a_img:before {
    content: "";
    position: absolute;
    bottom: -20px;
    top: unset;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 105px;
    height: 50px;
    background-image: url(../skins/img/befT.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .page-bloc.bloc-texte-image.type0 .intPage-bloc .bloc-contenu a.a_img:after {
    border-color: transparent transparent #ffffff transparent !important; }
  .page-bloc.bloc-texte-image.type1 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent #f3f2f3 transparent !important; }
  .page-bloc.bloc-texte-image.type2 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent #333e4c transparent !important; }
  .page-bloc.bloc-texte-image.type3 .intPage-bloc .bloc-contenu .a_img:after {
    border-color: transparent transparent #a16d83 transparent !important; }
  .page-bloc.bloc-texte-image.type4 .intPage-bloc .bloc-contenu a.a_img:after {
    border-color: transparent transparent #663456 transparent; }
  .page-bloc.bloc-texte-image.type5 .intPage-bloc .bloc-contenu .a_img:after {
    left: 50%;
    border-color: transparent transparent #ffffff transparent !important; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition {
    top: 150px;
    opacity: 0; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition .bloc-contenu .a_img {
      right: unset;
      left: 0;
      opacity: 0;
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1);
      /* older webkit */
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -moz-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -o-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      /* custom */ }
      .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition .bloc-contenu .a_img:after {
        left: 50%;
        border-color: transparent transparent #49596e transparent !important; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition.vu {
      opacity: 1;
      top: 0px; }
      .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
        right: unset;
        left: 0;
        opacity: 1; }
  .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition .bloc-contenu a.a_img {
    right: unset;
    left: 0%;
    opacity: 0; }
  .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition.vu {
    opacity: 1;
    top: 0px; }
    .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
      left: 0%;
      opacity: 1; }
  .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition {
    top: 150px;
    opacity: 0; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition .bloc-contenu .a_img {
      right: unset;
      left: 0;
      opacity: 0;
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1);
      /* older webkit */
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -moz-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -o-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      /* custom */ }
      .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition .bloc-contenu .a_img:after {
        left: 50% !important;
        border-color: transparent transparent #49596e transparent !important; }
    .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition.vu {
      opacity: 1;
      top: 0px; }
      .page-bloc.bloc-texte-image.type6 .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
        right: unset;
        left: 0;
        opacity: 1; }
  .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition .bloc-contenu a.a_img {
    right: unset;
    left: 0%;
    opacity: 0; }
  .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition.vu {
    opacity: 1;
    top: 0px; }
    .page-bloc.bloc-texte-image.type6.droite .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
      left: 0%;
      opacity: 1; }
  .page-bloc.bloc-texte-image.type7 .intPage-bloc.apparition {
    top: 150px;
    opacity: 0; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc.apparition .bloc-contenu .a_img {
      right: unset;
      left: 0;
      opacity: 0;
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1);
      /* older webkit */
      -webkit-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -moz-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      -o-transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      transition: all 500ms cubic-bezier(0.105, 0.02, 0.025, 1.595);
      /* custom */ }
      .page-bloc.bloc-texte-image.type7 .intPage-bloc.apparition .bloc-contenu .a_img:after {
        left: 50% !important;
        border-color: transparent transparent #f39229 transparent !important; }
    .page-bloc.bloc-texte-image.type7 .intPage-bloc.apparition.vu {
      opacity: 1;
      top: 0px; }
      .page-bloc.bloc-texte-image.type7 .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
        right: unset;
        left: 0;
        opacity: 1; }
  .page-bloc.bloc-texte-image.type7.droite .intPage-bloc.apparition .bloc-contenu a.a_img {
    right: unset;
    left: 0%;
    opacity: 0; }
  .page-bloc.bloc-texte-image.type7.droite .intPage-bloc.apparition.vu {
    opacity: 1;
    top: 0px; }
    .page-bloc.bloc-texte-image.type7.droite .intPage-bloc.apparition.vu .bloc-contenu a.a_img {
      left: 0%;
      opacity: 1; }
  .page-bloc.bloc-image.type1 .intPage-bloc .headRub .titreRub {
    font-size: 5vw;
    color: #ffffff; }
  .page-bloc.bloc-image.type1 .intPage-bloc .headRub .ssTitreRub {
    font-size: 3vw;
    color: #ffffff; }
  .page-bloc.bloc-image.type2 .intPage-bloc .headRub .titreRub {
    font-size: 5vw;
    color: #ffffff; }
  .page-bloc.bloc-image.type2 .intPage-bloc .headRub .ssTitreRub {
    font-size: 3vw;
    color: #ffffff; }
  .page-bloc.bloc-document .intPage-bloc {
    padding: 30px; }
  .page-bloc.bloc-embed.type1 .headRub, .page-bloc.bloc-embed.type2 .headRub {
    display: none; } }
@media screen and (max-width: 650px) {
  .bouton {
    width: calc(100% - 60px); } }
@font-face {
  font-family: 'montserratbold';
  src: url("./fonts/montserrat-bold_0-webfont.eot");
  src: url("./fonts/montserrat-bold_0-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat-bold_0-webfont.woff2") format("woff2"), url("./fonts/montserrat-bold_0-webfont.woff") format("woff"), url("./fonts/montserrat-bold_0-webfont.ttf") format("truetype"), url("./fonts/montserrat-bold_0-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratmedium';
  src: url("./fonts/montserrat-medium-webfont.eot");
  src: url("./fonts/montserrat-medium-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat-medium-webfont.woff2") format("woff2"), url("./fonts/montserrat-medium-webfont.woff") format("woff"), url("./fonts/montserrat-medium-webfont.ttf") format("truetype"), url("./fonts/montserrat-medium-webfont.svg#montserratmedium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratthin';
  src: url("./fonts/montserrat-thin-webfont.eot");
  src: url("./fonts/montserrat-thin-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat-thin-webfont.woff2") format("woff2"), url("./fonts/montserrat-thin-webfont.woff") format("woff"), url("./fonts/montserrat-thin-webfont.ttf") format("truetype"), url("./fonts/montserrat-thin-webfont.svg#montserratthin") format("svg");
  font-weight: normal;
  font-style: normal; }
/*-- Declaration variables--*/
/*Bleu1*/
/*orange*/
/*grisBleu*/
/*Bleu2*/
/*grisClair*/
/* vert pomme clair*/
/* vert pomme fonc├®*/
.noir {
  color: #080f19; }

.blanc {
  color: #ffffff; }

.couleur1 {
  color: #49596e; }

.couleur2 {
  color: #f39229; }

.couleur3 {
  color: #9da8b6; }

.couleur4 {
  color: #333e4c; }

.couleur5 {
  color: #f3f2f3; }

.couleur6 {
  color: #a16d83; }

.couleur7 {
  color: #663456; }

.couleur8 {
  color: #925a72; }

.bgNoir {
  background-color: #080f19; }

.bgBlanc {
  background-color: #ffffff; }

.bgCouleur1 {
  background-color: #49596e; }

.bgCouleur2 {
  background-color: #f39229; }

.bgCouleur3 {
  background-color: #9da8b6; }

.bgCouleur4 {
  background-color: #333e4c; }

.bgCouleur5 {
  background-color: #f3f2f3; }

.bgCouleur6 {
  background-color: #a16d83; }

.bgCouleur7 {
  background-color: #663456; }

.bgCouleur8 {
  background-color: #925a72; }

.font1 {
  font-family: "Open Sans", sans-serif; }

.font2 {
  font-family: "Oswald", sans-serif; }

.font3 {
  font-family: "Open Sans", sans-serif; }

.firstCoul1::first-letter {
  color: #49596e; }

.firstCoul2::first-letter {
  color: #f39229; }

.firstCoul3::first-letter {
  color: #9da8b6; }

.firstCoul4::first-letter {
  color: #333e4c; }

.firstCoul5::first-letter {
  color: #f3f2f3; }

.firstCoul6::first-letter {
  color: #a16d83; }

.firstCoul7::first-letter {
  color: #663456; }

.firstCoul8::first-letter {
  color: #925a72; }

.firstUpper {
  text-transform: capitalize; }

/*//////////////////////////////////////////////////////////////////////*/
/* Cachons la case à cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

/* on pr├®pare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-├®l├®ments */
  padding-left: 40px;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapt├® */ }

/* Aspect des checkboxes */
/* :before sert ├á cr├®er la case ├á cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  /* dim. de la case */
  background: #f8f8f8;
  border: 1px solid #a39797; }

[type="checkbox"].wrong:not(:checked) + label:before {
  border: 1px solid #cc0000 !important;
  background-color: rgba(204, 0, 0, 0.1) !important; }

/* Aspect g├®n├®ral de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: url(../skins/img/check.png);
  position: absolute;
  top: -2px;
  left: -2px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s;
  /* on pr├®voit une animation */ }

/* Aspect si "pas coch├®e" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise ├á l'├®chelle ├á 0 */ }

/* Aspect si "coch├®e" */
[type="checkbox"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise ├á l'├®chelle 1:1 */ }

/* aspect d├®sactiv├®e */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  border-color: #9da8b6;
  background-color: #ddd; }

/* styles de la coche (si coch├®e/d├®sactiv├®e) */
[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

/* on style aussi le label quand d├®sactiv├® */
[type="checkbox"]:disabled + label {
  color: #aaa; }

/* aspect au focus de l'├®l├®ment */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  /*  border: 1px dotted blue;*/ }

/**/
table {
  width: 100% !important;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
  margin: 15px 0 5px 0; }
  @media screen and (max-width: 560px) {
    table {
      font-size: 3vw; } }
  table:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    bottom: 0;
    background-color: #49596e;
    border-radius: 0 0 5px 5px; }
  table thead {
    background: #49596e;
    color: #fff;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase; }
    table thead tr th {
      padding: 0;
      border: 0;
      margin: 0;
      text-align: left;
      padding: 10px; }
      table thead tr th:first-of-type {
        border-top-left-radius: 5px; }
      table thead tr th:last-of-type {
        border-top-right-radius: 5px; }
  table:nth-of-type(even):after {
    background-color: #f39229; }
  table:nth-of-type(even) thead {
    background: #f39229; }
  table tr {
    border-bottom: 1px solid #efefef; }
    table tr:nth-child(even) {
      background: #efefef57; }
    table tr th, table tr td {
      padding: 0;
      border: 0;
      margin: 0; }
      table tr th img, table tr td img {
        position: relative;
        top: 7px;
        /*    margin: 0 0 10px 0;*/ }
    table tr td {
      padding: 5px 0 5px 10px;
      text-align: left; }
      @media screen and (max-width: 560px) {
        table tr td {
          padding: 1vw 0 1vw 2vw; } }
      table tr td:first-of-type {
        padding: 5px 0 5px 10px;
        text-align: left; }
        @media screen and (max-width: 560px) {
          table tr td:first-of-type {
            padding: 1vw 0 1vw 2vw; } }
      table tr td:last-of-type {
        text-align: right;
        padding: 5px 10px 5px 0; }
        @media screen and (max-width: 560px) {
          table tr td:last-of-type {
            padding: 1vw 2vw 1vw 0; } }
      table tr td:not(:last-of-type):not(:first-of-type) {
        /*    width:100%;*/ }
    table tr:last-of-type td {
      padding-bottom: 10px; }

/**/
/*#map*/
#map h4.font1 {
  font-size: 0pt;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
  padding: 18px 10px 18px 125px;
  background-image: url(../skins/img/logoHead.png);
  background-repeat: no-repeat;
  background-size: auto 70px;
  background-position: 10px 50%;
  width: 100%;
  min-height: 54px;
  color: transparent; }

.grecaptcha-badge {
  display: none; }

/*NEWSLETTER*/
.ui-state-default {
  color: #49596e;
  font-weight: 650; }

.ui-datepicker-next.ui-corner-all {
  float: right;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 0.8em; }

#ui-datepicker-div {
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

.ui-datepicker-title {
  text-align: center;
  font-weight: 700;
  clear: both; }

.wrong {
  border-color: #cc0000 !important;
  background-color: rgba(204, 0, 0, 0.1) !important; }

.labelAcceptRec {
  line-height: 170%; }

.ui-datepicker-prev.ui-corner-all {
  float: left;
  margin: 5px 10px;
  cursor: pointer;
  font-size: 0.8em; }

.ui-datepicker-calendar {
  margin: 15px 0 0px 0 !important; }

#ui-datepicker-div {
  border-radius: 4px 4px 8px 8px; }

#pop_newsletter {
  position: fixed;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  max-width: 400px;
  z-index: 9999; }
  #pop_newsletter h2 {
    color: #ffffff;
    background-color: #f39229;
    font-family: "Open Sans", sans-serif;
    padding: 15px;
    margin-bottom: 0px;
    line-height: 1em;
    text-align: left;
    letter-spacing: 0.2em;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase; }
  #pop_newsletter p {
    text-align: center;
    padding: 30px 15px 15px 15px; }

.labelM {
  color: #080f19 !important;
  display: none;
  background: #ffffff;
  padding: 8px 15px 8px 15px;
  border-radius: 15px;
  /*border-radius: 0 15px 15px 0;*/
  position: absolute;
  top: calc(50% - 27px);
  left: 25px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .labelM.vu {
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .labelM:before {
    /*    content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16.5px 10px 16.5px 0;
        border-color: transparent #ffffff transparent transparent;
        left: -10px;
        top: 0;*/ }

a.site {
  background-color: #49596e;
  margin: 10px 0 0 0;
  display: inline-block;
  padding: 11px 15px 10px;
  color: #ffffff;
  border-radius: 20px;
  height: 40px; }

a.btnTel {
  background-color: #f39229;
  margin: 10px 0 0 0;
  display: inline-block;
  padding: 11px 20px 10px 45px;
  color: #ffffff;
  border-radius: 20px;
  background-image: url(../skins/img/telBtn.png);
  background-size: 30px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  height: 40px;
  font-weight: 500;
  white-space: nowrap; }

a.email {
  background-color: #f39229;
  margin: 10px 0 0 0;
  display: inline-block;
  padding: 8px 20px 10px 45px;
  color: #ffffff;
  border-radius: 20px;
  background-image: url(../skins/img/mailBtn.png);
  background-size: 30px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  height: 40px; }

#formsend {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  width: 400px;
  height: auto;
  max-width: calc(100% - 60px);
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: 20px;
  display: none; }
  #formsend.aff {
    display: block; }

[id*='overlay-'] {
  position: fixed;
  background-color: rgba(8, 15, 25, 0.6);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1; }
  [id*='overlay-']#overlay-menu {
    top: 0%;
    left: 0%;
    height: 100vh;
    width: 0px; }
  [id*='overlay-']#overlay-left {
    top: 50%;
    left: 0%;
    height: 100vh;
    width: 0px;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  [id*='overlay-']#overlay-right {
    top: 50%;
    right: 0%;
    height: 100vh;
    width: 0px;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  [id*='overlay-']#overlay-center {
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  [id*='overlay-'].activ#overlay-menu, [id*='overlay-'].activ#overlay-center, [id*='overlay-'].activ#overlay-right, [id*='overlay-'].activ#overlay-left {
    opacity: 1;
    z-index: 998;
    width: 100%;
    height: 100vh; }

/* //////////////////////////////////////////////////////////////////////// */
.contPagination {
  max-width: 1147px;
  width: 100%;
  margin: 100px auto;
  padding: 0 30px; }
  .contPagination.contPagination:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    background-color: #a99993;
    width: calc(95% - 18vw);
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  .contPagination.contPagination:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    height: 4px;
    background-color: #a99993;
    width: calc(25%);
    left: 50%;
    -webkit-transform: translate(-50%, -2px);
    -moz-transform: translate(-50%, -2px);
    -o-transform: translate(-50%, -2px);
    -ms-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px); }
  .contPagination .nb {
    padding: 0 5px;
    color: #083f2b;
    font-weight: 800;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease; }
  .contPagination .nb:hover {
    color: #9cac2d; }
  .contPagination .nb.select {
    color: #e1493e;
    font-size: 1.2em; }
  .contPagination .pagination {
    margin: 0 30px; }
  .contPagination .pagination [class*="fl"] {
    font-size: 0;
    color: transparent;
    top: 0; }

/* //////////////////////////////////////////////////////////////////////// */
body * {
  box-sizing: border-box;
  position: relative; }

body {
  color: #49596e;
  font-family: "Open Sans", sans-serif;
  position: relative;
  font-size: 12pt;
  overflow-x: hidden; }
  body.home {
    /*        background-color:$noir;*/ }

a {
  text-decoration: none; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: initial !important; }

em {
  font-style: italic; }

.sousPict {
  background-color: #49596e;
  height: 35px;
  width: 100%; }

.pictDown, .pictUp {
  left: 50%;
  left: 50%;
  width: 113px;
  height: 57px;
  font-size: 0;
  color: transparent;
  position: absolute;
  top: 0px;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  background-image: url(../skins/img/pictDown.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .pictDown.pictDown:after, .pictUp.pictDown:after {
    display: none;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #080f19 transparent transparent transparent;
    top: calc(50% + 2px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .pictDown.pictUp:after, .pictUp.pictUp:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #080f19 transparent;
    top: calc(50% - 2px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.flLeft, .flRight {
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  /*background-color: $couleur1;*/
  background-color: #ffffff;
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 10px solid #ffffff; }
  .flLeft:after, .flRight:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(157, 168, 182, 0.3);
    background-image: url(../skins/img/flLeft.png);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: 45% 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*        width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 15px 10px 0px;
            border-color:  transparent $blanc transparent transparent  ;*/
    top: 50%;
    left: 50%;
    -webkit-transform: translate(calc(-50% - 0px), calc(-50% - 0px));
    -moz-transform: translate(calc(-50% - 0px), calc(-50% - 0px));
    -o-transform: translate(calc(-50% - 0px), calc(-50% - 0px));
    -ms-transform: translate(calc(-50% - 0px), calc(-50% - 0px));
    transform: translate(calc(-50% - 0px), calc(-50% - 0px));
    background-color: rgba(157, 168, 182, 0); }
  .flLeft:hover:after, .flRight:hover:after {
    background-color: rgba(157, 168, 182, 0.15); }
  .flLeft.seul2, .flRight.seul2 {
    display: none; }
  .flLeft.seul1, .flRight.seul1 {
    display: none; }

.flRight {
  left: unset;
  right: 0; }
  .flRight:after {
    /*        border-width: 10px 0px 10px 15px;
            border-color:  transparent transparent transparent $blanc ;*/
    background-image: url(../skins/img/flRight.png);
    background-position: 55% 50%;
    -webkit-transform: translate(calc(-50% + 0px), calc(-50% - 0px));
    -moz-transform: translate(calc(-50% + 0px), calc(-50% - 0px));
    -o-transform: translate(calc(-50% + 0px), calc(-50% - 0px));
    -ms-transform: translate(calc(-50% + 0px), calc(-50% - 0px));
    transform: translate(calc(-50% + 0px), calc(-50% - 0px)); }

/*///////////////////////// video //////////////////////////////////////////*/
#videoCont {
  z-index: 2;
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  background-image: url();
  background-size: cover;
  background-position: 50% 0;
  box-sizing: border-box;
  overflow: hidden; }

video#bgvid {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  /*    background-color:$noir;*/ }
  video#bgvid.videoAbs {
    position: absolute;
    display: block; }
  video#bgvid.videoAlt {
    display: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 50%;
    max-width: 100%; }

/*///////////////////////// video //////////////////////////////////////////*/
#main {
  z-index: 2; }
  #main #page_content {
    overflow: hidden; }
  #main #intro {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    z-index: 1; }
    #main #intro #logoPage {
      display: none;
      position: absolute;
      height: 15vh;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 50% 100%;
      background-image: url(../skins/img/logo.png);
      width: 300px;
      max-width: 100%;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    #main #intro .nomPage {
      position: absolute;
      bottom: 0px;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      width: auto;
      max-width: 50%;
      left: 50%; }
      #main #intro .nomPage h1 {
        padding: 0px 0px;
        color: #ffffff;
        text-align: center;
        margin: 0;
        font-size: 50pt;
        font-family: "Oswald", sans-serif;
        text-transform: uppercase;
        line-height: 46pt;
        font-weight: 500;
        /*text-shadow:0 0 10px rgba(0,0,0,0.5);*/ }
        #main #intro .nomPage h1:before {
          display: none;
          content: "";
          position: absolute;
          left: 0px;
          top: 50%;
          width: 53px;
          height: 5px;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          background-image: url(../skins/img/beforeSt.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: auto; }
        #main #intro .nomPage h1:after {
          display: none;
          content: "";
          position: absolute;
          right: 0px;
          top: 50%;
          width: 53px;
          height: 5px;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          background-image: url(../skins/img/afterSt.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: auto; }
      #main #intro .nomPage h2 {
        padding: 0;
        /*color:$couleur2;*/
        text-transform: uppercase;
        font-size: 28pt;
        line-height: 25pt; }
        #main #intro .nomPage h2:before {
          display: none;
          content: "";
          position: absolute;
          width: 100%;
          height: 7px;
          width: 100%;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          background-image: url(../skins/img/soulignTitre.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: auto; }
  #main .listeCateg {
    width: 1250px;
    margin: 10px auto 10px auto;
    max-width: 100%;
    padding: 0 30px;
    /*        a{
                font-family: $font3;
                margin: 10px;
                background-color: $couleur2;
                display: inline-block;
                padding: 10px 25px;
                text-align: center;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
                color: $blanc;
                font-size: 1.5em;
                &.select{
                    background-color: $couleur1; 
                }
                &.rouge{
                    background-color: $couleur1;
                    &.select{
                        background-color: $couleur2; 
                    }
                }
            }*/ }
    #main .listeCateg .bouton {
      background-color: #f39229; }
      #main .listeCateg .bouton.select {
        background-color: #49596e; }
      #main .listeCateg .bouton.rouge {
        background-color: #49596e; }
        #main .listeCateg .bouton.rouge.select {
          background-color: #f39229; }
  #main .listeSousPage {
    width: 1250px;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 25px 0;
    background-color: #f39229;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #main .listeSousPage a {
      font-family: "Oswald", sans-serif;
      margin: 5px 5px 0px 5px;
      display: inline-block;
      background-color: #f39229;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #ffffff;
      font-size: 1em; }
      #main .listeSousPage a.select {
        background-color: #ffffff;
        color: #f39229; }

#section_hero:after, .zap_intro:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 150px;
  background: -moz-linear-gradient(top, rgba(65, 44, 35, 0.5) 0%, rgba(65, 44, 35, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(65, 44, 35, 0.5) 0%, rgba(65, 44, 35, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(65, 44, 35, 0.5) 0%, rgba(65, 44, 35, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80412c23', endColorstr='#00412c23',GradientType=0 );
  /* IE6-9 */ }

.zap_intro:before {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 150px;
  background: -moz-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(65, 44, 35, 0) 0%, rgba(65, 44, 35, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00412c23', endColorstr='#80412c23',GradientType=0 );
  /* IE6-9 */ }

#home-parallax {
  /*z-index:3;*/
  width: 100%;
  max-width: 1220px;
  height: calc((100vw - 17px) * 1139 / 1220);
  max-height: calc((1220px) * 1139 / 1220);
  /*    background-color:$blanc;*/
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 700px) {
    #home-parallax {
      height: calc(((100vw - 17px) * 1139 / 1220) + 380px);
      max-height: calc(((1220px) * 1139 / 1220) + 380px); } }
  #home-parallax .paraBtn {
    width: auto;
    position: absolute;
    bottom: 200px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    @media screen and (max-width: 700px) {
      #home-parallax .paraBtn {
        bottom: 320px;
        width: calc(100% - 60px); } }
  #home-parallax #triDir {
    position: absolute;
    bottom: 60px;
    height: 100px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    max-width: 1220px;
    width: calc(100% - 60px); }
    @media screen and (max-width: 700px) {
      #home-parallax #triDir {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 315px; } }
    #home-parallax #triDir:before {
      content: "";
      position: absolute;
      height: 5px;
      width: 90%;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -100%);
      -o-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      background-color: #49596e; }
    #home-parallax #triDir .bouton {
      min-height: 100px;
      margin: 8px 5px; }
  #home-parallax [id*="para_fnd"] {
    position: absolute;
    top: 0%;
    /*        @media screen and (min-width : 1220px) {
            top:5%;
            }
            @media screen and (min-width : 1500px) {
            top:0%;
            }
            
            @media screen and (min-width : 1700px) {
            top:-5%;
            }*/
    left: 50%;
    height: calc((100vw - 17px) * 1139 / 1220);
    max-height: calc((1220px) * 1139 / 1220);
    /*        -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);*/
    -webkit-transform: translate(-50%, 10%);
    -moz-transform: translate(-50%, 10%);
    -o-transform: translate(-50%, 10%);
    -ms-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
    @media screen and (max-width: 700px) {
      #home-parallax [id*="para_fnd"] {
        /*            height:calc(((100vw - 17px) * 1239 / 1220) + 315px);
                    max-height:calc(((1220px) * 1239 / 1220) + 315px);*/ } }
    @media screen and (min-width: 1220px) {
      #home-parallax [id*="para_fnd"] {
        background-size: auto; } }
    #home-parallax [id*="para_fnd"]#para_fnd0 {
      width: 100%;
      /*background-color:$couleur1;*/
      background-image: url(../skins/img/plan0.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd0 {
          background-image: url(../skins/img/plan0-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd1 {
      width: 100%;
      /*background-color:$couleur1;*/
      background-image: url(../skins/img/plan1.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd1 {
          background-image: url(../skins/img/plan1-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd2 {
      width: 100%;
      /*background-color:$couleur2;*/
      background-image: url(../skins/img/plan2.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd2 {
          background-image: url(../skins/img/plan2-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd3 {
      width: 100%;
      /*background-color:$couleur3;*/
      background-image: url(../skins/img/plan3.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd3 {
          background-image: url(../skins/img/plan3-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd4 {
      width: 100%;
      /*background-color:$couleur4;*/
      background-image: url(../skins/img/plan4.jpg); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd4 {
          background-image: url(../skins/img/plan4-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd5 {
      width: 100%;
      /*background-color:$couleur5;*/
      background-image: url(../skins/img/plan5.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd5 {
          background-image: url(../skins/img/plan5-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fnd6 {
      width: 100%;
      /*background-color:$couleur5;*/
      background-image: url(../skins/img/plan6.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fnd6 {
          background-image: url(../skins/img/plan6-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fndNuage {
      width: 100%;
      /*background-color:$couleur5;*/
      background-image: url(../skins/img/planNuage.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fndNuage {
          background-image: url(../skins/img/planNuage-800.png); } }
    #home-parallax [id*="para_fnd"]#para_fndNuage2 {
      width: 100%;
      /*background-color:$couleur5;*/
      background-image: url(../skins/img/planNuage2.png); }
      @media screen and (max-width: 800px) {
        #home-parallax [id*="para_fnd"]#para_fndNuage2 {
          background-image: url(../skins/img/planNuage2-800.png); } }

/*//////////////////////////////////////////////////////////////////////////*/
/*////  AUTOPROMO HERO 1 ///////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
#infosMas {
  position: absolute;
  bottom: -30px;
  left: calc(50% + 100px);
  width: calc(50% - 160px);
  max-width: calc((1200px / 2 ) - 160px);
  z-index: 4;
  /*height:285px;*/
  -webkit-transform: translate(0%, calc(0%));
  -moz-transform: translate(0%, calc(0%));
  -o-transform: translate(0%, calc(0%));
  -ms-transform: translate(0%, calc(0%));
  transform: translate(0%, calc(0%)); }
  #infosMas h1 {
    font-size: 29pt;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    margin: 0;
    line-height: 1.2em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  #infosMas h2 {
    font-size: 2em;
    color: #ffffff;
    text-align: left;
    font-weight: 300;
    font-style: italic;
    padding-left: 12.5%;
    padding-bottom: 38px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  #infosMas #meteo {
    color: #ffffff;
    white-space: nowrap;
    font-size: 13pt;
    padding: 10px 15px;
    font-weight: 400;
    background-color: #e1493e; }
    #infosMas #meteo img {
      margin: 0 10px; }
  #infosMas #flux {
    color: #ffffff;
    min-height: 100px;
    background-color: #9da8b6;
    width: calc(100% - 100px);
    padding: 10px 10px 10px 50px;
    overflow: hidden;
    background-image: url(../skins/img/infos.png);
    background-position: 0% calc(50% - 12.5px);
    background-size: auto;
    background-repeat: no-repeat; }
    #infosMas #flux #contPuceFlux {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 10px; }
      #infosMas #flux #contPuceFlux .puceFlux {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        border-radius: 50%;
        background-color: #ffffff;
        cursor: pointer; }
        #infosMas #flux #contPuceFlux .puceFlux.actif {
          background-color: #333e4c; }
        #infosMas #flux #contPuceFlux .puceFlux:hover {
          background-color: #f39229; }
    #infosMas #flux #flux_cont {
      overflow: hidden;
      max-width: 100%;
      height: 80px; }
      #infosMas #flux #flux_cont ul {
        height: 100%;
        padding-bottom: 25px; }
        #infosMas #flux #flux_cont ul li {
          height: 100%; }
          #infosMas #flux #flux_cont ul li a {
            position: absolute;
            width: 100%;
            height: auto;
            left: 0;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            color: #ffffff; }
            #infosMas #flux #flux_cont ul li a[href*='']:hover {
              color: rgba(8, 15, 25, 0.8); }
  #infosMas #btnCam {
    width: 100px;
    height: 100px;
    background-color: #f39229;
    background-image: url(../skins/img/webcam.png);
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat; }
    #infosMas #btnCam:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 0%;
      bottom: 0;
      right: 0;
      background-color: #49596e;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-image: url(../skins/img/webcam.png);
      background-position: 0% 100%;
      background-size: auto;
      background-repeat: no-repeat; }
    #infosMas #btnCam:hover:after {
      height: 100%; }

#section_hero {
  height: 1080px;
  max-width: 100%;
  position: relative;
  /*overflow: hidden;*/
  /*    overflow-x: hidden;*/
  /*    z-index: 0;*/
  /*    background-color:$noir;*/ }
  #section_hero #paraTotal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1; }
  #section_hero #flipper {
    height: 100%; }
  #section_hero [id*='para_fndAcc'] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%; }
  #section_hero #para_fndAcc4 {
    background-image: url(../img_temp/para_fnd4.png);
    background-position: 50% 50%; }
  #section_hero #para_fndAcc4B {
    opacity: 0.2;
    background-image: url(../img_temp/para_fnd4B.png);
    background-position: 50% 50%; }
  #section_hero #logoCenter {
    width: 630px;
    height: auto;
    z-index: 10;
    position: absolute;
    max-width: calc(100% - 60px);
    max-height: calc(100% - 60px);
    top: calc(50%);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  #section_hero #logoCenter img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; }
  #section_hero #logoCenter h1 {
    padding: 15px 0;
    color: #ffffff;
    text-align: center;
    margin: 0; }
  @media screen and (max-width: 450px) {
    #section_hero #logoCenter h1 {
      padding: 5vw 0 0;
      font-size: 8vw; } }
  #section_hero #logoHero {
    position: absolute;
    width: 100%;
    height: calc(100% - 55px);
    z-index: 10;
    max-width: calc(100% - 60px);
    max-height: calc(100% - 55px);
    min-height: calc(100% - 55px);
    top: 55px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    @media screen and (min-width: 1220px) {
      #section_hero #logoHero {
        display: none; } }
    #section_hero #logoHero #logoLien {
      display: none;
      font-size: 0;
      color: transparent;
      height: 100%;
      width: 100%;
      display: block;
      /*            background-image:url(../skins/img/logo.png);*/
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 0; }
    #section_hero #logoHero #reseauxSocH {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 54px; }
      #section_hero #logoHero #reseauxSocH .resSoc {
        font-size: 0;
        color: transparent;
        width: 54px;
        height: 54px;
        z-index: 1;
        margin: 0 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #section_hero #logoHero #reseauxSocH .resSoc:after {
          content: "";
          z-index: 0;
          width: 49px;
          height: 49px;
          border-radius: 50%;
          position: absolute;
          background-size: contain;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
          /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
          z-index: 1; }
        #section_hero #logoHero #reseauxSocH .resSoc.fb:after {
          background-image: url(../skins/img/fb.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.yt:after {
          background-image: url(../skins/img/yt.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.gle:after {
          background-image: url(../skins/img/gle.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.tw:after {
          background-image: url(../skins/img/tw.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.inst:after {
          background-image: url(../skins/img/inst.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.lkdn:after {
          background-image: url(../skins/img/lkdn.png); }
        #section_hero #logoHero #reseauxSocH .resSoc.trip:after {
          background-image: url(../skins/img/trip.png); }
        #section_hero #logoHero #reseauxSocH .resSoc:before {
          content: "";
          z-index: 0;
          width: 44px;
          height: 44px;
          background-color: #f39229;
          position: absolute;
          left: 50%;
          top: 50%;
          border-radius: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
          border: 0px solid #f39229; }
        #section_hero #logoHero #reseauxSocH .resSoc:hover:before {
          border: 15px solid rgba(243, 146, 41, 0);
          opacity: 0.5; }
  #section_hero #autopromo_block_hero {
    height: 100%; }
    #section_hero #autopromo_block_hero #autopromo_cache_hero {
      width: 100%;
      height: 100%; }
      #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        transition: all 0.8s ease;
        opacity: 0; }
        #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h .blocTitre {
          position: absolute;
          z-index: 0;
          bottom: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          max-width: 50%;
          opacity: 0; }
          #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h .blocTitre h2 {
            color: #ffffff;
            background: transparent;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            padding: 15px 20px;
            margin: 0;
            left: 50%;
            font-family: "Oswald", sans-serif;
            text-align: center;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h .blocTitre h2 span {
              display: block;
              white-space: nowrap;
              line-height: 1.2; }
          #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h .blocTitre h3 {
            color: #ffffff;
            left: -50%;
            margin: 0;
            padding: 15px 20px;
            /*                        background:$couleur1;*/
            text-align: center;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h .blocTitre h3 span {
              display: block;
              overflow: hidden;
              white-space: nowrap;
              line-height: 1.2; }
        #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h.en_cours {
          opacity: 1; }
          #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h.en_cours .blocTitre {
            opacity: 1;
            z-index: 1; }
            #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h.en_cours .blocTitre h2 {
              left: 0%; }
            #section_hero #autopromo_block_hero #autopromo_cache_hero .a_h.en_cours .blocTitre h3 {
              left: 0%; }
    #section_hero #autopromo_block_hero #nav_auto {
      position: absolute;
      height: 100%;
      top: 0;
      width: 100%; }
      #section_hero #autopromo_block_hero #nav_auto .arrow {
        width: 122px;
        height: 92px;
        cursor: pointer;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        z-index: 9999;
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        background-position: 50% 50%;
        background-size: auto;
        background-repeat: no-repeat;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #section_hero #autopromo_block_hero #nav_auto .arrow#left_btn {
          left: 0px;
          background-image: url("../skins/img/pictLeft.png"); }
          #section_hero #autopromo_block_hero #nav_auto .arrow#left_btn:hover {
            background-position: 0% 50%; }
        #section_hero #autopromo_block_hero #nav_auto .arrow#right_btn {
          right: 0px;
          background-image: url("../skins/img/pictRight.png"); }
          #section_hero #autopromo_block_hero #nav_auto .arrow#right_btn:hover {
            background-position: 100% 50%; }

#promo_actu {
  padding: 50px 0; }
  @media screen and (max-width: 890px) {
    #promo_actu {
      padding: 0 0 50px 0; } }
  #promo_actu #int_promo_actu {
    max-width: calc(100% - 60px);
    margin: 0 auto;
    width: 1180px; }
    @media screen and (max-width: 890px) {
      #promo_actu #int_promo_actu {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    #promo_actu #int_promo_actu #autopromo_block {
      height: auto;
      background-color: #f39229;
      width: 50%;
      max-width: calc(100% - 60px);
      position: relative;
      margin: 0px 20px 0px 0px;
      padding: 100px 0px 100px 0px;
      /*        overflow: hidden;*/ }
      @media screen and (max-width: 890px) {
        #promo_actu #int_promo_actu #autopromo_block {
          width: 100%;
          padding: 50px 0px 100px 0px;
          max-width: calc(100%);
          margin: 0px 0px 0px 0px; }
          #promo_actu #int_promo_actu #autopromo_block .sequence-pagination {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center; } }
      #promo_actu #int_promo_actu #autopromo_block:after {
        content: "";
        position: absolute;
        bottom: 50px;
        height: 5px;
        width: 25%;
        left: 30px;
        background-color: #9da8b6; }
      #promo_actu #int_promo_actu #autopromo_block.apparition {
        top: 150px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        opacity: 0; }
        #promo_actu #int_promo_actu #autopromo_block.apparition.vu {
          opacity: 1;
          top: 0; }
      #promo_actu #int_promo_actu #autopromo_block .ctnuSlide {
        width: 100%;
        padding: 0; }
        #promo_actu #int_promo_actu #autopromo_block .ctnuSlide .intCtnuSlide {
          position: relative;
          background: transparent;
          bottom: 0%;
          left: 50%;
          height: auto;
          max-width: 100%;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          padding: 30px 0 0; }
          #promo_actu #int_promo_actu #autopromo_block .ctnuSlide .intCtnuSlide .title {
            top: 0%;
            width: 100%;
            text-align: left;
            padding: 10px 30px;
            font-family: "Open Sans", sans-serif;
            font-size: 2.5em; }
            #promo_actu #int_promo_actu #autopromo_block .ctnuSlide .intCtnuSlide .title span {
              z-index: 2; }
          #promo_actu #int_promo_actu #autopromo_block .ctnuSlide .intCtnuSlide .subtitle {
            top: 0px;
            width: calc(100%);
            text-align: left;
            font-size: 20pt;
            background-color: transparent;
            color: #ffffff;
            padding: 0px 30px 15px; }
          #promo_actu #int_promo_actu #autopromo_block .ctnuSlide .intCtnuSlide .bouton {
            margin: 10px 30px;
            width: calc(100% - 60px); }
    #promo_actu #int_promo_actu #alaune {
      width: 50%;
      padding: 50px 0 0px 20px; }
      @media screen and (max-width: 890px) {
        #promo_actu #int_promo_actu #alaune {
          width: 100%;
          padding: 50px 0 0px 0px; } }
      #promo_actu #int_promo_actu #alaune h2 {
        text-align: left;
        padding-bottom: 50px; }
      #promo_actu #int_promo_actu #alaune a.intAlaUne {
        width: 100%;
        margin: 0 0 30px 0px;
        background-color: #ffffff;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
        #promo_actu #int_promo_actu #alaune a.intAlaUne .a_imgGal {
          width: 30%;
          width: 105px;
          display: block;
          overflow: hidden;
          max-width: 105px; }
          #promo_actu #int_promo_actu #alaune a.intAlaUne .a_imgGal:after {
            content: "";
            display: block;
            padding-bottom: 100%; }
          #promo_actu #int_promo_actu #alaune a.intAlaUne .a_imgGal img {
            position: absolute;
            height: 100%;
            width: auto;
            left: 50%;
            top: 50%;
            -webkit-transform: scale(1) translate(-50%, -50%);
            -moz-transform: scale(1) translate(-50%, -50%);
            -o-transform: scale(1) translate(-50%, -50%);
            -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
        #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg {
          color: #080f19;
          font-weight: 500;
          font-size: 25pt;
          width: 100%;
          background-color: #ffffff;
          position: relative;
          left: unset;
          -webkit-transform: translate(0%, 0%);
          -moz-transform: translate(0%, 0%);
          -o-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          padding: 0px 10px 30px; }
          #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg time {
            display: block;
            padding: 10px 30px;
            z-index: 2;
            color: #080f19;
            font-size: 14pt;
            font-weight: 300;
            font-style: italic; }
            #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg time span {
              font-size: 17pt; }
          #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg h4 {
            text-transform: uppercase;
            padding: 0 30px;
            font-size: 18pt;
            font-weight: 700; }
            #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg h4:before {
              content: "";
              position: absolute;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              left: 0px;
              top: 2px;
              background-color: #9da8b6; }
          #promo_actu #int_promo_actu #alaune a.intAlaUne .titreAltLienImg p {
            padding: 10px 30px 0;
            font-size: 15pt; }
        #promo_actu #int_promo_actu #alaune a.intAlaUne:after {
          content: "";
          position: absolute;
          bottom: -5px;
          height: 5px;
          width: 25%;
          left: 38px;
          z-index: 2;
          background-color: #9da8b6;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #promo_actu #int_promo_actu #alaune a.intAlaUne:hover .a_imgGal img {
          -webkit-transform: scale(1.2) translate(-42%, -42%);
          -moz-transform: scale(1.2) translate(-42%, -42%);
          -o-transform: scale(1.2) translate(-42%, -42%);
          -ms-transform: scale(1.2) translate(-42%, -42%);
          transform: scale(1.2) translate(-42%, -42%); }
        #promo_actu #int_promo_actu #alaune a.intAlaUne:hover:after {
          width: calc(50% - 38px); }

/*//////////////////////////////////////////////////////////////////////////*/
/*////  AGENDA /////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
#events {
  background-color: #ffffff;
  padding: 50px 0 0;
  z-index: 3; }
  #events h2 {
    color: rgba(157, 168, 182, 0.15);
    font-size: 10em;
    font-family: "Oswald", sans-serif;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    @media screen and (max-width: 1100px) {
      #events h2 {
        font-size: 16vw; } }
  #events .bouton {
    -webkit-transform: translate(0%, 50%);
    -moz-transform: translate(0%, 50%);
    -o-transform: translate(0%, 50%);
    -ms-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
    z-index: 20;
    margin: 0 auto; }
  #events #liste_events {
    padding: 130px 0 100px; }
    @media screen and (max-width: 1100px) {
      #events #liste_events {
        padding: 12vw 0 0px; } }
    @media screen and (max-width: 1100px) {
      #events #liste_events .flLeft, #events #liste_events .flRight {
        display: none; } }
    #events #liste_events #intListeEvent {
      width: calc(100% - 60px);
      margin: 0 auto;
      max-width: 1220px;
      overflow: hidden;
      /*            height: calc((((100vw / 4) - 20px) * 15 / 10) + 140px);
                  max-height: calc((((1220px / 4) - 20px) * 15 / 10) + 140px);*/ }
      #events #liste_events #intListeEvent .intIntListeEvent {
        width: 100%;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 1; }
        #events #liste_events #intListeEvent .intIntListeEvent:last-of-type:not(:first-of-type) {
          left: 0%;
          -webkit-transform: translate(-100%, 0%);
          -moz-transform: translate(-100%, 0%);
          -o-transform: translate(-100%, 0%);
          -ms-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%); }
        #events #liste_events #intListeEvent .intIntListeEvent.aff {
          -webkit-transition: all 0.5s ease 0.5s;
          -moz-transition: all 0.5s ease 0.5s;
          -o-transition: all 0.5s ease 0.5s;
          transition: all 0.5s ease 0.5s;
          opacity: 1;
          z-index: 1; }
        #events #liste_events #intListeEvent .intIntListeEvent.mask {
          opacity: 0;
          z-index: 0; }
        @media screen and (max-width: 1100px) {
          #events #liste_events #intListeEvent .intIntListeEvent:first-of-type {
            -webkit-transition: all 0.5s ease 0.5s;
            -moz-transition: all 0.5s ease 0.5s;
            -o-transition: all 0.5s ease 0.5s;
            transition: all 0.5s ease 0.5s;
            opacity: 1;
            z-index: 1; }
          #events #liste_events #intListeEvent .intIntListeEvent:last-of-type {
            opacity: 0;
            z-index: 0; } }
        @media screen and (max-width: 1100px) {
          #events #liste_events #intListeEvent .intIntListeEvent {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        #events #liste_events #intListeEvent .intIntListeEvent .un_event {
          margin: 10px 10px 0 10px;
          padding: 0 0 0px 0;
          width: calc((100% / 4) - 20px); }
          @media screen and (max-width: 1100px) {
            #events #liste_events #intListeEvent .intIntListeEvent .un_event {
              width: calc(100%);
              max-width: 350px;
              margin: 20px auto; } }
          #events #liste_events #intListeEvent .intIntListeEvent .un_event.apparition {
            top: 150px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            opacity: 0; }
            #events #liste_events #intListeEvent .intIntListeEvent .un_event.apparition.vu {
              opacity: 1;
              top: 0; }
          #events #liste_events #intListeEvent .intIntListeEvent .un_event .img_event {
            overflow: hidden;
            width: 100%;
            height: calc(((100vw / 4) - 20px) * 15 / 10);
            max-height: calc(((1220px / 4) - 20px) * 15 / 10);
            background-color: #ffffff; }
            @media screen and (max-width: 1100px) {
              #events #liste_events #intListeEvent .intIntListeEvent .un_event .img_event {
                height: calc(((100vw) - 40px) * 15 / 10);
                max-height: calc(((350px) - 40px) * 15 / 10); } }
            #events #liste_events #intListeEvent .intIntListeEvent .un_event .img_event img {
              position: absolute;
              height: 100%;
              width: auto;
              top: 50%;
              left: 50%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
          #events #liste_events #intListeEvent .intIntListeEvent .un_event:hover .img_event img {
            -webkit-transform: scale(1.1) translate(-45%, -45%);
            -moz-transform: scale(1.1) translate(-45%, -45%);
            -o-transform: scale(1.1) translate(-45%, -45%);
            -ms-transform: scale(1.1) translate(-45%, -45%);
            transform: scale(1.1) translate(-45%, -45%); }
          #events #liste_events #intListeEvent .intIntListeEvent .un_event .contTime {
            font-family: "Oswald", sans-serif;
            padding: 20px 10px 10px;
            color: #9da8b6;
            font-size: 1.1em; }
            #events #liste_events #intListeEvent .intIntListeEvent .un_event .contTime time:not(.annee) {
              color: #49596e; }
            #events #liste_events #intListeEvent .intIntListeEvent .un_event .contTime time.mois {
              text-transform: uppercase; }
          #events #liste_events #intListeEvent .intIntListeEvent .un_event h3 {
            font-family: "Oswald", sans-serif;
            color: #49596e;
            font-size: 2em;
            font-weight: 500; }

#section_auto {
  z-index: 1;
  width: 100%;
  height: calc(100vw * 9 / 16);
  min-height: 500px; }
  #section_auto #autopromo_block {
    width: 100%;
    height: 100%; }
    #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .infosAuto {
      position: absolute;
      z-index: 2;
      width: 100%;
      bottom: 85px; }
      #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .infosAuto h2 {
        width: auto;
        max-width: calc(40%);
        padding: 10px 30px;
        background-color: rgba(8, 15, 25, 0.7);
        color: #ffffff;
        left: calc(50% - 100px);
        margin: 0;
        text-align: left;
        font-size: 29pt;
        font-family: "Open Sans", sans-serif;
        display: inline-block;
        z-index: 2; }
        @media screen and (max-width: 980px) {
          #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .infosAuto h2 {
            left: calc(0%);
            max-width: calc(100%);
            width: 100%;
            font-size: 9vw; } }
      #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .infosAuto h3 {
        width: auto;
        max-width: 40%;
        padding: 5px 30px 10px 30px;
        background-color: rgba(8, 15, 25, 0.7);
        color: #ffffff;
        left: 50%;
        margin: 0;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        font-size: 20pt;
        font-weight: 700;
        z-index: 2; }
        @media screen and (max-width: 980px) {
          #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .infosAuto h3 {
            width: 100%;
            left: calc(0%);
            max-width: calc(100%);
            font-size: 8vw; } }
    #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .zoom {
      position: absolute;
      z-index: 1;
      width: 50%;
      left: 0;
      bottom: 85px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 13vw;
      text-align: right;
      padding: 0 30px;
      font-weight: 900;
      text-transform: uppercase;
      font-family: "Oswald", sans-serif;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
      @media screen and (max-width: 980px) {
        #section_auto #autopromo_block .sequence-theme #sequence .sequence-canvas li .zoom {
          font-size: 11vw;
          bottom: 0px;
          left: 50%; } }
    #section_auto #autopromo_block .sequence-theme #sequence .sequence-pagination {
      bottom: 35px;
      width: 100%;
      height: auto;
      padding: 20px 30px; }
      #section_auto #autopromo_block .sequence-theme #sequence .sequence-pagination li {
        width: 15px;
        background-color: #dfdfdf;
        border-radius: 50%; }
        #section_auto #autopromo_block .sequence-theme #sequence .sequence-pagination li.current {
          background-color: #f39229; }

#bifurc {
  /*.sousPict{position:absolute;top:-35px;}*/
  z-index: 2; }
  @media screen and (max-width: 950px) {
    #bifurc #intBifurc {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  #bifurc #intBifurc #bifurc1 {
    background-color: #333e4c;
    z-index: 2; }
  #bifurc #intBifurc #bifurc2 {
    background-color: rgba(73, 89, 110, 0.9); }
  #bifurc #intBifurc #bifurc1, #bifurc #intBifurc #bifurc2 {
    width: 50%;
    padding: 50px 30px 100px; }
    @media screen and (max-width: 950px) {
      #bifurc #intBifurc #bifurc1, #bifurc #intBifurc #bifurc2 {
        width: 100%; } }
    #bifurc #intBifurc #bifurc1 h2, #bifurc #intBifurc #bifurc2 h2 {
      font-family: "Oswald", sans-serif;
      color: rgba(255, 255, 255, 0.5);
      font-size: 6vw;
      padding-bottom: 0; }
    #bifurc #intBifurc #bifurc1 h3, #bifurc #intBifurc #bifurc2 h3 {
      font-family: "Oswald", sans-serif;
      color: white; }
    #bifurc #intBifurc #bifurc1 img, #bifurc #intBifurc #bifurc2 img {
      display: block;
      margin: 10px auto; }
    #bifurc #intBifurc #bifurc1 p, #bifurc #intBifurc #bifurc2 p {
      width: 100%;
      text-align: center;
      color: rgba(255, 255, 255, 0.5);
      padding: 15px 0; }
    #bifurc #intBifurc #bifurc1 .bouton, #bifurc #intBifurc #bifurc2 .bouton {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 50%);
      -moz-transform: translate(-50%, 50%);
      -o-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
      margin: 0; }

/*//////////////////////////////////////////////////////////////////////////////////////*/
.lieu {
  background-image: url("../skins/img/plan_agenda/bg_lieu.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 24px;
  margin: 8px 0;
  padding: 0 20px 0 50px;
  position: relative;
  text-align: left;
  text-transform: uppercase; }

.lieu span {
  text-align: center;
  border: 3px solid #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  height: 37px;
  left: -3px;
  line-height: 30px;
  position: absolute;
  top: -6px;
  width: 37px; }

.lieu_1, .lieu_1 span {
  background-color: #ffb15d; }

.lieu_2, .lieu_2 span {
  background-color: #dad076; }

.lieu_3, .lieu_3 span {
  background-color: #b65e39; }

.lieu_4, .lieu_4 span {
  background-color: #75603d; }

.lieu_5, .lieu_5 span {
  background-color: #559b58; }

.lieu_6, .lieu_6 span {
  background-color: #96cb4f; }

.lieu_7, .lieu_7 span {
  background-color: #53d6dc; }

.lieu_8, .lieu_8 span {
  background-color: #d42a58; }

.lieu_9, .lieu_9 span {
  background-color: #3c7da2; }

#plan_fiche {
  background-image: url("../skins/img/plan_agenda/bg_plan.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  height: 308px;
  margin: 0 auto;
  position: relative;
  max-width: 469px;
  width: 100%; }

#plan_fiche img {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0 auto;
  max-width: 469px;
  width: 100%; }

/*//////////////////////////////////////////////////////////////////////////////////////*/
#hall {
  z-index: 1; }
  #hall #intHall {
    padding: 100px 30px 200px; }
    @media screen and (max-width: 600px) {
      #hall #intHall {
        padding: 100px 30px 33vw; } }
    #hall #intHall h3 {
      padding-top: 0;
      font-weight: 100;
      color: #49596e; }
    #hall #intHall > div[class*='flex'] {
      max-width: 700px;
      margin: 20px auto; }
      @media screen and (max-width: 700px) {
        #hall #intHall > div[class*='flex'] {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #hall #intHall > div[class*='flex'] ul {
        width: calc(50% - 20px); }
        @media screen and (max-width: 700px) {
          #hall #intHall > div[class*='flex'] ul {
            width: 100%; } }
        #hall #intHall > div[class*='flex'] ul li {
          width: 100%;
          padding: 15px 30px;
          color: #080f19;
          text-align: center;
          text-transform: uppercase; }
          #hall #intHall > div[class*='flex'] ul li:nth-child(even) {
            background-color: #f3f2f3; }
          #hall #intHall > div[class*='flex'] ul li:nth-child(odd) {
            background-color: #ffffff; }
          #hall #intHall > div[class*='flex'] ul li a {
            color: #080f19; }
            #hall #intHall > div[class*='flex'] ul li a:hover {
              color: rgba(8, 15, 25, 0.8); }
        @media screen and (max-width: 700px) {
          #hall #intHall > div[class*='flex'] ul:last-of-type li:nth-child(even) {
            background-color: #ffffff; }
          #hall #intHall > div[class*='flex'] ul:last-of-type li:nth-child(odd) {
            background-color: #f3f2f3; } }
  #hall .imgHall {
    position: absolute;
    width: calc(100% - 60px);
    max-width: 508px;
    height: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); }

/*////  LISTE ACTU /////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
#liste_actus .un_event, #liste_event .un_event {
  margin: 0px 10px 20px 10px;
  padding: 0 0 0px 0;
  width: calc((100% / 4) - 20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 1100px) {
    #liste_actus .un_event, #liste_event .un_event {
      width: calc(100%);
      max-width: 350px;
      /*                        margin:20px auto;*/ } }
  #liste_actus .un_event.apparition, #liste_event .un_event.apparition {
    top: 150px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
    #liste_actus .un_event.apparition.vu, #liste_event .un_event.apparition.vu {
      opacity: 1;
      top: 0; }
  #liste_actus .un_event .img_event, #liste_event .un_event .img_event {
    overflow: hidden;
    width: 100%;
    height: calc(((100vw / 4) - 20px) * 15 / 10);
    max-height: calc(((1220px / 4) - 20px) * 15 / 10);
    background-color: #ffffff; }
    @media screen and (max-width: 1100px) {
      #liste_actus .un_event .img_event, #liste_event .un_event .img_event {
        height: calc(((100vw) - 40px) * 15 / 10);
        max-height: calc(((350px) - 40px) * 15 / 10); } }
    #liste_actus .un_event .img_event img, #liste_event .un_event .img_event img {
      position: absolute;
      height: 100%;
      width: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: scale(1) translate(-50%, -50%);
      -moz-transform: scale(1) translate(-50%, -50%);
      -o-transform: scale(1) translate(-50%, -50%);
      -ms-transform: scale(1) translate(-50%, -50%);
      transform: scale(1) translate(-50%, -50%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  #liste_actus .un_event:hover .img_event img, #liste_event .un_event:hover .img_event img {
    -webkit-transform: scale(1.1) translate(-45%, -45%);
    -moz-transform: scale(1.1) translate(-45%, -45%);
    -o-transform: scale(1.1) translate(-45%, -45%);
    -ms-transform: scale(1.1) translate(-45%, -45%);
    transform: scale(1.1) translate(-45%, -45%); }
  #liste_actus .un_event .contTime, #liste_event .un_event .contTime {
    font-family: "Oswald", sans-serif;
    padding: 20px 10px 10px;
    color: #9da8b6;
    font-size: 1.2em; }
    #liste_actus .un_event .contTime time:not(.annee), #liste_event .un_event .contTime time:not(.annee) {
      color: #49596e; }
    #liste_actus .un_event .contTime time.mois, #liste_event .un_event .contTime time.mois {
      text-transform: uppercase; }
  #liste_actus .un_event h3, #liste_event .un_event h3 {
    font-family: "Oswald", sans-serif;
    color: #49596e;
    font-size: 2em;
    font-weight: 500; }

/*//////////////////////////////////////////////////////////////////////////*/
/*////  LISTE PROD /////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
#liste_prod article {
  width: calc(((100% - 60px) / 4 ) - 30px);
  height: calc(((100vw - 60px) / 4 ) - 30px);
  margin: 0 15px 30px;
  box-shadow: 0 0 30px rgba(8, 15, 25, 0.2); }
  #liste_prod article a.un_item {
    display: block;
    height: 100%;
    width: 100%; }
    #liste_prod article a.un_item figure {
      overflow: hidden;
      width: 100%;
      height: 100%; }
      #liste_prod article a.un_item figure img {
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: scale(1) translate(-50%, calc(-50% - 49px));
        -moz-transform: scale(1) translate(-50%, calc(-50% - 49px));
        -o-transform: scale(1) translate(-50%, calc(-50% - 49px));
        -ms-transform: scale(1) translate(-50%, calc(-50% - 49px));
        transform: scale(1) translate(-50%, calc(-50% - 49px));
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    #liste_prod article a.un_item:hover figure img {
      -webkit-transform: scale(1.05) translate(-48%, calc(-48% - 49px));
      -moz-transform: scale(1.05) translate(-48%, calc(-48% - 49px));
      -o-transform: scale(1.05) translate(-48%, calc(-48% - 49px));
      -ms-transform: scale(1.05) translate(-48%, calc(-48% - 49px));
      transform: scale(1.05) translate(-48%, calc(-48% - 49px)); }
  #liste_prod article .titreAltLienImg {
    color: #080f19;
    font-weight: 500;
    font-size: 25pt;
    background-color: #ffffff;
    left: 0;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
    #liste_prod article .titreAltLienImg time {
      display: block;
      padding: 10px;
      z-index: 2;
      color: #080f19;
      font-size: 14pt;
      font-weight: 400; }
      #liste_prod article .titreAltLienImg time span {
        font-size: 17pt; }
    #liste_prod article .titreAltLienImg h4 {
      text-transform: uppercase;
      padding: 0 10px;
      font-size: 18pt; }
    #liste_prod article .titreAltLienImg:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 35px;
      top: -35px;
      right: -10px;
      background-repeat: no-repeat;
      background-size: auto;
      background-position: 50% 0%; }
    #liste_prod article .titreAltLienImg:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 35px;
      top: -35px;
      left: -10px;
      background-repeat: no-repeat;
      background-size: auto;
      background-position: 50% 0%; }
  #liste_prod article .categ {
    font-size: 15pt;
    font-family: "Oswald", sans-serif;
    display: block;
    padding: 0 10px 10px; }
  #liste_prod article.coul1 .titreAltLienImg {
    border-top: 30px solid #49596e; }
    #liste_prod article.coul1 .titreAltLienImg .categ {
      color: #49596e; }
    #liste_prod article.coul1 .titreAltLienImg:after {
      background-image: url(../skins/img/after1.png); }
    #liste_prod article.coul1 .titreAltLienImg:before {
      background-image: url(../skins/img/before1.png); }
  #liste_prod article.coul2 .titreAltLienImg {
    border-top: 30px solid #f39229; }
    #liste_prod article.coul2 .titreAltLienImg .categ {
      color: #f39229; }
    #liste_prod article.coul2 .titreAltLienImg:after {
      background-image: url(../skins/img/after2.png); }
    #liste_prod article.coul2 .titreAltLienImg:before {
      background-image: url(../skins/img/before2.png); }
  #liste_prod article.coul3 .titreAltLienImg {
    border-top: 30px solid #333e4c; }
    #liste_prod article.coul3 .titreAltLienImg .categ {
      color: #333e4c; }
    #liste_prod article.coul3 .titreAltLienImg:after {
      background-image: url(../skins/img/after3.png); }
    #liste_prod article.coul3 .titreAltLienImg:before {
      background-image: url(../skins/img/before3.png); }

.imgPlusProd, .imgPlusProd2 {
  position: absolute;
  width: 50%;
  bottom: 10px;
  padding: 10px 5px;
  left: 0%; }
  .imgPlusProd a.a_im, .imgPlusProd2 a.a_im {
    background-size: cover;
    margin: 0 5px;
    overflow: hidden;
    z-index: 2;
    max-width: 150px;
    max-height: 150px; }

.imgPlusProd {
  background-color: #ffffff; }
  .imgPlusProd:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 7px;
    right: -7px;
    top: -5px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 0;
    background-image: url(../skins/img/after2.png); }
  .imgPlusProd:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 7px;
    right: -7px;
    top: 0px;
    background-color: #ffffff; }

.imgPlusProd2 {
  display: none; }

.refProd, .condProd, .compProd, .descrProd {
  padding: 10px 0; }
  .refProd span, .condProd span, .compProd span, .descrProd span {
    font-size: 1.5em; }

.descrProd {
  padding: 30px 0 10px;
  margin-top: 20px; }
  .descrProd:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background-image: url(../skins/img/soulignTitre.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto; }

#reseauxSocPage {
  position: relative;
  height: 250px;
  max-height: 45vw;
  /*z-index:5;*/ }
  #reseauxSocPage .resSoc {
    width: 150px;
    height: 150px;
    max-width: 18vw;
    max-height: 18vw;
    z-index: 1;
    margin: 0 15px;
    font-size: 0;
    color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (max-width: 700px) {
      #reseauxSocPage .resSoc {
        margin: 0 2vw; } }
    #reseauxSocPage .resSoc:after {
      content: "";
      z-index: 0;
      width: 150px;
      height: 150px;
      max-width: 18vw;
      max-height: 18vw;
      border-radius: 50%;
      position: absolute;
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
      z-index: 1; }
    #reseauxSocPage .resSoc.fb:after {
      background-image: url(../skins/img/fb.png); }
    #reseauxSocPage .resSoc.yt:after {
      background-image: url(../skins/img/yt.png); }
    #reseauxSocPage .resSoc.gle:after {
      background-image: url(../skins/img/gle.png); }
    #reseauxSocPage .resSoc.tw:after {
      background-image: url(../skins/img/tw.png); }
    #reseauxSocPage .resSoc.inst:after {
      background-image: url(../skins/img/inst.png); }
    #reseauxSocPage .resSoc.lkdn:after {
      background-image: url(../skins/img/lkdn.png); }
    #reseauxSocPage .resSoc.trip:after {
      background-image: url(../skins/img/trip.png); }
    #reseauxSocPage .resSoc:before {
      content: "";
      z-index: 0;
      width: 150px;
      height: 150px;
      max-width: 18vw;
      max-height: 18vw;
      background-color: #49596e;
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border: 0px solid #49596e; }
    #reseauxSocPage .resSoc:hover:before {
      /*border:15px solid rgba($couleur2,0);*/
      /*                        opacity:0.5;*/
      background-color: #f39229; }

@media screen and (max-width: 1020px) {
  .imgPlusProd2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 10px 5px;
    left: 0%; }
    .imgPlusProd2 a.a_im {
      background-size: cover;
      margin: 0 5px;
      overflow: hidden;
      z-index: 2; }

  .imgPlusProd {
    display: none; }

  #the_wall .centered {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3; } }
/*//////////////////////////////////////////////////////////////////////////*/
/*////  NEWSLETTER /////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
#newsletter {
  padding: 0vh 0px;
  color: #080f19;
  height: 350px; }
  @media screen and (max-width: 1024px) {
    #newsletter {
      height: auto;
      padding-top: 200px; } }
  @media screen and (max-width: 555px) {
    #newsletter {
      padding-top: 31vw; } }
  #newsletter .intPage-bloc {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px; }
    @media screen and (max-width: 1024px) {
      #newsletter .intPage-bloc {
        position: relative;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); } }
    #newsletter .intPage-bloc .headRub {
      display: none;
      margin-bottom: 10px; }
      #newsletter .intPage-bloc .headRub h2 {
        font-weight: 400; }
        #newsletter .intPage-bloc .headRub h2 b {
          font-weight: 700; }
    #newsletter .intPage-bloc #ctnuNL {
      width: 1180px;
      /* height: 50vh; */
      padding: 10px 0px;
      max-width: 100%;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        #newsletter .intPage-bloc #ctnuNL {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #newsletter .intPage-bloc #ctnuNL .elmtNL {
        width: 100%;
        max-width: calc(1220px / 3);
        /*padding:0 15px;*/
        padding: 0 0px; }
        @media screen and (max-width: 1024px) {
          #newsletter .intPage-bloc #ctnuNL .elmtNL {
            max-width: 500px; } }
      #newsletter .intPage-bloc #ctnuNL #NL1, #newsletter .intPage-bloc #ctnuNL #NL2 {
        width: calc(100% - 250px); }
        @media screen and (max-width: 1024px) {
          #newsletter .intPage-bloc #ctnuNL #NL1, #newsletter .intPage-bloc #ctnuNL #NL2 {
            width: 100%; } }
        #newsletter .intPage-bloc #ctnuNL #NL1 h3, #newsletter .intPage-bloc #ctnuNL #NL2 h3 {
          color: #49596e;
          font-size: 19pt;
          font-family: "Oswald", sans-serif;
          text-align: center; }
        #newsletter .intPage-bloc #ctnuNL #NL1 p, #newsletter .intPage-bloc #ctnuNL #NL2 p {
          font-family: "Open Sans", sans-serif;
          text-align: center;
          /*color:$couleur1;*/ }
      #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc {
        font-size: 0;
        color: transparent;
        width: 54px;
        height: 54px;
        z-index: 1;
        margin: 10px 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc:after {
          content: "";
          z-index: 0;
          width: 49px;
          height: 49px;
          border-radius: 50%;
          position: absolute;
          background-size: contain;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
          /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
          z-index: 1; }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.fb:after {
          background-image: url(../skins/img/fb.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.yt:after {
          background-image: url(../skins/img/yt.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.gle:after {
          background-image: url(../skins/img/gle.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.tw:after {
          background-image: url(../skins/img/tw.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.inst:after {
          background-image: url(../skins/img/inst.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.lkdn:after {
          background-image: url(../skins/img/lkdn.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc.trip:after {
          background-image: url(../skins/img/trip.png); }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc:before {
          content: "";
          z-index: 0;
          width: 44px;
          height: 44px;
          background-color: #f39229;
          position: absolute;
          left: 50%;
          top: 50%;
          border-radius: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #newsletter .intPage-bloc #ctnuNL #NL1 .resSoc:hover:before {
          background-color: #49596e; }
      #newsletter .intPage-bloc #ctnuNL #NL2 {
        text-align: center; }
        @media screen and (max-width: 1024px) {
          #newsletter .intPage-bloc #ctnuNL #NL2 {
            padding: 15px 0 30px;
            margin-top: 15px; }
            #newsletter .intPage-bloc #ctnuNL #NL2:before {
              content: "";
              position: absolute;
              height: 2px;
              width: 100%;
              left: 50%;
              top: 0;
              background-color: #f3f2f3;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
        #newsletter .intPage-bloc #ctnuNL #NL2 label[for='text_newsletter'] {
          padding-top: 10px; }
        #newsletter .intPage-bloc #ctnuNL #NL2 label {
          color: #080f19; }
          #newsletter .intPage-bloc #ctnuNL #NL2 label #text_newsletter {
            width: calc(100% - 54px);
            height: 44px;
            padding: 10px;
            text-align: center;
            background-color: #f3f2f3;
            color: #999999;
            border: 0;
            border-radius: 22px; }
            #newsletter .intPage-bloc #ctnuNL #NL2 label #text_newsletter.wrong {
              border: 3px solid #9da8b6; }
            #newsletter .intPage-bloc #ctnuNL #NL2 label #text_newsletter::placeholder {
              color: #999999; }
        #newsletter .intPage-bloc #ctnuNL #NL2 #submit_newsletter {
          color: #ffffff;
          border: 0;
          font-family: "Oswald", sans-serif;
          cursor: pointer;
          margin: 0 0 0 10px;
          padding: 0;
          line-height: 44px;
          text-align: center;
          display: block;
          font-size: 14pt;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          min-height: 44px; }

/*//////////////////////////////////////////////////////////////////////////*/
/*////  FOOTER /////////////////////////////////////::::::::::::////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
footer#footer {
  background-color: #49596e; }
  footer#footer #plan {
    padding: 20px 30px 100px;
    /*        background-image:url(../skins/img/bg_footer.jpg);*/
    background-repeat: repeat-y;
    background-size: auto;
    background-position: 50% 0%;
    /*        background-color:$couleur1;*/ }
    footer#footer #plan #logoFootLien img {
      margin: 0 auto 20px;
      width: auto;
      max-width: 100%;
      display: block; }
    footer#footer #plan #intPlan {
      width: 1182px;
      max-width: calc(100% - 60px);
      margin: 0 auto; }
      footer#footer #plan #intPlan #menubottom {
        width: 100%; }
        footer#footer #plan #intPlan #menubottom a {
          color: #ffffff;
          padding: 5px;
          display: block; }
          footer#footer #plan #intPlan #menubottom a.lvl1 {
            text-transform: uppercase;
            font-weight: 500; }
          footer#footer #plan #intPlan #menubottom a:hover {
            color: rgba(255, 255, 255, 0.8); }
        footer#footer #plan #intPlan #menubottom > :first-child {
          /*                    width:calc(100% / 3 * 1);
                              margin:0px 15px 0 0;*/ }
        footer#footer #plan #intPlan #menubottom #adresse {
          display: none;
          color: #ffffff; }
          footer#footer #plan #intPlan #menubottom #adresse #logoBot img {
            max-width: 100%; }
          footer#footer #plan #intPlan #menubottom #adresse a.btnTel {
            /*color:$couleur1;*/
            font-size: 1em;
            text-align: center;
            padding: 5px 15px 5px 45px;
            margin: 10px auto 0;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            border: 0; }
            footer#footer #plan #intPlan #menubottom #adresse a.btnTel.btnContact {
              text-transform: uppercase;
              background-image: none;
              padding: 15px 15px 15px 0;
              font-size: 1.5em; }
          footer#footer #plan #intPlan #menubottom #adresse .adresseTxt {
            padding-left: 30px;
            line-height: 1.2em;
            font-weight: 300; }
            footer#footer #plan #intPlan #menubottom #adresse .adresseTxt a.bouton {
              text-transform: initial;
              padding: 10px 20px; }
              footer#footer #plan #intPlan #menubottom #adresse .adresseTxt a.bouton:after {
                -webkit-transform: translate(-50%, 0px);
                -moz-transform: translate(-50%, 0px);
                -o-transform: translate(-50%, 0px);
                -ms-transform: translate(-50%, 0px);
                transform: translate(-50%, 0px); }
              footer#footer #plan #intPlan #menubottom #adresse .adresseTxt a.bouton:hover:after {
                height: 3px; }
        footer#footer #plan #intPlan #menubottom ul.menuBas {
          width: calc(100%);
          -moz-column-count: 3;
          -webkit-column-count: 3;
          -o-column-count: 3;
          column-count: 3;
          /*                    -moz-column-gap:11px;
                              -webkit-column-gap:11px;
                              -o-column-gap:11px;
                              column-gap:11px;*/ }
          footer#footer #plan #intPlan #menubottom ul.menuBas > li {
            width: 100%;
            /*                        padding-left:10px;
                                    padding-right:10px;
                                    padding-top:20px;*/
            padding: 20px 50px 0;
            -webkit-column-break-inside: avoid;
            /* Chrome, Safari, Opera */
            page-break-inside: avoid;
            /* Firefox */
            break-inside: avoid;
            /* IE 10+ */
            break-inside: avoid-column;
            /* W3C */ }
            footer#footer #plan #intPlan #menubottom ul.menuBas > li a {
              text-align: left; }
            footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 {
              margin: 0px 0px 5px 0px; }
              footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a {
                padding: 2px 5px;
                padding-left: 15px;
                color: rgba(255, 255, 255, 0.7);
                font-weight: 300;
                text-align: left; }
                footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a:hover {
                  color: rgba(255, 255, 255, 0.5); }
                footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a:before {
                  position: absolute;
                  content: "";
                  width: 5px;
                  height: 1px;
                  border-radius: 0%;
                  background-color: rgba(255, 255, 255, 0.7);
                  left: 5px;
                  top: 11px; }
                footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a.innactif {
                  display: none; }
        footer#footer #plan #intPlan #menubottom #footLogos h3 {
          color: #ffffff;
          font-size: 1.3em; }
        footer#footer #plan #intPlan #menubottom #footLogos .logoFil {
          width: 200px;
          max-width: calc(50% - 60px);
          height: 70px;
          margin: 15px 25px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 50% 50%; }
          footer#footer #plan #intPlan #menubottom #footLogos .logoFil.notaires {
            background-image: url(../skins/img/logoBNotaires.png); }
          footer#footer #plan #intPlan #menubottom #footLogos .logoFil.experts {
            background-image: url(../skins/img/logoBExperts.png); }
          footer#footer #plan #intPlan #menubottom #footLogos .logoFil.avocats {
            background-image: url(../skins/img/logoBAvocats.png); }
          footer#footer #plan #intPlan #menubottom #footLogos .logoFil.gestion {
            background-image: url(../skins/img/logoBGestion.png); }
        @media screen and (max-width: 1220px) {
          footer#footer #plan #intPlan #menubottom #footLogos {
            margin: 30px auto; }
            footer#footer #plan #intPlan #menubottom #footLogos a.logoFil {
              border: 0; } }
        @media screen and (max-width: 590px) {
          footer#footer #plan #intPlan #menubottom #footLogos div.flexCenter {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center; }
            footer#footer #plan #intPlan #menubottom #footLogos div.flexCenter:not(.flexNoWrap) {
              padding-top: 30px; }
            footer#footer #plan #intPlan #menubottom #footLogos div.flexCenter .logoFil {
              max-width: 100%;
              margin: 0 0 60px 0; }
              footer#footer #plan #intPlan #menubottom #footLogos div.flexCenter .logoFil:after {
                content: "";
                position: absolute;
                bottom: -30px;
                left: 50%;
                -webkit-transform: translate(-50%, 0%);
                -moz-transform: translate(-50%, 0%);
                -o-transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
                width: 150%;
                background-color: #f39229;
                height: 1px; }
            footer#footer #plan #intPlan #menubottom #footLogos div.flexCenter .flexNoWrap:last-of-type .logoFil:last-of-type:after {
              display: none; } }
    footer#footer #plan #liensLogos {
      padding: 30px; }
      @media screen and (max-width: 500px) {
        footer#footer #plan #liensLogos {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
      footer#footer #plan #liensLogos .logoFoot {
        width: 150px;
        height: 60px;
        margin: 15px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        opacity: 0.8;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        footer#footer #plan #liensLogos .logoFoot.nPy {
          background-image: url(../skins/img/logo_nPy.png); }
        footer#footer #plan #liensLogos .logoFoot.edeis {
          background-image: url(../skins/img/logo_edeis.png); }
        footer#footer #plan #liensLogos .logoFoot:hover {
          opacity: 1; }
  footer#footer #piedFooter {
    background-color: #49596e;
    padding: 0 0 50px; }
    footer#footer #piedFooter:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 30px 30px 30px;
      border-color: transparent transparent rgba(51, 62, 76, 0.25) transparent;
      top: -30px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    footer#footer #piedFooter ul {
      padding: 15px 30px 5px;
      background-color: rgba(51, 62, 76, 0.25); }
      footer#footer #piedFooter ul li {
        display: inline-block; }
        footer#footer #piedFooter ul li a {
          display: block;
          padding: 0px 10px 10px 10px;
          font-weight: 300;
          color: white; }
          footer#footer #piedFooter ul li a:hover {
            color: rgba(255, 255, 255, 0.8); }

@media screen and (max-width: 1220px) {
  #main #intro #logoPage {
    display: none; }

  #infosMas {
    left: calc(50%);
    width: calc(100%);
    max-width: calc(100%);
    z-index: 9;
    height: 100px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    #infosMas #texteSlogan {
      padding-top: 4vh;
      position: absolute;
      top: 100%;
      bottom: unset;
      left: 50%;
      width: 100%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    #infosMas h1 {
      font-size: 5vh; }
    #infosMas h2 {
      font-size: 4vh;
      padding-top: 2vh;
      padding-left: 0;
      text-align: center; }
    #infosMas #meteo {
      color: #ffffff;
      white-space: nowrap;
      font-size: 11pt;
      padding: 10px 15px;
      font-weight: 400;
      width: 100%;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      background-color: #f39229; }
      #infosMas #meteo img {
        margin: 0 10px; } }
    @media screen and (max-width: 1220px) and (max-width: 400px) {
      #infosMas #meteo {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 4vw; } }
@media screen and (max-width: 1220px) {
    #infosMas > div[class*='flex'] {
      width: 100%; }
    #infosMas #flux {
      min-height: 55px;
      height: 55px;
      background-color: #9da8b6;
      width: calc(100% - 65px);
      width: calc(100%);
      padding: 5px 15px;
      background-image: none; }
      #infosMas #flux #flux_cont {
        height: 45px; }
        #infosMas #flux #flux_cont ul {
          height: 100%;
          padding-bottom: 0px; }
          #infosMas #flux #flux_cont ul li {
            height: 100%; }
            #infosMas #flux #flux_cont ul li a {
              font-size: 0.8em;
              line-height: 1.2em; }
      #infosMas #flux #contPuceFlux {
        display: none;
        padding: 3px 5px; }
        #infosMas #flux #contPuceFlux .puceFlux {
          width: 7px;
          height: 7px;
          margin: 0 3px; }
    #infosMas #btnCam {
      display: none;
      width: 65px;
      height: 65px;
      background-image: url(../skins/img/webcamMob.png); }
      #infosMas #btnCam:after {
        background-image: url(../skins/img/webcamMob.png);
        background-position: 50% 50%;
        background-size: auto;
        background-repeat: no-repeat; }

  #section_hero #autopromo_block_hero #nav_auto .arrow {
    width: 61px;
    height: 46px;
    border-radius: 0%;
    top: 50%;
    background-size: contain; }

  #navFl {
    position: relative;
    right: unset;
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    margin: 20px; }

  #liste_prod article {
    width: calc((100% / 3) - 30px);
    height: calc(((100vw - 60px) / 3) - 30px);
    margin: 0 15px 30px; }

  footer#footer {
    padding-bottom: 20px; }
    footer#footer section#pointDeVentes #intPdv {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 100%;
      height: 100%; }
      footer#footer section#pointDeVentes #intPdv #poiPdv {
        width: 100%;
        height: 50%; }
        footer#footer section#pointDeVentes #intPdv #poiPdv .pdv {
          background-image: url(../skins/img/pdv.png);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: 0% 0%;
          position: absolute;
          height: 90px; }
          footer#footer section#pointDeVentes #intPdv #poiPdv .pdv#pdv1 {
            width: 65px;
            top: 70px;
            right: 50%; }
          footer#footer section#pointDeVentes #intPdv #poiPdv .pdv#pdv2 {
            width: 44px;
            top: 102px;
            right: 62%; }
          footer#footer section#pointDeVentes #intPdv #poiPdv .pdv#pdv3 {
            width: 27px;
            top: 143px;
            right: 40%; }
      footer#footer section#pointDeVentes #intPdv #txtPdv {
        width: 100%; }
        footer#footer section#pointDeVentes #intPdv #txtPdv h3 {
          font-size: 8vw;
          line-height: .8em;
          margin-bottom: 5px; }
        footer#footer section#pointDeVentes #intPdv #txtPdv h2 {
          font-size: 8vw;
          margin-top: 0px; }
        footer#footer section#pointDeVentes #intPdv #txtPdv h2, footer#footer section#pointDeVentes #intPdv #txtPdv h3 {
          text-align: center; }
          footer#footer section#pointDeVentes #intPdv #txtPdv h2 span, footer#footer section#pointDeVentes #intPdv #txtPdv h3 span {
            display: inline-block; }
    footer#footer #plan {
      padding: 10px 30px 0; }
      footer#footer #plan #intPlan {
        width: 100%;
        max-width: 100%; }
        footer#footer #plan #intPlan #menubottom {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%; }
          footer#footer #plan #intPlan #menubottom #adresse {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 0 auto;
            padding: 0;
            text-align: center; }
            footer#footer #plan #intPlan #menubottom #adresse a {
              margin: 0 auto; }
            footer#footer #plan #intPlan #menubottom #adresse .adresseTxt {
              text-align: center;
              padding: 20px 0 0;
              margin: 0 auto;
              width: 100%; }
              footer#footer #plan #intPlan #menubottom #adresse .adresseTxt .bouton {
                border-bottom: 0px;
                text-transform: initial;
                padding: 10px 20px; }
          footer#footer #plan #intPlan #menubottom :not(#adresse) a {
            text-align: center;
            padding: 16px 10px;
            display: block;
            border-bottom: 1px solid #9da8b6; }
          footer#footer #plan #intPlan #menubottom > :first-child {
            width: 100%;
            padding-left: 0px; }
          footer#footer #plan #intPlan #menubottom ul.menuBas {
            /*background-color:rgba($noir,0.5);*/
            margin-top: 30px;
            width: 100%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -moz-column-count: 1;
            -webkit-column-count: 1;
            -o-column-count: 1;
            column-count: 1; }
            footer#footer #plan #intPlan #menubottom ul.menuBas > li {
              width: 100%;
              padding: 0px; }
              footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 {
                margin-top: 0px; }
                footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a {
                  padding-left: 10px;
                  color: white;
                  border-bottom: 1px solid #9da8b6; }
                  footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a:hover {
                    color: rgba(255, 255, 255, 0.8); }
                  footer#footer #plan #intPlan #menubottom ul.menuBas > li ul.menuBas_niv2 li a:before {
                    display: none; }
    footer#footer #piedFooter {
      /*            background-color:$blanc;*/
      padding: 0px 0px 10px; }
      footer#footer #piedFooter:before {
        display: none; }
      footer#footer #piedFooter ul {
        background-color: transparent;
        padding-top: 0; }
        footer#footer #piedFooter ul li {
          display: block;
          width: 100%; }
          footer#footer #piedFooter ul li a {
            display: block;
            padding: 16px 10px;
            color: white;
            border-bottom: 1px solid #9da8b6;
            text-align: center; }
            footer#footer #piedFooter ul li a:hover {
              color: rgba(255, 255, 255, 0.8); }
          footer#footer #piedFooter ul li:last-of-type a {
            border-bottom: 0px solid rgba(157, 168, 182, 0.3); } }
@media screen and (max-width: 1040px) {
  section#produits_acc #bifurk {
    overflow: hidden;
    height: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    section#produits_acc #bifurk .bloc-contenu {
      position: relative;
      top: unset;
      left: unset;
      width: 100%;
      height: auto;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
      section#produits_acc #bifurk .bloc-contenu a.lien {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        section#produits_acc #bifurk .bloc-contenu a.lien:first-of-type:after {
          content: "";
          position: absolute;
          right: unset;
          left: 50%;
          top: unset;
          bottom: -9.5px;
          height: 19px;
          width: calc(100% - 5px);
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          /*background-color:#ff66CC;*/
          z-index: 999;
          background-image: url(../skins/img/cx.png);
          background-repeat: repeat-x;
          background-size: auto;
          background-position: 50% 50%; }
        section#produits_acc #bifurk .bloc-contenu a.lien.flexInv {
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
        section#produits_acc #bifurk .bloc-contenu a.lien .illus {
          height: 236px;
          width: 472px;
          overflow: hidden; }
          section#produits_acc #bifurk .bloc-contenu a.lien .illus figure {
            overflow: hidden;
            height: 200%;
            width: 100%;
            position: absolute;
            border-radius: 50%; }
            section#produits_acc #bifurk .bloc-contenu a.lien .illus figure img {
              position: absolute;
              width: auto;
              height: 100%;
              left: 50%;
              top: 50%;
              -webkit-transform: scale(1) translate(-50%, -50%);
              -moz-transform: scale(1) translate(-50%, -50%);
              -o-transform: scale(1) translate(-50%, -50%);
              -ms-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
          section#produits_acc #bifurk .bloc-contenu a.lien .illus.cat1 {
            /*                        background-color: rgba(#ff66CC, 0.5);*/ }
            section#produits_acc #bifurk .bloc-contenu a.lien .illus.cat1 figure {
              right: 0%; }
          section#produits_acc #bifurk .bloc-contenu a.lien .illus.cat2 {
            /*                        background-color: rgba(#ffCC00, 0.5);*/ }
            section#produits_acc #bifurk .bloc-contenu a.lien .illus.cat2 figure {
              left: 0%;
              top: unset;
              bottom: 0; }
        section#produits_acc #bifurk .bloc-contenu a.lien:hover .illus figure img {
          -webkit-transform: scale(1.05) translate(-48%, -48%);
          -moz-transform: scale(1.05) translate(-48%, -48%);
          -o-transform: scale(1.05) translate(-48%, -48%);
          -ms-transform: scale(1.05) translate(-48%, -48%);
          transform: scale(1.05) translate(-48%, -48%); }
        section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] {
          padding: 30px 0;
          height: auto;
          width: 100%;
          margin: 0 0 30px 0;
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"].flexColumnInv {
            margin: 30px 0  0 0;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; }
          section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt {
            height: auto;
            max-width: unset;
            width: calc(100%); }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt .contTxt {
              position: relative;
              top: unset;
              -webkit-transform: translate(0%, 0%);
              -moz-transform: translate(0%, 0%);
              -o-transform: translate(0%, 0%);
              -ms-transform: translate(0%, 0%);
              transform: translate(0%, 0%); }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt h3 {
              font-size: 6vw; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt h2 {
              font-size: 6vw; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat1 h2, section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat1 h3 {
              text-align: center; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat1 .contTxt {
              right: 0; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat2 h2, section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat2 h3 {
              text-align: center; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .txt.cat2 .contTxt {
              left: 0; }
          section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .illus2 {
            height: 167px;
            width: 50%; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .illus2.cat1 {
              background-image: url(../skins/img/cat1.png);
              background-position: 50% 50%;
              background-repeat: no-repeat;
              background-size: contain; }
            section#produits_acc #bifurk .bloc-contenu a.lien [class*="flexColumn"] .illus2.cat2 {
              background-image: url(../skins/img/cat2.png);
              background-position: 50% 50%;
              background-repeat: no-repeat;
              background-size: contain; }

  #alaune .intPage-bloc {
    padding: 30px 0px;
    width: 100%; }
  #alaune .bloc-contenu {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #alaune .enAvAct, #alaune .listAct {
    width: 100%;
    max-width: 530px;
    margin: 0 auto 30px;
    padding: 0;
    height: auto; }
    #alaune .enAvAct a.intAlaUne, #alaune .listAct a.intAlaUne {
      width: 100%;
      display: block; }
      #alaune .enAvAct a.intAlaUne .a_imgGal, #alaune .listAct a.intAlaUne .a_imgGal {
        width: calc(100%);
        max-height: calc(100vw - 60px);
        height: calc((530px) - 30px);
        min-height: unset;
        max-width: 100%; }
        #alaune .enAvAct a.intAlaUne .a_imgGal:after, #alaune .listAct a.intAlaUne .a_imgGal:after {
          display: none; }
        #alaune .enAvAct a.intAlaUne .a_imgGal img, #alaune .listAct a.intAlaUne .a_imgGal img {
          position: absolute;
          height: 100%;
          width: auto;
          top: 0;
          -webkit-transform: scale(1) translate(-50%, 0%);
          -moz-transform: scale(1) translate(-50%, 0%);
          -o-transform: scale(1) translate(-50%, 0%);
          -ms-transform: scale(1) translate(-50%, 0%);
          transform: scale(1) translate(-50%, 0%); }
      #alaune .enAvAct a.intAlaUne .titreAltLienImg, #alaune .listAct a.intAlaUne .titreAltLienImg {
        color: #080f19;
        border-top: 30px solid #49596e;
        font-weight: 500;
        font-size: 25pt;
        background-color: #ffffff;
        left: 0;
        position: absolute;
        width: 100%;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); }
        #alaune .enAvAct a.intAlaUne .titreAltLienImg time, #alaune .listAct a.intAlaUne .titreAltLienImg time {
          display: block;
          padding: 10px;
          z-index: 2;
          color: #080f19;
          font-size: 14pt;
          font-weight: 400; }
          #alaune .enAvAct a.intAlaUne .titreAltLienImg time span, #alaune .listAct a.intAlaUne .titreAltLienImg time span {
            font-size: 17pt; }
        #alaune .enAvAct a.intAlaUne .titreAltLienImg h4, #alaune .listAct a.intAlaUne .titreAltLienImg h4 {
          text-transform: uppercase;
          padding: 0 10px;
          font-size: 18pt; }
        #alaune .enAvAct a.intAlaUne .titreAltLienImg:after, #alaune .listAct a.intAlaUne .titreAltLienImg:after {
          content: "";
          position: absolute;
          width: 10px;
          height: 35px;
          top: -35px;
          right: -10px;
          background-repeat: no-repeat;
          background-size: auto;
          background-position: 50% 0%;
          background-image: url(../skins/img/after1.png); }
        #alaune .enAvAct a.intAlaUne .titreAltLienImg:before, #alaune .listAct a.intAlaUne .titreAltLienImg:before {
          content: "";
          position: absolute;
          width: 10px;
          height: 35px;
          top: -35px;
          left: -10px;
          background-repeat: no-repeat;
          background-size: auto;
          background-position: 50% 0%;
          background-image: url(../skins/img/before1.png); }
      #alaune .enAvAct a.intAlaUne:hover .a_imgGal img, #alaune .listAct a.intAlaUne:hover .a_imgGal img {
        -webkit-transform: scale(1.05) translate(-48%, -2%);
        -moz-transform: scale(1.05) translate(-48%, -2%);
        -o-transform: scale(1.05) translate(-48%, -2%);
        -ms-transform: scale(1.05) translate(-48%, -2%);
        transform: scale(1.05) translate(-48%, -2%); } }
@media screen and (max-width: 1000px) {
  #main #intro .nomPage {
    max-width: calc(100% - 60px); }
    #main #intro .nomPage h1 {
      padding: 0 0px;
      font-size: 6.65vw;
      line-height: 6vw; }
      #main #intro .nomPage h1:after {
        display: none; }
      #main #intro .nomPage h1:before {
        display: none; }
    #main #intro .nomPage h2 {
      font-size: 5vw;
      line-height: 5vw; }

  #liste_actus article, #liste_event article {
    width: calc(50% - 30px);
    height: calc(((100vw - 60px) / 2) - 30px);
    margin: 0 15px 30px; }
  #liste_actus#liste_event article, #liste_event#liste_event article {
    height: calc(((100vw - 60px) / 1.25) - 30px); }

  #liste_prod article {
    width: calc(50% - 30px);
    height: calc(((100vw - 60px) / 2) - 30px);
    margin: 0 15px 30px; } }
@media screen and (max-width: 600px) {
  #the_wall .centered {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 2.5em;
    -moz-column-gap: 2.5em;
    column-gap: 2.5em; }

  #liste_actus article, #liste_event article {
    width: calc(100%);
    height: calc(100vw - 60px);
    margin: 0 0px 30px; }
  #liste_actus#liste_event article, #liste_event#liste_event article {
    height: calc(150vw - 60px); }

  #liste_prod article {
    width: calc(100%);
    height: calc(100vw - 60px);
    margin: 0 0px 30px; } }
@media screen and (max-width: 500px) {
  #the_wall .centered {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    -webkit-column-gap: 2.5em;
    -moz-column-gap: 2.5em;
    column-gap: 2.5em; }

  footer#footer #piedFooter {
    padding: 0px 30px 45px; } }

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