@charset "UTF-8";
/**************************************************************
  fonts
***************************************************************/
@font-face {
  font-family: 'Andale';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/AndaleMono.ttf") format("truetype"); }

@font-face {
  font-family: 'Antonio';
  font-style: normal;
  font-weight: thin;
  src: local("Antonio Light"), url("../fonts/Antonio-Light.woff") format("woff"); }

@font-face {
  font-family: 'Antonio';
  font-style: normal;
  font-weight: normal;
  src: local("Antonio Regular"), url("../fonts/Antonio-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Antonio';
  font-style: normal;
  font-weight: bold;
  src: local("Antonio Bold"), url("../fonts/Antonio-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Amatic';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/AmaticSC-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Amatic';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/AmaticSC-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Anton-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Bangers-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Cormorant-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Cormorant-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Cormorant-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Cormorant-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Cormorant-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Cormorant-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Cormorant-MediumItalic.tff") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Cormorant-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Cormorant-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Cormorant-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Cutive';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/CutiveMono-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Dynalight';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Dynalight-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Fjalla';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/FjallaOne-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Julius';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/JuliusSansOne-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LifeSavers';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/LifeSavers-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'LifeSavers';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/LifeSavers-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Limelight-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Montserrat-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Montserrat-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Montserrat-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Montserrat-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Montserrat-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Montserrat-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Montserrat-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Montserrat-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Montserrat-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Oleo';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OleoScriptSwashCaps-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Oleo';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OleoScriptSwashCaps-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Oswald-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Oswald-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Oswald-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Oswald-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Oswald-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Oswald-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Pathway';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/PathwayGothicOne-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Pizzafont';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Pizzafont.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/PlayfairDisplay-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/PlayfairDisplay-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/PlayfairDisplay-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/PlayfairDisplay-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Playfair';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Prata-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Roboto-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Roboto-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Roboto-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/RobotoCondensed-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/RobotoCondensed-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/RobotoCondensed-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/RobotoMono-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/RobotoMono-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/RobotoMono-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RobotoMono-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/RobotoMono-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/RobotoMono-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/RobotoMono-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoMono-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/RobotoMono-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoMono';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/RobotoMono-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/RobotoSlab-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RobotoSlab-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoSlab-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/RobotoSlab-Thin.ttf") format("truetype"); }

/**************************************************************/
/* -----------------------------------------------
  Default
----------------------------------------------- */
/* -----------------------------------------------
  STYLE PAR DEFAUT
----------------------------------------------- */
a {
  color: inherit; }
  a:hover {
    color: inherit;
    text-decoration: none; }

em {
  font-style: italic; }

body {
  color: #97b2b1;
  transition: all 0.3s;
  position: relative;
  /* main container */
  /* banner navigator */
  /* blockquote */ }
  body .link_logo:hover {
    color: inherit; }
  body .site_name {
    font-size: 18px;
    margin: 0; }
  body h1, body h2, body h3 {
    text-transform: uppercase; }
  body:before {
    content: '';
    position: fixed;
    top: -10px;
    width: 100%;
    height: 10px;
    z-index: 99999;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); }
  body.open {
    max-height: 100vh;
    width: 100vw;
    overflow: hidden; }
  body .main-container {
    position: relative;
    /* edit link */ }
    body .main-container .edit_link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      color: white;
      transform: translateY(-200px);
      /* edit link bg */ }
      body .main-container .edit_link .edit_link_bg {
        display: inline-block;
        padding: 6px 20px;
        background-color: #97b2b1;
        box-shadow: 0px 2px 12px 0px #00000029;
        font-size: 11px; }
        body .main-container .edit_link .edit_link_bg p {
          margin: 0; }
          body .main-container .edit_link .edit_link_bg p a {
            transition: all 0.3s;
            border-bottom: 1px dashed white;
            color: inherit; }
            body .main-container .edit_link .edit_link_bg p a:hover {
              border-bottom: 1px solid white;
              text-decoration: none;
              color: inherit; }
  body h3 {
    line-height: 34px; }
  body table tr {
    border-top: 2px solid #c6c2ba;
    border-bottom: 2px solid #c6c2ba; }
  body table th, body table td {
    padding: 6px 12px 0;
    font-weight: 300; }
  body .wpcf7-form .ajax-loader {
    display: initial;
    margin: 0; }
  body .wpcf7-form input[type="submit"] {
    color: white;
    border-radius: 5px; }
  body .wpcf7-form input, body .wpcf7-form textarea {
    width: 100%;
    max-width: 304px; }
  body .content_wrapper ul {
    padding-left: 15px;
    list-style: disc; }
  body .wpcf7-form-control-wrap {
    width: 164px;
    margin: auto;
    margin-bottom: 20px; }
  body .banner_navigator {
    position: fixed;
    top: 0;
    z-index: 100;
    height: 100vh;
    background-color: orange;
    color: white;
    padding: 20px;
    width: 100%;
    opacity: 0.8;
    box-shadow: 0px 2px 8px rgba(18, 18, 18, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    /* banner wrapper */ }
    body .banner_navigator .banner_wrapper {
      padding: 20px;
      text-align: center; }
      body .banner_navigator .banner_wrapper h2 {
        margin-top: 0; }
      body .banner_navigator .banner_wrapper a {
        color: #0769ad; }
        body .banner_navigator .banner_wrapper a:hover {
          text-decoration: underline; }
      body .banner_navigator .banner_wrapper .close_banner {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        cursor: pointer;
        transition: all 0.3s;
        line-height: 30px; }
        body .banner_navigator .banner_wrapper .close_banner:hover {
          transform: scale(1.1); }
  body input[type="submit"], body button {
    margin-top: 40px;
    padding: 0 60px;
    min-height: 42px;
    transition: all 0.3s;
    line-height: 28px;
    font-size: 20px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    max-width: 100%; }
    body input[type="submit"]:hover, body button:hover {
      transform: scale(1.05); }
  body .anchor_btn {
    display: inline-block;
    color: inherit; }
  body #site_wrapper {
    position: relative;
    z-index: 1; }
  body blockquote {
    padding: 0 0 0 90px;
    position: relative;
    border: 0;
    margin: 20px 0; }
    body blockquote h1, body blockquote h2, body blockquote h3, body blockquote h4, body blockquote h5, body blockquote h6, body blockquote p {
      margin: 0; }
    body blockquote:before {
      content: '';
      width: 14%;
      max-width: 70px;
      padding-bottom: 14%;
      position: absolute;
      left: 0;
      background-image: url("../images/icones/citation.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top left;
      transition: all 0.7s; }
    @media (min-width: 992px) {
      body blockquote {
        text-align: justify; } }
    @media (min-width: 768px) and (max-width: 992px) {
      body blockquote {
        padding: 0 14%; } }
    @media (max-width: 768px) {
      body blockquote {
        padding: 0 45px; }
        body blockquote:before {
          height: 35px;
          width: 35px; } }
  @media (max-width: 768px) {
    body h1 {
      font-size: 26px; }
    body h2 {
      font-size: 22px; }
    body h3 {
      font-size: 18px; }
    body h4, body h5, body h6 {
      font-size: 14px; } }

/* body */
/* -----------------------------------------------
  Helpers
----------------------------------------------- */
.shadow, .main-header .nav_wrapper .header_logo_container .link_logo.above_logo, .gallery.modal_gallery_portfolio .gallery_item .gallery_img, .main_footer .credit-footer.above_logo .footer_logo_container .link_logo.above_logo {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.77); }

/* -----------------------------------------------
  Font Logo
----------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?qp9zp");
  src: url("../fonts/icomoon.eot?qp9zp#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?qp9zp") format("truetype"), url("../fonts/icomoon.woff?qp9zp") format("woff"), url("../fonts/icomoon.svg?qp9zp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: all 0.3s;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"]:before, [class*=" icon-"]:before {
    transition: all 0.3s; }

.icon-google2:before {
  content: "\ea8c"; }

.icon-google:not(.choose):hover:before {
  color: #d34836; }

.icon-google:before {
  content: "\ea8d"; }

.icon-hangouts:not(.choose):hover:before {
  color: #0f9d58; }

.icon-hangouts:before {
  content: "\ea8e"; }

.icon-facebook:not(.choose):hover:before {
  color: #3b5998; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram {
  padding: 6px;
  border-radius: 16px; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-instagram:not(.choose):hover {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }

.icon-instagram:not(.choose):hover:before {
  color: white; }

.icon-whatsapp:not(.choose):hover:before {
  background-color: #075e54; }

.icon-whatsapp:before {
  content: "\ea93"; }

.icon-spotify:before {
  content: "\ea94"; }

.icon-twitter:not(.choose):hover:before {
  color: #00aced; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-vine:before {
  content: "\ea97"; }

.icon-youtube:not(.choose):hover:before {
  color: #cc181e; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-youtube2:before {
  content: "\ea9e"; }

.icon-twitch:before {
  content: "\ea9f"; }

.icon-vimeo2:before {
  content: "\eaa0"; }

.icon-vimeo:before {
  content: "\eaa1"; }

.icon-tumblr:not(.choose):hover:before {
  color: #35465c; }

.icon-tumblr:before {
  content: "\eab9"; }

.icon-linkedin {
  transition: background-color 0.3s, border-radius 0.3s;
  padding: 10px;
  font-size: 32px; }

.icon-linkedin:not(.choose):hover {
  background-color: #0077b5;
  color: white;
  border-radius: 10px; }

.icon-linkedin:before {
  content: "\eaca"; }

.icon-pinterest:before {
  content: "\ead2"; }

.icon-pinterest:not(.choose):hover:before {
  content: '\ead1';
  color: #bd081c; }

/* -----------------------------------------------
  GAP
----------------------------------------------- */
.gap5 {
  margin-top: 5px; }

.gap7-5 {
  margin-top: 7.5px; }

.gap10 {
  margin-top: 10px; }

.gap15 {
  margin-top: 15px; }

.gap20 {
  margin-top: 20px; }

.gap30 {
  margin-top: 30px; }

.gap40 {
  margin-top: 40px; }

.gap60 {
  margin-top: 60px; }

.gap80 {
  margin-top: 80px; }

.gap120 {
  margin-top: 120px; }

.gap160 {
  margin-top: 160px; }

.bot5 {
  margin-bottom: 5px; }

.bot7-5 {
  margin-bottom: 7.5px; }

.bot10 {
  margin-bottom: 10px; }

.bot15 {
  margin-bottom: 15px; }

.bot20 {
  margin-bottom: 20px; }

.bot30 {
  margin-bottom: 30px; }

.bot40 {
  margin-bottom: 40px; }

.bot60 {
  margin-bottom: 60px; }

.bot80 {
  margin-bottom: 80px; }

.bot120 {
  margin-bottom: 120px; }

/* -----------------------------------------------
  FONT STYLE
----------------------------------------------- */
.italic {
  font-style: italic; }

/* -----------------------------------------------
  FONT SIZE
----------------------------------------------- */
.font80 {
  font-size: 0.8rem; }

.font90 {
  font-size: 0.9rem; }

.font110 {
  font-size: 1.1rem; }

.font120 {
  font-size: 1.2rem; }

/* -----------------------------------------------
  Content-neptune
----------------------------------------------- */
.content-neptune .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.content-neptune .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em; }

.content-neptune .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0; }

/* -----------------------------------------------
  Style header / nav / etc.
----------------------------------------------- */
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  /* open */
  /* nav_wrapper */
  /* sandwich_wrapper */
  /* header_type_4 */ }
  .main-header.transparent {
    box-shadow: none; }
  .main-header.animated {
    opacity: 0;
    transform: translateY(-98px); }
  .main-header.open {
    background: transparent !important;
    box-shadow: none; }
  .main-header .navbar_theme, .main-header .navbar_theme .menu, .main-header .menu li {
    height: 100%; }
  .main-header .nav_wrapper {
    min-height: 72px;
    position: relative;
    z-index: 10;
    /* > div */
    /* header_logo_container */
    /* navbar_theme */ }
    .main-header .nav_wrapper .row_or_not {
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px; }
      .main-header .nav_wrapper .row_or_not:before, .main-header .nav_wrapper .row_or_not:after {
        position: absolute; }
    .main-header .nav_wrapper .header_logo_container {
      height: auto;
      min-height: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center; }
      .main-header .nav_wrapper .header_logo_container.above_logo {
        height: auto;
        position: absolute; }
        @media (max-width: 992px) {
          .main-header .nav_wrapper .header_logo_container.above_logo {
            position: relative; } }
      .main-header .nav_wrapper .header_logo_container .link_logo.above_logo {
        padding: 12px; }
      .main-header .nav_wrapper .header_logo_container .logo {
        height: 72px; }
    .main-header .nav_wrapper .navbar_theme {
      flex: 1;
      text-align: right;
      /* menu */ }
      .main-header .nav_wrapper .navbar_theme .menu {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        /* li */ }
        .main-header .nav_wrapper .navbar_theme .menu li {
          cursor: pointer;
          padding: 0 20px;
          position: relative;
          text-align: center;
          min-height: 72px;
          line-height: 12px;
          font-size: 16px;
          /* phone number */
          /* telephone container */ }
          .main-header .nav_wrapper .navbar_theme .menu li a, .main-header .nav_wrapper .navbar_theme .menu li span {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .main-header .nav_wrapper .navbar_theme .menu li a:hover, .main-header .nav_wrapper .navbar_theme .menu li span:hover {
              border: none;
              color: inherit; }
          .main-header .nav_wrapper .navbar_theme .menu li.phone-number {
            padding-left: 0; }
          .main-header .nav_wrapper .navbar_theme .menu li.telephone-container span {
            font-size: 24px;
            padding: 24px 0; }
        .main-header .nav_wrapper .navbar_theme .menu .sub-menu {
          min-width: 100%;
          width: auto;
          z-index: 99;
          position: absolute;
          left: 0;
          top: 90%;
          overflow: hidden;
          transition: all 0.3s;
          white-space: nowrap;
          padding: 0;
          max-height: 0;
          transform: rotateX(90deg);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); }
          .main-header .nav_wrapper .navbar_theme .menu .sub-menu li {
            font-size: 0.9em; }
          .main-header .nav_wrapper .navbar_theme .menu .sub-menu a {
            min-height: 72px; }
        .main-header .nav_wrapper .navbar_theme .menu li.menu-item-has-children:hover .sub-menu {
          max-height: 20rem;
          transform: rotateX(0deg); }
    .main-header .nav_wrapper.container .row_or_not {
      padding: 0;
      margin: 0 -15px; }
    .main-header .nav_wrapper.container .header_logo_container {
      min-height: 100%; }
    .main-header .nav_wrapper.container .burger_menu {
      height: 100%; }
  .main-header .sandwich_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 99;
    height: 100%;
    /* burger_menu */ }
    .main-header .sandwich_wrapper .burger_menu {
      width: 30px;
      height: 30px;
      cursor: pointer;
      z-index: 10;
      opacity: 0.5;
      transition: all 0.3s; }
      .main-header .sandwich_wrapper .burger_menu line, .main-header .sandwich_wrapper .burger_menu polyline {
        transform-origin: 50% 50%;
        transition: all 0.5s; }
      .main-header .sandwich_wrapper .burger_menu .line-1.open {
        display: none; }
      .main-header .sandwich_wrapper .burger_menu .line-2.open {
        transform: rotate(50deg); }
      .main-header .sandwich_wrapper .burger_menu .line-3.open {
        transform: rotate(130deg) translateY(-12px); }
      .main-header .sandwich_wrapper .burger_menu:hover {
        opacity: 1; }
  .main-header.header_type_2 .nav_wrapper {
    height: 72px; }
    .main-header.header_type_2 .nav_wrapper .row_or_not {
      justify-content: flex-start; }
  .main-header.header_type_4 .link_logo {
    cursor: pointer; }

