@charset "UTF-8";
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-size: 18px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  line-height: 1.4;
  overflow-x: hidden;
}

@media (max-width: 1400px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body {
    padding-top: 70px;
  }
}
h1, h2, h3, h4, h5, h6, ul, ol, p {
  margin: 0;
  padding: 0;
}

h1, .h1 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #58132A;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  h1, .h1 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 30px;
  }
}
h2, .h2 {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 300;
  color: #EC6300;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  h2, .h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 24px;
  }
}
h3, .h3 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #58132A;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  h3, .h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  h3, .h3 {
    font-size: 18px;
  }
}
h4, .h4 {
  font-size: 14px;
  color: #58132A;
  font-weight: 900;
  margin: 0 0 15px;
}

p {
  margin: 0 0 30px;
}

/* HEADER */
header, .menu-responsive {
  position: sticky;
  top: -45px;
  left: 0;
  right: 0;
  z-index: 4;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
header .wrapper, .menu-responsive .wrapper {
  display: flex;
}
header .wrapper img, .menu-responsive .wrapper img {
  display: block;
}
header .wrapper ul, .menu-responsive .wrapper ul {
  display: flex;
  margin: 0;
}
header .wrapper ul li, .menu-responsive .wrapper ul li {
  list-style: none;
  padding: 0 0 0 30px;
  margin: 0 30px 0 0;
  position: relative;
}
header .wrapper ul li:before, .menu-responsive .wrapper ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 25px;
  height: 25px;
}
header .wrapper ul li:hover > ul, .menu-responsive .wrapper ul li:hover > ul {
  display: block;
}
header .wrapper ul li.current-menu-item a, .menu-responsive .wrapper ul li.current-menu-item a {
  color: #EC6300;
}
header .wrapper ul li a, .menu-responsive .wrapper ul li a {
  color: white;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  height: 75px;
  align-items: center;
  transition: color 0.3s ease;
}
header .wrapper ul li a:hover, .menu-responsive .wrapper ul li a:hover {
  color: #EC6300;
}
header .wrapper ul li a img, .menu-responsive .wrapper ul li a img {
  margin: 0 10px 0 0;
}
header .wrapper ul li ul, .menu-responsive .wrapper ul li ul {
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 0;
  width: 300px;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 30px;
  display: none;
}
header .wrapper ul li ul li, .menu-responsive .wrapper ul li ul li {
  margin: 0 0 5px;
  padding: 0;
}
header .wrapper ul li ul li:last-child, .menu-responsive .wrapper ul li ul li:last-child {
  margin: 0;
}
header .wrapper ul li ul li a, .menu-responsive .wrapper ul li ul li a {
  text-transform: none;
  height: auto;
  padding: 0;
}
header .wrapper ul li.menu-agenda:before, .menu-responsive .wrapper ul li.menu-agenda:before {
  background: no-repeat center center/cover url(../images/menu-agenda.svg);
}
header .wrapper ul li.menu-choisir-le-mans:before, .menu-responsive .wrapper ul li.menu-choisir-le-mans:before {
  background: no-repeat center center/cover url(../images/menu-choisir-le-mans.svg);
}
header .wrapper ul li.menu-votre-evenement:before, .menu-responsive .wrapper ul li.menu-votre-evenement:before {
  background: no-repeat center center/cover url(../images/menu-votre-evenement.svg);
}
header .wrapper ul li.menu-nos-espaces:before, .menu-responsive .wrapper ul li.menu-nos-espaces:before {
  background: no-repeat center center/cover url(../images/menu-nos-espaces.svg);
}
header .wrapper ul li.menu-nous-connaitre:before, .menu-responsive .wrapper ul li.menu-nous-connaitre:before {
  background: no-repeat center center/cover url(../images/menu-nous-connaitre.svg);
}
header .wrapper .logo, .menu-responsive .wrapper .logo {
  margin: 0 45px 0 0;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  header {
    position: fixed;
    top: 0;
    background: linear-gradient(to right, #2B0783, #DD2B45);
  }
  header .wrapper nav {
    display: none;
  }
  header .wrapper .logo {
    width: 100%;
    justify-content: center;
    margin: 0;
    height: 70px;
  }
  header .wrapper .logo img {
    width: 130px;
  }
}
.home header {
  background: transparent;
  transition: background 0.3s ease;
}
.home header.stuck {
  background: linear-gradient(to right, #2B0783, #DD2B45);
}

@media (max-width: 991px) {
  .home header {
    background: linear-gradient(to right, #2B0783, #DD2B45);
  }
}
/* MENU RESPONSIVE */
.menu-responsive {
  position: fixed;
  z-index: 4;
  top: inherit;
  font-size: 20px;
  display: none;
}
.menu-responsive.active .wrapper > div .burger {
  background: no-repeat center/30px auto url(../images/fermer.svg);
}
.menu-responsive.active .wrapper nav {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0.1s;
}
.menu-responsive .wrapper > div {
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: #EC6300;
  display: flex;
  justify-content: space-between;
}
.menu-responsive .wrapper > div ul {
  display: flex;
}
.menu-responsive .wrapper > div ul li {
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 0;
}
.menu-responsive .wrapper > div ul li.acces-contact > a {
  position: relative;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.menu-responsive .wrapper > div ul li.acces-contact > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background: no-repeat center/30px auto url(../images/acces-contact.svg);
}
.menu-responsive .wrapper > div .burger {
  display: block;
  width: 48px;
  height: 48px;
  margin: 10px;
  background: no-repeat center/48px auto url(../images/burger.svg);
}
.menu-responsive .wrapper nav {
  position: fixed;
  overflow: auto;
  background: #EC6300;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 45px;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0.2s;
}
.menu-responsive .wrapper nav ul {
  flex-wrap: wrap;
}
.menu-responsive .wrapper nav ul.secondaire li {
  padding: 0;
}
.menu-responsive .wrapper nav ul.secondaire li a {
  text-transform: none;
  font-weight: 300;
}
.menu-responsive .wrapper nav ul li {
  width: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.menu-responsive .wrapper nav ul li:hover > ul {
  display: none;
}
.menu-responsive .wrapper nav ul li.menu-agenda:before {
  background: no-repeat center center/cover url(../images/menu-responsive-agenda.svg);
}
.menu-responsive .wrapper nav ul li.menu-choisir-le-mans:before {
  background: no-repeat center center/cover url(../images/menu-responsive-choisir-le-mans.svg);
}
.menu-responsive .wrapper nav ul li.menu-votre-evenement:before {
  background: no-repeat center center/cover url(../images/menu-responsive-votre-evenement.svg);
}
.menu-responsive .wrapper nav ul li.menu-nos-espaces:before {
  background: no-repeat center center/cover url(../images/menu-responsive-nos-espaces.svg);
}
.menu-responsive .wrapper nav ul li.menu-nous-connaitre:before {
  background: no-repeat center center/cover url(../images/menu-responsive-nous-connaitre.svg);
}
.menu-responsive .wrapper nav ul li.current-menu-item a {
  color: black;
}
.menu-responsive .wrapper nav ul li a {
  height: auto;
  padding: 15px 0;
}
.menu-responsive .wrapper nav ul li a:hover {
  color: black;
}
.menu-responsive .wrapper nav .social {
  color: white;
  padding: 15px 0;
  font-weight: 300;
}
.menu-responsive .wrapper nav .social ul {
  display: flex;
  margin: 10px 0 0 0;
}
.menu-responsive .wrapper nav .social ul li {
  width: 20%;
  border: 0;
  margin: 0;
  padding: 0;
}
.menu-responsive .wrapper nav .social ul li a {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: background 0.3s ease;
}
.menu-responsive .wrapper nav .social ul li a:hover.twitter {
  background: no-repeat center/100% auto url(../images/twitter-violet.svg);
}
.menu-responsive .wrapper nav .social ul li a:hover.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-violet.svg);
}
.menu-responsive .wrapper nav .social ul li a:hover.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-violet.svg);
}
.menu-responsive .wrapper nav .social ul li a:hover.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-violet.svg);
}
.menu-responsive .wrapper nav .social ul li a:hover.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-violet.svg);
}
.menu-responsive .wrapper nav .social ul li a.twitter {
  background: no-repeat center/100% auto url(../images/twitter-blanc.svg);
}
.menu-responsive .wrapper nav .social ul li a.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-blanc.svg);
}
.menu-responsive .wrapper nav .social ul li a.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-blanc.svg);
}
.menu-responsive .wrapper nav .social ul li a.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-blanc.svg);
}
.menu-responsive .wrapper nav .social ul li a.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-blanc.svg);
}

@media (max-width: 991px) {
  .menu-responsive {
    display: block;
  }
}
/* FORMULAIRE */
form.inactive {
  display: none;
}
form p:not(:last-child) {
  margin: 0 0 15px;
}
form label.small {
  font-size: 12px;
}
form input[type=radio], form input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
form input[type=radio]:checked + label:after, form input[type=checkbox]:checked + label:after, form input[type=checkbox]:checked + span label:after {
  opacity: 1;
}
form input[type=radio] + label, form input[type=checkbox] + label, form input[type=checkbox] + span label {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
}
form input[type=radio] + label:before, form input[type=checkbox] + label:before, form input[type=checkbox] + span label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 24px;
  border: solid 2px black;
}
form input[type=radio] + label:after, form input[type=checkbox] + label:after, form input[type=checkbox] + span label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  background: black;
  width: 12px;
  height: 12px;
  border-radius: 14px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
form input[type=checkbox] + label, form input[type=checkbox] + span label {
  padding: 0 0 0 30px;
}
form input[type=checkbox] + label:before, form input[type=checkbox] + span label:before {
  width: 16px;
  height: 16px;
  border-radius: 0;
}
form input[type=checkbox] + label:after, form input[type=checkbox] + span label:after {
  width: auto;
  height: auto;
  background: none;
  border: solid black;
  top: 4px;
  left: 7px;
  border-width: 0 2px 2px 0;
  padding: 4px 2px;
  border-radius: 0;
  transform: rotate(45deg);
}
form input.particulier-form {
    opacity: 1;
}
form input.particulier-form:checked + div {
    display: none;
}
form button.arrow:before {
  top: 0;
}
form .form-group {
  margin: 0 0 15px;
  position: relative;
}
form .form-group.nom-prenom:after, form .form-group.telephone:after, form .form-group.email:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 25px;
  height: 16px;
}
form .form-group.error .form-control, form .form-group.error .form-control-textarea {
  border-bottom-color: #EC6300;
  background: #EC6300;
}
form .form-group.error .form-control::-moz-placeholder, form .form-group.error .form-control-textarea::-moz-placeholder {
  color: white;
}
form .form-group.error .form-control::placeholder, form .form-group.error .form-control-textarea::placeholder {
  color: white;
}
form .form-group.nom-prenom:after {
  background: no-repeat center center/auto 100% url(../images/icone-nom-prenom.svg);
}
form .form-group.telephone:after {
  background: no-repeat center center/auto 100% url(../images/icone-telephone.svg);
}
form .form-group.email:after {
  background: no-repeat center center/auto 100% url(../images/icone-email.svg);
}
form .form-group.select {
  position: relative;
}
form .form-group.select:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 15px;
  padding: 3px;
  border: solid #EC6300;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
form .form-group.select select {
  color: #3A3939;
}
form .form-group.file {
  position: relative;
  overflow: hidden;
}
form .form-group.file:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 15px;
  padding: 3px;
  border: solid #EC6300;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
form .form-group.file input {
  position: absolute;
  opacity: 0;
  transform: scale(3);
  top: 0;
  left: 0;
  transform-origin: 0 0;
}
form .form-group .form-control, form .form-group .form-control-textarea {
  background: transparent;
  position: relative;
  text-align: left;
  border: 0;
  border-bottom: solid 1px rgba(112, 112, 112, 0.3);
  width: 100%;
  font-size: 14px;
  padding: 0 15px 0 30px;
  height: 36px;
  line-height: 36px;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Source Sans Pro", Arial, sans-serif;
  transition: border 0.3s ease;
}
form .form-group .form-control::-moz-placeholder, form .form-group .form-control-textarea::-moz-placeholder {
  color: #3A3939;
}
form .form-group .form-control::placeholder, form .form-group .form-control-textarea::placeholder {
  color: #3A3939;
}
form .form-group .form-control:focus, form .form-group .form-control-textarea:focus {
  outline: 0;
  border-bottom-color: #EC6300;
}
form .form-group .form-control-textarea {
  line-height: 1.3;
  height: 200px;
  resize: none;
  vertical-align: bottom;
}
form .form-group .form-control-textarea::-moz-placeholder {
  position: absolute;
  bottom: 10px;
}
form .form-group .form-control-textarea::placeholder {
  position: absolute;
  bottom: 10px;
}
form .xsmall {
  font-size: 10px;
}
form .msg, form + .msg {
  display: none;
  font-size: 24px;
  line-height: 1.1;
  color: #EC6300;
  font-weight: 700;
  text-align: center;
}
form .msg.active, form + .msg.active {
  display: block;
}

/* GRID */
:root {
  --size: 1490px;
}

@media (min-width: 1600px) {
  :root {
    --size: 1490px;
  }
  .container {
    max-width: 1520px;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
}
@media (max-width: 1399px) {
  :root {
    --size: 1290px;
  }
  .col-xl-10 {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  :root {
    --size: 960px;
  }
}
.container-fluid {
  padding: 0;
}
.container-fluid > .row {
  margin: 0;
}
.container-fluid > .row [class*=col] {
  padding: 0;
}

.add-1-left {
  position: relative;
  z-index: 2;
  width: calc(100% + var(--size) / 12 * 3);
  left: calc(var(--size) / 12 * -3);
}

@media (max-width: 991px) {
  .add-1-left {
    width: 100%;
    left: 0;
  }
}
.add-1-right {
  position: relative;
  z-index: 2;
  width: calc(100% + var(--size) / 12 * 3);
  left: 0;
}

@media (max-width: 991px) {
  .add-1-right {
    width: 100%;
    left: 0;
  }
}
/* IMAGES RESPONSIVE */
.image-responsive {
  position: relative;
}
.image-responsive.border:before {
  content: "";
  position: absolute;
  background: linear-gradient(to left, #BD4BD1, #EC6300);
  width: calc(var(--size) / 12 * 3);
}
.image-responsive.border.bottom-right:before {
  top: 25px;
  right: -25px;
  bottom: -25px;
}
.image-responsive.border.bottom-left:before {
  top: 25px;
  left: -25px;
  bottom: -25px;
}
.image-responsive.multiple img:not(:last-child) {
  margin: 0 0 15px;
}
.image-responsive img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .image-responsive.border.bottom-right:before {
    right: 0;
  }
  .image-responsive.border.bottom-left:before {
    left: 0;
  }
}
/* ZOOM ROLLOVER */
.zoom-hover {
  overflow: hidden;
  cursor: pointer;
}
.zoom-hover:hover div:not(.reveal) {
  transform: scale(1.05);
}
.zoom-hover:hover div:not(.reveal):before {
  opacity: 0.15;
}
.zoom-hover div:not(.reveal) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.3s ease;
}
.zoom-hover div:not(.reveal):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  transition: opacity 0.3s ease;
}

/* EFFET D'APPARITION */
.reveal {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.reveal.off:before {
  opacity: 0;
  background: white;
}
.reveal:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  background: #f1f1f1;
  transition: opacity 0.3s ease 0.5s, background 0.3s ease 0.5s;
}

/* DISPLAY */
.hidden {
  display: none;
}

/* TEXTE */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* FILIGRANE */
.filigrane {
  position: relative;
}
.filigrane:before {
  content: attr(data-filigrane);
  position: absolute;
  top: 20px;
  left: 50%;
  color: transparent;
  transform: translateX(-50%);
  font-size: 200px;
  font-weight: 200;
  line-height: 1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}
.filigrane.black:before {
  font-size: 150px;
  top: -60px;
  -webkit-text-stroke-color: rgba(88, 19, 42, 0.12);
}

@media (max-width: 1199px) {
  .filigrane:before {
    font-size: 160px;
  }
  .filigrane.black:before {
    font-size: 120px;
  }
}
@media (max-width: 991px) {
  .filigrane:before {
    content: none;
  }
}
/* SURTITRE */
.surtitre {
  font-size: 14px;
  font-weight: 900;
  margin: 0 0 5px;
  color: #58132A;
  text-transform: uppercase;
}

/* BOUTONS & LIENS */
.btn {
  background: black;
  color: white;
  border-radius: 4px;
  border: 0;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  text-decoration: none;
  font-size: 22px;
  padding: 10px 30px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.btn:hover {
  background: #EC6300;
}
.btn.btn-primary {
  background: #EC6300;
}
.btn.btn-primary:hover {
  background: black;
}
.btn.transparent {
  background: transparent;
  color: white;
}
.btn.small {
  font-size: 18px;
  padding: 6px 20px;
}

@media (max-width: 1199px) {
  .btn {
    font-size: 18px;
    line-height: 1.1;
  }
}
.arrow {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  background: transparent;
  color: black;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font-size: 22px;
  letter-spacing: 1px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
.arrow:before {
  content: "";
  position: absolute;
  top: 4px;
  width: 40px;
  height: 25px;
  background: no-repeat center left/40px auto url(../images/fleche-orange.svg);
}
.arrow:hover {
  color: #EC6300;
}
.arrow:hover.left:before {
  left: 10px;
}
.arrow:hover.right:before {
  right: 10px;
}
.arrow:hover.right.bottom:before {
  top: 5px;
  right: 0;
}
.arrow.left {
  padding: 0 0 0 60px;
}
.arrow.left:before {
  left: 0;
  transition: left 0.3s ease;
}
.arrow.right {
  padding: 0 60px 0 0;
}
.arrow.right:before {
  right: 0;
  transition: right 0.3s ease;
}
.arrow.right.bottom {
  padding: 0 45px 0 0;
}
.arrow.right.bottom:before {
  top: -5px;
  transform: rotate(90deg);
  transition: top 0.3s ease;
}

@media (max-width: 1199px) {
  .arrow {
    font-size: 18px;
  }
  .arrow:before {
    top: 0;
  }
}
.plus {
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
  color: #58132A;
  position: relative;
  padding: 4px 40px 4px 0;
  transition: color 0.3s ease;
}
.plus:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 26px;
  height: 26px;
  background: no-repeat center left/26px auto url(../images/plus-orange.svg);
}
.plus:hover {
  color: #EC6300;
}

/* SOCIAL FIXED */
.social-fixed {
  position: fixed;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.social-fixed ul {
  border-top: solid 1px #EC6300;
  padding: 15px 0 0 0;
}
.social-fixed ul li {
  list-style: none;
  margin: 0 0 10px;
}
.social-fixed ul li a {
  display: block;
  width: 18px;
  height: 18px;
  transition: background 0.3s ease;
}
.social-fixed ul li a:hover.twitter {
  background: no-repeat center/100% auto url(../images/twitter-violet.svg);
}
.social-fixed ul li a:hover.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-violet.svg);
}
.social-fixed ul li a:hover.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-violet.svg);
}
.social-fixed ul li a:hover.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-violet.svg);
}
.social-fixed ul li a:hover.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-violet.svg);
}
.social-fixed ul li a.twitter {
  background: no-repeat center/100% auto url(../images/twitter-orange.svg);
}
.social-fixed ul li a.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-orange.svg);
}
.social-fixed ul li a.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-orange.svg);
}
.social-fixed ul li a.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-orange.svg);
}
.social-fixed ul li a.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-orange.svg);
}

