@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css");
/**
 * @license
 * MyFonts Webfont Build ID 3200801, 2016-04-08T06:00:16-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Niva-Alt-Book by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-book/
 * 
 * Webfont: Niva-Alt-Medium by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-medium/
 * 
 * Webfont: Niva-Alt-Black by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-black/
 * 
 * Webfont: Niva-Alt-ExtraBlack by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-extra-black/
 * 
 * Webfont: Niva-Alt-Bold by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-bold/
 * 
 * Webfont: Niva-Alt-Regular by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-regular/
 * 
 * Webfont: Niva-Alt-ExtraLight by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-extra-light/
 * 
 * Webfont: Niva-Alt-Light by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-light/
 * 
 * Webfont: Niva-Alt-UltraLight by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-ultra-light/
 * 
 * Webfont: Niva-Alt-Thin by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/alt-thin/
 * 
 * Webfont: Niva-Black-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/black-italic/
 * 
 * Webfont: Niva-ExtraBlack-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/extra-black-italic/
 * 
 * Webfont: Niva-Bold-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/bold-italic/
 * 
 * Webfont: Niva-Medium-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/medium-italic/
 * 
 * Webfont: Niva-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/italic/
 * 
 * Webfont: Niva-Book-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/book-italic/
 * 
 * Webfont: Niva-Light-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/light-italic/
 * 
 * Webfont: Niva-ExtraLight-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/extra-light-italic/
 * 
 * Webfont: Niva-UltraLight-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/ultra-light-italic/
 * 
 * Webfont: Niva-Thin-Italic by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/thin-italic/
 * 
 * Webfont: Niva-Black by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/black/
 * 
 * Webfont: Niva-Bold by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/bold/
 * 
 * Webfont: Niva-Book by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/book/
 * 
 * Webfont: Niva-ExtraBlack by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/extra-black/
 * 
 * Webfont: Niva-ExtraLight by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/extra-light/
 * 
 * Webfont: Niva-Light by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/light/
 * 
 * Webfont: Niva-Medium by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/medium/
 * 
 * Webfont: Niva-Regular by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/regular/
 * 
 * Webfont: Niva-Thin by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/thin/
 * 
 * Webfont: Niva-UltraLight by PeGGO Fonts
 * URL: http://www.myfonts.com/fonts/peggo/niva/ultra-light/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3200801
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2014, 2015, 2016 Pedro Gonzalez (PeGGO Fonts). All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/30d721");*/
@font-face {
  /*font-family: 'Niva-Medium-Italic';*/
  font-family: 'Tadaa';
  src: url("/webfonts/30D721_D_0.eot");
  src: url("/webfonts/30D721_D_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/30D721_D_0.woff2") format("woff2"), url("/webfonts/30D721_D_0.woff") format("woff"), url("/webfonts/30D721_D_0.ttf") format("truetype");
  font-style: italic;
  font-weigth: bold; }

@font-face {
  /*font-family: 'Niva-Light-Italic';src: url('webfonts/30D721_10_0.eot'); */
  font-family: 'Tadaa';
  src: url("/webfonts/30D721_10_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/30D721_10_0.woff2") format("woff2"), url("/webfonts/30D721_10_0.woff") format("woff"), url("/webfonts/30D721_10_0.ttf") format("truetype");
  font-style: italic;
  font-weigth: normal;
  font-variant: normal; }

@font-face {
  /*font-family: 'Niva-Medium';*/
  font-family: 'Tadaa';
  src: url("/webfonts/30D721_1A_0.eot");
  src: url("/webfonts/30D721_1A_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/30D721_1A_0.woff2") format("woff2"), url("/webfonts/30D721_1A_0.woff") format("woff"), url("/webfonts/30D721_1A_0.ttf") format("truetype");
  font-style: normal;
  font-weigth: bold; }

@font-face {
  /*font-family: 'Niva-Light';*/
  font-family: 'Tadaa';
  src: url("/webfonts/30D721_19_0.eot");
  src: url("/webfonts/30D721_19_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/30D721_19_0.woff2") format("woff2"), url("/webfonts/30D721_19_0.woff") format("woff"), url("/webfonts/30D721_19_0.ttf") format("truetype");
  font-style: normal;
  font-weigth: normal;
  font-variant: normal; }

