@font-face{
	font-family: "eurostile";
	src: url('polices/eurostile.eot');
}
@font-face{
	font-family: "eurostile";
	src: url('polices/eurostile.ttf')  format('truetype');
}
@font-face{
	font-family: "serpentine_sans_bold";
	src: url('polices/serpentine_sans_bold.eot');
}
@font-face{
	font-family: "serpentine_sans_bold";
	src: url('polices/serpentine_sans_bold.ttf')  format('truetype');
}
@font-face{
	font-family: "serpentinelight";
	src: url('polices/serpentinelight.eot');
}
@font-face{
	font-family: "serpentinelight";
	src: url('polices/serpentinelight.ttf')  format('truetype');
}
.global-container {
max-width: 1920px;
margin: 0 auto;
}
.container-interieur {
    max-width: 1200px;
    margin: 0 auto;
    }
.couverture {
object-fit: cover;
}

.logoxav {
    max-width: 800px;
    margin: 0 auto;
    }

    .margehautlogoxav{
        margin-top: 5rem !important;
    }
    .margehaut{
        margin-top: 10rem !important;
    }

.main-nav a{
position: relative;
}

.main-nav a::after{
content:"";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: #a866df;
transform: scaleX(0);
transition: transform 0.2s ease-in-out;
}

.main-nav a:hover::after{
transform: scaleX(1);
}

img {
  display: block;
  width: 100%; }

input[type=checkbox] {
  display: none; }

label {
  cursor: pointer;
  display: inline-block;
  margin-right: 1em;
  padding: 0.4em 0; }

input[type=checkbox] + label:before {
  background: #555;
  content: '';
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  width: 16px; }

