@charset "UTF-8";
/* Base */
/* Font */
@font-face {
  font-family: "Druk Wide Web Bold Regular";
  src: url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.eot");
  src: url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.woff") format("woff"), url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/29800a9e7d146302b8ed9ad2f848db63.svg#Druk Wide Web Bold Regular") format("svg");
}
:root {
  --primary-font-family: "Times New Roman", Times, serif;
  --secondary-font-family: "Inter", sans-serif;
  --tertiary-font-family: "Druk Wide Web Bold Regular", sans-serif;
  --primary-color: #f27022;
  --secondary-color: #223A3E;
  --tertiary-color: #ffffff;
  --background-color: #010503;
  --text-color: rgba(255, 255, 255, 0.55);
}

/* Global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

/* Typo */
h1 {
  font-family: var(--tertiary-font-family);
  font-size: 13vmin;
  color: #ffffff;
  letter-spacing: -0.2vmin;
  text-transform: uppercase;
}

h2 {
  font-family: var(--tertiary-font-family);
  font-size: 11vmin;
  color: #ffffff;
  letter-spacing: -0.2vmin;
  text-transform: uppercase;
  text-align: left;
}

/* Footer */
footer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4vmin;
  padding: 0 10%;
  z-index: 1;
  background: radial-gradient(circle at 20% 45%, rgba(139, 69, 19, 0.8) 0%, rgba(80, 40, 10, 0.45) 50%, transparent 80%), radial-gradient(circle at 65% 50%, rgba(160, 82, 45, 0.7) 0%, rgba(90, 45, 15, 0.35) 55%, transparent 85%), #0f0805;
}

/* Footer icons */
.sub-info {
  position: fixed;
  bottom: 4vmin;
  left: 10%;
  right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4vmin;
  z-index: 10;
}

.col {
  display: flex;
  gap: 3vmin;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.col a {
  font-size: 2.5vmin;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
  cursor: pointer;
}

.col a:hover {
  color: #fff;
}

.icons {
  display: flex;
  gap: 2vmin;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.icons ul {
  list-style: none;
  display: flex;
  gap: 1.5vmin;
  align-items: center;
  margin: 0;
  padding: 0;
}

.icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.2s ease;
  text-decoration: none;
}

.icons a:hover {
  color: #fff;
}

.icons svg {
  fill: currentColor;
}

/* Logo */
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vmin;
  margin: 4vmin auto;
  flex-wrap: wrap;
  width: 100%;
}

.logo-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17vmin;
  height: 17vmin;
}

.logo-item a {
  width: 100%;
  height: 100%;
}

.logo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.6;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.logo-img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Page2 */
/* Texte Page2 */
.text-container-gauche {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.txt-footer {
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.txt-footer p {
  font-size: 3.5vmin;
}

.text-container-gauche p {
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.1vmin;
  text-align: justify;
  width: 100%;
}

.text-container-gauche h3 {
  font-family: var(--tertiary-font-family);
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  overflow-wrap: break-word;
  hyphens: manual;
}

.text-container-gauche h3.staircase {
  -moz-text-align-last: right;
       text-align-last: right;
}

.text-container-gauche h4 {
  font-family: var(--tertiary-font-family);
  font-size: 4vmin;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
}

.text-container-centre p {
  color: rgba(255, 255, 255, 0.55);
  font-size: 3.4vmin;
  margin: 0;
  letter-spacing: 0.1vmin;
  line-height: 3.6vmin;
}

/* Fin Texte Page2*/
.section-content {
  font-size: 3.5vmin;
}

/*Fin Page2 */
/* Keyframes */
@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
@keyframes alternerCouleur {
  0%, 100% {
    color: #ffffff;
  }
  50% {
    color: #223A3E;
  }
}
@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Navbar Base */
header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
}

header .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background-color: #010503;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.4s;
  z-index: 99;
}

/* Menu Hamburger */
header .menu-icon {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin: 3vmin;
  width: 4vmin;
  height: 3vmin;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 101;
}

header .menu-icon .navicon {
  background-color: #fff;
  display: block;
  height: 0.2vmin;
  width: 100%;
  position: absolute;
  top: 50%;
  transition: background 0.2s ease-out;
}