@media (max-width: 991px) {
  .social-fixed {
    display: none;
  }
}
/* ACCES FIXED */
.acces-fixed {
  position: fixed;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.acces-fixed ul {
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 0 100px 0;
}
.acces-fixed ul li {
  list-style: none;
  margin: 0 0 15px;
}
.acces-fixed ul li.acces-contact.opened > a:hover {
  width: 60px;
}
.acces-fixed ul li.acces-contact > a:before {
  background: no-repeat center/26px auto url(../images/acces-contact.svg);
}
.acces-fixed ul li.acces-recherche > a:before {
  background: no-repeat center/26px auto url(../images/acces-recherche.svg);
}
.acces-fixed ul li.acces-travaux > a {
  background: #EFC831;
  color: black;
  font-size: 18px;
  letter-spacing: 0;
}
.acces-fixed ul li.acces-travaux > a:before {
  background: no-repeat center/32px auto url(../images/acces-travaux.svg);
}
.acces-fixed ul li > a {
  display: flex;
  position: relative;
  width: 60px;
  height: 60px;
  background: #EC6300;
  overflow: hidden;
  border-radius: 60px;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  font-size: 22px;
  letter-spacing: 1px;
  transition: width 0.5s ease;
}
.acces-fixed ul li > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}
.acces-fixed ul li > a:hover {
  width: 350px;
}
.acces-fixed ul li > a span {
  line-height: 60px;
  white-space: nowrap;
  padding: 0 45px 0 60px;
}
.acces-fixed ul li .tooltip {
  width: 270px;
  position: absolute;
  bottom: 200px;
  right: 30px;
  background: white;
  font-size: 16px;
  color: #3A3939;
  font-weight: 300;
  display: none;
}
.acces-fixed ul li .tooltip.active {
  display: block;
}
.acces-fixed ul li .tooltip:before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent white transparent transparent;
}
.acces-fixed ul li .tooltip p {
  padding: 10px 30px 15px 30px;
}
.acces-fixed ul li .tooltip p strong {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}
.acces-fixed ul li .tooltip p a {
  font-size: 20px;
  font-weight: 900;
  color: #EC6300;
  text-decoration: none;
  transition: color 0.3s ease;
}
.acces-fixed ul li .tooltip p a:hover {
  color: #3A3939;
}
.acces-fixed ul li .tooltip .close {
  color: white;
  position: absolute;
  z-index: 2;
  top: -3px;
  right: 5px;
  font-size: 30px;
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  transition: color 0.3s ease;
}
.acces-fixed ul li .tooltip .close:hover {
  color: #3A3939;
}
.acces-fixed ul li .tooltip .header {
  padding: 15px 30px 30px;
  background: linear-gradient(to right, #BD4BD1, #EC6300);
  position: relative;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
}
.acces-fixed ul li .tooltip .header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 0 0 15px 270px;
  border-color: transparent transparent white transparent;
}

@media (max-width: 1199px) {
  .acces-fixed ul li.acces-contact > a:before, .acces-fixed ul li.acces-recherche > a:before, .acces-fixed ul li.acces-travaux > a:before {
    background-size: 20px auto;
  }
  .acces-fixed ul li > a {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    font-size: 18px;
  }
  .acces-fixed ul li > a:before {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 991px) {
  .acces-fixed {
    display: none;
  }
}
/* TOP */
.top ul {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.top ul li {
  list-style: none;
  position: relative;
}
.top ul li:first-child:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  bottom: 12px;
  border-right: solid 1px white;
}
.top ul li.conseil a {
  background: #EC6300;
}
.top ul li.conseil a:hover {
  color: black;
}
.top ul li.conseil .acces-blog {
  display: none;
}
.top ul li.conseil.on .acces-blog {
  background: #EFEFEF;
  padding: 30px;
  display: flex;
  position: absolute;
  width: 970px;
  z-index: 1;
  top: 45px;
  right: 0;
}
.top ul li.conseil.on .acces-blog .image, .top ul li.conseil.on .acces-blog .infos {
  width: 50%;
}
.top ul li.conseil.on .acces-blog .image {
  margin: 0 30px 0 0;
  height: 580px;
}
.top ul li.conseil.on .acces-blog .infos ul {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px;
}
.top ul li.conseil.on .acces-blog .infos ul li {
  padding: 30px 0;
  font-size: 21px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.top ul li.conseil.on .acces-blog .infos ul li strong {
  text-transform: uppercase;
}
.top ul li.conseil.on .acces-blog .infos p {
  font-size: 22px;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding: 0 30px 0 0;
}
tr .top ul li.conseil.on .acces-blog .infos a:hover {
  color: white;
}
.top ul li a {
  color: white;
  text-decoration: none;
  font-weight: 300;
  display: inline-block;
  padding: 0 30px;
  line-height: 45px;
  height: 45px;
  transition: color 0.3s ease;
}
.top ul li a:hover {
  color: #EC6300;
}

@media (max-width: 991px) {
  .top {
    display: none;
  }
}
/* SLIDER FEATURED */
.slider-featured {
  position: relative;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  padding: 45px 0 0 0;
  margin: -120px 0 0 0;
}
.slider-featured .slider-featured-navigation {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  right: calc((100% - var(--size)) / 2 + 60px);
  width: 150px;
}
.slider-featured .slider-featured-navigation span {
  color: white;
  padding: 8px 0;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease;
}
.slider-featured .slider-featured-navigation span:hover, .slider-featured .slider-featured-navigation span.slick-current {
  color: #EC6300;
}
.slider-featured .slider-featured-navigation .slick-prev, .slider-featured .slider-featured-navigation .slick-next {
  background: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  cursor: pointer;
  top: 2px;
}
.slider-featured .slider-featured-navigation .slick-prev:before, .slider-featured .slider-featured-navigation .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(50% - 5px);
  border: solid white;
  border-width: 0 3px 3px 0;
  padding: 5px;
  transform: rotate(135deg);
  transition: border 0.3s ease;
}
.slider-featured .slider-featured-navigation .slick-prev:hover:before, .slider-featured .slider-featured-navigation .slick-next:hover:before {
  border-color: #EC6300;
}
.slider-featured .slider-featured-navigation .slick-prev {
  left: -40px;
}
.slider-featured .slider-featured-navigation .slick-next {
  right: -40px;
}
.slider-featured .slider-featured-navigation .slick-next:before {
  transform: rotate(-45deg);
}
.slider-featured .slick-dots {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.slider-featured .slick-dots li {
  list-style: none;
  margin: 0 4px;
}
.slider-featured .slick-dots li.slick-active button {
  background: white;
}
.slider-featured .slick-dots li button {
  width: 80px;
  height: 8px;
  background: black;
  border-radius: 8px;
  border: 0;
  color: transparent;
  overflow: hidden;
}
.slider-featured .slick-dots li button:hover {
  background: white;
}
.slider-featured .slide {
  position: relative;
}
.slider-featured .slide:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10%;
  right: 0;
  bottom: 0;
  left: -15%;
  background: linear-gradient(45deg, rgba(221, 43, 69, 0.2), rgba(255, 255, 255, 0.2), rgba(43, 7, 131, 0.2), rgba(189, 75, 209, 0.15));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-introduction.svg) no-repeat;
  mask: url(../images/pattern-introduction.svg) no-repeat;
  animation: draw-introduction 10s ease-in-out alternate infinite 3s;
}
@keyframes draw-introduction {
  0% {
    right: 100%;
    background-position: 0 0;
  }
  50% {
    right: 0;
    background-position: 100% 100%;
  }
}
.slider-featured .slide:hover .image:after {
  opacity: 0;
}
.slider-featured .slide .image {
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - var(--size) / 12 * 3 - (100% - var(--size)) / 2);
}
.slider-featured .slide .image:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(var(--size) / 12 * 3);
  background: rgba(236, 99, 0, 0.5);
  transition: background 0.3s ease;
}
.slider-featured .slide .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.slider-featured .slide .contenu {
  color: white;
  position: relative;
  z-index: 2;
  padding: 135px 0;
  height: 740px; /* REQUIRED */
  margin: 0;
}
.slider-featured .slide .contenu .evenement .categorie {
  font-size: 20px;
  margin: 0 0 5px;
}
.slider-featured .slide .contenu .evenement .titre {
  font-size: 80px;
  color: white;
}
.slider-featured .slide .contenu .evenement .date {
  font-size: 40px;
}
.slider-featured .slide .contenu .evenement .lieu {
  margin: 0 0 20px;
}
.slider-featured .slide .contenu .evenement .btn {
  margin: 0;
}

