@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*  -------------------------------------------------------
 ------------------->>> VARIABLES <<<-------------------
 ------------------------------------------------------- */
/*  -------------------------------------------------------
 ------------------->>> BREAK POINTS  <<<---------------
 ------------------------------------------------------- */
/*  -------------------------------------------------------
 ---*---------------->>> FONTS <<<----------------------
 -------------------------------------------------------  */
/* Barlow */
/* Lato*/
/* regular*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Regular.woff') format('woff'), url('../fonts/Lato/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato/Lato-Regular.ttf') format('ttf'), url('../fonts/Lato/Lato-Regular.eot') format('eot');
  font-weight: normal;
  font-style: normal; }
/* italic*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Italic.woff') format('woff'), url('../fonts/Lato/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato/Lato-Italic.ttf') format('ttf'), url('../fonts/Lato/Lato-Italic.eot') format('eot');
  font-weight: normal;
  font-style: italic; }
/* bold*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Bold.woff') format('woff'), url('../fonts/Lato/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato/Lato-Bold.ttf') format('ttf'), url('../fonts/Lato/Lato-Bold.eot') format('eot');
  font-weight: bold;
  font-style: normal; }
/* bold italic*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-BoldItalic.woff') format('woff'), url('../fonts/Lato/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato/Lato-BoldItalic.ttf') format('ttf'), url('../fonts/Lato/Lato-BoldItalic.eot') format('eot');
  font-weight: bold;
  font-style: italic; }
/* light*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Light.woff') format('woff'), url('../fonts/Lato/Lato-Light.woff2') format('woff2'), url('../fonts/Lato/Lato-Light.ttf') format('ttf'), url('../fonts/Lato/Lato-Light.eot') format('eot');
  font-weight: 300;
  font-style: normal; }
/* black*/
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Black.woff') format('woff'), url('../fonts/Lato/Lato-Black.woff2') format('woff2'), url('../fonts/Lato/Lato-Black.ttf') format('ttf'), url('../fonts/Lato/Lato-Black.eot') format('eot');
  font-weight: 900;
  font-style: normal; }
/* Playfair Display*/
/* Payfair*/
/* regular*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-Regular.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-Regular.eot') format('eot');
  font-weight: normal;
  font-style: normal; }
/* italic*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-Italic.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-Italic.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-Italic.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-Italic.eot') format('eot');
  font-weight: normal;
  font-style: italic; }
/* bold*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-Bold.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-Bold.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-Bold.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-Bold.eot') format('eot');
  font-weight: bold;
  font-style: normal; }
/* bold italic*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-BoldItalic.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-BoldItalic.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-BoldItalic.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-BoldItalic.eot') format('eot');
  font-weight: bold;
  font-style: italic; }
/* black*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-Black.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-Black.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-Black.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-Black.eot') format('eot');
  font-weight: 900;
  font-style: normal; }
/* black italic*/
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/Playfair/PlayfairDisplay-BlackItalic.woff') format('woff'), url('../fonts/Playfair/PlayfairDisplay-BlackItalic.woff2') format('woff2'), url('../fonts/Playfair/PlayfairDisplay-BlackItalic.ttf') format('ttf'), url('../fonts/Playfair/PlayfairDisplay-BlackItalic.eot') format('eot');
  font-weight: 900;
  font-style: italic; }
/* Font voeux 2020*/
@font-face {
  font-family: 'Abril Fatface';
  src: url('../fonts/voeux/AbrilFatface-Regular.woff') format('woff'), url('../fonts/voeux/AbrilFatface-Regular.woff2') format('woff2'), url('../fonts/voeux/AbrilFatface-Regular.ttf') format('ttf'), url('../fonts/voeux/AbrilFatface-Regular.eot') format('eot');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BarQ Blind';
  src: url('../fonts/voeux/BarQBlindBold-Bold.woff') format('woff'), url('../fonts/voeux/BarQBlindBold-Bold.woff2') format('woff2'), url('../fonts/voeux/BarQBlindBold-Bold.ttf') format('ttf'), url('../fonts/voeux/BarQBlindBold-Bold.eot') format('eot');
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Professor';
  src: url('../fonts/voeux/Professor.woff') format('woff'), url('../fonts/voeux/Professor.woff2') format('woff2'), url('../fonts/voeux/Professor.ttf') format('ttf'), url('../fonts/voeux/Professor.eot') format('eot');
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'TypoSquareBoldDemo';
  src: url('../fonts/voeux/TypoSquareBoldDemo.woff') format('woff'), url('../fonts/voeux/TypoSquareBoldDemo.woff2') format('woff2'), url('../fonts/voeux/TypoSquareBoldDemo.ttf') format('ttf'), url('../fonts/voeux/TypoSquareBoldDemo.eot') format('eot');
  font-weight: bold;
  font-style: normal; }
/*  -------------------------------------------------------
 ------------------->>> BASE <<<----------------------
 -------------------------------------------------------  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }
/*  -------------------------------------------------------
 ------------------->>> MIXINS <<<----------------------
 -------------------------------------------------------  */
#banniere-header .background-img .capsule, .pager-container .pager-content, .banniere-centrale .background-img .capsule, #metiers .content .item .the-content a, .bloc-info .content .about, .duo .content .item .txt > .row .col-lg-12, #blog article, #last-post article, .other-post article, #instagram .flux .content .carousel-instagram, #instagram .flux .content .square.hover p, .bloc-info.agence .content .about .all-contacts .contact, .bloc-info.agence .content .img .capsule, .ui-widget .container .cookie-message, .capsule-nav .nav-carousel, header nav.navbar .navbar-menu, header nav.navbar .navbar-menu .content-menu .menu ul.menu, header nav.navbar .navbar-menu .content-menu .social, footer .container .content .bloc.logo, .mini-footer .container-mini-footer .the-content, .home #projets .content .capsule-container .about, .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet .hover-projet-container, #partenaires .carousel-partenaire .slick-track, .bckg-post-home #blog, .bckg-post-home #blog article, .contenu-ordonnable, .bck-agence .agence .content .item, #filters .menu-large .menu-screen, .grid .works-grid .work-item .project-box a .hover-projet-container, .lazy-loading, #projet .resum ul.elements li.item, .banniere-centrale.projet .about, section.duo.projet .item.second ul li.item, #interesse .the-content, .listing-articles .bckg #last-post article .content, .vue-article article, .vue-article article .about-author .content .infos, .vue-article .aside .share, .vue-article .bckg .other-post .the-content, .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row, .page-contact #rencontrez-nous .bloc-infos-agence, .page-support .container-support .content .item div {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* Usage
 @include absolute(top 100% left 0);
 */
/* Usage
 @include keyframes(animate) {
 50% {
 transform: rotate(90deg);
 }
 100% {
 transform: rotate(-90deg);
 }
 }
 */
/* Usage
 @include gradient(#07c, #06f, vertical);
 */
/* Usage
 @include placeholder {
 font-style:italic;
 color: white;
 font-weight:100;
 } */
/* Animations */
/*  -------------------------------------------------------
 ------------------->>> LAYOUT <<<----------------------
 -------------------------------------------------------  */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none; }

::selection {
  background-color: rgba(234, 0, 105, 0.8);
  color: white; }

html {
  scrollbar-color: #ea0069 #f5f5f5;
  scrollbar-width: thin;
  scroll-behavior: smooth; }
  html::-webkit-scrollbar {
    width: 0.75rem; }
  html::-webkit-scrollbar-track {
    background-color: #f5f5f5; }
  html::-webkit-scrollbar-thumb {
    background-color: #ea0069; }

body {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #252525;
  font-family: 'Barlow', sans-serif; }

.no-scroll {
  overflow: hidden; }

.container-general {
  margin-top: 74px; }
  @media screen and (min-width: 992px) {
  .container-general {
    margin-top: 64px; } }

.container-special .container-general {
  margin-top: 0; }
  @media screen and (min-width: 992px) {
    .container-special .container-general {
      margin-top: 0; } }

.img-responsive {
  max-width: 100%;
  height: auto; }

.itempro {
  display: none; }

h1, h1 p {
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 30px;
  transform-origin: bottom;
  text-align: left; }
  @media screen and (min-width: 768px) {
  h1, h1 p {
    font-size: 56px; } }

h2 {
  font-family: 'Playfair Display', serif;
  color: #252525;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 1.5rem; }
  @media screen and (min-width: 768px) {
  h2 {
    font-size: 36px;
    padding-bottom: 32px; } }
  h2 span, h2 span.italic {
    font-style: italic; }

h3 {
  font-family: 'Barlow', sans-serif;
  font-size: 1.3rem; }
  @media screen and (min-width: 992px) {
  h3 {
    font-size: 1.8rem; } }

p {
  font-family: 'Barlow', sans-serif;
  text-align: center;
  font-weight: 300;
  line-height: 1.33; }

.italic {
  font-style: italic; }

.little {
  font-size: 1.5rem; }

.highlighted {
  font-weight: 600;
  color: #ea0069; }

.in-center {
  margin: 0 auto; }

a {
  color: black;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer; }
  a:active, a:focus, a:hover {
    color: black;
    text-decoration: none; }

#pet-select, .objet-demande {
  border-color: #ea0069;
  background-color: #fff;
  color: #ea0069;
  background-image: url('../images/select.jpg');
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 1rem;
  position: relative; }
  #pet-select option, .objet-demande option {
    color: #ea0069; }

input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
  background: #fff;
  border: solid 1px #b5b5b5;
  padding: 10px;
  width: 100%; }

select.objet-demande {
  border: solid 1px #b5b5b5;
  background: white;
  padding: 10px 30px;
  color: #b5b5b5;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/select.jpg');
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 1rem; }

.btn, .btn:hover, .btn:focus, .btn:active {
  cursor: pointer;
  outline: 0 !important;
  box-shadow: none; }

button, button:hover, button:focus, button:active {
  cursor: pointer;
  outline: 0 !important;
  box-shadow: none; }

.btn-cta {
  max-width: max-content;
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: left;
  font-family: 'Barlow', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ea0069;
  line-height: 24px;
  font-size: 11px;
  letter-spacing: 0.79px;
  margin: auto;
  padding: 12px 32px 12px 82px;
  border: 1px solid;
  border-image: -webkit-linear-gradient(to right, #ea0069 0%, #fc6767 100%);
  border-image: -moz-linear-gradient(to right, #ea0069 0%, #fc6767 100%);
  border-image: -o-linear-gradient(to right, #ea0069 0%, #fc6767 100%);
  border-image: linear-gradient(to right, #ea0069 0%, #fc6767 100%);
  border-image-slice: 1;
  border-width: 2px; }
  .btn-cta .label, .btn-cta .icon-arrow {
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000; }
  .btn-cta .label {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.3;
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
  .btn-cta .label span.cache {
    display: none; }
    @media screen and (min-width: 576px) {
    .btn-cta .label span.cache {
      display: inline; } }
  .btn-cta .icon-arrow {
    height: 15px;
    top: 17px;
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    width: 35px; }
  .btn-cta .icon-arrow g.color-stroke {
    stroke: #ea0069; }
  .btn-cta .icon-arrow.before {
    left: 32px;
    margin-right: 15px;
    position: absolute;
    transform-origin: left center; }
  .btn-cta .icon-arrow.after {
    margin-left: 15px;
    opacity: 0;
    position: absolute;
    right: 32px;
    transform: translateX(75%) scaleX(0.1);
    transform-origin: right center; }
  .btn-cta:hover {
    color: #ea0069; }
  .btn-cta:hover .label {
    color: #ea0069;
    transform: translateX(-52px); }
  .btn-cta:hover .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(0.1); }
  .btn-cta:hover .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1); }
  .btn-cta:active .icon-arrow {
    fill: #fd6154; }
  .btn-cta.white {
    border-image: linear-gradient(to right, #fff 0%, #fff 100%) !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    color: #fff; }
  .btn-cta.white .icon-arrow g.color-stroke {
    stroke: #fff !important; }
  .btn-cta.white:hover .label {
    color: #fff; }

button.btn-cta {
  background: none; }

.container {
  padding-top: 32px;
  padding-bottom: 32px; }
  @media screen and (min-width: 992px) {
  .container {
    padding-top: 56px;
    padding-bottom: 56px; } }

#banniere-header .background-img {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  height: 300px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    #banniere-header .background-img {
      height: 400px; } }
  #banniere-header .background-img .capsule {
    position: relative;
    min-height: 244px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: row wrap;
    width: 100%; }
    @media screen and (min-width: 576px) {
    #banniere-header .background-img .capsule {
      max-width: 540px;
      margin: 0 auto; } }
    @media screen and (min-width: 768px) {
    #banniere-header .background-img .capsule {
      max-width: 720px;
      min-height: 400px; } }
    @media screen and (min-width: 992px) {
    #banniere-header .background-img .capsule {
      max-width: 960px; } }
    @media screen and (min-width: 1200px) {
    #banniere-header .background-img .capsule {
      max-width: 1140px; } }
    #banniere-header .background-img .capsule .carre {
      background: #ea0069;
      background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
      background: linear-gradient(135deg, #ea0069, #fc6767);
      opacity: 0.9;
      height: 3000px;
      width: 100%;
      position: absolute;
      left: -100%;
      top: 0;
      transform: translate(95%, calc(305px * 0.70)) rotate(73deg);
      transform-origin: top right; }
      @media screen and (min-width: 768px) {
    #banniere-header .background-img .capsule .carre {
      transform: translate(80%, calc(400px * 0.70)) rotate(68deg); } }
      @media screen and (min-width: 992px) {
    #banniere-header .background-img .capsule .carre {
      transform: translate(60%, calc(400px * 0.80)) rotate(71deg); } }
    #banniere-header .background-img .capsule .cell {
      padding: 0 15px;
      width: 100%; }
      @media screen and (min-width: 768px) {
    #banniere-header .background-img .capsule .cell {
      flex: 0 0 auto;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0; } }
    #banniere-header .background-img .capsule .is-third {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
      @media screen and (min-width: 992px) {
    #banniere-header .background-img .capsule .is-third {
      width: 50%;
      flex: 0 0 auto; } }
    @media screen and (min-width: 768px) {
      #banniere-header .background-img .capsule .left {
        margin: 0 auto 0 0;
        padding-right: 16px; } }
    #banniere-header .background-img .capsule .info {
      position: relative;
      opacity: 0;
      transition: opacity 0.3s 0.1s, right 1s;
      right: 100%;
      position: relative;
      z-index: 1; }
      #banniere-header .background-img .capsule .info:nth-child(2) {
        transition-delay: calc((2s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(3) {
        transition-delay: calc((3s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(4) {
        transition-delay: calc((4s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(5) {
        transition-delay: calc((5s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(6) {
        transition-delay: calc((6s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(7) {
        transition-delay: calc((7s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(8) {
        transition-delay: calc((8s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(9) {
        transition-delay: calc((9s)/10); }
      #banniere-header .background-img .capsule .info:nth-child(10) {
        transition-delay: calc((10s)/10); }
      #banniere-header .background-img .capsule .info > div p {
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        color: #fff;
        text-align: left; }
        @media screen and (min-width: 768px) {
      #banniere-header .background-img .capsule .info > div p {
        font-size: 32px; } }

.pager-container .pager-content {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .pager-container .pager-content li {
    border: solid 1px #ea0069;
    margin-right: 5px; }
    .pager-container .pager-content li a {
      padding: 5px 14px;
      display: block;
      color: #000;
      transition: background 0.3s; }
    .pager-container .pager-content li.active, .pager-container .pager-content li:hover {
      background: #ea0069; }
      .pager-container .pager-content li.active a, .pager-container .pager-content li:hover a {
        color: #fff; }

.banniere-centrale .background-img {
  height: 400px;
  padding-left: 0;
  padding-right: 0;
  background-position: center;
  background-size: cover;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .banniere-centrale .background-img {
      height: 720px; } }
  .banniere-centrale .background-img .capsule {
    position: relative;
    min-height: 400px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: row wrap;
    width: 100%; }
    @media screen and (min-width: 768px) {
    .banniere-centrale .background-img .capsule {
      max-width: 720px;
      min-height: 650px; } }
    @media screen and (min-width: 992px) {
    .banniere-centrale .background-img .capsule {
      max-width: 960px; } }
    @media screen and (min-width: 1200px) {
    .banniere-centrale .background-img .capsule {
      max-width: 1140px;
      margin: 0 auto; } }
    .banniere-centrale .background-img .capsule .carre {
      background-color: #ea0069;
      background-image: -webkit-gradient(linear, left top, right top, from(#ea0069), to(#fc6767));
      background-image: -webkit-linear-gradient(left, #ea0069, #fc6767);
      background-image: -moz-linear-gradient(left, #ea0069, #fc6767);
      background-image: -ms-linear-gradient(left, #ea0069, #fc6767);
      background-image: -o-linear-gradient(left, #ea0069, #fc6767);
      background-image: linear-gradient(left, #ea0069, #fc6767);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ea0069", endColorStr="#fc6767", gradientType='1');
      opacity: 0.9;
      height: 480px;
      width: 100%;
      right: 0;
      transform-origin: top left;
      position: absolute;
      z-index: 0;
      top: 0;
      transform: translateY(300px) skewY(-22deg); }
      @media screen and (max-width: 768px) {
    .banniere-centrale .background-img .capsule .carre {
      transform: translateY(-20%) skewY(-16deg); } }
      @media screen and (min-width: 768px) {
    .banniere-centrale .background-img .capsule .carre {
      right: -100%;
      top: 0;
      height: 3000px;
      transform: translate(-66%, calc(720px * 0.66)) rotate(-71deg); } }
    .banniere-centrale .background-img .capsule .cell {
      padding: 0 15px;
      width: 100%; }
      @media screen and (min-width: 768px) {
    .banniere-centrale .background-img .capsule .cell {
      flex: 0 0 auto;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0%; } }
    @media screen and (min-width: 768px) {
      .banniere-centrale .background-img .capsule .is-half {
        width: 50%;
        flex: 0 0 auto; } }
    @media screen and (min-width: 768px) {
      .banniere-centrale .background-img .capsule .right {
        margin: 0 0 0 auto;
        padding-left: 16px; } }
      @media screen and (min-width: 992px) {
    .banniere-centrale .background-img .capsule .right {
      padding-left: 75px; } }
      @media screen and (min-width: 1200px) {
    .banniere-centrale .background-img .capsule .right {
      padding-left: 155px; } }
    .banniere-centrale .background-img .capsule .info {
      position: relative;
      z-index: 1; }
      .banniere-centrale .background-img .capsule .info h2 {
        color: #fff;
        font-size: 1.75rem;
        font-weight: bold;
        line-height: 1.3;
        text-align: left; }
      .banniere-centrale .background-img .capsule .info div, .banniere-centrale .background-img .capsule .info div p {
        line-height: 1.5;
        padding-bottom: 1.5rem;
        text-align: left;
        color: #fff;
        font-size: 0.9rem; }
        @media screen and (min-width: 576px) {
    .banniere-centrale .background-img .capsule .info div, .banniere-centrale .background-img .capsule .info div p {
      font-size: 1rem; } }
        @media screen and (min-width: 768px) {
    .banniere-centrale .background-img .capsule .info div, .banniere-centrale .background-img .capsule .info div p {
      padding-bottom: 50px; } }
        @media screen and (min-width: 992px) {
    .banniere-centrale .background-img .capsule .info div, .banniere-centrale .background-img .capsule .info div p {
      max-width: 445px; } }
      .banniere-centrale .background-img .capsule .info .btn-cta {
        -webkit-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
        transform: translateY(-21px);
        max-width: 260px;
        display: block;
        margin: 0 auto; }
        @media screen and (min-width: 576px) {
    .banniere-centrale .background-img .capsule .info .btn-cta {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      margin: 0 auto 0 0; } }

@media screen and (max-width: 576px) {
    #metiers > .container {
      padding-top: 40px;
      padding-bottom: 0; } }
  #metiers h2 {
    font-size: 1.75rem; }
  #metiers .content {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #metiers .content .item {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    max-width: 350px;
    margin: 0 auto 1.25rem auto;
    padding: 0; }
    #metiers .content .item:nth-child(2) {
      transition-delay: calc((2s)/10); }
    #metiers .content .item:nth-child(3) {
      transition-delay: calc((3s)/10); }
    #metiers .content .item:nth-child(4) {
      transition-delay: calc((4s)/10); }
    #metiers .content .item:nth-child(5) {
      transition-delay: calc((5s)/10); }
    #metiers .content .item:nth-child(6) {
      transition-delay: calc((6s)/10); }
    #metiers .content .item:nth-child(7) {
      transition-delay: calc((7s)/10); }
    #metiers .content .item:nth-child(8) {
      transition-delay: calc((8s)/10); }
    #metiers .content .item:nth-child(9) {
      transition-delay: calc((9s)/10); }
    #metiers .content .item:nth-child(10) {
      transition-delay: calc((10s)/10); }
    @media screen and (min-width: 992px) {
    #metiers .content .item {
      margin: 0 0 2rem 0; } }
    #metiers .content .item .the-content {
      margin: 0 auto;
      cursor: pointer;
      background-color: #fbfbfb;
      box-shadow: 0 200px 100px -100px #fbfbfb inset;
      transition: box-shadow 0.2s linear;
      padding: 42px 45px 40px 45px; }
      @media screen and (min-width: 576px) {
    #metiers .content .item .the-content {
      max-width: 90%;
      height: 418px; } }
      #metiers .content .item .the-content a {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        height: 100%;
        color: #252525;
        transition: color 2s ease-in-out; }
        #metiers .content .item .the-content a:hover {
          color: #252525; }
        #metiers .content .item .the-content a:visited {
          color: #252525; }
        #metiers .content .item .the-content a .picto span {
          display: inline; }
          #metiers .content .item .the-content a .picto span svg {
            width: 90px;
            height: auto; }
        #metiers .content .item .the-content a .picto span.hover {
          display: none; }
          #metiers .content .item .the-content a .picto span.hover svg {
            width: 90px;
            height: auto; }
        #metiers .content .item .the-content a h3 {
          color: #252525;
          font-size: 1rem;
          font-weight: bold;
          line-height: 24px;
          font-style: italic;
          text-align: center;
          font-size: 14px;
          padding-top: 14px;
          padding-bottom: 14px; }
        @media screen and (min-width: 576px) {
      #metiers .content .item .the-content a h3 {
        min-height: 115px;
        font-size: 20px;
        padding-top: 30px; } }
        @media screen and (min-width: 768px) {
      #metiers .content .item .the-content a h3 {
        min-height: 105px;
        font-size: 24px;
        padding-top: 42px; } }
        @media screen and (min-width: 992px) {
      #metiers .content .item .the-content a h3 {
        min-height: 128px; } }
        @media screen and (min-width: 1200px) {
      #metiers .content .item .the-content a h3 {
        min-height: 109px; } }
        #metiers .content .item .the-content a .about {
          color: #252525;
          display: none;
          font-weight: 300;
          line-height: 20px;
          font-size: 13px; }
        @media screen and (min-width: 576px) {
      #metiers .content .item .the-content a .about {
        display: block;
        width: 100%;
        font-size: 18px;
        min-height: 100px;
        text-align: center; } }
        @media screen and (min-width: 768px) {
      #metiers .content .item .the-content a .about {
        min-height: 63px; } }
        @media screen and (min-width: 992px) {
      #metiers .content .item .the-content a .about {
        min-height: auto; } }
        #metiers .content .item .the-content a .arrow {
          margin-top: auto;
          width: 28px;
          height: auto; }
        #metiers .content .item .the-content a .arrow.native {
          display: -block; }
        #metiers .content .item .the-content a .arrow.hover {
          display: none; }
      #metiers .content .item .the-content:hover {
        background: #ea0069;
        background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
        background: linear-gradient(135deg, #ea0069, #fc6767);
        box-shadow: inset 0px 90px 120px #fc6767; }
        #metiers .content .item .the-content:hover h3, #metiers .content .item .the-content:hover .about {
          color: #fff; }

.bloc-info .content {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .bloc-info .content {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between; } }
  .bloc-info .content .about {
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative; }
    @media screen and (min-width: 768px) {
    .bloc-info .content .about {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      margin-bottom: 0;
      margin-top: 0;
      align-self: stretch; } }
    @media screen and (min-width: 768px) {
    .bloc-info .content .about {
      padding-left: 100px; } }
    .bloc-info .content .about h2 {
      padding-top: 0; }
      @media screen and (min-width: 768px) {
    .bloc-info .content .about h2 {
      text-align: left; } }
    .bloc-info .content .about p {
      text-align: left;
      width: 100%; }
    .bloc-info .content .about .btn-cta {
      margin: 1.5rem auto 0 0; }
  .bloc-info .content .picture {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, right 1s;
    right: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden; }
    .bloc-info .content .picture:nth-child(2) {
      transition-delay: calc((2s)/10); }
    .bloc-info .content .picture:nth-child(3) {
      transition-delay: calc((3s)/10); }
    .bloc-info .content .picture:nth-child(4) {
      transition-delay: calc((4s)/10); }
    .bloc-info .content .picture:nth-child(5) {
      transition-delay: calc((5s)/10); }
    .bloc-info .content .picture:nth-child(6) {
      transition-delay: calc((6s)/10); }
    .bloc-info .content .picture:nth-child(7) {
      transition-delay: calc((7s)/10); }
    .bloc-info .content .picture:nth-child(8) {
      transition-delay: calc((8s)/10); }
    .bloc-info .content .picture:nth-child(9) {
      transition-delay: calc((9s)/10); }
    .bloc-info .content .picture:nth-child(10) {
      transition-delay: calc((10s)/10); }
    @media screen and (min-width: 768px) {
    .bloc-info .content .picture {
      align-self: stretch; } }
    @media screen and (max-width: 576px) {
    .bloc-info .content .picture {
      padding: 0;
      max-height: 260px; } }
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-90%, -14%);
      -ms-transform: translate(-90%, -14%);
      transform: translate(-90%, -14%); }
      @media screen and (min-width: 576px) {
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-84%, -30%);
      -ms-transform: translate(-84%, -30%);
      transform: translate(-84%, -30%); } }
      @media screen and (min-width: 768px) {
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-86%, -13%);
      -ms-transform: translate(-86%, -13%);
      transform: translate(-86%, -13%); } }
      @media screen and (min-width: 992px) {
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-53%, -18%);
      -ms-transform: translate(-53%, -18%);
      transform: translate(-53%, -18%); } }
      @media screen and (min-width: 1200px) {
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-45%, -17%);
      -ms-transform: translate(-45%, -17%);
      transform: translate(-45%, -17%); } }
      @media screen and (max-width: 576px) {
    .bloc-info .content .picture .carre {
      -webkit-transform: translate(-110%, -50%);
      -ms-transform: translate(-110%, -50%);
      transform: translate(-110%, -50%); } }
      .bloc-info .content .picture .carre:before {
        content: '';
        background: #ea0069;
        background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
        background: linear-gradient(135deg, #ea0069, #fc6767);
        width: 100vw;
        height: 450px;
        display: block;
        transform-origin: top right;
        -ms-transform: rotate(-21deg);
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg);
        opacity: 0.9; }
        @media screen and (min-width: 768px) {
    .bloc-info .content .picture .carre:before {
      width: 350px;
      height: 350px; } }
        @media screen and (min-width: 768px) {
    .bloc-info .content .picture .carre:before {
      width: 350px;
      height: 350px; } }

