@keyframes glow {
  0% {
    scale: 1;
    background-color: rgba(229, 171, 73, 0.1254901961);
  }
  50% {
    scale: 1.2;
    background-color: rgba(229, 171, 73, 0.3137254902);
  }
  100% {
    scale: 1;
    background-color: rgba(229, 171, 73, 0.1254901961);
  }
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes glow-var {
  0% {
    scale: 1;
    background-color: var(--color1);
  }
  50% {
    scale: 1.2;
    background-color: var(--color2);
  }
  100% {
    scale: 1;
    background-color: var(--color1);
  }
}
div.random-backgrounds {
  height: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  div.random-backgrounds {
    height: 60vh;
  }
}
div.random-backgrounds:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, rgba(17, 26, 49, 0.5), rgb(17, 26, 49));
}
div.random-backgrounds:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(17, 26, 49, 0.5), rgb(17, 26, 49));
}
div.random-backgrounds div.img-sizer {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
div#feed-lorrup div.swiper {
  overflow: visible;
}
div#feed-lorrup div.swiper div.swiper-wrapper {
  overflow: visible;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide {
  transition: 0.3s ease-out;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item {
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s ease-out;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item:hover {
  transform: scale(0.95);
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.img-sizer {
  position: relative;
  padding-bottom: 100%;
  z-index: 1;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.img-sizer div.icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content {
  padding: 20px;
  background-color: white;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content p {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #707070;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content div.meta {
  display: flex;
  gap: 10px;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content div.meta div.icon svg {
  width: 36px;
  height: 36px;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content div.meta div.meta-content h4 {
  margin: 0;
  padding: 0;
  color: #111A31;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}
div#feed-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.feed-item div.content div.meta div.meta-content span {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #6E6E6E;
}

div.map-lorrup {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}
div.map-lorrup div.map-part {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
div.map-lorrup div.map-part picture {
  display: block;
  height: 100%;
}
div.map-lorrup div.map-part picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
}
div.map-lorrup > picture img {
  z-index: 1;
  opacity: 1;
  position: relative;
}
div.map-lorrup div.image_map {
  position: relative;
  height: 100%;
  width: 100%;
}
div.map-lorrup div.map-popup {
  position: absolute;
  z-index: 5;
  border-radius: 25px;
  padding: 15px;
  background-color: rgba(90, 99, 128, 0.8039215686);
  backdrop-filter: blur(5px);
  max-width: unset;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  width: 320px;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 1366px) {
  div.map-lorrup div.map-popup {
    width: 175px;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  div.map-lorrup div.map-popup {
    width: 175px;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
  }
}
div.map-lorrup div.map-popup.active {
  opacity: 1;
  visibility: visible;
}
div.map-lorrup div.map-popup div.content {
  width: 100%;
}
div.map-lorrup div.map-popup div.content > span {
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #ACB7D8;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 1366px) {
  div.map-lorrup div.map-popup div.content > span {
    font-size: 16px;
    line-height: 21px;
  }
}
div.map-lorrup div.map-popup div.content div.meta-box {
  display: flex;
  flex-flow: wrap row;
  gap: 10px;
  width: 100%;
}
div.map-lorrup div.map-popup div.content div.meta-box div.box {
  flex: 1;
  background-color: #ACB7D8;
  border-radius: 17px;
  padding: 10px;
}
@media screen and (max-width: 1366px) {
  div.map-lorrup div.map-popup div.content div.meta-box div.box {
    flex: 1 0 100%;
  }
}
div.map-lorrup div.map-popup div.content div.meta-box div.box span {
  color: white;
  font-size: 36px;
  line-height: 45px;
  font-weight: 600;
}
@media screen and (max-width: 1366px) {
  div.map-lorrup div.map-popup div.content div.meta-box div.box span {
    font-size: 21px;
    line-height: 27px;
  }
}
div.map-lorrup div.map-popup div.content div.meta-box div.box p {
  color: white;
  font-size: 15px;
  font-weight: 600;
  line-height: 27px;
  margin: 0;
}

div.random-mask {
  pointer-events: none;
}
div.random-mask div.img-sizer {
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
}
div.random-mask div.img-sizer img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

div.filter-equipe {
  display: flex;
  justify-content: center;
}
div.filter-equipe ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  div.filter-equipe ul {
    flex-wrap: wrap;
  }
}
div.filter-equipe ul li {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 10px 20px 8px;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 50px;
  font-size: 15px;
  line-height: 21px;
  color: var(--e-global-color-accent);
  cursor: pointer;
  transition: 0.3s ease-out;
  --color: #5A6380;
}
div.filter-equipe ul li:hover {
  transform: scale(0.95);
}
div.filter-equipe ul li.active {
  background-color: var(--e-global-color-accent);
  color: white;
}
div.filter-equipe ul li.active svg {
  --color: white ;
}

div.equipe-lorrup {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 100px;
}
@media screen and (max-width: 1140px) {
  div.equipe-lorrup {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  div.equipe-lorrup {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 50px;
  }
}
div.equipe-lorrup div.block {
  border-radius: 30px;
  border: 1px solid var(--e-global-color-accent);
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 50px 20px;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  div.equipe-lorrup div.block {
    padding: 30px 20px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  div.equipe-lorrup div.block div.left-portrait {
    flex: 1 0 100%;
  }
}
div.equipe-lorrup div.block div.left-portrait div.img-sizer {
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  div.equipe-lorrup div.block div.left-portrait div.img-sizer {
    margin: auto;
  }
}
div.equipe-lorrup div.block div.left-portrait div.img-sizer svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.75;
  mix-blend-mode: screen;
  width: 100%;
  height: 100%;
}
div.equipe-lorrup div.block div.left-portrait div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
div.equipe-lorrup div.block div.right-content {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  div.equipe-lorrup div.block div.right-content {
    flex: 1 0 100%;
  }
}
@media screen and (max-width: 767px) {
  div.equipe-lorrup div.block div.right-content {
    text-align: center;
  }
}
div.equipe-lorrup div.block div.right-content h4 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 500;
  color: white;
  margin: 0 0 10px;
}
div.equipe-lorrup div.block div.right-content p {
  color: var(--e-global-color-text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
}
div.equipe-lorrup div.block div.right-content div.meta {
  display: flex;
  margin-top: 30px;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  div.equipe-lorrup div.block div.right-content div.meta {
    justify-content: center;
  }
}
div.equipe-lorrup div.block div.right-content div.meta > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
div.equipe-lorrup div.block div.right-content div.meta > div span.icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  color: white;
}
div.equipe-lorrup div.block div.right-content div.meta > div span.icon:before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-7px);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s ease-out;
  transform-origin: top;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.equipe-lorrup div.block div.right-content div.meta > div a {
  width: 0%;
  transition: width 0.3s ease-out;
  font-size: 0;
}
div.equipe-lorrup div.block div.right-content div.meta > div:hover a {
  width: auto;
  color: white;
  font-size: 11px;
  font-weight: 600;
}
div.equipe-lorrup div.block div.right-content div.meta > div:hover span.icon:before {
  width: calc(100% + 30px);
  animation: none;
  background-color: rgba(255, 255, 255, 0.2);
}
div.equipe-lorrup div.block.visible {
  position: relative;
  transition: 0.3s ease-out;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

div.filter-implantations {
  display: flex;
  justify-content: center;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  div.filter-implantations {
    margin-top: 30px;
  }
}
div.filter-implantations form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
}
div.filter-implantations form input[type=number],
div.filter-implantations form input[type=search],
div.filter-implantations form select {
  flex: 1;
  appearance: none;
  padding: 15px 30px;
  border-radius: 50px;
  background-color: white;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-style: italic;
  color: var(--e-global-color-accent);
  border: 0;
}
div.filter-implantations form input[type=search] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.116' height='14.116' viewBox='0 0 14.116 14.116'%3E%3Cg id='Icon_feather-zoom-in' data-name='Icon feather-zoom-in' transform='translate(1 1)'%3E%3Cpath id='Path_86587' data-name='Path 86587' d='M14.414,9.457A4.957,4.957,0,1,1,9.457,4.5a4.957,4.957,0,0,1,4.957,4.957Z' transform='translate(-4.5 -4.5)' fill='none' stroke='%23acb7d8' stroke-width='2'/%3E%3Cpath id='Path_86588' data-name='Path 86588' d='M28.927,28.927l-3.952-3.952' transform='translate(-16.517 -16.517)' fill='none' stroke='%23acb7d8' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}
div.filter-implantations form input[type=number] {
  -moz-appearance: textfield;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19px' height='12px' viewBox='0 0 19 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-2' transform='translate(0.005000, 0.402500)' fill='%23ACB7D8' fill-rule='nonzero'%3E%3Cpath d='M12.57,11.5975 L11.01,11.5975 L11.01,6.9775 C11.01,5.3175 10.355,4.4875 9.045,4.4875 C8.295,4.4875 7.7775,4.705 7.4925,5.14 C7.2075,5.575 7.065,6.1825 7.065,6.9625 L7.065,11.5975 L5.505,11.5975 L5.505,6.9775 C5.505,6.2075 5.39,5.6375 5.16,5.2675 C4.82,4.7475 4.305,4.4875 3.615,4.4875 C2.245,4.4875 1.56,5.3125 1.56,6.9625 L1.56,11.5975 L0,11.5975 L0,3.2875 L1.44,3.2875 L1.44,4.1875 L1.47,4.1875 C1.82,3.7775 2.17,3.4875 2.52,3.3175 C2.87,3.1475 3.315,3.0625 3.855,3.0625 C4.385,3.0625 4.895,3.185 5.385,3.43 C5.875,3.675 6.225,4.0175 6.435,4.4575 C7.025,3.5275 7.94,3.0625 9.18,3.0625 C10.27,3.0625 11.1075,3.3775 11.6925,4.0075 C12.2775,4.6375 12.57,5.4975 12.57,6.5875 L12.57,11.5975 Z' id='Path'%3E%3C/path%3E%3Cpath d='M18.405,6.5975 L14.35375,6.5975 L14.35375,5.83625 L16.9,3.24625 C17.2908333,2.85541667 17.48625,2.46166667 17.48625,2.065 C17.48625,1.7325 17.3841667,1.44375 17.18,1.19875 C16.9758333,0.95375 16.7104167,0.83125 16.38375,0.83125 C16.0220833,0.83125 15.7391667,0.9625 15.535,1.225 C15.3308333,1.4875 15.22875,1.80541667 15.22875,2.17875 L15.22875,2.345 L14.31875,2.345 L14.31875,2.31 C14.3129167,1.80833333 14.4164583,1.36645833 14.629375,0.984375 C14.8422917,0.602291667 15.1675,0.32375 15.605,0.14875 C15.85,0.0495833333 16.0979167,0 16.34875,0 C16.9320833,0 17.4191667,0.202708333 17.81,0.608125 C18.2008333,1.01354167 18.39625,1.50791667 18.39625,2.09125 C18.39625,2.45875 18.321875,2.77666667 18.173125,3.045 C18.024375,3.31333333 17.7983333,3.605 17.495,3.92 L15.6925,5.76625 L18.405,5.76625 L18.405,6.5975 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}
div.filter-implantations form select {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='9px' viewBox='0 0 14 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(1.000000, 1.000000)' stroke='%23ACB7D8' stroke-width='2'%3E%3Cpolyline id='Path_88890' points='0 0 5.671 5.672 11.341 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

div.implantations-lorrup {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap row;
  margin-top: 100px;
}
div.implantations-lorrup div#map {
  flex: 0 0 60%;
  height: 900px;
  border-radius: 30px;
}
@media screen and (max-width: 1400px) {
  div.implantations-lorrup div#map {
    flex: 0 0 60%;
    height: 600px;
  }
}
@media screen and (max-width: 1024px) {
  div.implantations-lorrup div#map {
    flex: 1 0 100%;
    height: 700px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div#map {
    height: 400px;
  }
}
div.implantations-lorrup div#map .mapboxgl-popup-content {
  border-radius: 20px;
  border: 1px solid var(--e-global-color-accent);
  padding: 0;
  overflow: hidden;
}
div.implantations-lorrup div#map .mapboxgl-popup-content div.img-sizer {
  position: relative;
  padding-bottom: 52.65%;
}
div.implantations-lorrup div#map .mapboxgl-popup-content div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.implantations-lorrup div#map .mapboxgl-popup-content div.description {
  padding: 20px;
}
div.implantations-lorrup div#map .mapboxgl-popup-content div.description h3 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: var(--e-global-color-primary);
  margin: 0;
  margin-bottom: 15px;
}
div.implantations-lorrup div#map .mapboxgl-popup-content div.description span {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  color: var(--e-global-color-secondary);
}
div.implantations-lorrup div#map .mapboxgl-popup-content a {
  display: block;
  text-align: center;
  border-radius: 0px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  font-style: italic;
}
div.implantations-lorrup div#map .mapboxgl-popup-content .mapboxgl-popup-close-button {
  display: none;
}
div.implantations-lorrup div.implantations {
  flex: 0 0 39%;
}
@media screen and (max-width: 1024px) {
  div.implantations-lorrup div.implantations {
    flex: 1 0 100%;
  }
}
div.implantations-lorrup div.implantations div.implantation {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 30px;
  margin-bottom: 20px;
  transition: 0.3s ease-out;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation {
    flex-wrap: wrap;
    justify-content: center;
  }
}
div.implantations-lorrup div.implantations div.implantation:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 200%;
  background-image: radial-gradient(closest-side, #E5AB49, rgba(17, 26, 49, 0));
  opacity: 0.09;
  transform: translate(50%, -50%);
}
div.implantations-lorrup div.implantations div.implantation:hover {
  background-color: var(--e-global-color-primary);
  cursor: pointer;
}
div.implantations-lorrup div.implantations div.implantation:hover div.content > span {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
div.implantations-lorrup div.implantations div.implantation:hover div.content div.meta span {
  color: #FFFFFF;
  --color: #E5AB49;
  --background: #FFFFFF;
}
div.implantations-lorrup div.implantations div.implantation:hover span.icon {
  display: inline-flex;
}
div.implantations-lorrup div.implantations div.implantation:hover:after {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation div.visuel {
    width: 100%;
  }
}
div.implantations-lorrup div.implantations div.implantation div.visuel div.img-sizer {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 25px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation div.visuel div.img-sizer {
    width: 100%;
  }
}
div.implantations-lorrup div.implantations div.implantation div.visuel div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.implantations-lorrup div.implantations div.implantation div.content {
  padding: 10px;
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation div.content {
    text-align: center;
  }
}
div.implantations-lorrup div.implantations div.implantation div.content > span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 30px 10px;
  background-color: rgba(229, 171, 73, 0.2);
  color: var(--e-global-color-primary);
  border-radius: 50px;
}
div.implantations-lorrup div.implantations div.implantation div.content h2 {
  margin: 20px 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 29px;
  color: white;
}
@media screen and (max-width: 1366px) {
  div.implantations-lorrup div.implantations div.implantation div.content h2 {
    font-size: 18px;
    line-height: 29px;
  }
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation div.content h2 {
    text-align: center;
  }
}
div.implantations-lorrup div.implantations div.implantation div.content div.meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  div.implantations-lorrup div.implantations div.implantation div.content div.meta {
    justify-content: center;
  }
}
div.implantations-lorrup div.implantations div.implantation div.content div.meta span {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--e-global-color-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  --color: white;
  --background: #E5AB49;
}
div.implantations-lorrup div.implantations div.implantation div.content div.meta span svg {
  flex: 1 0 auto;
}
div.implantations-lorrup div.implantations div.implantation span.icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  color: white;
  display: none;
}
div.implantations-lorrup div.implantations div.implantation span.icon:before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.implantations-lorrup div.implantations div.pagination {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
div.implantations-lorrup div.implantations div.pagination span {
  border: 1px solid var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  border-radius: 13px;
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 1024px) {
  div.implantations-lorrup div.implantations div.pagination span {
    flex: 1;
  }
}
div.implantations-lorrup div.implantations div.pagination span:hover {
  transform: scale(0.95);
}
div.implantations-lorrup div.implantations div.pagination span.active {
  background-color: var(--e-global-color-primary);
  color: white;
}
div.implantations-lorrup div.implantations div.pagination span.hidden {
  opacity: 0.3;
  pointer-events: none;
}

div.galerie-implantation {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  div.galerie-implantation {
    flex-wrap: wrap;
  }
}
div.galerie-implantation div.main-image {
  flex: 0 0 calc(60% - 10px);
}
@media screen and (max-width: 767px) {
  div.galerie-implantation div.main-image {
    flex: 1 0 100%;
    height: 250px;
  }
}
div.galerie-implantation div.main-image div.img-sizer {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  padding-bottom: 78%;
}
div.galerie-implantation div.main-image div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.galerie-implantation div.nav-images {
  flex: 0 0 calc(40% - 10px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media screen and (max-width: 767px) {
  div.galerie-implantation div.nav-images {
    flex: 1 0 100%;
  }
}
div.galerie-implantation div.nav-images div.img-sizer {
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 90%;
  position: relative;
  transition: 0.3s ease-out;
}
div.galerie-implantation div.nav-images div.img-sizer.active {
  border: 4px solid var(--e-global-color-accent);
  transform: scale(0.95);
}
div.galerie-implantation div.nav-images div.img-sizer:hover {
  transform: scale(0.95);
}
div.galerie-implantation div.nav-images div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.faq-lorrup {
  display: flex;
  flex-flow: wrap row;
  gap: 20px;
  align-items: flex-start;
}
div.faq-lorrup div.left-accordeons, div.faq-lorrup div.right-accordeons {
  flex: 0 0 calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  div.faq-lorrup div.left-accordeons, div.faq-lorrup div.right-accordeons {
    flex: 1 0 100%;
  }
}
div.faq-lorrup div.left-accordeons div.accordeon, div.faq-lorrup div.right-accordeons div.accordeon {
  overflow: hidden;
  transition: 0.3s ease-out;
  padding: 0;
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  border-radius: 20px;
  margin-bottom: 20px;
}
div.faq-lorrup div.left-accordeons div.accordeon:last-child, div.faq-lorrup div.right-accordeons div.accordeon:last-child {
  margin-bottom: 0;
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion, div.faq-lorrup div.right-accordeons div.accordeon .accordion {
  position: relative;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 30px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s ease-out;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 20px;
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion span.title, div.faq-lorrup div.right-accordeons div.accordeon .accordion span.title {
  flex: 1;
  text-align: left;
  color: var(--e-global-color-text);
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
  padding: 15px 0;
  font-family: "ITC Avant Garde Gothic", Sans-serif !important;
}
@media screen and (max-width: 1024px) {
  div.faq-lorrup div.left-accordeons div.accordeon .accordion span.title, div.faq-lorrup div.right-accordeons div.accordeon .accordion span.title {
    white-space: break-spaces;
    font-size: 16px;
    padding-left: 0;
    text-align: left;
    line-height: 20px;
  }
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion span.icon, div.faq-lorrup div.right-accordeons div.accordeon .accordion span.icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-accent);
  border-radius: 50%;
  z-index: 1;
  position: relative;
  color: white;
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion.active span.icon, div.faq-lorrup div.right-accordeons div.accordeon .accordion.active span.icon {
  background-color: white;
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion.active span.icon svg g#Group, div.faq-lorrup div.right-accordeons div.accordeon .accordion.active span.icon svg g#Group {
  fill: var(--e-global-color-secondary);
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion.active span.icon svg rect:last-child, div.faq-lorrup div.right-accordeons div.accordeon .accordion.active span.icon svg rect:last-child {
  display: none;
}
div.faq-lorrup div.left-accordeons div.accordeon .accordion.active span.icon::before, div.faq-lorrup div.right-accordeons div.accordeon .accordion.active span.icon::before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
@media screen and (max-width: 767px) {
  div.faq-lorrup div.left-accordeons div.accordeon .accordion, div.faq-lorrup div.right-accordeons div.accordeon .accordion {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 20px;
  }
}
div.faq-lorrup div.left-accordeons div.accordeon .panel, div.faq-lorrup div.right-accordeons div.accordeon .panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 767px) {
  div.faq-lorrup div.left-accordeons div.accordeon .panel, div.faq-lorrup div.right-accordeons div.accordeon .panel {
    padding: 0px;
  }
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description {
  padding: 0 30px 20px;
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description p, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description p {
  color: #000C2D;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: var(--e-global-color-text);
  margin: 10px 0 30px;
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description p:last-child, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  div.faq-lorrup div.left-accordeons div.accordeon .panel div.description, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description {
    padding: 0 30px 10px;
  }
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description ul, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description ul {
  list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.53' height='11.056' viewBox='0 0 16.53 11.056'%3E%3Cpath id='Path_15467' data-name='Path 15467' d='M360.184,2.3s4.48-2.026,5.522.861c.97,2.69-3.712,3.778-3.712,3.778s1.363,2.5-1.995,3.745-4.583-.974-4.584-2.12c0,0-2.382,2.427-4.944.674s.961-4.028.961-4.028-3.216-1.029-1.732-3.457,4.95-1.509,5.9-.164A4.378,4.378,0,0,1,359.012.021c1.92.234,1.172,2.283,1.172,2.283' transform='translate(-349.308 0)' fill='%2357c843'/%3E%3C/svg%3E%0A");
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description ul li, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description ul li {
  margin: 10px 0;
  padding-left: 10px;
}
div.faq-lorrup div.left-accordeons div.accordeon .panel div.description ul li:last-child, div.faq-lorrup div.right-accordeons div.accordeon .panel div.description ul li:last-child {
  margin: 10px 0 0;
}
div.faq-lorrup div.left-accordeons div.accordeon .panel a.button, div.faq-lorrup div.right-accordeons div.accordeon .panel a.button {
  display: inline-block;
  background-color: var(--e-global-color-primary);
  margin: 0px;
  padding: 10px 25px;
  border-radius: 50px;
  color: var(--e-global-color-text);
  font-size: 14px;
  font-weight: 450;
  transition: 0.3s ease-out;
}
div.faq-lorrup div.left-accordeons div.accordeon .panel a.button:hover, div.faq-lorrup div.right-accordeons div.accordeon .panel a.button:hover {
  transform: scale(0.9);
  background-color: var(--e-global-color-accent);
}
div.faq-lorrup div.left-accordeons div.accordeon .panel a.button svg, div.faq-lorrup div.right-accordeons div.accordeon .panel a.button svg {
  margin-left: 10px;
}

div.blog-lorrup {
  display: flex;
  flex-flow: row wrap;
}
div.blog-lorrup div.star-article {
  flex: 1 0 100%;
  padding: 30px;
}
div.blog-lorrup div.star-article div.wrapper {
  width: 100%;
  padding: 20px;
  border-radius: 30px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
}
div.blog-lorrup div.star-article div.wrapper div.right-content {
  padding: 50px;
  background-color: var(--e-global-color-secondary);
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  div.blog-lorrup div.star-article div.wrapper div.right-content {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.star-article div.wrapper div.right-content {
    background-color: transparent;
    background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  }
}
div.blog-lorrup div.star-article div.wrapper div.right-content span {
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  color: var(--e-global-color-primary);
  text-transform: uppercase;
}
div.blog-lorrup div.star-article div.wrapper div.right-content h2 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 400;
  color: white;
  max-width: 400px;
}
@media screen and (max-width: 1024px) {
  div.blog-lorrup div.star-article div.wrapper div.right-content h2 {
    font-size: 25px;
    line-height: 35px;
    max-width: 300px;
  }
}
div.blog-lorrup div.star-article div.wrapper div.right-content div.link {
  margin-top: 100px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 30px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.star-article div.wrapper div.right-content div.link {
    margin-top: 50px;
  }
}
div.blog-lorrup div.star-article div.wrapper div.right-content div.link span.icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  color: var(--e-global-color-primary);
}
div.blog-lorrup div.star-article div.wrapper div.right-content div.link span.icon:before {
  --color1: rgba(229,171,73,0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 60px;
  width: 60px;
  transform: translateY(-50%) translateX(-7px);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: width 0.3s ease-out;
  transform-origin: top;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.blog-lorrup div.star-article div.wrapper div.right-content div.link a {
  color: var(--e-global-color-primary);
  font-size: 16px;
  font-weight: 600;
}
div.blog-lorrup div.star-article div.wrapper div.right-content div.link:hover span.icon:before {
  width: calc(100% + 40px);
  animation: none;
  background-color: rgba(229, 171, 73, 0.2);
}
div.blog-lorrup div.articles {
  display: flex;
  flex-flow: wrap row;
  justify-content: space-between;
}
div.blog-lorrup div.articles div.left-filters {
  flex: 0 0 20%;
  padding: 30px;
}
@media screen and (max-width: 1366px) {
  div.blog-lorrup div.articles div.left-filters {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.left-filters {
    flex: 1 0 100%;
  }
}
div.blog-lorrup div.articles div.left-filters > span {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  color: var(--e-global-color-accent);
}
div.blog-lorrup div.articles div.left-filters ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: wrap row;
  gap: 10px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--e-global-color-accent);
  margin-bottom: 0;
}
div.blog-lorrup div.articles div.left-filters ul li {
  flex: 1 0 100%;
}
div.blog-lorrup div.articles div.left-filters ul li span {
  display: inline-block;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 50px;
  padding: 10px 15px;
  color: var(--e-global-color-accent);
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s ease-out;
}
div.blog-lorrup div.articles div.left-filters ul li span:hover {
  transform: scale(0.95);
}
@media screen and (max-width: 1024px) {
  div.blog-lorrup div.articles div.left-filters ul li span {
    padding: 10px 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.left-filters ul li span {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.left-filters ul li {
    flex: 0 0 auto;
  }
}
div.blog-lorrup div.articles div.left-filters ul li.active span {
  color: white;
  background-color: var(--e-global-color-accent);
}
div.blog-lorrup div.articles div.left-filters p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: var(--e-global-color-accent);
  padding-top: 30px;
  margin-top: 0;
  margin-bottom: 30px;
}
div.blog-lorrup div.articles div.left-filters div.socials {
  display: flex;
  gap: 20px;
  padding: 0 0 30px;
  border-bottom: 1px solid var(--e-global-color-accent);
}
div.blog-lorrup div.articles div.left-filters div.socials span.icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  color: var(--e-global-color-primary);
}
div.blog-lorrup div.articles div.left-filters div.socials span.icon:before {
  --color1: rgba(34, 29, 20, 0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.blog-lorrup div.articles div.right-articles {
  flex: 0 0 80%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 30px;
  align-items: flex-start;
}
@media screen and (max-width: 1366px) {
  div.blog-lorrup div.articles div.right-articles {
    flex: 0 0 70%;
  }
}
@media screen and (max-width: 1024px) {
  div.blog-lorrup div.articles div.right-articles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.right-articles {
    flex: 1 0 100%;
    gap: 10px;
  }
}
div.blog-lorrup div.articles div.right-articles article {
  border-radius: 30px;
  padding: 10px;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity, visibility, transform 0.3s ease-out;
}
div.blog-lorrup div.articles div.right-articles article div.img-sizer {
  position: relative;
  padding-bottom: 78%;
  border-radius: 30px;
  overflow: hidden;
}
div.blog-lorrup div.articles div.right-articles article div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
div.blog-lorrup div.articles div.right-articles article div.content {
  padding: 30px 10px 0;
  position: relative;
}
div.blog-lorrup div.articles div.right-articles article div.content span.icon {
  position: absolute;
  top: 0;
  right: 30px;
  transform: translateY(-50%) scale(0);
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s ease-out;
  color: var(--e-global-color-primary);
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.right-articles article div.content span.icon {
    width: 24px;
    height: 24px;
  }
}
div.blog-lorrup div.articles div.right-articles article div.content span.icon:before {
  --color1: rgba(229,171,73,0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 68px;
  width: 68px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.right-articles article div.content span.icon:before {
    width: 42px;
    height: 42px;
  }
}
div.blog-lorrup div.articles div.right-articles article div.content span.date {
  font-size: 17px;
  line-height: 23px;
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.right-articles article div.content span.date {
    font-size: 11px;
    line-height: 18px;
  }
}
div.blog-lorrup div.articles div.right-articles article div.content h3 {
  font-size: 28px;
  line-height: 37px;
  color: white;
  font-weight: 400;
}
@media screen and (max-width: 1366px) {
  div.blog-lorrup div.articles div.right-articles article div.content h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  div.blog-lorrup div.articles div.right-articles article div.content h3 {
    font-size: 21px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  div.blog-lorrup div.articles div.right-articles article div.content h3 {
    font-size: 14px;
    line-height: 21px;
    margin-top: 0;
  }
}
div.blog-lorrup div.articles div.right-articles article:hover {
  background-color: rgba(45, 61, 103, 0.4);
}
div.blog-lorrup div.articles div.right-articles article:hover div.content span.icon {
  transform: translateY(-50%) scale(1);
}
div.blog-lorrup div.articles div.right-articles article:hover div.img-sizer img {
  transform: scale(1.1);
}
div.blog-lorrup div.articles div.right-articles article.visible {
  position: relative;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

div.agenda-lorrup div.filters-agenda {
  display: flex;
  justify-content: center;
  margin-bottom: 200px;
}
@media screen and (max-width: 767px) {
  div.agenda-lorrup div.filters-agenda {
    margin-bottom: 100px;
  }
}
div.agenda-lorrup div.filters-agenda ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: wrap row;
  gap: 10px;
  margin-bottom: 0;
}
div.agenda-lorrup div.filters-agenda ul li {
  display: inline-block;
  border: 1px solid var(--e-global-color-accent);
  border-radius: 50px;
  padding: 10px 15px;
  color: var(--e-global-color-accent);
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s ease-out;
}
div.agenda-lorrup div.filters-agenda ul li:hover {
  transform: scale(0.95);
}
div.agenda-lorrup div.filters-agenda ul li.active {
  color: white;
  background-color: var(--e-global-color-accent);
}
div.agenda-lorrup section {
  margin: 0 0 150px;
}
div.agenda-lorrup section > h2 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 150px;
  color: white;
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
}
div.agenda-lorrup section > h2:before {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: var(--e-global-color-primary);
}
@media screen and (max-width: 767px) {
  div.agenda-lorrup section > h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
div.agenda-lorrup section > h3 {
  font-size: 21px;
  line-height: 26px;
  color: white;
  text-align: center;
}
div.agenda-lorrup div.agenda {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 120px 20px;
}
@media screen and (max-width: 1024px) {
  div.agenda-lorrup div.agenda {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 80px 20px;
  }
}
@media screen and (max-width: 767px) {
  div.agenda-lorrup div.agenda {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 100px 20px;
  }
}
div.agenda-lorrup div.agenda article {
  border-radius: 35px;
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  border: 1px solid var(--e-global-color-accent);
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  padding: 0px 30px 80px;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity, visibility, translate, transform 0.3s ease-out;
}
div.agenda-lorrup div.agenda article.star div.date span.icon {
  background-color: var(--e-global-color-primary);
}
div.agenda-lorrup div.agenda article.star div.date span.icon:before {
  --color1: rgba(229, 171, 73, 0.4)
  --color2: rgba(229, 171, 73, 0.2) ;
}
div.agenda-lorrup div.agenda article.star span.cat {
  color: white;
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  font-weight: 700;
}
div.agenda-lorrup div.agenda article.star span.lieux {
  color: var(--e-global-color-primary);
  background-color: rgba(229, 171, 73, 0.2);
}
div.agenda-lorrup div.agenda article div.date {
  transform: translateY(-50%);
}
div.agenda-lorrup div.agenda article div.date span.icon {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-flex;
  flex-flow: wrap row;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: var(--e-global-color-accent);
  border-radius: 50%;
  z-index: 1;
  gap: 5px;
  color: var(--e-global-color-primary);
}
div.agenda-lorrup div.agenda article div.date span.icon:before {
  --color1: rgba(90, 99, 128, 0.4);
  --color2: rgba(90, 99, 128,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  width: 150px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background-color: rgba(90, 99, 128, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.agenda-lorrup div.agenda article div.date span.icon span {
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  flex: 1 0 100%;
  line-height: 20px;
  margin-left: -4px;
}
div.agenda-lorrup div.agenda article div.date span.icon span:first-child {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: -8px;
}
div.agenda-lorrup div.agenda article span.cat {
  font-size: 15px;
  font-weight: 500;
  color: var(--e-global-color-text);
  border: 1px solid var(--e-global-color-text);
  padding: 10px 25px;
  border-radius: 50px;
}
div.agenda-lorrup div.agenda article span.lieux {
  color: #9DABCF;
  padding: 10px 25px;
  border-radius: 50px;
  background-color: rgba(157, 171, 207, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
div.agenda-lorrup div.agenda article h2 {
  text-align: center;
  font-size: 25px;
  line-height: 34px;
  font-weight: 400;
  color: white;
}
div.agenda-lorrup div.agenda article > span.icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(50%) translateX(-50%) scale(0);
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s ease-out;
  color: var(--e-global-color-primary);
}
div.agenda-lorrup div.agenda article > span.icon:before {
  --color1: rgba(229,171,73,0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 68px;
  width: 68px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.agenda-lorrup div.agenda article.visible {
  position: relative;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
div.agenda-lorrup div.agenda article:hover {
  transform: scale(1) translateY(-15px);
  background-color: rgba(67, 86, 134, 0.5);
}
div.agenda-lorrup div.agenda article:hover > span.icon {
  transform: translateY(50%) translateX(-50%) scale(1);
}
div.agenda-lorrup > h3 {
  color: white;
  font-weight: 500;
  text-align: center;
}

div.meta-agencement article {
  border-radius: 35px;
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  transition: 0.3s ease-out;
  padding: 0px 30px 80px;
}
div.meta-agencement article.star div.date span.icon {
  background-color: var(--e-global-color-primary);
}
div.meta-agencement article.star div.date span.icon:before {
  --color1: rgba(229, 171, 73, 0.4)
  --color2: rgba(229, 171, 73, 0.2) ;
}
div.meta-agencement article div.date {
  transform: translateY(-50%);
}
div.meta-agencement article div.date span.icon {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-flex;
  flex-flow: wrap row;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: var(--e-global-color-accent);
  border-radius: 50%;
  z-index: 1;
  gap: 5px;
  color: var(--e-global-color-primary);
}
div.meta-agencement article div.date span.icon:before {
  --color1: rgba(90, 99, 128, 0.4);
  --color2: rgba(90, 99, 128,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  width: 150px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background-color: rgba(90, 99, 128, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.meta-agencement article div.date span.icon span {
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  flex: 1 0 100%;
  line-height: 20px;
  margin-left: -4px;
}
div.meta-agencement article div.date span.icon span:first-child {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: -8px;
}
div.meta-agencement article span.cat {
  font-size: 15px;
  font-weight: 500;
  color: var(--e-global-color-text);
  border: 1px solid var(--e-global-color-text);
  padding: 10px 25px;
  border-radius: 50px;
}
div.meta-agencement article span.lieux {
  color: #9DABCF;
  padding: 10px 25px;
  border-radius: 50px;
  background-color: rgba(157, 171, 207, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
div.meta-agencement article div.horaires {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--e-global-color-accent);
}
div.meta-agencement article div.horaires > span {
  display: block;
  color: var(--e-global-color-accent);
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
div.meta-agencement article div.horaires p {
  text-align: center;
  color: white;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
div.meta-agencement article div.horaires a {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--e-global-color-text);
  margin-top: 15px;
}
div.meta-agencement article div.address {
  padding-top: 30px;
}
div.meta-agencement article div.address > span {
  display: block;
  color: var(--e-global-color-accent);
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  margin-bottom: 20px;
}
div.meta-agencement article div.address address {
  text-align: center;
  color: white;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 20px;
}
div.meta-agencement article div.address a {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--e-global-color-text);
}
div.meta-agencement article div.link {
  margin-top: 50px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 30px;
  cursor: pointer;
}
div.meta-agencement article div.link span.icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  color: var(--e-global-color-primary);
}
div.meta-agencement article div.link span.icon:before {
  --color1: rgba(229,171,73,0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 60px;
  width: calc(100% + 30px);
  transform: translateY(-50%) translateX(-7px);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: width 0.3s ease-out;
  transform-origin: top;
  z-index: -1;
}
div.meta-agencement article div.link a {
  color: var(--e-global-color-primary);
  font-size: 16px;
  font-weight: 600;
  color: white;
}

div.accordeons-lorrup div.accordeons div.accordeon {
  overflow: hidden;
  transition: 0.3s ease-out;
  padding: 10px 0px 10px 20px;
  background-image: linear-gradient(to bottom, rgba(67, 86, 134, 0.26), rgba(23, 31, 52, 0.26));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  margin-bottom: 20px;
}
div.accordeons-lorrup div.accordeons div.accordeon:last-child {
  margin-bottom: 0;
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion {
  position: relative;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 30px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s ease-out;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 20px;
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion span.title {
  flex: 1;
  text-align: left;
  color: white;
  font-size: 18px;
  line-height: 29px;
  font-weight: 600;
  padding: 15px 0;
  font-family: "ITC Avant Garde Gothic", Sans-serif !important;
}
@media screen and (max-width: 767px) {
  div.accordeons-lorrup div.accordeons div.accordeon .accordion span.title {
    white-space: break-spaces;
    font-size: 16px;
    padding-left: 0;
    text-align: left;
    line-height: 20px;
  }
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion span.icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ACB7D8;
  border-radius: 50%;
  z-index: 1;
  position: relative;
  color: white;
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion.active span.icon {
  background-color: white;
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion.active span.icon svg g#Group {
  fill: var(--e-global-color-secondary);
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion.active span.icon svg rect:last-child {
  display: none;
}
div.accordeons-lorrup div.accordeons div.accordeon .accordion.active span.icon::before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
@media screen and (max-width: 767px) {
  div.accordeons-lorrup div.accordeons div.accordeon .accordion {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 20px;
  }
}
div.accordeons-lorrup div.accordeons div.accordeon .panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 767px) {
  div.accordeons-lorrup div.accordeons div.accordeon .panel {
    padding: 0px;
  }
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description {
  padding: 0 30px 20px;
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description p {
  color: #000C2D;
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
  color: #ACB7D8;
  margin: 10px 0 30px;
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  div.accordeons-lorrup div.accordeons div.accordeon .panel div.description {
    padding: 0 30px 10px;
  }
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description ul {
  list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.53' height='11.056' viewBox='0 0 16.53 11.056'%3E%3Cpath id='Path_15467' data-name='Path 15467' d='M360.184,2.3s4.48-2.026,5.522.861c.97,2.69-3.712,3.778-3.712,3.778s1.363,2.5-1.995,3.745-4.583-.974-4.584-2.12c0,0-2.382,2.427-4.944.674s.961-4.028.961-4.028-3.216-1.029-1.732-3.457,4.95-1.509,5.9-.164A4.378,4.378,0,0,1,359.012.021c1.92.234,1.172,2.283,1.172,2.283' transform='translate(-349.308 0)' fill='%2357c843'/%3E%3C/svg%3E%0A");
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description ul li {
  margin: 10px 0;
  padding-left: 10px;
}
div.accordeons-lorrup div.accordeons div.accordeon .panel div.description ul li:last-child {
  margin: 10px 0 0;
}
div.accordeons-lorrup div.accordeons div.accordeon .panel a.button {
  display: inline-block;
  background-color: var(--e-global-color-primary);
  margin: 0px;
  padding: 10px 25px;
  border-radius: 50px;
  color: var(--e-global-color-text);
  font-size: 14px;
  font-weight: 450;
  transition: 0.3s ease-out;
}
div.accordeons-lorrup div.accordeons div.accordeon .panel a.button:hover {
  transform: scale(0.9);
  background-color: var(--e-global-color-accent);
}
div.accordeons-lorrup div.accordeons div.accordeon .panel a.button svg {
  margin-left: 10px;
}

div.great-map-lorrup {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}
div.great-map-lorrup div.wrapper-map {
  width: 80%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  div.great-map-lorrup div.wrapper-map {
    width: 100%;
  }
}
div.great-map-lorrup div.wrapper-map div.map-part {
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 2;
}
div.great-map-lorrup div.wrapper-map div.map-part picture {
  display: block;
  height: 100%;
}
div.great-map-lorrup div.wrapper-map div.map-part picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  opacity: 0;
  z-index: 0;
}
div.great-map-lorrup div.wrapper-map > picture img {
  z-index: 1;
  opacity: 1;
  position: relative;
  width: 100%;
}
div.great-map-lorrup div.map-popup {
  position: absolute;
  z-index: 5;
  border-radius: 20px;
  padding: 50px;
  background-image: linear-gradient(-130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  border: 1px solid rgba(255, 255, 255, 0.16);
  width: 30vw;
  max-width: unset;
  opacity: 0;
  visibility: hidden;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 1024px) {
  div.great-map-lorrup div.map-popup {
    padding: 30px;
  }
}
div.great-map-lorrup div.map-popup.active {
  transition: opacity 0.3s ease-out;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  div.great-map-lorrup div.map-popup.active {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
  }
}
div.great-map-lorrup div.map-popup div.content {
  width: 100%;
}
div.great-map-lorrup div.map-popup div.content > span {
  font-size: 29px;
  font-weight: 600;
  line-height: 47px;
  color: var(--e-global-color-primary);
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  div.great-map-lorrup div.map-popup div.content > span {
    font-size: 21px;
    line-height: 30px;
  }
}
div.great-map-lorrup div.map-popup div.content div.meta-box {
  display: flex;
  flex-flow: wrap row;
  width: 100%;
}
div.great-map-lorrup div.map-popup div.content div.meta-box div.box {
  flex: 1 0 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
div.great-map-lorrup div.map-popup div.content div.meta-box div.box:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  div.great-map-lorrup div.map-popup div.content div.meta-box div.box {
    flex-wrap: wrap;
  }
}
div.great-map-lorrup div.map-popup div.content div.meta-box div.box span {
  color: white;
  font-size: 52px;
  line-height: 83px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  div.great-map-lorrup div.map-popup div.content div.meta-box div.box span {
    font-size: 30px;
    line-height: 35px;
  }
}
div.great-map-lorrup div.map-popup div.content div.meta-box div.box p {
  color: white;
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  margin: 0;
}

div.temoignages-lorrup div.swiper {
  overflow: visible;
}
div.temoignages-lorrup div.swiper div.swiper-wrapper {
  overflow: visible;
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide {
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-image: linear-gradient(to bottom, rgba(67, 86, 134, 0.26), rgba(23, 31, 52, 0.26));
  padding: 50px;
}
@media screen and (max-width: 767px) {
  div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide {
    padding: 30px;
  }
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation {
  margin-bottom: 30px;
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation span {
  color: var(--e-global-color-primary);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation span {
    font-size: 16px;
    line-height: 26px;
  }
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation p {
  color: white;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation p:first-child {
  margin-top: 0;
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citation p {
    font-size: 16px;
    line-height: 26px;
  }
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citateur span {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  color: var(--e-global-color-text);
}
div.temoignages-lorrup div.swiper div.swiper-wrapper div.swiper-slide div.citateur p {
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
  color: var(--e-global-color-text);
  margin: 0;
}

span#trigger-menu {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 85px;
  height: 85px;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 16;
}
span#trigger-menu:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 105px;
  width: 105px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  transition: 0.8s ease-in-out;
  transform-origin: top left;
  background-color: rgba(229, 171, 73, 0.3137254902);
  z-index: -1;
  animation: glow 2s ease-out infinite;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  span#trigger-menu:before {
    width: 74px;
    height: 74px;
  }
}
span#trigger-menu span.bar {
  flex: 1 0 100%;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
span#trigger-menu span.bar::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 2px;
  background-color: #111A31;
  margin-bottom: 4px;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  span#trigger-menu span.bar::before {
    width: 12px;
    margin-bottom: 2px;
  }
}
span#trigger-menu span.bar::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 2px;
  background-color: #111A31;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  span#trigger-menu span.bar::after {
    width: 12px;
  }
}
span#trigger-menu span.label {
  text-align: center;
  display: block;
  flex: 1 0 100%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #111A31;
}
@media screen and (max-width: 767px) {
  span#trigger-menu span.label {
    font-size: 11px;
  }
}
span#trigger-menu.active:before {
  width: 300vw;
  height: 300vw;
  animation: none;
}
span#trigger-menu.active span.bar:before {
  transform: translateY(6px) rotate(45deg);
  width: 16px;
}
@media screen and (max-width: 767px) {
  span#trigger-menu.active span.bar:before {
    transform: translateY(4px) rotate(45deg);
  }
}
span#trigger-menu.active span.bar:after {
  transform: rotate(-45deg);
  width: 16px;
}
span#trigger-menu.animated:before {
  background-color: rgba(229, 172, 73, 0);
}
@media screen and (max-width: 767px) {
  span#trigger-menu {
    width: 54px;
    height: 54px;
  }
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 15;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.1s ease-out;
}
.menu.visible {
  transition: 0.3s ease-out;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.menu__background {
  background-color: var(--e-global-color-secondary);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.menu__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.menu__wrapper div.content {
  height: 100%;
  max-width: 1640px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content {
    flex-wrap: wrap;
    overflow-y: auto;
    padding-top: 120px;
  }
}
.menu__wrapper div.content div.left-nav {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  flex: 1 0 65%;
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav {
    height: auto;
    flex: 1 0 100%;
    flex-flow: column wrap;
  }
}
.menu__wrapper div.content div.left-nav div.navs {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 30px;
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.left-nav div.navs {
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.navs {
    height: unset;
    flex-wrap: wrap;
  }
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child {
  flex: 0 0 65%;
  padding: 0;
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.navs ul:first-child {
    flex: 1 0 100%;
    margin-bottom: 30px;
  }
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li {
  font-size: 51px;
  line-height: 51px;
  margin: 50px 0;
  color: var(--e-global-color-text);
  font-weight: 600;
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li:first-child {
  margin-top: 0;
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a {
  display: flex;
  gap: 30px;
  transition: 0.3s ease-out;
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a span.icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s ease-out;
  transform: scale(0);
  color: var(--e-global-color-primary);
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a span.icon:before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a:hover {
  color: white;
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a:hover > span.icon {
  transform: scale(1);
}
.menu__wrapper div.content div.left-nav div.navs ul:first-child li a.active {
  color: var(--e-global-color-primary);
}
@media screen and (max-width: 1024px) {
  .menu__wrapper div.content div.left-nav div.navs ul:first-child li {
    font-size: 35px;
    line-height: 40px;
    margin: 30px 0;
  }
}
@media screen and (max-height: 940px) {
  .menu__wrapper div.content div.left-nav div.navs ul:first-child li {
    font-size: 42px;
    line-height: 42px;
    margin: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.navs ul:first-child li {
    font-size: 25px;
    line-height: 35px;
    margin: 15px 0;
  }
}
.menu__wrapper div.content div.left-nav div.navs ul:last-child {
  padding: 0;
  list-style: none;
  flex: 0 0 25%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.navs ul:last-child {
    flex: 1 0 100%;
  }
}
.menu__wrapper div.content div.left-nav div.navs ul:last-child li {
  font-size: 26px;
  line-height: 36px;
  margin: 40px 0;
  color: var(--e-global-color-text);
  font-weight: 600;
  transition: 0.3s ease-out;
}
.menu__wrapper div.content div.left-nav div.navs ul:last-child li:hover {
  color: white;
}
.menu__wrapper div.content div.left-nav div.navs ul:last-child li a.active {
  color: var(--e-global-color-primary);
}
.menu__wrapper div.content div.left-nav div.navs ul:last-child li:first-child {
  margin-top: 0;
}
@media screen and (max-height: 940px) {
  .menu__wrapper div.content div.left-nav div.navs ul:last-child li {
    font-size: 21px;
    line-height: 26px;
    margin: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .menu__wrapper div.content div.left-nav div.navs ul:last-child li {
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.navs ul:last-child li {
    font-size: 16px;
    line-height: 21px;
    margin: 10px 0;
  }
}
.menu__wrapper div.content div.left-nav div.footer {
  padding: 30px;
  padding-bottom: 50px;
}
@media screen and (max-height: 940px) {
  .menu__wrapper div.content div.left-nav div.footer {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.left-nav div.footer {
    display: none;
  }
}
.menu__wrapper div.content div.left-nav div.footer div.info1 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.menu__wrapper div.content div.left-nav div.footer div.info1 h4 {
  flex: 0 0 65%;
  color: var(--e-global-color-primary);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin: 0;
}
.menu__wrapper div.content div.left-nav div.footer div.info1 div.socials {
  flex: 0 0 25%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.menu__wrapper div.content div.left-nav div.footer div.info1 div.socials span {
  color: var(--e-global-color-text);
  font-size: 16px;
  line-height: 20px;
}
.menu__wrapper div.content div.left-nav div.footer div.info1 div.socials span.icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  color: var(--e-global-color-primary);
}
.menu__wrapper div.content div.left-nav div.footer div.info1 div.socials span.icon:before {
  --color1: rgba(34, 29, 20, 0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
.menu__wrapper div.content div.left-nav div.footer div.info2 {
  display: flex;
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.meta {
  flex: 0 0 65%;
  display: flex;
  gap: 50px;
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.meta address {
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.meta div.contact a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.meta div.contact a:hover {
  color: white;
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.legals {
  flex: 0 0 25%;
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.legals a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.left-nav div.footer div.info2 div.legals a:hover {
  color: white;
}
.menu__wrapper div.content div.right-info div.url_implantation {
  height: 45vh;
  position: relative;
  z-index: 1;
  padding: 80px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: flex-end;
}
@media screen and (max-width: 1140px) {
  .menu__wrapper div.content div.right-info div.url_implantation {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.right-info div.url_implantation {
    max-height: 100%;
    height: auto;
    overflow: hidden;
  }
}
.menu__wrapper div.content div.right-info div.url_implantation:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(-130deg, rgba(67, 86, 134, 0.9), rgba(23, 31, 52, 0.9));
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.menu__wrapper div.content div.right-info div.url_implantation > span {
  padding: 50px 30px 50px 100px;
  flex: 1 0 100%;
  font-size: 35px;
  line-height: 41px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  display: flex;
  transition: 0.3s ease-out;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .menu__wrapper div.content div.right-info div.url_implantation > span {
    padding: 30px 20px;
  }
}
.menu__wrapper div.content div.right-info div.url_implantation > span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: -1;
  transition: 0.3s ease-out;
  max-width: unset;
}
@media screen and (max-width: 1140px) {
  .menu__wrapper div.content div.right-info div.url_implantation > span {
    font-size: 25px;
    line-height: 31px;
  }
}
.menu__wrapper div.content div.right-info div.url_implantation > span span.icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  margin-left: 50px;
  color: white;
  position: relative;
}
.menu__wrapper div.content div.right-info div.url_implantation > span span.icon:before {
  content: "";
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
.menu__wrapper div.content div.right-info div.url_implantation > span:hover {
  color: var(--e-global-color-primary);
  justify-content: flex-start;
}
.menu__wrapper div.content div.right-info div.url_implantation > span:hover img {
  opacity: 0.25;
}
.menu__wrapper div.content div.right-info div.actus {
  height: 65vh;
  position: relative;
  padding: 100px 30px 50px 100px;
  z-index: 1;
}
@media screen and (max-width: 1140px) {
  .menu__wrapper div.content div.right-info div.actus {
    padding: 30px;
  }
}
.menu__wrapper div.content div.right-info div.actus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(-130deg, rgba(67, 86, 134, 0.9), rgba(23, 31, 52, 0.9));
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  padding: 0 0 50px;
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-actualite {
    padding: 0 0 20px;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite span {
  flex: 1 0 100%;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu {
  margin-top: 30px;
  display: flex;
  gap: 30px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu:hover {
  padding: 15px;
  background-color: #2D3D67;
  border-radius: 20px;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.left-image {
  width: 130px;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.left-image div.img-sizer {
  position: relative;
  padding-bottom: 77%;
  border-radius: 10px;
  overflow: hidden;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.left-image div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.right-content {
  flex: 1 0;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.right-content span {
  font-size: 14px;
  line-height: 23px;
  color: var(--e-global-color-primary);
  font-weight: 600;
}
.menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.right-content h3 {
  font-size: 20px;
  line-height: 28px;
  color: white;
  font-weight: 600;
  margin: 0;
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.right-content h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .menu__wrapper div.content div.right-info div.actus div.last-actualite div.actu div.right-content h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-event {
  padding: 50px 0 0;
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-event {
    padding: 20px 0 0;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-event > span {
  flex: 1 0 100%;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event div.date span.icon {
  position: relative;
  width: 90px;
  height: 90px;
  display: inline-flex;
  flex-flow: wrap row;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  gap: 5px;
  color: var(--e-global-color-primary);
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event div.date span.icon:before {
  content: "";
  --color1: rgba(229, 171, 73, 0.4);
  --color2: rgba(229, 171, 73, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  height: 115px;
  width: 115px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background-color: rgba(90, 99, 128, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event div.date span.icon span {
  text-align: center;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  flex: 1 0 100%;
  line-height: 15px;
  margin-left: -4px;
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event div.date span.icon span:first-child {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: -8px;
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: white;
  margin: 0;
  transition: 0.3s ease-out;
}
.menu__wrapper div.content div.right-info div.actus div.last-event div.event h3:hover {
  color: var(--e-global-color-primary);
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-event div.event h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .menu__wrapper div.content div.right-info div.actus div.last-event div.event h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter {
  padding: 50px 0 0;
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-newsletter {
    padding: 20px 0 0;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter > span {
  flex: 1 0 100%;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: var(--e-global-color-text);
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter {
  align-items: center;
  margin-top: 30px;
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: white;
  margin: 0;
  transition: 0.3s ease-out;
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter h3:hover {
  color: var(--e-global-color-primary);
}
@media screen and (max-height: 800px) {
  .menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.menu__wrapper div.content div.right-info div.actus div.last-newsletter div.newsletter span {
  color: var(--e-global-color-text);
}

div#boucleEvent.hidden {
  display: none;
}
@media screen and (max-width: 767px) {
  div#boucleEvent {
    margin-top: 50px;
  }
}
div#boucleEvent div.swiper {
  overflow: visible;
}
div#boucleEvent div.swiper div.swiper-wrapper {
  overflow: visible;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article {
  border-radius: 35px;
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  border: 1px solid var(--e-global-color-accent);
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  transition: 0.3s ease-out;
  padding: 0px 30px 80px;
  cursor: pointer;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article.star div.date span.icon {
  background-color: var(--e-global-color-primary);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article.star div.date span.icon:before {
  --color1: rgba(229, 171, 73, 0.4)
  --color2: rgba(229, 171, 73, 0.2) ;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article.star span.cat {
  color: white;
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  font-weight: 700;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article.star span.lieux {
  color: var(--e-global-color-primary);
  background-color: rgba(229, 171, 73, 0.2);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article div.date {
  transform: translateY(-50%);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article div.date span.icon {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-flex;
  flex-flow: wrap row;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: var(--e-global-color-accent);
  border-radius: 50%;
  z-index: 1;
  gap: 5px;
  color: var(--e-global-color-primary);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article div.date span.icon:before {
  --color1: rgba(90, 99, 128, 0.4);
  --color2: rgba(90, 99, 128,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  width: 150px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background-color: rgba(90, 99, 128, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article div.date span.icon span {
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  flex: 1 0 100%;
  line-height: 20px;
  margin-left: -4px;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article div.date span.icon span:first-child {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: -8px;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article span.cat {
  font-size: 15px;
  font-weight: 500;
  color: var(--e-global-color-text);
  border: 1px solid var(--e-global-color-text);
  padding: 10px 25px;
  border-radius: 50px;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article span.lieux {
  color: #9DABCF;
  padding: 10px 25px;
  border-radius: 50px;
  background-color: rgba(157, 171, 207, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article h2 {
  text-align: center;
  font-size: 25px;
  line-height: 34px;
  font-weight: 400;
  color: white;
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article:hover {
  translate: 0px -10%;
  background-color: rgba(67, 86, 134, 0.5);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article:hover > span.icon {
  transform: translateY(50%) translateX(-50%) scale(1);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article > span.icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(50%) translateX(-50%) scale(0);
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s ease-out;
  color: var(--e-global-color-primary);
}
div#boucleEvent div.swiper div.swiper-wrapper div.swiper-slide article > span.icon:before {
  --color1: rgba(229,171,73,0.4);
  --color2: rgba(229,171,73,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 68px;
  width: 68px;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.2);
  transition: 0.3s ease-out;
  transform-origin: top left;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}

div#boucleActu.hidden {
  display: none;
}
@media screen and (max-width: 767px) {
  div#boucleActu {
    margin-top: 50px;
  }
}
div#boucleActu div.swiper {
  overflow: visible;
}
div#boucleActu div.swiper div.swiper-wrapper {
  overflow: visible;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article {
  cursor: pointer;
  border-radius: 35px;
  transition: 0.3s ease-out;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article div.img-sizer {
  position: relative;
  padding-bottom: 62.5%;
  overflow: hidden;
  border-radius: 30px;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article div.date {
  margin-top: 20px;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article div.date span {
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article h2 {
  font-size: 28px;
  line-height: 37px;
  font-weight: 350;
  color: white;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article:hover {
  padding: 10px;
  background-color: #2D3D67;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article:hover img {
  transform: scale(1.1);
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article:hover h2 {
  font-weight: 600;
}
div#boucleActu div.swiper div.swiper-wrapper div.swiper-slide article:hover div.content {
  padding: 10px;
}

div.referent {
  border-radius: 30px;
  border: 1px solid var(--e-global-color-accent);
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 50px 30px;
}
@media screen and (max-width: 1024px) {
  div.referent {
    padding: 30px 20px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  div.referent div.left-portrait {
    flex: 1 0 100%;
  }
}
div.referent div.left-portrait div.img-sizer {
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  div.referent div.left-portrait div.img-sizer {
    margin: auto;
  }
}
div.referent div.left-portrait div.img-sizer svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.75;
  mix-blend-mode: screen;
  width: 100%;
  height: 100%;
}
div.referent div.left-portrait div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
div.referent div.right-content {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  div.referent div.right-content {
    flex: 1 0 100%;
  }
}
@media screen and (max-width: 767px) {
  div.referent div.right-content {
    text-align: center;
  }
}
div.referent div.right-content h4 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 500;
  color: white;
  margin: 0 0 10px;
}
div.referent div.right-content p {
  color: var(--e-global-color-text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
}
div.referent div.right-content div.meta {
  display: flex;
  margin-top: 30px;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  div.referent div.right-content div.meta {
    justify-content: center;
  }
}
div.referent div.right-content div.meta > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
div.referent div.right-content div.meta > div span.icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  color: white;
}
div.referent div.right-content div.meta > div span.icon:before {
  --color1: rgba(255,255,255,0.4);
  --color2: rgba(255,255,255,0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-7px);
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s ease-out;
  transform-origin: top;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
div.referent div.right-content div.meta > div a {
  width: 0%;
  transition: width 0.3s ease-out;
  font-size: 0;
}
div.referent div.right-content div.meta > div:hover a {
  width: auto;
  color: white;
  font-size: 13px;
  font-weight: 600;
}
div.referent div.right-content div.meta > div:hover span.icon:before {
  width: calc(100% + 40px);
  animation: none;
  background-color: rgba(255, 255, 255, 0.2);
}

body #planning .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin: 80px 0;
}
@media screen and (width <= 969px) {
  body #planning .container {
    flex-direction: column;
  }
}
body #planning .container .gauche {
  flex: 0 0 auto;
  width: 20em;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  padding-left: 20px;
}
body #planning .container .gauche .journee {
  margin-bottom: 50px;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
body #planning .container .gauche .journee:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 2px;
  transform: translateX(-50%) rotateZ(-45deg);
  transform-origin: center;
  width: 10px;
  height: 10px;
  border-radius: 25%;
  background: slategray;
  transition: all 0.5s ease;
}
body #planning .container .gauche .journee .nom {
  color: slategray;
  transition: all 0.5s ease;
  margin-bottom: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
body #planning .container .gauche .journee .date {
  font-size: 1.5em;
  transition: all 0.5s ease;
  font-weight: 600;
  color: var(--e-global-color-79c6b5c);
}
body #planning .container .gauche .journee.active .nom, body #planning .container .gauche .journee:hover .nom {
  color: #2563EB;
}
body #planning .container .gauche .journee.active .date, body #planning .container .gauche .journee:hover .date {
  transform: translateX(20px);
}
body #planning .container .gauche .journee.active:before, body #planning .container .gauche .journee:hover:before {
  background: var(--e-global-color-79c6b5c);
  width: 12px;
  height: 12px;
}
body #planning .container .droite {
  flex: 1;
}
body #planning .container .droite .block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  display: none;
}
@media screen and (width <= 1280px) {
  body #planning .container .droite .block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 768px) {
  body #planning .container .droite .block {
    grid-template-columns: repeat(1, 1fr);
  }
}
body #planning .container .droite .block .intervenant .image {
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
body #planning .container .droite .block .intervenant .image picture {
  width: 100%;
  height: 100%;
}
body #planning .container .droite .block .intervenant .image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body #planning .container .droite .block .intervenant .nom {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.1em;
  margin-bottom: 8px;
  color: var(--e-global-color-79c6b5c);
}
body #planning .container .droite .block .intervenant .fonction {
  color: var(--e-global-color-accent);
}
body #planning .container .droite .block .intervenant .bottom {
  padding: 20px;
}
body #planning .container .droite .block.visible {
  display: grid;
  animation: appearFromRight 1s ease-out backwards;
}

@keyframes appearFromRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
div.emplois-lorrup {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.emplois-lorrup div.filters-emploi {
  flex: 0 0 25%;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup div.filters-emploi {
    flex: 1 0 100%;
  }
}
div.emplois-lorrup div.filters-emploi div.accordeon {
  overflow: hidden;
  transition: 0.3s ease-out;
  margin-bottom: 30px;
}
div.emplois-lorrup div.filters-emploi div.accordeon:last-child {
  margin-bottom: 0;
}
div.emplois-lorrup div.filters-emploi div.accordeon .accordion {
  position: relative;
  font-weight: normal;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 50px;
  background-color: rgba(172, 183, 216, 0.2);
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  gap: 20px;
}
div.emplois-lorrup div.filters-emploi div.accordeon .accordion span.title {
  flex: 1;
  text-align: left;
  display: flex;
  align-items: center;
  color: white;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  font-style: italic;
  gap: 10px;
  font-family: "ITC Avant Garde Gothic", Sans-serif !important;
}
div.emplois-lorrup div.filters-emploi div.accordeon .accordion span.icon {
  z-index: 1;
  position: relative;
  color: white;
  line-height: 0;
}
div.emplois-lorrup div.filters-emploi div.accordeon .accordion span.icon svg {
  width: 10px;
  height: auto;
  transition: 0.3s ease-out;
  transform: rotate(-90deg);
}
div.emplois-lorrup div.filters-emploi div.accordeon .accordion.active span.icon svg {
  transform: rotate(0deg);
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 767px) {
  div.emplois-lorrup div.filters-emploi div.accordeon .panel {
    padding: 0px;
  }
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul {
  padding: 10px 15px;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--e-global-color-accent);
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  transition: 0.3s ease-out;
  cursor: pointer;
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul li span {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #657090;
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul li span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.5px;
  height: 7.5px;
  border-radius: 50%;
  background-color: #657090;
  opacity: 0;
  transition: 0.3s ease-out;
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul li:hover {
  color: white;
}
div.emplois-lorrup div.filters-emploi div.accordeon .panel ul li.active span:before {
  opacity: 1;
}
div.emplois-lorrup section.liste-emplois {
  flex: 0 0 70%;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois {
    flex: 1 0 100%;
    margin-top: 50px;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article {
  margin-bottom: 30px;
  border-radius: 35px;
  background-image: linear-gradient(130deg, rgba(67, 86, 134, 0.4), rgba(23, 31, 52, 0.4));
  border: 1px solid var(--e-global-color-accent);
  display: flex;
  flex-flow: column wrap;
  padding: 30px 50px;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity, visibility, translate, transform 0.3s ease-out;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article {
    padding: 15px;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune:hover {
  transform: scale(1) translateY(-15px);
  background-image: linear-gradient(130deg, rgba(229, 171, 73, 0.4), rgba(23, 31, 52, 0.4));
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune:hover > span.icon {
  transform: translateY(50%) translateX(-50%) scale(1);
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune div.tax span {
  color: #E5AB49;
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune div.tax span svg circle {
  fill: #E5AB49;
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune div.meta div.recruteur h4 {
  color: #E5AB49;
}
div.emplois-lorrup section.liste-emplois div.emploi article.jaune div.meta div.recruteur div.icon {
  border: 2px solid #E5AB49;
}
div.emplois-lorrup section.liste-emplois div.emploi article h2 {
  max-width: 50%;
  font-size: 27px;
  line-height: 35px;
  font-weight: 600;
  margin: 10px 0;
  color: white;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article h2 {
    max-width: 100%;
    font-size: 21px;
    line-height: 26px;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article > p {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  color: #657090;
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article div.meta {
    flex-wrap: wrap;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur {
    flex: 1 0 100%;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur h4 {
  font-size: 20px;
  line-height: 25px;
  color: #9DABCF;
  font-weight: 600;
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur div.icon {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #9DABCF;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur div.icon {
    flex: 0 0 45px;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.recruteur div.icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.tax {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.tax {
    flex: 1 0 100%;
    margin: 25px 0;
  }
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.tax span {
  color: #9DABCF;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}
div.emplois-lorrup section.liste-emplois div.emploi article div.meta div.tax span svg {
  width: 35px;
  height: 35px;
}
div.emplois-lorrup section.liste-emplois div.emploi article.visible {
  position: relative;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
div.emplois-lorrup section.liste-emplois div.emploi article:hover {
  transform: scale(1) translateY(-15px);
  background-color: rgba(67, 86, 134, 0.2);
}
div.emplois-lorrup section.liste-emplois div.emploi article:hover > span.icon {
  transform: translateY(50%) translateX(-50%) scale(1);
}
div.emplois-lorrup > h3 {
  color: white;
  font-weight: 500;
  text-align: center;
}
div.emplois-lorrup .no-result {
  display: none;
  color: white;
  font-weight: 500;
  text-align: center;
}
div.emplois-lorrup .no-result.visible {
  display: block;
}

div.meta-emploi div.icon div.img-sizer {
  position: relative;
  border-radius: 16px;
  width: 96px;
  height: 96px;
  overflow: hidden;
}
div.meta-emploi div.icon div.img-sizer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.meta-emploi h4 {
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  color: #0F1223;
  margin: 25px 0 15px;
}
div.meta-emploi > p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #5A6380;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(90, 99, 128, 0.4705882353);
}
div.meta-emploi > span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #5A6380;
  font-weight: 500;
}

.lor-star-document {
  background-image: linear-gradient(135deg, rgba(67, 86, 134, 0.2392156863) 0%, rgba(23, 31, 52, 0.2117647059) 60%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  color: white;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.lor-star-document .mockup {
  width: 50%;
}
@media (max-width: 768px) {
  .lor-star-document .mockup {
    width: 100%;
  }
}
.lor-star-document .mockup img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 491px;
  transform: translateX(-100px) translateY(-20px);
}
@media (max-width: 768px) {
  .lor-star-document .mockup img {
    min-height: 240px;
    transform: translateX(-30px) translateY(-20px);
  }
}
.lor-star-document .right {
  padding: 50px;
  width: 40%;
}
@media (max-width: 768px) {
  .lor-star-document .right {
    width: 100%;
    padding: 0 50px 50px;
  }
}
@media (max-width: 425px) {
  .lor-star-document .right {
    width: 100%;
    padding: 0 30px 30px;
  }
}
.lor-star-document h2 {
  font-size: 35px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .lor-star-document h2 {
    font-size: 25px;
  }
}
.lor-star-document .tags {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.lor-star-document .tags li {
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  background: rgba(229, 171, 73, 0.2);
  border-radius: 60px;
  padding: 8px 16px 4px;
}
.lor-star-document time {
  font-size: 18px;
  color: var(--e-global-color-primary);
  font-weight: 600;
}
.lor-star-document .buttons {
  margin-top: 40px;
  display: flex;
  gap: 45px;
  flex-wrap: wrap;
}
.lor-star-document .buttons a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 600;
}
.lor-star-document .buttons a .label {
  position: relative;
  z-index: 1;
}
.lor-star-document .buttons a span.icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-primary);
  border-radius: 50%;
  z-index: 1;
  margin-bottom: 0;
  color: white;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.lor-star-document .buttons a span.icon:before {
  --color1: rgba(229, 171, 73, 0.4);
  --color2: rgba(229, 171, 73, 0.2);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 48px;
  width: 48px;
  transform: translateY(-50%) translateX(-7px);
  border-radius: 50px;
  background-color: rgba(229, 171, 73, 0.4);
  transition: 0.3s ease-out;
  transform-origin: top;
  z-index: -1;
  animation: glow-var 2s ease-out infinite;
}
.lor-star-document .buttons a:hover span.icon:before {
  width: calc(100% + 30px);
  animation: none;
}

.lor-documents {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 80px;
  grid-row-gap: 65px;
  margin-top: 80px;
  color: white;
}
@media (max-width: 1165px) {
  .lor-documents {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .lor-documents {
    grid-template-columns: 1fr;
  }
}
.lor-documents .document {
  background-image: linear-gradient(135deg, rgba(67, 86, 134, 0.2392156863) 0%, rgba(23, 31, 52, 0.2117647059) 60%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  text-align: center;
}
.lor-documents .tags {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
}
.lor-documents .tags li {
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  background: rgba(229, 171, 73, 0.2);
  border-radius: 60px;
  padding: 8px 16px 4px;
}
.lor-documents .fb3d-thumbnail-lightbox-mode {
  width: 75%;
  margin: auto;
  display: block;
  transform: translateY(-25px);
}
.lor-documents .book-thumbnail {
  box-shadow: none !important;
}
.lor-documents .book-thumbnail img {
  height: 300px;
}
.lor-documents h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 20px;
}
.lor-documents .subtitle {
  font-size: 16px;
  color: var(--e-global-color-primary);
  font-weight: 500;
  margin: 10px 20px 0;
}
.lor-documents .buttons {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  margin-top: 25px;
}
.lor-documents .buttons a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  background: transparent;
  color: white !important;
  border-radius: 0;
  height: 60px;
  transition: 0.3s ease;
}
.lor-documents .buttons a:first-child {
  border-radius: 0 0 0 30px;
}
.lor-documents .buttons a:last-child {
  border-radius: 0 0 30px 0;
}
.lor-documents .buttons a svg {
  margin-right: 10px;
}
.lor-documents .buttons a:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.lor-documents .buttons a:hover {
  background: rgba(255, 255, 255, 0.05);
  color: white !important;
}

.fb3d-modal iframe {
  background: #202020;
}

html,
* {
  box-sizing: border-box;
  outline: none;
  text-decoration: none;
  color: inherit;
}

body {
  font-family: "ITC Avant Garde Gothic", Sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a:hover {
  color: inherit;
}
body.page-id-37 header #logo a.elementor-icon, body.page-id-35 header #logo a.elementor-icon {
  position: relative;
}
body.page-id-37 header #logo a.elementor-icon:before, body.page-id-35 header #logo a.elementor-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 841px;
  height: 468px;
  transform: translate(-50%, -50%);
  background: transparent radial-gradient(closest-side at 50% 50%, #111A31 0%, rgba(17, 26, 49, 0.631372549) 73%, rgba(17, 26, 49, 0) 100%) 0% 0% no-repeat padding-box;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  body.page-id-37 header #logo a.elementor-icon:before, body.page-id-35 header #logo a.elementor-icon:before {
    width: 200%;
    height: 250px;
  }
}
@media screen and (max-width: 767px) {
  body.page-id-37 header #logo a.elementor-icon:before, body.page-id-35 header #logo a.elementor-icon:before {
    width: 200%;
    height: 150px;
  }
}

html.noscroll {
  overflow-y: hidden;
}
html.noscroll body {
  overflow-y: hidden;
}

html, body, main {
  overflow-x: hidden;
}

.apostrophe-lorrup {
  position: relative;
}
.apostrophe-lorrup:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -25px;
  width: 12px;
  height: 6px;
  background-color: var(--e-global-color-primary);
}
.apostrophe-lorrup:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  width: 6px;
  height: 12px;
  background-color: var(--e-global-color-primary);
  transform: translateY(-100%);
}

.apostrophe-lorrup-2 {
  position: relative;
}
.apostrophe-lorrup-2:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -25px;
  width: 12px;
  height: 6px;
  background-color: #5C7EBF;
}
.apostrophe-lorrup-2:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  width: 6px;
  height: 12px;
  background-color: #5C7EBF;
  transform: translateY(-100%);
}

.apostrophe-lorrup-3 {
  position: relative;
}
.apostrophe-lorrup-3:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -25px;
  width: 12px;
  height: 6px;
  background-color: #B6CE3E;
}
.apostrophe-lorrup-3:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  width: 6px;
  height: 12px;
  background-color: #B6CE3E;
  transform: translateY(-100%);
}

.apostrophe-lorrup-4 {
  position: relative;
}
.apostrophe-lorrup-4:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -25px;
  width: 12px;
  height: 6px;
  background-color: #F7B18D;
}
.apostrophe-lorrup-4:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  width: 6px;
  height: 12px;
  background-color: #F7B18D;
  transform: translateY(-100%);
}

div.letters-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  perspective-origin: 50% 50%;
}
div.letters-container div.block {
  position: fixed;
  pointer-events: none;
  bottom: -100vh;
}
div.letters-container div.block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2px);
  z-index: 1;
}
div.letters-container div.block:nth-child(1) {
  left: 5%;
  animation: raise1 27s linear infinite;
  animation-delay: -1s;
  transform: scale(-0.3) rotate(358deg);
}
@keyframes raise1 {
  to {
    bottom: 225vh;
    transform: scale(-0.5) rotate(600deg);
  }
}
div.letters-container div.block:nth-child(2) {
  left: 15%;
  animation: raise2 20s linear infinite;
  animation-delay: -4s;
  transform: scale(0.5) rotate(117deg);
}
@keyframes raise2 {
  to {
    bottom: 225vh;
    transform: scale(0.75) rotate(300deg);
  }
}
div.letters-container div.block:nth-child(3) {
  left: 33%;
  animation: raise3 22s linear infinite;
  animation-delay: 0s;
  transform: scale(0.3) rotate(250deg);
}
@keyframes raise3 {
  to {
    bottom: 225vh;
    transform: scale(0.5) rotate(343deg);
  }
}
div.letters-container div.block:nth-child(4) {
  left: 70%;
  animation: raise4 25s linear infinite;
  animation-delay: -1s;
  transform: scale(0.6) rotate(338deg);
}
@keyframes raise4 {
  to {
    bottom: 225vh;
    transform: scale(0.8) rotate(600deg);
  }
}
div.letters-container div.block:nth-child(5) {
  left: 5%;
  animation: raise1 27s linear infinite;
  animation-delay: 7s;
  transform: scale(-0.3) rotate(358deg);
}
@keyframes raise1 {
  to {
    bottom: 225vh;
    transform: scale(-0.5) rotate(600deg);
  }
}
div.letters-container div.block:nth-child(6) {
  left: 15%;
  animation: raise2 20s linear infinite;
  animation-delay: 4s;
  transform: scale(0.5) rotate(117deg);
}
@keyframes raise2 {
  to {
    bottom: 225vh;
    transform: scale(0.7) rotate(300deg);
  }
}
div.letters-container div.block:nth-child(7) {
  left: 33%;
  animation: raise3 22s linear infinite;
  animation-delay: 8s;
  transform: scale(0.3) rotate(250deg);
}
@keyframes raise3 {
  to {
    bottom: 225vh;
    transform: scale(0.5) rotate(343deg);
  }
}
div.letters-container div.block:nth-child(8) {
  left: 70%;
  animation: raise4 25s linear infinite;
  animation-delay: 7s;
  transform: scale(0.6) rotate(338deg);
}
@keyframes raise4 {
  to {
    bottom: 225vh;
    transform: scale(0.8) rotate(600deg);
  }
}

.elementor-editor-active div.letters-container {
  display: none;
}
.elementor-editor-active div.letters-container div.block > * {
  animation: none;
}

/*# sourceMappingURL=lezardscreation-style.css.map */