@media (max-width: 1199px) {
  .slider-featured .slide .contenu .evenement .titre {
    font-size: 44px;
  }
  .slider-featured .slide .contenu .evenement .date {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .slider-featured {
    margin: 0;
  }
  .slider-featured .slide:before {
    animation: none;
  }
}
@media (max-width: 767px) {
  .slider-featured {
    padding: 0;
  }
  .slider-featured .slider-featured-navigation {
    display: none;
  }
  .slider-featured .slide .image {
    width: 100%;
  }
  .slider-featured .slide .image:before {
    content: none;
  }
  .slider-featured .slide .contenu {
    padding: 60px 0;
    height: calc(100vh - 80px);
  }
}
/* HEADER EVENEMENT */
.header-evenement {
  position: relative;
  margin-top: -45px;
}
.header-evenement .slider-header {
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc((100% - var(--size)) / 2 + var(--size) / 12 * 6);
}
.header-evenement .slider-header .slick-list {
  height: 100%;
}
.header-evenement .slider-header .slick-list .slick-track {
  height: 100%;
}
.header-evenement .slider-header .slick-prev, .header-evenement .slider-header .slick-next {
  position: absolute;
  z-index: 4;
  bottom: 0;
  border: 0;
  width: 75px;
  padding: 20px 0;
  overflow: hidden;
  color: transparent;
  background: white no-repeat center/40px auto url(../images/fleche-noir.svg);
  cursor: pointer;
  transition: opacity 0.3s ease, background 0.3s ease;
}
.header-evenement .slider-header .slick-prev:hover, .header-evenement .slider-header .slick-next:hover {
  background: white no-repeat center/40px auto url(../images/fleche-orange.svg);
}
.header-evenement .slider-header .slick-prev {
  left: 0;
  transform: rotate(180deg);
}
.header-evenement .slider-header .slick-next {
  left: 75px;
}
.header-evenement .slider-header .image {
  width: 100%;
  height: 100%;
}
.header-evenement .contenu {
  padding: 90px 0 90px;
  margin: 0;
}
.header-evenement .contenu .evenement {
  position: relative;
}
.header-evenement .contenu .evenement .categorie {
  font-size: 20px;
  margin: 0 0 5px;
}
.header-evenement .contenu .evenement .titre {
  font-size: 80px;
  position: relative;
  z-index: 2;
}
.header-evenement .contenu .evenement .date {
  font-size: 40px;
  line-height: 1;
  margin: 0 0 15px;
}
.header-evenement .contenu .evenement .prix {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.header-evenement .contenu .evenement .prix strong {
  font-size: 40px;
  color: #EC6300;
  font-weight: 900;
}
.header-evenement .contenu .evenement .container-logo-salle {
    display: flex;
    justify-content: space-between;
}
.header-evenement .contenu .evenement .images-wrapper-logo-salle {
    display: flex;
    flex-direction: column;
}
.header-evenement .evenement .container-logo-salle img {
    width: 40%;
    flex: 1;
    object-fit: contain;
}
.header-evenement .contenu .evenement .lieu {
  margin: 0 0 20px;
}
.header-evenement .contenu .evenement .btn {
  margin: 0 0 30px;
}
.header-evenement .contenu .evenement .arrow {
  font-size: 16px;
}
.header-evenement .contenu .evenement .arrow:before {
  top: 0;
}
.header-evenement .contenu .evenement .tags {
  position: absolute;
  z-index: 2;
  left: 100%;
  bottom: 10%;
}
.header-evenement .contenu .evenement .tags ul {
  flex-direction: column;
}
.header-evenement .contenu .evenement .tags ul li {
  font-size: 22px;
  margin: 0 0 5px;
}

@media (max-width: 1199px) {
  .header-evenement .contenu .evenement .titre {
    font-size: 60px;
  }
  .header-evenement .contenu .evenement .date {
    font-size: 32px;
  }
  .header-evenement .contenu .evenement .prix {
    font-size: 22px;
  }
  .header-evenement .contenu .evenement .prix strong {
    font-size: 32px;
  }
  .header-evenement .contenu .evenement .tags ul li {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
    .header-evenement .contenu .evenement .container-logo-salle {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
  .header-evenement .contenu {
    padding: 90px 0 45px;
  }
  .header-evenement .contenu .evenement .categorie {
    font-size: 16px;
  }
  .header-evenement .contenu .evenement .titre {
    font-size: 38px;
  }
  .header-evenement .contenu .evenement .date {
    font-size: 24px;
  }
  .header-evenement .contenu .evenement .prix {
    font-size: 18px;
  }
  .header-evenement .contenu .evenement .prix strong {
    font-size: 26px;
  }
  .header-evenement .contenu .evenement .tags {
    position: relative;
    left: 0;
    bottom: 0;
  }
  .header-evenement .contenu .evenement .tags ul {
    flex-direction: row;
  }
  .header-evenement .slider-header {
    position: relative;
    width: 100%;
  }
  .header-evenement .slider-header .image:before {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
}
/* ARIANE */
.ariane {
  padding: 10px 0 0 0;
}
.ariane > .container {
  position: relative;
  z-index: 1;
}
.ariane span {
  font-size: 14px;
  margin: 0 5px 0 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ariane span a {
  color: #EC6300;
  text-decoration: underline;
  margin: 0 5px 0 0;
  transition: color 0.3s ease;
}
.ariane span a:hover {
  color: #EC6300;
}

@media (max-width: 767px) {
  .ariane span {
    font-size: 12px;
  }
}
/* INTRODUCTION */
.introduction, .wrapper-slider {
  position: relative;
  background: white;
  padding: 0 0 60px;
}
.introduction:before, .wrapper-slider:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 10%;
  right: 0;
  bottom: 0;
  left: -15%;
  background: linear-gradient(45deg, rgba(236, 99, 0, 0.1), rgba(221, 43, 69, 0.1), rgba(255, 255, 255, 0.1), rgba(43, 7, 131, 0.1));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-introduction.svg) no-repeat;
  mask: url(../images/pattern-introduction.svg) no-repeat;
  animation: draw-introduction 10s ease-in-out alternate infinite 3s;
}
@keyframes draw-introduction {
  0% {
    right: 100%;
    background-position: 0 0;
  }
  50% {
    right: 0;
    background-position: 100% 100%;
  }
}
.introduction .contenu, .wrapper-slider .contenu {
  padding: 75px 0 75px 0;
  position: relative;
  z-index: 2;
}
.introduction .contenu h1, .wrapper-slider .contenu h1 {
  font-size: 50px;
  margin: 0 0 5px;
}
.introduction .contenu h2, .wrapper-slider .contenu h2 {
  margin: 0 0 30px;
}
.introduction .contenu p, .wrapper-slider .contenu p {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 300;
  color: #3A3939;
}
.introduction .contenu p:not(:last-child), .wrapper-slider .contenu p:not(:last-child) {
  margin: 0 0 30px;
}
.introduction .contenu p.small, .wrapper-slider .contenu p.small {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}
.introduction .contenu img, .wrapper-slider .contenu img {
  width: auto !important;
  height: 32px;
  margin: 0 5px 0 0;
  position: relative;
  top: 4px;
}
.introduction .contenu .date, .wrapper-slider .contenu .date {
  font-size: 20px;
  letter-spacing: 2px;
  color: #EC6300;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.introduction .contenu .text, .wrapper-slider .contenu .text {
  margin: 0 0 30px;
  padding: 0 45px 0 0;
}
.introduction .image, .wrapper-slider .image {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - var(--size) / 12 * 6 - (100% - var(--size)) / 2);
  height: calc(100% - 60px);
}
.introduction .image:before, .wrapper-slider .image:before {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  width: calc(100% - var(--size) / 2 + var(--size) / 12 * 3);
  height: 30px;
  background: linear-gradient(to right, #EC6300, #BD4BD1);
}
.introduction .image .reveal div, .wrapper-slider .image .reveal div {
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .introduction .contenu h1 {
    font-size: 40px;
  }
  .introduction .contenu p {
    font-size: 22px;
  }
  .introduction .image:before {
    bottom: -24px;
    height: 24px;
  }
}
@media (max-width: 991px) {
  .introduction:before {
    animation: none;
  }
  .introduction .contenu {
    padding: 60px 0 0 0;
  }
  .introduction .contenu p {
    font-size: 20px;
  }
  .introduction .contenu img {
    display: none;
  }
  .introduction .contenu .text {
    padding: 0;
  }
  .introduction .image {
    position: relative;
    width: 100%;
    height: 250px;
    margin: 0 0 30px;
  }
  .introduction .image:before {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .introduction .contenu {
    padding: 30px 0 0 0;
  }
  .introduction .contenu h1 {
    font-size: 30px;
  }
}
/* CHIFFRE CLE / ENJEUX / DECOUVREZ NOS SOLUTIONS / DECOUVREZ LES LIEUX */
.chiffre-cle, .enjeux, .decouvrez-nos-solutions, .decouvrez-les-lieux {
  margin: 90px 0;
  position: relative;
  z-index: 1;
}
.chiffre-cle:before, .enjeux:before, .decouvrez-nos-solutions:before, .decouvrez-les-lieux:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 210px;
  left: 0;
  right: 0;
  bottom: 210px;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.chiffre-cle.reduced:before, .enjeux.reduced:before, .decouvrez-nos-solutions.reduced:before, .decouvrez-les-lieux.reduced:before {
  top: 120px;
  bottom: 120px;
}
.chiffre-cle.reduced .contenu, .enjeux.reduced .contenu, .decouvrez-nos-solutions.reduced .contenu, .decouvrez-les-lieux.reduced .contenu {
  padding: 220px 0 220px 30px;
}
.chiffre-cle > .container, .enjeux > .container, .decouvrez-nos-solutions > .container, .decouvrez-les-lieux > .container {
  position: relative;
  z-index: 2;
}
.chiffre-cle .logo-lemans, .enjeux .logo-lemans, .decouvrez-nos-solutions .logo-lemans, .decouvrez-les-lieux .logo-lemans {
  position: relative;
}
.chiffre-cle .logo-lemans div, .enjeux .logo-lemans div, .decouvrez-nos-solutions .logo-lemans div, .decouvrez-les-lieux .logo-lemans div {
  position: absolute;
  width: 100%;
  height: 210px;
}
.chiffre-cle .logo-lemans div img, .enjeux .logo-lemans div img, .decouvrez-nos-solutions .logo-lemans div img, .decouvrez-les-lieux .logo-lemans div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.chiffre-cle .images, .enjeux .images, .decouvrez-nos-solutions .images, .decouvrez-les-lieux .images {
  height: 100%;
}
.chiffre-cle .images.has-diaporama, .enjeux .images.has-diaporama, .decouvrez-nos-solutions .images.has-diaporama, .decouvrez-les-lieux .images.has-diaporama {
  padding: 0 0 0 60px;
}
.chiffre-cle .images .image, .enjeux .images .image, .decouvrez-nos-solutions .images .image, .decouvrez-les-lieux .images .image {
  position: relative;
}
.chiffre-cle .images .image:first-child, .enjeux .images .image:first-child, .decouvrez-nos-solutions .images .image:first-child, .decouvrez-les-lieux .images .image:first-child {
  margin: 0 0 30px;
  height: calc(45% - 30px);
}
.chiffre-cle .images .image:last-child, .enjeux .images .image:last-child, .decouvrez-nos-solutions .images .image:last-child, .decouvrez-les-lieux .images .image:last-child {
  height: 55%;
}
.chiffre-cle .images .image div, .enjeux .images .image div, .decouvrez-nos-solutions .images .image div, .decouvrez-les-lieux .images .image div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chiffre-cle .images .image .diaporama, .enjeux .images .image .diaporama, .decouvrez-nos-solutions .images .image .diaporama, .decouvrez-les-lieux .images .image .diaporama {
  position: absolute;
  z-index: 2;
  top: inherit;
  bottom: 60px;
  background: rgba(236, 99, 0, 0.7);
  left: -60px;
  right: inherit;
  font-size: 22px;
  line-height: 1;
  padding: 26px 45px 26px 45px;
}
.chiffre-cle .images .image .diaporama a, .enjeux .images .image .diaporama a, .decouvrez-nos-solutions .images .image .diaporama a, .decouvrez-les-lieux .images .image .diaporama a {
  display: block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none;
  padding: 0 130px 0 0;
  transition: color 0.3s ease;
}
.chiffre-cle .images .image .diaporama a:before, .enjeux .images .image .diaporama a:before, .decouvrez-nos-solutions .images .image .diaporama a:before, .decouvrez-les-lieux .images .image .diaporama a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 40px;
  height: 40px;
  background: no-repeat center left/40px auto url(../images/fleche-blanc.svg);
  transition: background 0.3s ease;
}
.chiffre-cle .images .image .diaporama a:hover, .enjeux .images .image .diaporama a:hover, .decouvrez-nos-solutions .images .image .diaporama a:hover, .decouvrez-les-lieux .images .image .diaporama a:hover {
  color: #3A3939;
}
.chiffre-cle .images .image .diaporama a:hover:before, .enjeux .images .image .diaporama a:hover:before, .decouvrez-nos-solutions .images .image .diaporama a:hover:before, .decouvrez-les-lieux .images .image .diaporama a:hover:before {
  background: no-repeat center left/40px auto url(../images/fleche-noir.svg);
}
.chiffre-cle .images .image .diaporama a small, .enjeux .images .image .diaporama a small, .decouvrez-nos-solutions .images .image .diaporama a small, .decouvrez-les-lieux .images .image .diaporama a small {
  font-size: 16px;
  color: #3A3939;
  font-weight: 400;
  text-transform: none;
}
.chiffre-cle .contenu, .enjeux .contenu, .decouvrez-nos-solutions .contenu, .decouvrez-les-lieux .contenu {
  color: white;
  padding: 330px 0 330px 30px;
}
.chiffre-cle .contenu h2, .chiffre-cle .contenu .h2, .enjeux .contenu h2, .enjeux .contenu .h2, .decouvrez-nos-solutions .contenu h2, .decouvrez-nos-solutions .contenu .h2, .decouvrez-les-lieux .contenu h2, .decouvrez-les-lieux .contenu .h2 {
  font-size: 40px;
  font-weight: 900;
  color: white;
  line-height: 1;
  margin: 0 0 30px;
}
.chiffre-cle .contenu ul, .enjeux .contenu ul, .decouvrez-nos-solutions .contenu ul, .decouvrez-les-lieux .contenu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 45px 0 0;
}
.chiffre-cle .contenu ul li, .enjeux .contenu ul li, .decouvrez-nos-solutions .contenu ul li, .decouvrez-les-lieux .contenu ul li {
  list-style: none;
  width: 50%;
  color: white;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}
.chiffre-cle .contenu ul li small, .enjeux .contenu ul li small, .decouvrez-nos-solutions .contenu ul li small, .decouvrez-les-lieux .contenu ul li small {
  font-size: 20px;
  font-weight: 400;
}
.chiffre-cle .contenu ul li .image, .enjeux .contenu ul li .image, .decouvrez-nos-solutions .contenu ul li .image, .decouvrez-les-lieux .contenu ul li .image {
  height: 70px;
}
.chiffre-cle .contenu ul li .image img, .enjeux .contenu ul li .image img, .decouvrez-nos-solutions .contenu ul li .image img, .decouvrez-les-lieux .contenu ul li .image img {
  width: auto;
  max-height: 70px;
}
.chiffre-cle .contenu .surtitre, .enjeux .contenu .surtitre, .decouvrez-nos-solutions .contenu .surtitre, .decouvrez-les-lieux .contenu .surtitre {
  color: white;
}
.chiffre-cle .contenu .arrow, .enjeux .contenu .arrow, .decouvrez-nos-solutions .contenu .arrow, .decouvrez-les-lieux .contenu .arrow {
  color: white;
  margin: 30px 0 0 0;
}
.chiffre-cle .contenu .arrow:hover, .enjeux .contenu .arrow:hover, .decouvrez-nos-solutions .contenu .arrow:hover, .decouvrez-les-lieux .contenu .arrow:hover {
  color: #EC6300;
}

@media (max-width: 1199px) {
  .chiffre-cle .contenu h2, .chiffre-cle .contenu .h2, .enjeux .contenu h2, .enjeux .contenu .h2, .decouvrez-nos-solutions .contenu h2, .decouvrez-nos-solutions .contenu .h2, .decouvrez-les-lieux .contenu h2, .decouvrez-les-lieux .contenu .h2 {
    font-size: 44px;
  }
  .chiffre-cle .contenu ul li, .enjeux .contenu ul li, .decouvrez-nos-solutions .contenu ul li, .decouvrez-les-lieux .contenu ul li {
    font-size: 20px;
  }
  .chiffre-cle .contenu ul li small, .enjeux .contenu ul li small, .decouvrez-nos-solutions .contenu ul li small, .decouvrez-les-lieux .contenu ul li small {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .chiffre-cle.reduced .contenu, .enjeux.reduced .contenu, .decouvrez-nos-solutions.reduced .contenu, .decouvrez-les-lieux.reduced .contenu {
    padding: 220px 0;
  }
}
@media (max-width: 991px) {
  .chiffre-cle:before, .enjeux:before, .decouvrez-nos-solutions:before, .decouvrez-les-lieux:before {
    bottom: 0;
  }
  .chiffre-cle.reduced:before, .enjeux.reduced:before, .decouvrez-nos-solutions.reduced:before, .decouvrez-les-lieux.reduced:before {
    bottom: 0;
  }
  .chiffre-cle.reduced .contenu, .enjeux.reduced .contenu, .decouvrez-nos-solutions.reduced .contenu, .decouvrez-les-lieux.reduced .contenu {
    padding: 45px 0;
  }
  .chiffre-cle .images.has-diaporama, .enjeux .images.has-diaporama, .decouvrez-nos-solutions .images.has-diaporama, .decouvrez-les-lieux .images.has-diaporama {
    padding: 0;
  }
  .chiffre-cle .images .image, .enjeux .images .image, .decouvrez-nos-solutions .images .image, .decouvrez-les-lieux .images .image {
    height: auto;
  }
  .chiffre-cle .images .image:first-child, .enjeux .images .image:first-child, .decouvrez-nos-solutions .images .image:first-child, .decouvrez-les-lieux .images .image:first-child {
    height: auto;
  }
  .chiffre-cle .images .image:last-child, .enjeux .images .image:last-child, .decouvrez-nos-solutions .images .image:last-child, .decouvrez-les-lieux .images .image:last-child {
    height: auto;
  }
  .chiffre-cle .images .image:before, .enjeux .images .image:before, .decouvrez-nos-solutions .images .image:before, .decouvrez-les-lieux .images .image:before {
    content: "";
    display: block;
    padding-bottom: 70%;
  }
  .chiffre-cle .images .image .diaporama, .enjeux .images .image .diaporama, .decouvrez-nos-solutions .images .image .diaporama, .decouvrez-les-lieux .images .image .diaporama {
    left: 30px;
    bottom: 30px;
    padding: 20px;
  }
  .chiffre-cle .images .image .diaporama a, .enjeux .images .image .diaporama a, .decouvrez-nos-solutions .images .image .diaporama a, .decouvrez-les-lieux .images .image .diaporama a {
    padding: 0;
  }
  .chiffre-cle .images .image .diaporama a:before, .enjeux .images .image .diaporama a:before, .decouvrez-nos-solutions .images .image .diaporama a:before, .decouvrez-les-lieux .images .image .diaporama a:before {
    content: none;
  }
  .chiffre-cle .contenu, .enjeux .contenu, .decouvrez-nos-solutions .contenu, .decouvrez-les-lieux .contenu {
    padding: 90px 0;
  }
}
@media (max-width: 767px) {
  .chiffre-cle .logo-lemans, .enjeux .logo-lemans, .decouvrez-nos-solutions .logo-lemans, .decouvrez-les-lieux .logo-lemans {
    display: none;
  }
  .chiffre-cle .contenu ul li, .enjeux .contenu ul li, .decouvrez-nos-solutions .contenu ul li, .decouvrez-les-lieux .contenu ul li {
    width: 100%;
  }
}
.chiffre-cle:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 0%;
  width: 50%;
  height: 50%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(236, 99, 0, 0.2), rgba(255, 255, 255, 0.5), rgba(189, 75, 209, 0.2));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-offre-moment.svg) no-repeat;
  mask: url(../images/pattern-offre-moment.svg) no-repeat;
  -webkit-mask-position: top right;
  mask-position: top right;
}
.chiffre-cle ul li .image {
  display: flex;
}

.enjeux .images, .decouvrez-nos-solutions .images {
  height: 100%;
}
.enjeux .images .image:first-child, .enjeux .images .image:last-child, .decouvrez-nos-solutions .images .image:first-child, .decouvrez-nos-solutions .images .image:last-child {
  margin: 0;
  height: 100%;
}

.decouvrez-les-lieux:before {
  content: none;
}
.decouvrez-les-lieux .contenu {
  padding: 0 0 0;
  color: #3A3939;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.decouvrez-les-lieux .contenu h2, .decouvrez-les-lieux .contenu .h2 {
  color: #58132A;
  display: flex;
  align-items: center;
}
.decouvrez-les-lieux .contenu h2 span, .decouvrez-les-lieux .contenu .h2 span {
  margin: 0 0 0 10px;
}
.decouvrez-les-lieux .contenu .arrow {
  color: #3A3939;
  margin: 0;
}
.decouvrez-les-lieux .images .image {
  min-height: 350px;
}

/* SOLUTIONS / RESULTAT / TEMOIGNAGE */
.solutions-resultat-temoignage {
  margin: 90px 0;
  font-size: 16px;
}
.solutions-resultat-temoignage h2 {
  color: #58132A;
  font-weight: 900;
  margin: 0 0 30px;
}
.solutions-resultat-temoignage h3 {
  color: #EC6300;
  font-weight: 300;
  margin: 0 0 30px;
  font-size: 30px;
}
.solutions-resultat-temoignage .solutions {
  margin: 0 0 60px;
}
.solutions-resultat-temoignage .solutions h2 {
  margin: 0 0 5px;
}
.solutions-resultat-temoignage .resultat {
  font-size: 26px;
  font-weight: 300;
}
.solutions-resultat-temoignage .temoignages {
  margin: 0;
}

/* TAG */
.tags ul {
  display: flex;
}
.tags ul li {
  background: black;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 4px;
  color: white;
  font-size: 18px;
  white-space: nowrap;
  list-style: none;
}
.tags ul li.orange {
  background: #EC6300;
}
.tags ul li.marron {
  background: #58132A;
}
@media (max-width: 1199px) {
  .tags ul li {
    font-size: 16px;
  }
}

.tag {
  background: black;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 4px;
  color: white;
  font-size: 18px;
  white-space: nowrap;
  list-style: none;
}
.tag.orange {
  background: #EC6300;
}
.tag.marron {
  background: #58132A;
}
@media (max-width: 1199px) {
  .tag {
    font-size: 16px;
  }
}

/* ACCES TRANSPORT */
.acces-transport {
  margin: 90px 0 180px;
}
.acces-transport h2 {
  margin: 0 0 30px;
}
.acces-transport .image-responsive {
  margin: 0 0 30px;
}
.acces-transport a {
  color: black;
}
.acces-transport .accessibilite {
  background: linear-gradient(to right, #2B0783, #DD2B45);
  padding: 30px;
  color: white;
}
.acces-transport .accessibilite ul li {
  list-style: none;
  border-bottom: solid 1px white;
  margin: 0 15px 10px;
  padding: 0 0 10px;
  font-size: 14px;
}
.acces-transport .accessibilite ul li:last-child {
  margin: 0 15px 0;
  padding: 0;
  border: 0;
}
.acces-transport .accessibilite h2 {
  margin: 0 0 30px;
  padding: 0 0 0 45px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
  position: relative;
}
.acces-transport .accessibilite h2:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 26px;
  height: 32px;
  background: no-repeat center center/cover url(../images/accessibilite-handicape.svg);
}
.acces-transport .transport {
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  margin: 0 0 30px;
  padding: 0 0 30px;
}
.acces-transport .transport ul {
  display: flex;
}
.acces-transport .transport ul li {
  width: calc(33.3333333333% - 30px);
  margin: 0 15px;
  font-size: 14px;
  list-style: none;
  text-align: center;
}
.acces-transport .transport h2 {
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
  display: flex;
}
.acces-transport .transport h2 span {
  margin: 0 0 0 10px;
}
.acces-transport .transport h2 .arrow {
  text-transform: none;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 0 15px;
  color: rgba(0, 0, 0, 0.5);
}
.acces-transport .transport h2 .arrow:before {
  top: -3px;
}

@media (max-width: 767px) {
  .acces-transport .accessibilite {
    margin: 0 0 45px;
  }
  .acces-transport .accessibilite ul li img {
    display: none;
  }
  .acces-transport .transport h2 .arrow {
    display: block;
    margin: 5px 0 0;
  }
  .acces-transport .transport ul {
    flex-wrap: wrap;
  }
  .acces-transport .transport ul li {
    width: 100%;
    margin: 0 0 30px;
  }
}
/* ACCROCHE */
.accroche {
  text-align: center;
  color: white;
  padding: 135px 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  position: relative;
}
.accroche img {
  margin: 0 0 15px;
}
.accroche.filigrane:before {
  content: "";
  width: 100%;
  height: 100%;
  background: no-repeat center 45px/50% auto url(../images/filigrane-lemans.svg);
}
.accroche > div {
  position: relative;
  z-index: 1;
}
.accroche h2 {
  color: white;
  font-weight: 900;
  text-transform: none;
  margin: 0 0 30px;
}
.accroche p {
  font-size: 22px;
}

@media (max-width: 1199px) {
  .accroche p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .accroche:after {
    content: none;
  }
}
/* NOS ESPACES */
.nos-espaces {
  background: white;
  margin: 90px 0 0;
  position: relative;
}
.nos-espaces:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 15%;
  right: 0;
  bottom: -15%;
  left: -15%;
  background: linear-gradient(45deg, rgba(221, 43, 69, 0.2), rgba(255, 255, 255, 0.2), rgba(236, 99, 0, 0.2), rgba(43, 7, 131, 0.2));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-offre-moment.svg) no-repeat;
  mask: url(../images/pattern-offre-moment.svg) no-repeat;
}
.nos-espaces > .container {
  position: relative;
  z-index: 2;
}
.nos-espaces h2, .nos-espaces .h2 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #58132A;
  display: flex;
  align-items: center;
}
.nos-espaces h2 span, .nos-espaces .h2 span {
  margin: 0 0 0 10px;
}
.nos-espaces h2 + p, .nos-espaces .h2 + p {
  margin: 10px 0 60px 71px;
}
.nos-espaces .espace {
  margin: 0 0 60px;
}
.nos-espaces .espace:first-child {
  margin: 0 0 90px;
}
.nos-espaces .espace h3, .nos-espaces .espace .h3 {
  color: #EC6300;
  font-size: 80px;
  line-height: 1;
  font-weight: 300;
  margin: 0 0 30px;
}
.nos-espaces .espace .image-responsive.border:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: calc(var(--size) / 12 * 2);
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.nos-espaces .espace .image-responsive.border.bottom-right:after {
  left: 0;
}
.nos-espaces .espace .image-responsive.border.bottom-left:after {
  right: 0;
}