.font-weight-extra-light {
  font-weight: 200 !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-regular {
  font-weight: 400 !important; }

.font-weight-medium {
  font-weight: 500 !important; }

.font-weight-semi-bold {
  font-weight: 600 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-extra-bold {
  font-weight: 800 !important; }

.font-weight-black {
  font-weight: 900 !important; }

.font-style-italic {
  font-style: italic !important; }

.font-family-serif {
  font-family: "fot-tsukubrdgothic-std", sans-serif !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-underline {
  text-decoration: underline !important; }

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

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

p.font-family-Opensans {
  font-size: 1.3rem; }

h1.font-family-Opensans {
  font-size: 1.5rem; }

html {
  font-size: 62.5%; }

body {
  font-family: "Tadaa", sans-serif;
  font-size: 1.5rem; }
  body a {
    color: #e83d59;
    outline: none;
    text-decoration: underline; }
    body a:hover {
      color: #e83d59;
      text-decoration: underline; }
    body a:focus-visible {
      outline: 2px solid #2d3f8b; }
  body button:focus-visible {
    outline: 2px solid #2d3f8b; }
  body .h1,
  body .h2,
  body .h3,
  body .h4,
  body .h5,
  body .h6,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    margin-bottom: 1.75rem;
    font-family: "fot-tsukubrdgothic-std", sans-serif;
    font-weight: 700; }
  body img[alt] {
    color: #2e2e2e;
    text-decoration: none;
    font-size: 0.75em;
    text-transform: uppercase; }
  body.histoire #motif-tadaa-pointe {
    display: none !important; }

.btn-tadaa {
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  width: auto;
  border-radius: 0.5rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, font-weight 0.3s ease-in-out; }
  .btn-tadaa:after {
    content: '';
    background-image: url("../image/chevron.svg");
    background-size: 10px 12px;
    width: 10px;
    height: 12px;
    display: inline-block;
    margin-left: 0.8rem;
    vertical-align: middle;
    transition: all 0.5s ease-in-out; }
  .btn-tadaa:hover {
    text-decoration: none;
    color: #fff;
    background-color: #95285e; }
    .btn-tadaa:hover:after {
      margin-left: 1.3rem;
      margin-right: -0.5rem; }

.btn-tadaa_sanschevron {
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  width: auto;
  border-radius: 0.5rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, font-weight 0.3s ease-in-out; }
  .btn-tadaa_sanschevron:hover {
    text-decoration: none;
    color: #fff;
    background-color: #95285e; }

.arrow-bottom {
  padding: 0.15rem 1.5rem;
  width: auto;
  height: 30px;
  border-radius: 5px; }
  .arrow-bottom:after {
    content: '';
    transform: rotate(90deg);
    background-image: url("../image/chevron.svg");
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block; }

.btn-corail {
  background: #e83d59; }

.btn-noir {
  background: #2e2e2e; }

.btn-blanc {
  background: #ffffff; }

.btn-jaune {
  background-color: #fcb139;
  color: #2e2e2e; }
  .btn-jaune:after {
    color: #2e2e2e; }

.mg-bottom-xl {
  margin-bottom: 10rem; }
  @media (max-width: 992px) {
    .mg-bottom-xl {
      margin-bottom: 6.66666667rem; } }
.mg-top-xl {
  margin-top: 10rem; }
  @media (max-width: 992px) {
    .mg-top-xl {
      margin-top: 6.66666667rem; } }
.mg-bottom-xxl {
  margin-bottom: 15rem; }

.aubergine,
.collaboratif,
.Collaboratif {
  color: #95285e; }
  .aubergine:before,
  .collaboratif:before,
  .Collaboratif:before {
    background-color: #95285e; }

.bleuClair,
.communication,
.Communication {
  color: #00a499; }
  .bleuClair:before,
  .communication:before,
  .Communication:before {
    background-color: #00a499; }

.corail,
.actualité,
.Actualité {
  color: #e83d59; }
  .corail:before,
  .actualité:before,
  .Actualité:before {
    background-color: #e83d59 !important; }

.bleuFonce,
.numérique {
  color: #2d3f8b; }
  .bleuFonce:before,
  .numérique:before {
    background-color: #2d3f8b; }

.jaune:before {
  background-color: #fcb139; }

.noir {
  color: #2e2e2e; }

.font-size-big {
  font-size: 2.50005rem; }

.font-size-lg {
  font-size: 1.875rem; }

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #e83d59; }

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #e83d59; }

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #e83d59; }

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #e83d59; }

.tooltip > .tooltip-inner {
  background-color: #e83d59; }

.chapo {
  font-size: 1.875rem; }

#social a {
  display: inline-block;
  margin-right: 1rem; }
  #social a img {
    max-height: 20px;
    width: 20px; }

#feedback {
  min-height: 60px;
  margin-top: -4rem; }
  #feedback.neutre {
    background-color: #e6e6e6; }
  #feedback.info {
    background-color: #d1d6ee; }
  #feedback.alerte {
    background-color: #ffe0e5; }
  #feedback.succes {
    background-color: #cdf5f2; }
  #feedback.corail {
    background-color: #e83d59;
    color: #ffffff; }
    #feedback.corail a {
      color: #ffffff; }
      #feedback.corail a:hover {
        color: #ffffff; }
  #feedback.safran {
    background-color: #fcb139;
    color: #ffffff; }
    #feedback.safran a {
      color: #ffffff; }
      #feedback.safran a:hover {
        color: #ffffff; }
  #feedback p {
    margin-bottom: 0; }

#header-general .container {
  font-weight: 700; }
  #header-general .container .row {
    position: relative;
    min-height: 174px;
    margin-bottom: 4rem; }
    @media (max-width: 767px) {
      #header-general .container .row {
        margin-bottom: 0; } }
    #header-general .container .row #logo a:focus-visible img {
      outline: 2px solid #2d3f8b; }
    #header-general .container .row #logo a img {
      max-width: 400px; }
    @media (max-width: 768px) {
      #header-general .container .row {
        border-bottom: none; } }
  #header-general .container .navbar {
    font-family: "fot-tsukubrdgothic-std", sans-serif;
    position: relative;
    z-index: 999; }
    #header-general .container .navbar .navbar-toggler {
      box-shadow: none; }
    #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item {
      margin-right: 1.8rem; }
      #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
        margin-right: 0; }
        @media (max-width: 992px) {
          #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
            padding-bottom: 0.75rem; } }
      @media (max-width: 992px) {
        #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item:first-child {
          padding-top: 0.75rem; } }
      #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        position: relative;
        color: #2e2e2e;
        text-decoration: none;
        padding-left: 0;
        padding-right: 0; }
        @media (max-width: 992px) {
          #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
            color: #ffffff; } }
        #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:before {
          content: '';
          position: absolute;
          z-index: -1;
          right: 0;
          width: 0;
          bottom: 3px;
          background: #e83d59;
          height: 3px;
          border-radius: 1.5px;
          transition: width 0.35s ease-in; }
        #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover:before {
          left: 0;
          right: auto;
          width: 100%; }
        @media (max-width: 992px) {
          #header-general .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
            padding-left: 1rem;
            color: #ffffff; } }
    #header-general .container .navbar .navbar-collapse .navbar-nav .active .nav-link:before {
      content: '';
      position: absolute;
      z-index: -1;
      right: 0;
      width: 0;
      bottom: 3px;
      background: #e83d59;
      height: 3px;
      border-radius: 1.5px;
      transition: width 0.35s ease-in;
      left: 0;
      right: auto;
      width: 100%; }
    @media (max-width: 992px) {
      #header-general .container .navbar .navbar-collapse {
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
        left: 0;
        background-color: #e83d59; } }
    @media (max-width: 992px) {
      #header-general .container .navbar {
        position: absolute;
        right: 0;
        top: 35px; } }
  #header-general .container .navbar-custom .navbar-toggler {
    border: none;
    padding: 0; }
  #header-general .container .navbar-custom .navbar-toggler-icon {
    background-image: url("../image/burger.svg");
    width: 3em;
    height: 3em;
    float: left; }
  #header-general .container .tadaa-cloud a {
    color: #fcb139;
    padding-left: 45px;
    position: relative;
    text-decoration: none; }
    #header-general .container .tadaa-cloud a .lien-cloud {
      margin-right: 45px;
      z-index: 10; }
    #header-general .container .tadaa-cloud a:hover {
      text-decoration: none; }
      #header-general .container .tadaa-cloud a:hover .lien-cloud {
        color: #ffffff; }
      #header-general .container .tadaa-cloud a:hover .roll-over {
        width: 100%; }
        #header-general .container .tadaa-cloud a:hover .roll-over:after {
          content: '';
          background-image: url("../image/tadaa-cloud-logo-abrege.svg");
          width: 52px;
          height: 50px;
          display: inline-block;
          position: absolute;
          bottom: 30px;
          right: 6.1rem; }
    #header-general .container .tadaa-cloud a .roll-over {
      width: 32px;
      height: 100px;
      position: absolute;
      top: -76px;
      transition: 0.5s;
      right: 0;
      background-color: #fcb139;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
      #header-general .container .tadaa-cloud a .roll-over:after {
        content: '';
        background-image: url("../image/tadaa-cloud-logo-abrege.svg");
        width: 28px;
        height: 27px;
        display: inline-block;
        position: absolute;
        bottom: 12px;
        right: 2px; }