/* main header */
body.page {
  /* edit link */ }
  body.page .edit_link {
    top: 20px;
    z-index: 3;
    text-align: center;
    opacity: 0.6;
    transition: all 0.3s; }
    body.page .edit_link.type_2 {
      top: 97px; }
    body.page .edit_link:hover {
      opacity: 1; }
  body.page .no_content {
    padding-top: 120px;
    text-align: center; }
    body.page .no_content h1 {
      margin-top: 0; }

/* page */
/* -----------------------------------------------
  Panneaux
----------------------------------------------- */
section {
  /* Panneau */ }
  section.panneau {
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: all 0.5s;
    /* arrow_down */
    /* panneau-wrapper */
    /* panneau3 */
    /* panneau4 */
    /* panneau 5 */
    /* panneau8 */
    /* panneau10 */
    /* panneau 13 */
    /* entete */
    /* pied */ }
    section.panneau.arrow_down span.glyphicon-triangle-bottom {
      z-index: 3;
      position: absolute;
      top: auto;
      bottom: 10px;
      left: 0;
      right: 0;
      font-size: 5rem;
      cursor: pointer;
      text-align: center;
      height: 4rem;
      animation: 1.5s ease-in-out infinite alternate upAndDown; }

@keyframes upAndDown {
  from {
    bottom: 20px; }
  top {
    bottom: 0px; } }
    section.panneau.panneau3 p a:not(.anchor_btn), section.panneau.panneau5 p a:not(.anchor_btn), section.panneau.panneau6 p a:not(.anchor_btn), section.panneau.panneau.the_content p a:not(.anchor_btn) {
      font-weight: 500;
      font-style: italic; }
    section.panneau .panneau-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 60px 15px; }
    section.panneau.first_panel .panneau-wrapper {
      padding-top: 72px; }
    section.panneau.panneau3 {
      /* paral container */
      /* & parallax */
      /* panneau 3 col */
      /* animate */ }
      section.panneau.panneau3 .paral_container img {
        min-height: 100%;
        position: absolute;
        z-index: -1;
        min-width: 100%;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
      section.panneau.panneau3.parallax .paral_container img {
        transform: translateX(-50%); }
      section.panneau.panneau3 .panneau-wrapper {
        padding: 0;
        align-items: unset; }
        @media (max-width: 768px) {
          section.panneau.panneau3 .panneau-wrapper {
            flex-direction: column; } }
      section.panneau.panneau3 .group_col {
        width: 100%; }
      @media (max-width: 768px) {
        section.panneau.panneau3 .group_col:nth-of-type(2) {
          margin-top: 60px; } }
      section.panneau.panneau3 .panneau3_col {
        flex-direction: column;
        padding: 15px; }
        section.panneau.panneau3 .panneau3_col .content_wrapper {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h1, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h2, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h3, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h4, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h5, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight h6, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight p, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight span, section.panneau.panneau3 .panneau3_col .content_wrapper.width_tight table {
            max-width: 400px; }
          section.panneau.panneau3 .panneau3_col .content_wrapper h3 {
            margin-top: 10px; }
        @media (max-width: 768px) {
          section.panneau.panneau3 .panneau3_col:not(:first-of-type) {
            margin-top: 60px; } }
        section.panneau.panneau3 .panneau3_col img {
          max-width: 100%;
          width: auto;
          height: auto;
          /* photo texte */ }
          section.panneau.panneau3 .panneau3_col img.photo_texte {
            width: 300px;
            max-width: 100%;
            max-height: none;
            height: auto;
            display: inherit;
            margin: auto; }
            @media (min-width: 992px) {
              section.panneau.panneau3 .panneau3_col img.photo_texte.superBig {
                width: 520px; } }
            @media (min-width: 768px) and (max-width: 992px) {
              section.panneau.panneau3 .panneau3_col img.photo_texte.superBig {
                width: 400px; } }
            @media (min-width: 992px) {
              section.panneau.panneau3 .panneau3_col img.photo_texte.big {
                width: 440px; } }
            @media (min-width: 768px) and (max-width: 992px) {
              section.panneau.panneau3 .panneau3_col img.photo_texte.big {
                max-width: 360px; } }
        section.panneau.panneau3 .panneau3_col.col-xs-6 {
          padding: 0 30px; }
        section.panneau.panneau3 .panneau3_col .link_more {
          font-weight: 500;
          font-size: 1.1em; }
        section.panneau.panneau3 .panneau3_col.left {
          float: none;
          margin-right: auto; }
        section.panneau.panneau3 .panneau3_col.right {
          float: none;
          margin-left: auto; }
      section.panneau.panneau3.animate .panneau3_col {
        transform: translateY(120px);
        opacity: 0; }
    section.panneau.panneau4.portfolio {
      overflow: visible;
      z-index: 3;
      /* panneau-wrapper */
      /* animate */
      /* & gallery */ }
      section.panneau.panneau4.portfolio .panneau-wrapper {
        display: block;
        padding: 0 15px;
        /* portfolio-item */ }
        section.panneau.panneau4.portfolio .panneau-wrapper.tight .portfolio-item {
          height: 35vh; }
          section.panneau.panneau4.portfolio .panneau-wrapper.tight .portfolio-item:hover .portfolio-item-caption {
            height: 35vh; }
        section.panneau.panneau4.portfolio .panneau-wrapper .portfolio-item {
          overflow: hidden;
          padding: 0;
          height: 50vh; }
          section.panneau.panneau4.portfolio .panneau-wrapper .portfolio-item img {
            min-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            transition: all 0.3s; }
          section.panneau.panneau4.portfolio .panneau-wrapper .portfolio-item .portfolio-item-caption {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            height: 0;
            overflow: hidden;
            color: white;
            font-size: 3rem;
            font-weight: 700;
            transition: all 0.3s;
            display: flex;
            justify-content: center;
            align-items: center; }
            section.panneau.panneau4.portfolio .panneau-wrapper .portfolio-item .portfolio-item-caption p {
              text-align: center; }
          section.panneau.panneau4.portfolio .panneau-wrapper .portfolio-item:hover .portfolio-item-caption {
            height: 50vh; }
      section.panneau.panneau4.portfolio.animate .portfolio-item {
        transform: scale(0);
        opacity: 0; }
      section.panneau.panneau4.portfolio.gallery .portfolio-item {
        cursor: pointer; }
      section.panneau.panneau4.portfolio:after {
        content: '';
        clear: both;
        display: block; }
    section.panneau.panneau5.contact {
      /* panneau wrapper */
      /* map panel */ }
      section.panneau.panneau5.contact .panneau-wrapper {
        display: block; }
        section.panneau.panneau5.contact .panneau-wrapper .contact_wrapper textarea {
          resize: vertical; }
        section.panneau.panneau5.contact .panneau-wrapper .contact_wrapper .fa-check {
          font-size: 8rem; }
        section.panneau.panneau5.contact .panneau-wrapper .contact_wrapper .g-recaptcha {
          width: 304px;
          margin-left: auto;
          margin-bottom: 15px; }
        section.panneau.panneau5.contact .panneau-wrapper .contact_wrapper .center p.text-right {
          text-align: center; }
        section.panneau.panneau5.contact .panneau-wrapper .contact_wrapper .center .g-recaptcha {
          margin-right: auto; }
        section.panneau.panneau5.contact .panneau-wrapper h2 {
          margin-top: 0;
          opacity: 0.5; }
        section.panneau.panneau5.contact .panneau-wrapper .message {
          display: none; }
      section.panneau.panneau5.contact.map_panel {
        padding-top: 0px;
        z-index: 1; }
        section.panneau.panneau5.contact.map_panel .map {
          width: 100%;
          height: 50vh; }
          section.panneau.panneau5.contact.map_panel .map img {
            max-width: inherit; }
        section.panneau.panneau5.contact.map_panel .panneau-wrapper {
          padding-top: 0;
          padding-bottom: 60px; }
    section.panneau.panneau8 {
      overflow: hidden;
      padding: 0;
      /* carousel */ }
      section.panneau.panneau8 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-width: none;
        min-width: 100%; }
      section.panneau.panneau8 .carousel {
        height: 100%;
        position: relative;
        /* carousel-inner */
        /* control */ }
        section.panneau.panneau8 .carousel .carousel-inner {
          height: 100%; }
          section.panneau.panneau8 .carousel .carousel-inner .item {
            overflow: hidden;
            height: 100%; }
            section.panneau.panneau8 .carousel .carousel-inner .item .carousel-caption {
              left: 0 !important;
              right: 0 !important;
              bottom: 0 !important;
              top: 50% !important;
              padding-right: 8rem;
              text-align: inherit;
              color: inherit; }
        section.panneau.panneau8 .carousel .control {
          position: absolute;
          top: 0;
          bottom: 36px;
          width: 90px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: inherit;
          opacity: 0.5;
          transition: 0.4s; }
          section.panneau.panneau8 .carousel .control .fa {
            cursor: pointer;
            margin-top: 36px;
            font-size: 4em; }
          section.panneau.panneau8 .carousel .control.left {
            left: 0; }
          section.panneau.panneau8 .carousel .control.right {
            right: 0; }
          section.panneau.panneau8 .carousel .control:hover {
            border: none;
            opacity: 1; }
    section.panneau.panneau10 {
      min-height: auto;
      padding: 0;
      /* icon_social_container */ }
      section.panneau.panneau10.first_panel {
        padding-top: 80px; }
      section.panneau.panneau10 .icon_social_container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 60px 0; }
        section.panneau.panneau10 .icon_social_container .icon_social {
          padding: 20px 0;
          border-top: 1px dashed #999;
          border-bottom: 1px dashed #999;
          font-size: 42px;
          min-width: 166px;
          display: flex;
          align-items: center;
          justify-content: center; }
          section.panneau.panneau10 .icon_social_container .icon_social a {
            color: inherit;
            text-decoration: none;
            display: flex; }
            section.panneau.panneau10 .icon_social_container .icon_social a:hover {
              text-decoration: none;
              border: none; }
          section.panneau.panneau10 .icon_social_container .icon_social .icon {
            margin: 0 20px; }
    section.panneau.panneau13 {
      color: white;
      /* panneau wrapper */
      /* animate */ }
      section.panneau.panneau13:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
        z-index: -1; }
      section.panneau.panneau13 .bg_panel {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px;
        filter: blur(5px) contrast(70%) brightness(30%) sepia(100%) hue-rotate(5deg) saturate(350%); }
      section.panneau.panneau13 .panneau-wrapper {
        flex-direction: column;
        align-items: flex-start;
        /* link post */ }
        section.panneau.panneau13 .panneau-wrapper.right {
          align-items: flex-end; }
          section.panneau.panneau13 .panneau-wrapper.right .link_post {
            text-align: right; }
        section.panneau.panneau13 .panneau-wrapper.center {
          align-items: center; }
          section.panneau.panneau13 .panneau-wrapper.center .link_post {
            text-align: center; }
        section.panneau.panneau13 .panneau-wrapper .h2 {
          margin-bottom: -30px;
          font-weight: 100;
          position: relative;
          left: 2px; }
        section.panneau.panneau13 .panneau-wrapper .link_post {
          max-width: 50%;
          margin-left: 0;
          transform-origin: left; }
          @media (max-width: 768px) {
            section.panneau.panneau13 .panneau-wrapper .link_post {
              max-width: 100%; } }
          section.panneau.panneau13 .panneau-wrapper .link_post h2 {
            font-size: 62px; }
            @media (max-width: 992px) {
              section.panneau.panneau13 .panneau-wrapper .link_post h2 {
                font-size: 46px; } }
          section.panneau.panneau13 .panneau-wrapper .link_post p {
            margin-bottom: 0; }
          section.panneau.panneau13 .panneau-wrapper .link_post.content_1:first-of-type:hover {
            border: none;
            transform: scale(1.05);
            color: inherit; }
          section.panneau.panneau13 .panneau-wrapper .link_post:not(:hover) {
            color: inherit; }
      section.panneau.panneau13:not(.animate) .link_post {
        transition: all 0.3s; }
      section.panneau.panneau13.animate .content_0, section.panneau.panneau13.animate .content_1 {
        opacity: 0;
        transform: translateX(-120px); }
      section.panneau.panneau13.animate.done .content_0, section.panneau.panneau13.animate.done .content_1 {
        transition: all 0.3s;
        opacity: 1;
        transform: translateY(0px); }
    section.panneau.entete, section.panneau.pied {
      min-height: auto !important; }
      section.panneau.entete .panneau-wrapper, section.panneau.pied .panneau-wrapper {
        padding: 30px 0;
        min-height: auto !important; }
    section.panneau.entete {
      padding-top: 90px; }
    section.panneau.pied {
      padding-bottom: 90px; }
      section.panneau.pied .panneau-wrapper div {
        min-height: auto !important; }
    section.panneau.no_marge {
      padding: 0; }
      section.panneau.no_marge p {
        margin: 0; }
    section.panneau.no_padding .panneau3_col {
      padding: 0; }