.duo {
  overflow: hidden; }
  .duo .content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  @media screen and (min-width: 992px) {
    .duo .content {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .duo .content .item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (min-width: 992px) {
    .duo .content .item {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; } }
    .duo .content .item .img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      min-height: 400px;
      overflow: hidden; }
      @media screen and (min-width: 992px) {
    .duo .content .item .img {
      background-position: center right;
      -webkit-align-self: stretch;
      align-self: stretch; } }
      .duo .content .item .img:first-child {
        position: relative;
        opacity: 0;
        transition: opacity 0.3s 0.1s, right 1s;
        right: 100%; }
        .duo .content .item .img:first-child:nth-child(2) {
          transition-delay: calc((2s)/10); }
        .duo .content .item .img:first-child:nth-child(3) {
          transition-delay: calc((3s)/10); }
        .duo .content .item .img:first-child:nth-child(4) {
          transition-delay: calc((4s)/10); }
        .duo .content .item .img:first-child:nth-child(5) {
          transition-delay: calc((5s)/10); }
        .duo .content .item .img:first-child:nth-child(6) {
          transition-delay: calc((6s)/10); }
        .duo .content .item .img:first-child:nth-child(7) {
          transition-delay: calc((7s)/10); }
        .duo .content .item .img:first-child:nth-child(8) {
          transition-delay: calc((8s)/10); }
        .duo .content .item .img:first-child:nth-child(9) {
          transition-delay: calc((9s)/10); }
        .duo .content .item .img:first-child:nth-child(10) {
          transition-delay: calc((10s)/10); }
      .duo .content .item .img:last-child {
        position: relative;
        opacity: 0;
        transition: opacity 0.3s 0.1s, left 1s;
        left: 100%; }
        .duo .content .item .img:last-child:nth-child(2) {
          transition-delay: calc((2s)/10); }
        .duo .content .item .img:last-child:nth-child(3) {
          transition-delay: calc((3s)/10); }
        .duo .content .item .img:last-child:nth-child(4) {
          transition-delay: calc((4s)/10); }
        .duo .content .item .img:last-child:nth-child(5) {
          transition-delay: calc((5s)/10); }
        .duo .content .item .img:last-child:nth-child(6) {
          transition-delay: calc((6s)/10); }
        .duo .content .item .img:last-child:nth-child(7) {
          transition-delay: calc((7s)/10); }
        .duo .content .item .img:last-child:nth-child(8) {
          transition-delay: calc((8s)/10); }
        .duo .content .item .img:last-child:nth-child(9) {
          transition-delay: calc((9s)/10); }
        .duo .content .item .img:last-child:nth-child(10) {
          transition-delay: calc((10s)/10); }
      .duo .content .item .img .carre {
        -webkit-transform: translate(53%, 3%);
        -ms-transform: translate(53%, 3%);
        transform: translate(53%, 3%); }
        @media screen and (min-width: 768px) {
    .duo .content .item .img .carre {
      -webkit-transform: translate(58%, 13%);
      -ms-transform: translate(58%, 13%);
      transform: translate(58%, 13%); } }
        @media screen and (min-width: 992px) {
    .duo .content .item .img .carre {
      -webkit-transform: translate(64%, 49%);
      -ms-transform: translate(64%, 49%);
      transform: translate(64%, 49%); } }
        .duo .content .item .img .carre:before {
          content: '';
          background: #ea0069;
          background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
          background: linear-gradient(135deg, #ea0069, #fc6767);
          width: 400px;
          height: 400px;
          display: block;
          -ms-transform: rotate(-21deg);
          -webkit-transform: rotate(-21deg);
          transform: rotate(-21deg);
          transform-origin: center;
          opacity: 0.9; }
        .duo .content .item .txt {
          padding: 1.3rem 15px; }
      @media screen and (min-width: 992px) {
    .duo .content .item .txt {
      padding: 0 50px 0 110px;
      -webkit-align-self: stretch;
      align-self: stretch;
      position: relative; } }
      @media screen and (min-width: 992px) {
      .duo .content .item .txt > .row {
        height: 100%; } }
        .duo .content .item .txt > .row .col-lg-12 {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 100%; }
        .duo .content .item .txt > .row .col-lg-12 h2 {
          text-align: left;
          padding-bottom: 0.8rem;
          padding-top: 0;
          font-size: 2.25rem;
          font-weight: normal; }
          @media screen and (max-width: 992px) {
      .duo .content .item .txt > .row .col-lg-12 h2 {
        font-size: 1.75rem; } }
          .duo .content .item .txt > .row .col-lg-12 h2 p {
            font-weight: normal;
            font-family: 'Playfair Display', serif;
            text-align: left;
            font-size: 36px;
            padding-top: 0;
            padding-bottom: 0; }
        .duo .content .item .txt > .row .col-lg-12 p {
          text-align: left;
          padding-bottom: 10px; }
          @media screen and (min-width: 992px) {
      .duo .content .item .txt > .row .col-lg-12 p {
        padding-bottom: 12px; } }
        .duo .content .item .txt > .row .col-lg-12 a.btn-cta {
          margin: 15px auto 30px 0; }
          @media screen and (min-width: 992px) {
      .duo .content .item .txt > .row .col-lg-12 a.btn-cta {
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 35px; } }
  @media screen and (min-width: 992px) {
      .duo .content .item.second {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    .duo .content .item.second .img {
      -webkit-box-ordinal-group: 1;
      /*OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;
      /*OLD - Firefox 19- */
      -ms-flex-order: 1;
      /*TWEENER - IE 10 */
      -webkit-order: 1;
      /*NEW - Chrome */
      order: 1;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      min-height: 100%;
      overflow: hidden; }
      @media screen and (min-width: 992px) {
    .duo .content .item.second .img {
      -webkit-box-ordinal-group: 2;
      /*OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 2;
      /*OLD - Firefox 19- */
      -ms-flex-order: 2;
      /*TWEENER - IE 10 */
      -webkit-order: 2;
      /*NEW - Chrome */
      order: 2;
      -webkit-align-self: stretch;
      align-self: stretch; } }
      .duo .content .item.second .img .carre {
        -webkit-transform: translate(-271px, 3px);
        -ms-transform: translate(-271px, 3px);
        transform: translate(-271px, 3px); }
        @media screen and (min-width: 576px) {
    .duo .content .item.second .img .carre {
      -webkit-transform: translate(-199px, -21px);
      -ms-transform: translate(-199px, -21px);
      transform: translate(-199px, -21px); } }
        @media screen and (min-width: 768px) {
    .duo .content .item.second .img .carre {
      -webkit-transform: translate(-22%, -10%);
      -ms-transform: translate(-22%, -10%);
      transform: translate(-22%, -10%); } }
        @media screen and (min-width: 992px) {
    .duo .content .item.second .img .carre {
      -webkit-transform: translate(-41%, -51%);
      -ms-transform: translate(-41%, -51%);
      transform: translate(-41%, -51%); } }
        .duo .content .item.second .img .carre:before {
          content: '';
          background: #ea0069;
          background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
          background: linear-gradient(135deg, #ea0069, #fc6767);
          width: 400px;
          height: 400px;
          display: block;
          -ms-transform: rotate(-21deg);
          -webkit-transform: rotate(-21deg);
          transform: rotate(-21deg);
          transform-origin: center;
          opacity: 0.9; }
        .duo .content .item.second .txt {
          padding: 1.3rem 15px;
          -webkit-box-ordinal-group: 2;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 2;
          /*OLD - Firefox 19- */
          -ms-flex-order: 2;
          /*TWEENER - IE 10 */
          -webkit-order: 2;
          /*NEW - Chrome */
          order: 2; }
      @media screen and (min-width: 992px) {
    .duo .content .item.second .txt {
      -webkit-box-ordinal-group: 1;
      /*OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;
      /*OLD - Firefox 19- */
      -ms-flex-order: 1;
      /*TWEENER - IE 10 */
      -webkit-order: 1;
      /*NEW - Chrome */
      order: 1;
      padding: 100px 110px 96px 50px;
      -webkit-align-self: stretch;
      align-self: stretch;
      position: relative; } }
      @media screen and (min-width: 992px) {
      .duo .content .item.second .txt > .row {
        height: 100%; } }
      @media screen and (min-width: 992px) {
    .duo .content .item.second .txt .border-cta {
      position: absolute;
      bottom: 0; } }

.accroche-content p {
  padding-bottom: 0.75rem;
  font-size: 1.25rem; }
  .accroche-content p.highlighted {
    padding-top: 0.5rem; }
  .accroche-content h2 {
    font-size: 2.25rem; }
  @media screen and (max-width: 992px) {
    .accroche-content h2 {
      font-size: 1.75rem; } }

#blog article, #last-post article, .other-post article {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 2px solid white; }
  #blog article .pict, #last-post article .pict, .other-post article .pict {
    position: relative; }
    #blog article .pict .thumbnail, #last-post article .pict .thumbnail, .other-post article .pict .thumbnail {
      background-repeat: no-repeat;
      min-height: 260px;
      background-size: cover;
      background-position: center, center; }
      @media screen and (min-width: 1200px) {
    #blog article .pict .thumbnail, #last-post article .pict .thumbnail, .other-post article .pict .thumbnail {
      min-height: 350px; } }
    #blog article .pict .overlay, #last-post article .pict .overlay, .other-post article .pict .overlay {
      background: #ea0069;
      background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
      background: linear-gradient(135deg, #ea0069, #fc6767);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: 0.4s linear; }
      #blog article .pict .overlay div, #last-post article .pict .overlay div, .other-post article .pict .overlay div {
        font-family: 'Playfair Display', serif;
        color: white;
        font-size: 2.25rem;
        font-weight: bold;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center; }
        #blog article .pict .overlay div span, #last-post article .pict .overlay div span, .other-post article .pict .overlay div span {
          display: block; }
      #blog article .pict .overlay .arrow, #last-post article .pict .overlay .arrow, .other-post article .pict .overlay .arrow {
        top: 100%;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        display: inline-block;
        margin-top: auto;
        width: 28px;
        height: auto; }
  #blog article .content, #last-post article .content, .other-post article .content {
    padding: 2.5rem 1.87rem; }
    @media screen and (min-width: 576px) {
    #blog article .content, #last-post article .content, .other-post article .content {
      padding: 2rem 1rem; } }
    @media screen and (min-width: 992px) {
    #blog article .content, #last-post article .content, .other-post article .content {
      padding: 2.5rem 1.87rem; } }
    #blog article .content .categorie, #last-post article .content .categorie, .other-post article .content .categorie {
      padding-bottom: 15px; }
      #blog article .content .categorie > span, #last-post article .content .categorie > span, .other-post article .content .categorie > span {
        color: #9a9a9a;
        font-size: 13px;
        font-family: 'Barlow', sans-serif;
        font-style: italic;
        text-transform: capitalize;
        display: inline-block; }
    #blog article .content h3, #last-post article .content h3, .other-post article .content h3 {
      padding: 1rem 0;
      min-height: 4rem;
      font-size: 1.25rem;
      font-style: italic;
      line-height: 1.3; }
      @media screen and (min-width: 992px) {
    #blog article .content h3, #last-post article .content h3, .other-post article .content h3 {
      min-height: 5rem; } }
      #blog article .content h3 a, #last-post article .content h3 a, .other-post article .content h3 a {
        color: black; }
        #blog article .content h3 a:hover, #last-post article .content h3 a:hover, .other-post article .content h3 a:hover, #blog article .content h3 a:focus, #last-post article .content h3 a:focus, .other-post article .content h3 a:focus, #blog article .content h3 a:active, #last-post article .content h3 a:active, .other-post article .content h3 a:active {
          color: #ea0069; }
    #blog article .content > p, #last-post article .content > p, .other-post article .content > p {
      font-family: 'Barlow', sans-serif;
      font-weight: 300;
      text-align: left;
      color: #565656;
      padding-bottom: 40px;
      line-height: 24px;
      min-height: 124px; }
      @media screen and (min-width: 992px) {
    #blog article .content > p, #last-post article .content > p, .other-post article .content > p {
      min-height: 166px; } }
      @media screen and (min-width: 1200px) {
    #blog article .content > p, #last-post article .content > p, .other-post article .content > p {
      min-height: 124px; } }
    #blog article .content .about, #last-post article .content .about, .other-post article .content .about {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between; }
      #blog article .content .about .autor, #last-post article .content .about .autor, .other-post article .content .about .autor {
        font-size: 0.75rem;
        color: #252525; }
      @media screen and (min-width: 1200px) {
      #blog article .content .about .more, #last-post article .content .about .more, .other-post article .content .about .more {
        text-align: right; } }
        #blog article .content .about .more a, #last-post article .content .about .more a, .other-post article .content .about .more a {
          text-transform: uppercase;
          font-size: 0.7rem;
          color: #ea0069;
          font-weight: bold; }
        #blog article .content .about .more a > span, #last-post article .content .about .more a > span, .other-post article .content .about .more a > span {
          display: inline; }
          @media screen and (min-width: 768px) {
      #blog article .content .about .more a > span, #last-post article .content .about .more a > span, .other-post article .content .about .more a > span {
        display: none; } }
          @media screen and (min-width: 1200px) {
      #blog article .content .about .more a > span, #last-post article .content .about .more a > span, .other-post article .content .about .more a > span {
        display: inline; } }
        #blog article .content .about .more a .overlay-link, #last-post article .content .about .more a .overlay-link, .other-post article .content .about .more a .overlay-link {
          background: transparent;
          height: 4px;
          -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
          transform: translateY(8px);
          width: 105px;
          margin: 0 auto 0 0; }
          @media screen and (min-width: 768px) {
      #blog article .content .about .more a .overlay-link, #last-post article .content .about .more a .overlay-link, .other-post article .content .about .more a .overlay-link {
        width: 40px;
        margin: 0; } }
          @media screen and (min-width: 1200px) {
      #blog article .content .about .more a .overlay-link, #last-post article .content .about .more a .overlay-link, .other-post article .content .about .more a .overlay-link {
        margin: 0 0 0 auto;
        width: 90px;
        -webkit-transform: translate(13px, 8px);
        -ms-transform: translate(13px, 8px);
        transform: translate(13px, 8px); } }
          @media screen and (min-width: 1900px) {
      #blog article .content .about .more a .overlay-link, #last-post article .content .about .more a .overlay-link, .other-post article .content .about .more a .overlay-link {
        width: 95px;
        -webkit-transform: translate(18px, 8px);
        -ms-transform: translate(18px, 8px);
        transform: translate(18px, 8px); } }
        #blog article .content .about .more a:hover .overlay-link, #last-post article .content .about .more a:hover .overlay-link, .other-post article .content .about .more a:hover .overlay-link {
          background-color: #ea0069;
          background-image: -webkit-gradient(linear, left top, right top, from(#ea0069), to(#fc6767));
          background-image: -webkit-linear-gradient(left, #ea0069, #fc6767);
          background-image: -moz-linear-gradient(left, #ea0069, #fc6767);
          background-image: -ms-linear-gradient(left, #ea0069, #fc6767);
          background-image: -o-linear-gradient(left, #ea0069, #fc6767);
          background-image: linear-gradient(left, #ea0069, #fc6767);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ea0069", endColorStr="#fc6767", gradientType='1'); }
  #blog article.hover, #last-post article.hover, .other-post article.hover {
    border: 2px solid #ea0069; }
    #blog article.hover .overlay, #last-post article.hover .overlay, .other-post article.hover .overlay {
      opacity: 0.9; }

#instagram {
  margin-right: 0;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
  #instagram {
    overflow: initial;
    margin: 0 auto; } }
  @media screen and (min-width: 992px) {
    #instagram h2 {
      padding-bottom: 60px; } }
  #instagram .flux {
    padding-left: 0;
    padding-right: 0; }
  #instagram .flux .content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #instagram .flux .content .slick-list {
      padding-left: 0; }
      #instagram .flux .content .slick-list .slick-slide {
        opacity: 0.5;
        width: 230px; }
        @media screen and (max-width: 576px) {
    #instagram .flux .content .slick-list .slick-slide {
      padding: 0; } }
    #instagram .flux .content .slick-slide.slick-active, #instagram .flux .content .slick-slide.slick-current {
      opacity: 1; }
    @media screen and (min-width: 768px) {
      #instagram .flux .content .carousel-instagram {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
    #instagram .flux .content .square {
      background-repeat: no-repeat;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      padding: 0;
      height: auto;
      cursor: pointer;
      display: flex; }
      @media screen and (min-width: 768px) {
    #instagram .flux .content .square {
      width: 144px;
      height: 144px; } }
      @media screen and (min-width: 992px) {
    #instagram .flux .content .square {
      width: 192px;
      height: 192px; } }
      @media screen and (min-width: 1200px) {
    #instagram .flux .content .square {
      width: 222px;
      height: 222px; } }
      #instagram .flux .content .square:before {
        content: '';
        display: inline-block;
        padding-top: 100%;
        padding: 50% 0;
        vertical-align: middle; }
      #instagram .flux .content .square p {
        opacity: 0;
        position: relative; }
        #instagram .flux .content .square p a {
          color: #ea0069; }
      #instagram .flux .content .square.hover {
        box-shadow: inset 2000px 0 0 0 rgba(234, 0, 105, 0.9); }
        #instagram .flux .content .square.hover p {
          opacity: 1;
          width: 100%;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
        #instagram .flux .content .square.hover p a {
          width: 100%;
          color: #fff; }
          @media screen and (min-width: 1500px) {
      #instagram .flux .content .square.hover p a {
        font-size: 30px;
        padding: 2rem; } }
  #instagram .flux .instagram-dots {
    display: block; }
    @media screen and (min-width: 768px) {
    #instagram .flux .instagram-dots {
      display: none; } }

.carousel-blog, .carousel-projet, .carousel-partenaire {
  display: none; }
  .carousel-blog.slick-initialized, .carousel-projet.slick-initialized, .carousel-partenaire.slick-initialized {
    display: block; }

@media screen and (max-width: 576px) {
  .carousel-blog.slick-initialized {
    margin-left: -20px; } }