@media (max-width: 1199px) {
  .nos-espaces h2, .nos-espaces .h2 {
    font-size: 44px;
  }
  .nos-espaces .espace h3, .nos-espaces .espace .h3 {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .nos-espaces h2, .nos-espaces .h2 {
    font-size: 30px;
  }
  .nos-espaces .espace h3, .nos-espaces .espace .h3 {
    font-size: 44px;
  }
}
/* LEGENDE */
.legende {
  position: absolute;
  z-index: 2;
  padding: 12px 30px;
  font-size: 22px;
  background: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  transition: opacity 0.3s ease;
}
.legende.bottom-left {
  bottom: 0;
  left: 0;
}
.legende.bottom-right {
  bottom: 0;
  right: 0;
}
.legende.top-left {
  top: 0;
  left: 0;
}

@media (max-width: 1199px) {
  .legende {
    font-size: 18px;
    padding: 10px 26px;
  }
}
@media (max-width: 767px) {
  .legende {
    font-size: 14px;
  }
}
/* OFFRE */
.offre {
  background: white;
  margin: 90px 0;
  padding: 30px 0 0;
  position: relative;
  z-index: 1;
}
.offre:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -10%;
  right: 0;
  bottom: -50%;
  background: linear-gradient(45deg, rgba(236, 99, 0, 0.3), rgba(255, 255, 255, 0.2), rgba(221, 43, 69, 0.2), rgba(189, 75, 209, 0.15));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-offre-moment.svg) no-repeat;
  mask: url(../images/pattern-offre-moment.svg) no-repeat;
}
.offre:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #f1f1f1;
  width: 80%;
  height: 350px;
}
.offre > .container {
  z-index: 2;
  position: relative;
}
.offre h2, .offre .h2 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #58132A;
  margin: 0 0 30px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.offre h2 span, .offre .h2 span {
  margin: 0 0 0 10px;
}
.offre .wrapper {
  position: relative;
  padding: 0 25px 25px 0;
}
.offre .wrapper:before {
  content: "";
  position: absolute;
  z-index: 1;
  background: linear-gradient(to left, #BD4BD1, #EC6300);
  width: 80%;
  top: 100px;
  right: 0;
  bottom: 0;
}
.offre .wrapper > .row {
  position: relative;
  z-index: 2;
  margin: 0;
}
.offre .wrapper > .row [class*=col] {
  padding: 0;
}
.offre .wrapper .image {
  height: 100%;
  position: relative;
  z-index: 2;
}
.offre .wrapper .contenu {
  padding: 45px;
  background: white;
}
.offre .wrapper .contenu h3, .offre .wrapper .contenu .h3 {
  font-weight: 300;
  color: #EC6300;
  font-size: 50px;
  line-height: 1;
  margin: 0 0 30px;
}
.offre .wrapper .contenu .arrow {
  margin: 30px 0 0 0;
}

@media (max-width: 1199px) {
  .offre h2, .offre .h2 {
    font-size: 44px;
  }
  .offre .wrapper .contenu {
    padding: 30px;
  }
  .offre .wrapper .contenu h3, .offre .wrapper .contenu .h3 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .offre .wrapper .contenu {
    padding: 15px;
  }
}
/* TEMOIGNAGES */
.temoignages {
  margin: 90px 0;
  position: relative;
  z-index: 1;
}
.temoignages:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -20%;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(236, 99, 0, 0.2), rgba(255, 255, 255, 0.5), rgba(189, 75, 209, 0.2));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-offre-moment.svg) no-repeat;
  mask: url(../images/pattern-offre-moment.svg) no-repeat;
}
.temoignages > .container {
  position: relative;
  z-index: 2;
}
.temoignages h2 {
  margin: 0 0 30px;
}
.temoignages .temoignage {
  background: white;
  border: solid 1px black;
  font-size: 26px;
  text-align: center;
  font-weight: 400;
  margin: 0 0 30px;
  position: relative;
}
.temoignages .temoignage:before {
  content: "";
  display: block;
  padding-bottom: 90%;
}
.temoignages .temoignage.image {
  min-height: 250px;
}
.temoignages .temoignage.image > div {
  padding: 0;
}
.temoignages .temoignage.image .temoin {
  background: white;
  position: absolute;
  left: 0;
  bottom: 15px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 20px;
  letter-spacing: 1px;
  margin: 0;
}
.temoignages .temoignage > div {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.temoignages .temoignage > div img {
  margin: 0 auto 30px;
}
.temoignages .temoignage .temoin {
  font-weight: 300;
  margin: 0;
  color: #3A3939;
}

@media (max-width: 1199px) {
  .temoignages .temoignage {
    font-size: 20px;
    height: calc(100% - 30px);
  }
  .temoignages .temoignage:before {
    content: none;
  }
  .temoignages .temoignage > div {
    position: relative;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .temoignages .temoignage {
    font-size: 22px;
  }
  .temoignages .temoignage:not(.image):before {
    content: none;
  }
  .temoignages .temoignage > div {
    position: relative;
  }
}
@media (max-width: 767px) {
  .temoignages .temoignage {
    font-size: 18px;
  }
  .temoignages .temoignage > div {
    padding: 30px 15px;
  }
}
/* GROUPE / AUTRE ACCES / CONSULTER AGENDA */
.groupe, .autres-acces, .consulter-agenda {
  margin: 90px 0;
  position: relative;
}
.groupe .container, .autres-acces .container, .consulter-agenda .container {
  position: relative;
  z-index: 1;
}
.groupe.degrade:before, .autres-acces.degrade:before, .consulter-agenda.degrade:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.groupe .wrapper, .autres-acces .wrapper, .consulter-agenda .wrapper {
  background: #e6e6e6;
  margin: 0 0 45px;
}
.groupe .wrapper .contenu, .autres-acces .wrapper .contenu, .consulter-agenda .wrapper .contenu {
  padding: 45px 30px 15px 30px;
  font-size: 20px;
}
.groupe .wrapper .contenu h2, .autres-acces .wrapper .contenu h2, .consulter-agenda .wrapper .contenu h2 {
  font-size: 60px;
  color: black;
  margin: 0 0 15px;
}
.groupe .wrapper .contenu .arrow, .autres-acces .wrapper .contenu .arrow, .consulter-agenda .wrapper .contenu .arrow {
  margin: 20px 0 0 0;
}
.groupe .wrapper [class*=acces], .groupe .wrapper .image, .autres-acces .wrapper [class*=acces], .autres-acces .wrapper .image, .consulter-agenda .wrapper [class*=acces], .consulter-agenda .wrapper .image {
  width: calc(100% - 30px);
  height: 100%;
  position: relative;
  top: -30px;
  height: calc(100% + 60px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupe .wrapper [class*=acces] a, .groupe .wrapper .image a, .autres-acces .wrapper [class*=acces] a, .autres-acces .wrapper .image a, .consulter-agenda .wrapper [class*=acces] a, .consulter-agenda .wrapper .image a {
  width: 100%;
  display: flex;
  justify-content: center;
}
.groupe .wrapper [class*=acces] a img, .groupe .wrapper .image a img, .autres-acces .wrapper [class*=acces] a img, .autres-acces .wrapper .image a img, .consulter-agenda .wrapper [class*=acces] a img, .consulter-agenda .wrapper .image a img {
  width: 70%;
  max-width: 300px;
}
.groupe .wrapper .acces-palais-congres, .autres-acces .wrapper .acces-palais-congres, .consulter-agenda .wrapper .acces-palais-congres {
  background: #24C4AC;
}
.groupe .wrapper .acces-centre-expositions, .autres-acces .wrapper .acces-centre-expositions, .consulter-agenda .wrapper .acces-centre-expositions {
  background: #9BB33B;
}
.groupe .acces, .autres-acces .acces, .consulter-agenda .acces {
  display: flex;
  font-size: 14px;
  height: calc(100% - 30px);
}
.groupe .acces:not(.last), .autres-acces .acces:not(.last), .consulter-agenda .acces:not(.last) {
  margin: 0 0 30px;
}
.groupe .acces .image, .autres-acces .acces .image, .consulter-agenda .acces .image {
  width: 50%;
}
.groupe .acces .contenu, .autres-acces .acces .contenu, .consulter-agenda .acces .contenu {
  width: 50%;
  padding: 30px;
  border: solid 1px rgba(58, 57, 57, 0.2);
  background: white;
}
.groupe .acces .contenu h3, .autres-acces .acces .contenu h3, .consulter-agenda .acces .contenu h3 {
  margin: 0 0 15px;
}
@media (max-width: 1199px) {
  .groupe .wrapper .contenu h2, .autres-acces .wrapper .contenu h2, .consulter-agenda .wrapper .contenu h2 {
    font-size: 44px;
  }
}
@media (max-width: 991px) {
  .groupe .wrapper [class*=acces], .groupe .wrapper .image, .autres-acces .wrapper [class*=acces], .autres-acces .wrapper .image, .consulter-agenda .wrapper [class*=acces], .consulter-agenda .wrapper .image {
    width: calc(100% - 50px);
    left: 25px;
  }
  .groupe .acces, .autres-acces .acces, .consulter-agenda .acces {
    flex-wrap: wrap;
  }
  .groupe .acces .image, .autres-acces .acces .image, .consulter-agenda .acces .image {
    width: 100%;
    min-height: 150px;
  }
  .groupe .acces .contenu, .autres-acces .acces .contenu, .consulter-agenda .acces .contenu {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .groupe .wrapper [class*=acces], .groupe .wrapper .image, .autres-acces .wrapper [class*=acces], .autres-acces .wrapper .image, .consulter-agenda .wrapper [class*=acces], .consulter-agenda .wrapper .image {
    top: -15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% + 30px);
    min-height: 150px;
  }
  .groupe .wrapper .contenu, .autres-acces .wrapper .contenu, .consulter-agenda .wrapper .contenu {
    padding: 30px 15px 15px;
    font-size: 18px;
  }
  .groupe .wrapper .contenu h2, .autres-acces .wrapper .contenu h2, .consulter-agenda .wrapper .contenu h2 {
    font-size: 30px;
  }
  .groupe .acces .contenu, .autres-acces .acces .contenu, .consulter-agenda .acces .contenu {
    padding: 15px;
  }
}
.autres-acces {
  margin: 90px 0 0;
}
.autres-acces:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}

/* QUESTIONS */
.faq {
  margin: 90px 0;
}
.faq > .container {
  position: relative;
  z-index: 1;
}
.faq h2 {
  margin: 0 0 30px;
}
.faq .question {
  margin: 0 0 15px;
  border: solid 1px #fff;
}
.faq .question.active {
  border: solid 1px #f1f1f1;
}
.faq .question.active > p {
  color: #EC6300;
  background: none;
}
.faq .question.active > p:before {
  transform: rotate(45deg);
  background: transparent no-repeat center/16px url(../images/plus-orange.svg);
}
.faq .question.active .reponse {
  display: block;
}
.faq .question > p {
  background: #f1f1f1;
  padding: 20px 80px 20px 30px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: color 0.3s ease;
  margin: 0;
}
.faq .question > p:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 30px;
  background: #EC6300 no-repeat center/16px url(../images/plus-blanc.svg);
  width: 40px;
  height: 40px;
  border-radius: 40px;
  transition: background 0.3s ease, transform 0.3s ease;
}
.faq .question > p:hover {
  color: #EC6300;
}
.faq .question .reponse {
  margin: 15px 30px;
  font-size: 14px;
  display: none;
}
.faq .question .reponse h2 {
  font-size: 30px;
  font-weight: 900;
  color: #58132A;
}
.faq .question .reponse .arrow {
  margin: 30px 0 0;
}

@media (max-width: 767px) {
  .faq .question.active > p:before {
    transform: translateY(-50%);
  }
  .faq .question > p {
    padding: 15px 80px 15px 15px;
  }
  .faq .question > p:before {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
}
/* FEATURED */
.featured {
  margin: 90px 0 0;
  font-size: 14px;
  position: relative;
}
.featured h1 {
  font-size: 50px;
  margin: 0 0 5px;
}
.featured h2 {
  margin: 0 0 30px;
}
.featured .wrapper {
  margin: 0 0 60px;
}
.featured .evenement .categorie {
  font-size: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 30px 0 5px;
}
.featured .evenement .titre {
  color: #58132A;
  font-weight: 900;
  margin: 0 0 5px;
}
.featured .evenement .date {
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 15px;
}
.featured .evenement .lieu {
  font-size: 18px;
  margin: 0 0 10px;
}
.featured .evenement .image {
  height: 100%;
  min-height: 350px;
  position: relative;
}
.featured .evenement .image .tags {
  position: absolute;
  bottom: 15px;
  left: -15px;
}
.featured .evenement .image .tags ul {
  flex-direction: column;
}
.featured .evenement .image .tags ul li:not(:last-child) {
  margin: 0 0 5px;
}

@media (max-width: 1199px) {
  .featured h1 {
    font-size: 40px;
  }
}
/* AGENDA GRILLE / SUGGESTIONS */
.agendas, .suggestions {
  margin: 90px 0;
}
.agendas h2, .suggestions h2 {
  font-weight: 900;
  color: #58132A;
}
.agendas h2 + p, .suggestions h2 + p {
  margin: 0 0 45px;
}
.agendas .agenda, .suggestions .agenda {
  text-align: center;
  margin: 0 0 60px;
}
.agendas .agenda a, .suggestions .agenda a {
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.agendas .agenda a:hover .wrapper h2, .suggestions .agenda a:hover .wrapper h2 {
  opacity: 1;
}
.agendas .agenda a:hover .wrapper .image, .suggestions .agenda a:hover .wrapper .image {
  transform: scale(1.1);
}
.agendas .agenda a:hover .wrapper .image:before, .suggestions .agenda a:hover .wrapper .image:before {
  opacity: 1;
}
.agendas .agenda a .categorie, .suggestions .agenda a .categorie {
  font-size: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.agendas .agenda a .date, .suggestions .agenda a .date {
  height: 64px;
  font-size: 20px;
  line-height: 1.1;
  margin: 0 0 10px;
}
.agendas .agenda a .date span, .suggestions .agenda a .date span {
  font-size: 18px;
}
.agendas .agenda a .wrapper, .suggestions .agenda a .wrapper {
  position: relative;
  overflow: hidden;
}
.agendas .agenda a .wrapper:before, .suggestions .agenda a .wrapper:before {
  content: "";
  display: block;
  padding-bottom: 151%;
}
.agendas .agenda a .wrapper h2, .suggestions .agenda a .wrapper h2 {
  font-size: 26px;
  font-weight: 900;
  color: black;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 30px;
  right: 30px;
  text-align: center;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.agendas .agenda a .wrapper .image, .suggestions .agenda a .wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.3s ease;
}
.agendas .agenda a .wrapper .image:before, .suggestions .agenda a .wrapper .image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(236, 99, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.agendas .agenda a .tags, .suggestions .agenda a .tags {
  position: absolute;
  z-index: 1;
  bottom: -12px;
  left: 0;
  right: 0;
}
.agendas .agenda a .tags ul, .suggestions .agenda a .tags ul {
  justify-content: center;
}
.agendas .agenda a .tags ul li, .suggestions .agenda a .tags ul li {
  margin: 0 2px;
}

@media (max-width: 1199px) {
  .agendas .agenda a .wrapper h2, .suggestions .agenda a .wrapper h2 {
    font-size: 26px;
  }
}
/* NEWSLETTER */
.newsletter, .nouveaute {
  margin: 90px 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  padding: 80px 0;
  color: white;
  font-size: 16px;
}
.newsletter.no-margin, .nouveaute.no-margin {
  margin: 0;
}
.newsletter .contenu, .nouveaute .contenu {
  position: relative;
  padding: 0 0 0 65px;
}
.newsletter .contenu:before, .nouveaute .contenu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 50px;
  background: no-repeat center/cover url(../images/titre-newsletter.svg);
}
.newsletter .contenu h2, .newsletter .contenu .h2, .nouveaute .contenu h2, .nouveaute .contenu .h2 {
  color: white;
  font-weight: 900;
  margin: 0 0 10px;
}
.newsletter .contenu h2 + p, .newsletter .contenu .h2 + p, .nouveaute .contenu h2 + p, .nouveaute .contenu .h2 + p {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 15px;
}
.newsletter form input[type=radio], .nouveaute form input[type=radio] {
  display: none;
}
.newsletter form input[type=radio] + label, .nouveaute form input[type=radio] + label {
  padding: 0 0 0 30px;
  margin: 0 0 5px;
}
.newsletter form input[type=radio] + label:before, .nouveaute form input[type=radio] + label:before {
  width: 20px;
  height: 20px;
  border: 0;
  top: 2px;
}
.newsletter form input[type=radio] + label:after, .nouveaute form input[type=radio] + label:after {
  top: 6px;
  left: 4px;
}
.newsletter form .form-group .form-control, .newsletter form .form-group .form-control-textarea, .nouveaute form .form-group .form-control, .nouveaute form .form-group .form-control-textarea {
  color: white;
  border-bottom-color: white;
}
.newsletter form .form-group .form-control::-moz-placeholder, .newsletter form .form-group .form-control-textarea::-moz-placeholder, .nouveaute form .form-group .form-control::-moz-placeholder, .nouveaute form .form-group .form-control-textarea::-moz-placeholder {
  color: white;
}
.newsletter form .form-group .form-control::placeholder, .newsletter form .form-group .form-control-textarea::placeholder, .nouveaute form .form-group .form-control::placeholder, .nouveaute form .form-group .form-control-textarea::placeholder {
  color: white;
}

@media (max-width: 991px) {
  .newsletter .contenu {
    padding: 0;
  }
  .newsletter .contenu:before {
    content: none;
  }
}
.single-evenement .newsletter {
  margin: 0;
}

/* ACTUALITES */
.actualites {
  margin: 90px 0;
}
.actualites h1 + p {
  margin: 10px 0 60px;
}
.actualites .wrapper-actualites {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.actualites .wrapper-actualites .actualite {
  height: 100%;
  width: calc(33.3333333333% - 30px);
  margin: 0 15px 15px;
}
.actualites .wrapper-actualites .actualite a {
  display: block;
  text-decoration: none;
  color: inherit;
  border: solid 1px #707070;
  padding: 30px;
  transition: border 0.3s ease;
}
.actualites .wrapper-actualites .actualite a:hover {
  border-color: #EC6300;
}
.actualites .wrapper-actualites .actualite a:hover h2 {
  color: #EC6300;
}
.actualites .wrapper-actualites .actualite h2 {
  font-size: 36px;
  font-weight: 900;
  color: black;
  height: 120px;
  margin: 0 0 45px;
  position: relative;
  transition: color 0.3s ease;
}
.actualites .wrapper-actualites .actualite h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 140px;
  border-bottom: solid 1px #EC6300;
}
.actualites .wrapper-actualites .actualite .date {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.actualites .wrapper-actualites .actualite .image {
  margin: 0 0 15px;
  position: relative;
}
.actualites .wrapper-actualites .actualite .image:before {
  content: "";
  display: block;
  padding-bottom: 70%;
}

@media (max-width: 1199px) {
  .actualites .wrapper-actualites .actualite a {
    padding: 15px;
  }
  .actualites .wrapper-actualites .actualite h2 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .actualites .wrapper-actualites .actualite {
    width: 100%;
  }
  .actualites .wrapper-actualites .actualite h2 {
    height: auto;
  }
}
/* ECOSYSTEME PARTENAIRES */
.ecosysteme-partenaires {
  margin: 180px 0 90px;
  padding: 60px 0 30px;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  color: white;
  font-size: 14px;
  position: relative;
}
.ecosysteme-partenaires:before {
  content: "";
  position: absolute;
  top: 14%;
  left: 0;
  width: 80%;
  height: 350px;
  background: rgba(255, 255, 255, 0.1);
}
.ecosysteme-partenaires > .container {
  position: relative;
  z-index: 1;
}
.ecosysteme-partenaires h2 {
  color: white;
  margin: 0 0 30px;
}
.ecosysteme-partenaires .surtitre {
  color: white;
}
.ecosysteme-partenaires .image {
  top: -150px;
  height: calc(100% + 60px + 60px + 60px);
  position: relative;
}
.ecosysteme-partenaires .valeurs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 90px 0 0;
}
.ecosysteme-partenaires .valeurs .valeur {
  width: calc(20% - 30px);
  margin: 0 15px 45px;
  text-align: center;
}
.ecosysteme-partenaires .valeurs .valeur h3 {
  color: white;
  margin: 0 0 5px;
  min-height: 52px;
}
.ecosysteme-partenaires .valeurs .valeur .image {
  top: 0;
  min-height: auto;
  height: 80px;
  margin: 0 0 15px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ecosysteme-partenaires .valeurs .valeur .image img {
  width: auto;
  height: 100%;
}

@media (max-width: 991px) {
  .ecosysteme-partenaires {
    margin: 90px 0;
  }
  .ecosysteme-partenaires .image {
    top: 0;
    margin: 30px 0 0 0;
    height: 200px;
  }
  .ecosysteme-partenaires .valeurs .valeur {
    width: calc(33.3333333333% - 30px);
  }
}
@media (max-width: 767px) {
  .ecosysteme-partenaires .valeurs .valeur {
    width: calc(50% - 30px);
  }
}
/* ECOSYSTEME FAVORABLE */
.ecosysteme-favorable {
  margin: 90px 0;
  position: relative;
}
.ecosysteme-favorable:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30%;
  right: 0;
  width: 365px;
  height: 410px;
  background: no-repeat center center/cover url(../images/pattern-eco-systeme-favorable.svg);
}
.ecosysteme-favorable .grille {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  margin: 45px 0 0 0;
}
.ecosysteme-favorable .grille .column {
  width: 33.3333333333%;
  position: relative;
  z-index: 2;
}
.ecosysteme-favorable .grille .column:last-child {
  z-index: 1;
}
.ecosysteme-favorable .grille .wrapper {
  display: flex;
  align-items: flex-end;
  height: calc(var(--size) / 12 * 4 * 0.6 + 40px);
}
.ecosysteme-favorable .grille .wrapper-image {
  width: 100%;
}
.ecosysteme-favorable .grille .wrapper-image.square .image {
  width: calc(100% + var(--size) / 12);
  left: calc(var(--size) / 12 * -1);
  border: 0;
}
.ecosysteme-favorable .grille .wrapper-image.square .image:before {
  padding-bottom: 80%;
}
.ecosysteme-favorable .grille .wrapper-image .image {
  position: relative;
  border-top: solid 20px white;
  border-right: solid 20px white;
  margin: 0 0 30px;
}
.ecosysteme-favorable .grille .wrapper-image .image:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.ecosysteme-favorable .grille .contenu {
  padding: 0 60px;
}
.ecosysteme-favorable .grille .contenu h3 {
  margin: 0 0 30px;
}

@media (max-width: 991px) {
  .ecosysteme-favorable .grille .column {
    width: 100%;
  }
  .ecosysteme-favorable .grille .wrapper {
    align-items: flex-start;
    height: auto;
  }
  .ecosysteme-favorable .grille .wrapper-image.square .image {
    width: 100%;
    left: 0;
  }
  .ecosysteme-favorable .grille .wrapper-image .image {
    border: 0;
  }
  .ecosysteme-favorable .grille .wrapper-image .image:before {
    padding-bottom: 100%;
  }
}
@media (max-width: 767px) {
  .ecosysteme-favorable .grille .contenu {
    padding: 0;
  }
}
/* ZOOM ESPACES */
.zoom-espaces {
  margin: 90px 0;
  position: relative;
}
.zoom-espaces h2 {
  margin: 0 0 45px;
}
.zoom-espaces .grille {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 460px 360px 210px;
}
.zoom-espaces .grille .image {
  width: 100%;
  height: 100%;
  position: relative;
}
.zoom-espaces .grille .image:nth-child(1), .zoom-espaces .grille .image:nth-child(3) {
  grid-column: 1/3;
}
.zoom-espaces .grille .image:nth-child(5) {
  grid-column: 1/2;
}
.zoom-espaces .grille .image:nth-child(6) {
  grid-column: 2/3;
}
.zoom-espaces .grille .image:nth-child(2), .zoom-espaces .grille .image:nth-child(4), .zoom-espaces .grille .image:nth-child(7) {
  grid-column: 3/5;
}
.zoom-espaces .grille .image:hover .over {
  opacity: 1;
}
.zoom-espaces .grille .image .over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-weight: 900;
  font-size: 16px;
  padding: 30px 10%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zoom-espaces .grille .image .over:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(43, 7, 131, 0.8);
}
.zoom-espaces .grille .image .over > div {
  position: relative;
  z-index: 1;
}
.zoom-espaces .grille .image .over h3 {
  color: white;
  font-weight: 900;
  font-size: 20px;
  margin: 0 0 15px;
}
.zoom-espaces .grille .image .over p {
  text-transform: uppercase;
}
.zoom-espaces .grille .image .over ul {
  margin: 0 0 0 15px;
}

@media (max-width: 991px) {
  .zoom-espaces .grille {
    display: flex;
    flex-wrap: wrap;
  }
  .zoom-espaces .grille .image:nth-child(n) {
    height: 300px;
  }
}
/* PRENDRE RENDEZ-VOUS */
.prendre-rendez-vous {
  margin: 90px 0;
}
.prendre-rendez-vous .wrapper {
  background: linear-gradient(to right, #2B0783, #DD2B45);
  color: white;
  display: flex;
}
.prendre-rendez-vous .wrapper div {
  width: 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 60px;
}
.prendre-rendez-vous .wrapper div:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 180px 30px;
  border-color: transparent transparent white transparent;
}
.prendre-rendez-vous .wrapper div:last-child {
  background: white;
}
.prendre-rendez-vous .wrapper h2 {
  height: 120px;
  display: flex;
  align-items: center;
  padding: 0 0 0 90px;
  font-size: 36px;
  font-weight: 900;
  position: relative;
}
.prendre-rendez-vous .wrapper h2:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  width: 60px;
  height: 60px;
  background: no-repeat center center/cover url(../images/prendre-rendez-vous.svg);
}
.prendre-rendez-vous .wrapper h3 {
  font-weight: 300;
  margin: 0 0 15px;
}
.prendre-rendez-vous .wrapper p {
  margin: 0;
}

@media (max-width: 991px) {
  .prendre-rendez-vous .wrapper {
    flex-wrap: wrap;
  }
  .prendre-rendez-vous .wrapper div {
    width: 100%;
  }
  .prendre-rendez-vous .wrapper div:first-child:before {
    content: none;
  }
  .prendre-rendez-vous .wrapper h2 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .prendre-rendez-vous .wrapper div {
    padding: 30px 15px;
  }
  .prendre-rendez-vous .wrapper h2 {
    padding: 0;
  }
  .prendre-rendez-vous .wrapper h2:before {
    content: none;
  }
}
/* VOTRE EVENEMENT & METHODOLOGIE */
.votre-evenement, .methodologie {
  margin: 90px 0;
  position: relative;
  z-index: 1;
}
.votre-evenement:after, .methodologie:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(43, 7, 131, 0.3), rgba(255, 255, 255, 0.2), rgba(43, 7, 131, 0.2), rgba(189, 75, 209, 0.15));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-votre-evenement.svg) no-repeat bottom right;
  mask: url(../images/pattern-votre-evenement.svg) no-repeat bottom right;
}
.votre-evenement > .container, .methodologie > .container {
  position: relative;
  z-index: 2;
}
.votre-evenement .valeur, .methodologie .valeur {
  height: calc(100% - 60px);
  margin: 0 0 60px;
  position: relative;
  background: white;
}
.votre-evenement .valeur:before, .methodologie .valeur:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 5px;
  background-image: linear-gradient(to right, #EC6300 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 5px;
  background-repeat: repeat-x;
}
.votre-evenement .valeur.hover, .methodologie .valeur.hover {
  padding: 45px 30px;
  height: 700px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.votre-evenement .valeur.hover:hover, .methodologie .valeur.hover:hover {
  color: white;
}
.votre-evenement .valeur.hover:hover h3, .votre-evenement .valeur.hover:hover .h3, .methodologie .valeur.hover:hover h3, .methodologie .valeur.hover:hover .h3 {
  -webkit-text-stroke-color: white;
}
.votre-evenement .valeur.hover:hover h4, .votre-evenement .valeur.hover:hover .h4, .methodologie .valeur.hover:hover h4, .methodologie .valeur.hover:hover .h4 {
  color: white;
}
.votre-evenement .valeur.hover:hover .image, .methodologie .valeur.hover:hover .image {
  display: none;
}
.votre-evenement .valeur.hover:hover .over, .methodologie .valeur.hover:hover .over {
  opacity: 1;
}
.votre-evenement .valeur.hover:hover span.background, .methodologie .valeur.hover:hover span.background {
  opacity: 1;
}
.votre-evenement .valeur.last:before, .methodologie .valeur.last:before {
  right: 156px;
}
.votre-evenement .valeur.last:after, .methodologie .valeur.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 130px;
  bottom: -13px;
  width: 26px;
  height: 26px;
  background: #EC6300;
  border-radius: 26px;
}
.votre-evenement .valeur.last span:before, .methodologie .valeur.last span:before {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 15px;
  width: 100px;
  height: 70px;
  background: no-repeat center center/100% url(../images/fin-valeurs.svg);
}
.votre-evenement .valeur a, .methodologie .valeur a {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 45px 30px;
  height: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.votre-evenement .valeur a:hover, .methodologie .valeur a:hover {
  box-shadow: 0 0 30px rgba(236, 99, 0, 0.1);
}
.votre-evenement .valeur a:hover h3, .methodologie .valeur a:hover h3 {
  -webkit-text-stroke-color: #ec6300;
}
.votre-evenement .valeur a:hover h4, .methodologie .valeur a:hover h4 {
  color: #EC6300;
}
.votre-evenement .valeur h3, .votre-evenement .valeur .h3, .methodologie .valeur h3, .methodologie .valeur .h3 {
  font-size: 54px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #2b0783;
  margin: 0 0 10px;
  position: relative;
  z-index: 2;
  transition: -webkit-text-stroke-color 0.3s ease;
}
.votre-evenement .valeur h4, .votre-evenement .valeur .h4, .methodologie .valeur h4, .methodologie .valeur .h4 {
  font-size: 34px;
  line-height: 1;
  font-weight: 300;
  color: #2B0783;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}
.votre-evenement .valeur span.background, .methodologie .valeur span.background {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.votre-evenement .valeur .image, .methodologie .valeur .image {
  margin: 0 0 15px;
  height: 100px;
  display: flex;
  align-items: flex-end;
}
.votre-evenement .valeur .image img, .methodologie .valeur .image img {
  height: 100%;
  width: auto;
}
.votre-evenement .valeur .over, .methodologie .valeur .over {
  color: white;
  font-size: 14px;
  margin: 30px 0 0 0;
  opacity: 0;
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease;
}
.votre-evenement .valeur .over p:not(:last-child), .methodologie .valeur .over p:not(:last-child) {
  margin: 0 0 5px;
}
.votre-evenement .experts, .methodologie .experts {
  margin: 60px 0 0 0;
}
.votre-evenement .experts h3, .methodologie .experts h3 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 15px;
}
.votre-evenement .experts .arrow, .methodologie .experts .arrow {
  color: white;
  margin: 30px 0 0 0;
}
.votre-evenement .experts .arrow:hover, .methodologie .experts .arrow:hover {
  color: #EC6300;
}

@media (max-width: 1199px) {
  .votre-evenement .valeur, .methodologie .valeur {
    height: calc(100% - 60px);
  }
  .votre-evenement .valeur h3, .votre-evenement .valeur .h3, .methodologie .valeur h3, .methodologie .valeur .h3 {
    font-size: 44px;
  }
  .votre-evenement .valeur h4, .votre-evenement .valeur .h4, .methodologie .valeur h4, .methodologie .valeur .h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .votre-evenement .valeur h3, .votre-evenement .valeur .h3, .methodologie .valeur h3, .methodologie .valeur .h3 {
    font-size: 40px;
    -webkit-text-stroke-width: 1.5px;
  }
  .votre-evenement .valeur h4, .votre-evenement .valeur .h4, .methodologie .valeur h4, .methodologie .valeur .h4 {
    font-size: 24px;
  }
}
.votre-evenement {
  position: relative;
}
.votre-evenement h2, .votre-evenement .h2 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #58132A;
  margin: 0 0 60px;
  display: flex;
  align-items: center;
}
.votre-evenement h2 span, .votre-evenement .h2 span {
  margin: 0 0 0 10px;
}

@media (max-width: 1199px) {
  .votre-evenement h2, .votre-evenement .h2 {
    font-size: 44px;
  }
}
.methodologie h2, .methodologie .h2 {
  margin: 0 0 45px;
}

/* DESTINATION LE MANS */
.destination {
  padding: 0 0 90px;
  position: relative;
}
.destination:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #f1f1f1;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
}
.destination:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 9.5%;
  width: 243px;
  height: 500px;
  background: no-repeat center center/cover url(../images/fille-destination-le-mans.png);
}
.destination h2, .destination .h2 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #58132A;
  margin: 0 0 60px;
  display: flex;
  align-items: flex-start;
}
.destination h2 span, .destination .h2 span {
  margin: 0 0 0 15px;
}
.destination p {
  font-weight: 700;
}
.destination .image-responsive {
  margin: 0 0 60px;
  position: relative;
}
.destination .image-responsive:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 0;
  width: 75px;
  height: 100px;
  background: no-repeat center center/cover url(../images/destination-le-mans-fleches.svg);
}
.destination .image-responsive:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 45px;
  right: -100px;
  width: 250px;
  height: 80px;
  background: no-repeat center center/cover url(../images/destination-le-mans-zigzag.svg);
}
.destination .motscles {
  position: absolute;
  top: 0;
  left: 40%;
  width: 60%;
  height: 40%;
}
.destination .motscles ul li {
  list-style: none;
  position: absolute;
  font-size: 50px;
  font-weight: 900;
  color: #58132A;
  text-transform: uppercase;
}
.destination .motscles ul li:nth-child(1) {
  top: 0;
  right: 10%;
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #58132a;
}
.destination .motscles ul li:nth-child(2) {
  top: 15%;
  left: 10%;
  font-size: 45px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #58132a;
}
.destination .motscles ul li:nth-child(3) {
  top: 35%;
  right: 15%;
}
.destination .motscles ul li:nth-child(3):before {
  content: "AUDACE";
  position: absolute;
  top: -4px;
  left: -4px;
  color: transparent;
  font-size: 45px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}