/* section */
.panneau11.deco {
  position: relative;
  z-index: 10; }
  .panneau11.deco .panneau-wrapper {
    position: relative;
    height: 0;
    overflow: visible; }
    .panneau11.deco .panneau-wrapper .deco_bloc {
      height: 0; }
      .panneau11.deco .panneau-wrapper .deco_bloc img {
        max-height: 400px;
        position: relative; }
        @media (max-width: 768px) {
          .panneau11.deco .panneau-wrapper .deco_bloc img {
            max-height: 300px;
            max-width: 100%; } }

/* div deco */
.gallery.modal_gallery_portfolio {
  height: 100vh;
  padding: 90px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: none;
  background: rgba(19, 19, 19, 0.77);
  opacity: 0;
  color: white;
  /* gallery_item */
  /* nav_gallery */
  /* close gallery */ }
  .gallery.modal_gallery_portfolio .gallery_item {
    margin: auto;
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    transform: translateX(120vw);
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gallery img */
    /* gallery caption */ }
    @media (max-width: 768px) {
      .gallery.modal_gallery_portfolio .gallery_item {
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px; } }
    .gallery.modal_gallery_portfolio .gallery_item .gallery_img {
      max-width: 100%;
      max-height: 100%; }
    .gallery.modal_gallery_portfolio .gallery_item .gallery_caption {
      align-self: flex-end; }
      .gallery.modal_gallery_portfolio .gallery_item .gallery_caption span {
        float: right;
        opacity: 0.5; }
      @media (max-width: 768px) {
        .gallery.modal_gallery_portfolio .gallery_item .gallery_caption p {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 10px;
          text-align: center; }
          .gallery.modal_gallery_portfolio .gallery_item .gallery_caption p span {
            margin-top: 10px; } }
  .gallery.modal_gallery_portfolio .nav_gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0.5;
    /* fa */ }
    .gallery.modal_gallery_portfolio .nav_gallery .fa {
      font-size: 4em;
      cursor: pointer; }
    .gallery.modal_gallery_portfolio .nav_gallery.left {
      left: 0; }
    .gallery.modal_gallery_portfolio .nav_gallery.right {
      right: 0; }
    .gallery.modal_gallery_portfolio .nav_gallery:hover {
      opacity: 1; }
    @media (max-width: 768px) {
      .gallery.modal_gallery_portfolio .nav_gallery {
        top: auto; } }
  .gallery.modal_gallery_portfolio .close_gallery {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100px;
    padding: 15px 30px;
    text-align: center;
    z-index: 2;
    opacity: 0.5;
    transition: all 0.3s; }
    .gallery.modal_gallery_portfolio .close_gallery .close_btn {
      cursor: pointer; }
      .gallery.modal_gallery_portfolio .close_gallery .close_btn polygon {
        fill: white; }
      .gallery.modal_gallery_portfolio .close_gallery .close_btn:hover polygon {
        fill: white !important; }
    .gallery.modal_gallery_portfolio .close_gallery:hover {
      opacity: 1; }
  .gallery.modal_gallery_portfolio.open {
    display: initial;
    z-index: 9999; }

/* gallery */
.height-30vh {
  min-height: 30vh; }
  .height-30vh .panneau-wrapper {
    min-height: 30vh; }

.height-50vh {
  min-height: 50vh; }
  .height-50vh .panneau-wrapper {
    min-height: 50vh; }

.height-75vh {
  min-height: 75vh; }
  .height-75vh .panneau-wrapper {
    min-height: 75vh; }

.height-100vh {
  min-height: 100vh; }
  .height-100vh .panneau-wrapper {
    min-height: 100vh; }