@media screen and (min-width: 992px) {
    .bloc-info.agence {
      padding-bottom: 120px; } }
  .bloc-info.agence .content {
    overflow: hidden; }
  @media screen and (max-width: 767px) {
    .bloc-info.agence .content {
      flex-direction: column-reverse; } }
  @media screen and (min-width: 768px) {
      .bloc-info.agence .content .about {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end; } }
    .bloc-info.agence .content .about h2 {
      width: 97%;
      text-align: left; }
      @media screen and (min-width: 768px) {
    .bloc-info.agence .content .about h2 {
      padding-top: 0;
      padding-bottom: 12px; } }
      @media screen and (max-width: 576px) {
    .bloc-info.agence .content .about h2 {
      text-align: center; } }
    .bloc-info.agence .content .about p {
      line-height: 24px;
      font-size: 1rem;
      padding-bottom: 0; }
      .bloc-info.agence .content .about p:last-of-type {
        padding-bottom: 50px; }
      @media screen and (max-width: 576px) {
    .bloc-info.agence .content .about p {
      text-align: center;
      font-size: 12px;
      padding-bottom: 0; }
      .bloc-info.agence .content .about p:last-of-type {
        padding-bottom: 30px; } }
      @media screen and (min-width: 992px) {
    .bloc-info.agence .content .about p {
      max-width: 445px;
      margin: 0 auto 0 0; } }
    .bloc-info.agence .content .about .all-contacts {
      margin-top: 1rem; }
      @media screen and (min-width: 768px) {
    .bloc-info.agence .content .about .all-contacts {
      margin-top: 0; } }
      @media screen and (max-width: 576px) {
    .bloc-info.agence .content .about .all-contacts {
      margin-top: 0; } }
      .bloc-info.agence .content .about .all-contacts .contact {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px; }
        .bloc-info.agence .content .about .all-contacts .contact:last-of-type {
          padding-bottom: 0; }
        .bloc-info.agence .content .about .all-contacts .contact p {
          padding: 0;
          font-family: 'Barlow', sans-serif;
          font-weight: bold;
          color: black;
          margin-left: 22px;
          font-size: 1rem;
          line-height: 24px; }
        .bloc-info.agence .content .about .all-contacts .contact p a {
          font-size: 1rem;
          font-family: 'Barlow', sans-serif;
          font-weight: bold;
          color: black; }
          @media screen and (max-width: 576px) {
      .bloc-info.agence .content .about .all-contacts .contact p a {
        font-size: 14px; } }
          .bloc-info.agence .content .about .all-contacts .contact p a:hover {
            text-decoration: underline; }
        .bloc-info.agence .content .about .all-contacts .contact p a.mail {
          text-decoration: underline; }
        @media screen and (max-width: 576px) {
      .bloc-info.agence .content .about .all-contacts .contact p {
        text-align: left;
        font-size: 14px; } }
    @media screen and (min-width: 768px) {
      .bloc-info.agence .content .about .btn-cta {
        margin: 50px auto 10px 0; } }
      @media screen and (max-width: 576px) {
    .bloc-info.agence .content .about .btn-cta {
      margin-top: 50px;
      width: 100%;
      text-align: center; } }
  .bloc-info.agence .content .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 300px;
    overflow: hidden; }
    @media screen and (min-width: 992px) {
    .bloc-info.agence .content .img {
      min-height: 512px; } }
    .bloc-info.agence .content .img .capsule {
      position: relative;
      min-height: 244px;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      flex-flow: row wrap;
      width: 100%; }
      @media screen and (min-width: 576px) {
    .bloc-info.agence .content .img .capsule {
      max-width: 540px;
      margin: 0 auto; } }
      @media screen and (min-width: 768px) {
    .bloc-info.agence .content .img .capsule {
      max-width: 720px;
      min-height: 400px; } }
      @media screen and (min-width: 992px) {
    .bloc-info.agence .content .img .capsule {
      max-width: 960px; } }
      @media screen and (min-width: 1200px) {
    .bloc-info.agence .content .img .capsule {
      max-width: 1140px; } }
      .bloc-info.agence .content .img .capsule .carre {
        display: none;
        background: #ea0069;
        background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
        background: linear-gradient(135deg, #ea0069, #fc6767);
        opacity: 0.9;
        height: 3000px;
        width: 100%;
        position: absolute;
        left: -100%;
        top: 0;
        transform: translate(50%, calc(305px * 0.70)) rotate(-147deg);
        transform-origin: top right; }
        @media screen and (min-width: 992px) {
    .bloc-info.agence .content .img .capsule .carre {
      transform: translate(48%, calc(400px * 0.80)) rotate(-147deg); } }

.content-trait {
  position: relative;
  z-index: 10; }
  .content-trait .trait:after {
    content: '';
    display: inline-block;
    height: 200px;
    border-left: 2px solid #ea0069;
    position: absolute;
    top: -90px;
    right: 25px; }
    @media screen and (min-width: 768px) {
    .content-trait .trait:after {
      right: 50%; } }
  .content-trait .txt-vertical {
    max-width: 150px;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    letter-spacing: 0.8px;
    font-size: 8px;
    color: #ea0069;
    transform: rotate(90deg);
    position: absolute;
    transform-origin: top right;
    line-height: 0;
    padding-left: 20px;
    top: 253px;
    right: 14px;
    text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .content-trait .txt-vertical {
      left: 50%; } }

a.back-to-top {
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2; }
  @media screen and (max-width: 576px) {
  a.back-to-top {
    opacity: 0; } }

.ui-widget .container {
  padding-top: 0;
  padding-bottom: 0; }
  .ui-widget .container .cookie-message {
    position: fixed;
    top: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    z-index: 9999;
    background: #fbfbfb;
    opacity: 0.95; }
    @media screen and (min-width: 576px) {
    .ui-widget .container .cookie-message {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
    @media screen and (min-width: 992px) {
    .ui-widget .container .cookie-message {
      max-height: 150px; } }
    .ui-widget .container .cookie-message p {
      color: #252525;
      margin: 1.2em auto;
      text-align: left; }
    .ui-widget .container .cookie-message a {
      position: relative;
      top: inherit;
      cursor: pointer;
      display: block;
      text-align: center;
      padding: 8px 15px;
      margin: 0.5rem;
      width: 100%;
      right: 8px !important;
      text-transform: uppercase; }
    .ui-widget .container .cookie-message a.cookiebar-close {
      background: #ea0069;
      border: solid 1px #ea0069;
      color: white !important;
      right: 8px !important; }
      .ui-widget .container .cookie-message a.cookiebar-close:hover {
        border: solid 1px #ea0069;
        background: white;
        color: #ea0069 !important; }
    .ui-widget .container .cookie-message a.en-savoir-plus {
      border: solid 1px #ea0069;
      background: white;
      color: #ea0069;
      right: 8px !important; }
      .ui-widget .container .cookie-message a.en-savoir-plus:hover {
        background: #ea0069;
        border: solid 1px #ea0069;
        color: white !important; }

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  background-color: white;
  border: 2px solid #ea0069; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronDisclaimerAlert p {
    padding-bottom: 0.5rem;
    color: #252525;
    text-align: center; }
    #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronDisclaimerAlert p:last-child {
      padding-bottom: 1rem; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom .tarteaucitronCheck, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom .tarteaucitronCross {
    display: none; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize2 {
    box-sizing: border-box;
    background-color: #ea0069; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize2:hover, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize2:focus, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize2:active {
    background-color: #84003b; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronAllDenied2 {
    box-sizing: border-box;
    background-color: #252525; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronAllDenied2:hover, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronAllDenied2:focus, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronAllDenied2:active {
    color: #ccc; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert {
    box-sizing: border-box;
    border: 2px solid #ea0069;
    color: #ea0069; }
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert:hover, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert:focus, #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert:active {
    background-color: #ea0069;
    color: white; }

.dark-backdrop {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }
  .dark-backdrop.in {
    opacity: 1;
    z-index: 9; }
  @media screen and (min-width: 992px) {
    .dark-backdrop.in {
      opacity: 0;
      z-index: -1; } }
/*-------------------------------------------------------
 ------->>> dot personnalisé des carousel: <<------------
 page index: carousel
 -------------------------------------------------------- */
.capsule-nav {
  padding-top: 30px; }
  @media screen and (min-width: 768px) {
  .capsule-nav {
    padding-top: 50px; } }
  .capsule-nav .nav-carousel {
    list-style: none;
    padding: 0;
    width: 150px;
    height: 40px;
    margin: 0 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .capsule-nav .nav-carousel .elem {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    animation: ease-in 0.25s;
    background: #fff;
    border: 1px solid #ea0069;
    opacity: 0.8;
    margin: 0 5px; }
    .capsule-nav .nav-carousel .elem.far-left, .capsule-nav .nav-carousel .elem.far-right {
      width: 0;
      height: 0;
      margin: 0;
      border: 0; }
    .capsule-nav .nav-carousel .elem.petit {
      width: 12px;
      height: 12px; }
    .capsule-nav .nav-carousel .elem.grand {
      width: 15px;
      height: 15px;
      margin: 10px 5px;
      opacity: 1;
      background: #ea0069; }
  .capsule-nav .nav-carousel.to-right .far-left {
    animation-name: appear; }
    .capsule-nav .nav-carousel.to-right .left {
      animation-name: becomeBig; }
    .capsule-nav .nav-carousel.to-right .grand {
      animation-name: becomeSmall; }
    .capsule-nav .nav-carousel.to-right .right {
      animation-name: disapear; }
  .capsule-nav .nav-carousel.to-left .far-right {
    animation-name: appear; }
    .capsule-nav .nav-carousel.to-left .right {
      animation-name: becomeBig; }
    .capsule-nav .nav-carousel.to-left .grand {
      animation-name: becomeSmall; }
    .capsule-nav .nav-carousel.to-left .left {
      animation-name: disapear; }

@keyframes appear {
  0% {
    border: 0; }

  100% {
    border: 1px solid #ea0069;
    width: 12px;
    height: 12px;
    margin: 0 5px; } }

@keyframes disapear {
  0% {
    width: 12px;
    height: 12px;
    border: 1px solid #ea0069; }

  100% {
    border: 0;
    margin: 0;
    width: 0;
    height: 0; } }

@keyframes becomeSmall {
  0% {
    width: 15px;
    height: 15px; }

  100% {
    margin: 0 5px;
    width: 12px;
    height: 12px;
    opacity: 0.2; } }

@keyframes becomeBig {
  0% {
    width: 12px;
    height: 12px; }

  100% {
    margin: 10px 5px;
    width: 15px;
    height: 15px;
    opacity: 1; } }

.notfound .container-general {
  margin-top: 5rem;
  padding-top: 5rem; }
  .notfound .container-general .pict {
    position: relative;
    height: 180px;
    width: 100%; }
    @media screen and (min-width: 576px) {
    .notfound .container-general .pict {
      height: 240px;
      width: 540px; } }
    @media screen and (min-width: 768px) {
    .notfound .container-general .pict {
      height: 380px;
      width: 720px; } }
    @media screen and (min-width: 992px) {
    .notfound .container-general .pict {
      width: 960px; } }
    @media screen and (min-width: 1200px) {
    .notfound .container-general .pict {
      width: 1140px; } }
    .notfound .container-general .pict .capsule {
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translate(-50%, -16%);
      width: 100%;
      max-width: 320px; }
      @media screen and (min-width: 576px) {
    .notfound .container-general .pict .capsule {
      max-width: 540px; } }
      @media screen and (min-width: 768px) {
    .notfound .container-general .pict .capsule {
      max-width: 720px; } }
      @media screen and (min-width: 992px) {
    .notfound .container-general .pict .capsule {
      max-width: 960px; } }
      @media screen and (min-width: 1200px) {
    .notfound .container-general .pict .capsule {
      max-width: 1140px; } }
      .notfound .container-general .pict .capsule img {
        padding-top: 8rem;
        max-width: 220px;
        display: block;
        margin: 0 auto; }
        @media screen and (min-width: 576px) {
    .notfound .container-general .pict .capsule img {
      max-width: 100%; } }
      .notfound .container-general .pict .capsule .bulle {
        position: fixed;
        right: 0;
        top: 31px; }
        @media screen and (min-width: 576px) {
    .notfound .container-general .pict .capsule .bulle {
      top: -23px; } }
        @media screen and (min-width: 992px) {
    .notfound .container-general .pict .capsule .bulle {
      right: 105px; } }
        @media screen and (min-width: 1200px) {
    .notfound .container-general .pict .capsule .bulle {
      right: 195px; } }
        .notfound .container-general .pict .capsule .bulle svg {
          width: 145px;
          height: auto; }
        @media screen and (min-width: 576px) {
      .notfound .container-general .pict .capsule .bulle svg {
        width: 250px; } }
        @media screen and (min-width: 768px) {
      .notfound .container-general .pict .capsule .bulle svg {
        width: 100%; } }
      .notfound .container-general .pict .capsule .citation {
        position: fixed;
        right: 28px;
        top: 50px;
        max-width: 99px; }
        @media screen and (min-width: 576px) {
    .notfound .container-general .pict .capsule .citation {
      top: 60px;
      right: 27px;
      max-width: 240px; } }
        @media screen and (min-width: 768px) {
    .notfound .container-general .pict .capsule .citation {
      top: 80px;
      right: 40px; } }
        @media screen and (min-width: 992px) {
    .notfound .container-general .pict .capsule .citation {
      top: 80px;
      right: 155px; } }
        @media screen and (min-width: 1200px) {
    .notfound .container-general .pict .capsule .citation {
      top: 65px;
      max-width: 230px;
      right: 234px; } }
        .notfound .container-general .pict .capsule .citation .txt {
          font-size: 11px;
          font-weight: bold; }
        @media screen and (min-width: 576px) {
      .notfound .container-general .pict .capsule .citation .txt {
        font-size: 13px; } }
        @media screen and (min-width: 768px) {
      .notfound .container-general .pict .capsule .citation .txt {
        font-size: 14px; } }
        @media screen and (min-width: 1200px) {
      .notfound .container-general .pict .capsule .citation .txt {
        font-size: 16px; } }
        .notfound .container-general .pict .capsule .citation .auteur {
          padding-top: 0.2rem;
          font-size: 10px; }
        @media screen and (min-width: 576px) {
      .notfound .container-general .pict .capsule .citation .auteur {
        font-size: 11px; } }
        @media screen and (min-width: 768px) {
      .notfound .container-general .pict .capsule .citation .auteur {
        font-size: 12px; } }
        @media screen and (min-width: 1200px) {
      .notfound .container-general .pict .capsule .citation .auteur {
        font-size: 14px; } }
  .notfound .text {
    margin: 2rem 0; }
  .notfound .text p {
    font-weight: 600; }
  .notfound .action .btn-cta {
    margin: 0 auto; }

.container-statique * {
  text-align: left; }

body.modal-open {
  padding-right: 0 !important; }

#modalRestrict .modal-dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  #modalRestrict .modal-body {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0;
    position: relative;
    padding: 40px 20px; }
  #modalRestrict .modal-body .container.content {
    padding-top: 0;
    padding-bottom: 0; }
    #modalRestrict .modal-body .container.content p {
      font-size: 16px;
      color: #252525; }
      #modalRestrict .modal-body .container.content p.title {
        font-size: 20px;
        color: #ea0069;
        text-transform: uppercase;
        padding-bottom: 20px;
        text-align: center;
        font-weight: bold; }
      #modalRestrict .modal-body .container.content p.sign {
        padding-top: 20px; }
      #modalRestrict .modal-body .container.content p a {
        color: #ea0069;
        text-decoration: underline; }
    #modalRestrict .modal-body .container.content .oui {
      position: absolute;
      right: 10px;
      top: 10px; }
      #modalRestrict .modal-body .container.content .oui a {
        color: #252525; }

#breadcrumb .container {
  display: block;
  padding-top: 2rem;
  padding-bottom: 0; }
  #breadcrumb .content span:not(:last-child)::after {
    content: " > "; }
    #breadcrumb .content span:last-child a {
      color: #ea0069; }
  #breadcrumb .content a {
    color: black; }
    #breadcrumb .content a:hover, #breadcrumb .content a:active, #breadcrumb .content a:focus {
      text-decoration: underline; }

.page-mentions-legales h2 {
  padding: 2.5rem 0 0.75rem; }
  .page-mentions-legales h3 {
    padding: 1rem 0 0.5rem;
    font-size: 1.5rem; }

div[isafter] {
  display: none !important; }
/*  -------------------------------------------------------
 ------------------->>> HEADER <<<----------------------
 -------------------------------------------------------  */