.destination .motscles ul li:nth-child(4) {
  top: 50%;
  left: 20%;
  font-size: 45px;
}
.destination .grille {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
}
.destination .grille:before {
  content: "";
  position: absolute;
  top: 30px;
  left: -170px;
  width: 180px;
  height: 60px;
  background: no-repeat center center/cover url(../images/destination-le-mans-zigzag.svg);
}
.destination .grille:after {
  content: "";
  position: absolute;
  bottom: -38px;
  right: -90px;
  width: 140px;
  height: 115px;
  background: no-repeat center center/cover url(../images/destination-le-mans-plus.svg);
}
.destination .grille .column {
  position: relative;
  width: 37.5%;
}
.destination .grille .column.square {
  width: 25%;
}
.destination .grille .column.square .image {
  width: 160%;
  border: 0;
}
.destination .grille .column.square .image:before {
  padding-bottom: 100%;
}
.destination .grille .image {
  position: relative;
  border-top: solid 20px #f1f1f1;
  border-left: solid 20px #f1f1f1;
}
.destination .grille .image:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.destination .arrow {
  margin: 30px 0 0;
}
.destination .pre-cta {
  margin: 30px 0 0 0;
  text-align: center;
  color: white;
}
.destination .pre-cta p {
  margin: 0;
}

@media (max-width: 1199px) {
  .destination h2, .destination .h2 {
    font-size: 44px;
  }
  .destination .motscles ul li:nth-child(1), .destination .motscles ul li:nth-child(2), .destination .motscles ul li:nth-child(3), .destination .motscles ul li:nth-child(4) {
    font-size: 36px;
  }
}
@media (max-width: 991px) {
  .destination:after {
    content: none;
  }
  .destination .image-responsive:before {
    content: none;
  }
  .destination .motscles ul li:nth-child(2) {
    top: 50%;
  }
  .destination .motscles ul li:nth-child(3), .destination .motscles ul li:nth-child(4) {
    display: none;
  }
}
@media (max-width: 767px) {
  .destination:before {
    top: 10%;
  }
  .destination h2, .destination .h2 {
    flex-wrap: wrap;
  }
  .destination h2 span, .destination .h2 span {
    width: 100%;
    margin: 15px 0 0;
  }
  .destination .motscles {
    display: none;
  }
  .destination .grille {
    justify-content: space-between;
  }
  .destination .grille:after {
    content: none;
  }
  .destination .grille .column {
    width: calc(50% - 10px);
  }
  .destination .grille .column.square {
    width: 100%;
  }
  .destination .grille .column.square .image {
    width: 100%;
  }
  .destination .grille .column .image {
    border-top: solid 20px #f1f1f1;
    border-left: 0;
  }
}
/* POURQUOI CHOISIR LE MANS / BESOIN D'AIDE */
.pourquoi-choisir, .besoin-aide {
  padding: 90px 0 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
  text-align: center;
  color: white;
  font-size: 16px;
}
.pourquoi-choisir h2, .pourquoi-choisir .h2, .besoin-aide h2, .besoin-aide .h2 {
  font-size: 40px;
  margin: 0 0 5px;
  font-weight: 900;
  color: white;
}
.pourquoi-choisir h3, .pourquoi-choisir .h3, .besoin-aide h3, .besoin-aide .h3 {
  font-size: 30px;
  font-weight: 300;
  margin: 0 0 60px;
  color: white;
  text-transform: none;
}
.pourquoi-choisir hr, .besoin-aide hr {
  border: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  margin: 60px 0;
}
.pourquoi-choisir hr.no-margin, .besoin-aide hr.no-margin {
  margin: 60px 0 0;
}
.pourquoi-choisir .avantage, .besoin-aide .avantage {
  margin: 0 0 45px;
  font-size: 18px;
  /*.image {
  	margin: 0 0 15px;
  	height: 100px;
  	display: flex;
  	justify-content: center;
  	align-items: flex-end;

  	img {
  		height: 100%;
  		width: auto;
  	};
  }*/
}
.pourquoi-choisir .vibrer, .besoin-aide .vibrer {
  margin: 0;
  background: transparent;
}

@media (max-width: 1199px) {
  .pourquoi-choisir h2, .besoin-aide h2 {
    font-size: 30px;
  }
  .pourquoi-choisir h3, .besoin-aide h3 {
    font-size: 20px;
  }
  .pourquoi-choisir .avantage, .besoin-aide .avantage {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .pourquoi-choisir .avantage .image img, .besoin-aide .avantage .image img {
    width: 80px;
  }
}
.besoin-aide {
  position: relative;
  text-align: left;
  font-size: 26px;
  font-weight: 300;
}
.besoin-aide h2 {
  font-size: 70px;
}
.besoin-aide h3 {
  margin: 0 0 10px;
}
.besoin-aide .nouveaute {
  background: none;
  padding: 0;
  margin: 60px 0;
}
.besoin-aide .nouveaute p:not(.xsmall) {
  font-size: 30px;
}
.besoin-aide .nouveaute form .form-group .form-control {
  color: white;
}
.besoin-aide .nouveaute form .form-group .form-control::-moz-placeholder {
  color: white;
}
.besoin-aide .nouveaute form .form-group .form-control::placeholder {
  color: white;
}
.besoin-aide .social {
  font-size: 30px;
  display: flex;
  font-weight: 300;
  margin: 15px 0 0 0;
  padding: 0 0 45px;
}
.besoin-aide .social ul {
  display: flex;
  align-items: center;
  margin: 0 0 0 30px;
}
.besoin-aide .social ul li {
  list-style: none;
  margin: 0 15px;
}
.besoin-aide .social ul li a {
  color: white;
  width: 24px;
  height: 24px;
  display: block;
  transition: background 0.3s ease;
}
.besoin-aide .social ul li a:hover.twitter {
  background: no-repeat center/100% auto url(../images/twitter-orange.svg);
}
.besoin-aide .social ul li a:hover.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-orange.svg);
}
.besoin-aide .social ul li a:hover.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-orange.svg);
}
.besoin-aide .social ul li a:hover.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-orange.svg);
}
.besoin-aide .social ul li a:hover.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-orange.svg);
}
.besoin-aide .social ul li a.twitter {
  background: no-repeat center/100% auto url(../images/twitter-blanc.svg);
}
.besoin-aide .social ul li a.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-blanc.svg);
}
.besoin-aide .social ul li a.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-blanc.svg);
}
.besoin-aide .social ul li a.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-blanc.svg);
}
.besoin-aide .social ul li a.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-blanc.svg);
}

@media (max-width: 1199px) {
  .besoin-aide h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .besoin-aide .social {
    flex-wrap: wrap;
  }
  .besoin-aide .social ul {
    width: 100%;
    margin: 10px 0 0;
  }
}
/* VIBRER */
.vibrer {
  background: linear-gradient(to right, #2B0783, #DD2B45);
  text-align: left;
  color: white;
  margin: 90px 0;
}
.vibrer h2, .vibrer .h2 {
  font-size: 80px;
  margin: 0 0 5px;
  font-weight: 900;
  color: white;
}
.vibrer h3, .vibrer .h3 {
  font-size: 30px;
  font-weight: 300;
  margin: 0 0 45px;
  color: white;
  text-transform: none;
}
.vibrer .social {
  font-size: 30px;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  margin: 45px 0 0 0;
  padding: 0 0 45px;
}
.vibrer .social ul {
  display: flex;
  align-items: center;
  margin: 0 0 0 30px;
}
.vibrer .social ul li {
  list-style: none;
  margin: 0 15px;
}
.vibrer .social ul li a {
  color: white;
  width: 24px;
  height: 24px;
  display: block;
  transition: background 0.3s ease;
}
.vibrer .social ul li a:hover.twitter {
  background: no-repeat center/100% auto url(../images/twitter-orange.svg);
}
.vibrer .social ul li a:hover.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-orange.svg);
}
.vibrer .social ul li a:hover.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-orange.svg);
}
.vibrer .social ul li a:hover.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-orange.svg);
}
.vibrer .social ul li a:hover.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-orange.svg);
}
.vibrer .social ul li a.twitter {
  background: no-repeat center/100% auto url(../images/twitter-blanc.svg);
}
.vibrer .social ul li a.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-blanc.svg);
}
.vibrer .social ul li a.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-blanc.svg);
}
.vibrer .social ul li a.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-blanc.svg);
}
.vibrer .social ul li a.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-blanc.svg);
}
.vibrer .wrapper {
  padding: 45px 45px 0;
}