/*! modal */
.modal {
  background-color: #e83d59; }
  .modal .modal-content {
    background-color: #e83d59; }
    .modal .modal-content .modal-header {
      border-bottom: none;
      padding: 3rem 3rem; }
      .modal .modal-content .modal-header .btn-close {
        opacity: 1;
        width: 2em;
        height: 2em;
        background-size: 2em; }
    .modal .modal-content .modal-body .Menu-xs {
      list-style: none;
      font-size: 2rem;
      font-family: "fot-tsukubrdgothic-std", sans-serif;
      padding: 0;
      margin: 0; }
      .modal .modal-content .modal-body .Menu-xs .nav-link {
        color: #ffffff; }
      .modal .modal-content .modal-body .Menu-xs .nav-item:nth-child(3) {
        display: none; }
    .modal .modal-content .modal-body address p {
      margin-bottom: 0; }
  .modal .custom-contact-menu {
    color: #ffffff;
    padding-left: 1rem; }
    .modal .custom-contact-menu a {
      color: #ffffff; }
    .modal .custom-contact-menu .etoile-white:before {
      content: '';
      background-image: url("../image/big-etoile-tadaa-white.svg");
      width: 40px;
      height: 40px;
      display: block;
      margin-bottom: 1.5rem; }

#footer-general {
  position: relative;
  min-height: 230px;
  color: #ffffff;
  margin-top: 45px; }
  #footer-general .container-fluid.footer_first {
    padding: 5rem 0 3rem 0;
    background-color: #e83d59; }
  #footer-general .container-fluid.footer_second {
    background-color: #f5eaf0;
    padding: 1rem 0;
    color: #555;
    font-size: 0.9em; }
    #footer-general .container-fluid.footer_second a {
      color: #555; }
    #footer-general .container-fluid.footer_second .col-1 {
      padding: 15px; }
  #footer-general #logo-reserve img {
    max-width: 200px;
    margin-bottom: 2rem; }
  #footer-general ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 3rem; }
  #footer-general a {
    color: #ffffff; }
    #footer-general a:hover {
      color: #ffffff; }
  #footer-general .contact {
    background-color: #ffffff;
    border-radius: 5px;
    color: #2e2e2e;
    padding: 15px; }
    #footer-general .contact h3 {
      color: #2e2e2e; }
    #footer-general .contact p {
      font-weight: 700;
      font-size: 1.6rem; }
    #footer-general .contact a {
      color: #2e2e2e; }
  #footer-general .second_col_footer {
    padding: 15px; }
  #footer-general .contact-mail {
    margin-top: -15px;
    margin-right: 3rem;
    width: auto; }
  #footer-general #motif-tadaa-pointe {
    background: url(../image/motif_tadaa_pointe.svg) no-repeat bottom/1150px 339px;
    display: block;
    position: absolute;
    bottom: 200px;
    left: -12rem;
    z-index: -1;
    width: 600px;
    max-width: 600px;
    height: 500px;
    overflow: hidden; }
  #footer-general .bloc_contact {
    display: flex; }
    #footer-general .bloc_contact p {
      margin-bottom: 0;
      line-height: 1.1em; }
    #footer-general .bloc_contact .picto {
      width: 38px; }
    #footer-general .bloc_contact:first-of-type {
      margin-bottom: 15px; }
  #footer-general #shake .contact.shake {
    animation: wiggle 2s;
    animation-iteration-count: 1;
    animation-delay: 0.75s; }

@keyframes wiggle {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(5deg); }
  30% {
    transform: rotate(-5deg); }
  45% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }

@media (max-width: 767px) {
  #entete_home > div {
    display: flex;
    justify-content: center; } }

#entete_home .accroche {
  position: absolute;
  z-index: 1;
  width: 350px;
  height: 308px;
  margin-top: 10%; }
  @media (max-width: 1200px) {
    #entete_home .accroche {
      margin-top: 0; } }
  @media (max-width: 767px) {
    #entete_home .accroche {
      position: relative; } }
  #entete_home .accroche h1 {
    font-size: 2.9rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    padding: 30px;
    width: 100%;
    height: 100%;
    display: flex; }
    #entete_home .accroche h1 span {
      display: flex;
      justify-content: center;
      align-items: center; }
  #entete_home .accroche svg {
    position: absolute;
    z-index: -1;
    max-width: 100%; }