header {
  display: flex;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  vertical-align: middle;
  background: white; }
  header nav.navbar {
    padding: 1rem 1rem; }
  @media screen and (min-width: 992px) {
    header nav.navbar {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 1140px;
      margin: 0 auto;
      padding: 12px 15px; } }
  header nav.navbar .navbar-brand {
    z-index: 99;
    padding: 0; }
    header nav.navbar .navbar-brand .logo {
      width: 42px;
      height: auto; }
      @media screen and (min-width: 992px) {
    header nav.navbar .navbar-brand .logo {
      width: 46px;
      height: auto; } }
      header nav.navbar .navbar-brand .logo span.blanc {
        display: none; }
  header nav.navbar .navbar-burger {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    z-index: 9; }
    header nav.navbar .navbar-burger #burger {
      width: 60px;
      position: relative;
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      -o-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      cursor: pointer; }
      header nav.navbar .navbar-burger #burger span {
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 4px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 4px;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 4px;
        display: block;
        position: absolute;
        height: 4px;
        width: 40px;
        background: #ea0069;
        opacity: 1;
        left: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out; }
        header nav.navbar .navbar-burger #burger span:nth-child(1) {
          top: 0px;
          width: 20px; }
        header nav.navbar .navbar-burger #burger span:nth-child(2) {
          top: 10px; }
        header nav.navbar .navbar-burger #burger span:nth-child(3) {
          top: 20px;
          width: 20px;
          left: inherit;
          right: 20px; }
      header nav.navbar .navbar-burger #burger.open span:nth-child(1) {
        top: 10px;
        width: 40px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg); }
      header nav.navbar .navbar-burger #burger.open span:nth-child(2) {
        opacity: 0;
        left: -60px; }
      header nav.navbar .navbar-burger #burger.open span:nth-child(3) {
        width: 40px;
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg); }
  header nav.navbar .navbar-menu {
    background-image: url(../images/MOB_BKG.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    max-width: 375px;
    width: 100%;
    min-height: 100vh;
    transition: all 0.4s ease;
    padding-right: 0;
    padding-left: 0; }
    @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu {
      position: initial;
      left: initial;
      max-width: 100%;
      background: none;
      min-height: initial;
      width: initial;
      margin: initial;
      padding: initial;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between; } }
    header nav.navbar .navbar-menu > div {
      width: 100%;
      background: rgba(234, 0, 105, 0.9);
      background: -webkit-linear-gradient(135deg, rgba(234, 0, 105, 0.9), rgba(252, 103, 103, 0.9));
      background: linear-gradient(135deg, rgba(234, 0, 105, 0.9), rgba(252, 103, 103, 0.9)); }
      @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu > div {
      background: none; } }
    header nav.navbar .navbar-menu.show {
      left: 0; }
      @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu.show {
      position: inherit;
      left: inherit;
      top: inherit;
      height: inherit; } }
    header nav.navbar .navbar-menu .content-menu {
      width: 100%;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 30% 15px 0 15px;
      min-height: 100vh;
      /* Pour la rétrocompatibilité */
      min-height: 100dvh;
      /* Pour que le menu ne soit pas recouvert par les barres du navigateur */
      margin: 0; }
      @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu .content-menu {
      padding-top: 0;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      padding: 0;
      min-height: inherit; } }
      header nav.navbar .navbar-menu .content-menu .menu ul.menu {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .menu ul.menu {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between; } }
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item {
          list-style: none;
          text-align: center;
          padding: 3vh 0; }
          @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item {
        padding: 0.5em 0.4em; } }
          header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item {
            color: #fff;
            cursor: pointer;
            font-family: 'Barlow', sans-serif;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            transition-duration: 0s; }
            @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item {
        color: #252525;
        padding: 0 0 1.5rem 0;
        font-size: 0.9rem;
        letter-spacing: 0.8px; }
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item:hover, header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item:focus {
          color: #ea0069; } }
          header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a {
            color: #fff;
            border-bottom: 2px solid white; }
            @media screen and (min-width: 992px) {
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a {
          color: #ea0069;
          border-bottom: 4px solid #ea0069; } }
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after {
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          vertical-align: 0;
          color: #ea0069; }
          header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu {
            position: static;
            float: none;
            background: none;
            border: none; }
            @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu {
        position: absolute;
        background: #fff;
        width: max-content;
        top: 119%;
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 0;
        /* Firefox 1-3.6 */
        -moz-border-radius: 0;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 0; } }
            header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item {
              padding: 0.7rem 0;
              text-align: center; }
            @media screen and (min-width: 992px) {
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item {
          padding-left: 1.2em;
          padding-right: 1.2em;
          text-align: left; } }
            header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a {
              font-family: 'Barlow', sans-serif;
              font-style: italic;
              font-weight: 400;
              font-size: 1em;
              text-transform: inherit;
              border-bottom: 0; }
              @media screen and (min-width: 992px) {
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a {
          color: #252525; } }
              header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a:hover, header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a:focus {
                color: white; }
                @media screen and (min-width: 992px) {
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a:hover, header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a:focus {
          color: #ea0069;
          font-weight: 600;
          border-bottom: 0; } }
            @media screen and (min-width: 992px) {
          header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu > li.nav-item a.mobil {
            display: none; } }
        header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown.show a.dropdown-toggle:after {
          -ms-transform: rotate(-130deg);
          -webkit-transform: rotate(-130deg);
          transform: rotate(-130deg);
          vertical-align: 0.45em; }
      header nav.navbar .navbar-menu .content-menu .social {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        margin: 4vh 0;
        max-width: 250px;
        margin-top: auto; }
        @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu .content-menu .social {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      margin: 0; } }
        header nav.navbar .navbar-menu .content-menu .social a {
          color: #fff;
          font-size: 14px; }
        @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .social a {
        color: #ea0069;
        padding: 0 0.4rem; } }
        @media screen and (max-width: 576px) {
      header nav.navbar .navbar-menu .content-menu .social a {
        font-size: 20px; } }
        header nav.navbar .navbar-menu .content-menu .social a .fa-linkedin-in, header nav.navbar .navbar-menu .content-menu .social a .fa-instagram {
          vertical-align: bottom; }
      header nav.navbar .navbar-menu .content-menu .contact {
        max-width: 250px;
        margin-bottom: 2rem;
        overflow-x: hidden; }
        @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu .content-menu .contact {
      margin-top: 0;
      margin-bottom: 0; } }
        header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header {
          width: 100%;
          background: #fff;
          border: 0;
          white-space: nowrap; }
        header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke {
          stroke: #ea0069; }
          header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow.before {
            left: 22px; }
        @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header {
        font-size: 0.75rem;
        letter-spacing: 0.86px;
        white-space: nowrap;
        padding: 12px 32px 12px 70px;
        background-color: #ea0069;
        background-image: -webkit-gradient(linear, left top, right top, from(#ea0069), to(#fc6767));
        background-image: -webkit-linear-gradient(left, #ea0069, #fc6767);
        background-image: -moz-linear-gradient(left, #ea0069, #fc6767);
        background-image: -ms-linear-gradient(left, #ea0069, #fc6767);
        background-image: -o-linear-gradient(left, #ea0069, #fc6767);
        background-image: linear-gradient(left, #ea0069, #fc6767);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ea0069", endColorStr="#fc6767", gradientType='1');
        color: #fff; }
        header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke {
          stroke: #fff; }
        header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header:hover .label {
          color: #fff; } }
  header nav.navbar.opened .navbar-brand {
    z-index: 99; }
    header nav.navbar.opened .navbar-brand span.rose {
      display: none; }
    header nav.navbar.opened .navbar-brand span.blanc {
      display: block; }
    header nav.navbar.opened #burger span {
      background-color: #fff; }
      @media screen and (min-width: 424px) {
      header nav.navbar.opened #burger span {
        background-color: #ea0069; } }
    header nav.navbar.opened .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after {
      color: white; }
  header.sticked {
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1); }

.home header {
  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
  box-shadow: none; }
  @media screen and (min-width: 992px) {
      .home header nav.navbar {
        padding: 30px 15px; } }
    .home header nav.navbar .navbar-brand {
      z-index: 99; }
    .home header nav.navbar .navbar-brand .logo {
      width: 42px;
      height: auto; }
      @media screen and (min-width: 992px) {
      .home header nav.navbar .navbar-brand .logo {
        width: 70px;
        height: auto; } }
      .home header nav.navbar .navbar-brand .logo span.rose {
        display: none; }
      .home header nav.navbar .navbar-brand .logo span.blanc {
        display: inline; }
    .home header nav.navbar #burger span {
      background-color: #fff; }
    @media screen and (min-width: 992px) {
                .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item {
                  color: #fff; }
                  .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item:hover {
                    color: #fff; } }
      .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        vertical-align: 0;
        color: #fff; }
        .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu li a:hover, .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu li a:focus {
          color: #fff; }
          @media screen and (min-width: 992px) {
                .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu li a:hover, .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu li a:focus {
                  color: #ea0069;
                  font-weight: 600; } }
          @media screen and (min-width: 992px) {
              .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown ul.dropdown-menu li a.mobil {
                display: none; } }
      .home header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown.show a.dropdown-toggle:after {
        -ms-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
        vertical-align: 0.45em; }
      @media screen and (min-width: 992px) {
        .home header nav.navbar .navbar-menu .content-menu .social {
          margin: 0;
          padding: 0; } }
      .home header nav.navbar .navbar-menu .content-menu .social a {
        color: #fff; }
  .home header.sticked {
    background: white;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 992px) {
      .home header.sticked nav.navbar {
        padding: 12px 15px; } }
    .home header.sticked nav.navbar .navbar-brand .logo {
      width: 42px;
      height: auto; }
      @media screen and (min-width: 992px) {
        .home header.sticked nav.navbar .navbar-brand .logo {
          width: 46px;
          height: auto; } }
      .home header.sticked nav.navbar .navbar-brand .logo span.blanc {
        display: none; }
      .home header.sticked nav.navbar .navbar-brand .logo span.rose {
        display: inline; }
    .home header.sticked nav.navbar .navbar-burger #burger span {
      background-color: #ea0069; }
    @media screen and (min-width: 992px) {
    .home header.sticked {
      background: white;
      -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1); }
      .home header.sticked nav.navbar .navbar-brand {
        z-index: 99; }
        .home header.sticked nav.navbar .navbar-brand span.blanc {
          display: none; }
        .home header.sticked nav.navbar .navbar-brand span.rose {
          display: inline; }
        .home header.sticked nav.navbar .navbar-menu .content-menu .menu ul li.nav-item .menu-item {
          color: #252525; }
          .home header.sticked nav.navbar .navbar-menu .content-menu .menu ul li.nav-item .menu-item:hover {
            color: #252525; }
          .home header.sticked nav.navbar .navbar-menu .content-menu .menu ul li.nav-item.dropdown a.dropdown-toggle:after {
            color: #ea0069; }
          .home header.sticked nav.navbar .navbar-menu .content-menu .menu ul li.nav-item.dropdown.show a.dropdown-toggle:after {
            color: #ea0069; }
          .home header.sticked nav.navbar .navbar-menu .content-menu .social a {
            color: #ea0069; } }
      @media screen and (min-width: 992px) and (min-width: 992px) {
                  .home header.sticked nav.navbar .navbar-menu .content-menu .menu ul li.nav-item.dropdown.show {
                    border-bottom: 2px solid #ea0069; } }

.page-projet header nav.navbar .navbar-brand {
  z-index: 99; }
  .page-projet header nav.navbar .navbar-brand span.rose {
    display: block; }
  .page-projet header nav.navbar .navbar-brand span.blanc {
    display: none; }
  .page-projet header nav.navbar .navbar-menu .content-menu .btn-cta.header {
    color: #ea0069 !important; }
    @media screen and (min-width: 992px) {
          .page-projet header nav.navbar .navbar-menu .content-menu .btn-cta.header {
            color: #fff !important; } }
  .page-projet header nav.navbar.opened .navbar-brand {
    z-index: 99; }
    .page-projet header nav.navbar.opened .navbar-brand span.rose {
      display: none; }
    .page-projet header nav.navbar.opened .navbar-brand span.blanc {
      display: block; }
  @media screen and (min-width: 992px) {
          .page-projet header.sticked nav .navbar-brand span.rose {
            display: block; }
          .page-projet header.sticked nav .navbar-brand span.blanc {
            display: none; } }

.page-sous-metier header, .search-articles header {
  background: none;
  box-shadow: none; }
  .page-sous-metier header nav.navbar .navbar-brand, .search-articles header nav.navbar .navbar-brand {
    z-index: 99; }
  .page-sous-metier header nav.navbar .navbar-brand span.rose, .search-articles header nav.navbar .navbar-brand span.rose {
    display: none; }
  .page-sous-metier header nav.navbar .navbar-brand span.blanc, .search-articles header nav.navbar .navbar-brand span.blanc {
    display: inline; }
  .page-sous-metier header nav.navbar #burger span, .search-articles header nav.navbar #burger span {
    background-color: #fff; }
  .page-sous-metier header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item, .search-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item {
    color: white; }
    @media screen and (min-width: 992px) {
                .page-sous-metier header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item a, .search-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item a {
                  color: #fff; }
                  .page-sous-metier header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item a:hover, .search-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item a:hover {
                    color: #fff; } }
    @media screen and (min-width: 992px) {
                  .page-sous-metier header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a, .search-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a {
                    border-bottom: 4px solid #fff; } }
    .page-sous-metier header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after, .search-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      vertical-align: 0;
      color: white; }
    .page-sous-metier header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header, .search-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header {
      background: #fff; }
    .page-sous-metier header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke, .search-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke {
      stroke: #ea0069; }
    .page-sous-metier header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .label, .search-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .label {
      color: #ea0069;
      font-weight: bold; }
    .page-sous-metier header nav.navbar .navbar-menu .content-menu .social a, .search-articles header nav.navbar .navbar-menu .content-menu .social a {
      color: #fff; }
  .page-sous-metier header.sticked, .search-articles header.sticked {
    background: #ea0069;
    background: #ea0069;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1); }
  .page-sous-metier header.sticked nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a, .search-articles header.sticked nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active a {
    border-bottom: 4px solid #fff; }

.vue-article header, .listing-articles header {
  background: #ea0069; }
  .vue-article header nav.navbar .navbar-brand, .listing-articles header nav.navbar .navbar-brand {
    z-index: 99; }
  .vue-article header nav.navbar .navbar-brand span.rose, .listing-articles header nav.navbar .navbar-brand span.rose {
    display: none; }
  .vue-article header nav.navbar .navbar-brand span.blanc, .listing-articles header nav.navbar .navbar-brand span.blanc {
    display: inline; }
  .vue-article header nav.navbar #burger span, .listing-articles header nav.navbar #burger span {
    background-color: #fff; }
  @media screen and (min-width: 992px) {
                  .vue-article header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item, .listing-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item {
                    color: #fff; }
                    .vue-article header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item:hover, .listing-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item .menu-item:hover {
                      color: #fff; } }
    .vue-article header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after, .listing-articles header nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.dropdown a.dropdown-toggle:after {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      vertical-align: 0;
      color: white; }
    .vue-article header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header, .listing-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header {
      background: #fff; }
    .vue-article header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke, .listing-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .icon-arrow g.color-stroke {
      stroke: #ea0069; }
    .vue-article header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .label, .listing-articles header nav.navbar .navbar-menu .content-menu .contact .btn-cta.header .label {
      color: #ea0069;
      font-weight: bold; }
    .vue-article header nav.navbar .navbar-menu .content-menu .social a, .listing-articles header nav.navbar .navbar-menu .content-menu .social a {
      color: #fff; }
  .vue-article header.sticked, .listing-articles header.sticked {
    background: #ea0069;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1); }
  .vue-article header.sticked nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active .menu-item, .listing-articles header.sticked nav.navbar .navbar-menu .content-menu .menu ul.menu li.nav-item.active .menu-item {
    border-bottom: 4px solid #fff; }
/*  -------------------------------------------------------
 ------------------->>> FOOTER <<<----------------------
 -------------------------------------------------------  */
footer {
  font-family: 'Barlow', sans-serif;
  background-image: url(../images/IMG_FOOT.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  footer > div {
    padding: 2rem 0;
    background: rgba(234, 0, 105, 0.9);
    background: -webkit-linear-gradient(135deg, rgba(234, 0, 105, 0.9), rgba(252, 103, 103, 0.9));
    background: linear-gradient(135deg, rgba(234, 0, 105, 0.9), rgba(252, 103, 103, 0.9)); }
  @media screen and (min-width: 992px) {
    footer > div {
      padding: 90px 0; } }
  @media screen and (max-width: 576px) {
    footer > div {
      padding-top: 20px;
      padding-bottom: 40px;
      background: rgba(234, 0, 105, 0.7);
      background: -webkit-linear-gradient(135deg, rgba(234, 0, 105, 0.7), rgba(252, 103, 103, 0.7));
      background: linear-gradient(135deg, rgba(234, 0, 105, 0.7), rgba(252, 103, 103, 0.7)); } }
  footer .container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }
  footer .container .content {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  footer .container .content .empty {
    display: none; }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
      footer .container .content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        row-gap: 1.5rem; }
        footer .container .content .empty {
          display: block; } }
  @media screen and (min-width: 768px) and (max-width: 992px) {
      footer .container .content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        gap: 0; }
        footer .container .content .bloc-follow {
          display: none; } }
  footer .container .content .bloc {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin: 1.5rem auto;
    color: white; }
  @media screen and (min-width: 768px) {
        footer .container .content .bloc {
          margin: 0 auto;
          padding: 0; } }
  @media screen and (max-width: 576px) {
        footer .container .content .bloc {
          margin-top: 0;
          margin-bottom: 40px; } }
  footer .container .content .bloc .title {
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 16px;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
        footer .container .content .bloc .title {
          text-align: left; } }
    @media screen and (max-width: 576px) {
        footer .container .content .bloc .title {
          margin-bottom: 10px; } }
  footer .container .content .bloc span, footer .container .content .bloc a, footer .container .content .bloc ul.menu li a {
    font-family: 'Barlow', sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 24px; }
    @media screen and (max-width: 576px) {
        footer .container .content .bloc span img, footer .container .content .bloc a img, footer .container .content .bloc ul.menu li a img {
          width: 90px; } }
  footer .container .content .bloc a:hover {
    text-decoration: underline; }
  footer .container .content .bloc .the-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 768px) {
        footer .container .content .bloc .the-content {
          -webkit-align-items: flex-start;
          -ms-flex-align: flex-start;
          align-items: flex-start;
          min-height: 100%; } }
    @media screen and (min-width: 768px) {
          footer .container .content .bloc .the-content .title {
            padding-left: 0; } }
    footer .container .content .bloc .the-content > * > * {
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    footer .container .content .bloc .the-content > * > * .img-fluid {
      width: 100%; }
    footer .container .content .bloc .the-content .socials div {
      text-align: center; }
    @media screen and (max-width: 576px) {
            footer .container .content .bloc .the-content .socials div {
              margin: 0 10px; }
              footer .container .content .bloc .the-content .socials div:first-child {
                margin-left: 0; }
              footer .container .content .bloc .the-content .socials div a {
                font-size: 26px; } }
    @media screen and (min-width: 768px) {
          footer .container .content .bloc .the-content .socials {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: flex-start;
            justify-content: flex-start; }
            footer .container .content .bloc .the-content .socials div {
              padding-left: 0;
              text-align: inherit; } }
    footer .container .content .bloc .the-content .copyright {
      display: none; }
    @media screen and (min-width: 768px) {
          footer .container .content .bloc .the-content .copyright {
            display: block;
            margin: auto 0 0 0; } }
    footer .container .content .bloc .the-content .copyright span {
      display: block;
      font-family: 'Barlow', sans-serif;
      font-weight: normal;
      font-size: 11px;
      color: #fff;
      text-align: left;
      line-height: 24px; }
  footer .container .content .bloc.logo {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 5;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 5;
    /*OLD - Firefox 19- */
    -ms-flex-order: 5;
    /*TWEENER - IE 10 */
    -webkit-order: 5;
    /*NEW - Chrome */
    order: 5; }
  @media screen and (min-width: 768px) {
        footer .container .content .bloc.logo {
          -webkit-box-ordinal-group: 0;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 0;
          /*OLD - Firefox 19- */
          -ms-flex-order: 0;
          /*TWEENER - IE 10 */
          -webkit-order: 0;
          /*NEW - Chrome */
          order: 0; } }
  @media screen and (max-width: 576px) {
        footer .container .content .bloc.logo {
          margin-bottom: 0;
          margin-top: 40px; } }
  footer .container .content .bloc.logo .pict {
    text-align: center; }
  footer .container .content .bloc.logo .title {
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
    font-weight: 300; }
    @media screen and (max-width: 576px) {
        footer .container .content .bloc.logo .title {
          margin-bottom: 0;
          font-size: 11px; } }
  footer .container .content .bloc.logo .copyright {
    text-align: center;
    display: none; }
    @media screen and (max-width: 576px) {
        footer .container .content .bloc.logo .copyright {
          font-size: 11px; } }
  footer .container .content .bloc.tel span {
    display: block;
    text-align: center; }
    @media screen and (min-width: 768px) {
        footer .container .content .bloc.tel span {
          display: inline;
          text-align: inherit;
          padding-left: 0; } }
  footer .container .content .bloc.tel div {
    text-align: center; }
  footer .container .content .bloc.map-site {
    display: none; }
  @media screen and (min-width: 992px) {
        footer .container .content .bloc.map-site {
          display: flex; }
          footer .container .content .bloc.map-site a {
            white-space: nowrap; } }
  footer .container .content .bloc.adress {
    display: none; }
  @media screen and (min-width: 768px) {
        footer .container .content .bloc.adress {
          display: flex;
          padding: 0; }
          footer .container .content .bloc.adress a {
            white-space: nowrap; } }

.mini-footer .container-mini-footer {
  padding-top: 25px;
  padding-bottom: 25px; }
  .mini-footer .container-mini-footer .the-content {
    font-size: 11px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .mini-footer .container-mini-footer .the-content .bloc-mentions {
    text-align: center;
    padding: 5px 0; }
  @media screen and (min-width: 768px) {
        .mini-footer .container-mini-footer .the-content .bloc-mentions {
          text-align: left; } }
  .mini-footer .container-mini-footer .the-content .bloc-mentions .mentions:after {
    content: "|";
    padding: 0 10px; }
  .mini-footer .container-mini-footer .the-content .bloc-mentions a {
    color: #000; }
    .mini-footer .container-mini-footer .the-content .bloc-mentions a:hover {
      color: #ea0069; }
  .mini-footer .container-mini-footer .the-content .bloc-copyright {
    margin: 0 0 0 auto;
    text-align: center;
    padding: 5px 0; }
  @media screen and (min-width: 768px) {
        .mini-footer .container-mini-footer .the-content .bloc-copyright {
          text-align: right; } }
/*-------------------------------------------------------
 ------------------->>> Style animés <<<----------------------
 -------------------------------------------------------  */
/*.header-fall{
 animation: headerFall cubic-bezier(0.17,0,0,1) 2s;
 }*/
@keyframes headerFall {
  from {
    transform: translate(-28%, -113vh) rotate(87deg); }

  to {
    transform: translate(-28%, -113vh) rotate(-19deg); } }

@media screen and (min-width: 576px) {
@keyframes headerFall {
      from {
        transform: translate(-28%, -116vh) rotate(141deg);
        opacity: 0; }
      10% {
        opacity: 1; }
      to {
        transform: translate(-28%, -116vh) rotate(-19deg); } } }

@media screen and (min-width: 992px) {
@keyframes headerFall {
      from {
        transform: translate(-43%, -116vh) rotate(141deg);
        opacity: 0; }
      10% {
        opacity: 1; }
      to {
        transform: translate(-43%, -116vh) rotate(-19deg); } } }

@media screen and (min-width: 1500px) {
@keyframes headerFall {
      from {
        transform: translate(-46%, -130vh) rotate(151deg);
        opacity: 0; }
      10% {
        opacity: 1; }
      to {
        transform: translate(-46%, -130vh) rotate(-19deg); } } }
/*.anim-up-header-home{
 animation: UpHeader cubic-bezier(0.17,0,0,1) 2s;
 }*/
@keyframes UpHeader {
  from {
    -webkit-transform: translateY(60vh);
    -ms-transform: translateY(60vh);
    transform: translateY(60vh); }

  50% {
    -webkit-transform: translateY(60vh);
    -ms-transform: translateY(60vh);
    transform: translateY(60vh); }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@media screen and (min-width: 992px) {
@keyframes UpHeader {
      from {
        -webkit-transform: translateY(66vh);
        -ms-transform: translateY(66vh);
        transform: translateY(66vh); }
      50% {
        -webkit-transform: translateY(66vh);
        -ms-transform: translateY(66vh);
        transform: translateY(66vh); }
      to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } } }
/*$durations: ("h2":1.5);
 @each $name, $duration in $durations {
 .show-#{$name} {
 animation: animText cubic-bezier(0.17,0,0,1) #{$duration}s;
 }
 }
 @keyframes animText {
 from {
 @include rotateX(90deg);
 }
 to {
 @include translateAndRotate (0px, 0%, 0px, 0deg);
 }
 }*/
.anim-up {
  animation: Up cubic-bezier(0.17, 0, 0, 1) 1.5s; }

@keyframes Up {
  from {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.anim-fade-in-up {
  animation: fadeInUp cubic-bezier(0.17, 0, 0, 1) 2.8s; }

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    opacity: 0; }

  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.anim-fade-in-up-delayOne {
  animation: fadeInUp cubic-bezier(0.17, 0, 0, 1) 1.4s; }

.anim-fade-in-up-delayTwo {
  animation: fadeInUp cubic-bezier(0.17, 0, 0, 1) 1.8s; }

.accordion {
  padding: 4px 30px 10px 15px; }
  .accordion.colored-accordion {
    background-image: linear-gradient(90deg, #ea0069 -10%, #fc6767 100%); }
  .accordion.colored-accordion .accordion-item h1, .accordion.colored-accordion .accordion-item h2, .accordion.colored-accordion .accordion-item h3, .accordion.colored-accordion .accordion-item p, .accordion.colored-accordion .accordion-item li {
    color: white; }
  .accordion.colored-accordion .accordion-item:not(:last-child) {
    border-bottom: solid 1px white; }
  .accordion .accordion-item:not(:last-child) {
    border-bottom: solid 1px black; }
  .accordion .accordion-item h1, .accordion .accordion-item h2, .accordion .accordion-item h3, .accordion .accordion-item p, .accordion .accordion-item li {
    text-align: initial; }
  .accordion .accordion-item li {
    list-style: disc; }
  .accordion .accordion-item .accordion-header {
    cursor: pointer;
    padding: 30px 35px 0px;
    transition-property: padding;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out; }
  .accordion .accordion-item .accordion-header h1, .accordion .accordion-item .accordion-header h2, .accordion .accordion-item .accordion-header h3 {
    font-family: 'Playfair Display', serif; }
  .accordion .accordion-item .accordion-header.active {
    padding: 30px 35px 30px; }
  .accordion .accordion-item .accordion-header.active > * {
    font-weight: 900 !important; }
  .accordion .accordion-item .accordion-body {
    overflow: hidden;
    padding: 0px 50px 30px;
    transform-origin: top;
    height: 0;
    transition-property: transform, opacity, height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    opacity: 0; }
  .accordion .accordion-item .accordion-body p:not(:last-child), .accordion .accordion-item .accordion-body ul:not(:last-child) {
    padding-bottom: 20px; }
  .accordion .accordion-item .accordion-body.active {
    opacity: 1; }
/*  -------------------------------------------------------
 ------------------->>> HOME <<<-------
 uniquement banniere top + bloc projets + bloc partenaire + bloc instagram
 un overide des h2
 un overide du bloc info pour l'agence avec trait pour alignement
 le bloc article => dans un fichier scss dédié
 => tout le reste dans le layout
 -------------------------------------------------------  */
#banniere-home {
  position: relative;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 768px) {
  #banniere-home {
    height: 100vh; } }
  #banniere-home .scroll-bottom {
    position: absolute;
    top: 95vh;
    z-index: 2;
    color: white;
    left: 50%; }
  #banniere-home .scroll-bottom img {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #banniere-home .capsule {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%; }
  @media screen and (min-width: 576px) {
    #banniere-home .capsule {
      max-width: 540px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    #banniere-home .capsule {
      max-width: 720px; } }
  @media screen and (min-width: 992px) {
    #banniere-home .capsule {
      max-width: 960px; } }
  @media screen and (min-width: 1200px) {
    #banniere-home .capsule {
      max-width: 1140px; } }
  #banniere-home .capsule .carre {
    display: none;
    background: #ea0069;
    background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
    background: linear-gradient(135deg, #ea0069, #fc6767);
    opacity: 0.9;
    height: 193vh;
    width: 150%;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom right;
    transform: translate(-28%, -113vh) rotate(-19deg); }
  @media screen and (min-width: 576px) {
      #banniere-home .capsule .carre {
        transform: translate(-28%, -116vh) rotate(-19deg); } }
  @media screen and (min-width: 992px) {
      #banniere-home .capsule .carre {
        transform: translate(-43%, -116vh) rotate(-19deg); } }
  @media screen and (min-width: 1500px) {
      #banniere-home .capsule .carre {
        transform: translate(-46%, -130vh) rotate(-19deg); } }
  #banniere-home .capsule .cell {
    padding: 0 15px;
    width: 100%; }
  @media screen and (min-width: 768px) {
      #banniere-home .capsule .cell {
        flex: 0 0 auto;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0; } }
  #banniere-home .capsule .is-third {
    flex: 0 0 100%;
    max-width: 100%; }
  @media screen and (min-width: 992px) {
      #banniere-home .capsule .is-third {
        width: 66%;
        flex: 0 0 auto; } }
  @media screen and (min-width: 768px) {
      #banniere-home .capsule .left {
        margin: 0 auto 0 0;
        padding-right: 16px; } }
  #banniere-home .capsule .info {
    position: relative;
    z-index: 1; }
  #banniere-home .capsule .info h1 {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, right 1s;
    right: 100%;
    padding-bottom: 30px; }
  #banniere-home .capsule .info h1:nth-child(2) {
    transition-delay: calc((2s)/10); }
  #banniere-home .capsule .info h1:nth-child(3) {
    transition-delay: calc((3s)/10); }
  #banniere-home .capsule .info h1:nth-child(4) {
    transition-delay: calc((4s)/10); }
  #banniere-home .capsule .info h1:nth-child(5) {
    transition-delay: calc((5s)/10); }
  #banniere-home .capsule .info h1:nth-child(6) {
    transition-delay: calc((6s)/10); }
  #banniere-home .capsule .info h1:nth-child(7) {
    transition-delay: calc((7s)/10); }
  #banniere-home .capsule .info h1:nth-child(8) {
    transition-delay: calc((8s)/10); }
  #banniere-home .capsule .info h1:nth-child(9) {
    transition-delay: calc((9s)/10); }
  #banniere-home .capsule .info h1:nth-child(10) {
    transition-delay: calc((10s)/10); }
  @media screen and (min-width: 992px) {
        #banniere-home .capsule .info h1 {
          padding-bottom: 40px; } }
  #banniere-home .capsule .info h1.voeux {
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    line-height: 50px; }
  @media screen and (min-width: 768px) {
        #banniere-home .capsule .info h1.voeux {
          font-size: 56px;
          line-height: 65px;
          padding-bottom: 60px; } }
  @media screen and (min-width: 992px) {
        #banniere-home .capsule .info h1.voeux {
          line-height: 70px; } }
  #banniere-home .capsule .info h1.voeux span.ita {
    font-style: italic;
    font-weight: bold; }
  #banniere-home .capsule .info h1.voeux span.bold {
    font-weight: bold; }
  #banniere-home .capsule .info .txt-voeux {
    color: #fff;
    position: relative;
    min-height: 100px; }
  @media screen and (min-width: 768px) {
        #banniere-home .capsule .info .txt-voeux {
          min-height: 170px; } }
  @media screen and (min-width: 992px) {
        #banniere-home .capsule .info .txt-voeux {
          min-height: 160px; } }
  #banniere-home .capsule .info .txt-voeux .txt-flux {
    position: absolute;
    top: 0;
    left: 0; }
  #banniere-home .capsule .info .txt-voeux .creatif {
    font-family: 'BarQ Blind', sans-serif;
    letter-spacing: 15px;
    opacity: 0;
    line-height: 39px;
    font-size: 50px; }
    @media screen and (min-width: 768px) {
        #banniere-home .capsule .info .txt-voeux .creatif {
          font-size: 100px;
          line-height: 16px; } }
    @media screen and (min-width: 992px) {
        #banniere-home .capsule .info .txt-voeux .creatif {
          font-size: 170px;
          letter-spacing: -5px;
          line-height: 82px; } }
  #banniere-home .capsule .info .txt-voeux .florissant {
    font-family: 'Abril Fatface', sans-serif;
    font-size: 50px;
    opacity: 0;
    line-height: 35px; }
    @media screen and (min-width: 768px) {
        #banniere-home .capsule .info .txt-voeux .florissant {
          font-size: 100px;
          letter-spacing: 10px;
          line-height: 6px; } }
    @media screen and (min-width: 992px) {
        #banniere-home .capsule .info .txt-voeux .florissant {
          font-size: 120px;
          line-height: 111px;
          letter-spacing: 15px; } }
  #banniere-home .capsule .info .txt-voeux .inspirant {
    font-family: 'Professor', sans-serif;
    font-size: 50px;
    opacity: 0; }
    @media screen and (min-width: 768px) {
        #banniere-home .capsule .info .txt-voeux .inspirant {
          font-size: 100px; } }
    @media screen and (min-width: 992px) {
        #banniere-home .capsule .info .txt-voeux .inspirant {
          font-size: 152px;
          letter-spacing: -5px; } }
  #banniere-home .capsule .info .txt-voeux .digitaux {
    font-family: 'TypoSquareBoldDemo', sans-serif;
    font-size: 50px;
    opacity: 0;
    line-height: 41px; }
    @media screen and (min-width: 768px) {
        #banniere-home .capsule .info .txt-voeux .digitaux {
          font-size: 100px;
          line-height: 10px; } }
    @media screen and (min-width: 992px) {
        #banniere-home .capsule .info .txt-voeux .digitaux {
          font-size: 132px;
          letter-spacing: -5px;
          line-height: 115px; } }
  #banniere-home .capsule .info .txt-voeux .show-txt {
    opacity: 1;
    transition: opacity 0.6s linear; }
  #banniere-home .capsule .info .btn-cta {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, right 1s;
    right: 100%;
    background: #fff;
    border: none;
    padding: 20px 32px 20px 82px; }
  #banniere-home .capsule .info .btn-cta:nth-child(2) {
    transition-delay: calc((2s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(3) {
    transition-delay: calc((3s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(4) {
    transition-delay: calc((4s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(5) {
    transition-delay: calc((5s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(6) {
    transition-delay: calc((6s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(7) {
    transition-delay: calc((7s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(8) {
    transition-delay: calc((8s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(9) {
    transition-delay: calc((9s)/10); }
  #banniere-home .capsule .info .btn-cta:nth-child(10) {
    transition-delay: calc((10s)/10); }
  #banniere-home .capsule .info .btn-cta .icon-arrow {
    top: 24px; }
  #banniere-home .capsule .info .btn-cta .label span.cache {
    display: none; }
    @media screen and (min-width: 576px) {
          #banniere-home .capsule .info .btn-cta .label span.cache {
            display: inline; } }

.home #metiers {
  background: #fbfbfb; }
  .home #metiers .content {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .home #metiers .content .item {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    flex: 0 0 50%;
    max-width: 50%; }
  .home #metiers .content .item:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .home #metiers .content .item:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .home #metiers .content .item:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .home #metiers .content .item:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .home #metiers .content .item:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .home #metiers .content .item:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .home #metiers .content .item:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .home #metiers .content .item:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .home #metiers .content .item:nth-child(10) {
    transition-delay: calc((10s)/10); }
  @media screen and (min-width: 992px) {
      .home #metiers .content .item {
        margin: 0 35px 35px 35px;
        max-width: 250px; } }
  .home #metiers .content .item .the-content {
    height: auto;
    min-height: 205px;
    padding: 20px 15px 20px 15px;
    margin: 0; }
  @media screen and (min-width: 576px) {
        .home #metiers .content .item .the-content {
          height: 250px;
          min-height: initial; } }
  .home #metiers .content .item .the-content a .picto {
    padding-top: 0;
    min-height: 50px; }
    .home #metiers .content .item .the-content a .picto span svg, .home #metiers .content .item .the-content a .picto span.hover svg {
      width: 50px;
      height: auto; }
    .home #metiers .content .item .the-content a h3 {
      min-height: 69px;
      font-size: 18px;
      padding-top: 15px;
      padding-bottom: 6px; }
    @media screen and (min-width: 576px) {
          .home #metiers .content .item .the-content a h3 {
            min-height: 69px; } }
    .home #metiers .content .item .the-content a .about {
      font-size: 14px;
      line-height: 16px;
      min-height: 63px; }
    @media screen and (min-width: 576px) {
          .home #metiers .content .item .the-content a .about {
            min-height: 52px; } }
    .home #metiers .content .item .the-content a .arrow.native {
      display: none !important; }

.home #projets {
  padding-right: 0;
  overflow: hidden; }
  @media screen and (min-width: 992px) {
  .home #projets {
    padding-top: 98px; } }
  @media screen and (max-width: 576px) {
  .home #projets {
    padding-top: 50px;
    text-align: center; } }
  .home #projets .content {
    margin-right: 0; }
  @media screen and (min-width: 768px) {
    .home #projets .content {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .home #projets .content .capsule-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  @media screen and (min-width: 768px) {
      .home #projets .content .capsule-container {
        flex: 0 0 50%;
        max-width: 50%; } }
  @media screen and (min-width: 992px) {
      .home #projets .content .capsule-container {
        padding-left: 15px; } }
  .home #projets .content .capsule-container .about {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative; }
  @media screen and (min-width: 768px) {
        .home #projets .content .capsule-container .about {
          max-width: 360px;
          margin: 0 0 0 auto; } }
  @media screen and (min-width: 992px) {
        .home #projets .content .capsule-container .about {
          max-width: 480px;
          margin: 0 0 0 auto; } }
  @media screen and (min-width: 1200px) {
        .home #projets .content .capsule-container .about {
          max-width: 570px;
          padding-left: 15px; } }
  .home #projets .content .capsule-container .about h2 {
    padding-top: 0;
    padding-bottom: 12px; }
    @media screen and (max-width: 576px) {
        .home #projets .content .capsule-container .about h2 {
          width: 100%; } }
  .home #projets .content .capsule-container .about p {
    text-align: left; }
    @media screen and (max-width: 576px) {
        .home #projets .content .capsule-container .about p {
          text-align: center;
          font-size: 14px;
          margin-bottom: 5px;
          line-height: 21px; } }
  .home #projets .content .capsule-container .about a.btn-cta {
    width: 100%;
    margin: 1rem auto 2.5rem 0; }
    @media screen and (min-width: 768px) {
        .home #projets .content .capsule-container .about a.btn-cta {
          margin: 50px auto 0 0; } }
    @media screen and (max-width: 576px) {
        .home #projets .content .capsule-container .about a.btn-cta {
          display: none; } }
    .home #projets .content .capsule-container .about a.btn-cta .cache {
      display: none; }
    @media screen and (min-width: 576px) {
          .home #projets .content .capsule-container .about a.btn-cta .cache {
            display: inline; } }
  .home #projets .content .picts {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, left 1s;
    left: 100%;
    padding-right: 0;
    padding-left: 0; }
  .home #projets .content .picts:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .home #projets .content .picts:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .home #projets .content .picts:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .home #projets .content .picts:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .home #projets .content .picts:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .home #projets .content .picts:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .home #projets .content .picts:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .home #projets .content .picts:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .home #projets .content .picts:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .home #projets .content .picts .carousel-projet .slick-list {
    padding: 0px 85px 0 0 !important; }
    @media screen and (min-width: 480px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0px 305px 0 0 !important; } }
    @media screen and (min-width: 576px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0px 310px 0 0 !important; } }
    @media screen and (min-width: 650px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0px 400px 0 0 !important; } }
    @media screen and (min-width: 768px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0px 155px 0 0 !important; } }
    @media screen and (min-width: 992px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0px 245px 0 0 !important; } }
    @media screen and (min-width: 1200px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0 410px 0 0 !important; } }
    @media screen and (min-width: 1500px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0 500px 0 0 !important; } }
    @media screen and (min-width: 1900px) {
        .home #projets .content .picts .carousel-projet .slick-list {
          padding: 0 560px 0 0 !important; } }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li {
      position: relative;
      margin: 14px 7px; }
    @media screen and (min-width: 1500px) {
            .home #projets .content .picts .carousel-projet .slick-list .slick-slide li {
              margin: 30px 15px; } }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li img {
      opacity: 0.5;
      width: 100%; }
    @media screen and (min-width: 768px) {
              .home #projets .content .picts .carousel-projet .slick-list .slick-slide li img {
                opacity: 1; } }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.9;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
      transition: visibility 0s, opacity 0.5s linear;
      background: #ea0069;
      background: -webkit-linear-gradient(top, #ea0069, #fc6767);
      background: linear-gradient(to bottom, #ea0069, #fc6767);
      color: white;
      padding: 2rem 1.5rem; }
    @media screen and (min-width: 992px) {
              .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet {
                padding: 3rem 1.5rem; } }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet .hover-projet-container {
      height: 100%;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet .hover-projet-container h3 {
      text-align: center;
      font-family: 'Playfair Display', serif; }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet .hover-projet-container .contenu {
      padding-top: 10px; }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide li a.hover-projet .hover-projet-container .arrow {
      display: none; }
    .home #projets .content .picts .carousel-projet .slick-list .slick-slide.slick-active li img {
      opacity: 1; }
  @media screen and (min-width: 768px) {
        .home #projets .content .picts .capsule-nav {
          padding-top: 10px; } }
  .home #projets .content .picts .capsule-nav .nav-carousel {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
        .home #projets .content .picts .capsule-nav .nav-carousel {
          -webkit-justify-content: flex-start;
          -ms-flex-pack: flex-start;
          justify-content: flex-start;
          margin: 0 auto 0 0; } }
  .home #projets .content .picts .btn-cta {
    display: none; }
  @media screen and (max-width: 576px) {
        .home #projets .content .picts .btn-cta {
          display: inline-block;
          margin: 30px 0; } }