@media (max-width: 1199px) {
  .vibrer h2, .vibrer .h2 {
    font-size: 60px;
  }
  .vibrer h3, .vibrer .h3 {
    font-size: 22px;
  }
  .vibrer .social {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .vibrer h2, .vibrer .h2 {
    font-size: 44px;
  }
  .vibrer .social span {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }
  .vibrer .social ul {
    margin: 0;
  }
  .vibrer .wrapper {
    padding: 45px 0 0;
  }
}
.equipe-commerciale {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.equipe-commerciale img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .equipe-commerciale {
    display: none;
  }
}
/* FOOTER */
footer {
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
footer nav {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
footer nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0;
}
footer nav ul li {
  padding: 15px 20px;
  list-style: none;
}
footer nav ul li a {
  color: white;
  text-decoration: none;
  transition: color 0.25s ease;
}
footer nav ul li a:hover {
  color: #EC6300;
}
footer .partenaires {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
footer .partenaires ul {
  display: flex;
  align-items: center;
}
footer .partenaires ul li {
  list-style: none;
}
footer .partenaires ul li img {
  height: auto;
}
footer .partenaires a {
  color: white;
  text-decoration: none;
}
footer .copyright {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 14px;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 45px 0;
}
footer .copyright a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

@media (max-width: 1199px) {
  footer nav ul li {
    padding: 15px;
  }
}
@media (max-width: 991px) {
  footer nav ul li {
    width: 100%;
    text-align: center;
  }
  footer .partenaires ul {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  footer .partenaires ul li {
    margin: 0 15px 15px;
  }
  footer .partenaires a {
    width: 100%;
    text-align: center;
  }
}
/* EVENEMENTS EMBLEMATIQUES */
.le-mans-emblematique, .organiser-venue {
  margin: 90px 0;
  position: relative;
}
.le-mans-emblematique:after, .organiser-venue:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 20%;
  left: -10%;
  right: 0;
  bottom: -20%;
  background: linear-gradient(45deg, rgba(189, 75, 209, 0.3), rgba(236, 99, 0, 0.2), rgba(255, 255, 255, 0.1), rgba(43, 7, 131, 0.2));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-offre-moment.svg) no-repeat;
  mask: url(../images/pattern-offre-moment.svg) no-repeat;
}
.le-mans-emblematique > .container, .organiser-venue > .container {
  position: relative;
  z-index: 2;
}
.le-mans-emblematique h2, .le-mans-emblematique .h2, .organiser-venue h2, .organiser-venue .h2 {
  margin: 0 0 30px;
}
.le-mans-emblematique h2 strong, .le-mans-emblematique .h2 strong, .organiser-venue h2 strong, .organiser-venue .h2 strong {
  color: #EC6300;
  font-weight: 400;
}
.le-mans-emblematique .evenements-emblematiques, .le-mans-emblematique .avantages, .organiser-venue .evenements-emblematiques, .organiser-venue .avantages {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.le-mans-emblematique .evenements-emblematiques a, .le-mans-emblematique .avantages a, .organiser-venue .evenements-emblematiques a, .organiser-venue .avantages a {
  text-decoration: none;
  color: #3A3939;
}
.le-mans-emblematique .evenements-emblematiques .evenement, .le-mans-emblematique .evenements-emblematiques .avantage, .le-mans-emblematique .avantages .evenement, .le-mans-emblematique .avantages .avantage, .organiser-venue .evenements-emblematiques .evenement, .organiser-venue .evenements-emblematiques .avantage, .organiser-venue .avantages .evenement, .organiser-venue .avantages .avantage {
  width: calc(20% - 30px);
  margin: 0 15px;
  border: solid 1px #f1f1f1;
  background: white;
}
.le-mans-emblematique .evenements-emblematiques .evenement .image, .le-mans-emblematique .evenements-emblematiques .avantage .image, .le-mans-emblematique .avantages .evenement .image, .le-mans-emblematique .avantages .avantage .image, .organiser-venue .evenements-emblematiques .evenement .image, .organiser-venue .evenements-emblematiques .avantage .image, .organiser-venue .avantages .evenement .image, .organiser-venue .avantages .avantage .image {
  position: relative;
}
.le-mans-emblematique .evenements-emblematiques .evenement .image:before, .le-mans-emblematique .evenements-emblematiques .avantage .image:before, .le-mans-emblematique .avantages .evenement .image:before, .le-mans-emblematique .avantages .avantage .image:before, .organiser-venue .evenements-emblematiques .evenement .image:before, .organiser-venue .evenements-emblematiques .avantage .image:before, .organiser-venue .avantages .evenement .image:before, .organiser-venue .avantages .avantage .image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.le-mans-emblematique .evenements-emblematiques .evenement .contenu, .le-mans-emblematique .evenements-emblematiques .avantage .contenu, .le-mans-emblematique .avantages .evenement .contenu, .le-mans-emblematique .avantages .avantage .contenu, .organiser-venue .evenements-emblematiques .evenement .contenu, .organiser-venue .evenements-emblematiques .avantage .contenu, .organiser-venue .avantages .evenement .contenu, .organiser-venue .avantages .avantage .contenu {
  padding: 30px;
}
.le-mans-emblematique .evenements-emblematiques .evenement .contenu h3, .le-mans-emblematique .evenements-emblematiques .avantage .contenu h3, .le-mans-emblematique .avantages .evenement .contenu h3, .le-mans-emblematique .avantages .avantage .contenu h3, .organiser-venue .evenements-emblematiques .evenement .contenu h3, .organiser-venue .evenements-emblematiques .avantage .contenu h3, .organiser-venue .avantages .evenement .contenu h3, .organiser-venue .avantages .avantage .contenu h3 {
  margin: 0 0 15px;
}
.le-mans-emblematique .evenements-emblematiques .evenement .contenu p, .le-mans-emblematique .evenements-emblematiques .avantage .contenu p, .le-mans-emblematique .avantages .evenement .contenu p, .le-mans-emblematique .avantages .avantage .contenu p, .organiser-venue .evenements-emblematiques .evenement .contenu p, .organiser-venue .evenements-emblematiques .avantage .contenu p, .organiser-venue .avantages .evenement .contenu p, .organiser-venue .avantages .avantage .contenu p {
  margin: 0;
}
.le-mans-emblematique .evenements-emblematiques .avantage, .le-mans-emblematique .avantages .avantage, .organiser-venue .evenements-emblematiques .avantage, .organiser-venue .avantages .avantage {
  border: 0;
  background: none;
}
.le-mans-emblematique .evenements-emblematiques .avantage .contenu, .le-mans-emblematique .avantages .avantage .contenu, .organiser-venue .evenements-emblematiques .avantage .contenu, .organiser-venue .avantages .avantage .contenu {
  padding: 0 0 15px;
  height: 83px;
}
.le-mans-emblematique .evenements-emblematiques .avantage .contenu h3, .le-mans-emblematique .avantages .avantage .contenu h3, .organiser-venue .evenements-emblematiques .avantage .contenu h3, .organiser-venue .avantages .avantage .contenu h3 {
  margin: 0;
  margin: 0 0 5px;
}
.le-mans-emblematique .evenements-emblematiques .avantage .contenu p, .le-mans-emblematique .avantages .avantage .contenu p, .organiser-venue .evenements-emblematiques .avantage .contenu p, .organiser-venue .avantages .avantage .contenu p {
  line-height: 1;
}

@media (max-width: 767px) {
  .le-mans-emblematique .evenements-emblematiques .evenement, .le-mans-emblematique .evenements-emblematiques .avantage, .le-mans-emblematique .avantages .evenement, .le-mans-emblematique .avantages .avantage, .organiser-venue .evenements-emblematiques .evenement, .organiser-venue .evenements-emblematiques .avantage, .organiser-venue .avantages .evenement, .organiser-venue .avantages .avantage {
    width: 100%;
    margin: 0 15px 30px;
  }
  .le-mans-emblematique .evenements-emblematiques .evenement .contenu, .le-mans-emblematique .evenements-emblematiques .avantage .contenu, .le-mans-emblematique .avantages .evenement .contenu, .le-mans-emblematique .avantages .avantage .contenu, .organiser-venue .evenements-emblematiques .evenement .contenu, .organiser-venue .evenements-emblematiques .avantage .contenu, .organiser-venue .avantages .evenement .contenu, .organiser-venue .avantages .avantage .contenu {
    height: auto;
  }
}
.organiser-venue:after {
  content: none;
}
.organiser-venue h2, .organiser-venue .h2 {
  text-align: center;
  color: #3A3939;
}
.organiser-venue .contenu {
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
}
.organiser-venue .contenu h3, .organiser-venue .contenu .h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  color: #3A3939;
  font-size: 20px;
  text-transform: none;
}

/* ORGANISER DIFFERENTS TYPES D'EVENEMENTS / SUGGESTIONS A DECOUVRIR */
.organiser-types-evenements, .suggestions-a-decouvrir {
  margin: 90px 0;
  position: relative;
  font-size: 14px;
}
.organiser-types-evenements:before, .suggestions-a-decouvrir:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 120px;
  left: 0;
  right: 0;
  bottom: 120px;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.organiser-types-evenements .over, .suggestions-a-decouvrir .over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  color: white;
  padding: 15%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.organiser-types-evenements .over:before, .suggestions-a-decouvrir .over:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(43, 7, 131, 0.8);
}
.organiser-types-evenements .over h3, .suggestions-a-decouvrir .over h3 {
  color: white;
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 900;
  position: relative;
  z-index: 1;
}
.organiser-types-evenements .over p, .suggestions-a-decouvrir .over p {
  position: relative;
  z-index: 1;
  margin: 0;
  top: 30px;
  transition: top 0.3s ease;
}
.organiser-types-evenements .over .arrow, .suggestions-a-decouvrir .over .arrow {
  color: white;
  margin: 30px 0 0;
  position: relative;
  z-index: 1;
}
.organiser-types-evenements .over .arrow:hover, .suggestions-a-decouvrir .over .arrow:hover {
  color: #EC6300;
}
.organiser-types-evenements .large, .suggestions-a-decouvrir .large {
  height: calc(100% - 30px);
}
.organiser-types-evenements .large .image, .suggestions-a-decouvrir .large .image {
  position: relative;
  height: 100%;
}
.organiser-types-evenements .large .image:hover .over, .suggestions-a-decouvrir .large .image:hover .over {
  opacity: 1;
}
.organiser-types-evenements .large .image:hover .over p, .suggestions-a-decouvrir .large .image:hover .over p {
  top: 0;
}
.organiser-types-evenements .large .image:hover .legende, .suggestions-a-decouvrir .large .image:hover .legende {
  opacity: 0;
}
.organiser-types-evenements .images .image, .suggestions-a-decouvrir .images .image {
  position: relative;
  margin: 0 0 30px;
}
.organiser-types-evenements .images .image:before, .suggestions-a-decouvrir .images .image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.organiser-types-evenements .images .image:hover .over, .suggestions-a-decouvrir .images .image:hover .over {
  opacity: 1;
}
.organiser-types-evenements .images .image:hover .over p, .suggestions-a-decouvrir .images .image:hover .over p {
  top: 0;
}
.organiser-types-evenements .images .image:hover .legende, .suggestions-a-decouvrir .images .image:hover .legende {
  opacity: 0;
}
.organiser-types-evenements .images .image.last, .suggestions-a-decouvrir .images .image.last {
  display: none;
  position: relative;
}
.organiser-types-evenements .images .image.last:after, .suggestions-a-decouvrir .images .image.last:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: no-repeat center center/cover url(../images/pattern-last.svg);
}
.organiser-types-evenements .images .image.last p, .suggestions-a-decouvrir .images .image.last p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80px;
  line-height: 1;
  color: white;
  text-align: center;
}
.organiser-types-evenements .contenu, .suggestions-a-decouvrir .contenu {
  color: white;
  padding: 220px 0 90px;
}
.organiser-types-evenements .contenu h2, .suggestions-a-decouvrir .contenu h2 {
  font-size: 40px;
  color: white;
  line-height: 1;
  margin: 0 0 30px;
}
.organiser-types-evenements .contenu ul, .suggestions-a-decouvrir .contenu ul {
  display: flex;
  margin: 0 0 30px;
}
.organiser-types-evenements .contenu ul li, .suggestions-a-decouvrir .contenu ul li {
  list-style: none;
  width: 50%;
  color: white;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}
.organiser-types-evenements .contenu ul li small, .suggestions-a-decouvrir .contenu ul li small {
  font-size: 20px;
  font-weight: 400;
}
.organiser-types-evenements .contenu p:last-child, .suggestions-a-decouvrir .contenu p:last-child {
  margin: 0;
}
.organiser-types-evenements .contenu .surtitre, .suggestions-a-decouvrir .contenu .surtitre {
  color: white;
}
.organiser-types-evenements .contenu .arrow, .suggestions-a-decouvrir .contenu .arrow {
  color: white;
  margin: 30px 0 0 0;
}
.organiser-types-evenements .contenu .arrow:hover, .suggestions-a-decouvrir .contenu .arrow:hover {
  color: #EC6300;
}

@media (max-width: 1199px) {
  .organiser-types-evenements .over, .suggestions-a-decouvrir .over {
    padding: 30px;
  }
  .organiser-types-evenements .contenu h2, .suggestions-a-decouvrir .contenu h2 {
    font-size: 44px;
  }
}
@media (max-width: 991px) {
  .organiser-types-evenements .large .image, .suggestions-a-decouvrir .large .image {
    min-height: 350px;
    margin: 0 0 30px;
  }
}
@media (max-width: 767px) {
  .organiser-types-evenements .contenu h2, .suggestions-a-decouvrir .contenu h2 {
    font-size: 30px;
  }
}
/* EVENEMENTS ORGANISÉS */
.evenements-organises {
  margin: 90px 0 0;
  position: relative;
}
.evenements-organises h2 {
  margin: 0 0 30px;
}
.evenements-organises .wrapper-evenements {
  display: flex;
  width: 100%;
}
.evenements-organises .wrapper-evenements .slick-list {
  padding: 0 120px 0 0;
}
.evenements-organises .wrapper-evenements .slick-list .evenement {
  transform: translateX(80px);
}
.evenements-organises .wrapper-evenements .slick-prev, .evenements-organises .wrapper-evenements .slick-next {
  position: absolute;
  z-index: 4;
  right: 60px;
  background: none;
  border: 0;
  width: 40px;
  height: 24px;
  overflow: hidden;
  color: transparent;
  background: no-repeat center/100% url(../images/fleche-orange.svg);
  cursor: pointer;
  transition: opacity 0.3s ease, background 0.3s ease;
}
.evenements-organises .wrapper-evenements .slick-prev:hover, .evenements-organises .wrapper-evenements .slick-next:hover {
  background: no-repeat center/100% url(../images/fleche-noir.svg);
}
.evenements-organises .wrapper-evenements .slick-prev.slick-disabled, .evenements-organises .wrapper-evenements .slick-next.slick-disabled {
  opacity: 0;
}
.evenements-organises .wrapper-evenements .slick-prev {
  top: 0;
  transform: rotate(180deg);
}
.evenements-organises .wrapper-evenements .slick-next {
  top: 40px;
}
.evenements-organises .wrapper-evenements .evenement {
  width: 33.3333333333%;
  position: relative;
  transition: transform 0.5s ease;
}
.evenements-organises .wrapper-evenements .evenement.slick-active {
  transform: translateX(0);
}
.evenements-organises .wrapper-evenements .evenement .image {
  position: relative;
}
.evenements-organises .wrapper-evenements .evenement .image:before {
  content: "";
  display: block;
  padding-bottom: 70%;
}
.evenements-organises .wrapper-evenements .evenement .contenu {
  position: relative;
  z-index: 1;
  top: -45px;
  width: 80%;
  font-size: 14px;
  background: white;
  padding: 30px 45px 0;
}
.evenements-organises .wrapper-evenements .evenement .contenu h3 {
  font-size: 30px;
  margin: 0 0 30px;
  transition: color 0.3s ease;
}
.evenements-organises .wrapper-evenements .evenement .contenu p {
  margin: 0 0 30px;
}
.evenements-organises .wrapper-evenements .evenement .contenu ul {
  margin: 0 0 30px;
}
.evenements-organises .wrapper-evenements .evenement .contenu ul li {
  display: flex;
  list-style: none;
  margin: 0 0 6px;
}
.evenements-organises .wrapper-evenements .evenement .contenu ul li .image {
  width: 26px;
}
.evenements-organises .wrapper-evenements .evenement .contenu ul li .image:before {
  content: none;
}
.evenements-organises .wrapper-evenements .evenement .contenu ul li .image img {
  display: block;
}
.evenements-organises .wrapper-btn {
  margin: 0 0 60px;
}
.evenements-organises .wrapper-btn p {
  margin: 0;
}

@media (max-width: 1199px) {
  .evenements-organises .wrapper-evenements .evenement .contenu {
    padding: 30px;
  }
  .evenements-organises .wrapper-evenements .evenement .contenu h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .evenements-organises .wrapper-evenements .evenement .contenu {
    width: 100%;
  }
  .evenements-organises .wrapper-evenements .evenement .contenu h3 {
    font-size: 20px;
  }
}
/* GENERIQUE */
.generique {
  margin: 90px 0;
  font-size: 16px;
}
.generique h2 {
  margin: 0 0 30px;
}
.generique ul {
  margin: 0 0 30px 45px;
}
.generique a {
  color: #EC6300;
}
.generique img {
  max-width: 100%;
  height: auto;
}
.generique .columns.deux {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.generique .columns p {
  margin: 0 0 30px;
}
.generique .columns p:last-child {
  margin: 0;
}

/* CONTACT */
.contact {
  margin: 90px 0;
  position: relative;
}
.contact:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10%;
  right: 0;
  bottom: 0;
  left: -15%;
  background: linear-gradient(45deg, rgba(221, 43, 69, 0.2), rgba(255, 255, 255, 0.2), rgba(43, 7, 131, 0.2), rgba(189, 75, 209, 0.15));
  background-size: 200% 200%;
  border-radius: 2000px;
  -webkit-mask: url(../images/pattern-introduction.svg) no-repeat;
  mask: url(../images/pattern-introduction.svg) no-repeat;
}
.contact .onglets ul {
  display: flex;
  flex-wrap: wrap;
}
.contact .onglets ul li {
  list-style: none;
  position: relative;
  display: flex;
  width: 20%;
}
.contact .onglets ul li button {
  position: relative;
  width: 100%;
  background: white;
  border: solid 1px #f1f1f1;
  border-bottom: 0;
  font-weight: 900;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 22px;
  line-height: 1.3;
  color: #acacac;
  cursor: pointer;
  text-transform: uppercase;
  padding: 120px 15px 45px 15px;
}
.contact .onglets ul li button:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
}
.contact .onglets ul li button.organiser-un-evenement:after {
  background: no-repeat center center/cover url(../images/organiser-evenement.svg);
}
.contact .onglets ul li button.exposer-sur-nos-foires-et-salons:after {
  background: no-repeat center center/cover url(../images/exposer-foire-salons.svg);
}
.contact .onglets ul li button.infos-spectacles:after {
  background: no-repeat center center/cover url(../images/info-spectacle.svg);
}
.contact .onglets ul li button.partenariat-presse:after {
  background: no-repeat center center/cover url(../images/partenariat-presse.svg);
}
.contact .onglets ul li button.prestataires:after {
  background: no-repeat center center/cover url(../images/prestataires.svg);
}
.contact .onglets ul li button.active {
  color: white;
  background: #EC6300;
}
.contact .onglets ul li button.active:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 24px solid #EC6300;
}
.contact .onglets ul li button.active.organiser-un-evenement:after {
  background: no-repeat center center/cover url(../images/organiser-evenement-active.svg);
}
.contact .onglets ul li button.active.exposer-sur-nos-foires-et-salons:after {
  background: no-repeat center center/cover url(../images/exposer-foire-salons-active.svg);
}
.contact .onglets ul li button.active.infos-spectacles:after {
  background: no-repeat center center/cover url(../images/info-spectacle-active.svg);
}
.contact .onglets ul li button.active.partenariat-presse:after {
  background: no-repeat center center/cover url(../images/partenariat-presse-active.svg);
}
.contact .onglets ul li button.active.prestataires:after {
  background: no-repeat center center/cover url(../images/prestataires-active.svg);
}
.contact .onglet {
  background: #f1f1f1;
  padding: 45px;
  font-size: 14px;
  display: none;
}
.contact .onglet.active {
  display: block;
}
.contact .onglet h2 {
  font-size: 50px;
  font-weight: 900;
  color: #58132A;
  margin: 0 0 30px;
}
.contact .onglet p {
  margin: 0 0 30px;
}
.contact .onglet a {
  color: #EC6300;
}
.contact .onglet .telephones .telephone {
  margin: 0 0 30px;
}
.contact .onglet .equipes {
  margin: 0 0 15px;
}
.contact .onglet .equipes p {
  margin: 0;
}
.contact .onglet .equipes p.h4 {
  text-transform: uppercase;
  margin: 0 0 15px;
}
.contact .onglet .equipes .equipe {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
}
.contact .onglet .equipes .equipe .image-responsive {
  margin: 0 30px 0 0;
}
.contact .onglet .equipes .equipe .image-responsive img {
  width: 110px;
  border: solid 1px #707070;
  border-radius: 200px;
}
.contact .onglet .equipes .equipe p {
  width: 75%;
  margin: 0;
}
.contact .onglet .equipes .equipe p strong {
  font-weight: 900;
}
.contact .onglet .equipes .equipe p .nom {
  font-weight: 900;
  color: #58132A;
}
.contact .onglet .equipes .equipe + p {
  margin: 0 0 0 25%;
}
.contact .onglet .equipes .equipe a {
  text-decoration: none;
  color: black;
}
.contact .onglet .equipes .equipe a:hover {
  text-decoration: underline;
}
.contact .onglet .equipes .equipe a.btn {
  color: white;
  margin: 8px 0 0 0;
}
.contact .onglet .equipes .equipe a.btn:hover {
  text-decoration: none;
}
.contact .onglet .carte {
  margin: 30px 0 0 0;
}