#entete_home .visuel {
  width: 80%;
  margin-left: 20%; }
  @media (max-width: 767px) {
    #entete_home .visuel {
      display: none; } }
  #entete_home .visuel picture {
    border-radius: 15px;
    overflow: hidden;
    display: block; }
  #entete_home .visuel figcaption {
    margin-left: 15%;
    font-size: 0.8em;
    margin-top: 10px;
    text-align: right;
    color: #555; }
    @media (max-width: 1200px) {
      #entete_home .visuel figcaption {
        display: none; } }
    #entete_home .visuel figcaption a {
      color: #555; }

#intro {
  text-align: center; }
  #intro h2 {
    font-size: 2.9rem;
    padding-top: 2rem; }

#axes {
  background-color: #E9E9F0;
  border-radius: 15px;
  padding: 40px;
  text-align: center;
  margin: 90px 0; }
  #axes h3 {
    font-size: 2.5rem; }
  #axes .picto {
    width: 100px;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 15px; }
  #axes .column_acheval {
    margin-top: 15px;
    margin-bottom: -47px; }

#carousel .img-arriere-plan {
  margin-top: -7rem;
  z-index: -1;
  position: relative; }

#carousel .picto-carousel {
  position: relative; }
  #carousel .picto-carousel img {
    margin: 5rem -6rem 0;
    position: absolute;
    z-index: 10;
    min-width: 250px; }
    @media (max-width: 576px) {
      #carousel .picto-carousel img {
        min-width: 120px;
        margin: 0;
        right: 0.2rem; } }
.scroll-to {
  margin-top: 1rem;
  margin-bottom: 5rem; }
  .scroll-to a {
    width: 30px;
    height: 30px;
    border-radius: 5px; }
    .scroll-to a:hover {
      background-color: #95285e; }
  .scroll-to .chevron-bottom,
  .scroll-to .chevron-top {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../image/chevron.svg") no-repeat center/10px 16px; }
  .scroll-to .chevron-bottom {
    transform: rotate(90deg); }
  .scroll-to .chevron-top {
    transform: rotate(-90deg); }

#back-to-top {
  position: fixed;
  display: none;
  bottom: 60px;
  right: 67px;
  padding: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 45px;
  height: 45px;
  border-radius: 5px; }
  @media (max-width: 576px) {
    #back-to-top {
      right: 7px;
      bottom: 7px; } }
  #back-to-top .chevron-top {
    width: 45px;
    height: 45px;
    background-size: 14px 20px; }

#metiers img {
  width: 100%; }

#metiers .nav-pills {
  margin-right: 8rem;
  min-height: 300px; }
  @media (max-width: 992px) {
    #metiers .nav-pills {
      margin-right: 0;
      margin-bottom: 3rem; } }
  #metiers .nav-pills .nav-link {
    position: relative;
    min-height: 7rem;
    border-bottom: 1px solid #e6e6e6;
    color: #2e2e2e;
    text-align: left;
    padding: 0.5rem 0;
    font-weight: 700; }
    #metiers .nav-pills .nav-link:hover.soutien {
      color: #95285e; }
      #metiers .nav-pills .nav-link:hover.soutien:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #95285e; }
    #metiers .nav-pills .nav-link:hover.creation {
      color: #00a499; }
      #metiers .nav-pills .nav-link:hover.creation:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #00a499; }
    #metiers .nav-pills .nav-link:hover.construction {
      color: #2d3f8b; }
      #metiers .nav-pills .nav-link:hover.construction:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #2d3f8b; }
    #metiers .nav-pills .nav-link:after {
      content: '';
      position: absolute;
      right: -5px;
      bottom: 39%;
      background-image: url("../image/chevron-noir.svg");
      background-size: 12px 14px;
      width: 12px;
      height: 14px;
      display: inline-block;
      vertical-align: middle; }
  #metiers .nav-pills .nav-link.active.active {
    background-color: transparent;
    font-size: 2.5rem; }
    #metiers .nav-pills .nav-link.active.active.soutien {
      color: #95285e; }
      #metiers .nav-pills .nav-link.active.active.soutien:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #95285e; }
    #metiers .nav-pills .nav-link.active.active.creation {
      color: #00a499; }
      #metiers .nav-pills .nav-link.active.active.creation:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #00a499; }
    #metiers .nav-pills .nav-link.active.active.construction {
      color: #2d3f8b; }
      #metiers .nav-pills .nav-link.active.active.construction:after {
        bottom: 36%;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: url("../image/chevron.svg") no-repeat;
        background-size: 12px 14px;
        background-position: center;
        background-color: #2d3f8b; }

#metiers .metier-exemple {
  border-radius: 5px;
  color: #ffffff;
  padding: 15px;
  margin-top: 1rem; }
  #metiers .metier-exemple a {
    color: #ffffff; }

#metiers #soutien .metier-exemple {
  background-color: #95285e; }

#metiers #creation .metier-exemple {
  background-color: #00a499; }

#metiers #construction .metier-exemple {
  background-color: #2d3f8b; }

#metiers .btn-tadaa {
  margin-top: -15px;
  margin-right: 3rem;
  color: #ffffff; }