@media screen and (min-width: 992px) {
      #partenaires h2 {
        padding-bottom: 60px; } }
  #partenaires .carousel-partenaire .slick-track {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  #partenaires .carousel-partenaire .slick-track .item-partenaire {
    vertical-align: middle; }
  #partenaires .carousel-partenaire .slick-track .item-partenaire a.hover {
    display: none; }
  #partenaires .carousel-partenaire .slick-track .item-partenaire a img {
    display: block;
    margin: 0 auto; }
  #partenaires .capsule-nav {
    display: none; }
  @media screen and (max-width: 576px) {
    #partenaires .capsule-nav {
      display: block; } }

.home .banniere-centrale {
  margin-top: 32px;
  margin-bottom: 32px; }
  .home .banniere-centrale .cta {
    max-width: 250px;
    margin: 2rem auto 0 auto; }
  @media screen and (min-width: 576px) {
    .home .banniere-centrale .cta {
      margin: 1rem 0 0 auto; } }
  @media screen and (min-width: 768px) {
    .home .banniere-centrale .cta {
      margin: 2rem auto 0 0; } }
  .home .banniere-centrale .cta a.btn-cta-white {
    text-align: left; }

.home .content-trait {
  position: relative; }
  .home .content-trait .trait:after {
    top: -90px;
    right: 25px; }
  @media screen and (min-width: 768px) {
      .home .content-trait .trait:after {
        right: 52%; } }
  @media screen and (min-width: 992px) {
      .home .content-trait .trait:after {
        top: -83px; } }
  .home .content-trait .txt-vertical {
    top: 253px;
    right: 14px; }
  @media screen and (min-width: 768px) {
    .home .content-trait .txt-vertical {
      top: 100px;
      transform-origin: bottom left;
      right: 0;
      left: 48%; } }
  @media screen and (min-width: 992px) {
    .home .content-trait .txt-vertical {
      top: 109px; } }

.bloc-info.about-agence .content .picture .carre {
  display: none; }
  @media screen and (min-width: 992px) {
    .bloc-info.about-agence .about {
      padding-left: 100px; } }
  .bloc-info.about-agence .btn-cta {
    margin: 2rem auto 0 auto; }
  @media screen and (min-width: 768px) {
    .bloc-info.about-agence .btn-cta {
      margin: 2rem auto 0 0; } }
  @media screen and (max-width: 576px) {
    .bloc-info.about-agence .btn-cta {
      text-align: center;
      width: 100%; } }

.bckg-post-home {
  margin-top: 230px;
  background: white; }
  @media screen and (min-width: 576px) {
  .bckg-post-home {
    margin-top: 420px;
    background: #fbfbfb;
    max-height: 650px; } }
  @media screen and (min-width: 768px) {
  .bckg-post-home {
    margin-top: 330px;
    max-height: 570px; } }
  @media screen and (min-width: 992px) {
  .bckg-post-home {
    margin-top: 370px;
    max-height: 695px; } }
  @media screen and (min-width: 1200px) {
  .bckg-post-home {
    margin-top: 406px;
    max-height: 685px; } }
  .bckg-post-home #blog {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
    padding-top: 0; }
  @media screen and (min-width: 576px) {
    .bckg-post-home #blog {
      padding-top: 0;
      -webkit-transform: translateY(-120px);
      -ms-transform: translateY(-120px);
      transform: translateY(-120px); } }
  @media screen and (min-width: 768px) {
    .bckg-post-home #blog {
      -webkit-transform: translateY(-355px);
      -ms-transform: translateY(-355px);
      transform: translateY(-355px);
      padding-top: 100px; } }
  @media screen and (min-width: 992px) {
    .bckg-post-home #blog {
      padding-top: 100px;
      -webkit-transform: translateY(-355px);
      -ms-transform: translateY(-355px);
      transform: translateY(-355px); } }
  @media screen and (min-width: 1500px) {
    .bckg-post-home #blog {
      -webkit-transform: translateY(-399px);
      -ms-transform: translateY(-399px);
      transform: translateY(-399px);
      max-width: 100%;
      padding-right: 0; } }
  @media screen and (max-width: 576px) {
      .bckg-post-home #blog h2 {
        padding-bottom: 40px;
        padding-top: 30px;
        background: #fff; } }
  @media screen and (min-width: 992px) {
      .bckg-post-home #blog h2 {
        padding-bottom: 65px; } }
  .bckg-post-home #blog .slick-list {
    padding-left: 15px; }
  .bckg-post-home #blog article {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    width: 300px;
    margin-left: 15px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0; }
  .bckg-post-home #blog article:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .bckg-post-home #blog article:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .bckg-post-home #blog article:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .bckg-post-home #blog article:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .bckg-post-home #blog article:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .bckg-post-home #blog article:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .bckg-post-home #blog article:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .bckg-post-home #blog article:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .bckg-post-home #blog article:nth-child(10) {
    transition-delay: calc((10s)/10); }
  @media screen and (min-width: 480px) {
      .bckg-post-home #blog article {
        width: 350px; } }
  .bckg-post-home #blog article .pict {
    border-top: 2px solid #fbfbfb;
    border-left: 2px solid #fbfbfb;
    border-right: 2px solid #fbfbfb;
    background: white; }
  .bckg-post-home #blog article .content {
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff; }
  @media screen and (min-width: 1200px) {
          .bckg-post-home #blog article .content h3 {
            min-height: auto; } }
  .bckg-post-home #blog article .content h4 {
    color: #9a9a9a; }
    @media screen and (min-width: 576px) {
        .bckg-post-home #blog article .content h4 {
          min-height: 54px; } }
    @media screen and (min-width: 768px) {
        .bckg-post-home #blog article .content h4 {
          min-height: auto; } }
    @media screen and (min-width: 992px) {
        .bckg-post-home #blog article .content h4 {
          min-height: 54px; } }
    @media screen and (min-width: 1200px) {
        .bckg-post-home #blog article .content h4 {
          min-height: auto; } }
  @media screen and (min-width: 992px) {
          .bckg-post-home #blog article .content p {
            min-height: 184px; } }
    @media screen and (min-width: 1200px) {
        .bckg-post-home #blog article .content p {
          min-height: auto; } }
  .bckg-post-home #blog article .content .autor {
    padding-bottom: 10px; }
    @media screen and (min-width: 576px) {
        .bckg-post-home #blog article .content .autor {
          padding-bottom: 0; } }
  @media screen and (min-width: 576px) {
              .bckg-post-home #blog article .content .about a > span {
                display: none; } }
    @media screen and (min-width: 1200px) {
            .bckg-post-home #blog article .content .about a > span {
              display: inline; } }
    @media screen and (min-width: 576px) {
            .bckg-post-home #blog article .content .about a .overlay-link {
              width: 40px;
              margin: 0; } }
    @media screen and (min-width: 1200px) {
            .bckg-post-home #blog article .content .about a .overlay-link {
              margin: 0 0 0 auto;
              width: 90px;
              -webkit-transform: translate(13px, 8px);
              -ms-transform: translate(13px, 8px);
              transform: translate(13px, 8px); } }
  .bckg-post-home #blog article:hover .pict {
    border-top: 2px solid #ea0069;
    border-left: 2px solid #ea0069;
    border-right: 2px solid #ea0069; }
  .bckg-post-home #blog article:hover .content {
    border-left: 2px solid #ea0069;
    border-right: 2px solid #ea0069;
    border-bottom: 2px solid #ea0069; }
  .bckg-post-home #blog .capsule-nav {
    padding-top: 0; }
  @media screen and (min-width: 992px) {
      .bckg-post-home #blog .capsule-nav {
        padding-bottom: 90px; } }
  @media screen and (min-width: 1500px) {
        .bckg-post-home #blog .capsule-nav .nav-carousel {
          -webkit-justify-content: flex-start;
          -ms-flex-pack: flex-start;
          justify-content: flex-start; } }
/*  -------------------------------------------------------
 ------------------->>> VUES METIERS + METIER <<<-------
 VUE METIERS : uniquement les bloc avec relation => tout le reste dans le layout
 VUE METIER : tout dans le layout
 -------------------------------------------------------  */
.duo.metier .border-cta {
  margin: 1.5rem auto 0 0;
  max-width: 210px; }
  @media screen and (min-width: 992px) {
  .duo.metier .border-cta {
    max-width: 205px; } }

#banniere-centrale.metier .highlighted {
  color: white; }

.contenu-ordonnable {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .contenu-ordonnable section[class*="metier-"]:not(.banniere-centrale) {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .contenu-ordonnable .metier-1 {
    -webkit-box-ordinal-group: 1;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /*OLD - Firefox 19- */
    -ms-flex-order: 1;
    /*TWEENER - IE 10 */
    -webkit-order: 1;
    /*NEW - Chrome */
    order: 1; }
  .contenu-ordonnable .metier-2 {
    -webkit-box-ordinal-group: 2;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /*OLD - Firefox 19- */
    -ms-flex-order: 2;
    /*TWEENER - IE 10 */
    -webkit-order: 2;
    /*NEW - Chrome */
    order: 2; }
  .contenu-ordonnable .metier-3 {
    -webkit-box-ordinal-group: 3;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3;
    /*OLD - Firefox 19- */
    -ms-flex-order: 3;
    /*TWEENER - IE 10 */
    -webkit-order: 3;
    /*NEW - Chrome */
    order: 3; }
  .contenu-ordonnable .metier-4 {
    -webkit-box-ordinal-group: 4;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 4;
    /*OLD - Firefox 19- */
    -ms-flex-order: 4;
    /*TWEENER - IE 10 */
    -webkit-order: 4;
    /*NEW - Chrome */
    order: 4; }
  .contenu-ordonnable .metier-5 {
    -webkit-box-ordinal-group: 5;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 5;
    /*OLD - Firefox 19- */
    -ms-flex-order: 5;
    /*TWEENER - IE 10 */
    -webkit-order: 5;
    /*NEW - Chrome */
    order: 5; }
  .contenu-ordonnable .metier-6 {
    -webkit-box-ordinal-group: 6;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 6;
    /*OLD - Firefox 19- */
    -ms-flex-order: 6;
    /*TWEENER - IE 10 */
    -webkit-order: 6;
    /*NEW - Chrome */
    order: 6; }
  .contenu-ordonnable .metier-7 {
    -webkit-box-ordinal-group: 7;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 7;
    /*OLD - Firefox 19- */
    -ms-flex-order: 7;
    /*TWEENER - IE 10 */
    -webkit-order: 7;
    /*NEW - Chrome */
    order: 7; }
  .contenu-ordonnable .metier-8 {
    -webkit-box-ordinal-group: 8;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 8;
    /*OLD - Firefox 19- */
    -ms-flex-order: 8;
    /*TWEENER - IE 10 */
    -webkit-order: 8;
    /*NEW - Chrome */
    order: 8; }
  .contenu-ordonnable .metier-9 {
    -webkit-box-ordinal-group: 9;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 9;
    /*OLD - Firefox 19- */
    -ms-flex-order: 9;
    /*TWEENER - IE 10 */
    -webkit-order: 9;
    /*NEW - Chrome */
    order: 9; }
  .contenu-ordonnable .metier-10 {
    -webkit-box-ordinal-group: 10;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 10;
    /*OLD - Firefox 19- */
    -ms-flex-order: 10;
    /*TWEENER - IE 10 */
    -webkit-order: 10;
    /*NEW - Chrome */
    order: 10; }
/*  -------------------------------------------------------
 ------------------->>> VUES SOUS METIER <<<------------
 -------------------------------------------------------  */
.page-sous-metier h2 {
  padding-bottom: 1.5rem;
  font-size: 2.25rem; }
  .page-sous-metier h2 .highlighted {
    font-style: normal; }
  .page-sous-metier p a {
    font-weight: 500;
    text-decoration: underline; }
  .page-sous-metier p a:hover, .page-sous-metier p a:focus, .page-sous-metier p a:active {
    text-decoration: none; }
  @media screen and (min-width: 1500px) {
    .page-sous-metier .container-offset {
      margin-left: calc((100vw - 1140px)/2);
      max-width: 1298px; } }
  .page-sous-metier #banniere-header .background-img {
    background-image: url('../images/blog-definima-header.jpg');
    background-size: cover; }
  @media screen and (min-width: 768px) {
      .page-sous-metier #banniere-header .background-img {
        height: 870px; } }
  @media screen and (min-width: 992px) {
      .page-sous-metier #banniere-header .background-img {
        height: 800px; } }
  @media screen and (min-width: 1200px) {
      .page-sous-metier #banniere-header .background-img {
        height: 700px; } }
  @media screen and (min-width: 768px) {
        .page-sous-metier #banniere-header .background-img .capsule {
          min-height: 510px; } }
  @media screen and (min-width: 768px) {
          .page-sous-metier #banniere-header .background-img .capsule .carre {
            transform: translate(80%, calc(700px * 0.60)) rotate(68deg); } }
    @media screen and (min-width: 1200px) {
        .page-sous-metier #banniere-header .background-img .capsule .carre {
          transform: translate(80%, calc(700px * 0.53)) rotate(71deg); } }
  .page-sous-metier #banniere-header .background-img .capsule .info div {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #fff;
    text-align: left; }
    @media screen and (min-width: 768px) {
          .page-sous-metier #banniere-header .background-img .capsule .info div {
            font-size: 32px; } }
    .page-sous-metier #banniere-header .background-img .capsule .info span.little {
      display: block; }
  .page-sous-metier .bckg #bloc-intro {
    padding-bottom: 0; }
  @media screen and (min-width: 576px) {
      .page-sous-metier .bckg #bloc-intro {
        max-width: 100%; } }
  @media screen and (min-width: 768px) {
      .page-sous-metier .bckg #bloc-intro {
        max-width: 720px;
        position: relative;
        margin: -330px auto 0;
        margin-top: -330px; } }
  @media screen and (min-width: 992px) {
      .page-sous-metier .bckg #bloc-intro {
        max-width: 960px;
        padding-left: 15px;
        padding-right: 15px; } }
  @media screen and (min-width: 1200px) {
      .page-sous-metier .bckg #bloc-intro {
        max-width: 1110px; } }
  .page-sous-metier .bckg #bloc-intro article {
    padding: 20px;
    background: white;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 20px 25px -20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 20px 25px -20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 20px 25px -20px; }
  @media screen and (min-width: 576px) {
        .page-sous-metier .bckg #bloc-intro article {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
  @media screen and (min-width: 768px) {
        .page-sous-metier .bckg #bloc-intro article {
          padding: 70px; } }
  .page-sous-metier .bckg #bloc-intro article p {
    text-align: left;
    font-weight: 600;
    margin-bottom: 40px; }
    .page-sous-metier .bckg #bloc-intro article p:last-child {
      margin-bottom: 0; }
    .page-sous-metier .bckg #bloc-intro article p a {
      font-weight: 600; }
  .page-sous-metier .container-backg h3, .page-sous-metier .container-bottom h3 {
    padding: 1rem 0;
    color: #ea0069;
    font-size: 1.5rem; }
  .page-sous-metier .container-backg h4, .page-sous-metier .container-bottom h4 {
    margin-bottom: 0.5rem;
    color: black;
    font-size: 1rem;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: bold; }
  .page-sous-metier .container-backg {
    background-repeat: no-repeat;
    background-position: calc(100%/2) 100%; }
  .page-sous-metier .container-top {
    padding-bottom: 3rem; }
  .page-sous-metier .container-top h2, .page-sous-metier .container-top h3, .page-sous-metier .container-top p {
    text-align: left; }
  .page-sous-metier .container-top p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 20px; }
  .page-sous-metier .container-middle {
    padding-bottom: 3rem; }
  .page-sous-metier .container-middle h2, .page-sous-metier .container-middle p {
    text-align: left; }
  .page-sous-metier .container-middle h2 {
    padding-top: 0; }
  .page-sous-metier .container-middle .listing-strategie {
    opacity: 0.95;
    background: #ea0069;
    background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
    background: linear-gradient(135deg, #ea0069, #fc6767);
    padding: 25px; }
  .page-sous-metier .container-middle .listing-strategie .item-strat {
    cursor: pointer;
    padding: 1rem;
    text-align: left;
    border-bottom: solid 1px white; }
  @media screen and (min-width: 768px) {
        .page-sous-metier .container-middle .listing-strategie .item-strat {
          padding: 2rem; } }
  .page-sous-metier .container-middle .listing-strategie .item-strat:last-child {
    border-bottom: none; }
  .page-sous-metier .container-middle .listing-strategie .item-strat * {
    color: white; }
  .page-sous-metier .container-middle .listing-strategie .item-strat .point-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    font-size: 20px;
    color: white; }
    .page-sous-metier .container-middle .listing-strategie .item-strat .point-title::after {
      content: "﹀"; }
  .page-sous-metier .container-middle .listing-strategie .item-strat .point-content p {
    text-align: left; }
    .page-sous-metier .container-middle .listing-strategie .item-strat .point-content .highlighted, .page-sous-metier .container-middle .listing-strategie .item-strat .point-content strong, .page-sous-metier .container-middle .listing-strategie .item-strat .point-content b {
      font-weight: 600; }
  .page-sous-metier .blc-form {
    margin: 0 0 0 auto; }
  .page-sous-metier .blc-form .capsule-form {
    position: sticky;
    top: 5rem;
    max-width: 90vw; }
  .page-sous-metier .blc-form .capsule-form .boltform {
    background: #ea0069;
    background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
    background: linear-gradient(135deg, #ea0069, #fc6767);
    padding: 1.25rem; }
  @media screen and (min-width: 1200px) {
        .page-sous-metier .blc-form .capsule-form .boltform {
          position: relative;
          left: 6rem;
          padding: 2.5rem 3.5rem; } }
  .page-sous-metier .blc-form .capsule-form .boltform h2 {
    padding-top: 0;
    padding-bottom: 1.5rem;
    color: #fff;
    font-weight: bold;
    text-align: left; }
  .page-sous-metier .blc-form .capsule-form .boltform .bloc-input {
    margin-bottom: 15px; }
    .page-sous-metier .blc-form .capsule-form .boltform .bloc-input .boltforms-label label {
      margin-bottom: 5px;
      color: #fff;
      font-style: italic; }
  .page-sous-metier .blc-form .capsule-form .boltform .recaptcha .boltforms-label {
    display: none; }
  .page-sous-metier .blc-form .capsule-form .boltform .bloc-submit button {
    width: 100%; }
  .page-sous-metier .container-bottom {
    padding-top: 0;
    overflow: hidden; }
  @media screen and (min-width: 768px) {
    .page-sous-metier .container-bottom {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .page-sous-metier .container-bottom .the-content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .page-sous-metier .container-bottom .the-content .content-text, .page-sous-metier .container-bottom .the-content .img-bloc-3 {
    padding-top: 32px; }
  @media screen and (min-width: 768px) {
        .page-sous-metier .container-bottom .the-content .content-text, .page-sous-metier .container-bottom .the-content .img-bloc-3 {
          padding-top: 0; } }
  .page-sous-metier .container-bottom .the-content .img-bloc-3 {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, left 1s;
    left: 100%; }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-sous-metier .container-bottom .the-content .img-bloc-3:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .page-sous-metier .container-bottom .the-content .content-text h2, .page-sous-metier .container-bottom .the-content .content-text p {
    text-align: left; }
  .page-sous-metier .container-bottom .the-content .content-text p {
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px; }
  @media screen and (min-width: 768px) {
        .page-sous-metier .container-bottom .the-content .img-bloc-3 {
          display: none; } }
  @media screen and (min-width: 1200px) {
        .page-sous-metier .container-bottom .the-content .img-bloc-3 {
          display: inherit; } }
  .page-sous-metier .content-trait {
    display: none; }
  @media screen and (min-width: 1200px) {
    .page-sous-metier .content-trait {
      display: block; } }
  .page-sous-metier .content-trait .trait:after {
    height: 85px;
    top: -10px; }
  @media screen and (min-width: 768px) {
        .page-sous-metier .content-trait .trait:after {
          left: 60%; } }
  .page-sous-metier .content-trait .txt-vertical {
    transform-origin: top left;
    top: 70px; }
  @media screen and (min-width: 768px) {
      .page-sous-metier .content-trait .txt-vertical {
        left: calc(60% + 2px); } }
/*  -------------------------------------------------------
 ------------------->>> VUE AGENCE <<<-------
 uniquement le bloc avec 3 picto => tout le reste dans le layout
 -------------------------------------------------------  */
.page-agence #banniere-header .background-img .capsule .is-third {
  max-width: 55%; }
  @media screen and (min-width: 992px) {
    .page-agence #banniere-header .background-img .capsule .is-third {
      width: 400px; } }
  .page-agence #breadcrumb {
    background-color: #fbfbfb; }

.bck-agence {
  background: #fbfbfb; }
  .bck-agence h2 span {
    display: block;
    font-style: normal; }
  @media screen and (min-width: 992px) {
    .bck-agence .agence {
      padding-bottom: 100px; } }
  .bck-agence .agence .content .item {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 15px; }
  .bck-agence .agence .content .item:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .bck-agence .agence .content .item:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .bck-agence .agence .content .item:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .bck-agence .agence .content .item:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .bck-agence .agence .content .item:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .bck-agence .agence .content .item:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .bck-agence .agence .content .item:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .bck-agence .agence .content .item:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .bck-agence .agence .content .item:nth-child(10) {
    transition-delay: calc((10s)/10); }
  @media screen and (min-width: 992px) {
        .bck-agence .agence .content .item {
          max-width: 260px;
          margin: 0 auto; } }
  .bck-agence .agence .content .item .pict {
    width: 120px;
    height: 120px; }
  .bck-agence .agence .content .item .title {
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #ea0069;
    font-size: 24px;
    padding: 33px 14px;
    text-align: center;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
        .bck-agence .agence .content .item .title {
          min-height: 75px; } }
    @media screen and (min-width: 992px) {
        .bck-agence .agence .content .item .title {
          min-height: auto; } }
  .bck-agence .agence .content .item .about {
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    color: #252525; }

.contenu-ordonnable {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .contenu-ordonnable .agence-1 {
    -webkit-box-ordinal-group: 1;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /*OLD - Firefox 19- */
    -ms-flex-order: 1;
    /*TWEENER - IE 10 */
    -webkit-order: 1;
    /*NEW - Chrome */
    order: 1;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    .contenu-ordonnable .agence-1 {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-1 {
      padding-top: 100px; } }
  @media screen and (min-width: 992px) {
      .contenu-ordonnable .agence-1 .about {
        padding-left: 100px; } }
  .contenu-ordonnable .agence-1 .btn-cta {
    margin: auto auto 0 0; }
  .contenu-ordonnable .agence-2 {
    -webkit-box-ordinal-group: 2;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /*OLD - Firefox 19- */
    -ms-flex-order: 2;
    /*TWEENER - IE 10 */
    -webkit-order: 2;
    /*NEW - Chrome */
    order: 2;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-2 {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .contenu-ordonnable .agence-3 {
    -webkit-box-ordinal-group: 3;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3;
    /*OLD - Firefox 19- */
    -ms-flex-order: 3;
    /*TWEENER - IE 10 */
    -webkit-order: 3;
    /*NEW - Chrome */
    order: 3;
    padding-top: 2rem;
    padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    .contenu-ordonnable .agence-3 {
      padding-bottom: 2rem; } }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-3 {
      padding-top: 0;
      padding-bottom: 100px; } }
  @media screen and (min-width: 992px) {
      .contenu-ordonnable .agence-3 .about {
        padding-left: 100px; } }
  .contenu-ordonnable .agence-3 .btn-cta {
    margin: auto auto 0 0; }
  .contenu-ordonnable .agence-4 {
    -webkit-box-ordinal-group: 4;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 4;
    /*OLD - Firefox 19- */
    -ms-flex-order: 4;
    /*TWEENER - IE 10 */
    -webkit-order: 4;
    /*NEW - Chrome */
    order: 4;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-4 {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .contenu-ordonnable .agence-5 {
    -webkit-box-ordinal-group: 5;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 5;
    /*OLD - Firefox 19- */
    -ms-flex-order: 5;
    /*TWEENER - IE 10 */
    -webkit-order: 5;
    /*NEW - Chrome */
    order: 5;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-5 {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .contenu-ordonnable .agence-6 {
    -webkit-box-ordinal-group: 6;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 6;
    /*OLD - Firefox 19- */
    -ms-flex-order: 6;
    /*TWEENER - IE 10 */
    -webkit-order: 6;
    /*NEW - Chrome */
    order: 6;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 992px) {
    .contenu-ordonnable .agence-6 {
      padding-top: 100px;
      padding-bottom: 100px; } }

#banniere-centrale.definima .content .about {
  top: 40%; }
  @media screen and (min-width: 576px) {
      #banniere-centrale.definima .content .about {
        top: 43%; } }
  @media screen and (min-width: 768px) {
      #banniere-centrale.definima .content .about {
        top: 11%; } }
  @media screen and (min-width: 992px) {
      #banniere-centrale.definima .content .about {
        top: 8%; } }
  @media screen and (min-width: 1200px) {
      #banniere-centrale.definima .content .about {
        top: 11%; } }
  #banniere-centrale.definima .content .about h2 {
    padding-top: 0; }

.bck-agence .agence .content .item .pict #picto_anniversaire #gateau1 {
  stroke-dashoffset: 296.01;
  stroke-dasharray: 296.01; }
  .bck-agence .agence .content .item .pict #picto_anniversaire #gateau2 {
    stroke-dashoffset: 157.6;
    stroke-dasharray: 157.6; }
  .bck-agence .agence .content .item .pict #picto_anniversaire #gateau3 {
    stroke-dashoffset: 181.7;
    stroke-dasharray: 181.7; }
  .bck-agence .agence .content .item .pict #picto_anniversaire #bougie {
    stroke-dashoffset: 60.12;
    stroke-dasharray: 60.12; }
  .bck-agence .agence .content .item .pict #picto_anniversaire #cire {
    stroke-dashoffset: 25;
    stroke-dasharray: 25; }
  .bck-agence .agence .content .item .pict #picto_collaborateurs #bouche {
    stroke-dashoffset: 82.84;
    stroke-dasharray: 82.84; }
  .bck-agence .agence .content .item .pict #picto_collaborateurs #oeil {
    stroke-dashoffset: 25.12;
    stroke-dasharray: 25.12; }
  .bck-agence .agence .content .item .pict #picto_collaborateurs #contour {
    stroke-dashoffset: 417.83;
    stroke-dasharray: 417.83; }
  .bck-agence .agence .content .item .pict #picto_bordeaux #triangle {
    stroke-dashoffset: 135.69;
    stroke-dasharray: 135.69; }
  .bck-agence .agence .content .item .pict #picto_bordeaux #contour {
    stroke-dashoffset: 417.83;
    stroke-dasharray: 417.83; }
  .bck-agence .agence .content .item .pict svg.active > * {
    stroke-dashoffset: 0 !important;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    fill: 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s !important; }