input[type=checkbox]:checked + label:before {
  background: #00ffaa; }

.container {
  margin: 0 auto;
  max-width: 1450px;
  margin-bottom: 50px;
  padding: 0px;
  position: relative; }

  .container1 {
    margin: 0 auto;
    max-width: 4096px;
    max-height: 3000px;
    padding: 0px;
    position: relative;
 }

.container--offset {
  margin-left: 0; }

.scene {
  margin: 0;
  padding: 0; }
  .scene button {
    left: 10%;
    top: 260px;
    width: 80%;
    position: absolute; }

.fill {
  bottom: 5%;
  left: 5%;
  position: absolute;
  right: 5%;
  top: 5%; }

.expand-width {
  width: 100%; }

.border {
  border: 2px dashed #00ffaa; }

.aspect {
  opacity: 0.2; }

.scene > *:nth-child(1) {
  opacity: 1; }
  .scene > *:nth-child(1) button {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }

.scene > *:nth-child(2) {
  opacity: 1; }
  .scene > *:nth-child(2) button {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }

.scene > *:nth-child(3) {
  opacity: 1; }
  .scene > *:nth-child(3) button {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.scene > *:nth-child(4) {
  opacity: 1; }
  .scene > *:nth-child(4) button {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }

.scene > *:nth-child(5) {
  opacity: 1; }
  .scene > *:nth-child(5) button {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }

.scene > *:nth-child(6) {
  opacity: 1; }
  .scene > *:nth-child(6) button {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }


            
            .slide-in {
              transform: translateX(-20%);
              opacity: 0;
              transition: transform 0.6s ease-in-out,
              opacity 0.6s ease-in-out;
          }
          .slide-in.active {
            transform: translateX(0%);
              opacity: 1;
          }

          .slide-in1 {
            transform: translateX(20%);
            opacity: 0;
            transition: transform 0.6s ease-in-out,
            opacity 0.6s ease-in-out;
                  }
        .slide-in1.active {
          transform: translateX(0%);
            opacity: 1;
        }
        .slide-in2 {
          opacity: 0;
          transition: opacity 0.6s ease-in-out;
                }
      .slide-in2.active {
          opacity: 1;
      }
      .slide-in3 {
        transform: translateX(-20%);
        opacity: 0;
        transition: transform 0.6s ease-in-out,
        opacity 0.6s ease-in-out;
              }
    .slide-in3.active {
      transform: translateX(0%);
        opacity: 1;
    }
    .slide-in4 {
      opacity: 0;
      transition: opacity 0.6s ease-in-out;
            }
  .slide-in4.active {
      opacity: 1;
  }
  .slide-in5 {
    transform: translateX(20%);
    opacity: 0;
    transition: transform 0.6s ease-in-out,
    opacity 0.6s ease-in-out;
          }
.slide-in5.active {
  transform: translateX(0%);
    opacity: 1;
}
.slide-in6 {
  transform: translateY(-20%);
  opacity: 0;
  transition: transform 0.6s ease-in-out,
  opacity 0.6s ease-in-out;
        }
.slide-in6.active {
transform: translateY(0%);
  opacity: 1;
}
.slide-in7 {
  transform: translateY(-20%);
  opacity: 0;
  transition: transform 0.6s ease-in-out,
  opacity 0.6s ease-in-out;
        }
.slide-in7.active {
transform: translateY(0%);
  opacity: 1;
}
.slide-in8 {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
              }
.slide-in8.active {
  opacity: 1;
}

      .fancybox__container {
        --fancybox-color: #dbdbdb;
        --fancybox-hover-color: #a866df;
        --fancybox-bg: rgba(14, 2, 23, 0.92);
        --fancybox-slide-gap: 10px;
        --f-spinner-width: 50px;
        --f-spinner-height: 50px;
        --f-spinner-color-1: rgba(255, 255, 255, 0.1);
        --f-spinner-color-2: #bbb;
        --f-spinner-stroke: 3.65;
        direction: ltr;
        color: #f8f8f8;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: none;
      }

     .bougerfond {
      animation:bouger 500ms 1;
	    -moz-animation:bouger 500ms 1;
	    -webkit-animation:bouger 500ms 1;
	    -o-animation:bouger 500ms 1;
	
	    animation-delay: 490ms;
	    -webkit-animation-delay: 490ms;
       -moz-animation-delay: 490ms;
	  -o-animation-delay: 490ms;
	
	    animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;	
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bougerrochers {
  animation:bouger 500ms 1;
  -moz-animation:bouger 500ms 1;
  -webkit-animation:bouger 500ms 1;
  -o-animation:bouger 500ms 1;

  animation-delay: 980ms;
  -webkit-animation-delay: 980ms;
   -moz-animation-delay: 980ms;
-o-animation-delay: 980ms;

  animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;	
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}
.bougerrochersmoyens {
  animation:bouger 500ms 1;
  -moz-animation:bouger 500ms 1;
  -webkit-animation:bouger 500ms 1;
  -o-animation:bouger 500ms 1;

  animation-delay: 1470ms;
  -webkit-animation-delay: 1470ms;
   -moz-animation-delay: 1470ms;
-o-animation-delay: 1470ms;

  animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;	
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}
.bougerrochersgros {
  animation:bouger 500ms 1;
  -moz-animation:bouger 500ms 1;
  -webkit-animation:bouger 500ms 1;
  -o-animation:bouger 500ms 1;

  animation-delay: 1960ms;
  -webkit-animation-delay: 1960ms;
   -moz-animation-delay: 1960ms;
-o-animation-delay: 1960ms;

  animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;	
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}
.bougerlogo {
  animation:bouger 500ms 1;
  -moz-animation:bouger 500ms 1;
  -webkit-animation:bouger 500ms 1;
  -o-animation:bouger 500ms 1;

  animation-delay: 2450ms;
  -webkit-animation-delay: 2450ms;
   -moz-animation-delay: 2450ms;
-o-animation-delay: 2450ms;

  animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;	
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}
.bougercta {
  animation:bouger 500ms 1;
  -moz-animation:bouger 500ms 1;
  -webkit-animation:bouger 500ms 1;
  -o-animation:bouger 500ms 1;

  animation-delay: 2940ms;
  -webkit-animation-delay: 2940ms;
   -moz-animation-delay: 2940ms;
-o-animation-delay: 2940ms;

  animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;	
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}

@keyframes bouger{
	from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes bouger{
	from {opacity: 0;}
  to {opacity: 1;}
}
@-moz-keyframes bouger{
	from {opacity: 0;}
  to {opacity: 1;}
}
@-o-keyframes bouger{
	from {opacity: 0;}
  to {opacity: 1;}
}