#metiers .tab-content {
  position: relative; }
  #metiers .tab-content #motif-tadaa-nuage {
    background: url(../image/motif_tadaa_pointe_1.svg) no-repeat bottom right/500px 342px;
    display: block;
    position: absolute;
    bottom: -90px;
    right: -50px;
    width: 830px;
    max-width: 600px;
    height: 600px;
    overflow: hidden;
    background-position-x: 190px;
    z-index: -1; }
    @media (max-width: 768px) {
      #metiers .tab-content #motif-tadaa-nuage {
        z-index: -1;
        right: -150px; } }
  @media (max-width: 992px) {
    #metiers .tab-content .tab-pane img {
      max-height: 150px; } }
  @media (max-width: 992px) {
    #metiers .tab-content .tab-pane {
      display: block !important; } }
  #metiers .tab-content .tab-pane h1 {
    font-weight: 700; }
    #metiers .tab-content .tab-pane h1.soutien {
      color: #95285e; }
    #metiers .tab-content .tab-pane h1.creation {
      color: #00a499; }
    #metiers .tab-content .tab-pane h1.construction {
      color: #2d3f8b; }
  @media (max-width: 992px) {
    #metiers .tab-content .fade:not(.show) {
      opacity: 1 !important; } }
#carousel-actus-rea h1 a {
  color: #2e2e2e;
  text-decoration: none; }

@media (max-width: 660px) {
  #carousel-actus-rea .slickslider {
    margin-top: 5rem; } }

#carousel-actus-rea .slickslider .slick-list {
  min-height: 180px; }

#carousel-actus-rea .projet {
  min-height: 150px;
  max-height: 250px; }
  #carousel-actus-rea .projet .row:before {
    content: '';
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    margin-bottom: 3rem;
    display: block; }
  #carousel-actus-rea .projet .clip {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2rem; }
    #carousel-actus-rea .projet .clip img {
      position: absolute;
      max-width: 280px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
      @media (max-width: 768px) {
        #carousel-actus-rea .projet .clip img {
          max-width: 650px; } }
      @media (min-width: 768px) and (max-width: 992px) {
        #carousel-actus-rea .projet .clip img {
          max-width: 400px; } }
  #carousel-actus-rea .projet img {
    border-radius: 5px;
    max-height: 210px; }
  @media (max-width: 576px) {
    #carousel-actus-rea .projet .px-5 {
      padding-left: 0.75rem !important;
      padding-right: 0.75rem !important; } }
  #carousel-actus-rea .projet .btn-rea-before:before {
    content: '';
    background: url(../image/ico-grid.svg) no-repeat center/14px 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem; }
  #carousel-actus-rea .projet.communication .row:before,
  #carousel-actus-rea .projet .Communication .row:before {
    background-color: #00a499; }
  #carousel-actus-rea .projet.numérique .row:before,
  #carousel-actus-rea .projet .Numérique .row:before {
    background-color: #2d3f8b; }
  #carousel-actus-rea .projet.actualité .row:before,
  #carousel-actus-rea .projet .Actualité .row:before {
    background-color: #e83d59; }
  #carousel-actus-rea .projet.collaboratif .row:before,
  #carousel-actus-rea .projet .Collaboratif .row:before {
    background-color: #95285e; }

#carousel-actus-rea .projet-all {
  background-color: #e6e6e6;
  border-radius: 5px;
  min-height: 250px;
  margin: 0 15px; }
  @media (max-width: 576px) {
    #carousel-actus-rea .projet-all {
      margin: 0;
      min-height: 150px; } }
  @media (min-width: 577px) and (max-width: 992px) {
    #carousel-actus-rea .projet-all {
      min-height: 170px; } }
  #carousel-actus-rea .projet-all a:hover {
    color: #ffffff;
    text-decoration: underline; }

#carousel-actus-rea .aubergine .row:before {
  background-color: #95285e; }

#carousel-actus-rea .bleuClair .row:before {
  background-color: #00a499; }

#carousel-actus-rea .corail .row:before {
  background-color: #e83d59; }

#carousel-actus-rea .bleuFonce .row:before {
  background-color: #2d3f8b; }

#carousel-actus-rea .nav-projets a {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 5px; }
  #carousel-actus-rea .nav-projets a .chevron-left,
  #carousel-actus-rea .nav-projets a .chevron-right {
    background: url("../image/chevron.svg") no-repeat center/10px 16px;
    display: block;
    width: 30px;
    height: 30px; }
  #carousel-actus-rea .nav-projets a .chevron-left {
    transform: rotate(180deg); }

#carousel-actus-rea .slick-prev {
  position: absolute;
  right: 50px;
  left: auto;
  top: 110%; }
  #carousel-actus-rea .slick-prev.slick-disabled:before {
    opacity: 0.25; }
  #carousel-actus-rea .slick-prev:before {
    background: url(../image/chevron.svg) no-repeat center/10px 16px;
    width: 30px;
    height: 30px;
    display: inline-block;
    content: '';
    transform: rotate(180deg);
    opacity: 1; }
  @media (max-width: 660px) {
    #carousel-actus-rea .slick-prev {
      right: 35px;
      left: auto;
      top: 100%; } }
#carousel-actus-rea .slick-next {
  top: 110%;
  right: 15px; }
  @media (max-width: 660px) {
    #carousel-actus-rea .slick-next {
      top: 100%;
      right: 0; } }
  #carousel-actus-rea .slick-next.slick-disabled:before {
    opacity: 0.25; }
  #carousel-actus-rea .slick-next:before {
    background: url(../image/chevron.svg) no-repeat center/10px 16px;
    width: 30px;
    height: 30px;
    display: inline-block;
    content: '';
    opacity: 1; }

#carousel-actus-rea .slick-prev,
#carousel-actus-rea .slick-next {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 5px;
  background: #e83d59; }

#carousel-actus-rea .projet .row {
  margin: 0 15px; }
  @media (max-width: 576px) {
    #carousel-actus-rea .projet .row {
      margin: 0; } }
#tadaaCloud {
  color: #ffffff;
  min-height: 220px; }
  #tadaaCloud a {
    color: #fcb139; }
  #tadaaCloud .d-flex {
    background-color: #fcb139; }
  #tadaaCloud #logoTadaaCloud {
    content: '';
    background: url("../image/logo_tadaa.cloud_entier.svg") no-repeat;
    width: 40%;
    height: 90px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 30px;
    text-indent: -9999px; }
    @media (max-width: 992px) {
      #tadaaCloud #logoTadaaCloud {
        margin: 0 0 3rem; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      #tadaaCloud #logoTadaaCloud {
        width: 100%; } }
  #tadaaCloud .btn-tadaa:after {
    background-image: url(../image/chevronJaune.svg) !important; }

