body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%; }

div,
img {
  max-width: initial; }

.mobile .page-home .section .content-section2 .pages-container .page-container .presentation .description {
  opacity: 1; }

.page-home {
  font-family: "Open Sans";
  max-width: 1280px;
  margin: 0 auto;
  background-image: url("../page_homeV2/common/backgroundpage.jpg?$staticlink$");
  background-size: 100%;
  color: #313131; }
  .page-home p,
  .page-home h1,
  .page-home h2,
  .page-home h3,
  .page-home h4 {
    margin: 0;
    padding: 0; }
  .page-home h2,
  .page-home h3,
  .page-home h4 {
    font-family: "Lato";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 7px;
    padding: 0;
    margin: 0;
    line-height: 40px; }
    .page-home h2:after,
    .page-home h3:after,
    .page-home h4:after {
      display: none; }
  .page-home h1:after {
    content: inherit;
    display: none; }
  .page-home h2 {
    text-transform: uppercase;
    font-size: 30px; }
  .page-home h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 900; }
  .page-home h4 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px; }
  .page-home p {
    font-size: 16px; }
  .page-home .display-desktop {
    display: block !important; }
  .page-home .display-mobile {
    display: none !important; }
  .page-home .background-drak-grey {
    background-color: #eeeeee; }
  .page-home .background-ligth-grey {
    background-color: #f8f8f8; }
  .page-home .inline-block {
    display: inline-block;
    white-space: nowrap; }
  .page-home .br-mobile {
    display: inline-block; }
  .page-home .br-desktop {
    display: block; }
  .page-home .display-block-mobile {
    display: block; }
  .page-home .header {
    position: relative;
    background-image: url("../page_homeV2/common/backgroundheader.jpg?$staticlink$");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .page-home .header:after {
      content: "";
      width: 100%;
      height: 3px;
      background-color: #dfdfdf;
      display: block;
      position: absolute;
      bottom: 0; }
    .page-home .header .container-header {
      position: relative;
      width: 50%;
      background-color: rgba(0, 0, 0, 0.6);
      height: 100%;
      overflow: hidden; }
      .page-home .header .container-header h1.image {
        margin: 0;
        padding: 0;
        padding-top: 60px; }
        .page-home .header .container-header h1.image img {
          display: block;
          width: 70%;
          margin: 0 auto; }
      .page-home .header .container-header p {
        color: #ffffff;
        display: block;
        width: 90%;
        max-width: 675px;
        margin: 0 auto;
        font-weight: bold;
        padding: 30px;
        padding-bottom: 60px;
        text-align: center;
        font-family: "Lato";
        display: block; }
  .page-home .section {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 0; }
    .page-home .section:after {
      content: "";
      width: 100%;
      height: 4px;
      background-image: url("../page_homeV2/common/separation.jpg?$staticlink$");
      display: block;
      position: absolute;
      bottom: 0;
      z-index: 20; }
    .page-home .section.section6 .close-section {
      background-color: #ffffff; }
    .page-home .section .header-section {
      padding: 30px 0; }
      .page-home .section .header-section .block1,
      .page-home .section .header-section .block2 {
        width: 50%;
        text-align: center;
        display: inline-block;
        vertical-align: middle; }
        .page-home .section .header-section .block1 h2,
        .page-home .section .header-section .block2 h2 {
          position: relative;
          margin-bottom: 30px; }
        .page-home .section .header-section .block1 img,
        .page-home .section .header-section .block2 img {
          width: 100%;
          position: relative; }
        .page-home .section .header-section .block1 p,
        .page-home .section .header-section .block2 p {
          position: relative;
          margin: 30px 0;
          line-height: 30px; }
      .page-home .section .header-section .block1 {
        padding-left: 70px; }
        .page-home .section .header-section .block1.content {
          padding-right: 40px; }
      .page-home .section .header-section .block2 {
        padding-right: 70px; }
        .page-home .section .header-section .block2.content {
          padding-left: 40px; }
    .page-home .section .content-section {
      width: 100%;
      text-align: center;
      position: relative;
      display: none; }
      .page-home .section .content-section .close-section {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 150px;
        right: 20px;
        display: block;
        border: 2px solid #7f7773;
        z-index: 12;
        -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section .close-section:after {
          content: "";
          position: absolute;
          display: block;
          top: 50%;
          left: 50%;
          width: 12px;
          height: 12px;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-image: url("../page_homeV2/common/closesection2.png?$staticlink$");
          background-repeat: no-repeat;
          opacity: 0;
          -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section .close-section:hover {
          border-color: #a83439; }
          .page-home .section .content-section .close-section:hover:after {
            opacity: 1; }
        .page-home .section .content-section .close-section img {
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          top: 50%;
          left: 50%; }
      .page-home .section .content-section .texte-section {
        margin: 40px 0; }
        .page-home .section .content-section .texte-section h4 {
          margin: 20px 0;
          margin-top: 0;
          text-transform: uppercase; }
        .page-home .section .content-section .texte-section p {
          line-height: 30px; }
      .page-home .section .content-section .title-section h2 {
        display: inline-block;
        width: 50%;
        margin: 40px 0;
        vertical-align: middle;
        padding: 0 20px; }
      .page-home .section .content-section .title-section p {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        padding: 20px;
        line-height: 35px; }
      .page-home .section .content-section .article {
        background-color: #ffffff;
        border: 1px solid #d6d6d6;
        display: block; }
        .page-home .section .content-section .article .visuel {
          height: 50%;
          margin-top: 15%;
          position: relative; }
          .page-home .section .content-section .article .visuel img {
            height: 100%;
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0); }
            .page-home .section .content-section .article .visuel img.width {
              width: 80%;
              height: initial; }
        .page-home .section .content-section .article .nom {
          height: 15%;
          font-size: 12px;
          text-transform: uppercase;
          font-weight: 700; }
          .page-home .section .content-section .article .nom:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle; }
          .page-home .section .content-section .article .nom span {
            display: inline-block;
            vertical-align: middle; }
        .page-home .section .content-section .article .acheter-container {
          height: 20%; }
        .page-home .section .content-section .article a:hover {
          color: #313131; }
          .page-home .section .content-section .article a:hover .button1 {
            background-color: #a83439; }
    .page-home .section .shield {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 10;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    .page-home .section .shield.hide {
      display: none; }
  .page-home .button1 {
    position: relative;
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #000000;
    padding: 12px 20px;
    margin: 0 auto;
    display: table;
    -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .button1:hover {
      background-color: #a83439; }

.page-home .section .content-section1 .texte-section h3 {
  margin-bottom: 10px; }

.page-home .section .content-section1 .texte-section p {
  width: 45%;
  margin: 0 auto; }

.page-home .section .content-section1 .articles {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 40px; }
  .page-home .section .content-section1 .articles .left {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .page-home .section .content-section1 .articles .center {
    width: 50%;
    margin: 0 auto; }
    .page-home .section .content-section1 .articles .center img {
      width: 100%; }
  .page-home .section .content-section1 .articles .right {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  .page-home .section .content-section1 .articles .article {
    height: calc(42% - 4px);
    margin: 4px;
    margin-top: 0; }
    .page-home .section .content-section1 .articles .article .button1 {
      padding: 4% 8%; }
  .page-home .section .content-section1 .articles .button2 {
    font-size: 18px;
    width: calc(100% - 8px);
    height: 16%;
    margin: 4px;
    display: block;
    color: #ffffff;
    background-color: #000000;
    vertical-align: middle;
    -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section1 .articles .button2 .vertical-center:before {
      display: inline-block;
      content: "";
      height: 100%;
      vertical-align: middle; }
    .page-home .section .content-section1 .articles .button2 .vertical-center span {
      display: inline-block;
      vertical-align: middle; }
    .page-home .section .content-section1 .articles .button2:hover {
      background-color: #a83439; }

@media screen and (max-width: 1000px) {
  .page-home .section.section1 .header-section .content .visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../page_homeV2/section1/visuel.jpg?$staticlink$");
    background-size: cover;
    background-position: center;
    opacity: 0.3; }
  .page-home .section .content-section1 .articles {
    width: calc(100% - 70px); }
    .page-home .section .content-section1 .articles .button2 {
      margin: 0 auto;
      margin-top: 30px;
      width: 90%;
      padding: 20px; }
    .page-home .section .content-section1 .articles .left {
      position: relative;
      width: 47.5%;
      margin-left: 2.5%;
      display: inline-block;
      vertical-align: top; }
    .page-home .section .content-section1 .articles .center {
      position: relative;
      width: 100%;
      height: inherit; }
      .page-home .section .content-section1 .articles .center img {
        width: 90%; }
    .page-home .section .content-section1 .articles .right {
      position: relative;
      width: 47.5%;
      margin-right: 2.5%;
      height: inherit;
      display: inline-block;
      vertical-align: top; }
    .page-home .section .content-section1 .articles .article {
      height: inherit;
      margin: 5%; }
      .page-home .section .content-section1 .articles .article .visuel img {
        position: relative;
        -webkit-transform: none;
                transform: none;
        left: inherit; }
      .page-home .section .content-section1 .articles .article .button1 {
        margin-bottom: 20px; } }

@media screen and (max-width: 600px) {
  .page-home .section .content-section1 .articles {
    width: calc(100% - 70px); }
    .page-home .section .content-section1 .articles .left {
      position: relative;
      width: 100%;
      height: inherit;
      margin: 0; }
    .page-home .section .content-section1 .articles .center {
      position: relative;
      width: 100%;
      height: inherit; }
      .page-home .section .content-section1 .articles .center img {
        width: 90%; }
    .page-home .section .content-section1 .articles .right {
      position: relative;
      width: 100%;
      height: inherit;
      margin: 0; }
      .page-home .section .content-section1 .articles .right .article {
        margin-top: 0; }
    .page-home .section .content-section1 .articles .article {
      height: inherit;
      margin: 5%; }
      .page-home .section .content-section1 .articles .article .visuel {
        height: inherit; }
        .page-home .section .content-section1 .articles .article .visuel img {
          position: relative;
          height: inherit;
          -webkit-transform: none;
                  transform: none;
          left: inherit; }
      .page-home .section .content-section1 .articles .article .button1 {
        margin-bottom: 20px; }
    .page-home .section .content-section1 .articles .button2 {
      width: 90%;
      margin-left: 5%;
      margin-bottom: 5%;
      padding: 10px; } }

.mobile .page-home .youtubeplayer-short-overlay .youtube-short-container .controls {
  bottom: 15%; }

.mobile .page-home .section .content-section2 .navigation a:hover span {
  display: none; }

.page-home .youtubeplayer-short-overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(238, 238, 238, 0.85);
  z-index: 100;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.5s 0s, -webkit-transform 0s 0.5s;
  transition: opacity 0.5s 0s, -webkit-transform 0s 0.5s;
  transition: opacity 0.5s 0s, transform 0s 0.5s;
  transition: opacity 0.5s 0s, transform 0s 0.5s, -webkit-transform 0s 0.5s; }
  .page-home .youtubeplayer-short-overlay.open {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 0.5s 0s, -webkit-transform 0s 0s;
    transition: opacity 0.5s 0s, -webkit-transform 0s 0s;
    transition: opacity 0.5s 0s, transform 0s 0s;
    transition: opacity 0.5s 0s, transform 0s 0s, -webkit-transform 0s 0s; }
  .page-home .youtubeplayer-short-overlay .close {
    position: absolute;
    top: 0;
    right: -35px;
    width: 30px;
    height: 30px;
    border: 2px solid #313131;
    -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .youtubeplayer-short-overlay .close:after {
      content: "";
      position: absolute;
      top: 7px;
      left: 7px;
      width: 12px;
      height: 12px;
      background-image: url("../page_homeV2/player/closevideo2.png?$staticlink$");
      opacity: 0;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .youtubeplayer-short-overlay .close img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .page-home .youtubeplayer-short-overlay .close:hover {
      border-color: #a83439; }
      .page-home .youtubeplayer-short-overlay .close:hover:after {
        opacity: 1; }
  .page-home .youtubeplayer-short-overlay .youtube-short-container {
    position: absolute;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: #000000; }
    .page-home .youtubeplayer-short-overlay .youtube-short-container.fullscreen {
      width: 100% !important;
      height: 100% !important; }
    .page-home .youtubeplayer-short-overlay .youtube-short-container #ytplayer-short {
      width: 100%;
      height: 100%; }
    .page-home .youtubeplayer-short-overlay .youtube-short-container .play2 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      background-image: url("../page_homeV2/player/play2.png?$staticlink$");
      opacity: 0.01; }
    .page-home .youtubeplayer-short-overlay .youtube-short-container .controls {
      position: absolute;
      bottom: 5%;
      left: 20%;
      width: 60%;
      z-index: 10;
      height: 20px; }
      .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .play-pause {
        position: absolute;
        top: 0;
        left: 0; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .play-pause .play,
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .play-pause .pause {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          max-width: initial;
          background-repeat: no-repeat;
          background-position: center;
          cursor: pointer;
          display: none; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .play-pause .play {
          background-image: url("../page_homeV2/player/playvideo.png?$staticlink$"); }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .play-pause .pause {
          background-image: url("../page_homeV2/player/pausevideo.png?$staticlink$"); }
      .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .barre-container {
        height: 100%;
        left: 30px;
        position: absolute;
        top: 0px;
        width: calc(100% - 90px);
        cursor: pointer; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .barre-container .barre {
          background-color: #333333;
          height: 5px;
          left: 0px;
          position: absolute;
          top: 8px;
          width: 100%; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .barre-container .progress {
          background-color: #c8c8c8;
          height: 5px;
          left: 0px;
          position: absolute;
          top: 8px;
          width: 0%; }
      .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .sound-on-off {
        position: absolute;
        top: 0;
        right: 50px; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .sound-on-off .sound-on,
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .sound-on-off .sound-off {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-position: left center;
          cursor: pointer;
          display: none; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .sound-on-off .sound-on {
          background-image: url("../page_homeV2/player/soundonvideo.png?$staticlink$"); }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .sound-on-off .sound-off {
          background-image: url("../page_homeV2/player/soundoffvideo.png?$staticlink$"); }
      .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .fullscreennnn {
        position: absolute;
        top: 0;
        right: 30px; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .fullscreennnn .fullscreen-on,
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .fullscreennnn .fullscreen-off {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-position: center;
          cursor: pointer;
          display: none;
          cursor: pointer; }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .fullscreennnn .fullscreen-on {
          background-image: url("../page_homeV2/player/fullscreenonvideo.png?$staticlink$"); }
        .page-home .youtubeplayer-short-overlay .youtube-short-container .controls .fullscreennnn .fullscreen-off {
          background-image: url("../page_homeV2/player/fullscreenoffvideo.png?$staticlink$"); }

.page-home .section .content-section2 .navigation {
  position: absolute;
  top: 200px;
  right: 20px;
  z-index: 10; }
  .page-home .section .content-section2 .navigation .close-section {
    top: 0px; }
  .page-home .section .content-section2 .navigation a {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    display: block;
    overflow: visible;
    border: 2px solid #7f7773;
    background-image: url("../page_homeV2/section2/flechepage.png?$staticlink$");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section2 .navigation a:nth-child(1) {
      top: 0%; }
    .page-home .section .content-section2 .navigation a:nth-child(2) {
      top: 7.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(3) {
      top: 15%; }
    .page-home .section .content-section2 .navigation a:nth-child(4) {
      top: 22.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(5) {
      top: 30%; }
    .page-home .section .content-section2 .navigation a:nth-child(6) {
      top: 37.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(7) {
      top: 45%; }
    .page-home .section .content-section2 .navigation a:nth-child(8) {
      top: 52.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(9) {
      top: 60%; }
    .page-home .section .content-section2 .navigation a:nth-child(10) {
      top: 67.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(11) {
      top: 75%; }
    .page-home .section .content-section2 .navigation a:nth-child(12) {
      top: 82.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(13) {
      top: 90%; }
    .page-home .section .content-section2 .navigation a:nth-child(14) {
      top: 97.5%; }
    .page-home .section .content-section2 .navigation a:nth-child(n + 2):after {
      content: "";
      opacity: 0;
      display: block;
      width: 7px;
      height: 12px;
      position: absolute;
      top: 7px;
      left: 10px;
      background-image: url("../page_homeV2/section2/flechepage2.png?$staticlink$");
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section2 .navigation a > span {
      opacity: 0;
      display: block;
      position: absolute;
      top: -3px;
      right: 40px;
      text-align: right;
      font-size: 10px;
      font-family: "Lato";
      font-weight: 700;
      color: #ffffff;
      background-color: #a83439;
      padding: 5px 10px;
      text-transform: uppercase;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section2 .navigation a > span:after {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        top: 50%;
        right: -8px;
        background-color: #a83439;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
    .page-home .section .content-section2 .navigation a.active {
      border-color: #a83439; }
      .page-home .section .content-section2 .navigation a.active:nth-child(n + 2):after {
        opacity: 1; }
    .page-home .section .content-section2 .navigation a:hover {
      border-color: #a83439; }
      .page-home .section .content-section2 .navigation a:hover span {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
        -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s;
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s, -webkit-transform 0s 0s; }
      .page-home .section .content-section2 .navigation a:hover:nth-child(n + 2):after {
        opacity: 1; }
  .page-home .section .content-section2 .navigation > span:nth-child(1) {
    top: -7.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(2) {
    top: 0%; }
  .page-home .section .content-section2 .navigation > span:nth-child(3) {
    top: 7.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(4) {
    top: 15%; }
  .page-home .section .content-section2 .navigation > span:nth-child(5) {
    top: 22.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(6) {
    top: 30%; }
  .page-home .section .content-section2 .navigation > span:nth-child(7) {
    top: 37.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(8) {
    top: 45%; }
  .page-home .section .content-section2 .navigation > span:nth-child(9) {
    top: 52.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(10) {
    top: 60%; }
  .page-home .section .content-section2 .navigation > span:nth-child(11) {
    top: 67.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(12) {
    top: 75%; }
  .page-home .section .content-section2 .navigation > span:nth-child(13) {
    top: 82.5%; }
  .page-home .section .content-section2 .navigation > span:nth-child(14) {
    top: 90%; }
  .page-home .section .content-section2 .navigation .separation {
    display: block;
    position: absolute;
    height: 15%;
    left: -15px; }
    .page-home .section .content-section2 .navigation .separation:after {
      position: absolute;
      top: 33px;
      left: 0;
      content: "";
      display: block;
      width: 2px;
      height: calc(100% - 35px);
      background-color: #7f7773; }
    .page-home .section .content-section2 .navigation .separation:last-child:after {
      background: -webkit-linear-gradient(red, yellow);
      background: -webkit-linear-gradient(#7f7773, rgba(127, 119, 115, 0));
      background: linear-gradient(#7f7773, rgba(127, 119, 115, 0)); }

.page-home .section .content-section2 .pages-container {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
  position: relative;
  margin-top: 40px; }
  .page-home .section .content-section2 .pages-container .page-container {
    position: relative; }
    .page-home .section .content-section2 .pages-container .page-container .page-header {
      margin-bottom: 30px; }
    .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer {
      display: inline-block;
      width: 50%;
      vertical-align: middle;
      position: relative; }
      .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer img {
        width: 100%; }
      .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer span {
        font-family: "Open Sans";
        font-size: 18px;
        color: #ffffff;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        top: calc(50% + 49px);
        left: 50%; }
        .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer span:before {
          content: "";
          position: absolute;
          top: -53px;
          left: 51px;
          width: 83px;
          height: 83px;
          border-radius: 50%;
          border: 3px solid #ffffff;
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer span:after {
          content: "";
          position: absolute;
          top: -53px;
          left: 54px;
          width: 18px;
          height: 30px;
          background-image: url("../page_homeV2/player/playvideo3.png?$staticlink$");
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer:hover span:before {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
                transform: translate(-50%, -50%) scale(1.05); }
      .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer:hover span:after {
        -webkit-transform: translate(-50%, -50%) scale(1.15);
                transform: translate(-50%, -50%) scale(1.15); }
    .page-home .section .content-section2 .pages-container .page-container .texte-section {
      display: inline-block;
      width: 50%;
      vertical-align: middle;
      padding: 0 20px; }
    .page-home .section .content-section2 .pages-container .page-container .grid {
      display: inline-block;
      width: calc(25% - 8px);
      margin: 4px;
      height: 295px;
      vertical-align: top;
      overflow: hidden; }
      .page-home .section .content-section2 .pages-container .page-container .grid .button1 {
        padding: 4% 8%; }
    .page-home .section .content-section2 .pages-container .page-container .presentation {
      position: relative; }
      .page-home .section .content-section2 .pages-container .page-container .presentation .visuel img {
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section2 .pages-container .page-container .presentation .description {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        margin: 20px;
        background-color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        font-family: "Lato";
        font-weight: bold;
        opacity: 0;
        -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .prenom,
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .vetement {
            margin: 20px 10px; }
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .facebook,
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .twitter,
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .pinterest {
            font-size: 0;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 10px; }
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .facebook {
            background-image: url("../page_homeV2/section2/facebook.svg?$staticlink$");
            width: 10px;
            height: 16px; }
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .twitter {
            background-image: url("../page_homeV2/section2/twitter.svg?$staticlink$");
            width: 16px;
            height: 13px; }
          .page-home .section .content-section2 .pages-container .page-container .presentation .description .description-content .share .pinterest {
            background-image: url("../page_homeV2/section2/pinterest.svg?$staticlink$");
            width: 12px;
            height: 16px; }
      .page-home .section .content-section2 .pages-container .page-container .presentation:hover .visuel img {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); }
      .page-home .section .content-section2 .pages-container .page-container .presentation:hover .description {
        opacity: 1; }
    .page-home .section .content-section2 .pages-container .page-container .cinegraph {
      position: relative; }
      .page-home .section .content-section2 .pages-container .page-container .cinegraph .visuel img {
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .page-home .section .content-section2 .pages-container .page-container .button3,
    .page-home .section .content-section2 .pages-container .page-container .button4 {
      font-size: 14px;
      background-color: #000000;
      color: #ffffff;
      display: inline-block;
      margin: 30px 2px;
      height: 50px;
      -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section2 .pages-container .page-container .button3 span:before,
      .page-home .section .content-section2 .pages-container .page-container .button4 span:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .page-home .section .content-section2 .pages-container .page-container .button3:hover,
      .page-home .section .content-section2 .pages-container .page-container .button4:hover {
        background-color: #a83439; }
    .page-home .section .content-section2 .pages-container .page-container .button3 {
      width: calc(50% - 4px); }
    .page-home .section .content-section2 .pages-container .page-container .button4 {
      width: calc(25% - 4px); }
      .page-home .section .content-section2 .pages-container .page-container .button4 img {
        vertical-align: middle;
        margin-right: 10px; }

@media screen and (max-width: 1250px) {
  .page-home .section .content-section2 .pages-container .page-container .button3,
  .page-home .section .content-section2 .pages-container .page-container .button4 {
    font-size: 12px; } }

@media screen and (max-width: 1000px) {
  .page-home .section.section2 .header-section .content .visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../page_homeV2/section2/visuel.png?$staticlink$");
    background-size: cover;
    background-position: center;
    opacity: 0.3; }
  .page-home .section .content-section2 .pages-container {
    width: 70%; }
    .page-home .section .content-section2 .pages-container .page-container .page-header {
      margin-bottom: 0px; }
    .page-home .section .content-section2 .pages-container .page-container .lienyoutubeplayer,
    .page-home .section .content-section2 .pages-container .page-container .texte-section {
      width: 100%; }
    .page-home .section .content-section2 .pages-container .page-container .grid {
      width: calc(50% - 8px); }
    .page-home .section .content-section2 .pages-container .page-container .presentation .visuel img,
    .page-home .section .content-section2 .pages-container .page-container .cinegraph .visuel img {
      width: 100%;
      height: auto; }
    .page-home .section .content-section2 .pages-container .page-container .button3 {
      width: calc(100% - 4px);
      margin-bottom: 4px; }
    .page-home .section .content-section2 .pages-container .page-container .button4 {
      width: calc(50% - 4px);
      margin-top: 0; } }

@media screen and (max-width: 600px) {
  .page-home .section .content-section2 .navigation {
    right: 10px; }
  .page-home .section .content-section2 .pages-container .page-container .grid {
    width: calc(100% - 8px); }
  .page-home .section .content-section2 .pages-container .page-container .button3,
  .page-home .section .content-section2 .pages-container .page-container .button4 {
    width: calc(100% - 4px);
    margin-bottom: 30px; } }

.mobile .page-home .section .content-section3 .navigation a:hover span {
  display: none; }

.mobile .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte {
  opacity: 1;
  top: inherit;
  height: 20%;
  bottom: 20px;
  -webkit-transition: height 0.3s cubic-bezier(0, 0, 0.3, 1);
  transition: height 0.3s cubic-bezier(0, 0, 0.3, 1); }

.mobile .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse.active .texte {
  height: 80%; }

.page-home .section .content-section3 .close-section.original2 {
  display: none; }

.page-home .section .content-section3 .close-section.white {
  border: 2px solid #ffffff;
  -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
  transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
  .page-home .section .content-section3 .close-section.white:after {
    -webkit-transform: translate(-50%, -50%) scale(1.4);
            transform: translate(-50%, -50%) scale(1.4); }
  .page-home .section .content-section3 .close-section.white:hover {
    border-color: #a83439; }
    .page-home .section .content-section3 .close-section.white:hover:after {
      opacity: 1; }

.page-home .section .content-section3 .show {
  display: block !important; }

.page-home .section .content-section3 .hide {
  display: none !important; }

.page-home .section .content-section3 .navigation {
  position: absolute;
  top: 200px;
  right: 20px;
  z-index: 10; }
  .page-home .section .content-section3 .navigation .close-section {
    top: 0px; }
  .page-home .section .content-section3 .navigation a {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    display: block;
    overflow: visible;
    border: 2px solid #7f7773;
    content: "1";
    color: #7f7773;
    font-size: 18px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section3 .navigation a:nth-child(1) {
      top: 0%; }
    .page-home .section .content-section3 .navigation a:nth-child(2) {
      top: 8.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(3) {
      top: 17%; }
    .page-home .section .content-section3 .navigation a:nth-child(4) {
      top: 25.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(5) {
      top: 34%; }
    .page-home .section .content-section3 .navigation a:nth-child(6) {
      top: 42.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(7) {
      top: 51%; }
    .page-home .section .content-section3 .navigation a:nth-child(8) {
      top: 59.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(9) {
      top: 68%; }
    .page-home .section .content-section3 .navigation a:nth-child(10) {
      top: 76.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(11) {
      top: 85%; }
    .page-home .section .content-section3 .navigation a:nth-child(12) {
      top: 93.5%; }
    .page-home .section .content-section3 .navigation a:nth-child(13) {
      top: 102%; }
    .page-home .section .content-section3 .navigation a:nth-child(14) {
      top: 110.5%; }
    .page-home .section .content-section3 .navigation a:last-child:before {
      background: -webkit-linear-gradient(red, yellow);
      background: -webkit-linear-gradient(#7f7773, rgba(127, 119, 115, 0));
      background: linear-gradient(#7f7773, rgba(127, 119, 115, 0)); }
    .page-home .section .content-section3 .navigation a:nth-child(4) > span {
      top: 0px; }
    .page-home .section .content-section3 .navigation a > span {
      opacity: 0;
      display: block;
      position: absolute;
      top: -3px;
      right: 40px;
      text-align: right;
      font-size: 10px;
      font-family: "Lato";
      font-weight: 700;
      color: #ffffff;
      background-color: #a83439;
      padding: 5px 10px;
      text-transform: uppercase;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section3 .navigation a > span:after {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        top: 50%;
        right: -8px;
        background-color: #a83439;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
    .page-home .section .content-section3 .navigation a.active {
      border-color: #a83439; }
      .page-home .section .content-section3 .navigation a.active:nth-child(n + 2) {
        color: #a83439; }
    .page-home .section .content-section3 .navigation a:hover span {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s;
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s, -webkit-transform 0s 0s; }
  .page-home .section .content-section3 .navigation > span:nth-child(1) {
    top: -8.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(2) {
    top: 0%; }
  .page-home .section .content-section3 .navigation > span:nth-child(3) {
    top: 8.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(4) {
    top: 17%; }
  .page-home .section .content-section3 .navigation > span:nth-child(5) {
    top: 25.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(6) {
    top: 34%; }
  .page-home .section .content-section3 .navigation > span:nth-child(7) {
    top: 42.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(8) {
    top: 51%; }
  .page-home .section .content-section3 .navigation > span:nth-child(9) {
    top: 59.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(10) {
    top: 68%; }
  .page-home .section .content-section3 .navigation > span:nth-child(11) {
    top: 76.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(12) {
    top: 85%; }
  .page-home .section .content-section3 .navigation > span:nth-child(13) {
    top: 93.5%; }
  .page-home .section .content-section3 .navigation > span:nth-child(14) {
    top: 102%; }
  .page-home .section .content-section3 .navigation .separation {
    display: block;
    position: absolute;
    height: 15%;
    left: -15px; }
    .page-home .section .content-section3 .navigation .separation:after {
      position: absolute;
      top: 33px;
      left: 0;
      content: "";
      display: block;
      width: 2px;
      height: calc(100% - 35px);
      background-color: #7f7773; }
    .page-home .section .content-section3 .navigation .separation:last-child:after {
      background: -webkit-linear-gradient(red, yellow);
      background: -webkit-linear-gradient(#7f7773, rgba(127, 119, 115, 0));
      background: linear-gradient(#7f7773, rgba(127, 119, 115, 0)); }

.page-home .section .content-section3 .etapes-container {
  background-image: url("../page_homeV2/section3/backgroundsection.jpg?$staticlink$");
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
  .page-home .section .content-section3 .etapes-container .etape {
    position: relative; }
  .page-home .section .content-section3 .etapes-container #etape1 {
    margin: 15% 25%;
    background-color: #ffffff;
    background-image: url("../page_homeV2/common/backgroundpage.jpg?$staticlink$");
    background-size: 202%;
    background-position: center;
    padding: 70px 80px; }
    .page-home .section .content-section3 .etapes-container #etape1 p {
      margin: 20px auto;
      max-width: 580px;
      line-height: 30px; }
  .page-home .section .content-section3 .etapes-container #etape2 {
    margin: 4% 15%;
    background-color: #ffffff;
    background-image: url("../page_homeV2/common/backgroundpage.jpg?$staticlink$");
    background-size: 144%;
    background-position: center;
    padding: 70px 80px; }
    .page-home .section .content-section3 .etapes-container #etape2 p {
      margin: 20px 0;
      line-height: 30px; }
    .page-home .section .content-section3 .etapes-container #etape2 form {
      font-size: 16px;
      font-family: "Lato";
      font-weight: bold;
      position: relative;
      width: 70%;
      margin: 0 auto;
      max-width: 340px;
      text-align: left; }
      .page-home .section .content-section3 .etapes-container #etape2 form #email-error {
        display: none !important; }
      .page-home .section .content-section3 .etapes-container #etape2 form p {
        font-size: 13px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .asterix {
        font-family: "Open Sans";
        font-weight: bold; }
      .page-home .section .content-section3 .etapes-container #etape2 form .facebook {
        margin: 0 10px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .button5 {
        font-family: "Lato";
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        background-color: #364d85;
        padding: 15px 20px;
        width: 100%;
        margin: 0 auto;
        display: table;
        -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
        font-size: 0;
        text-align: center; }
        .page-home .section .content-section3 .etapes-container #etape2 form .button5:hover {
          background-color: #000000; }
        .page-home .section .content-section3 .etapes-container #etape2 form .button5:before,
        .page-home .section .content-section3 .etapes-container #etape2 form .button5 img,
        .page-home .section .content-section3 .etapes-container #etape2 form .button5 .texte {
          display: inline-block;
          vertical-align: middle;
          margin: 0;
          padding: 0;
          font-size: 16px; }
        .page-home .section .content-section3 .etapes-container #etape2 form .button5 .texte {
          padding-left: 10px;
          line-height: 15px; }
        .page-home .section .content-section3 .etapes-container #etape2 form .button5:before {
          content: "";
          height: 100%;
          width: 1px;
          margin-left: -1px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .ou {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden; }
        .page-home .section .content-section3 .etapes-container #etape2 form .ou .ligne {
          display: inline-block;
          position: absolute;
          top: 50%;
          width: 100%;
          height: 1px;
          background-color: #000000; }
        .page-home .section .content-section3 .etapes-container #etape2 form .ou .texte {
          text-align: center;
          display: table;
          background-color: #ffffff;
          margin: 0 auto;
          position: relative;
          padding: 0 10px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .required:after {
        font-size: 18px;
        font-family: "Open Sans";
        font-weight: bold;
        content: "*";
        position: absolute;
        right: -10px;
        top: 50%;
        display: block;
        background-color: #ffffff;
        width: 20px;
        height: 20px;
        text-align: center;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
      .page-home .section .content-section3 .etapes-container #etape2 form fieldset {
        position: relative; }
        .page-home .section .content-section3 .etapes-container #etape2 form fieldset input[type="text"],
        .page-home .section .content-section3 .etapes-container #etape2 form fieldset input[type="email"] {
          border: 2px solid #313131;
          height: 48px;
          padding: 0 20px;
          margin: 10px 0;
          width: 100%;
          display: block;
          position: relative; }
        .page-home .section .content-section3 .etapes-container #etape2 form fieldset label {
          color: #313131;
          display: inline-block;
          margin: 10px 0;
          font-size: 13px; }
          .page-home .section .content-section3 .etapes-container #etape2 form fieldset label:after {
            background-image: url("../page_homeV2/section3/checkbox.png?$staticlink$");
            top: 11px; }
          .page-home .section .content-section3 .etapes-container #etape2 form fieldset label a {
            text-decoration: underline; }
      .page-home .section .content-section3 .etapes-container #etape2 form .errors-message {
        font-size: 13px;
        color: #751b19;
        padding-left: 25px;
        display: block;
        position: relative;
        height: 0px;
        overflow: hidden;
        -webkit-transition: height 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: height 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section3 .etapes-container #etape2 form .errors-message:before {
          content: "";
          display: block;
          background-image: url("../page_homeV2/section3/error.png?$staticlink$");
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px; }
        .page-home .section .content-section3 .etapes-container #etape2 form .errors-message.show {
          margin: 10px 0;
          height: 35px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .submit {
        border: none;
        margin: 20px auto;
        margin-top: 0; }
      .page-home .section .content-section3 .etapes-container #etape2 form .mentions {
        line-height: 15px; }
      .page-home .section .content-section3 .etapes-container #etape2 form .mentions2 {
        line-height: 15px;
        font-style: italic;
        color: #909090; }
  .page-home .section .content-section3 .etapes-container .question-container {
    background-color: #ffffff;
    text-align: left;
    background-image: url("../page_homeV2/common/backgroundpage.jpg?$staticlink$");
    background-size: 100%; }
    .page-home .section .content-section3 .etapes-container .question-container .question {
      width: 80%;
      margin: 0 auto;
      padding: 90px 0; }
      .page-home .section .content-section3 .etapes-container .question-container .question .question-header {
        padding-left: 40px;
        padding-bottom: 30px; }
        .page-home .section .content-section3 .etapes-container .question-container .question .question-header .numero {
          font-family: "Lato";
          font-size: 66px;
          font-weight: 900;
          display: inline-block;
          vertical-align: middle; }
        .page-home .section .content-section3 .etapes-container .question-container .question .question-header .texte {
          font-family: "Lato";
          font-size: 24px;
          font-weight: 700;
          display: inline-block;
          vertical-align: middle;
          padding-left: 10px; }
      .page-home .section .content-section3 .etapes-container .question-container .question .reponses {
        font-size: 0; }
        .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse {
          width: calc(100% / 3);
          display: inline-block;
          cursor: pointer;
          position: relative;
          overflow: hidden; }
          .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .visuel {
            width: 100%;
            -webkit-transform: scale(1.01);
                    transform: scale(1.01);
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
          .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte {
            opacity: 0;
            position: absolute;
            top: 20px;
            left: 20px;
            width: calc(100% - 40px);
            height: calc(100% - 40px);
            background-color: rgba(255, 255, 255, 0.9);
            text-align: center;
            -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
            .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte > span {
              font-size: 16px;
              text-transform: uppercase; }
              .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte > span:before {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle; }
              .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte > span > span {
                display: inline-block;
                padding: 0 20px;
                vertical-align: middle; }
          .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse.active .visuel, .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse:hover .visuel {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1); }
          .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse.active .texte, .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse:hover .texte {
            opacity: 1; }
  .page-home .section .content-section3 .etapes-container #etape8 {
    margin: 5% 10%;
    padding: 70px 80px;
    text-align: left; }
    .page-home .section .content-section3 .etapes-container #etape8 .profil {
      text-align: center; }
      .page-home .section .content-section3 .etapes-container #etape8 .profil p {
        margin: 20px 0; }
    .page-home .section .content-section3 .etapes-container #etape8 .visuel {
      width: 100%; }
    .page-home .section .content-section3 .etapes-container #etape8 .sharer {
      margin-top: 40px;
      display: block; }
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .facebook,
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .twitter,
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .pinterest {
        font-size: 0;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 10px;
        vertical-align: middle; }
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .facebook {
        background-image: url("../page_homeV2/section3/facebook2.svg?$staticlink$");
        width: 10px;
        height: 16px; }
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .twitter {
        background-image: url("../page_homeV2/section3/twitter.svg?$staticlink$");
        width: 16px;
        height: 13px; }
      .page-home .section .content-section3 .etapes-container #etape8 .sharer .pinterest {
        background-image: url("../page_homeV2/section3/pinterest.svg?$staticlink$");
        width: 12px;
        height: 16px; }
    .page-home .section .content-section3 .etapes-container #etape8 .button1 {
      float: right;
      margin-top: -13px; }

@media screen and (max-width: 1250px) {
  .page-home .section .content-section3 .etapes-container .question-container .question .question-header .numero {
    font-size: 56px; }
  .page-home .section .content-section3 .etapes-container .question-container .question .question-header .texte {
    font-size: 22px; }
  .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse .texte > span {
    font-size: 10px; } }

@media screen and (max-width: 1000px) {
  .page-home .section.section3 .header-section .content .visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../page_homeV2/section3/visuel.jpg?$staticlink$");
    background-size: cover;
    background-position: center;
    opacity: 0.3; } }

@media screen and (max-width: 900px) {
  .page-home .section .content-section3 .close-section.original2 {
    display: block; }
  .page-home .section .content-section3 .close-section.white {
    display: none; }
  .page-home .section .content-section3 .etapes-container {
    background-image: none; }
    .page-home .section .content-section3 .etapes-container #etape1 {
      margin: 0;
      padding: 70px 20px;
      background: none; }
    .page-home .section .content-section3 .etapes-container #etape2 {
      margin: 0;
      padding: 10px 10px;
      background: none; }
      .page-home .section .content-section3 .etapes-container #etape2 form {
        width: 75%; }
    .page-home .section .content-section3 .etapes-container #etape1 p,
    .page-home .section .content-section3 .etapes-container #etape2 p {
      width: 75%;
      margin: 20px auto; }
    .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse {
      width: calc(100% / 2); } }

@media screen and (max-width: 600px) {
  .page-home .section .content-section3 .navigation {
    right: 10px; }
  .page-home .section .content-section3 .etapes-container #etape1 h2,
  .page-home .section .content-section3 .etapes-container #etape1 h4,
  .page-home .section .content-section3 .etapes-container #etape1 p,
  .page-home .section .content-section3 .etapes-container #etape2 h2,
  .page-home .section .content-section3 .etapes-container #etape2 h4,
  .page-home .section .content-section3 .etapes-container #etape2 p {
    width: 75%;
    margin: 20px auto; }
  .page-home .section .content-section3 .etapes-container #etape8 {
    padding: 0; }
    .page-home .section .content-section3 .etapes-container #etape8 .button1 {
      float: none;
      margin-top: 10px; }
    .page-home .section .content-section3 .etapes-container #etape8 .sharer {
      text-align: center; }
  .page-home .section .content-section3 .etapes-container .question-container .question {
    width: 70%; }
    .page-home .section .content-section3 .etapes-container .question-container .question .question-header {
      padding-left: 0; }
    .page-home .section .content-section3 .etapes-container .question-container .question .reponses .reponse {
      width: 100%; } }

.mobile .page-home .section .content-section4 .navigation a:hover span {
  display: none; }

.page-home .section .content-section4 {
  background-image: url("../page_homeV2/section4/background.png?$staticlink$");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .page-home .section .content-section4 .navigation {
    position: absolute;
    top: 200px;
    right: 20px;
    z-index: 10; }
    .page-home .section .content-section4 .navigation .close-section {
      top: 0px; }
    .page-home .section .content-section4 .navigation a {
      position: absolute;
      right: 0px;
      width: 30px;
      height: 30px;
      display: block;
      overflow: visible;
      border: 2px solid #7f7773;
      background-image: url("../page_homeV2/section4/flechepage.png?$staticlink$");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section4 .navigation a:nth-child(1) {
        top: 0%; }
      .page-home .section .content-section4 .navigation a:nth-child(2) {
        top: 7.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(3) {
        top: 15%; }
      .page-home .section .content-section4 .navigation a:nth-child(4) {
        top: 22.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(5) {
        top: 30%; }
      .page-home .section .content-section4 .navigation a:nth-child(6) {
        top: 37.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(7) {
        top: 45%; }
      .page-home .section .content-section4 .navigation a:nth-child(8) {
        top: 52.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(9) {
        top: 60%; }
      .page-home .section .content-section4 .navigation a:nth-child(10) {
        top: 67.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(11) {
        top: 75%; }
      .page-home .section .content-section4 .navigation a:nth-child(12) {
        top: 82.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(13) {
        top: 90%; }
      .page-home .section .content-section4 .navigation a:nth-child(14) {
        top: 97.5%; }
      .page-home .section .content-section4 .navigation a:nth-child(1) {
        background-image: none; }
      .page-home .section .content-section4 .navigation a:nth-child(n + 2):after {
        content: "";
        opacity: 0;
        display: block;
        width: 14px;
        height: 13px;
        position: absolute;
        top: 7px;
        left: 6px;
        background-image: url("../page_homeV2/section4/flechepage2.png?$staticlink$");
        -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
      .page-home .section .content-section4 .navigation a > span {
        opacity: 0;
        display: block;
        position: absolute;
        top: -3px;
        right: 40px;
        text-align: right;
        font-size: 10px;
        font-family: "Lato";
        font-weight: 700;
        color: #ffffff;
        background-color: #a83439;
        padding: 5px 10px;
        text-transform: uppercase;
        -webkit-transform: scale(0);
                transform: scale(0);
        -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0s 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section4 .navigation a > span:after {
          content: "";
          display: block;
          position: absolute;
          width: 8px;
          height: 8px;
          top: 50%;
          right: -8px;
          background-color: #a83439;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); }
      .page-home .section .content-section4 .navigation a.active {
        border-color: #a83439; }
        .page-home .section .content-section4 .navigation a.active:nth-child(n + 2):after {
          opacity: 1; }
      .page-home .section .content-section4 .navigation a:hover {
        border-color: #a83439; }
        .page-home .section .content-section4 .navigation a:hover span {
          -webkit-transform: scale(1);
                  transform: scale(1);
          opacity: 1;
          -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
          transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, -webkit-transform 0s 0s;
          transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s;
          transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1) 0s, transform 0s 0s, -webkit-transform 0s 0s; }
        .page-home .section .content-section4 .navigation a:hover:nth-child(n + 2):after {
          opacity: 1; }
    .page-home .section .content-section4 .navigation > span:nth-child(1) {
      top: -7.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(2) {
      top: 0%; }
    .page-home .section .content-section4 .navigation > span:nth-child(3) {
      top: 7.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(4) {
      top: 15%; }
    .page-home .section .content-section4 .navigation > span:nth-child(5) {
      top: 22.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(6) {
      top: 30%; }
    .page-home .section .content-section4 .navigation > span:nth-child(7) {
      top: 37.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(8) {
      top: 45%; }
    .page-home .section .content-section4 .navigation > span:nth-child(9) {
      top: 52.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(10) {
      top: 60%; }
    .page-home .section .content-section4 .navigation > span:nth-child(11) {
      top: 67.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(12) {
      top: 75%; }
    .page-home .section .content-section4 .navigation > span:nth-child(13) {
      top: 82.5%; }
    .page-home .section .content-section4 .navigation > span:nth-child(14) {
      top: 90%; }
    .page-home .section .content-section4 .navigation .separation {
      display: block;
      position: absolute;
      height: 15%;
      left: -15px; }
      .page-home .section .content-section4 .navigation .separation:after {
        position: absolute;
        top: 33px;
        left: 0;
        content: "";
        display: block;
        width: 2px;
        height: calc(100% - 35px);
        background-color: #7f7773; }
      .page-home .section .content-section4 .navigation .separation:last-child:after {
        background: -webkit-linear-gradient(red, yellow);
        background: -webkit-linear-gradient(#7f7773, rgba(127, 119, 115, 0));
        background: linear-gradient(#7f7773, rgba(127, 119, 115, 0)); }
  .page-home .section .content-section4 .pages-container {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    margin-top: 40px; }
    .page-home .section .content-section4 .pages-container .page-container {
      position: relative; }
      .page-home .section .content-section4 .pages-container .page-container .page-header {
        margin-bottom: 30px; }
      .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        position: relative; }
        .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer img {
          width: 100%; }
        .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer span {
          font-family: "Open Sans";
          font-size: 18px;
          color: #ffffff;
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          top: calc(50% + 49px);
          left: 50%; }
          .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer span:before {
            content: "";
            position: absolute;
            top: -53px;
            left: 51px;
            width: 83px;
            height: 83px;
            border-radius: 50%;
            border: 3px solid #ffffff;
            -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
          .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer span:after {
            content: "";
            position: absolute;
            top: -53px;
            left: 54px;
            width: 18px;
            height: 30px;
            background-image: url("../page_homeV2/player/playvideo3.png?$staticlink$");
            -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer:hover span:before {
          -webkit-transform: translate(-50%, -50%) scale(1.05);
                  transform: translate(-50%, -50%) scale(1.05); }
        .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer:hover span:after {
          -webkit-transform: translate(-50%, -50%) scale(1.15);
                  transform: translate(-50%, -50%) scale(1.15); }
      .page-home .section .content-section4 .pages-container .page-container .texte-section {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        padding: 0 20px; }
      .page-home .section .content-section4 .pages-container .page-container .grid {
        display: inline-block;
        width: calc(25% - 8px);
        margin: 4px;
        height: 295px;
        vertical-align: top;
        overflow: hidden; }
        .page-home .section .content-section4 .pages-container .page-container .grid .button1 {
          padding: 4% 8%; }
      .page-home .section .content-section4 .pages-container .page-container .presentation {
        position: relative; }
        .page-home .section .content-section4 .pages-container .page-container .presentation .visuel img {
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1);
          -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1); }
        .page-home .section .content-section4 .pages-container .page-container .presentation .description {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% - 40px);
          height: calc(100% - 40px);
          margin: 20px;
          background-color: rgba(255, 255, 255, 0.9);
          font-size: 12px;
          font-family: "Lato";
          font-weight: bold;
          opacity: 0;
          -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
          .page-home .section .content-section4 .pages-container .page-container .presentation .description .description-content {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
            .page-home .section .content-section4 .pages-container .page-container .presentation .description .description-content .prenom,
            .page-home .section .content-section4 .pages-container .page-container .presentation .description .description-content .vetement {
              margin: 20px 10px; }
        .page-home .section .content-section4 .pages-container .page-container .presentation:hover .visuel img {
          -webkit-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1); }
        .page-home .section .content-section4 .pages-container .page-container .presentation:hover .description {
          opacity: 1; }
      .page-home .section .content-section4 .pages-container .page-container .cinegraph {
        position: relative;
        border: 1px solid #d6d6d6; }
        .page-home .section .content-section4 .pages-container .page-container .cinegraph .visuel img {
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .page-home .section .content-section4 .pages-container .page-container .button3,
      .page-home .section .content-section4 .pages-container .page-container .button5 {
        font-size: 14px;
        background-color: #000000;
        color: #ffffff;
        display: inline-block;
        margin: 30px 2px;
        height: 50px;
        -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
        transition: background-color 0.3s cubic-bezier(0, 0, 0.3, 1);
        width: calc(50% - 4px); }
        .page-home .section .content-section4 .pages-container .page-container .button3 span:before,
        .page-home .section .content-section4 .pages-container .page-container .button5 span:before {
          content: "";
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
        .page-home .section .content-section4 .pages-container .page-container .button3:hover,
        .page-home .section .content-section4 .pages-container .page-container .button5:hover {
          background-color: #a83439; }

@media screen and (max-width: 1250px) {
  .page-home .section .content-section4 .pages-container .page-container .button3,
  .page-home .section .content-section4 .pages-container .page-container .button4 {
    font-size: 12px; } }

@media screen and (max-width: 1000px) {
  .page-home .section.section4 .header-section .content .visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../page_homeV2/section4/visuel.jpg?$staticlink$");
    background-size: cover;
    background-position: center;
    opacity: 0.3; }
  .page-home .section .content-section4 .pages-container {
    width: 70%; }
    .page-home .section .content-section4 .pages-container .page-container .page-header {
      margin-bottom: 0px; }
    .page-home .section .content-section4 .pages-container .page-container .lienyoutubeplayer,
    .page-home .section .content-section4 .pages-container .page-container .texte-section {
      width: 100%; }
    .page-home .section .content-section4 .pages-container .page-container .grid {
      width: calc(50% - 8px); }
    .page-home .section .content-section4 .pages-container .page-container .presentation .visuel img,
    .page-home .section .content-section4 .pages-container .page-container .cinegraph .visuel img {
      width: 100%;
      height: auto; }
    .page-home .section .content-section4 .pages-container .page-container .button3 {
      width: calc(100% - 4px);
      margin-bottom: 10px; }
    .page-home .section .content-section4 .pages-container .page-container .button5 {
      width: calc(100% - 4px);
      margin-top: 10px;
      margin-bottom: 50px; } }

@media screen and (max-width: 600px) {
  .page-home .section .content-section4 .navigation {
    right: 10px; }
  .page-home .section .content-section4 .pages-container .page-container .grid {
    width: calc(100% - 8px); }
  .page-home .section .content-section4 .pages-container .page-container .button3 {
    width: calc(100% - 4px);
    margin-bottom: 10px; }
  .page-home .section .content-section4 .pages-container .page-container .button5 {
    width: calc(100% - 4px);
    margin-bottom: 30px; } }

.mobile .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent:hover .instagramContainerImage {
  -webkit-transform: none;
          transform: none;
  -webkit-filter: none;
          filter: none;
  opacity: 1; }

.mobile .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent:hover .instagramContainerDescription {
  opacity: 0; }

.page-home .section .content-section6 .close-section {
  top: 200px; }

.page-home .section .content-section6 .instagramContainer {
  max-width: 900px;
  margin: 0 auto;
  position: relative; }
  .page-home .section .content-section6 .instagramContainer .prev {
    z-index: 10;
    position: absolute;
    top: 300px;
    left: -25px;
    font-size: 0;
    width: 44px;
    height: 44px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 2px solid #7f7773;
    -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section6 .instagramContainer .prev:before, .page-home .section .content-section6 .instagramContainer .prev:after {
      content: "";
      display: block;
      position: absolute;
      top: 13px;
      left: 11px;
      width: 14px;
      height: 15px;
      -webkit-transform: scale(-1);
              transform: scale(-1); }
    .page-home .section .content-section6 .instagramContainer .prev:before {
      background-image: url("../page_homeV2/section6/flechecarrousel.png?$staticlink$"); }
    .page-home .section .content-section6 .instagramContainer .prev:after {
      background-image: url("../page_homeV2/section6/flechecarrousel2.png?$staticlink$");
      opacity: 0;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section6 .instagramContainer .prev:hover {
      border-color: #a83439; }
      .page-home .section .content-section6 .instagramContainer .prev:hover:after {
        opacity: 1; }
  .page-home .section .content-section6 .instagramContainer .next {
    z-index: 10;
    position: absolute;
    top: 300px;
    right: -69px;
    font-size: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 2px solid #7f7773;
    -webkit-transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: border-color 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section6 .instagramContainer .next:before, .page-home .section .content-section6 .instagramContainer .next:after {
      content: "";
      display: block;
      position: absolute;
      top: 13px;
      left: 15px;
      width: 14px;
      height: 15px; }
    .page-home .section .content-section6 .instagramContainer .next:before {
      background-image: url("../page_homeV2/section6/flechecarrousel.png?$staticlink$"); }
    .page-home .section .content-section6 .instagramContainer .next:after {
      background-image: url("../page_homeV2/section6/flechecarrousel2.png?$staticlink$");
      opacity: 0;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
    .page-home .section .content-section6 .instagramContainer .next:hover {
      border-color: #a83439; }
      .page-home .section .content-section6 .instagramContainer .next:hover:after {
        opacity: 1; }
  .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer {
    text-align: center;
    font-size: 0;
    max-width: 900px;
    margin: 0 auto;
    height: 600px;
    position: relative;
    overflow: hidden; }
    .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramCarrousel {
      position: absolute;
      top: 0;
      left: 0;
      max-width: initial; }
    .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems {
      width: 300px;
      float: left; }
      .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem {
        width: 300px;
        height: 300px;
        display: inline-block;
        position: relative;
        background-color: #ffffff; }
        .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent {
          width: 280px;
          max-height: 280px;
          margin-top: 10px;
          display: inline-block;
          overflow: hidden;
          cursor: pointer;
          position: relative; }
          .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent .instagramContainerImage {
            width: 100%;
            -webkit-transform: scale(1);
                    transform: scale(1);
            display: inline-block;
            -webkit-filter: grayscale(0) blur(0px);
                    filter: grayscale(0) blur(0px);
            -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
            transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); }
          .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent:hover .instagramContainerImage {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1);
            -webkit-filter: grayscale(1) blur(5px);
                    filter: grayscale(1) blur(5px);
            opacity: 0.5; }
          .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerContent:hover .instagramContainerDescription {
            opacity: 1; }
        .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerDescription {
          position: absolute;
          top: 50%;
          font-size: 12px;
          opacity: 0;
          width: 100%;
          -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
          transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
          transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%); }
        .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerDescription p {
          margin: 0;
          padding: 0; }
        .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer .instagramContainerItems .instagramContainerItem .instagramContainerDescription .instagramContainerThumb {
          width: 70px;
          height: 70px; }

@media screen and (max-width: 1000px) {
  .page-home .section.section6 .header-section .content .visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../page_homeV2/section6/visuel.jpg?$staticlink$");
    background-size: cover;
    background-position: center;
    opacity: 0.3; }
  .page-home .section .content-section6 .instagramContainer {
    max-width: 600px; }
    .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer {
      max-width: 600px; } }

@media screen and (max-width: 700px) {
  .page-home .section .content-section6 .instagramContainer {
    max-width: 300px; }
    .page-home .section .content-section6 .instagramContainer .instagramCarrouselContainer {
      max-width: 300px; } }

@media screen and (max-width: 400px) {
  .page-home .section .content-section6 .instagramContainer .prev {
    left: 4px;
    border: none; }
  .page-home .section .content-section6 .instagramContainer .next {
    right: -40px;
    border: none; } }

@media screen and (max-width: 1250px) {
  .page-home h2 {
    font-size: 25px;
    line-height: 30px; }
  .page-home h3 {
    font-size: 22px;
    line-height: 30px; }
  .page-home h4 {
    line-height: 30px; }
  .page-home p {
    font-size: 14px; }
  .page-home .section .header-section .block1 p,
  .page-home .section .header-section .block2 p {
    margin: 20px 0;
    line-height: 25px; } }

@media screen and (max-width: 1000px) {
  .page-home .header .container-header {
    width: 100%; }
    .page-home .header .container-header h1.image img {
      width: 90%; }
  .page-home .section .header-section {
    padding: 60px 0;
    text-align: center; }
    .page-home .section .header-section .block1 h2,
    .page-home .section .header-section .block2 h2 {
      margin-bottom: 0; }
    .page-home .section .header-section .block1.content,
    .page-home .section .header-section .block2.content {
      width: 100%;
      padding-right: 30px;
      padding-left: 30px; }
    .page-home .section .header-section .block1.visuel,
    .page-home .section .header-section .block2.visuel {
      display: none;
      width: 50%;
      padding: 0; }
    .page-home .section .header-section .block1 p,
    .page-home .section .header-section .block2 p {
      margin: 20px auto;
      width: 60%; }
  .page-home .section .content-section .title-section h2 {
    width: 100%;
    margin-bottom: 0; }
  .page-home .section .content-section .title-section p {
    padding-top: 0;
    line-height: 25px;
    margin: 20px auto;
    width: 60%; } }

@media screen and (max-width: 600px) {
  .page-home .display-desktop {
    display: none !important; }
  .page-home .display-mobile {
    display: block !important; }
  .page-home .br-mobile {
    display: block; }
  .page-home .br-desktop {
    display: inline-block; }
  .page-home .section .header-section .block1.content,
  .page-home .section .header-section .block2.content {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px; }
  .page-home .section .header-section .block1 h2,
  .page-home .section .header-section .block2 h2 {
    margin-bottom: 10px; }
  .page-home .section .header-section .block1 p,
  .page-home .section .header-section .block2 p {
    width: 90%; }
  .page-home .section .content-section .close-section {
    right: 10px; }
  .page-home .section .content-section .title-section h2 {
    width: 90%;
    padding: 0 0;
    margin: 20px 0; }
  .page-home .section .content-section .title-section p {
    width: 90%;
    padding-top: 0; } }