/**
 * Foundation for Sites by ZURB
 * Version 6.4.4-rc1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#diaporama {
  max-width: none;
  padding: 0;
  position: relative; }
  #diaporama .prev, #diaporama .next {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 45%;
    background: no-repeat center;
    z-index: 998;
    border-radius: 100%;
    border: 0.06667rem solid #fff;
    cursor: pointer; }
  #diaporama .prev {
    background-image: url(../assets/images/Arrow_left.png);
    left: 2.37037rem; }
    #diaporama .prev:hover {
      background-position: 25% center;
      border-color: transparent; }
    @media screen and (min-width: 64em) and (max-width: 79.9375em) {
      #diaporama .prev {
        left: 0.66667rem; } }
  #diaporama .next {
    background-image: url(../assets/images/Arrow_right.png);
    right: 2.37037rem; }
    #diaporama .next:hover {
      background-position: 75% center;
      border-color: transparent; }
    @media screen and (min-width: 64em) and (max-width: 79.9375em) {
      #diaporama .next {
        right: 0.66667rem; } }
  #diaporama .item {
    height: 36.66667rem; }
    #diaporama .item:not(.slick-active) > .row {
      opacity: 0;
      top: 2.66667rem; }
    #diaporama .item.slick-active > .row {
      opacity: 1;
      top: 0; }
    #diaporama .item > .row {
      position: relative;
      height: 95%;
      max-width: 85.33333rem;
      margin: 0 auto;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      transition-delay: 0.3s; }
      #diaporama .item > .row .columns {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        #diaporama .item > .row .columns > div {
          padding: 2rem 2rem 2rem 2.66667rem; }
          @media print, screen and (min-width: 46.25em) {
            #diaporama .item > .row .columns > div {
              margin-right: 5.77778rem; } }
          #diaporama .item > .row .columns > div h2::after {
            display: block;
            height: 0.33333rem;
            content: '';
            width: 7.11111rem;
            background-color: #01193D;
            margin: 0.8rem 0 1.5rem; }
          #diaporama .item > .row .columns > div .button {
            margin: 2.66667rem 0 0; }
      #diaporama .item > .row.theme_01 .columns > div {
        background: rgba(1, 25, 61, 0.5);
        border: 0.13333rem solid #fff; }
        #diaporama .item > .row.theme_01 .columns > div h2, #diaporama .item > .row.theme_01 .columns > div h2 a {
          color: #fff; }
          #diaporama .item > .row.theme_01 .columns > div h2::after, #diaporama .item > .row.theme_01 .columns > div h2 a::after {
            background-color: #fff; }
        #diaporama .item > .row.theme_01 .columns > div .rte, #diaporama .item > .row.theme_01 .columns > div .rte p, #diaporama .item > .row.theme_01 .columns > div .rte li {
          color: #fff; }
        #diaporama .item > .row.theme_01 .columns > div .button {
          background: #fed136; }
      #diaporama .item > .row.theme_02 .columns > div {
        background: rgba(255, 255, 255, 0.5);
        border: 0.13333rem solid #fff; }
        #diaporama .item > .row.theme_02 .columns > div .rte, #diaporama .item > .row.theme_02 .columns > div .rte p, #diaporama .item > .row.theme_02 .columns > div .rte li {
          color: #01193D; }
      #diaporama .item > .row.theme_03 .columns > div {
        background: rgba(252, 93, 54, 0.5);
        border: 0.13333rem solid #fff; }
        #diaporama .item > .row.theme_03 .columns > div h2, #diaporama .item > .row.theme_03 .columns > div h2 a {
          color: #fff; }
          #diaporama .item > .row.theme_03 .columns > div h2::after, #diaporama .item > .row.theme_03 .columns > div h2 a::after {
            background-color: #fff; }
        #diaporama .item > .row.theme_03 .columns > div .rte, #diaporama .item > .row.theme_03 .columns > div .rte p, #diaporama .item > .row.theme_03 .columns > div .rte li {
          color: #fff; }
        #diaporama .item > .row.theme_03 .columns > div .button {
          background: #01193D; }
      #diaporama .item > .row.theme_04 .columns > div h2, #diaporama .item > .row.theme_04 .columns > div h2 a {
        color: #FC5D36; }
        #diaporama .item > .row.theme_04 .columns > div h2::after, #diaporama .item > .row.theme_04 .columns > div h2 a::after {
          background-color: #FC5D36; }
      #diaporama .item > .row.theme_04 .columns > div .rte, #diaporama .item > .row.theme_04 .columns > div .rte p, #diaporama .item > .row.theme_04 .columns > div .rte li {
        color: #01193D; }
      #diaporama .item > .row.theme_04 .columns > div .button {
        background: #01193D; }
    @media screen and (max-width: 46.1875em) {
      #diaporama .item {
        height: 70vh;
        background-position: top center;
        position: relative; } }
  @media screen and (max-width: 46.1875em) and (orientation: landscape) {
    #diaporama .item {
      height: 100vh; } }
    @media screen and (max-width: 46.1875em) {
        #diaporama .item::before {
          z-index: 0;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: rgba(255, 255, 255, 0.5);
          display: block;
          content: ''; }
        #diaporama .item > .row .columns > div {
          padding: 1rem; }
          #diaporama .item > .row .columns > div h2 {
            line-height: 1.3; }
            #diaporama .item > .row .columns > div h2::after {
              margin: 0.3rem 0 0.8rem;
              width: 4rem;
              height: 0.2rem; }
          #diaporama .item > .row .columns > div .rte, #diaporama .item > .row .columns > div .rte p, #diaporama .item > .row .columns > div .rte li {
            color: #01193D; }
          #diaporama .item > .row .columns > div .button {
            margin: 1.5rem 0 0;
            padding: 1.15rem 1.5rem; } }
    @media screen and (max-width: 23.375em) {
      #diaporama .item > .row .columns > div .button {
        margin: 0; } }

#envies {
  padding: 3.33333rem 1.33333rem;
  position: relative; }
  #envies::before {
    display: block;
    content: '';
    z-index: 0;
    position: absolute;
    top: 0;
    left: -7.11111rem;
    height: 23.73333rem;
    width: 22.2rem;
    background: url(../assets/images/Zigzag_Trame_Jaune2.png) no-repeat top left; }
  #envies::after {
    display: block;
    z-index: 0;
    content: '';
    position: absolute;
    clear: both;
    bottom: -2.66667rem;
    right: -1rem;
    height: 12.06667rem;
    width: 12.06667rem;
    background: url(../assets/images/Cercle_Trame_Vert.png) no-repeat; }
  #envies > .row article {
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #envies > .row article a {
      position: relative;
      display: block;
      background: #FC5D36; }
      #envies > .row article a * {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
        z-index: 1; }
      #envies > .row article a img {
        opacity: 1;
        width: 100%; }
      #envies > .row article a h2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        right: 0;
        left: 0;
        padding: 1.33333rem 0.66667rem 2.66667rem;
        margin: 0.33333rem 1.53333rem 0;
        border: 0.13333rem solid #fff;
        background: rgba(252, 93, 54, 0.85);
        color: #fff;
        line-height: 2.66667rem; }
        #envies > .row article a h2 strong {
          display: block;
          font-size: 140%;
          font-weight: normal;
          line-height: 2.33333rem; }
      #envies > .row article a span.button {
        opacity: 0;
        position: absolute;
        bottom: 4rem;
        left: 3.33333rem;
        right: 3.33333rem;
        text-align: center;
        padding-right: 1.33333rem;
        padding-left: 1.33333rem; }
      #envies > .row article a::before {
        z-index: 0;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        border: 0.13333rem solid #FC5D36;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #envies > .row article a:hover img {
        opacity: 0.15; }
      #envies > .row article a:hover h2 {
        background: transparent;
        border-color: transparent; }
      #envies > .row article a:hover span.button {
        opacity: 1; }
        #envies > .row article a:hover span.button:hover {
          color: #FC5D36; }
    #envies > .row article:nth-child(even) a {
      margin-left: 1.33333rem; }
      #envies > .row article:nth-child(even) a::before {
        left: -1.33333rem;
        top: -1.33333rem; }
    #envies > .row article:nth-child(odd) a {
      margin-right: 1.33333rem; }
      #envies > .row article:nth-child(odd) a::before {
        right: -1.33333rem;
        bottom: -1.33333rem;
        top: 1.33333rem; }
    #envies > .row article.toanim:not(.animit) a::before {
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out; }
    #envies > .row article.toanim.animit a::before {
      opacity: 1; }
  @media screen and (min-width: 64em) and (max-width: 79.9375em) {
    #envies::after {
      right: 0; }
    #envies > .row article a span.button {
      bottom: 0.5rem;
      left: 1.5rem;
      right: 1.5rem; } }
  @media screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    #envies::after {
      background-size: cover;
      width: 13.33333rem;
      height: 13.33333rem;
      right: 0.53333rem;
      bottom: -1.33333rem; }
    #envies > .row article {
      margin-bottom: 2.66667rem; } }
  @media screen and (max-width: 46.1875em) {
    #envies {
      padding: 2rem 2rem 0; }
      #envies::before {
        left: -3.33333rem;
        width: 12.66667rem;
        height: 13.33333rem;
        background-size: cover; }
      #envies::after {
        background-size: cover;
        width: 6.66667rem;
        height: 6.66667rem;
        right: 0.53333rem;
        bottom: -1.33333rem; }
      #envies > .row article {
        margin-bottom: 2.66667rem; }
        #envies > .row article a h2 {
          padding: 1rem 0.66667rem 1.33333rem;
          margin: 0.33333rem 0.66667rem 0;
          line-height: 1rem;
          border-width: 0.06667rem;
          font-size: 1.33333rem; }
          #envies > .row article a h2 strong {
            font-size: 125%;
            line-height: 1.8rem; }
        #envies > .row article a::before {
          border-width: 0.06667rem; }
        #envies > .row article a:hover .button {
          left: 0.33333rem;
          right: 0.33333rem;
          bottom: 0;
          font-size: 0.73333rem;
          padding: 0.6rem 0.4rem; } }
      @media screen and (max-width: 46.1875em) and (min-width: 23.5em) {
        #envies > .row article a:hover .button {
          padding: 0.8rem 0.5rem; } }
  @media screen and (max-width: 46.1875em) {
        #envies > .row article:nth-child(odd) a::before {
          right: -0.66667rem;
          top: 0.66667rem; }
        #envies > .row article:nth-child(even) a::before {
          left: -0.66667rem;
          top: -0.66667rem; } }
  @media screen and (max-width: 23.375em) {
    #envies > .row article a h2 {
      font-size: 2.13333rem;
      line-height: 1.5; }
    #envies > .row article a:hover .button {
      left: 1.33333rem;
      right: 1.33333rem; } }

#gammes {
  position: relative;
  min-height: 75vh; }
  #gammes *:focus, #gammes *:hover {
    outline: none; }
  #gammes > .row:not(.columns) {
    position: relative;
    z-index: 1; }
  #gammes #liste_gammes {
    position: relative;
    margin-top: 6rem; }
    #gammes #liste_gammes::before {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: absolute;
      content: '';
      display: block;
      background: url(../assets/images/Perf_Trame_Orange.png) no-repeat;
      width: 21rem;
      height: 27.53333rem;
      top: 6.73333rem;
      z-index: 0; }
    #gammes #liste_gammes .callout {
      margin-left: 4.44444rem;
      left: 1.33333rem;
      min-height: 50vh; }
      #gammes #liste_gammes .callout h2 {
        color: #01193D; }
      #gammes #liste_gammes .callout .menu {
        padding-top: 1.13333rem; }
        #gammes #liste_gammes .callout .menu li {
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          min-height: 2.8rem;
          cursor: pointer;
          position: relative; }
          #gammes #liste_gammes .callout .menu li span {
            padding: 0.7rem;
            display: block; }
          #gammes #liste_gammes .callout .menu li:hover span {
            text-decoration: underline;
            font-weight: bold; }
    #gammes #liste_gammes.toanim::before {
      left: 30%;
      opacity: 0; }
    #gammes #liste_gammes.toanim .menu li:nth-child(even) {
      left: -1.33333rem;
      opacity: 0; }
    #gammes #liste_gammes.toanim .menu li:nth-child(odd) {
      left: 1.33333rem;
      opacity: 0; }
    #gammes #liste_gammes.toanim.animit::before {
      left: 3.55556rem;
      opacity: 1; }
    #gammes #liste_gammes.toanim.animit .menu li {
      left: 0;
      opacity: 1; }
  #gammes #detail_gammes .callout {
    margin-top: 2rem; }
    #gammes #detail_gammes .callout img {
      display: block;
      margin: 0.66667rem auto 1.33333rem;
      height: 3.6rem; }
    #gammes #detail_gammes .callout .rte {
      margin: 1.33333rem 0 2.66667rem; }
    #gammes #detail_gammes .callout .button {
      margin-bottom: 1.33333rem; }
  #gammes #composition {
    padding: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
    #gammes #composition div {
      height: 100vh; }
    #gammes #composition .columns {
      position: relative;
      margin-right: auto;
      margin-left: auto; }
  #gammes::after {
    position: relative;
    background: url(../assets/images/Picto_Ble_Jaune.png) no-repeat center;
    width: 100%;
    height: 8.33333rem;
    display: block;
    content: ''; }
  @media screen and (max-width: 46.1875em) {
    #gammes {
      min-height: 0; }
      #gammes #liste_gammes {
        margin-top: 0; }
        #gammes #liste_gammes .callout {
          margin: 1.33333rem 0.66667rem;
          left: 0;
          padding: 1rem; }
          #gammes #liste_gammes .callout .menu {
            padding-top: 0.33333rem; }
            #gammes #liste_gammes .callout .menu li {
              height: 2.65rem; }
              #gammes #liste_gammes .callout .menu li span {
                padding: 0; }
        #gammes #liste_gammes::before {
          width: 11.53333rem;
          height: 15.4rem;
          left: -0.2rem;
          top: 13.53333rem;
          background-repeat: repeat;
          background-size: contain; }
        #gammes #liste_gammes.toanim.animit::before {
          left: 0;
          bottom: -1.33333rem;
          top: auto; }
      #gammes::after {
        display: none;
        background: none; } }

#marqueengagee {
  position: relative;
  padding: 2.8rem 0 2.2rem;
  z-index: 1; }
  #marqueengagee .callout {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0.13333rem solid #93DF72;
    margin-left: 6.44444rem;
    position: relative;
    left: 0.66667rem;
    opacity: 1;
    padding: 1.66667rem 3.33333rem;
    padding-right: 12.88889rem; }
    #marqueengagee .callout .smallnpicto small {
      color: #93DF72;
      background: url(../assets/images/Ico_Nosvaleurs.svg) no-repeat bottom left; }
      #marqueengagee .callout .smallnpicto small::before {
        background: #93DF72; }
    #marqueengagee .callout .smallnpicto span {
      color: #01193D; }
    #marqueengagee .callout .rte {
      padding-right: 0.13333rem; }
    #marqueengagee .callout .button {
      margin: 2.66667rem 0 1.33333rem;
      border: 0.13333rem solid #93DF72;
      color: #01193D;
      padding: 0.8rem 1.7rem; }
      #marqueengagee .callout .button:hover {
        border-color: transparent;
        box-shadow: 0 0 0 2px #01193D; }
  #marqueengagee .columns:last-child {
    margin-top: 8.44444rem; }
    #marqueengagee .columns:last-child .video {
      text-align: right;
      margin-left: 0.66667rem;
      position: relative; }
      @media screen and (min-width: 64em) {
        #marqueengagee .columns:last-child .video {
          left: 2.66667rem;
          opacity: 0;
          -webkit-transition: all 0.8s ease-in-out;
          -moz-transition: all 0.8s ease-in-out;
          -ms-transition: all 0.8s ease-in-out;
          -o-transition: all 0.8s ease-in-out;
          transition: all 0.8s ease-in-out; }
          #marqueengagee .columns:last-child .video.animit {
            left: 0;
            opacity: 1; } }
      #marqueengagee .columns:last-child .video a, #marqueengagee .columns:last-child .video > div, #marqueengagee .columns:last-child .video iframe {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        display: block;
        position: relative;
        margin-right: 1.33333rem;
        left: 0.26667rem;
        top: -0.26667rem; }
        #marqueengagee .columns:last-child .video a.toanim::before, #marqueengagee .columns:last-child .video > div.toanim::before, #marqueengagee .columns:last-child .video iframe.toanim::before {
          width: 0;
          height: 0; }
        #marqueengagee .columns:last-child .video a.toanim.animit::before, #marqueengagee .columns:last-child .video > div.toanim.animit::before, #marqueengagee .columns:last-child .video iframe.toanim.animit::before {
          width: 5.33333rem;
          height: 5.33333rem; }
        #marqueengagee .columns:last-child .video a.toanim.animit:hover::before, #marqueengagee .columns:last-child .video > div.toanim.animit:hover::before, #marqueengagee .columns:last-child .video iframe.toanim.animit:hover::before {
          width: 6.66667rem;
          height: 6.66667rem; }
        #marqueengagee .columns:last-child .video a:hover, #marqueengagee .columns:last-child .video a:active, #marqueengagee .columns:last-child .video a:focus, #marqueengagee .columns:last-child .video > div:hover, #marqueengagee .columns:last-child .video > div:active, #marqueengagee .columns:last-child .video > div:focus, #marqueengagee .columns:last-child .video iframe:hover, #marqueengagee .columns:last-child .video iframe:active, #marqueengagee .columns:last-child .video iframe:focus {
          outline: none; }
        #marqueengagee .columns:last-child .video a, #marqueengagee .columns:last-child .video a video, #marqueengagee .columns:last-child .video > div, #marqueengagee .columns:last-child .video > div video, #marqueengagee .columns:last-child .video iframe, #marqueengagee .columns:last-child .video iframe video {
          max-width: 100%;
          height: auto; }
        #marqueengagee .columns:last-child .video a::before, #marqueengagee .columns:last-child .video > div::before, #marqueengagee .columns:last-child .video iframe::before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: url(../assets/images/Btn_Play.png) no-repeat;
          background-size: contain;
          z-index: 5;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        #marqueengagee .columns:last-child .video a::after, #marqueengagee .columns:last-child .video > div::after, #marqueengagee .columns:last-child .video iframe::after {
          display: block;
          position: absolute;
          content: '';
          background: url(../assets/images/Cercle_Perf_Trame_Vert.png) no-repeat;
          width: 5.4rem;
          height: 5.4rem;
          bottom: -2.53333rem;
          left: -2.53333rem;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          transition-duration: 0.6s; }
      #marqueengagee .columns:last-child .video.iframe, #marqueengagee .columns:last-child .video.iframe iframe {
        min-height: 22.93333rem; }
        @media screen and (max-width: 46.1875em) {
          #marqueengagee .columns:last-child .video.iframe, #marqueengagee .columns:last-child .video.iframe iframe {
            min-height: 11.33333rem;
            top: -1.33333rem; } }
      #marqueengagee .columns:last-child .video::before, #marqueengagee .columns:last-child .video::after {
        position: absolute;
        z-index: 0;
        display: block;
        content: ''; }
      #marqueengagee .columns:last-child .video::before {
        right: -1.2rem;
        top: -2.53333rem;
        width: 26rem;
        height: 18.86667rem;
        background: url(../assets/images/Diag_Trame_Bleu.png) no-repeat;
        background-position: top right;
        background-size: cover; }
      #marqueengagee .columns:last-child .video::after {
        background: url(../assets/images/Epi.png) no-repeat;
        width: 29.73333rem;
        height: 8.93333rem;
        bottom: -3.6rem;
        right: -5.46667rem;
        pointer-events: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        transition-duration: 0.6s;
        transform: scale(1);
        z-index: 5; }
      #marqueengagee .columns:last-child .video.iframe:hover a:hover::after, #marqueengagee .columns:last-child .video.iframe:hover iframe:hover::after, #marqueengagee .columns:last-child .video.iframe:hover > div:hover::after {
        transform: scale(0.7);
        transform-origin: bottom left; }
      #marqueengagee .columns:last-child .video.iframe:hover::after {
        transform: scale(0.72);
        transform-origin: bottom right; }
      #marqueengagee .columns:last-child .video.over a, #marqueengagee .columns:last-child .video.over iframe, #marqueengagee .columns:last-child .video.over > div, #marqueengagee .columns:last-child .video.over > div video {
        z-index: 10;
        position: relative; }
      #marqueengagee .columns:last-child .video.over::after, #marqueengagee .columns:last-child .video.over > div::before, #marqueengagee .columns:last-child .video.over > div::after {
        z-index: 0; }
@media screen and (min-width: 64em) and (max-width: 79.9375em) and (orientation: landscape) {
  #marqueengagee {
    overflow: hidden; } }
  @media screen and (min-width: 64em) and (max-width: 79.9375em) {
    #marqueengagee .callout {
      margin-left: 1rem;
      padding-right: 8.66667rem; } }
  @media screen and (max-width: 63.9375em) {
    #marqueengagee .columns {
      position: relative; }
    #marqueengagee .callout {
      left: 0;
      margin: 0 0.66667rem;
      padding: 0.3rem 1.7rem;
      border-width: 0.06667rem; }
      #marqueengagee .callout .rte {
        padding-right: 0; }
      #marqueengagee .callout .button {
        border-width: 0.06667rem;
        padding: 1.2rem 1.7rem;
        margin: 1.33333rem 0; }
    #marqueengagee .columns:last-child {
      margin-top: 0; }
      #marqueengagee .columns:last-child .video::before, #marqueengagee .columns:last-child .video::after {
        right: 0; }
      #marqueengagee .columns:last-child .video::before {
        right: 1.8rem;
        top: -0.53333rem;
        width: 14.33333rem;
        height: 11.2rem;
        background-size: contain; }
      #marqueengagee .columns:last-child .video a, #marqueengagee .columns:last-child .video > div, #marqueengagee .columns:last-child .video iframe {
        margin: 3.46667rem 0.66667rem 0 1.53333rem;
        left: -2.66667rem;
        top: -2.66667rem; }
        #marqueengagee .columns:last-child .video a::before, #marqueengagee .columns:last-child .video > div::before, #marqueengagee .columns:last-child .video iframe::before {
          width: 6rem;
          height: 6rem; }
        #marqueengagee .columns:last-child .video a::after, #marqueengagee .columns:last-child .video > div::after, #marqueengagee .columns:last-child .video iframe::after {
          width: 3.06667rem;
          height: 3.06667rem;
          left: -1.46667rem;
          bottom: -1.46667rem;
          background-size: contain; }
      #marqueengagee .columns:last-child .video::after {
        width: 16rem;
        height: 6.66667rem;
        bottom: -1.86667rem;
        background-size: contain; } }
  @media screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    #marqueengagee .columns:last-child {
      margin-top: 5rem; }
      #marqueengagee .columns:last-child .video::before {
        right: 2.33333rem;
        top: -3.66667rem;
        width: 13.33333rem;
        height: 11.33333rem; }
      #marqueengagee .columns:last-child .video img {
        width: 100%; }
      #marqueengagee .columns:last-child .video div::after {
        width: 5.33333rem;
        height: 5.33333rem; } }

#recette {
  position: relative;
  z-index: 10; }
  #recette .fiche {
    position: absolute;
    bottom: 4rem;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    left: 0;
    right: 0;
    z-index: 5; }
    #recette .fiche .columns {
      position: relative; }
      #recette .fiche .columns::before {
        content: '';
        display: block;
        background: url("../assets/images/Zigzag_Trame_Jaune.png") no-repeat;
        width: 22.2rem;
        height: 29.66667rem;
        position: absolute;
        right: -3.66667rem;
        top: -3.33333rem; }
      #recette .fiche .columns > div > div {
        background-color: #FC5D36;
        padding-top: 0.13333rem;
        padding-bottom: 4rem; }
        #recette .fiche .columns > div > div .smallnpicto {
          padding: 1.66667rem 3rem 1.66667rem 4rem; }
          #recette .fiche .columns > div > div .smallnpicto small {
            color: #fed136;
            background: url(../assets/images/Ico_Recette_HP.svg) no-repeat bottom left; }
            #recette .fiche .columns > div > div .smallnpicto small::before {
              background: #fed136; }
          #recette .fiche .columns > div > div .smallnpicto span, #recette .fiche .columns > div > div .smallnpicto a {
            color: #fff;
            margin: 3.5rem 0 2rem; }
        #recette .fiche .columns > div > div .button {
          background: #fed136;
          color: #fff;
          border-color: #fed136;
          max-width: 95%; }
          #recette .fiche .columns > div > div .button:hover {
            color: #fed136;
            border-color: #fed136;
            background: transparent; }
    #recette .fiche .slick-dots li.slick-active button {
      border-color: #fed136; }
    #recette .fiche.animit {
      bottom: -4rem;
      opacity: 1; }
  #recette > .row:not(.fiche) {
    position: relative;
    z-index: 0; }
  @media screen and (max-width: 63.9375em) {
    #recette .fiche {
      position: relative; }
      #recette .fiche .columns {
        position: relative;
        margin: 0 auto;
        float: none; }
        #recette .fiche .columns::before {
          background-size: contain;
          right: -0.66667rem;
          width: 11.66667rem;
          height: 17.33333rem;
          top: -1rem; }
        #recette .fiche .columns > div > div {
          padding-bottom: 2.66667rem; }
          #recette .fiche .columns > div > div .smallnpicto {
            padding: 0 1.66667rem 0 2.33333rem; }
            #recette .fiche .columns > div > div .smallnpicto span {
              margin: 1.5rem 0; }
          #recette .fiche .columns > div > div .button {
            padding: 1.1rem 1.3rem; }
      #recette .fiche.animit {
        bottom: 0; }
    #recette .photo {
      margin-top: 1.33333rem; } }
  @media screen and (max-width: 23.375em) {
    #recette .fiche {
      bottom: -2rem; } }

footer {
  margin-top: 10.66667rem; }

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff; /* url('../images/ajax-loader.gif') center center no-repeat; */
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../assets/fonts/slick.eot');
    src: url('../assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/slick.woff') format('woff'), url('../assets/fonts/slick.ttf') format('truetype'), url('../assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}