@media (max-width: 768px) {
  .separateur.xs_0 {
    height: 0px; }
  .separateur.xs_3 {
    height: 3px; }
  .separateur.xs_5 {
    height: 5px; }
  .separateur.xs_10 {
    height: 10px; }
  .separateur.xs_20 {
    height: 20px; }
  .separateur.xs_30 {
    height: 30px; }
  .separateur.xs_40 {
    height: 40px; }
  .separateur.xs_60 {
    height: 60px; }
  .separateur.xs_80 {
    height: 80px; }
  .separateur.xs_83 {
    height: 83px; }
  .separateur.xs_120 {
    height: 120px; }
  .separateur.xs_140 {
    height: 140px; }
  .separateur.xs_158 {
    height: 158px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .separateur.sm_0 {
    height: 0px; }
  .separateur.sm_3 {
    height: 3px; }
  .separateur.sm_5 {
    height: 5px; }
  .separateur.sm_10 {
    height: 10px; }
  .separateur.sm_20 {
    height: 20px; }
  .separateur.sm_30 {
    height: 30px; }
  .separateur.sm_40 {
    height: 40px; }
  .separateur.sm_60 {
    height: 60px; }
  .separateur.sm_80 {
    height: 80px; }
  .separateur.sm_83 {
    height: 83px; }
  .separateur.sm_120 {
    height: 120px; }
  .separateur.sm_140 {
    height: 140px; }
  .separateur.sm_158 {
    height: 158px; } }

@media (min-width: 992px) {
  .separateur.md_0 {
    height: 0px; }
  .separateur.md_3 {
    height: 3px; }
  .separateur.md_5 {
    height: 5px; }
  .separateur.md_10 {
    height: 10px; }
  .separateur.md_20 {
    height: 20px; }
  .separateur.md_30 {
    height: 30px; }
  .separateur.md_40 {
    height: 40px; }
  .separateur.md_60 {
    height: 60px; }
  .separateur.md_80 {
    height: 80px; }
  .separateur.md_83 {
    height: 83px; }
  .separateur.md_120 {
    height: 120px; }
  .separateur.md_140 {
    height: 140px; }
  .separateur.md_158 {
    height: 158px; } }

.connexion_container {
  max-width: 600px;
  margin: auto;
  padding-top: 120px;
  position: relative;
  transition: all 0.4s;
  /* connexion_form */ }
  .connexion_container .connexion_form {
    padding: 20px;
    background-color: white;
    box-shadow: 1px 1px 8px rgba(98, 98, 98, 0.51);
    border-radius: 5px;
    position: relative;
    /* form footer */ }
    .connexion_container .connexion_form .form_footer {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .connexion_container .connexion_form .form_footer .checkbox {
        margin: 0; }
      .connexion_container .connexion_form .form_footer .connexion_btn {
        line-height: 25px;
        font-size: 20px;
        padding: 4px 40px;
        color: white;
        border-radius: 5px;
        text-transform: uppercase;
        border: none; }
    .connexion_container .connexion_form .message_error {
      height: 0;
      overflow: hidden; }
      .connexion_container .connexion_form .message_error p {
        margin-bottom: 0; }
      .connexion_container .connexion_form .message_error.open {
        margin-top: 20px;
        height: auto; }

/* connexion_container */
.spinner_div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  opacity: 0;
  min-height: 100vh; }
  .spinner_div.open {
    z-index: 2;
    opacity: 1; }

/* spinner div */
/**************************************************************
  Archives
***************************************************************/
body.page-template-archive {
  /* post_wrapper */
  /* list archive title */
  /* list_archives */ }
  body.page-template-archive .main-container {
    padding-bottom: 40px; }
  body.page-template-archive .post_wrapper {
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative; }
    body.page-template-archive .post_wrapper:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    body.page-template-archive .post_wrapper.even:before {
      background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0)); }
    body.page-template-archive .post_wrapper.odd:before {
      background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0)); }
    body.page-template-archive .post_wrapper .link_post {
      height: 100%;
      display: block;
      position: relative;
      z-index: 2;
      transition: all 0.3s;
      transform-origin: center;
      color: unset;
      /* title excerpt */ }
      body.page-template-archive .post_wrapper .link_post:hover {
        text-decoration: none;
        border: none;
        transform: scale(1.05); }
      body.page-template-archive .post_wrapper .link_post .title_excerpt {
        color: inherit;
        height: 100%;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 30px; }
        @media (max-width: 740px) {
          body.page-template-archive .post_wrapper .link_post .title_excerpt {
            width: 100%; } }
        body.page-template-archive .post_wrapper .link_post .title_excerpt h1, body.page-template-archive .post_wrapper .link_post .title_excerpt h2 {
          font-size: 62px; }
          @media (max-width: 992px) {
            body.page-template-archive .post_wrapper .link_post .title_excerpt h1, body.page-template-archive .post_wrapper .link_post .title_excerpt h2 {
              font-size: 46px; } }
        body.page-template-archive .post_wrapper .link_post .title_excerpt p {
          margin: 0;
          font-weight: 300; }
        body.page-template-archive .post_wrapper .link_post .title_excerpt.even {
          margin-left: auto; }
        body.page-template-archive .post_wrapper .link_post .title_excerpt.odd {
          margin-right: auto; }
      body.page-template-archive .post_wrapper .link_post.even .title_excerpt {
        align-items: flex-end;
        text-align: right; }
      body.page-template-archive .post_wrapper .link_post.odd .title_excerpt {
        align-items: flex-start; }
  body.page-template-archive .list_archives_title {
    color: inherit;
    margin-top: -60px;
    position: relative;
    z-index: 2;
    padding-bottom: 20px; }
    @media (min-width: 992px) {
      body.page-template-archive .list_archives_title {
        padding: 0 30px 20px;
        max-width: 800px; } }
  @media (min-width: 992px) {
    body.page-template-archive .list_archives {
      max-width: 800px;
      padding: 0 30px; } }
  body.page-template-archive .list_archives .archives h3:first-of-type {
    margin-top: 0; }
  body.page-template-archive .list_archives .archives ul {
    list-style: circle;
    padding-left: 20px; }