@media (max-width: 991px) {
  .contact .onglets ul li {
    width: 100%;
    display: none;
  }
  .contact .onglets ul li.active, .contact .onglets ul li.open {
    display: block;
  }
  .contact .onglets ul li.open button {
    padding: 15px 15px;
  }
  .contact .onglets ul li.open button:after {
    content: none;
  }
  .contact .onglets ul li.active:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border: solid white;
    border-width: 0 2px 2px 0;
    padding: 8px;
    transform: rotate(45deg) translateY(-50%);
  }
  .contact .onglets ul li.active button {
    padding: 120px 15px 45px;
  }
  .contact .onglets ul li.active button:after {
    content: "";
  }
  .contact .onglet {
    padding: 30px 15px;
  }
  .contact .onglet h2 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .contact .onglets ul li.active button {
    font-size: 20px;
    padding: 100px 15px 15px;
  }
  .contact .onglets ul li.active button:after {
    top: 15px;
  }
  .contact .onglet h2 {
    font-size: 30px;
  }
}
/* NOTRE FORCE */
.notre-force {
  margin: 90px 0;
  font-size: 14px;
}
.notre-force .titre {
  font-size: 30px;
  font-weight: 900;
  color: #58132A;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 60px;
  text-align: center;
}
.notre-force .activite {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 90px;
  font-size: 16px;
}
.notre-force .activite.activites-loisirs {
  margin: 100px 0 90px 0;
}
.notre-force .activite.installation-generale.right:after {
  bottom: 50%;
}
.notre-force .activite.left, .notre-force .activite.right {
  position: relative;
}
.notre-force .activite.left:after, .notre-force .activite.right:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: solid 1px #707070;
}
.notre-force .activite.left {
  padding: 0 90px 90px 0;
  left: 1px;
}
.notre-force .activite.left:before {
  right: 0;
}
.notre-force .activite.left:after {
  right: 0;
}
.notre-force .activite.left .image-responsive {
  margin: 0 0 0 30px;
}
.notre-force .activite.right {
  padding: 90px 0 0 90px;
}
.notre-force .activite.right:before {
  left: 0;
}
.notre-force .activite.right:after {
  left: 0;
}
.notre-force .activite.right .contenu {
  order: 2;
}
.notre-force .activite.right .image-responsive {
  margin: 0 30px 0 0;
  order: 1;
}
.notre-force .activite .contenu {
  width: 50%;
}
.notre-force .activite .contenu h3 {
  font-weight: 900;
  color: #58132A;
  margin: 0 0 10px;
}
.notre-force .activite .image-responsive {
  width: calc(50% - 30px);
  position: relative;
}
.notre-force .activite .image-responsive img {
  border-radius: 200px;
}
.notre-force .activite .image-responsive .icon {
  position: absolute;
  z-index: 2;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  background: #EC6300;
  width: 66px;
  height: 66px;
  border-radius: 33px;
  display: flex;
  justify-content: center;
}
.notre-force .activite .image-responsive .icon img {
  width: 50%;
}
.notre-force .arrow {
  margin: 45px 0 0;
}

@media (max-width: 1199px) {
  .notre-force .titre {
    font-size: 26px;
  }
  .notre-force .activite.left {
    padding: 0 60px 90px 0;
  }
  .notre-force .activite.right {
    padding: 90px 0 0 60px;
  }
  .notre-force .activite .image-responsive .icon {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 992px) {
  .notre-force .container {
    padding: 0;
  }
  .notre-force .container > .row {
    margin: 0;
  }
  .notre-force .container > .row [class*=col] {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .notre-force .activite.left, .notre-force .activite.right {
    padding: 0 0 90px;
  }
  .notre-force .activite.left:after, .notre-force .activite.right:after {
    content: none;
  }
  .notre-force .activite .contenu {
    width: 60%;
  }
  .notre-force .activite .image-responsive {
    width: calc(40% - 30px);
  }
}
/* BACK TOP */
.back-top {
  position: fixed;
  z-index: 3;
  bottom: -60px;
  right: 15px;
  background: #EC6300;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  cursor: pointer;
  transition: bottom 0.3s ease, background 0.3s ease;
}
.back-top:hover {
  background: black;
}
.back-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center/32px auto url(../images/fleche-blanc.svg);
  transform: rotate(-90deg);
}
.back-top.active {
  bottom: 30px;
}

@media (max-width: 991px) {
  .back-top {
    width: 42px;
    height: 42px;
    border-radius: 42px;
  }
  .back-top:before {
    background-size: 28px auto;
  }
  .back-top.active {
    bottom: 90px;
  }
}
/* DETAIL EVENEMENT */
.fiche-evenement {
  font-size: 16px;
  padding: 90px 0;
  background: #f1f1f1;
}
.fiche-evenement h2 {
  font-size: 22px;
  color: black;
  font-weight: 700;
  padding: 0 0 15px;
}
.fiche-evenement h3 {
  font-size: 32px;
  font-weight: 300;
  text-transform: none;
  color: black;
  margin: 0 0 30px;
}
.fiche-evenement .title-contenu {
  border-bottom: solid 1px #707070;
  margin: 0 0 30px;
  padding: 0 0 0 16.6666666667%;
}
.fiche-evenement .contenu {
  margin: 0 0 45px;
  padding: 0 0 0 16.6666666667%;
}
.fiche-evenement .contenu p:not(:last-child) {
  margin: 0 0 30px;
}
.fiche-evenement .contenu img {
  display: block;
  width: 100%;
  height: auto;
}
.fiche-evenement .contenu iframe {
  width: 100%;
}
.fiche-evenement .contenu .informations img {
  width: auto;
  max-width: 100px;
}
.fiche-evenement .detail {
  margin: 0 0 45px;
}
.fiche-evenement .detail ul li {
  list-style: none;
  display: flex;
  margin: 0 0 30px;
}
.fiche-evenement .detail ul li span {
  width: 70%;
}
.fiche-evenement .detail ul li span:first-child {
  width: 30%;
  color: #EC6300;
}
.fiche-evenement .detail ul li span.date {
  text-transform: uppercase;
}
.fiche-evenement .distribution {
  -moz-columns: 2;
       columns: 2;
}
.fiche-evenement .suivre ul {
  display: flex;
  justify-content: flex-start;
}
.fiche-evenement .suivre ul li {
  list-style: none;
  margin: 0 15px 0 0;
}
.fiche-evenement .suivre ul li a {
  width: 24px;
  height: 24px;
  display: block;
  transition: background 0.3s ease;
}
.fiche-evenement .suivre ul li a:hover.twitter {
  background: no-repeat center/100% auto url(../images/twitter-orange.svg);
}
.fiche-evenement .suivre ul li a:hover.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-orange.svg);
}
.fiche-evenement .suivre ul li a:hover.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-orange.svg);
}
.fiche-evenement .suivre ul li a:hover.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-orange.svg);
}
.fiche-evenement .suivre ul li a:hover.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-orange.svg);
}
.fiche-evenement .suivre ul li a.twitter {
  background: no-repeat center/100% auto url(../images/twitter-noir.svg);
}
.fiche-evenement .suivre ul li a.linked-in {
  background: no-repeat center/auto 100% url(../images/linked-in-noir.svg);
}
.fiche-evenement .suivre ul li a.facebook {
  background: no-repeat center/auto 100% url(../images/facebook-noir.svg);
}
.fiche-evenement .suivre ul li a.instagram {
  background: no-repeat center/auto 100% url(../images/instagram-noir.svg);
}
.fiche-evenement .suivre ul li a.youtube {
  background: no-repeat center/auto 100% url(../images/youtube-noir.svg);
}

@media (max-width: 1199px) {
  .fiche-evenement h2 {
    font-size: 20px;
  }
  .fiche-evenement .title-contenu {
    padding: 0;
  }
  .fiche-evenement .contenu {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .fiche-evenement h2 {
    font-size: 18px;
  }
  .fiche-evenement .title-contenu {
    margin: 0 0 15px;
  }
  .fiche-evenement .detail ul li {
    margin: 0 0 15px;
  }
}
/* SYNTHESE */
.synthese {
  background: linear-gradient(to right, #2B0783, #DD2B45);
  margin: 90px 0;
  padding: 90px 0 60px;
  position: relative;
  color: white;
}
.synthese h2 {
  font-weight: 900;
  color: white;
  line-height: 1;
  margin: 0 0 60px;
}
.synthese ul {
  display: flex;
  justify-content: center;
}
.synthese ul li {
  list-style: none;
  width: 20%;
  text-align: center;
  color: white;
  font-size: 60px;
  font-weight: 900;
  line-height: 0.5;
}
.synthese ul li small {
  font-size: 14px;
  font-weight: 400;
}
.synthese ul li .image {
  height: 70px;
  margin: 0 0 25px;
}
.synthese ul li .image img {
  width: auto;
  max-height: 70px;
}

/* IFRAME */
.video {
  margin: 90px 0 0;
}
.video .wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.video .wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .video {
    margin: 0;
  }
}
/* GRILLE DE PHOTO */
.grille-photo {
  margin: 90px 0;
  position: relative;
}
.grille-photo:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -10%;
  right: 0;
  bottom: 0;
  background: no-repeat center left/40% auto url(../images/pattern-offre-moment.svg);
}
.grille-photo .line {
  display: flex;
}
.grille-photo .column {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.grille-photo .column .square {
  width: 100%;
}
.grille-photo .square {
  position: relative;
  width: 25%;
  border: solid 1px white;
  overflow: hidden;
}
.grille-photo .square:hover div {
  transform: scale(1.1);
}
.grille-photo .square:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.grille-photo .square.s2x1 {
  width: 50%;
}
.grille-photo .square.s2x1:before {
  padding-bottom: 50%;
}
.grille-photo .square.s1x2 {
  width: 25%;
}
.grille-photo .square.s2x2 {
  width: 50%;
}
.grille-photo .square div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.3s ease;
}

/* CAROUSEL */
.a-venir {
  background: linear-gradient(to right, #2B0783, #DD2B45);
  padding: 60px 0;
  color: white;
  position: relative;
}
.a-venir:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.05);
  top: 0;
  left: 0;
  right: 30%;
  height: 35%;
}
.a-venir:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -50px;
  right: 10%;
  bottom: 50%;
  left: 50%;
  background: linear-gradient(45deg, rgba(43, 7, 131, 0.2), rgba(255, 255, 255, 0.2), rgba(189, 75, 209, 0.2), rgba(221, 43, 69, 0.2));
  background-size: 100% 100%;
  border-radius: 400px;
  -webkit-mask: url(../images/pattern-a-venir.svg) no-repeat top right;
  mask: url(../images/pattern-a-venir.svg) no-repeat top right;
}
.a-venir h2, .a-venir .h2 {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: white;
  display: flex;
  align-items: center;
}
.a-venir h2 span, .a-venir .h2 span {
  margin: 0 0 0 10px;
}
.a-venir h2 + p, .a-venir .h2 + p {
  margin: 10px 0 0 67px;
}
.a-venir h2 + p a, .a-venir .h2 + p a {
  color: white;
}
.a-venir .plus {
  transition: color 0.3s ease;
}
.a-venir .plus:before {
  background: no-repeat center left/26px auto url(../images/plus-blanc.svg);
  transition: background 0.3s ease;
}
.a-venir .plus:hover:before {
  background: no-repeat center left/26px auto url(../images/plus-orange.svg);
}
.a-venir .carousels {
  position: relative;
  z-index: 2;
}
.a-venir .carousels .slick-list {
  padding: 15px 0 !important;
}
.a-venir .carousels .slick-prev, .a-venir .carousels .slick-next {
  position: absolute;
  z-index: 3;
  top: calc(var(--size) / 3 + 45px);
  width: 40px;
  height: 24px;
  overflow: hidden;
  border: 0;
  color: transparent;
  background: no-repeat center/100% url(../images/fleche-blanc.svg);
  cursor: pointer;
  transition: opacity 0.3s ease, background 0.3s ease;
}
.a-venir .carousels .slick-prev:hover, .a-venir .carousels .slick-next:hover {
  background: no-repeat center/100% url(../images/fleche-orange.svg);
}
.a-venir .carousels .slick-prev.slick-disabled, .a-venir .carousels .slick-next.slick-disabled {
  opacity: 0;
}
.a-venir .carousels .slick-prev {
  left: 33.3333333333%;
  transform: rotate(180deg);
}
.a-venir .carousels .slick-next {
  right: 33.3333333333%;
}
.a-venir .carousels .carousel {
  text-align: center;
  position: relative;
  transition: transform 0.5s ease;
}
.a-venir .carousels .carousel.slick-slide {
  transform: scale(0.6);
}
.a-venir .carousels .carousel.slick-center {
  transform: scale(1);
  z-index: 2;
}
.a-venir .carousels .carousel.slick-center .contenu {
  opacity: 1;
}
.a-venir .carousels .carousel.prev {
  transform: scale(0.8) translateX(100px);
}
.a-venir .carousels .carousel.next {
  transform: scale(0.8) translateX(-100px);
}
.a-venir .carousels .carousel .image {
  position: relative;
  margin: 0 0 60px;
}
.a-venir .carousels .carousel .image:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.a-venir .carousels .carousel .image:hover a {
  height: 60px;
  color: white;
}
.a-venir .carousels .carousel .image a {
  display: block;
  width: 50%;
  height: 30px;
  line-height: 60px;
  background: #EC6300;
  position: absolute;
  bottom: -15px;
  left: 25%;
  color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
  border-radius: 4px;
  transition: height 0.3s ease, color 0.3s ease;
}
.a-venir .carousels .carousel .image .tags {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}
.a-venir .carousels .carousel .image .tags ul {
  justify-content: center;
}
.a-venir .carousels .carousel .contenu {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.a-venir .carousels .carousel .contenu .categorie {
  font-size: 14px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 30px 0 5px;
}
.a-venir .carousels .carousel .contenu .titre {
  margin: 0 0 10px;
  justify-content: center;
}
.a-venir .carousels .carousel .contenu .date {
  font-size: 30px;
  text-transform: uppercase;
  margin: 0 0 10px;
}

@media (max-width: 1199px) {
  .a-venir h2, .a-venir .h2 {
    font-size: 44px;
  }
  .a-venir .carousels .carousel.prev {
    transform: scale(0.9) translateX(50px) translateY(-30px);
  }
  .a-venir .carousels .carousel.next {
    transform: scale(0.9) translateX(-50px) translateY(-30px);
  }
  .a-venir .carousels .carousel .contenu {
    position: relative;
    left: -30%;
    width: 160%;
  }
  .a-venir .carousels .carousel .contenu .titre {
    font-size: 40px;
  }
  .a-venir .carousels .carousel .contenu .date {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .a-venir .carousels .carousel .contenu {
    left: 0;
    width: 100%;
  }
}
/* MOTEUR DE RECHERCHE */
.moteur-recherche {
  position: relative;
  z-index: 3;
}
.moteur-recherche:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.moteur-recherche .wrapper {
  background: white;
  display: flex;
  flex-wrap: wrap;
  height: 90px;
  position: relative;
  z-index: 2;
}
.moteur-recherche .wrapper:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.16);
}
.moteur-recherche .wrapper form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  width: calc(100% - 90px);
}
.moteur-recherche .wrapper form .form-group {
  position: relative;
  background: white;
  width: 28%;
  margin: 0;
}
.moteur-recherche .wrapper form .form-group:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 45px;
  width: 20px;
  height: 20px;
  background: no-repeat center/100% url(../images/moteur-recherche-loupe.svg);
}
.moteur-recherche .wrapper form .form-group div {
  padding: 0 45px;
  transition: background 0.3s ease;
}
.moteur-recherche .wrapper form .form-group div.inactive {
  background: #dbdbdb;
}
.moteur-recherche .wrapper form .form-group div.active {
  background: white;
}
.moteur-recherche .wrapper form .form-group .form-control {
  padding: 0 15px 0 30px;
  line-height: 90px;
  height: 90px;
  background: none;
  border: 0;
  width: 100%;
  font-size: 16px;
  color: #707070;
  position: relative;
}
.moteur-recherche .wrapper form .form-group .form-control::-moz-placeholder {
  color: #707070;
}
.moteur-recherche .wrapper form .form-group .form-control::placeholder {
  color: #707070;
}
.moteur-recherche .wrapper form .action {
  border: 0;
  flex: 1;
  width: 12%;
  font-size: 16px;
  color: #707070;
  background: none;
  line-height: 1.2;
  position: relative;
  border-left: solid 1px #d1d1d1;
  cursor: pointer;
}
.moteur-recherche .wrapper form .action:hover div {
  background: rgba(0, 0, 0, 0.05);
}
.moteur-recherche .wrapper form .action.date span:before {
  content: none;
}
.moteur-recherche .wrapper form .action div {
  background: white;
  padding: 0 15px 10px;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  transition: background 0.3s ease;
}
.moteur-recherche .wrapper form .action div.inactive {
  background: #dbdbdb;
}
.moteur-recherche .wrapper form .action div.active {
  background: white;
}
.moteur-recherche .wrapper form .action span {
  position: relative;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.moteur-recherche .wrapper form .action span:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: calc(50% - 3px);
  border: solid #EC6300;
  border-width: 0 3px 3px 0;
  padding: 3px;
  transform: rotate(45deg);
}
.moteur-recherche .wrapper form .action span small {
  color: #EC6300;
  margin: 5px 0;
}
.moteur-recherche .wrapper form .action ul {
  position: absolute;
  z-index: 2;
  width: 200px;
  background: white;
  top: 90px;
  left: 0;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.16);
  display: none;
}
.moteur-recherche .wrapper form .action ul.active {
  display: block;
}
.moteur-recherche .wrapper form .action ul li {
  list-style: none;
  padding: 10px 15px;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
.moteur-recherche .wrapper form .action ul li:hover {
  background: rgba(0, 0, 0, 0.05);
}
.moteur-recherche .wrapper .btn {
  width: 24%;
  height: 100%;
  border-radius: 0;
}
.moteur-recherche .wrapper .image {
  background: #EC6300;
  width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.moteur-recherche .wrapper .image span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  color: white;
  margin: 0 0 0 15px;
  text-transform: uppercase;
  display: none;
}
.moteur-recherche .dates {
  position: absolute;
  z-index: 1;
  top: 90px;
  left: 0;
  right: 0;
  padding: 0 60px;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.16);
  background: white;
  display: none;
}
.moteur-recherche .dates.active {
  display: block;
}
.moteur-recherche .dates .slick-prev, .moteur-recherche .dates .slick-next {
  position: absolute;
  top: calc(50% - 12px);
  background: none;
  border: 0;
  width: 40px;
  height: 24px;
  overflow: hidden;
  color: transparent;
  background: no-repeat center/100% url(../images/fleche-noir.svg);
  cursor: pointer;
  transition: background 0.3s ease;
}
.moteur-recherche .dates .slick-prev:hover, .moteur-recherche .dates .slick-next:hover {
  background: no-repeat center/100% url(../images/fleche-orange.svg);
}
.moteur-recherche .dates .slick-prev {
  left: -30px;
  transform: rotate(180deg);
}
.moteur-recherche .dates .slick-next {
  right: -30px;
}
.moteur-recherche .dates .legend {
  text-align: center;
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}
.moteur-recherche .dates .legend span {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 1px;
  background: #EC6300;
}
.moteur-recherche .dates .slider-dates {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.moteur-recherche .dates .slider-dates .mois {
  width: 50%;
  margin: 30px 45px;
}
.moteur-recherche .dates .slider-dates .mois p {
  color: #EC6300;
  font-size: 24px;
  margin: 0 0 5px;
}
.moteur-recherche .dates .slider-dates .mois ul {
  display: flex;
  flex-wrap: wrap;
}
.moteur-recherche .dates .slider-dates .mois ul li {
  width: 14.2857142857%;
  height: 38px;
  line-height: 38px;
  font-size: 22px;
  font-weight: 300;
  list-style: none;
  text-align: center;
  position: relative;
  transition: color 0.3s ease;
}
.moteur-recherche .dates .slider-dates .mois ul li.jour {
  color: rgba(0, 0, 0, 0.5);
}
.moteur-recherche .dates .slider-dates .mois ul li.hors {
  color: rgba(0, 0, 0, 0.3);
}
.moteur-recherche .dates .slider-dates .mois ul li.we {
  background: rgba(235, 235, 235, 0.5);
}
.moteur-recherche .dates .slider-dates .mois ul li.selectable {
  cursor: pointer;
}
.moteur-recherche .dates .slider-dates .mois ul li.selectable:hover {
  color: #EC6300;
}
.moteur-recherche .dates .slider-dates .mois ul li span {
  display: block;
}
.moteur-recherche .dates .slider-dates .mois ul li .nombre {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1;
  bottom: -2px;
  left: 0;
  right: 0;
}
.moteur-recherche .dates .slider-dates .mois ul li .nombre span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 1px;
  background: #EC6300;
}