@media (max-width: 992px) {
  .mg-bottom-xxl {
    margin-bottom: 5rem; } }

#citation p {
  font-size: 2.8rem;
  color: #e83d59; }

#citation a {
  color: #ffffff; }

#citation img {
  width: 40%;
  position: relative;
  top: -7rem; }

#cta_contact h2 {
  font-size: 2.7rem;
  font-weight: 400; }

#cta_contact p {
  font-weight: 700; }
  #cta_contact p a {
    margin-right: 10px; }

.effettxt_blur {
  filter: blur(1px); }

.effettxt_strong {
  font-weight: 700; }

.effettxt_line {
  display: inline-block;
  position: relative; }
  .effettxt_line:after {
    content: ' ';
    display: table;
    background-image: url(../image/effettxt_line.svg);
    width: 100%;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: 0; }

#liste-realisations .clip {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 2rem;
  margin-bottom: 0; }
  #liste-realisations .clip img {
    position: absolute;
    max-width: 600px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    @media (max-width: 768px) {
      #liste-realisations .clip img {
        max-width: 650px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #liste-realisations .clip img {
        max-width: 1000px; } }
#liste-realisations img {
  border-radius: 5px;
  background-color: #e6e6e6; }

#liste-realisations .projet .img-alt {
  top: 30px;
  text-decoration: none;
  line-height: 2.5rem;
  font-size: 1.8rem;
  font-family: "Open Sans",sans-serif;
  font-weight: 300; }

#liste-realisations .projet:before {
  content: '';
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  margin-bottom: 3rem;
  display: block;
  margin-bottom: -6px !important; }

@media (max-width: 576px) {
  #liste-realisations .projet {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

#liste-realisations h1 {
  margin-top: 2rem; }
  #liste-realisations h1 a {
    color: #2e2e2e;
    text-decoration: none; }
    #liste-realisations h1 a:hover {
      text-decoration: underline; }