/* body archive */
/**************************************************************/
/****************************************************************
  SINGLE Actualités
*****************************************************************/
body.single-post, body.error404, body.page-template-404 {
  /* main container */
  /* comment area */
  /* footer */ }
  body.single-post .main-container, body.error404 .main-container, body.page-template-404 .main-container {
    /* container */
    /* edit link */
    /* img header */
    /* title bloc */
    /* the content */
    /* bottom bloc */ }
    @media (min-width: 992px) {
      body.single-post .main-container .container, body.error404 .main-container .container, body.page-template-404 .main-container .container {
        max-width: 800px; } }
    body.single-post .main-container .edit_link, body.error404 .main-container .edit_link, body.page-template-404 .main-container .edit_link {
      top: 20px; }
      body.single-post .main-container .edit_link.type_2, body.error404 .main-container .edit_link.type_2, body.page-template-404 .main-container .edit_link.type_2 {
        top: 47px; }
    body.single-post .main-container .blank_space, body.error404 .main-container .blank_space, body.page-template-404 .main-container .blank_space {
      max-height: 33vh;
      height: 200px; }
    body.single-post .main-container .img_header, body.error404 .main-container .img_header, body.page-template-404 .main-container .img_header {
      max-height: calc(33vh + 72px);
      height: 500px;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    body.single-post .main-container .title_bloc, body.error404 .main-container .title_bloc, body.page-template-404 .main-container .title_bloc {
      color: black;
      margin-top: -60px;
      background-color: white; }
      body.single-post .main-container .title_bloc h1, body.error404 .main-container .title_bloc h1, body.page-template-404 .main-container .title_bloc h1 {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 100;
        margin-top: 20px;
        font-family: unset;
        text-transform: unset; }
      body.single-post .main-container .title_bloc h2, body.error404 .main-container .title_bloc h2, body.page-template-404 .main-container .title_bloc h2 {
        margin-bottom: 0;
        margin-top: 5px; }
      body.single-post .main-container .title_bloc .date, body.error404 .main-container .title_bloc .date, body.page-template-404 .main-container .title_bloc .date {
        margin-bottom: 20px;
        font-style: italic; }
      @media (min-width: 992px) {
        body.single-post .main-container .title_bloc, body.error404 .main-container .title_bloc, body.page-template-404 .main-container .title_bloc {
          padding: 0 15px; } }
    body.single-post .main-container .the_content, body.error404 .main-container .the_content, body.page-template-404 .main-container .the_content {
      min-height: auto;
      background-color: white;
      color: black;
      transition: none; }
      body.single-post .main-container .the_content .content_wrapper, body.error404 .main-container .the_content .content_wrapper, body.page-template-404 .main-container .the_content .content_wrapper {
        text-align: justify; }
        body.single-post .main-container .the_content .content_wrapper img, body.error404 .main-container .the_content .content_wrapper img, body.page-template-404 .main-container .the_content .content_wrapper img {
          max-width: 100%;
          height: auto; }
        body.single-post .main-container .the_content .content_wrapper figure, body.error404 .main-container .the_content .content_wrapper figure, body.page-template-404 .main-container .the_content .content_wrapper figure {
          max-width: 100%;
          height: auto; }
    body.single-post .main-container .bottom_bloc, body.error404 .main-container .bottom_bloc, body.page-template-404 .main-container .bottom_bloc {
      background-color: white;
      color: black;
      /* share link */
      /* back actu */ }
      @media (min-width: 992px) {
        body.single-post .main-container .bottom_bloc, body.error404 .main-container .bottom_bloc, body.page-template-404 .main-container .bottom_bloc {
          padding: 0 15px; } }
      body.single-post .main-container .bottom_bloc .share_link, body.error404 .main-container .bottom_bloc .share_link, body.page-template-404 .main-container .bottom_bloc .share_link {
        margin-top: 30px;
        /* a */ }
        body.single-post .main-container .bottom_bloc .share_link a, body.error404 .main-container .bottom_bloc .share_link a, body.page-template-404 .main-container .bottom_bloc .share_link a {
          transition: all 0.3s;
          /* hover */ }
          body.single-post .main-container .bottom_bloc .share_link a i, body.error404 .main-container .bottom_bloc .share_link a i, body.page-template-404 .main-container .bottom_bloc .share_link a i {
            margin-right: 8px; }
          body.single-post .main-container .bottom_bloc .share_link a:hover, body.error404 .main-container .bottom_bloc .share_link a:hover, body.page-template-404 .main-container .bottom_bloc .share_link a:hover {
            text-decoration: none; }
            body.single-post .main-container .bottom_bloc .share_link a:hover i, body.error404 .main-container .bottom_bloc .share_link a:hover i, body.page-template-404 .main-container .bottom_bloc .share_link a:hover i {
              color: #23527c; }
          body.single-post .main-container .bottom_bloc .share_link a:focus, body.error404 .main-container .bottom_bloc .share_link a:focus, body.page-template-404 .main-container .bottom_bloc .share_link a:focus {
            color: inherit; }
      body.single-post .main-container .bottom_bloc .back_actu, body.error404 .main-container .bottom_bloc .back_actu, body.page-template-404 .main-container .bottom_bloc .back_actu {
        padding: 0 15px; }
        @media (min-width: 992px) {
          body.single-post .main-container .bottom_bloc .back_actu, body.error404 .main-container .bottom_bloc .back_actu, body.page-template-404 .main-container .bottom_bloc .back_actu {
            padding: 0 15px; } }
        body.single-post .main-container .bottom_bloc .back_actu button, body.error404 .main-container .bottom_bloc .back_actu button, body.page-template-404 .main-container .bottom_bloc .back_actu button {
          font-size: 20px;
          margin-top: 30px;
          padding: 5px 30px;
          border-radius: 5px;
          border: 0; }
          body.single-post .main-container .bottom_bloc .back_actu button a, body.error404 .main-container .bottom_bloc .back_actu button a, body.page-template-404 .main-container .bottom_bloc .back_actu button a {
            color: white; }
            body.single-post .main-container .bottom_bloc .back_actu button a:hover, body.error404 .main-container .bottom_bloc .back_actu button a:hover, body.page-template-404 .main-container .bottom_bloc .back_actu button a:hover {
              text-decoration: none;
              color: white; }
  body.single-post .comments-area, body.error404 .comments-area, body.page-template-404 .comments-area {
    margin-top: 20px;
    padding: 0 15px;
    /* comment list */ }
    body.single-post .comments-area .comments-title, body.error404 .comments-area .comments-title, body.page-template-404 .comments-area .comments-title {
      padding: 12px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      position: relative; }
      body.single-post .comments-area .comments-title:before, body.single-post .comments-area .comments-title:after, body.error404 .comments-area .comments-title:before, body.error404 .comments-area .comments-title:after, body.page-template-404 .comments-area .comments-title:before, body.page-template-404 .comments-area .comments-title:after {
        content: '';
        position: absolute;
        transform: rotate(45deg);
        left: 25px; }
      body.single-post .comments-area .comments-title:before, body.error404 .comments-area .comments-title:before, body.page-template-404 .comments-area .comments-title:before {
        width: 8px;
        height: 8px;
        background: rgba(0, 0, 0, 0.2);
        margin-left: -4px;
        bottom: -5px; }
      body.single-post .comments-area .comments-title:after, body.error404 .comments-area .comments-title:after, body.page-template-404 .comments-area .comments-title:after {
        width: 10px;
        background: white;
        margin-left: -5px;
        bottom: -3px;
        height: 10px; }
    body.single-post .comments-area .comment-list, body.error404 .comments-area .comment-list, body.page-template-404 .comments-area .comment-list {
      /* comment wrapper */
      /* children */ }
      body.single-post .comments-area .comment-list .comment_wrapper, body.error404 .comments-area .comment-list .comment_wrapper, body.page-template-404 .comments-area .comment-list .comment_wrapper {
        display: flex;
        align-items: flex-start;
        margin-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        /* photo profil */
        /* comment content */ }
        body.single-post .comments-area .comment-list .comment_wrapper .profile_picture, body.error404 .comments-area .comment-list .comment_wrapper .profile_picture, body.page-template-404 .comments-area .comment-list .comment_wrapper .profile_picture {
          display: flex;
          align-items: center; }
          body.single-post .comments-area .comment-list .comment_wrapper .profile_picture img, body.error404 .comments-area .comment-list .comment_wrapper .profile_picture img, body.page-template-404 .comments-area .comment-list .comment_wrapper .profile_picture img {
            max-height: 50px;
            max-width: 50px;
            border-radius: 3px;
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22); }
        body.single-post .comments-area .comment-list .comment_wrapper .comment_content, body.error404 .comments-area .comment-list .comment_wrapper .comment_content, body.page-template-404 .comments-area .comment-list .comment_wrapper .comment_content {
          padding-left: 12px;
          flex: 1;
          /* comment footer */ }
          body.single-post .comments-area .comment-list .comment_wrapper .comment_content p.name, body.error404 .comments-area .comment-list .comment_wrapper .comment_content p.name, body.page-template-404 .comments-area .comment-list .comment_wrapper .comment_content p.name {
            margin-top: 0;
            font-weight: bold; }
          body.single-post .comments-area .comment-list .comment_wrapper .comment_content .comment_footer, body.error404 .comments-area .comment-list .comment_wrapper .comment_content .comment_footer, body.page-template-404 .comments-area .comment-list .comment_wrapper .comment_content .comment_footer {
            margin-top: 24px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            body.single-post .comments-area .comment-list .comment_wrapper .comment_content .comment_footer .post_on p, body.error404 .comments-area .comment-list .comment_wrapper .comment_content .comment_footer .post_on p, body.page-template-404 .comments-area .comment-list .comment_wrapper .comment_content .comment_footer .post_on p {
              opacity: 0.5;
              font-size: 0.8em;
              margin: 0; }
      body.single-post .comments-area .comment-list .children, body.error404 .comments-area .comment-list .children, body.page-template-404 .comments-area .comment-list .children {
        padding-left: 40px; }
    body.single-post .comments-area .comment-reply-title, body.error404 .comments-area .comment-reply-title, body.page-template-404 .comments-area .comment-reply-title {
      font-size: 1em;
      line-height: 1em; }
    body.single-post .comments-area .logged-in-as, body.error404 .comments-area .logged-in-as, body.page-template-404 .comments-area .logged-in-as {
      display: flex;
      justify-content: space-between; }
    body.single-post .comments-area .comment-form-comment label, body.error404 .comments-area .comment-form-comment label, body.page-template-404 .comments-area .comment-form-comment label {
      display: block; }
    body.single-post .comments-area .comment-form-comment textarea, body.error404 .comments-area .comment-form-comment textarea, body.page-template-404 .comments-area .comment-form-comment textarea {
      max-width: 100%; }
    @media (max-width: 350px) {
      body.single-post .comments-area .form-submit .submit, body.error404 .comments-area .form-submit .submit, body.page-template-404 .comments-area .form-submit .submit {
        padding: 0 30px; } }
  body.single-post .end_bottom, body.error404 .end_bottom, body.page-template-404 .end_bottom {
    margin-top: -80px;
    height: 99px; }
  body.single-post footer, body.error404 footer, body.page-template-404 footer {
    margin-top: 40px; }

/* body single */
/****************************************************************/
.search-results.search main {
  margin-top: 120px; }

/* -----------------------------------------------
  footer
----------------------------------------------- */
.main_footer {
  transition: all 0.3s;
  position: relative;
  z-index: 3;
  /* pre-footer */
  /* credit-footer */ }
  .main_footer #pre-footer {
    padding: 40px 0;
    background-color: #222;
    color: #999;
    overflow-x: hidden;
    /* container_list */ }
    .main_footer #pre-footer a {
      display: inline-block;
      color: inherit;
      font-weight: 500;
      font-style: italic; }
      .main_footer #pre-footer a:hover {
        text-decoration: none; }
    .main_footer #pre-footer .container_list {
      display: flex;
      /* pre-footer-col */ }
      @media (max-width: 768px) {
        .main_footer #pre-footer .container_list {
          flex-direction: column; } }
      .main_footer #pre-footer .container_list .pre-footer-col {
        flex: 1;
        padding: 20px 0;
        /* client-container */
        /* contact_container */ }
        .main_footer #pre-footer .container_list .pre-footer-col .h3 {
          margin-top: 0; }
        .main_footer #pre-footer .container_list .pre-footer-col.link_container p:not(.h3) {
          margin: 0; }
        .main_footer #pre-footer .container_list .pre-footer-col.client_container .client_item {
          margin-bottom: 12px; }
          .main_footer #pre-footer .container_list .pre-footer-col.client_container .client_item img {
            width: auto; }
        .main_footer #pre-footer .container_list .pre-footer-col.contact_container .contact_item.telephone {
          display: inline-block;
          margin-top: 10px;
          padding-top: 10px;
          border-top: 1px dashed #999; }
  .main_footer .credit-footer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 56px;
    /* footer_logo_container */
    /* sandwich wrapper */
    /* with sandwich */ }
    .main_footer .credit-footer.classique {
      min-height: 76px; }
    .main_footer .credit-footer .footer_connexion {
      text-align: right;
      position: absolute;
      right: 15px; }
      .main_footer .credit-footer .footer_connexion p {
        margin: 0; }
    .main_footer .credit-footer .footer_logo_container {
      position: absolute;
      left: 15px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      max-width: 150px; }
      @media (max-width: 768px) {
        .main_footer .credit-footer .footer_logo_container:not(.above_logo) {
          position: relative;
          order: 2;
          left: 0;
          padding: 20px 0;
          max-width: none; } }
    .main_footer .credit-footer .legal {
      width: 100%;
      text-align: center;
      position: relative;
      margin: 0;
      padding: 0 150px; }
      @media (max-width: 768px) {
        .main_footer .credit-footer .legal {
          text-align: center;
          margin-bottom: 10px;
          order: 3;
          padding: 0; } }
      .main_footer .credit-footer .legal p {
        margin-bottom: 0; }
    .main_footer .credit-footer .sandwich_wrapper {
      position: absolute;
      right: 15px;
      text-align: right;
      /* burger_menu */ }
      .main_footer .credit-footer .sandwich_wrapper .burger_menu {
        height: 30px;
        cursor: pointer;
        z-index: 10; }
      @media (max-width: 768px) {
        .main_footer .credit-footer .sandwich_wrapper {
          position: relative;
          order: 1;
          right: 0; } }
    .main_footer .credit-footer.above_logo {
      align-items: flex-end; }
      .main_footer .credit-footer.above_logo .legal {
        padding: 16px 150px; }
      @media (max-width: 996px) {
        .main_footer .credit-footer.above_logo {
          height: auto;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .main_footer .credit-footer.above_logo .footer_logo_container {
            top: -50px;
            position: relative;
            left: 0; }
          .main_footer .credit-footer.above_logo .legal {
            top: -25px; } }
      .main_footer .credit-footer.above_logo .footer_logo_container {
        height: auto; }
        .main_footer .credit-footer.above_logo .footer_logo_container .link_logo.above_logo {
          padding: 12px; }
    @media (max-width: 769px) {
      .main_footer .credit-footer.with_sandwich {
        padding-top: 15px;
        padding-bottom: 15px; }
        .main_footer .credit-footer.with_sandwich .burger_menu, .main_footer .credit-footer.with_sandwich .footer_logo_container {
          margin-bottom: 15px; } }
    @media (max-width: 1200px) {
      .main_footer .credit-footer {
        justify-content: flex-start; } }
    @media (max-width: 768px) {
      .main_footer .credit-footer {
        flex-direction: column; }
        .main_footer .credit-footer .footer_connexion {
          order: 2;
          text-align: center;
          position: relative;
          right: 0; } }

/* main-footer */
body.admin {
  /* admin header */
  /* tableau */
  /* table info */
  /* mod bloc */
  /* main */
  /* admin search */ }
  body.admin .container {
    padding: 0; }
  body.admin div, body.admin p, body.admin section, body.admin h1, body.admin h2, body.admin h3, body.admin h4, body.admin h5, body.admin h6 {
    font-family: 'Roboto' !important; }
  body.admin .admin_header, body.admin .bloc, body.admin .bloc_header button, body.admin .admin_footer {
    background-color: #BED4DD; }
  body.admin h1, body.admin h2, body.admin h3 {
    margin: 0; }
  body.admin .admin_header {
    border-radius: 0 0 5px 5px;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    /* website title */
    /* user bloc */ }
    body.admin .admin_header h1 {
      font-size: 1.3em; }
    body.admin .admin_header .website_title_bloc {
      display: flex;
      /* logo bloc */
      /* site info */ }
      body.admin .admin_header .website_title_bloc .logo_bloc i {
        font-size: 72px; }
      body.admin .admin_header .website_title_bloc .site_info {
        margin-left: 15px;
        /* admin breadcrumb */ }
        body.admin .admin_header .website_title_bloc .site_info h3 {
          font-size: 1.1em;
          line-height: normal;
          text-transform: none;
          font-weight: 300; }
        body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb {
          margin-top: 6px; }
          body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li {
            display: inline-block; }
            body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li button {
              margin: 0;
              padding: 0;
              min-height: 0;
              font-size: inherit;
              line-height: normal;
              border: none;
              background: none;
              box-shadow: none; }
            body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li:not(.admin) {
              margin-left: 6px; }
            body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li.active {
              pointer-events: none; }
            body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li:not(.active):not(.separator) {
              cursor: pointer; }
            body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb li:not(.active) {
              opacity: 0.5; }
          body.admin .admin_header .website_title_bloc .site_info .admin_breadcrumb .fas {
            font-size: 2em; }
    body.admin .admin_header .user_bloc {
      text-align: right;
      /* user info */
      /* user btn */ }
      body.admin .admin_header .user_bloc .user_roles, body.admin .admin_header .user_bloc .user_email {
        font-size: 0.9em;
        margin: 0; }
      body.admin .admin_header .user_bloc .user_infos {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        /* pp bloc */ }
        body.admin .admin_header .user_bloc .user_infos .pp_bloc {
          border-radius: 50%;
          background: white;
          overflow: hidden;
          margin-left: 15px;
          width: 72px;
          text-align: center;
          /* pp */ }
          body.admin .admin_header .user_bloc .user_infos .pp_bloc .pp {
            max-height: 72px;
            width: auto;
            height: auto; }
      body.admin .admin_header .user_bloc .user_btn {
        margin-top: 10px; }
        body.admin .admin_header .user_bloc .user_btn button {
          background-color: white;
          color: #BED4DD;
          padding: 4px 15px;
          margin: 0;
          cursor: pointer;
          border-radius: 20px;
          min-height: 0px;
          font-size: 0.9em;
          line-height: normal;
          box-shadow: none; }
          body.admin .admin_header .user_bloc .user_btn button a {
            color: inherit; }
          body.admin .admin_header .user_bloc .user_btn button:not(:last-of-type) {
            margin-right: 15px; }
          body.admin .admin_header .user_bloc .user_btn button.back_office_btn {
            padding: 4px 0; }
            body.admin .admin_header .user_bloc .user_btn button.back_office_btn a {
              padding: 4px 15px; }
    body.admin .admin_header:after, body.admin .admin_header:before {
      display: none; }
    @media (max-width: 992px) {
      body.admin .admin_header {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 15px; }
        body.admin .admin_header #admin_breadcrumb .fas {
          font-size: 3em; }
        body.admin .admin_header .user_bloc {
          width: 100%;
          text-align: center;
          margin-bottom: 15px; }
          body.admin .admin_header .user_bloc .user_infos {
            justify-content: center; }
        body.admin .admin_header .website_title_bloc {
          width: 100%; }
          body.admin .admin_header .website_title_bloc .logo_bloc {
            display: none; }
          body.admin .admin_header .website_title_bloc .site_info {
            flex: 1;
            margin: 0;
            text-align: center; } }
    @media (max-width: 768px) {
      body.admin .admin_header {
        border-radius: 0; } }
  body.admin .mod_table {
    color: #707070;
    width: 100%;
    margin-top: 15px; }
    body.admin .mod_table tr {
      border: none; }
      body.admin .mod_table tr.space {
        height: 6px; }
    body.admin .mod_table th {
      cursor: pointer;
      position: relative; }
      body.admin .mod_table th:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 6px;
        font-size: 16px;
        opacity: 0.3; }
      body.admin .mod_table th.active:after {
        opacity: 1; }
      body.admin .mod_table th.asc:after {
        content: '\f0d8'; }
      body.admin .mod_table th.desc:after {
        content: '\f0d7'; }
    body.admin .mod_table th, body.admin .mod_table td {
      font-weight: bold;
      padding: 6px 12px; }
    body.admin .mod_table tbody tr td:not(.table_action) {
      background-color: rgba(255, 255, 255, 0.37);
      border: 1px solid white; }
    body.admin .mod_table tbody tr td.table_action {
      padding: 0 8px;
      text-align: center;
      width: 32px; }
      body.admin .mod_table tbody tr td.table_action i {
        transition: all 0.4s;
        cursor: pointer;
        color: white;
        font-size: 1.4em; }
      body.admin .mod_table tbody tr td.table_action.edit_post:hover i {
        color: #3cc62a; }
      body.admin .mod_table tbody tr td.table_action.delete_post:hover i {
        color: red; }
  body.admin .table_info {
    color: #707070;
    display: block; }
  body.admin section.bloc {
    position: relative;
    margin-top: 30px;
    border-radius: 5px;
    padding: 15px 30px;
    color: white;
    background-position: 50% 30px;
    background-repeat: no-repeat;
    background-size: calc(100% - 30px) calc(100% - 70px);
    /* table */
    /* bloc header */
    /* bloc content */
    /* bloc footer */
    /* mod stats */
    /* users */
    /* posts */
    /* lvl1 */ }
    body.admin section.bloc table.light_table tr {
      border: none; }
      body.admin section.bloc table.light_table tr td, body.admin section.bloc table.light_table tr th {
        line-height: 1.6em;
        padding: 0; }
    body.admin section.bloc table.light_table thead tr {
      border-bottom: 1px solid white; }
      body.admin section.bloc table.light_table thead tr th {
        font-weight: 600; }
    body.admin section.bloc table.light_table tbody tr {
      font-size: 1.05em;
      font-style: italic;
      font-weight: 300;
      margin: 0; }
      body.admin section.bloc table.light_table tbody tr span {
        float: right;
        position: relative; }
    body.admin section.bloc .bloc_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      /* search wrapper */ }
      body.admin section.bloc .bloc_header h1 {
        text-transform: none;
        display: flex;
        align-items: center; }
        body.admin section.bloc .bloc_header h1 .fas {
          font-size: 60px;
          margin-right: 30px; }
      body.admin section.bloc .bloc_header .search_wrapper {
        display: flex;
        /* search */ }
        body.admin section.bloc .bloc_header .search_wrapper > :last-child {
          margin-left: 10px; }
        body.admin section.bloc .bloc_header .search_wrapper button {
          box-shadow: none;
          border: 1px solid white;
          line-height: 19px;
          min-height: 0px;
          padding: 6px;
          margin: 0;
          font-size: 1em; }
          body.admin section.bloc .bloc_header .search_wrapper button.btn_more {
            border-radius: 8px;
            font-size: 1.8em;
            max-height: 34px;
            padding: 0 6px;
            padding-left: 6px; }
        body.admin section.bloc .bloc_header .search_wrapper .search .input_search {
          border-radius: 0 8px 8px 0;
          border: 1px solid white;
          border-left: 2px solid white;
          background: #DBE7EC;
          color: #707070;
          max-width: 100%;
          width: 325px;
          font-weight: bold;
          padding: 6px 30px; }
        body.admin section.bloc .bloc_header .search_wrapper .search button {
          border-right: 2px solid white;
          border-radius: 8px 0 0 8px;
          padding-right: 10px;
          padding-left: 8px; }
      @media (max-width: 992px) {
        body.admin section.bloc .bloc_header {
          flex-direction: column; }
          body.admin section.bloc .bloc_header h1 {
            width: 100%; }
            body.admin section.bloc .bloc_header h1 .fas {
              font-size: 1.3em; }
          body.admin section.bloc .bloc_header .search_wrapper {
            margin-top: 30px;
            width: 100%; }
            body.admin section.bloc .bloc_header .search_wrapper .search_btn {
              flex: 1; } }
    body.admin section.bloc .bloc_content {
      /* cards */ }
      body.admin section.bloc .bloc_content .cards {
        position: relative;
        margin-top: 15px; }
        body.admin section.bloc .bloc_content .cards .cards_row {
          display: flex; }
        body.admin section.bloc .bloc_content .cards .card {
          display: inline-block;
          border: 1px solid white;
          flex: 0.5;
          margin: 0;
          margin-bottom: 30px;
          height: 250px; }
          body.admin section.bloc .bloc_content .cards .card .wrapper {
            display: flex;
            height: 100%; }
            body.admin section.bloc .bloc_content .cards .card .wrapper .picture_wrapper {
              width: 225px;
              height: 100%;
              background: white;
              display: flex;
              justify-content: center;
              align-items: center;
              overflow: hidden; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .picture_wrapper .picture {
                height: 100%; }
            body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card {
              color: white;
              flex: 1;
              padding: 15px;
              position: relative;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .card_action {
                position: absolute;
                bottom: 0;
                right: 8px;
                font-size: 3em;
                display: none; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .edit_post, body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .delete_post {
                cursor: pointer;
                transition: all 0.3s;
                margin: 0; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .delete_post:hover {
                color: red; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .edit_post:hover {
                color: #3cc62a; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card p.online {
                color: #3cc62a;
                text-transform: uppercase; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card:hover .card_action {
                display: block; }
          body.admin section.bloc .bloc_content .cards .card:nth-child(odd) {
            margin-right: 15px; }
      body.admin section.bloc .bloc_content .table_info {
        font-size: 0.8em; }
      @media (max-width: 992px) {
        body.admin section.bloc .bloc_content {
          overflow-x: auto; }
          body.admin section.bloc .bloc_content .cards .cards_row {
            flex-direction: column; }
          body.admin section.bloc .bloc_content .cards .card {
            flex: 1;
            height: 230px; }
            body.admin section.bloc .bloc_content .cards .card:nth-child(odd) {
              margin-right: 0; }
            body.admin section.bloc .bloc_content .cards .card .wrapper .picture_wrapper {
              width: 150px; }
              body.admin section.bloc .bloc_content .cards .card .wrapper .picture_wrapper .picture {
                max-width: 400px;
                max-height: 400px; }
            body.admin section.bloc .bloc_content .cards .card .wrapper .infos_card .edit_post {
              font-size: 2em; } }
    body.admin section.bloc .bloc_footer {
      text-align: right;
      /* button */ }
      body.admin section.bloc .bloc_footer button {
        background: white;
        color: #BED4DD;
        box-shadow: none;
        font-size: 1.1em;
        font-weight: 700;
        padding: 8px 15px;
        min-height: 0px;
        line-height: normal;
        border-radius: 10px;
        margin-top: 15px; }
        body.admin section.bloc .bloc_footer button i {
          margin-right: 6px; }
    body.admin section.bloc.stats {
      background-image: url("../../functions/admin/icons/chart-pie-solid.svg");
      /* stats wrapper */ }
      body.admin section.bloc.stats .stats_wrapper {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        /* basic infos */
        /* graphs */ }
        body.admin section.bloc.stats .stats_wrapper > div {
          flex: 1; }
        body.admin section.bloc.stats .stats_wrapper .basic_infos {
          padding-right: 30px;
          /* table */ }
          body.admin section.bloc.stats .stats_wrapper .basic_infos .title p {
            font-size: 1.3em;
            margin: 0;
            font-weight: 300; }
          body.admin section.bloc.stats .stats_wrapper .basic_infos table {
            margin-top: 30px;
            width: 100%; }
            body.admin section.bloc.stats .stats_wrapper .basic_infos table tbody tr span {
              float: right;
              margin-right: 20px;
              position: relative; }
              body.admin section.bloc.stats .stats_wrapper .basic_infos table tbody tr span:after {
                display: inline-block;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-style: normal;
                position: absolute;
                right: -20px; }
            body.admin section.bloc.stats .stats_wrapper .basic_infos table tbody tr.ok span:after {
              content: '\f00c';
              color: #6bd24c; }
            body.admin section.bloc.stats .stats_wrapper .basic_infos table tbody tr.not_ok {
              color: #707070; }
              body.admin section.bloc.stats .stats_wrapper .basic_infos table tbody tr.not_ok span:after {
                content: '\f00d';
                color: red; }
        body.admin section.bloc.stats .stats_wrapper .graphs {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-left: 30px; }
          body.admin section.bloc.stats .stats_wrapper .graphs .graph_legend {
            padding-left: 165px;
            flex: 1; }
            body.admin section.bloc.stats .stats_wrapper .graphs .graph_legend table {
              width: 100%; }
          body.admin section.bloc.stats .stats_wrapper .graphs .post_status {
            position: relative; }
          @media (max-width: 992px) {
            body.admin section.bloc.stats .stats_wrapper .graphs canvas {
              margin: auto;
              float: none !important; }
            body.admin section.bloc.stats .stats_wrapper .graphs .graph_legend {
              padding: 0; } }
        @media (max-width: 992px) {
          body.admin section.bloc.stats .stats_wrapper {
            flex-direction: column; }
            body.admin section.bloc.stats .stats_wrapper .basic_infos {
              padding: 0; }
            body.admin section.bloc.stats .stats_wrapper .graphs {
              margin-top: 30px;
              padding-left: 0; }
              body.admin section.bloc.stats .stats_wrapper .graphs .most_viewed {
                margin-top: 30px; } }
    body.admin section.bloc.users {
      background-image: url("../../functions/admin/icons/users-solid.svg"); }
      body.admin section.bloc.users .title p {
        font-size: 1.3em; }
        body.admin section.bloc.users .title p .online_sessions {
          background: #3cc62a;
          border-radius: 50%;
          padding: 0 6px; }
      body.admin section.bloc.users .graphs canvas {
        float: left; }
      body.admin section.bloc.users .graphs .graph_legend {
        padding-left: 165px; }
      body.admin section.bloc.users .bloc_content .cards .card {
        position: relative; }
        body.admin section.bloc.users .bloc_content .cards .card .wrapper .picture_wrapper .picture {
          max-height: 100%;
          width: auto; }
        body.admin section.bloc.users .bloc_content .cards .card .wrapper .infos_card p {
          margin: 0; }
        body.admin section.bloc.users .bloc_content .cards .card .wrapper .infos_card div:nth-child(1) {
          font-weight: bold; }
          body.admin section.bloc.users .bloc_content .cards .card .wrapper .infos_card div:nth-child(1) p:nth-child(1) {
            font-size: 2.5em;
            line-height: 1em; }
        body.admin section.bloc.users .bloc_content .cards .card .wrapper .infos_card div:nth-child(2) .title {
          font-style: italic; }
        body.admin section.bloc.users .bloc_content .cards .card .wrapper .infos_card div:nth-child(2) p:nth-child(even) {
          font-weight: bold; }
        body.admin section.bloc.users .bloc_content .cards .card:before {
          content: '';
          position: absolute;
          top: 7.5px;
          left: 7.5px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background-color: #ccc9c9;
          box-shadow: 0 1px 1px rgba(5, 5, 5, 0.36); }
        body.admin section.bloc.users .bloc_content .cards .card.online:before {
          background-color: #3cc62a; }
      @media (max-width: 992px) {
        body.admin section.bloc.users .cards .card .wrapper .infos_card div:nth-child(3) {
          margin-top: 10px; } }
    body.admin section.bloc.posts {
      background-image: url("../../functions/admin/icons/file-alt-solid.svg"); }
      body.admin section.bloc.posts .cards .card {
        height: 275px; }
        body.admin section.bloc.posts .cards .card .infos_card {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-evenly; }
          body.admin section.bloc.posts .cards .card .infos_card p {
            margin: 0; }
            body.admin section.bloc.posts .cards .card .infos_card p:before {
              font-family: 'Font Awesome 5 Free';
              margin-right: 8px; }
            body.admin section.bloc.posts .cards .card .infos_card p.Page {
              color: purple; }
              body.admin section.bloc.posts .cards .card .infos_card p.Page:before {
                content: '\f15c'; }
            body.admin section.bloc.posts .cards .card .infos_card p.Actualité {
              color: #ee7e2d; }
              body.admin section.bloc.posts .cards .card .infos_card p.Actualité:before {
                content: '\f1ea'; }
          body.admin section.bloc.posts .cards .card .infos_card div:nth-child(1) {
            font-size: 2.5em;
            font-weight: bold;
            line-height: 1em;
            flex: 1; }
            body.admin section.bloc.posts .cards .card .infos_card div:nth-child(1) p:nth-child(2) {
              font-size: 0.4em;
              position: relative; }
          body.admin section.bloc.posts .cards .card .infos_card div > p:nth-child(2) {
            font-weight: bold; }
          body.admin section.bloc.posts .cards .card .infos_card .title {
            font-style: italic;
            margin-top: 8px; }
    body.admin section.bloc.help {
      background-image: url("../../functions/admin/icons/life-ring-solid.svg"); }
    body.admin section.bloc.custo {
      background-image: url("../../functions/admin/icons/paint-brush-solid.svg"); }
      body.admin section.bloc.custo .bloc_content {
        padding-top: 30px; }
    body.admin section.bloc.lvl1 .bloc_content, body.admin section.bloc.lvl2 .bloc_content {
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid white; }
    body.admin section.bloc.lvl1 {
      /* bloc content */ }
      body.admin section.bloc.lvl1 .bloc_content {
        /* content header */
        /* content main */ }
        body.admin section.bloc.lvl1 .bloc_content .content_header {
          display: flex;
          justify-content: space-between; }
          body.admin section.bloc.lvl1 .bloc_content .content_header > div {
            flex: 1; }
          body.admin section.bloc.lvl1 .bloc_content .content_header h1 {
            text-transform: none; }
          body.admin section.bloc.lvl1 .bloc_content .content_header table.light_table {
            width: 100%; }
          body.admin section.bloc.lvl1 .bloc_content .content_header .graphs .legend {
            padding-left: 165px; }
        body.admin section.bloc.lvl1 .bloc_content .content_main {
          margin-top: 60px;
          /* list header */
          /* select ppp */
          /* list pagination */ }
          body.admin section.bloc.lvl1 .bloc_content .content_main .list:not(.active) {
            display: none; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .display_list_as .fas {
            font-size: 2em; }
            body.admin section.bloc.lvl1 .bloc_content .content_main .display_list_as .fas:not(.active) {
              cursor: pointer;
              opacity: 0.5; }
            body.admin section.bloc.lvl1 .bloc_content .content_main .display_list_as .fas:not(:last-of-type) {
              margin-right: 15px; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .list_wrapper:after {
            content: '';
            display: block;
            clear: both; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .list_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* pagination wrapper */ }
            body.admin section.bloc.lvl1 .bloc_content .content_main .list_header .pagination_wrapper {
              display: flex;
              align-items: center; }
              body.admin section.bloc.lvl1 .bloc_content .content_main .list_header .pagination_wrapper > div:not(:last-of-type) {
                margin-right: 15px; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .select_ppp label {
            margin: 0; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .select_ppp select {
            margin-left: 6px;
            color: black; }
          body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination {
            display: flex;
            float: right; }
            body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a {
              color: white;
              padding: 0 6px;
              font-weight: bold;
              cursor: pointer;
              text-decoration: none; }
              body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a:hover {
                text-decoration: none; }
              body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a.jp-next, body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a.jp-previous {
                font-size: 28px;
                line-height: 14px; }
                body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a.jp-next.jp-disabled, body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a.jp-previous.jp-disabled {
                  display: none; }
              body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a:not(.jp-current):not(.jp-next):not(.jp-previous) {
                opacity: 0.5;
                transition: all 0.3s; }
                body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination > a:not(.jp-current):not(.jp-next):not(.jp-previous):hover {
                  opacity: 1; }
            body.admin section.bloc.lvl1 .bloc_content .content_main .list_pagination:after {
              content: '';
              display: block;
              clear: both; }
      body.admin section.bloc.lvl1.stats .graph .post_status {
        flex: 1; }
      body.admin section.bloc.lvl1.stats .graph .graph_legend {
        padding-left: 165px;
        flex: 1;
        max-width: 415px; }
        body.admin section.bloc.lvl1.stats .graph .graph_legend table {
          width: 100%; }
      body.admin section.bloc.lvl1.stats .most_viewed {
        margin-top: 30px;
        display: flex;
        justify-content: space-between; }
        body.admin section.bloc.lvl1.stats .most_viewed .graph_legend {
          flex: 1;
          padding-left: 165px; }
          body.admin section.bloc.lvl1.stats .most_viewed .graph_legend table {
            width: 100%; }
        body.admin section.bloc.lvl1.stats .most_viewed canvas {
          max-width: calc( 100% - 500px) !important;
          flex: 1 !important;
          max-height: 350px; }
    body.admin section.bloc.lvl2 .bloc_content .cards .cards_row .card {
      margin: 0 0 30px;
      flex: 1; }
    body.admin section.bloc.lvl2 .spinner_bloc {
      text-align: center;
      font-size: 3em; }
      body.admin section.bloc.lvl2 .spinner_bloc.off {
        display: none; }
    body.admin section.bloc.lvl2 iframe {
      width: 100%;
      height: 100vh;
      display: none; }
      body.admin section.bloc.lvl2 iframe.active {
        display: block; }
    body.admin section.bloc.lvl2 .admin_notice_user {
      position: relative; }
      body.admin section.bloc.lvl2 .admin_notice_user:before {
        content: '\f071';
        font-family: 'Font Awesome 5 Free';
        font-weight: bold;
        color: red;
        margin-right: 8px; }
    body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) p:nth-child(2) {
      position: relative; }
      body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) p:nth-child(2) a {
        position: relative; }
        body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) p:nth-child(2) a:before {
          font-family: 'Font Awesome 5 Free';
          font-weight: bold;
          color: inherit;
          content: '\f06e';
          margin-right: 8px; }
    body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) p.Page {
      font-size: 0.4em; }
    body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) .view_seo {
      display: flex; }
      body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) .view_seo button {
        font-size: 0.4em;
        min-height: 0;
        box-shadow: none;
        line-height: normal;
        border: 0;
        margin: 0;
        display: inline;
        background: none;
        color: inherit;
        padding: 0; }
        body.admin section.bloc.lvl2.posts .infos_card div:nth-child(1) .view_seo button:hover {
          transform: scale(1);
          text-decoration: underline; }
    @media (max-width: 992px) {
      body.admin section.bloc {
        padding: 15px;
        margin-top: 15px; }
        body.admin section.bloc:not(.display_md) {
          display: none; } }
    @media (max-width: 768px) {
      body.admin section.bloc {
        border-radius: 0; }
        body.admin section.bloc:not(.display_xs) {
          display: none; } }
  body.admin main {
    position: relative;
    overflow: hidden;
    /* admin pages */ }
    body.admin main .admin_pages {
      position: relative;
      transition: all 0.4s;
      right: 15px;
      left: calc( 100vw + 15px); }
      body.admin main .admin_pages.home {
        left: calc( -100vw - 15px); }
      body.admin main .admin_pages:not(.active) {
        top: 0;
        width: 100%;
        height: 0;
        overflow: hidden; }
      body.admin main .admin_pages.active {
        left: 0px; }
    body.admin main .admin_footer {
      position: relative;
      margin-top: 30px;
      border-radius: 5px;
      padding: 15px 30px;
      color: white;
      display: flex;
      justify-content: space-between; }
      body.admin main .admin_footer p {
        margin: 0; }
      @media (max-width: 768px) {
        body.admin main .admin_footer {
          border-radius: 0; } }
  body.admin .admin_search {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    transform: translateY(100vh);
    transition: all 0.3s; }
    body.admin .admin_search.open {
      transform: translateY(0); }
    body.admin .admin_search .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      background: #BED4DD; }
    body.admin .admin_search .close {
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 3em; }
    body.admin .admin_search .search_wrapper {
      z-index: 2;
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      position: relative; }
      body.admin .admin_search .search_wrapper label {
        font-size: 1.5em;
        opacity: 0.5;
        color: #555555;
        text-shadow: 0 1px 0 #FFF; }
      body.admin .admin_search .search_wrapper input[name="admin_search"] {
        border-radius: 8px;
        border: 1px solid white;
        background: #DBE7EC;
        color: #707070;
        max-width: 100%;
        width: 325px;
        font-weight: bold;
        padding: 6px 30px; }
      body.admin .admin_search .search_wrapper .results_dropdown {
        width: 100%;
        max-width: 1170px;
        position: absolute;
        top: 100%;
        margin-top: 15px;
        padding: 0 15px;
        max-height: calc( 50vh - 90px); }
        body.admin .admin_search .search_wrapper .results_dropdown .spinner_bloc {
          text-align: center;
          font-size: 2em;
          opacity: 0.5; }
    @media (max-width: 992px) {
      body.admin .admin_search .results_dropdown {
        overflow: scroll; } }

/* body admin */
/* -----------------------------------------------
  Mobile-nav
----------------------------------------------- */
.mobile_nav {
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: all 0.4s ease-in-out;
  color: white;
  background-color: rgba(41, 85, 134, 0.9);
  height: 100%;
  width: 100vw;
  z-index: 1100;
  transform: translateX(-100%);
  /* menu */ }
  .mobile_nav .menu {
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 3rem;
    transition: all 0.3s;
    /* page menu item */ }
    .mobile_nav .menu a {
      display: flex;
      align-items: center; }
      .mobile_nav .menu a:hover {
        text-decoration: none; }
    .mobile_nav .menu .page_item, .mobile_nav .menu .menu-item {
      display: block;
      cursor: pointer;
      position: relative; }
      .mobile_nav .menu .page_item:before, .mobile_nav .menu .menu-item:before {
        transition: all 0.4s;
        content: '';
        display: inline-block;
        float: left;
        width: 42px;
        height: 42px; }
      .mobile_nav .menu .page_item:after, .mobile_nav .menu .menu-item:after {
        content: '';
        display: block;
        clear: both; }
      .mobile_nav .menu .page_item a, .mobile_nav .menu .menu-item a {
        color: inherit;
        margin-left: 52px;
        height: 42px;
        transition: all 0.4s; }
        .mobile_nav .menu .page_item a:hover, .mobile_nav .menu .menu-item a:hover {
          border: none; }
      .mobile_nav .menu .page_item .sub-menu, .mobile_nav .menu .menu-item .sub-menu {
        margin-left: 42px;
        transition: all 0.4s; }
      .mobile_nav .menu .page_item.current_page_item a, .mobile_nav .menu .page_item.current-menu-item a, .mobile_nav .menu .page_item:hover a, .mobile_nav .menu .menu-item.current_page_item a, .mobile_nav .menu .menu-item.current-menu-item a, .mobile_nav .menu .menu-item:hover a {
        margin-left: 63px; }
      .mobile_nav .menu .page_item.current_page_item:before, .mobile_nav .menu .page_item.current-menu-item:before, .mobile_nav .menu .page_item:hover:before, .mobile_nav .menu .menu-item.current_page_item:before, .mobile_nav .menu .menu-item.current-menu-item:before, .mobile_nav .menu .menu-item:hover:before {
        width: 53px; }
      .mobile_nav .menu .page_item.current_page_item .sub-menu, .mobile_nav .menu .page_item.current-menu-item .sub-menu, .mobile_nav .menu .page_item:hover .sub-menu, .mobile_nav .menu .menu-item.current_page_item .sub-menu, .mobile_nav .menu .menu-item.current-menu-item .sub-menu, .mobile_nav .menu .menu-item:hover .sub-menu {
        margin-left: 53px; }
    @media (max-width: 992px) {
      .mobile_nav .menu {
        font-size: 2rem;
        line-height: 2.3rem; } }
  .mobile_nav .close_btn {
    display: block;
    padding-right: 0;
    text-align: right;
    font-size: 42px;
    cursor: pointer; }
    @media (max-width: 768px) {
      .mobile_nav .close_btn {
        padding-right: 15px; } }
  .mobile_nav.open {
    transform: translateX(0); }

/* mobile nav */
/*
  Modal contact
*/
#contact_modal {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* contact_background */
  /* contact wrapper */ }
  #contact_modal .contact_background {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0; }
  #contact_modal .contact_wrapper {
    position: relative;
    z-index: 2;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    transform: translateX(-100vw);
    /* contact content */ }
    #contact_modal .contact_wrapper .close_contact {
      cursor: pointer;
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 60px;
      line-height: 30px; }
    #contact_modal .contact_wrapper .contact_content {
      display: flex;
      padding: 30px 15px 30px 30px;
      height: 100%;
      overflow: auto;
      /* contact info */ }
      #contact_modal .contact_wrapper .contact_content .contact_info {
        text-align: center;
        /* logo bloc */ }
        #contact_modal .contact_wrapper .contact_content .contact_info .logo_bloc .logo {
          max-height: 150px; }
      #contact_modal .contact_wrapper .contact_content .contact_form, #contact_modal .contact_wrapper .contact_content .contact_info {
        padding: 0 15px; }
      #contact_modal .contact_wrapper .contact_content .contact_form p.text-right {
        margin: 0; }
        #contact_modal .contact_wrapper .contact_content .contact_form p.text-right button {
          font-size: 16px;
          margin-top: 15px; }
      @media (max-width: 768px) {
        #contact_modal .contact_wrapper .contact_content {
          flex-direction: column; } }
    #contact_modal .contact_wrapper:before {
      font-size: 1.2rem;
      line-height: 3rem;
      position: absolute;
      left: 1.5rem;
      bottom: 0;
      transform-origin: left;
      transform: rotate(270deg);
      color: white;
      content: attr(slogan);
      z-index: 2; }
    #contact_modal .contact_wrapper:after {
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3rem;
      content: '';
      background: black; }
    @media (max-width: 680px) {
      #contact_modal .contact_wrapper {
        height: 100%; } }
  #contact_modal.open {
    z-index: 1100; }