header .menu-icon .navicon::before,
header .menu-icon .navicon::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}

header .menu-icon .navicon::before {
  top: 1.2vmin;
}

header .menu-icon .navicon::after {
  top: -1.2vmin;
}

header .menu-btn:checked ~ .menu {
  opacity: 1;
  visibility: visible;
}

header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

header .menu-btn:checked ~ .menu-icon .navicon::before {
  top: 0;
  transform: rotate(-45deg);
}

header .menu-btn:checked ~ .menu-icon .navicon::after {
  top: 0;
  transform: rotate(45deg);
}

header .menu-btn {
  display: none;
}

/* Menu Texte*/
header .menu li {
  width: 100%;
  text-align: center;
}

header .menu li a {
  display: inline-block;
  font-family: var(--tertiary-font-family);
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.1vmin;
  transition: transform 0.3s ease, color 0.3s ease;
}

header .menu li a:hover {
  color: #b84d0f;
  transform: scale(1.08);
}

/* Avancé */
@media (min-aspect-ratio: 2/1) {
  header .menu {
    font-size: 12vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 50%;
  }
  .page2-p-1 {
    gap: 4vmin;
    justify-content: space-between;
  }
  .bouton_explore {
    position: absolute;
    right: 8vmin;
    display: flex;
    transform: scale(1);
    width: 35vmin;
    height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: vertical-lr;
  }
}
@media (min-aspect-ratio: 19/10) and (max-aspect-ratio: 2/1) {
  header .menu {
    font-size: 12vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 50%;
  }
  .page2-p-1 {
    gap: 4vmin;
    justify-content: space-between;
  }
  .bouton_explore {
    position: absolute;
    right: 8vmin;
    display: flex;
    transform: scale(1);
    width: 35vmin;
    height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: vertical-lr;
  }
}
@media (min-aspect-ratio: 9/5) and (max-aspect-ratio: 19/10) {
  header .menu {
    font-size: 11vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 50%;
  }
  .page2-p-1 {
    gap: 4vmin;
    justify-content: space-between;
  }
  .bouton_explore {
    position: absolute;
    right: 8vmin;
    display: flex;
    transform: scale(1);
    width: 35vmin;
    height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: vertical-lr;
  }
}
@media (min-aspect-ratio: 17/10) and (max-aspect-ratio: 9/5) {
  header .menu {
    font-size: 11vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 50%;
  }
  .page2-p-1 {
    gap: 4vmin;
    justify-content: space-between;
  }
  .bouton_explore {
    position: absolute;
    right: 8vmin;
    display: flex;
    transform: scale(1);
    width: 35vmin;
    height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: vertical-lr;
  }
}
@media (min-aspect-ratio: 8/5) and (max-aspect-ratio: 17/10) {
  header .menu {
    font-size: 11vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 50%;
  }
  .page2-p-1 {
    gap: 4vmin;
    justify-content: space-between;
  }
  .bouton_explore {
    position: absolute;
    right: 8vmin;
    display: flex;
    transform: scale(1);
    width: 35vmin;
    height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: vertical-lr;
  }
}
@media (min-aspect-ratio: 3/2) and (max-aspect-ratio: 8/5) {
  header .menu {
    font-size: 10vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
@media (min-aspect-ratio: 7/5) and (max-aspect-ratio: 3/2) {
  header .menu {
    font-size: 10vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
@media (min-aspect-ratio: 13/10) and (max-aspect-ratio: 7/5) {
  header .menu {
    font-size: 9vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
@media (min-aspect-ratio: 6/5) and (max-aspect-ratio: 13/10) {
  header .menu {
    font-size: 8vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
@media (min-aspect-ratio: 11/10) and (max-aspect-ratio: 6/5) {
  header .menu {
    font-size: 7vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
@media (max-aspect-ratio: 11/10) {
  header .menu {
    font-size: 6vmin;
  }
  .sbf-info {
    font-size: 3.5vmin;
    max-width: 100%;
  }
  .page2-p-intro {
    gap: 2vmin;
    justify-content: center;
    flex-direction: column;
    overflow-y: clip;
    box-sizing: border-box;
  }
  .page2-p-1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vmin;
  }
  .bouton_explore {
    display: flex;
    position: relative;
    left: unset;
    top: unset;
    transform: scale(1);
    aspect-ratio: 1/1;
    flex: 1 0 auto;
    max-width: 35vmin;
    max-height: 35vmin;
  }
  .bouton_explore:hover {
    transform: scale(1.15);
  }
  .text-container-gauche h3 {
    font-size: 5.6vmin;
  }
  .lien-contact {
    writing-mode: horizontal-tb;
  }
}
.page2-p.page2-p-intro {
  padding-top: 8vmin;
  padding-bottom: 8vmin;
  padding-left: 16vmin;
  padding-right: 16vmin;
}

@media (max-aspect-ratio: 8/5) {
  .page2-p-intro {
    justify-content: space-around;
    gap: 2vmin;
  }
  .page2-p-intro > .text-container-gauche {
    flex-shrink: 0;
  }
  .page2-p-intro .bouton_explore {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    max-width: 35vmin;
    max-height: 35vmin;
    container-type: size;
    margin-top: 4vmin;
  }
  .page2-p-intro .cercle_inter {
    overflow: hidden;
  }
  .page2-p-intro .cercle_inter span {
    font-size: 10cqi;
    letter-spacing: 0.05cqi;
  }
  .page2-p.invert,
  .page2-p-1:not(.page2-p-intro):not(.actus) {
    height: auto;
    min-height: auto;
    justify-content: center;
  }
  .page2-p.invert {
    flex-direction: column-reverse;
    align-items: center;
    gap: 4vmin;
  }
  .page2-p-1:not(.actus) + .page2-p.invert,
  .page2-p.invert + .page2-p-1:not(.actus) {
    margin-top: 25svh;
  }
  .page2-p {
    padding: 0 8vmin;
  }
  .page2-p .section-image {
    width: min(100%, 60svh);
  }
  .page2-p .section-text {
    width: 100%;
    height: auto;
  }
  .page2-p .text-container-gauche h3 {
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
}
@media (height <= 160px) {
  .bouton_explore {
    display: none;
  }
  .sbf-info {
    max-width: 100%;
    font-size: 3.5vmin;
  }
  .page2-p-intro {
    justify-content: center;
    align-items: center;
  }
  .page2-p-intro > .text-container-gauche {
    margin: auto;
  }
}
@media (min-aspect-ratio: 8/5) {
  .page2-p .section-image {
    max-height: 75svh;
  }
  .page2-p-intro > .text-container-gauche {
    width: calc(50% - 5vmin);
    flex-shrink: 0;
  }
  .page2-p-intro .sbf-info {
    max-width: 100%;
  }
  .page2-p-intro > .bouton_explore {
    position: static;
    right: auto;
    margin: 0 auto;
  }
}
@media (min-aspect-ratio: 2/1) {
  .page2-p-1:not(.page2-p-intro):not(.actus),
  .page2-p.invert {
    justify-content: space-evenly;
    gap: 0;
  }
}
/* height >= width */
@media (orientation: portrait) {
  .item {
    width: 46vw;
    margin-right: 8vmin;
  }
}
@media (orientation: portrait) and (width <= 200px) and (min-aspect-ratio: 1/2) {
  .section-content {
    display: none;
  }
}
/* width > height */
@media (orientation: landscape) {
  .item {
    width: 14vw;
    margin-right: 4vmin;
  }
}
@media (orientation: landscape) and (width <= 475px) {
  .section-content {
    display: none;
  }
}
@media (orientation: landscape) and (width <= 475px) and (height <= 200px) {
  .text-container-gauche h3 {
    text-align: center;
    width: 100%;
  }
}
@media (orientation: landscape) and (width > 475px) {
  .invert {
    gap: 4vmin;
    justify-content: space-between;
  }
  .section-image {
    width: min(45%, 86.6666666667svh);
  }
  .section-text {
    width: 45%;
    height: 100%;
  }
}/*# sourceMappingURL=styles.css.map */