/* ---- button ---- */
.button-group {
  position: relative;
  z-index: 10;
  margin: -72px 0 5rem 0; }
  @media (max-width: 767px) {
    .button-group {
      margin-bottom: 2rem; } }
  .button-group:after {
    content: '';
    display: block;
    clear: both; }
  .button-group .button.is-checked {
    background-color: #ffffff;
    color: #2e2e2e;
    font-weight: 700; }
    .button-group .button.is-checked:hover {
      color: #2e2e2e; }
    .button-group .button.is-checked a {
      font-weight: 700; }
  .button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    display: inline-block;
    background: #ffffff;
    border: none;
    color: #2e2e2e;
    cursor: pointer;
    padding: 1.85rem 1.8rem 1rem 1.8rem; }
    .button-group .button.actualité.is-checked {
      color: #e83d59; }
      .button-group .button.actualité.is-checked:hover {
        color: #e83d59; }
      .button-group .button.actualité.is-checked a {
        color: #e83d59; }
        .button-group .button.actualité.is-checked a:hover {
          color: #e83d59; }
    .button-group .button.actualité:hover {
      color: #e83d59; }
    .button-group .button.actualité a:hover {
      color: #e83d59; }
    .button-group .button.numérique.is-checked {
      color: #2d3f8b; }
      .button-group .button.numérique.is-checked:hover {
        color: #2d3f8b; }
      .button-group .button.numérique.is-checked a {
        color: #2d3f8b; }
        .button-group .button.numérique.is-checked a:hover {
          color: #2d3f8b; }
    .button-group .button.numérique:hover {
      color: #2d3f8b; }
    .button-group .button.numérique a:hover {
      color: #2d3f8b; }
    .button-group .button.communication.is-checked {
      color: #00a499; }
      .button-group .button.communication.is-checked:hover {
        color: #00a499; }
      .button-group .button.communication.is-checked a {
        color: #00a499; }
        .button-group .button.communication.is-checked a:hover {
          color: #00a499; }
    .button-group .button.communication:hover {
      color: #00a499; }
    .button-group .button.communication a:hover {
      color: #00a499; }
    .button-group .button.collaboratif.is-checked {
      color: #95285e; }
      .button-group .button.collaboratif.is-checked:hover {
        color: #95285e; }
      .button-group .button.collaboratif.is-checked a {
        color: #95285e; }
        .button-group .button.collaboratif.is-checked a:hover {
          color: #95285e; }
    .button-group .button.collaboratif:hover {
      color: #95285e; }
    .button-group .button.collaboratif a:hover {
      color: #95285e; }
    .button-group .button:hover {
      background-color: #ffffff;
      color: #2e2e2e; }
    .button-group .button:first-child {
      border-radius: 0.3em 0 0 0.3em;
      padding: 1.85rem 1.8rem 1rem 3.6rem; }
      @media (max-width: 320px) {
        .button-group .button:first-child {
          padding: 1.35rem 1.2rem 0.75rem 2.4rem; } }
    .button-group .button:last-child {
      padding: 1.85rem 3.6rem 1rem 1.8rem; }
      @media (max-width: 320px) {
        .button-group .button:last-child {
          padding: 1.35rem 2.4rem 0.75rem 1.2rem; } }
    .button-group .button:last-child {
      border-radius: 0 0.3em 0.3em 0; }
    .button-group .button a {
      color: #2e2e2e;
      text-decoration: none; }
    @media (max-width: 320px) {
      .button-group .button {
        padding: 1.35rem 1.2rem 0.75rem 1.2rem; } }
.collapse button {
  display: block !important;
  float: none !important; }

.grid-sizer {
  width: 33.3333333333%; }

/* ---- single-realisation ou page ---- */
#titre-projet h1:before, #titre-page h1:before {
  content: '';
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  margin-bottom: 3rem;
  display: block;
  margin-bottom: 1rem; }

/* ----  aside contenus recents ---- */
.nav-projet button {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 5px;
  background: #e83d59;
  font-size: 0;
  line-height: 0;
  padding: 0;
  color: transparent;
  border: none;
  outline: none; }
  .nav-projet button:before {
    width: 30px;
    height: 30px;
    display: inline-block;
    content: '';
    opacity: 1; }

.nav-projet .projet-prev:before {
  background: url(../image/chevron.svg) no-repeat center/10px 16px;
  transform: rotate(180deg); }

.nav-projet .projet-next:before {
  background: url(../image/chevron.svg) no-repeat center/10px 16px; }

.ico-grid button {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 5px;
  background: #e83d59;
  font-size: 0;
  line-height: 0;
  padding: 0;
  color: transparent;
  border: none;
  outline: none; }
  .ico-grid button:before {
    width: 30px;
    height: 30px;
    display: inline-block;
    content: '';
    opacity: 1; }

.ico-grid .retour-portfolio:before {
  background: url(../image/ico-grid.svg) no-repeat center/18px 18px; }

#contenus-recents {
  background-color: #F2F2F2;
  padding: 1.5rem;
  border-radius: 5px; }
  #contenus-recents h3 {
    margin-bottom: 1rem; }
    #contenus-recents h3:before {
      content: "";
      position: relative;
      width: 25%;
      height: 4px;
      border-radius: 2px;
      margin-bottom: 1rem;
      display: block;
      margin-bottom: 1rem; }
    #contenus-recents h3 a {
      color: #2e2e2e;
      text-decoration: underline; }
  #contenus-recents div {
    margin-bottom: 2rem; }

#liste-realisations {
  margin-right: -15px;
  margin-left: -15px; }
  @media (max-width: 576px) {
    #liste-realisations {
      margin-right: 0;
      margin-left: 0; } }
body.realisations .dropdown-toggle::after {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important; }

body.realisations #dropdownFiltre {
  position: relative;
  margin-top: 1.8rem; }
  body.realisations #dropdownFiltre .dropdown-toggle {
    background-color: #ffffff;
    padding: 1.55rem 3.6rem 1rem 3.6rem;
    color: #2e2e2e;
    text-decoration: none; }
    body.realisations #dropdownFiltre .dropdown-toggle:after {
      content: "";
      background: url(../image/chevron-noir.svg) no-repeat center/7px 13px;
      transform: rotate(90deg);
      display: inline-block;
      width: 7px;
      height: 13px;
      vertical-align: middle;
      margin-left: .75rem !important; }
    body.realisations #dropdownFiltre .dropdown-toggle.show:after {
      transform: rotate(-90deg); }
  body.realisations #dropdownFiltre .dropdown-menu {
    background-color: #ffffff;
    margin-left: 3.6rem !important;
    font-size: 1.5rem !important; }
    body.realisations #dropdownFiltre .dropdown-menu button {
      border-radius: 0;
      padding: 1.3rem !important; }

#timeline {
  position: relative;
  background-color: #BAE6F5;
  min-height: 100vh;
  margin-top: -72px;
  overflow: hidden; }
  @media (max-width: 768px) {
    #timeline {
      margin-top: -43px; } }
  #timeline #nuage-top {
    position: absolute;
    top: -15px;
    background: url("../image/nuages-top-histoire.svg") no-repeat right/1400px 167px;
    display: block;
    height: 167px;
    width: 100%; }
  #timeline #place-mazagran {
    position: relative;
    background: url("../image/illus-mazagran.jpg") no-repeat center;
    background-size: cover;
    display: block;
    height: 657px;
    width: 100%; }
    @media (max-width: 768px) {
      #timeline #place-mazagran {
        height: 300px; } }
  #timeline #contenu-timeline {
    position: relative;
    margin-top: 75px;
    /* fin ouverture de Lm */
    /* fin La Rencontre */
    /* fin La Naissance */
    /* fin Creation Syllab */
    /* fin Creation SCOP */ }
    #timeline #contenu-timeline .contenu-texte {
      display: inline-block; }
      #timeline #contenu-timeline .contenu-texte h1 {
        display: inline-block; }
      #timeline #contenu-timeline .contenu-texte p {
        line-height: 1.3;
        margin-top: 1.3rem; }
    #timeline #contenu-timeline .annee {
      vertical-align: top;
      position: relative;
      display: inline-block; }
    #timeline #contenu-timeline .ico-titre {
      display: inline-block; }
      #timeline #contenu-timeline .ico-titre:before {
        content: "";
        position: relative;
        display: inline-block; }
    #timeline #contenu-timeline #timeline-Lm {
      /* ouverture de Lm */
      height: 100%;
      position: relative;
      padding-bottom: 5rem; }
      @media (max-width: 768px) {
        #timeline #contenu-timeline #timeline-Lm {
          margin-top: 20rem; } }
      #timeline #contenu-timeline #timeline-Lm .annee {
        margin-top: 5rem; }
      #timeline #contenu-timeline #timeline-Lm .ico-titre:before {
        background: url("../image/ciseaux.svg") no-repeat;
        width: 80px;
        height: 80px;
        vertical-align: top; }
      #timeline #contenu-timeline #timeline-Lm:after {
        content: "";
        position: absolute;
        right: 10%;
        bottom: 10%;
        display: inline-block;
        background: url("../image/path_5.svg") no-repeat;
        background-size: 350px 237px;
        width: 350px;
        height: 237px; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-Lm:after {
            top: -65%;
            right: 0;
            transform: rotate(-70deg); } }
        @media (min-width: 768px) and (max-width: 992px) {
          #timeline #contenu-timeline #timeline-Lm:after {
            right: -50%; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          #timeline #contenu-timeline #timeline-Lm:after {
            right: -30%;
            top: -10%; } }
    #timeline #contenu-timeline #timeline-Rencontre {
      /* La Rencontre */
      height: 100%;
      position: relative;
      padding-bottom: 3rem;
      margin-top: 15rem; }
      #timeline #contenu-timeline #timeline-Rencontre:before {
        content: "";
        position: absolute;
        left: -15%;
        top: -75%;
        display: inline-block;
        background: url("../image/path_4.svg") no-repeat;
        background-size: 98px 151px;
        width: 98px;
        height: 151px; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-Rencontre:before {
            top: 16rem; } }
        @media (min-width: 768px) and (max-width: 992px) {
          #timeline #contenu-timeline #timeline-Rencontre:before {
            left: 15%;
            top: -55%; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          #timeline #contenu-timeline #timeline-Rencontre:before {
            left: 0; } }
      #timeline #contenu-timeline #timeline-Rencontre .ico-titre:before {
        background: url("../image/troisetoiles.svg") no-repeat;
        width: 75px;
        height: 83px;
        vertical-align: top;
        margin-top: -50px; }
    #timeline #contenu-timeline img#img-nuage-1 {
      position: absolute;
      width: 300px;
      left: 25rem;
      margin-top: 10rem; }
      @media (max-width: 992px) {
        #timeline #contenu-timeline img#img-nuage-1 {
          margin-top: 35rem; } }
      @media (max-width: 992px) {
        #timeline #contenu-timeline img#img-nuage-1 {
          left: 0;
          margin-left: 0;
          z-index: 1; } }
      @media (min-width: 768px) and (max-width: 992px) {
        #timeline #contenu-timeline img#img-nuage-1 {
          margin-top: 15rem; } }
    #timeline #contenu-timeline #timeline-naissance {
      /* La Naissance */
      position: relative; }
      #timeline #contenu-timeline #timeline-naissance:before {
        content: "";
        position: absolute;
        left: 20%;
        bottom: -10%;
        display: inline-block;
        background: url("../image/path_3.svg") no-repeat;
        background-size: 180px 247px;
        width: 180px;
        height: 247px; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-naissance:before {
            z-index: 10;
            transform: rotate(-45deg);
            bottom: 40%;
            left: 70%; } }
        @media (min-width: 768px) and (max-width: 992px) {
          #timeline #contenu-timeline #timeline-naissance:before {
            left: 0;
            bottom: 20%; } }
      #timeline #contenu-timeline #timeline-naissance .ico-titre span {
        display: block;
        font-size: 2.50005rem; }
      #timeline #contenu-timeline #timeline-naissance .contenu-texte p {
        margin-left: 5rem; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-naissance .contenu-texte p {
            margin-left: 0; } }
    #timeline #contenu-timeline img#img-nuage-2 {
      position: absolute;
      width: 200px;
      margin-top: -12rem;
      right: -100px; }
      @media (max-width: 768px) {
        #timeline #contenu-timeline img#img-nuage-2 {
          right: 30px;
          top: 160%; } }
    #timeline #contenu-timeline #timeline-syllab {
      /* Creation Syllab */
      position: relative;
      margin-top: -3.5rem;
      margin-left: 13rem;
      padding-bottom: 10rem; }
      @media (max-width: 768px) {
        #timeline #contenu-timeline #timeline-syllab {
          margin-top: 3rem;
          margin-left: 0;
          padding-bottom: 7rem; } }
      #timeline #contenu-timeline #timeline-syllab img {
        max-width: 95px; }
      #timeline #contenu-timeline #timeline-syllab .annee {
        margin-top: 5.7rem;
        margin-right: 2.3rem; }
      #timeline #contenu-timeline #timeline-syllab .contenu-texte {
        position: relative; }
    #timeline #contenu-timeline #timeline-scop {
      /* Creation SCOP */
      position: relative;
      padding-bottom: 15rem; }
      @media (max-width: 768px) {
        #timeline #contenu-timeline #timeline-scop {
          padding-bottom: 1rem; } }
      #timeline #contenu-timeline #timeline-scop:after {
        content: "";
        position: absolute;
        right: 60%;
        bottom: 5%;
        display: inline-block;
        background: url("../image/path_2.svg") no-repeat;
        background-size: 370px 201px;
        width: 370px;
        height: 201px; }
        @media (max-width: 576px) {
          #timeline #contenu-timeline #timeline-scop:after {
            right: 10%;
            bottom: 20%; } }
      #timeline #contenu-timeline #timeline-scop img {
        max-width: 270px;
        margin-top: 100px; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-scop img {
            margin-left: 12rem; } }
      #timeline #contenu-timeline #timeline-scop .ico-titre .contenu-texte {
        margin-left: 3rem;
        margin-top: -5rem; }
        @media (max-width: 768px) {
          #timeline #contenu-timeline #timeline-scop .ico-titre .contenu-texte {
            margin-left: 0; } }
        #timeline #contenu-timeline #timeline-scop .ico-titre .contenu-texte .annee {
          margin-top: 6rem; }
        #timeline #contenu-timeline #timeline-scop .ico-titre .contenu-texte h1:after {
          content: "";
          position: relative;
          display: inline-block;
          vertical-align: sub;
          background: url("../image/scop-lettre.svg") no-repeat;
          background-size: 120px 60px;
          width: 120px;
          height: 60px; }
    #timeline #contenu-timeline #timeline-equipe {
      position: relative; }
      #timeline #contenu-timeline #timeline-equipe:after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        display: inline-block;
        background: url("../image/path_1.svg") no-repeat;
        background-size: 350px 122px;
        width: 350px;
        height: 122px; }
        @media (max-width: 576px) {
          #timeline #contenu-timeline #timeline-equipe:after {
            top: 12rem;
            right: 5rem; } }
        @media (min-width: 768px) and (max-width: 992px) {
          #timeline #contenu-timeline #timeline-equipe:after {
            top: 17rem;
            right: 0; } }
.credit-illus {
  color: #b0b0b0;
  font-size: 1rem; }
  .credit-illus a {
    color: #b0b0b0; }