/*  -------------------------------------------------------
 ------------------->>> VUE EQUIPES & EQUIPE <<<-------
 VUE EQUIPES : le bloc central avec les img des collaborateur
 un overide du bloc infos pour alignement différent du layout
 un overide du bloc info pour l'agence avec trait pour alignement 
 -------------------------------------------------------  */
.container-equipes h1 {
  max-width: 400px; }
  .container-equipes .equipes .item {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 302px;
    overflow: hidden; }
  .container-equipes .equipes .item:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .container-equipes .equipes .item:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .container-equipes .equipes .item:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .container-equipes .equipes .item:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .container-equipes .equipes .item:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .container-equipes .equipes .item:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .container-equipes .equipes .item:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .container-equipes .equipes .item:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .container-equipes .equipes .item:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .container-equipes .equipes .item .about {
    display: none; }
  .container-equipes .equipes .item .about .picto {
    font-size: 50px;
    line-height: 50px; }
  .container-equipes .equipes .item:hover .carre {
    -webkit-transform: translate(-349px, -435px);
    -ms-transform: translate(-349px, -435px);
    transform: translate(-349px, -435px); }
    @media screen and (min-width: 768px) {
        .container-equipes .equipes .item:hover .carre {
          -webkit-transform: translate(-169%, -106%);
          -ms-transform: translate(-169%, -106%);
          transform: translate(-169%, -106%); } }
    @media screen and (min-width: 992px) {
        .container-equipes .equipes .item:hover .carre {
          -webkit-transform: translate(-173%, -106%);
          -ms-transform: translate(-173%, -106%);
          transform: translate(-173%, -106%); } }
    @media screen and (min-width: 1200px) {
        .container-equipes .equipes .item:hover .carre {
          -webkit-transform: translate(-138%, -106%);
          -ms-transform: translate(-138%, -106%);
          transform: translate(-138%, -106%); } }
    .container-equipes .equipes .item:hover .carre:before {
      content: '';
      background: #ea0069;
      background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
      background: linear-gradient(135deg, #ea0069, #fc6767);
      width: 400px;
      height: 400px;
      display: block;
      transform-origin: top right;
      -ms-transform: rotate(-21deg);
      -webkit-transform: rotate(-21deg);
      transform: rotate(-21deg);
      opacity: 1; }
  .container-equipes .equipes .item:hover .about {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    position: relative;
    height: 100%; }
    .container-equipes .equipes .item:hover .about img {
      max-width: 50px;
      height: auto; }
    .container-equipes .equipes .item:hover .about .firstname {
      font-family: 'Playfair Display', serif;
      font-size: 2.2rem;
      font-weight: bold;
      color: white; }
    .container-equipes .equipes .item:hover .about .job {
      font-family: 'Barlow', sans-serif;
      font-style: italic;
      font-size: 1rem;
      color: white; }
  .container-equipes .content-trait {
    position: relative; }
  .container-equipes .content-trait .trait:after {
    top: -90px;
    right: 25px; }
  @media screen and (min-width: 768px) {
        .container-equipes .content-trait .trait:after {
          right: 52%; } }
  @media screen and (min-width: 992px) {
        .container-equipes .content-trait .trait:after {
          top: -197px; } }
  .container-equipes .content-trait .txt-vertical {
    top: 253px;
    right: 14px; }
  @media screen and (min-width: 768px) {
      .container-equipes .content-trait .txt-vertical {
        top: 100px;
        transform-origin: bottom left;
        right: 0;
        left: 48%; } }
  @media screen and (min-width: 992px) {
      .container-equipes .content-trait .txt-vertical {
        top: -5px; } }
/*  -------------------------------------------------------
 ------------->>> VUES PROJETS + PROJET <<<-------------
 -------------------------------------------------------  */
/* Menu */
#filters {
  font-family: 'Barlow', sans-serif; }
  #filters .menu-tiny {
    padding-top: 20px;
    padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    #filters .menu-tiny {
      padding-top: 80px;
      padding-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    #filters .menu-tiny {
      display: none; } }
  #filters .menu-tiny .content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  #filters .menu-tiny .content label {
    text-align: center;
    margin-bottom: 0.5rem; }
  @media screen and (min-width: 576px) {
        #filters .menu-tiny .content label {
          margin-bottom: 0;
          text-align: inherit; } }
  #filters .menu-tiny .content .wrap-select {
    padding-left: 30px;
    padding-right: 30px; }
  #filters .menu-tiny .content .wrap-select #pet-select {
    border-color: #ea0069;
    background-color: #fff;
    color: #ea0069;
    padding: 0.4rem 0.3rem;
    width: 100%; }
  #filters .menu-large {
    display: none; }
  @media screen and (min-width: 1200px) {
    #filters .menu-large {
      display: block; } }
  #filters .menu-large .menu-screen {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    width: 100%; }
  #filters .menu-large .menu-screen .border {
    border: 1px solid #252525;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 3px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 3px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 3px; }
  #filters .menu-large .menu-screen .border a.btn-projet {
    color: #252525;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-size: 12px;
    text-align: center;
    padding: 7px 18px; }
    #filters .menu-large .menu-screen .border a.btn-projet:hover {
      background: none; }
    #filters .menu-large .menu-screen .border a.btn-projet:hover span {
      color: #fff; }
  #filters .menu-large .menu-screen .border:hover, #filters .menu-large .menu-screen .border.is-checked {
    background-color: #ea0069;
    background-image: -webkit-gradient(linear, left top, right top, from(#ea0069), to(#fc6767));
    background-image: -webkit-linear-gradient(left, #ea0069, #fc6767);
    background-image: -moz-linear-gradient(left, #ea0069, #fc6767);
    background-image: -ms-linear-gradient(left, #ea0069, #fc6767);
    background-image: -o-linear-gradient(left, #ea0069, #fc6767);
    background-image: linear-gradient(left, #ea0069, #fc6767);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ea0069", endColorStr="#fc6767", gradientType='1'); }
    #filters .menu-large .menu-screen .border:hover a.btn-projet, #filters .menu-large .menu-screen .border.is-checked a.btn-projet {
      color: #fff; }
  #filters .menu-large .menu-screen .border.is-checked {
    border: 0 !important; }
/* Contenu Isotope */
.grid {
  padding-top: 0; }
  .grid .works-grid {
    position: relative;
    width: 100%; }
  .grid .works-grid .grid-sizer {
    width: 100%; }
  @media screen and (min-width: 576px) {
      .grid .works-grid .grid-sizer {
        width: calc(100%/2); } }
  @media screen and (min-width: 768px) {
      .grid .works-grid .grid-sizer {
        width: calc(100%/3); } }
  @media screen and (min-width: 1200px) {
      .grid .works-grid .grid-sizer {
        width: calc(100%/4); } }
  .grid .works-grid .work-item {
    width: 100%;
    padding: 15px 30px; }
  @media screen and (min-width: 576px) {
      .grid .works-grid .work-item {
        padding: 10px;
        width: calc(100%/2); } }
  @media screen and (min-width: 768px) {
      .grid .works-grid .work-item {
        width: calc(100%/3); } }
  @media screen and (min-width: 1200px) {
      .grid .works-grid .work-item {
        width: calc(100%/4); } }
  .grid .works-grid .work-item .project-box {
    height: 100%; }
  .grid .works-grid .work-item .project-box h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem; }
  .grid .works-grid .work-item .project-box a {
    height: 100%;
    display: block;
    overflow: hidden; }
    .grid .works-grid .work-item .project-box a img {
      height: 100%;
      width: auto; }
    @media screen and (min-width: 576px) {
          .grid .works-grid .work-item .project-box a img {
            height: auto;
            width: 100%; } }
    .grid .works-grid .work-item .project-box a .about {
      position: absolute;
      width: 100%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
      /* W3C */
      bottom: 0;
      padding: 20px 0 8px 8px;
      font-size: 16px;
      color: white; }
    .grid .works-grid .work-item .project-box a .about > div {
      font-family: 'Barlow', sans-serif;
      font-style: italic; }
    .grid .works-grid .work-item .project-box a .hover-projet-container {
      text-align: center;
      position: relative;
      height: 100%;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .grid .works-grid .work-item .project-box a .hover-projet-container h3 {
      font-size: 2rem; }
    .grid .works-grid .work-item .project-box a .hover-projet-container .contenu {
      font-size: 1rem;
      font-style: italic; }
    .grid .works-grid .work-item .project-box a .hover-projet-container .arrow {
      width: 30px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -15px;
      background: url('../images/white-arrow.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      width: 25px;
      height: 25px;
      display: block;
      margin-top: 0.87em;
      margin-bottom: 0; }
  .grid .works-grid .work-item .project-box a.content-projet {
    display: block;
    position: relative; }
  .grid .works-grid .work-item .project-box a.hover-projet {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px 0px;
    transition: visibility 0s, opacity 0.5s linear;
    background: #ea0069;
    background: -webkit-linear-gradient(top, #ea0069, #fc6767);
    background: linear-gradient(to bottom, #ea0069, #fc6767);
    color: white;
    padding: 2rem 1.5rem; }
    @media screen and (min-width: 992px) {
        .grid .works-grid .work-item .project-box a.hover-projet {
          padding: 3rem 1.5rem; } }
    .grid .works-grid .work-item .project-box a.hover-projet .title {
      text-align: center; }
    .grid .works-grid .work-item .project-box a.hover-projet .arrow {
      display: none; }
  .grid .works-grid .work-item.wide .img-listing {
    display: none; }
  @media screen and (min-width: 576px) {
      .grid .works-grid .work-item.wide {
        width: calc(100%);
        right: unset; }
        .grid .works-grid .work-item.wide .img-listing {
          display: block; }
        .grid .works-grid .work-item.wide .img-listing-mobile {
          display: none; } }
  @media screen and (min-width: 768px) {
      .grid .works-grid .work-item.wide {
        width: calc(100%/3*2); } }
  @media screen and (min-width: 1200px) {
      .grid .works-grid .work-item.wide {
        width: calc(100%/2); } }
  .grid .works-grid .work-item.wide a.hover-projet {
    padding: 2rem 1.5rem; }
  @media screen and (min-width: 992px) {
        .grid .works-grid .work-item.wide a.hover-projet {
          padding: 3rem 1.5rem; } }
/* Bas de page */
.lazy-loading {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .lazy-loading .end-of-projects {
    font-style: italic;
    margin: 30px 0; }

@media screen and (min-width: 768px) {
              .page-projet #banniere-header .background-img .content .about h1, .page-projet #banniere-header .background-img .content .about h1 p {
                font-size: 60px; } }
  .page-projet #banniere-header .background-img .content .about p {
    font-size: 14px; }
  @media screen and (min-width: 768px) {
            .page-projet #banniere-header .background-img .content .about p {
              font-size: 32px; } }

#projet {
  position: relative; }
  @media screen and (min-width: 992px) {
    #projet .resum {
      padding-right: 2.5rem;
      padding-left: 15px; } }
  #projet .resum a.back-list {
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.79px;
    padding-bottom: 20px;
    display: block;
    text-align: left; }
  @media screen and (min-width: 992px) {
      #projet .resum a.back-list {
        padding-bottom: 0; } }
  #projet .resum h2 {
    padding-bottom: 0.75rem;
    text-align: left;
    font-family: 'Barlow', sans-serif; }
  #projet .resum p {
    text-align: left; }
  #projet .resum > p {
    margin-bottom: 1.2rem; }
  #projet .resum ul.elements {
    text-align: left; }
  #projet .resum ul.elements li.item {
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px; }
  #projet .resum ul.elements li.item:first-of-type {
    padding-top: 20px; }
  #projet .resum ul.elements li.item div.carre {
    display: inline-flex; }
  #projet .resum ul.elements li.item div.carre:before {
    position: relative;
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 11px;
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  #projet .resum ul.elements li.item > span {
    position: absolute;
    left: 9px;
    color: white;
    font-size: 14px;
    font-weight: bold; }
  #projet .zoom {
    margin-top: 20px; }
  #projet .zoom .content {
    display: block;
    margin: 0;
    padding: 20px; }
  #projet .zoom .content h3 {
    padding-bottom: 15px; }
  #projet .zoom .content ul {
    list-style: initial;
    padding-left: 15px; }
  #projet .zoom .content p, #projet .zoom .content li {
    margin-bottom: 10px;
    text-align: left; }
  #projet .zoom .content .icon-techno svg {
    max-width: 200px;
    height: auto; }
  @media screen and (min-width: 992px) {
    #projet .zoom {
      padding-left: 2.5rem;
      position: relative; }
      #projet .zoom .content {
        background: rgba(255, 255, 255, 0.3); }
        #projet .zoom .content h3 {
          text-align: left;
          font-family: 'Barlow', sans-serif;
          font-style: italic;
          font-size: 20px;
          line-height: 24px;
          padding-bottom: 20px; }
        #projet .zoom .content ul {
          list-style: initial;
          padding-bottom: 20px;
          padding-left: 15px;
          padding-top: 20px; }
          #projet .zoom .content ul li {
            padding: 1.5px 0;
            font-family: 'Barlow', sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px; }
        #projet .zoom .content p {
          font-family: 'Barlow', sans-serif;
          font-style: italic;
          font-size: 16px;
          font-weight: 300;
          line-height: 24px;
          text-align: left;
          padding-bottom: 0; }
        #projet .zoom .content span.icon-techno {
          padding-top: 20px; } }
  @media screen and (min-width: 992px) and (min-width: 992px) {
          #projet .zoom .content {
            position: absolute;
            left: 2.5rem;
            top: -105px;
            max-width: 390px;
            padding: 3.5rem 2.5rem; } }

.duo.projet .btn-cta {
  margin: 0 auto 0 0; }

.banniere-centrale.projet {
  padding-top: 3rem;
  margin-bottom: 300px; }
  @media screen and (min-width: 768px) {
  .banniere-centrale.projet {
    margin-bottom: 0; } }
  .banniere-centrale.projet .about {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .banniere-centrale.projet .about .cta {
    display: block;
    margin: auto 0 0 0; }

.page-projet #metiers {
  background: #fbfbfb; }
  @media screen and (min-width: 768px) {
    .page-projet #metiers .container-capsule {
      max-width: 100%;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
      .page-projet #metiers .container-capsule h2 {
        padding-top: 8px; } }
  .page-projet #metiers .container-capsule .content {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .page-projet #metiers .container-capsule .content .item {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, top 1s;
    top: 200px;
    position: relative;
    margin: 0 0 20px 0; }
  .page-projet #metiers .container-capsule .content .item:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-projet #metiers .container-capsule .content .item:nth-child(10) {
    transition-delay: calc((10s)/10); }
  @media screen and (min-width: 768px) {
        .page-projet #metiers .container-capsule .content .item {
          margin: 0 10px 30px 10px;
          width: 260px;
          max-width: 260px; } }
  @media screen and (min-width: 1200px) {
        .page-projet #metiers .container-capsule .content .item {
          max-width: 250px; } }
  .page-projet #metiers .container-capsule .content .item:first-child:before, .page-projet #metiers .container-capsule .content .item:nth-child(2):before, .page-projet #metiers .container-capsule .content .item:nth-child(3):before, .page-projet #metiers .container-capsule .content .item:nth-child(4):before, .page-projet #metiers .container-capsule .content .item:nth-child(5):before, .page-projet #metiers .container-capsule .content .item:nth-child(6):before {
    opacity: 0.06;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 104px;
    letter-spacing: 10.29px;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    text-align: center; }
  .page-projet #metiers .container-capsule .content .item:first-child:before {
    content: '01'; }
  .page-projet #metiers .container-capsule .content .item:nth-child(2):before {
    content: '02'; }
  .page-projet #metiers .container-capsule .content .item:nth-child(3):before {
    content: '03'; }
  .page-projet #metiers .container-capsule .content .item:nth-child(4):before {
    content: '04'; }
  .page-projet #metiers .container-capsule .content .item:nth-child(5):before {
    content: '05'; }
  .page-projet #metiers .container-capsule .content .item:nth-child(6):before {
    content: '06'; }
  .page-projet #metiers .container-capsule .content .item.hover:before {
    opacity: 0; }
  .page-projet #metiers .container-capsule .content .item .the-content {
    background: none; }
  @media screen and (min-width: 576px) {
          .page-projet #metiers .container-capsule .content .item .the-content {
            height: 380px; } }
  @media screen and (min-width: 992px) {
          .page-projet #metiers .container-capsule .content .item .the-content {
            height: 324px;
            padding: 25px 15px 25px 15px; } }
  @media screen and (min-width: 1200px) {
          .page-projet #metiers .container-capsule .content .item .the-content {
            height: 320px; } }
  .page-projet #metiers .container-capsule .content .item .the-content a .picto {
    padding-top: 0; }
  .page-projet #metiers .container-capsule .content .item .the-content a h3 {
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 6px; }
  @media screen and (min-width: 576px) {
              .page-projet #metiers .container-capsule .content .item .the-content a h3 {
                min-height: 105px; } }
  @media screen and (min-width: 992px) {
              .page-projet #metiers .container-capsule .content .item .the-content a h3 {
                min-height: 91px; } }
  .page-projet #metiers .container-capsule .content .item .the-content a .about {
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    min-height: auto;
    padding-bottom: 15px; }
  @media screen and (min-width: 576px) {
              .page-projet #metiers .container-capsule .content .item .the-content a .about {
                min-height: 79px; } }
  @media screen and (min-width: 992px) {
              .page-projet #metiers .container-capsule .content .item .the-content a .about {
                min-height: 63px; } }
  .page-projet #metiers .container-capsule .content .item .the-content a .arrow {
    margin-top: auto; }