/* contact modal */
/* -----------------------------------------------
  WPBS
----------------------------------------------- */
/* -----------------------------------------------
  Wordpress Booking System
----------------------------------------------- */
.calendar_title {
  font-weight: bold;
  opacity: 0.5; }

.wpbs-container {
  /* wpbs-calendars-legend-wrapper */ }
  .wpbs-container h2 {
    margin-bottom: 0; }
  .wpbs-container .subtitle {
    margin-bottom: 20px !important; }
  .wpbs-container.two-columns {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 620px) {
      .wpbs-container.two-columns {
        flex-direction: column; } }
  .wpbs-container .wpbs-calendars-legend-wrapper {
    /* wpbs calendar */ }
    .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars {
      float: none !important; }
      .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers {
        width: auto !important;
        margin-bottom: 20px;
        margin-right: 0;
        height: auto;
        padding: 20px !important;
        float: none; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers:after {
          content: '';
          clear: both; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading {
          width: 100% !important;
          height: auto;
          border: 0;
          margin-bottom: 20px; }
          .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading a {
            background: none !important;
            height: 30px !important; }
            .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading a span {
              line-height: 30px !important;
              font-size: 22px !important;
              color: #666 !important;
              top: 0;
              opacity: 0.5;
              transition: all 0.3s; }
              .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading a span:hover {
                opacity: 1; }
            .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading a:hover {
              text-decoration: none; }
          .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading .wpbs-select-container {
            width: calc(100% - 60px) !important;
            height: 30px;
            display: inline-block; }
            .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-heading .wpbs-select-container .wpbs-dropdown {
              width: 100% !important;
              height: 30px;
              left: 2px; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-weekdays li, .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers .wpbs-week-number {
          color: #666 !important; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers ul li {
          flex: 1; }
          .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers ul li.wpbs-bookable:hover {
            width: calc(12.5% - 6px) !important;
            border: none !important;
            height: 30px !important; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-week-numbers ul {
          float: none;
          display: flex; }
      .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars .wpbs-select-status .wpbs-day-split-day, .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-calendars div.wpbs-calendar ul li .wpbs-day-split-day {
        color: white; }
    .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-legend-container .wpbs-legend {
      display: flex;
      border: none;
      justify-content: space-between; }
      .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-legend-container .wpbs-legend .wpbs-legend-item {
        float: none;
        display: inline-block;
        width: initial !important; }
        .wpbs-container .wpbs-calendars-legend-wrapper .wpbs-legend-container .wpbs-legend .wpbs-legend-item:nth-of-type(2) {
          float: right; }
  .wpbs-container .wpbs-form-container {
    padding-left: 30px;
    flex: 1;
    margin-top: -10px; }
    @media (max-width: 620px) {
      .wpbs-container .wpbs-form-container {
        padding-left: 0; } }
    .wpbs-container .wpbs-form-container .wpbs-form-form {
      padding: 0 !important; }
      .wpbs-container .wpbs-form-container .wpbs-form-form .wpbs-form-item {
        width: 100% !important; }
    .wpbs-container .wpbs-form-container .wpbs-form-form input {
      border-radius: 4px !important;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
      width: 100% !important; }
    .wpbs-container .wpbs-form-container .wpbs-form-form textarea {
      border-radius: 4px !important;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
      width: 100% !important;
      max-width: 100% !important;
      height: 130px !important; }
    .wpbs-container .wpbs-form-container .wpbs-form .wpbs-form-form .wpbs-form-submit {
      color: white !important;
      height: 30px !important;
      margin-top: 20px !important;
      transition: all 0.3s;
      width: 250px !important;
      float: right !important; }
      .wpbs-container .wpbs-form-container .wpbs-form .wpbs-form-form .wpbs-form-submit:hover {
        background-color: transparent !important;
        height: 28px !important; }