@media (max-width: 1199px) {
  .moteur-recherche .wrapper {
    height: 80px;
  }
  .moteur-recherche .wrapper form .form-group {
    width: 31%;
  }
  .moteur-recherche .wrapper form .form-group .form-control {
    line-height: 80px;
    height: 80px;
  }
  .moteur-recherche .wrapper form .action {
    width: 15%;
  }
}
@media (max-width: 991px) {
  .moteur-recherche .wrapper {
    height: auto;
    border-radius: 6px;
  }
  .moteur-recherche .wrapper form {
    width: 100%;
  }
  .moteur-recherche .wrapper form .form-group {
    width: 100%;
  }
  .moteur-recherche .wrapper form .form-group:before {
    left: 30px;
  }
  .moteur-recherche .wrapper form .form-group div {
    padding: 0 30px;
  }
  .moteur-recherche .wrapper form .form-group .form-control {
    line-height: 46px;
    height: 46px;
  }
  .moteur-recherche .wrapper form .action {
    width: 100%;
    height: 46px;
    border: 0;
    border-top: solid 1px #d1d1d1;
  }
  .moteur-recherche .wrapper form .action div {
    justify-content: flex-start;
    text-align: left;
    padding: 0 30px;
  }
  .moteur-recherche .wrapper form .action span:before {
    left: calc(100% + 15px);
    bottom: calc(50% - 4px);
  }
  .moteur-recherche .wrapper form .action span small {
    margin: 0;
  }
  .moteur-recherche .wrapper form .action ul {
    position: relative;
    z-index: 4;
    width: 100%;
    top: 0;
    box-shadow: none;
  }
  .moteur-recherche .wrapper .btn {
    width: 100%;
    height: 46px;
    border-radius: 0 0 6px 6px;
  }
  .moteur-recherche .wrapper .image {
    width: 100%;
    padding: 10px 0;
    border-radius: 6px 6px 0 0;
  }
  .moteur-recherche .wrapper .image span {
    display: inline-block;
  }
  .moteur-recherche .dates {
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    background: white;
    padding: 80px 0 0;
  }
  .moteur-recherche .dates .slick-prev {
    top: 0;
    left: 15px;
    z-index: 2;
  }
  .moteur-recherche .dates .slick-next {
    top: 0;
    right: 15px;
    z-index: 2;
  }
  .moteur-recherche .dates .slider-dates .mois {
    margin: 30px 15px;
  }
}
.home .moteur-recherche {
  padding: 60px 0;
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.home .moteur-recherche:before {
  content: none;
}
.home .moteur-recherche .wrapper {
  box-shadow: none;
}
.home .moteur-recherche .wrapper:before {
  content: none;
}

/* RECAPTCHA */
.grecaptcha-badge {
  display: none;
}

/* SLIDER GENERIQUE */
.slider {
  position: relative;
}
.slider .slick-prev, .slider .slick-next {
  position: absolute;
  top: calc(50% - 24px);
  background: none;
  border: 0;
  width: 40px;
  height: 24px;
  overflow: hidden;
  color: transparent;
  background: no-repeat center/100% url(../images/fleche-noir.svg);
  cursor: pointer;
  transition: background 0.3s ease;
}
.slider .slick-prev:hover, .slider .slick-next:hover {
  background: no-repeat center/100% url(../images/fleche-orange.svg);
}
.slider .slick-prev {
  left: -60px;
  transform: rotate(180deg);
}
.slider .slick-next {
  right: -60px;
}
.slider .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  justify-content: center;
  display: none !important;
}
.slider .slick-dots li {
  list-style: none;
  margin: 0 5px;
}
.slider .slick-dots li.slick-active button {
  background: #EC6300;
}
.slider .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #f1f1f1;
  border: 0;
  overflow: hidden;
  color: transparent;
  padding: 0;
}

@media (max-width: 1199px) {
  .slider .slick-prev, .slider .slick-next {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .slider .slick-dots {
    display: flex !important;
  }
}
/* SLIDER TOP RIGHT : FLECHE EN HAUT A DROITE */
.slider-top-right {
  position: relative;
}
.slider-top-right .slick-prev, .slider-top-right .slick-next {
  position: absolute;
  top: -60px;
  background: none;
  border: 0;
  width: 40px;
  height: 24px;
  overflow: hidden;
  color: transparent;
  background: no-repeat center/100% url(../images/fleche-orange.svg);
  cursor: pointer;
  transition: background 0.3s ease;
}
.slider-top-right .slick-prev:hover, .slider-top-right .slick-next:hover {
  background: no-repeat center/100% url(../images/fleche-noir.svg);
}
.slider-top-right .slick-prev {
  right: 80px;
  transform: rotate(180deg);
}
.slider-top-right .slick-next {
  right: 15px;
}

/* SLIDER BLOG */
.wrapper-slider {
  padding: 0;
}
.wrapper-slider .slider-blog {
  margin: 0;
}
.wrapper-slider .slider-blog .featured {
  margin: 0;
}
.wrapper-slider p {
  margin: 0 0 45px;
}
.wrapper-slider p.small {
  margin: 30px 0;
}
.wrapper-slider .image {
  height: 100%;
  width: calc((100% - var(--size)) / 2 + var(--size) / 12 * 8);
}
.wrapper-slider .image:before {
  content: none;
}
.wrapper-slider .surtitre {
  color: black;
}
.wrapper-slider .container {
  position: relative;
  z-index: 1;
}
.wrapper-slider .slick-prev, .wrapper-slider .slick-next {
  background: #EC6300;
  width: 90px;
  height: 90px;
  overflow: hidden;
  color: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  bottom: 0;
  left: calc((100% - var(--size)) / 2 + var(--size) / 12 * 3 + 34px);
}
.wrapper-slider .slick-prev:before, .wrapper-slider .slick-next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 38px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 7px;
}
.wrapper-slider .slick-next:before {
  top: 32px;
  transform: rotate(45deg);
}
.wrapper-slider .slick-prev {
  left: calc((100% - var(--size)) / 2 + var(--size) / 12 * 3 - 57px);
}
.wrapper-slider .slick-prev:before {
  top: 42px;
  transform: rotate(-135deg);
}

.articles {
  margin: 0 0 60px;
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.articles .article {
  list-style-type: none;
  position: relative;
}
.articles .article button {
  padding: 30px 45px;
  border: 0;
  cursor: pointer;
}
.articles .article button span {
  display: inline-block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  transition: color 0.25s ease;
}
.articles .article button span.h3 {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 18px;
}
.articles .article:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 38px;
  background: #707070;
}
.articles .article.active button span {
  color: #EC6300;
}
.articles .article.active button span.h3 {
  color: #EC6300;
}
.articles .article:hover button span {
  color: #EC6300;
}
.articles .article:hover button span.h3 {
  color: #EC6300;
}

/* BLOG */
.header-blog {
  margin: 0 0 60px;
  height: 490px;
  display: flex;
  align-items: center;
  text-align: center;
  color: white;
  position: relative;
}
.header-blog:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.header-blog h1 {
  margin: 30px 0;
  font-size: 40px;
  text-transform: unset;
  color: white;
}
.header-blog .container {
  position: relative;
  z-index: 1;
}

.blog {
  color: #3A3939;
}
.blog .sidebar .card {
  height: auto;
}
.blog .card {
  border: solid 1px #707070;
  height: calc(100% - 30px);
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.4;
  min-height: 300px;
  position: relative;
  text-align: center;
}
.blog .card.orange, .blog .card.gradient, .blog .card.background {
  color: white;
  border: 0;
}
.blog .card.orange h2, .blog .card.orange .h2, .blog .card.gradient h2, .blog .card.gradient .h2, .blog .card.background h2, .blog .card.background .h2 {
  color: white;
  text-decoration: none;
}
.blog .card.orange .contenu, .blog .card.gradient .contenu, .blog .card.background .contenu {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.blog .card.orange .contenu h2, .blog .card.orange .contenu .h2, .blog .card.gradient .contenu h2, .blog .card.gradient .contenu .h2, .blog .card.background .contenu h2, .blog .card.background .contenu .h2 {
  margin: 15px 0;
  line-height: 1.3;
  text-decoration: none;
}
.blog .card.orange {
  background: #EC6300;
}
.blog .card.orange .contenu p, .blog .card.orange .contenu h2, .blog .card.orange .contenu .h2, .blog .card.orange .contenu .surtitre {
  color: white;
}
.blog .card.orange .contenu p {
  margin: 0;
}
.blog .card.orange .contenu .arrow {
  color: white;
  margin: 15px 0 0;
}
.blog .card.orange .contenu .arrow:before {
  background: no-repeat center left/40px auto url(../images/fleche-blanc.svg);
}
.blog .card.gradient {
  background: linear-gradient(to right, #2B0783, #DD2B45);
}
.blog .card.gradient .contenu h2 {
  color: white;
}
.blog .card.gradient .contenu a.arrow {
  color: white;
}
.blog .card.gradient .contenu a.arrow:before {
  background: no-repeat center left/40px auto url(../images/fleche-blanc.svg);
}
.blog .card.background {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 420px;
}
.blog .card.background .contenu {
  background: rgba(58, 57, 57, 0.7);
}
.blog .card.background .contenu h2 {
  color: white;
}
.blog .card.background .contenu a.arrow {
  color: white;
}
.blog .card.background .contenu a.arrow:before {
  background: no-repeat center left/40px auto url(../images/fleche-blanc.svg);
}
.blog .card.double {
  text-align: left;
}
.blog .card.double > .row {
  height: 100%;
}
.blog .card.double > .row [class*=col] {
  height: 100%;
}
.blog .card.double .contenu {
  padding: 30px 30px 30px 0;
}
.blog .card .image {
  width: 100%;
  height: 100%;
}
.blog .card .contenu {
  padding: 30px;
}
.blog .card .contenu h2, .blog .card .contenu .h2 {
  font-size: 22px;
  color: #58132A;
  font-weight: 900;
  margin: 15px 0;
  text-decoration: none;
}
.blog .card .contenu ul {
  text-align: left;
}
.blog .card .contenu ul li {
  list-style: none;
}
.blog .card .contenu ul li a {
  display: block;
  color: black;
  padding: 15px 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.25s ease;
}
.blog .card .contenu ul li a:hover {
  color: #EC6300;
}
.blog .card .contenu ul li:not(:last-child) {
  border-bottom: dashed 1px #707070;
}
.blog .card .contenu a.arrow {
  font-size: 18px;
}
.blog .card .contenu a.arrow:before {
  top: 1px;
}
.blog .card .contenu .surtitre {
  font-size: 12px;
  color: black;
}
.blog .card .contenu .title {
  font-size: 14px;
  text-transform: uppercase;
  color: #EC6300;
  font-weight: 900;
  margin: 0 0 0;
  padding: 0 0 15px;
  border-bottom: solid 1px #707070;
}
.blog .card .contenu .posts .post {
  display: flex;
  padding: 8px 0;
  margin: 0;
}
.blog .card .contenu .posts .post:not(:last-child) {
  border-bottom: dashed 1px #707070;
}
.blog .card .contenu .posts .post h2, .blog .card .contenu .posts .post .h2 {
  font-size: 14px;
  font-weight: 900;
  margin: 0;
  line-height: 1;
  color: #58132A;
  transition: color ease 0.25s;
  text-decoration: none;
}
.blog .card .contenu .posts .post h2:hover, .blog .card .contenu .posts .post .h2:hover {
  color: #EC6300;
}
.blog .card .contenu .posts .post .image {
  width: calc(50% - 15px);
  margin: 0 15px 0 0;
}
.blog .card .contenu .posts .post .image img {
  width: 100%;
  height: auto;
  display: block;
}
.blog .card .contenu .posts .post .detail {
  width: 50%;
  text-align: left;
}
.blog .card .over {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.blog .card .over.orange {
  background: #EC6300;
  color: white;
}
.blog .card .over.orange h2, .blog .card .over.orange .surtitre {
  color: white;
}
.blog .card .over.orange .h2 {
  margin: 15px 0;
  color: white;
  transition: color 0.25s ease;
}
.blog .card .over.orange .h2:hover {
  color: #58132A;
}
.blog .card .over.orange p {
  margin: 0;
}
.blog .articles-populaires {
  padding: 45px 0 0;
  border-top: 1px solid black;
}
.blog .articles-populaires h2 {
  margin: 0 0 30px;
  font-size: 40px;
  font-weight: 900;
  color: #58132A;
}
.blog .articles-populaires .card .over.orange .contenu .surtitre {
  color: white;
}
.blog .articles-populaires .card .over.orange .contenu .h2 {
  color: white;
  transition: color 0.25s ease;
}
.blog .articles-populaires .card .over.orange .contenu .h2:hover {
  color: #58132A;
}
.blog .post {
  margin: 0 0 60px;
  text-align: center;
}
.blog .post h2, .blog .post .h2 {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 900;
  color: #58132A;
  text-decoration: none;
}
.blog .post .h2 {
  color: #58132A;
  transition: color 0.25s ease;
}
.blog .post .h2:hover {
  color: #EC6300;
}
.blog .post.main {
  margin: 0 0 120px;
}
.blog .post.main h2 {
  font-size: 30px;
}
.blog .post.main .surtitre {
  margin: 30px 0 20px;
}
.blog .post.main .date {
  font-size: 14px;
  margin: 0 0 30px;
}
.blog .post.main .arrow {
  margin: 30px 0 0;
}
.blog .post .surtitre {
  font-size: 14px;
  color: black;
  margin: 20px 0 15px;
}
.blog .post .date {
  font-size: 14px;
  color: #EC6300;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 15px;
}
.blog .post .arrow {
  margin: 15px 0 0;
}
.blog .categories {
  margin: 0 0 30px;
}
.blog .categories ul {
  display: flex;
}
.blog .categories ul li {
  list-style: none;
  margin: 0 10px 0 0;
}
.blog .categories ul li a {
  background: #3A3939;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
  display: block;
  padding: 2px 5px;
  transition: background 0.25s ease;
}
.blog .categories ul li a:hover {
  background: #EC6300;
}
.blog .navigation {
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}
.blog .navigation a {
  width: calc(50% - 15px);
  text-decoration: none;
}
.blog .navigation a .prev, .blog .navigation a .next {
  background: #f1f1f1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 60px 15px 15px;
  transition: background 0.25s ease;
}
.blog .navigation a .prev span, .blog .navigation a .next span {
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.1;
}
.blog .navigation a .prev span:first-child, .blog .navigation a .next span:first-child {
  font-size: 14px;
  margin: 0 0 10px;
  color: black;
  transition: color 0.25s ease;
}
.blog .navigation a .prev span:last-child, .blog .navigation a .next span:last-child {
  font-size: 22px;
  color: #58132A;
  max-width: 50%;
  transition: color 0.25s ease;
}
.blog .navigation a .prev {
  align-items: flex-end;
  margin: 0 30px 0 0;
}
.blog .navigation a .prev span:last-child {
  text-align: right;
}
.blog .navigation a:hover .prev, .blog .navigation a:hover .next {
  background: #EC6300;
}
.blog .navigation a:hover .prev span:first-child, .blog .navigation a:hover .next span:first-child {
  color: #58132A;
}
.blog .navigation a:hover .prev span:last-child, .blog .navigation a:hover .next span:last-child {
  color: white;
}
.blog .autres h2 {
  color: #EC6300;
  font-weight: 300;
  font-size: 30px;
  margin: 0 0 30px;
  text-align: center;
}
.blog #gallery-1 {
  display: flex;
  justify-content: space-between;
}
.blog #gallery-1 .gallery-item {
  width: calc(50% - 15px);
}
.blog #gallery-1 .gallery-item img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
}
.blog .alignright {
  float: right;
}

/* POPIN */
.popin-back {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.popin-back.active {
  display: block;
}

.popin {
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 9;
  transform: translateX(-50%) translateY(-50%);
  background: white;
  border: solid 13px white;
  display: none;
}
.popin.active {
  display: block;
}
.popin.no-border {
  border: 0;
  background: none;
}
.popin img {
  max-width: calc(100vw - 52px);
  height: auto;
  max-height: calc(100vh - 52px);
  display: block;
}
.popin .close {
  color: white;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 12px;
  font-size: 48px;
  font-weight: 300;
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  transition: color 0.3s ease;
}
.popin .close:hover {
  color: #EC6300;
}
.popin .prev, .popin .next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 25px;
  overflow: hidden;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  display: none;
}
.popin .prev:before, .popin .next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 25px;
  background: no-repeat center left/40px auto url(../images/fleche-blanc.svg);
  transition: background 0.3s ease;
}
.popin .prev:hover:before, .popin .next:hover:before {
  background: no-repeat center left/40px auto url(../images/fleche-orange.svg);
}
.popin .prev.active, .popin .next.active {
  display: block;
}
.popin .prev {
  left: -65px;
}
.popin .prev:before {
  transform: rotate(180deg);
}
.popin .next {
  right: -65px;
}

@media (max-width: 767px) {
  .popin {
    left: 0;
    top: 0;
    transform: none;
  }
  .popin .prev {
    left: 30px;
  }
  .popin .next {
    right: 30px;
  }
}
/* AXEPTIO */
@media (max-width: 991px) {
  .axeptio_mount > div {
    bottom: 75px;
  }
}
/* TINYMCE */
.acf-editor-wrap iframe {
  max-height: 200px;
}

#tinymce {
  padding: 15px;
  font-size: 15px;
  color: black;
}
#tinymce p {
  margin: 0 0 30px;
}
#tinymce p:last-child {
  margin: 0;
}/*# sourceMappingURL=styles.css.map */