section.duo.projet .item.second ul {
  text-align: left;
  padding-top: 12px; }
  section.duo.projet .item.second ul li.item {
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px; }
  section.duo.projet .item.second ul li.item div.carre {
    display: inline-flex; }
  section.duo.projet .item.second ul li.item div.carre:before {
    position: relative;
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 11px;
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  section.duo.projet .item.second ul li.item > span {
    position: absolute;
    left: 9px;
    color: white;
    font-size: 1rem; }
  section.duo.projet .item.second ul li.item p {
    padding-bottom: 0 !important; }

#other-project .projects-list .projet {
  padding-bottom: 30px; }
  #other-project .projects-list .projet div.content-projet {
    display: block;
    position: relative;
    height: 187px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  @media screen and (min-width: 992px) {
        #other-project .projects-list .projet div.content-projet {
          height: 250px; } }
  #other-project .projects-list .projet div.content-projet .about {
    position: absolute;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C */
    bottom: 0;
    padding: 20px 0 8px 8px;
    font-size: 16px;
    color: white; }
  #other-project .projects-list .projet div.content-projet .about > div {
    font-family: 'Barlow', sans-serif;
    font-style: italic; }
  #other-project .projects-list .projet div.content-projet .about h3 {
    font-family: 'Playfair Display', serif; }
  #other-project .projects-list .projet div.content-projet a.hover-projet {
    height: 187px;
    display: none;
    transition: visibility 0s, opacity 0.5s linear;
    background: #ea0069;
    background: -webkit-linear-gradient(top, #ea0069, #fc6767);
    background: linear-gradient(to bottom, #ea0069, #fc6767);
    color: white;
    padding: 2rem 1.5rem;
    opacity: 0.9; }
  @media screen and (min-width: 992px) {
          #other-project .projects-list .projet div.content-projet a.hover-projet {
            height: 250px; } }
  @media screen and (min-width: 992px) {
          #other-project .projects-list .projet div.content-projet a.hover-projet {
            padding: 3rem 1.5rem; } }
  #other-project .projects-list .projet div.content-projet a.hover-projet h3 {
    font-family: 'Playfair Display', serif;
    text-align: center; }

#interesse {
  height: 320px; }
  #interesse .the-content {
    height: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  #interesse .the-content h2 {
    color: #fff; }

.contenu-ordonnable {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .contenu-ordonnable .projet-1 {
    -webkit-box-ordinal-group: 1;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /*OLD - Firefox 19- */
    -ms-flex-order: 1;
    /*TWEENER - IE 10 */
    -webkit-order: 1;
    /*NEW - Chrome */
    order: 1; }
  .contenu-ordonnable .projet-2 {
    -webkit-box-ordinal-group: 2;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /*OLD - Firefox 19- */
    -ms-flex-order: 2;
    /*TWEENER - IE 10 */
    -webkit-order: 2;
    /*NEW - Chrome */
    order: 2; }
  .contenu-ordonnable .projet-3 {
    -webkit-box-ordinal-group: 3;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3;
    /*OLD - Firefox 19- */
    -ms-flex-order: 3;
    /*TWEENER - IE 10 */
    -webkit-order: 3;
    /*NEW - Chrome */
    order: 3; }
  .contenu-ordonnable .projet-4 {
    -webkit-box-ordinal-group: 4;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 4;
    /*OLD - Firefox 19- */
    -ms-flex-order: 4;
    /*TWEENER - IE 10 */
    -webkit-order: 4;
    /*NEW - Chrome */
    order: 4; }
  .contenu-ordonnable .projet-5 {
    -webkit-box-ordinal-group: 5;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 5;
    /*OLD - Firefox 19- */
    -ms-flex-order: 5;
    /*TWEENER - IE 10 */
    -webkit-order: 5;
    /*NEW - Chrome */
    order: 5; }
  .contenu-ordonnable .projet-6 {
    -webkit-box-ordinal-group: 6;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 6;
    /*OLD - Firefox 19- */
    -ms-flex-order: 6;
    /*TWEENER - IE 10 */
    -webkit-order: 6;
    /*NEW - Chrome */
    order: 6; }

.content-trait.projet .trait .txt-vertical {
  top: 8px;
  left: 27px;
  transform-origin: top left; }
  @media screen and (min-width: 992px) {
      .content-trait.projet .trait .txt-vertical {
        top: 111px;
        left: 72%; } }
  .content-trait.projet .trait:after {
    top: -194px;
    left: 12px; }
  @media screen and (min-width: 992px) {
      .content-trait.projet .trait:after {
        top: -90px;
        left: 71%; } }

#maquette {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 576px) {
  #maquette {
    padding-left: 15px;
    padding-right: 15px; } }
  @media screen and (min-width: 992px) {
  #maquette {
    margin-bottom: 0; } }
  #maquette .pict {
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 450px; }
  @media screen and (min-width: 992px) {
    #maquette .pict {
      min-height: 650px; } }
  @media screen and (min-width: 1200px) {
    #maquette .pict {
      min-height: 850px; } }
  @media screen and (max-width: 576px) {
  #maquette > .row {
    margin-right: 0; } }

#footer-projet {
  color: white;
  text-align: center;
  background-size: cover !important;
  font-family: 'Playfair Display', serif; }
  @media screen and (min-width: 992px) {
    #footer-projet .container {
      margin-top: 0; } }
  #footer-projet .container .accroche {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 2.25rem; }
  @media screen and (min-width: 992px) {
      #footer-projet .container .accroche {
        padding-top: 11.5rem;
        padding-bottom: 4.8rem;
        font-size: 2.25rem; } }
  #footer-projet .container .about {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    font-family: 'Playfair Display', serif; }
  @media screen and (min-width: 992px) {
      #footer-projet .container .about {
        font-size: 2rem;
        padding-bottom: 11.2rem; } }
  #footer-projet .container .about .simple {
    font-weight: normal;
    font-style: normal; }
  #footer-projet .container .about .simple-ita {
    font-weight: normal;
    font-style: italic; }
  #footer-projet .container .about .bold {
    font-weight: bold; }
  #footer-projet .container .about .bold-ita {
    font-weight: bold;
    font-style: italic; }
  #footer-projet .container .about .black {
    font-weight: bold; }
  #footer-projet .container .about .black-ita {
    font-weight: bold;
    font-style: italic; }
/*  -------------------------------------------------------
 ------------------->>> VUE ARTICLES & ARTICLE <<<------
 VUE LISTE DES DERNIERS ARTICLE retourné dans la home
 VUE ARTICLES : autre containeur pas de caroussel
 -------------------------------------------------------  */
@media screen and (min-width: 768px) {
        .listing-articles #banniere-header .background-img {
          height: 700px; } }
  @media screen and (min-width: 768px) {
        .listing-articles #banniere-header .background-img .capsule {
          min-height: 510px; } }
  @media screen and (min-width: 768px) {
          .listing-articles #banniere-header .background-img .capsule .carre {
            transform: translate(80%, calc(700px * 0.60)) rotate(68deg); } }
  @media screen and (min-width: 1200px) {
          .listing-articles #banniere-header .background-img .capsule .carre {
            transform: translate(80%, calc(700px * 0.53)) rotate(71deg); } }
  .listing-articles #banniere-header .background-img .capsule .info div {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 30px;
    transform-origin: bottom;
    text-align: left; }
  @media screen and (min-width: 768px) {
            .listing-articles #banniere-header .background-img .capsule .info div {
              font-size: 56px; } }
  .listing-articles #banniere-header .background-img .capsule .info span.little {
    display: block; }
  @media screen and (min-width: 992px) {
          .listing-articles #banniere-header .background-img .capsule .is-third {
            width: unset; } }

.search-articles .content-recherche h2 {
  color: #ea0069;
  font-weight: 600; }
  .search-articles .content-recherche .content {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .search-articles .content-recherche .content .bloc-search, .search-articles .content-recherche .content .bloc-submit {
    padding: 15px 0 0 0; }
  @media screen and (min-width: 576px) {
        .search-articles .content-recherche .content .bloc-search, .search-articles .content-recherche .content .bloc-submit {
          padding: 0; } }
  .search-articles .content-recherche .content .bloc-search input {
    width: 100%;
    min-height: 100%; }

.listing-articles .bckg {
  background-color: #fbfbfb;
  padding-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .listing-articles .bckg {
      padding-bottom: 120px; } }
  @media screen and (min-width: 992px) {
    .listing-articles .bckg {
      padding-bottom: 150px; } }
  @media screen and (min-width: 1200px) {
    .listing-articles .bckg {
      padding-bottom: 200px; } }
  .listing-articles .bckg #last-post {
    padding-bottom: 0; }
  @media screen and (min-width: 576px) {
      .listing-articles .bckg #last-post {
        max-width: 100%; } }
  @media screen and (min-width: 768px) {
      .listing-articles .bckg #last-post {
        max-width: 720px;
        position: absolute;
        top: 500px;
        left: 50%;
        -webkit-transform: translate(-50%, -55px);
        -ms-transform: translate(-50%, -55px);
        transform: translate(-50%, -55px); } }
  @media screen and (min-width: 992px) {
      .listing-articles .bckg #last-post {
        max-width: 960px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        top: 450px; } }
  @media screen and (min-width: 1200px) {
      .listing-articles .bckg #last-post {
        max-width: 1110px;
        position: absolute;
        left: 50%; } }
  .listing-articles .bckg #last-post article {
    background: white;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 350px;
    margin: 0; }
  @media screen and (min-width: 576px) {
        .listing-articles .bckg #last-post article {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
  .listing-articles .bckg #last-post article .pict {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 350px; }
  @media screen and (min-width: 576px) {
          .listing-articles .bckg #last-post article .pict {
            -webkit-align-self: stretch;
            align-self: stretch; } }
  @media screen and (min-width: 992px) {
          .listing-articles .bckg #last-post article .pict {
            height: initial; } }
  .listing-articles .bckg #last-post article .content {
    padding: 2.5rem 1.87rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 350px; }
  @media screen and (min-width: 576px) {
          .listing-articles .bckg #last-post article .content {
            padding: 20px;
            -webkit-align-self: stretch;
            align-self: stretch; } }
  @media screen and (min-width: 768px) {
          .listing-articles .bckg #last-post article .content {
            padding: 2.5rem 1.87rem; } }
  .listing-articles .bckg #last-post article .content h3, .listing-articles .bckg #last-post article .content > p {
    min-height: auto; }
  .listing-articles .bckg #last-post article .content .about {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between; }
  @media screen and (min-width: 576px) {
            .listing-articles .bckg #last-post article .content .about {
              margin-top: auto; } }
  @media screen and (min-width: 768px) {
            .listing-articles .bckg #last-post article .content .about {
              -webkit-align-items: baseline;
              -ms-flex-align: baseline;
              align-items: baseline; } }
  .listing-articles .bckg #last-post article .content .about .autor {
    padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
              .listing-articles .bckg #last-post article .content .about .autor {
                padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
              .listing-articles .bckg #last-post article .content .about .more {
                text-align: right; } }
  @media screen and (min-width: 768px) {
                  .listing-articles .bckg #last-post article .content .about .more a span {
                    display: inline; } }
  @media screen and (min-width: 768px) {
                  .listing-articles .bckg #last-post article .content .about .more a .overlay-link {
                    margin: 0 0 0 auto;
                    width: 90px;
                    -webkit-transform: translate(14px, 8px);
                    -ms-transform: translate(14px, 8px);
                    transform: translate(14px, 8px); } }
  @media screen and (max-width: 768px) {
      .listing-articles .bckg #breadcrumb {
        max-width: unset; } }
  @media screen and (min-width: 767px) {
      .listing-articles .bckg #breadcrumb {
        padding-top: 10rem; } }
  @media screen and (min-width: 992px) {
      .listing-articles .bckg #breadcrumb {
        padding-top: 5rem; } }
  .listing-articles .bckg #filters {
    padding-top: 30px;
    width: 100%; }
  @media screen and (min-width: 768px) {
      .listing-articles .bckg #filters {
        padding-top: 3rem; } }
  @media screen and (min-width: 992px) {
      .listing-articles .bckg #filters {
        max-width: 960px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto; } }
  @media screen and (min-width: 1200px) {
      .listing-articles .bckg #filters {
        max-width: 1140px; } }
  .listing-articles .bckg #filters .menu-tiny .menu-screen, .listing-articles .bckg #filters .menu-large .menu-screen {
    width: auto; }
  .listing-articles .bckg #filters .menu-tiny .menu-screen .border, .listing-articles .bckg #filters .menu-large .menu-screen .border {
    padding: 0;
    margin-right: 16px; }
  .listing-articles .bckg #filters .menu-tiny .search, .listing-articles .bckg #filters .menu-large .search {
    position: relative;
    border-bottom: 1px solid #ddd; }
  .listing-articles .bckg #filters .menu-tiny .search input[type=search], .listing-articles .bckg #filters .menu-large .search input[type=search] {
    min-width: 200px;
    background: none;
    padding: 7px;
    border: 0;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    color: #b5b5b5; }
  .listing-articles .bckg #filters .menu-tiny .search .fa-search, .listing-articles .bckg #filters .menu-large .search .fa-search {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #ea0069; }
  .listing-articles .bckg #filters .menu-tiny {
    background: #fff;
    padding: 20px 24px;
    max-width: 100%; }
  .listing-articles .bckg #filters .menu-tiny .search {
    margin-top: 24px; }
  @media screen and (min-width: 576px) {
          .listing-articles .bckg #filters .menu-tiny .search {
            margin-top: 0; } }
  .listing-articles .bckg #filters .menu-tiny .search form {
    position: relative; }
  .listing-articles .bckg #filters .menu-tiny .search form .fa-search {
    position: absolute;
    right: 0;
    bottom: 7px; }
  .listing-articles .bckg #filters .menu-tiny #pet-select {
    width: 100%;
    background-image: none; }
  .listing-articles .bckg #filters .menu-large {
    display: none;
    background: #fff;
    padding: 22px; }
  @media screen and (min-width: 1200px) {
        .listing-articles .bckg #filters .menu-large {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: space-between;
          -ms-flex-pack: space-between;
          justify-content: space-between; } }
  .listing-articles #blog .listing-post .wrapper-post {
    padding: 15px; }
  @media screen and (min-width: 768px) {
        .listing-articles #blog .listing-post .wrapper-post {
          padding: 10px 10px; } }
  @media screen and (min-width: 992px) {
        .listing-articles #blog .listing-post .wrapper-post {
          padding: 10px 15px; } }
  @media screen and (min-width: 1200px) {
        .listing-articles #blog .listing-post .wrapper-post {
          padding: 8px 10px; } }
  @media screen and (min-width: 1900px) {
        .listing-articles #blog .listing-post .wrapper-post {
          padding: 8px 14px; } }
  .listing-articles #blog .listing-post .wrapper-post article {
    border: 2px solid #fbfbfb; }
  .listing-articles #blog .listing-post .wrapper-post article .content {
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff; }
  .listing-articles #blog .listing-post .wrapper-post article .content h4 {
    color: #9a9a9a; }
  @media screen and (min-width: 992px) {
              .listing-articles #blog .listing-post .wrapper-post article .content h4 {
                min-height: 53px; } }
  @media screen and (min-width: 1200px) {
              .listing-articles #blog .listing-post .wrapper-post article .content h4 {
                min-height: inherit; } }
  .listing-articles #blog .listing-post .wrapper-post article .content h3 {
    min-height: inherit; }
  @media screen and (min-width: 992px) {
              .listing-articles #blog .listing-post .wrapper-post article .content h3 {
                min-height: 80px; } }
  @media screen and (min-width: 1200px) {
              .listing-articles #blog .listing-post .wrapper-post article .content h3 {
                min-height: inherit; } }
  .listing-articles #blog .listing-post .wrapper-post article .content > p {
    min-height: inherit; }
  @media screen and (min-width: 768px) {
              .listing-articles #blog .listing-post .wrapper-post article .content > p {
                min-height: 137px; } }
  @media screen and (min-width: 992px) {
              .listing-articles #blog .listing-post .wrapper-post article .content > p {
                min-height: 166px; } }
  @media screen and (min-width: 992px) {
              .listing-articles #blog .listing-post .wrapper-post article .content > p {
                min-height: 137px; } }
  .listing-articles #blog .listing-post .wrapper-post article .content .about {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .listing-articles #blog .listing-post .wrapper-post article .content .about .autor {
    padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
                .listing-articles #blog .listing-post .wrapper-post article .content .about .autor {
                  padding-bottom: 0; } }
  .listing-articles #blog .listing-post .wrapper-post article.hover {
    border: 2px solid #ea0069; }

.wrapper-agence {
  position: relative; }
  @media screen and (min-width: 768px) {
  .wrapper-agence .bloc-info .content .about {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; }
    .wrapper-agence .bloc-info .content .picture {
      -webkit-transform: translateY(-90px);
      -ms-transform: translateY(-90px);
      transform: translateY(-90px); } }

@media screen and (min-width: 768px) {
      .vue-article #banniere-header {
        padding-top: 40px; } }
  @media screen and (min-width: 768px) {
      .vue-article #banniere-header .background-img {
        height: 350px;
        max-width: 720px;
        margin: 0 auto; } }
  @media screen and (min-width: 992px) {
      .vue-article #banniere-header .background-img {
        max-width: 960px; } }
  @media screen and (min-width: 1200px) {
      .vue-article #banniere-header .background-img {
        max-width: 1140px; } }
  @media screen and (min-width: 768px) {
        .vue-article #banniere-header .background-img .capsule {
          min-height: 350px; } }
  @media screen and (min-width: 768px) {
          .vue-article #banniere-header .background-img .capsule .carre {
            transform: translate(80%, calc(350px * 0.86)) rotate(71deg); } }
  @media screen and (min-width: 768px) {
          .vue-article #banniere-header .background-img .capsule .left {
            padding-left: 99px; } }
  .vue-article #banniere-header .background-img .capsule .left .info div {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 30px;
    transform-origin: bottom;
    text-align: left; }
  @media screen and (min-width: 768px) {
              .vue-article #banniere-header .background-img .capsule .left .info div {
                font-size: 56px; } }
  @media screen and (max-width: 576px) {
  .vue-article .content {
    flex-direction: column-reverse; } }
  .vue-article article {
    margin: 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .vue-article article h1 {
    padding-bottom: 10px;
    font-size: 32px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    color: #000; }
  .vue-article article h2 {
    padding-bottom: 1rem;
    font-size: 2rem;
    text-align: left; }
  @media screen and (max-width: 576px) {
      .vue-article article h2 {
        font-size: 1.5rem; } }
  .vue-article article h3 {
    padding-bottom: 0.5rem; }
  .vue-article article h3 a {
    font-size: 32px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    color: #000;
    line-height: 24px; }
  .vue-article article h4 {
    padding-bottom: 20px; }
  .vue-article article h4 > a {
    color: #9a9a9a;
    font-size: 13px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    text-transform: lowercase;
    display: inline-block; }
  .vue-article article h4 > a:first-letter {
    text-transform: uppercase; }
  .vue-article article .content {
    padding-top: 0.5rem; }
  .vue-article article .content img {
    max-width: 100%;
    height: auto; }
  .vue-article article .content ul li, .vue-article article .content ol li {
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    color: #252525;
    padding: 0 0 5px 0; }
  .vue-article article .content ul li:last-of-type, .vue-article article .content ol li:last-of-type {
    padding-bottom: 10px; }
  .vue-article article .content ol {
    list-style: none;
    counter-reset: li;
    padding-left: 15px; }
  .vue-article article .content ol li {
    counter-increment: li; }
  .vue-article article .content ol li:before {
    content: counter(li) '.';
    color: #ea0069;
    padding-right: 15px; }
  .vue-article article .content ul {
    list-style: none;
    padding-left: 15px; }
  .vue-article article .content ul li {
    line-height: 26px; }
  .vue-article article .content ul li::marker {
    color: #ea0069; }
  .vue-article article .content a {
    color: #252525;
    font-weight: 500; }
  .vue-article article .content a:hover {
    text-decoration: underline; }
  .vue-article article .content p {
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    color: #252525;
    padding: 0 0 10px 0;
    line-height: 26px; }
  .vue-article article .content p:last-of-type {
    padding-bottom: 0; }
  .vue-article article .content p.highlighted {
    color: #ea0069; }
  .vue-article article .content p strong {
    font-weight: bold; }
  .vue-article article .about-author {
    padding-top: 3rem; }
  .vue-article article .about-author:before {
    content: '';
    border-top: 2px solid #ea0069;
    height: 2Px;
    display: block;
    width: 100px;
    margin: 0 auto; }
  .vue-article article .about-author .content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; }
  .vue-article article .about-author .content .infos {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .vue-article article .about-author .content .infos > div {
    font-size: 18px;
    color: #252525;
    line-height: 26px;
    padding-bottom: 14px; }
  .vue-article article .about-author .content .infos > div.author {
    color: #ea0069;
    font-weight: bold;
    font-style: italic;
    font-size: 2rem;
    padding-bottom: 20px; }
  .vue-article article .about-author .content .infos > div.description {
    font-size: 18px;
    color: #252525;
    line-height: 26px;
    padding-bottom: 14px; }
  @media screen and (min-width: 768px) {
    .vue-article .aside {
      padding: 0 2.5rem 0 0; } }
  .vue-article .aside .back a {
    font-size: 11px;
    letter-spacing: 0.79px;
    color: #ea0069;
    padding-bottom: 1.5rem;
    text-transform: uppercase;
    font-weight: bold; }
  .vue-article .aside .back a:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 0.5rem;
    color: #ea0069; }
  .vue-article .aside article {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e4e4e4; }
  .vue-article .aside article:last-of-type {
    border-bottom: 0; }
  .vue-article .aside article h3 {
    padding-bottom: 10px; }
  .vue-article .aside article h3 a {
    font-size: 20px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    color: black;
    line-height: 24px; }
  .vue-article .aside article .author {
    font-size: 12px;
    color: #252525; }
  .vue-article .aside article .author span {
    text-decoration: underline; }
  .vue-article .aside .share {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end; }
  @media screen and (min-width: 768px) {
      .vue-article .aside .share {
        padding-top: 50px; } }
  .vue-article .aside .share a {
    width: 50px;
    text-align: center;
    display: block; }
  .vue-article .aside .share a .fab {
    color: #ea0069;
    padding: 0.5rem 1rem 0.5rem 0; }
  .vue-article .aside .content-trait {
    position: relative; }
  .vue-article .aside .content-trait .trait:after {
    content: '';
    display: inline-block;
    height: 110px;
    border-left: 2px solid #ea0069;
    position: absolute;
    top: -200px;
    right: 25px; }
  @media screen and (min-width: 768px) {
          .vue-article .aside .content-trait .trait:after {
            right: 50%; } }
  .vue-article .aside .content-trait .txt-vertical {
    left: initial;
    width: 170px;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 0.9rem;
    color: #ea0069;
    transform: rotate(90deg);
    position: absolute;
    transform-origin: top right;
    line-height: 0.6;
    top: 66px;
    right: -7px; }
  .vue-article .banniere {
    background-image: url('../images/banniere-post.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    height: 410px;
    margin: 0;
    padding: 119px 0; }
  @media screen and (min-width: 768px) {
    .vue-article .banniere {
      height: 473px;
      margin: 120px 0 100px 0; } }
  .vue-article .banniere .container {
    padding-top: 0;
    padding-bottom: 0; }
  .vue-article .banniere .container p {
    font-family: 'Playfair Display', serif;
    font-weight: Bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
        .vue-article .banniere .container p {
          font-size: 54px; } }
  .vue-article .banniere .container .action {
    margin: 0 auto;
    text-align: center; }
  .vue-article .bckg {
    background: #fbfbfb; }
  @media screen and (min-width: 992px) {
    .vue-article .bckg {
      margin-top: 210px;
      max-height: 680px; } }
  @media screen and (min-width: 1200px) {
    .vue-article .bckg {
      margin-top: 270px;
      max-height: 630px; } }
  @media screen and (min-width: 992px) {
      .vue-article .bckg .other-post {
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px); } }
  @media screen and (min-width: 1200px) {
      .vue-article .bckg .other-post {
        -webkit-transform: translateY(-260px);
        -ms-transform: translateY(-260px);
        transform: translateY(-260px); } }
  @media screen and (min-width: 992px) {
        .vue-article .bckg .other-post h2 {
          padding-bottom: 50px; } }
  .vue-article .bckg .other-post .the-content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .vue-article .bckg .other-post .the-content article {
    border: 2px solid transparent;
    margin-bottom: 30px; }
  .vue-article .bckg .other-post .the-content article:hover {
    border: 2px solid #ea0069; }
  .vue-article .bckg .other-post .the-content article .content {
    background: #fff; }
  .vue-article .bckg .other-post .the-content article .content h3 {
    min-height: auto; }
  @media screen and (min-width: 992px) {
              .vue-article .bckg .other-post .the-content article .content h3 {
                min-height: 80px; } }
  @media screen and (min-width: 1200px) {
              .vue-article .bckg .other-post .the-content article .content h3 {
                min-height: auto; } }
  @media screen and (min-width: 992px) {
              .vue-article .bckg .other-post .the-content article .content h4 {
                min-height: 53px; } }
  @media screen and (min-width: 1200px) {
              .vue-article .bckg .other-post .the-content article .content h4 {
                min-height: auto; } }
  .vue-article .bckg .other-post .the-content article .content p {
    min-height: auto; }
  @media screen and (min-width: 992px) {
              .vue-article .bckg .other-post .the-content article .content p {
                min-height: 195px; } }
  @media screen and (min-width: 1200px) {
              .vue-article .bckg .other-post .the-content article .content p {
                min-height: 138px; } }
  .vue-article .bckg .other-post .the-content article .content .about .autor {
    padding-bottom: 10px; }
  @media screen and (min-width: 576px) {
                .vue-article .bckg .other-post .the-content article .content .about .autor {
                  padding-bottom: 0; } }
  @media screen and (min-width: 992px) {
      .vue-article .bckg .commentaires {
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px); } }
  @media screen and (min-width: 1200px) {
      .vue-article .bckg .commentaires {
        -webkit-transform: translateY(-260px);
        -ms-transform: translateY(-260px);
        transform: translateY(-260px); } }
  .vue-article .bckg .commentaires .number-comment {
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-size: 32px;
    color: #000;
    line-height: 24px;
    padding-bottom: 39px;
    padding-left: 0;
    border-bottom: 1px solid #e4e4e4; }
  .vue-article .bckg .commentaires .comment-item {
    padding: 38px 0;
    border-bottom: 1px solid #e4e4e4; }
  .vue-article .bckg .commentaires .comment-item .name {
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #ea0069;
    padding-bottom: 20px; }
  .vue-article .bckg .commentaires .comment-item .comment {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    color: #252525;
    line-height: 26px;
    padding-bottom: 20px; }
  .vue-article .bckg .commentaires .comment-item .date {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    color: #9a9a9a; }
/*  -------------------------------------------------------
 ------------------->>> VUE Contact <<<-----------------
 -------------------------------------------------------  */
p.boltform-error, li.boltform-error {
  max-width: calc(100% - 30px);
  margin: 0 auto;
  background-color: rgba(234, 0, 105, 0.3) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important; }

.bloc-input li.boltform-error {
  max-width: 100%; }

.page-contact #bloc-contact {
  background: #fbfbfb; }
  @media screen and (min-width: 768px) {
      .page-contact #bloc-contact .wrapper-form {
        -webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
        transform: translateY(-70px);
        background: #fff;
        padding-left: 80px;
        padding-right: 80px; } }
  @media screen and (min-width: 992px) {
      .page-contact #bloc-contact .wrapper-form {
        -webkit-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px); } }
  @media screen and (min-width: 1500px) {
      .page-contact #bloc-contact .wrapper-form {
        -webkit-transform: translateY(-110px);
        -ms-transform: translateY(-110px);
        transform: translateY(-110px); } }
  .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row {
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: block; }
  @media screen and (min-width: 768px) {
          .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: flex-start;
            justify-content: flex-start; } }
  .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row .boltforms-label {
    margin-bottom: 20px;
    display: block;
    padding-left: 0; }
  @media screen and (min-width: 768px) {
            .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row .boltforms-label {
              display: inherit;
              margin-bottom: 0;
              margin-right: 20px; } }
  .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
  @media screen and (min-width: 768px) {
            .page-contact #bloc-contact .wrapper-form .col-12.recaptcha .boltforms-row .g-recaptcha {
              transform: scale(1);
              -webkit-transform: scale(1); } }
  .page-contact #bloc-contact .wrapper-form .boltform label.required:after {
    color: #ea0069; }
  .page-contact #bloc-contact .content .bloc-input label {
    color: #ea0069;
    font-weight: bold;
    padding-bottom: 10px; }
  .page-contact #bloc-contact .content .bloc-input label:after {
    content: ""; }
  .page-contact #bloc-contact .content .bloc-input input, .page-contact #bloc-contact .content .bloc-input textarea, .page-contact #bloc-contact .content .bloc-input select {
    width: 100%; }
  .page-contact #bloc-contact .content .bloc-submit {
    padding-top: 50px;
    text-align: center; }
  .page-contact #rencontrez-nous {
    padding-bottom: 50px; }
  .page-contact #rencontrez-nous .bloc-infos-agence {
    -webkit-box-ordinal-group: 2;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /*OLD - Firefox 19- */
    -ms-flex-order: 2;
    /*TWEENER - IE 10 */
    -webkit-order: 2;
    /*NEW - Chrome */
    order: 2;
    padding: 0;
    min-height: 400px;
    color: #fff;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    background: #ea0069;
    background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
    background: linear-gradient(135deg, #ea0069, #fc6767); }
  @media screen and (min-width: 768px) {
      .page-contact #rencontrez-nous .bloc-infos-agence {
        -webkit-box-ordinal-group: 1;
        /*OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 1;
        /*OLD - Firefox 19- */
        -ms-flex-order: 1;
        /*TWEENER - IE 10 */
        -webkit-order: 1;
        /*NEW - Chrome */
        order: 1; } }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content {
    max-width: 500px;
    padding: 0 20px; }
  @media screen and (min-width: 1200px) {
        .page-contact #rencontrez-nous .bloc-infos-agence .the-content {
          padding: 0 60px 0 0; } }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content h2, .page-contact #rencontrez-nous .bloc-infos-agence .the-content p {
    color: #fff;
    text-align: left; }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content .infos-contact {
    padding-top: 20px; }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content .infos-contact li {
    padding-bottom: 10px; }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content .infos-contact li .icon {
    padding-right: 20px; }
  .page-contact #rencontrez-nous .bloc-infos-agence .the-content .infos-contact li a {
    color: #fff; }
  .page-contact #rencontrez-nous .bloc-map {
    padding: 0;
    -webkit-box-ordinal-group: 1;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /*OLD - Firefox 19- */
    -ms-flex-order: 1;
    /*TWEENER - IE 10 */
    -webkit-order: 1;
    /*NEW - Chrome */
    order: 1; }
  .page-contact #rappeler h2 {
    color: #ea0069;
    font-weight: 600; }
  .page-contact #rappeler .content {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .page-contact #rappeler .content .bloc-tel, .page-contact #rappeler .content .bloc-submit {
    padding: 15px 0 0 0; }
  @media screen and (min-width: 576px) {
        .page-contact #rappeler .content .bloc-tel, .page-contact #rappeler .content .bloc-submit {
          padding: 0; } }
  .page-contact #rappeler .content .bloc-tel input {
    width: 100%;
    min-height: 100%; }
/*  -------------------------------------------------------
 ------------------->>> VUE Contact <<<-----------------
 -------------------------------------------------------  */
.page-support #bloc-support {
  background-color: #f4f4f4;
  margin-top: 60px;
  width: 100%; }
  .page-support .container-support .content .item {
    padding: 30px;
    background: #fbfbfb;
    margin-bottom: 30px; }
  @media screen and (min-width: 992px) {
        .page-support .container-support .content .item {
          margin-bottom: 0; } }
  .page-support .container-support .content .item p.title {
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    text-align: center;
    line-height: 24px;
    padding-bottom: 18px; }
  .page-support .container-support .content .item p:not(.title) {
    font-family: 'Barlow', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #252525;
    text-align: center;
    line-height: 20px;
    padding-bottom: 50px; }
  .page-support .container-support .content .item p:not(.title) span.bold {
    font-weight: bold; }
  @media screen and (min-width: 768px) {
          .page-support .container-support .content .item p:not(.title) {
            min-height: 190px; } }
  @media screen and (min-width: 992px) {
          .page-support .container-support .content .item p:not(.title) {
            min-height: 210px; } }
  @media screen and (min-width: 1200px) {
          .page-support .container-support .content .item p:not(.title) {
            min-height: 190px; } }
  .page-support .container-support .content .item div {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .page-support .container-support .content .item div.picto {
    margin-bottom: 50px; }
  .page-support.webmail #banniere-header .background-img {
    height: 1002px; }
  .page-support.webmail #banniere-header .background-img h1 {
    display: none; }
  .page-support.webmail .container-webmail {
    position: absolute;
    top: 115px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 0 15px; }
  @media screen and (min-width: 768px) {
      .page-support.webmail .container-webmail {
        padding: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
  @media screen and (min-width: 1200px) {
      .page-support.webmail .container-webmail {
        top: 215px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
  .page-support.webmail .container-webmail .the-content {
    background: #fff;
    padding: 20px; }
  @media screen and (min-width: 992px) {
        .page-support.webmail .container-webmail .the-content {
          padding: 50px 95px; } }
  .page-support.webmail .container-webmail .the-content h1 {
    color: #000;
    text-align: center;
    padding-bottom: 20px; }
  @media screen and (min-width: 992px) {
          .page-support.webmail .container-webmail .the-content h1 {
            padding-bottom: 50px; } }
  .page-support.webmail .container-webmail .the-content h1 span {
    font-style: italic; }
  .page-support.webmail .container-webmail .the-content .content-form .form {
    min-height: 377px; }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group {
    padding-bottom: 20px;
    margin-bottom: 0; }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group label {
    font-family: 'Barlow', sans-serif;
    display: block;
    color: #ea0069;
    font-weight: bold;
    padding-bottom: 19px; }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group input {
    width: 100%; }
  @media screen and (min-width: 1200px) {
                .page-support.webmail .container-webmail .the-content .content-form .form .form-group input {
                  width: 414px; } }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group .input-group {
    width: 100%; }
  @media screen and (min-width: 1200px) {
                .page-support.webmail .container-webmail .the-content .content-form .form .form-group .input-group {
                  width: 414px; } }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group .input-group-prepend {
    position: absolute;
    right: 2px;
    margin: 0;
    top: 5px; }
  .page-support.webmail .container-webmail .the-content .content-form .form .form-group .input-group-prepend .input-group-text {
    background: white;
    border-left: 0;
    border: 0; }
  .page-support.webmail .container-webmail .the-content .content-form .form .error-message {
    margin-top: 5px;
    padding: 10px;
    font-size: 12px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%; }
  @media screen and (min-width: 1200px) {
              .page-support.webmail .container-webmail .the-content .content-form .form .error-message {
                width: 414px; } }
  .page-support.webmail .container-webmail .the-content .content-form .form div.action {
    margin-top: 20px;
    margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
              .page-support.webmail .container-webmail .the-content .content-form .form div.action {
                margin-top: 50px;
                margin-bottom: 27px; } }
  .page-support.webmail .container-webmail .the-content .content-form .form p {
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #252525;
    line-height: 25px;
    text-align: left; }
  .page-support.webmail .container-webmail .the-content .content-form .form p span {
    font-weight: 300;
    font-style: italic; }
  .page-support.webmail .container-webmail .the-content .content-form .form p span a {
    color: #252525;
    text-decoration: none; }
  .page-support.webmail .container-webmail .the-content .content-form .form p span a:hover {
    color: #252525;
    text-decoration: none; }
  .page-support.webmail .container-webmail .the-content .content-form .pict img {
    display: block;
    margin: 25px auto 0 auto; }
/*  ------------------------------------------------------
 ------------------->>> PAGES SEO <<<------------------
 -------------------------------------------------------  */
.section-seo-1 .container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem; }
  .section-seo-1 .container .col-left h2, .section-seo-1 .container .col-left p {
    text-align: left; }
  .section-seo-1 .container .col-right .boltform {
    position: sticky;
    top: 6rem; }
/*  -------------------------------------------------------
 ------------------->>> PAGES VILLES <<<----------------
 -------------------------------------------------------  */
.page-villes main .container > div:not(:last-child) {
  margin-bottom: 70px; }
  .page-villes main .container .bloc-villes {
    display: flex;
    padding: 36px 40px;
    margin: 0 110px 70px;
    gap: 50px;
    border: solid 5px #ea0069; }
  .page-villes main .container .bloc-villes > * {
    flex: 1; }
  .page-villes main .container .bloc-villes .bloc-villes-left h3 {
    font-family: PlayfairDisplay;
    font-size: 30px;
    font-weight: bold; }
  .page-villes main .container .bloc-villes .bloc-villes-right ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px; }
  .page-villes main .container .bloc-villes .bloc-villes-right ul li {
    list-style: disc; }
  .page-villes main .container .bloc-villes .bloc-villes-right ul li a {
    color: #ea0069;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block; }
  .page-villes main .container .listing-villes table {
    width: 100%; }
  .page-villes main .container .listing-villes table tr {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, right 1s;
    right: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 36px 50px; }
  .page-villes main .container .listing-villes table tr:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-villes main .container .listing-villes table tr:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .page-villes main .container .listing-villes table tr td {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .page-villes main .container .listing-villes table tr td p {
    text-align: initial;
    font-size: 20px;
    font-family: "Playfair Display", serif;
    font-weight: 700; }
  .page-villes main .container .listing-villes table tr td p.sub-desc {
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px; }
  .page-villes main .container .listing-villes table tr td a {
    margin: 0;
    width: fit-content; }
  .page-villes main .container .listing-villes table tr td a span.label {
    font-size: 11px; }
  .page-villes main .container .listing-villes table tr:nth-child(odd) {
    background-color: #fbfbfb; }
  .page-villes main .container .listing-villes table tr:nth-child(even) .btn-cta {
    background-image: linear-gradient(70deg, #ea0069 10%, #fc6767 100%); }
  .page-villes main .container .listing-villes table tr:nth-child(even) .btn-cta span {
    color: #fff; }
  .page-villes main .container .listing-villes table tr:nth-child(even) .btn-cta .icon-arrow g.color-stroke {
    stroke: #fff; }

@media screen and (max-width: 992px) {
  .page-villes main .container .bloc-villes {
    flex-direction: column;
    margin: 0 0 70px; }
    .page-villes main .container .bloc-villes .bloc-villes-right ul {
      display: block; }
    .page-villes main .container .listing-villes table tr {
      display: flex;
      flex-direction: column;
      padding: 20px 30px; }
      .page-villes main .container .listing-villes table tr td p {
        margin-bottom: 20px; }
        .page-villes main .container .listing-villes table tr td p.sub-desc {
          padding-top: 0; }
        .page-villes main .container .listing-villes table tr td a.btn-cta {
          font-size: 9px;
          padding: 8px 20px 8px 70px; }
        .page-villes main .container .listing-villes table tr td a.btn-cta .icon-arrow {
          top: 12px; } }

.page-single-ville main .container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem; }
  .page-single-ville main .container .col-left > div:not(:last-child) {
    margin-bottom: 70px; }
  .page-single-ville main .container .col-left > div h2 {
    text-align: initial; }
  .page-single-ville main .container .col-left > div h3 {
    font-size: 20px;
    font-weight: bold;
    color: #ea0069;
    margin-bottom: 15px; }
  .page-single-ville main .container .col-left > div .content:not(:last-child) {
    margin-bottom: 40px; }
  .page-single-ville main .container .col-left > div .content p:not(:last-child), .page-single-ville main .container .col-left > div .content ul:not(:last-child) {
    padding-bottom: 20px; }
  .page-single-ville main .container .col-left > div .content ul {
    margin-left: 18px; }
  .page-single-ville main .container .col-left > div .content p {
    text-align: initial; }
  .page-single-ville main .container .col-left > div .content p strong, .page-single-ville main .container .col-left > div .content p b {
    color: #ea0069;
    font-weight: 700; }
  .page-single-ville main .container .col-left > div .content p a, .page-single-ville main .container .col-left > div .content p u {
    color: black;
    font-weight: 500;
    text-decoration: underline; }
  .page-single-ville main .container .col-left > div .content p a:hover, .page-single-ville main .container .col-left > div .content p u:hover, .page-single-ville main .container .col-left > div .content p a:focus, .page-single-ville main .container .col-left > div .content p u:focus, .page-single-ville main .container .col-left > div .content p a:active, .page-single-ville main .container .col-left > div .content p u:active {
    text-decoration: none; }
  .page-single-ville main .container .col-left > div .content li {
    list-style: disc;
    font-weight: 300; }
  .page-single-ville main .container .col-left > div .content li strong, .page-single-ville main .container .col-left > div .content li b {
    font-weight: 700; }
  .page-single-ville main .container .col-left > div .accordion.colored-accordion h3, .page-single-ville main .container .col-left > div .accordion.colored-accordion li, .page-single-ville main .container .col-left > div .accordion.colored-accordion p, .page-single-ville main .container .col-left > div .accordion.colored-accordion a {
    color: white;
    font-size: 16px;
    font-weight: 300; }
  .page-single-ville main .container .col-left > div .accordion.colored-accordion h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    font-size: 20px;
    margin: 0; }
  .page-single-ville main .container .col-left > div .accordion.colored-accordion h3::after {
    content: "﹀"; }
  .page-single-ville main .container .col-left > div .accordion.colored-accordion a {
    font-weight: 500;
    text-decoration: underline; }
  .page-single-ville main .container .col-left > div .accordion.colored-accordion li {
    padding-bottom: 0.25rem; }
  .page-single-ville main .container .col-left > div .double-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden; }
  .page-single-ville main .container .col-left > div .double-col > div {
    padding: 0; }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, right 1s;
    right: 100%; }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-2-lg .background-img:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, left 1s;
    left: 100%; }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-single-ville main .container .col-left > div .double-col .order-4-lg .background-img:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .page-single-ville main .container .col-left > div .double-col .background-img {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden; }
  .page-single-ville main .container .col-left > div .double-col .background-img .carre::before {
    content: "";
    background: #ea0069;
    background: -webkit-linear-gradient(135deg, #ea0069, #fc6767);
    background: linear-gradient(135deg, #ea0069, #fc6767);
    width: 400px;
    height: 400px;
    display: block;
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
    transform-origin: center;
    opacity: 0.9; }
  .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-bottom-right::before {
    -ms-transform: translateX(50%) translateY(50%) rotate(-15deg) scale(0.85);
    -webkit-transform: translateX(50%) translateY(50%) rotate(-15deg) scale(0.85);
    transform: translateX(50%) translateY(50%) rotate(-15deg) scale(0.85); }
  .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-bottom-left::before {
    -ms-transform: translateX(-50%) translateY(50%) rotate(-15deg) scale(0.85);
    -webkit-transform: translateX(-50%) translateY(50%) rotate(-15deg) scale(0.85);
    transform: translateX(-50%) translateY(50%) rotate(-15deg) scale(0.85); }
  .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-top-right::before {
    -ms-transform: translateX(50%) translateY(-50%) rotate(-15deg) scale(0.85);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-15deg) scale(0.85);
    transform: translateX(50%) translateY(-50%) rotate(-15deg) scale(0.85); }
  .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-top-left::before {
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-15deg) scale(0.85);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-15deg) scale(0.85);
    transform: translateX(-50%) translateY(-50%) rotate(-15deg) scale(0.85); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right, .page-single-ville main .container .col-left > div .double-col .double-col-left {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img {
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.1s, left 1s;
    left: 100%; }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(2) {
    transition-delay: calc((2s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(3) {
    transition-delay: calc((3s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(4) {
    transition-delay: calc((4s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(5) {
    transition-delay: calc((5s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(6) {
    transition-delay: calc((6s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(7) {
    transition-delay: calc((7s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(8) {
    transition-delay: calc((8s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(9) {
    transition-delay: calc((9s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .background-img:nth-child(10) {
    transition-delay: calc((10s)/10); }
  .page-single-ville main .container .col-left > div .double-col .double-col-right .content {
    padding-left: 40px; }
  .page-single-ville main .container .col-left > div .double-col .double-col-left .content {
    padding-right: 40px; }
  .page-single-ville main .container .col-left > div div.colored-cta .btn-cta {
    background-image: linear-gradient(70deg, #ea0069 10%, #fc6767 100%); }
  .page-single-ville main .container .col-left > div div.colored-cta .btn-cta span {
    color: #fff; }
  .page-single-ville main .container .col-left > div div.colored-cta .btn-cta .icon-arrow g.color-stroke {
    stroke: #fff; }
  .page-single-ville main .container .col-right .boltform {
    position: sticky;
    top: 6rem; }
  .page-single-ville main .container .col-right form {
    padding: 30px 35px 40px;
    background-image: linear-gradient(70deg, #ea0069 10%, #fc6767 100%); }
  .page-single-ville main .container .col-right form .show-h2 {
    color: white;
    font-size: 34px; }
  .page-single-ville main .container .col-right form .bloc-input, .page-single-ville main .container .col-right form .recaptcha {
    margin-bottom: 16px; }
  .page-single-ville main .container .col-right form .bloc-input label, .page-single-ville main .container .col-right form .recaptcha label {
    margin-bottom: 5px;
    font-weight: bold;
    color: white; }
  .page-single-ville main .container .col-right form .bloc-input input, .page-single-ville main .container .col-right form .recaptcha input, .page-single-ville main .container .col-right form .bloc-input textarea, .page-single-ville main .container .col-right form .recaptcha textarea {
    border: none; }
  .page-single-ville main .container .col-right form .recaptcha, .page-single-ville main .container .col-right form .bloc-submit {
    display: flex;
    justify-content: center; }
  .page-single-ville main .container .col-right form .btn-cta.white {
    border: none;
    background: white; }
  .page-single-ville main .container .col-right form .btn-cta.white span.label {
    color: #ea0069; }
  .page-single-ville main .container .col-right form .btn-cta.white .icon-arrow g.color-stroke {
    stroke: #ea0069 !important; }
  .page-single-ville #banniere-header .container-fluid {
    height: max-content; }
  .page-single-ville #banniere-header .container-fluid .capsule .carre {
    top: 30%;
    left: -90%; }
  .page-single-ville #banniere-header .container-fluid .capsule .info {
    padding: 90px 0; }
  .page-single-ville #banniere-header .container-fluid .capsule .info ul {
    margin-bottom: 15px; }
  .page-single-ville #banniere-header .container-fluid .capsule .info p, .page-single-ville #banniere-header .container-fluid .capsule .info h2, .page-single-ville #banniere-header .container-fluid .capsule .info li {
    text-align: initial;
    color: white; }
  .page-single-ville #banniere-header .container-fluid .capsule .info p b, .page-single-ville #banniere-header .container-fluid .capsule .info h2 b, .page-single-ville #banniere-header .container-fluid .capsule .info li b {
    font-weight: bold; }
  .page-single-ville #banniere-header .container-fluid .capsule .info p, .page-single-ville #banniere-header .container-fluid .capsule .info li {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 16px; }
  .page-single-ville #banniere-header .container-fluid .capsule .info a {
    background: white;
    margin-top: 40px; }

@media screen and (max-width: 992px) {
  .page-single-ville main .container {
    display: block; }
    .page-single-ville main .container .col-left > div .double-col {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 1em; }
      .page-single-ville main .container .col-left > div .double-col .double-col-left, .page-single-ville main .container .col-left > div .double-col .double-col-right {
        width: 100%; }
        .page-single-ville main .container .col-left > div .double-col .double-col-left .content, .page-single-ville main .container .col-left > div .double-col .double-col-right .content {
          padding-left: 0;
          padding-right: 0; }
      .page-single-ville main .container .col-left > div .double-col .order-1-lg {
        order: 1; }
      .page-single-ville main .container .col-left > div .double-col .order-2-lg {
        order: 2; }
      .page-single-ville main .container .col-left > div .double-col .order-3-lg {
        order: 3; }
      .page-single-ville main .container .col-left > div .double-col .order-4-lg {
        order: 4; }
      .page-single-ville main .container .col-left > div .double-col .background-img .carre::before {
        opacity: 0.7; }
        .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-bottom-right::before {
          float: right;
          -ms-transform: translateX(50%) translateY(1%) rotate(-20deg) scale(1);
          -webkit-transform: translateX(50%) translateY(1%) rotate(-20deg) scale(1);
          transform: translateX(50%) translateY(1%) rotate(-20deg) scale(1); }
        .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-bottom-left::before {
          -ms-transform: translateX(-50%) translateY(1%) rotate(-20deg) scale(1);
          -webkit-transform: translateX(-50%) translateY(1%) rotate(-20deg) scale(1);
          transform: translateX(-50%) translateY(1%) rotate(-20deg) scale(1); }
        .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-top-right::before {
          float: right;
          -ms-transform: translateX(50%) translateY(-1%) rotate(-20deg) scale(1);
          -webkit-transform: translateX(50%) translateY(-1%) rotate(-20deg) scale(1);
          transform: translateX(50%) translateY(-1%) rotate(-20deg) scale(1); }
        .page-single-ville main .container .col-left > div .double-col .background-img .carre.carre-top-left::before {
          -ms-transform: translateX(-50%) translateY(-1%) rotate(-20deg) scale(1);
          -webkit-transform: translateX(-50%) translateY(-1%) rotate(-20deg) scale(1);
          transform: translateX(-50%) translateY(-1%) rotate(-20deg) scale(1); }
    .page-single-ville main .container .col-right {
      padding-top: 2em; } }

@media screen and (max-width: 576px) {
  .page-single-ville main #banniere-header .background-img.container-fluid .capsule .carre {
    position: absolute;
    right: 0;
    top: 0;
    left: initial;
    z-index: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    -ms-transform: translateY(12%) skewY(-25deg);
    -webkit-transform: translateY(12%) skewY(-25deg);
    transform: translateY(12%) skewY(-25deg);
    transform-origin: top left; }
    .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third {
      flex: none;
      max-width: 100%; }
      .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third h2 {
        font-size: 18px; }
      .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third p, .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third li {
        font-size: 14px; }
      .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third .btn-cta {
        margin-top: 20px;
        padding: 10px 20px 10px 50px; }
        .page-single-ville main #banniere-header .background-img.container-fluid .capsule .is-third .btn-cta .icon-arrow.before {
          left: 15px;
          top: 14px; } }