html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
} /* COLOR */
/* font-size */
/* font */
#content_doc ul li a, #content_doc ul, #resume, #period, .ct-page .acces-compte, #video_home ul a, .text-ban-second, .text-ban-first {
  display: flex;
  justify-content: center;
  align-items: center;
}

#video_home ul, #header_logo, #header_menu nav ul, #main_index header ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#choose_country {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a#back_index:before, .menu-active::before, #header_menu nav ul li:hover::before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

html {
  font-size: 62.5%;
  font-family: "AvenirLTStd-Roman", "Arial", sans-serif;
  background-color: #122948;
}

body {
  font-size: 1.6rem;
}

.ct-1100 {
  width: clamp(300px, 100%, 1100px);
  margin: auto;
}

article, footer {
  width: clamp(300px, 100%, 1400px);
  margin: auto;
}

b, strong, th {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-weight: none;
}

.sep {
  margin: 6rem 0;
}

h1 em, h2 em {
  color: #F9AF00;
  font-family: "Aveline", "Arial", sans-serif;
  font-size: 10rem;
}

#fil_ariane {
  width: clamp(300px, 100%, 1400px);
  margin: auto;
  background-color: #F9AF00;
  padding: 1rem;
  top: -1rem;
  position: relative;
  font-size: 1.3rem;
  color: #122948;
  font-family: "AvenirLTStd-Roman", "Arial", sans-serif;
}
#fil_ariane a {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  color: #122948;
}

#main_index header {
  margin: 50px 0;
}
#main_index header ul li {
  list-style-type: none;
}

#ct_ban_index {
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
#ct_ban_index:after {
  content: "";
  display: block;
  height: 10px;
  width: 0%;
  background-color: #F9AF00;
  animation: lineYellow 2s ease-out forwards;
}
#ct_ban_index #elm_1 {
  grid-area: 1/1/2/2;
  overflow: hidden;
}
#ct_ban_index #elm_1 img {
  position: relative;
  left: -700px;
  animation: enter1 0.5s ease forwards;
}
#ct_ban_index #elm_2 {
  grid-area: 2/1/3/2;
  overflow: hidden;
}
#ct_ban_index #elm_2 img {
  position: relative;
  right: 700px;
  animation: enter2 0.5s 0.2s ease forwards;
}
#ct_ban_index #elm_3 {
  grid-area: 1/2/3/3;
  overflow: hidden;
}
#ct_ban_index #elm_3 img {
  position: relative;
  top: -800px;
  animation: enter3 0.5s 0.4s ease forwards;
}
#ct_ban_index #elm_4 {
  grid-area: 1/3/3/5;
  overflow: hidden;
  text-align: center;
  position: relative;
}
#ct_ban_index #elm_4 img {
  position: relative;
  right: 800px;
  animation: enter4 0.5s 0.6s ease forwards;
}
#ct_ban_index #elm_6 {
  grid-area: 1/5/3/6;
  overflow: hidden;
}
#ct_ban_index #elm_6 img {
  position: relative;
  bottom: 800px;
  animation: enter5 0.5s 0.8s ease forwards;
}
#ct_ban_index h1 {
  font-size: 3.7rem;
  color: #ffffff;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  margin-top: 3.6rem;
}
#ct_ban_index h1 span {
  font-size: 5.6rem;
  color: #F9AF00;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
}

#list_country {
  width: 167px;
  background-color: #ffffff;
  border: 1px solid #F9AF00;
  text-align: left;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.4rem;
  color: #122948;
  position: relative;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
}

#choose_country {
  display: none;
  z-index: 100;
  overflow: auto;
  width: 167px;
  background-color: #ffffff;
  top: 125px;
  text-transform: uppercase;
  height: 250px;
}
#choose_country li {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.4rem;
  margin-left: 0;
  margin-top: 1.5rem;
  text-align: left;
  padding-left: 1rem;
}
#choose_country li a {
  color: #122948;
  transition: 0.2s ease-in;
}
#choose_country li a:hover {
  color: #F9AF00;
}

#header_menu {
  width: clamp(300px, 100%, 1400px);
  margin: auto;
}
#header_menu nav ul {
  padding: 0 2.5rem;
}
#header_menu nav ul li {
  position: relative;
  padding: 0 5px 0 10px;
}
#header_menu nav ul li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #F9AF00;
  border-radius: 50px;
  margin-right: 5px;
  transition: height 0.2s ease, width 0.7s 0.2s ease;
  position: absolute;
  left: 0;
}
#header_menu nav ul li a {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
}
#header_menu nav ul li a:focus {
  outline: 2px solid #F9AF00;
}
#header_menu nav ul li:hover::before {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 0;
}

.menu-active::before {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  border-radius: 0 !important;
}

#header_logo {
  margin-bottom: 36px;
}
#header_logo a:focus {
  outline: 2px solid #F9AF00;
}

a#back_index {
  color: #ffffff;
  border: 1px solid #F9AF00;
  padding: 6px 20px;
  border-radius: 30px;
  text-decoration: none;
  position: relative;
  font-size: 1.6rem;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  text-decoration: none;
}
a#back_index:before {
  content: "";
  display: inline-block;
  width: 0%;
  position: absolute;
  z-index: -100;
  background-color: #F9AF00;
  height: 100%;
  border-radius: 30px;
  transition: width 0.5s ease;
}
a#back_index:hover:before {
  width: 100%;
}

#banniere_block {
  margin-top: 36px;
  position: relative;
}

.text-ban-first {
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 13.5px;
  left: 290px;
  flex-direction: column;
}
.text-ban-first p {
  font-family: "AvenirLTStd-Roman", "Arial", sans-serif;
  font-size: 1.6rem;
  color: #122948;
}
.text-ban-first p strong {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
}

.home-white {
  color: #ffffff !important;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif !important;
  font-size: 1.6rem !important;
  text-transform: none !important;
  margin-top: 2.6rem;
}

.text-ban-second {
  width: 405px;
  height: 193px;
  background-color: #122948;
  text-align: center;
  position: absolute;
  bottom: 13.5px;
  left: 815px;
  flex-direction: column;
}

#home_head {
  margin-top: 9rem;
  margin-bottom: 10.5rem;
  padding: 0 5rem;
}
#home_head:before {
  content: url("https://butterfly-media.s3.gra.io.cloud.ovh.net/compagniedesalpes/xnet/2023/images/before_h1_home.png");
  position: absolute;
  left: -10.7rem;
}
#home_head h1 {
  color: #ffffff;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 6.4rem;
  margin-bottom: 4rem;
}
#home_head p {
  color: #F9AF00;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  font-size: 2.7rem;
  text-transform: uppercase;
  margin-top: 0.5rem;
}
#home_head li {
  list-style: disc;
  margin-left: 25px;
  color: #ffffff !important;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif !important;
  font-size: 1.6rem !important;
  text-transform: none !important;
  margin-top: 1rem;
}

#video_home {
  background-color: #243554;
  border-radius: 3rem;
  padding: 50px;
}
#video_home video {
  background-color: #ffffff;
  border-radius: 2rem;
  border: 1px solid #000;
  position: relative;
  top: -10rem;
}
#video_home .accordion, #video_home .panel {
  top: -10rem;
}
#video_home ul a {
  padding: 2.5rem 5rem;
  border-radius: 10rem;
  color: #122948;
  text-decoration: none;
  font-size: 2.3rem;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  transition: 0.3s ease;
}
#video_home ul a:hover {
  border-radius: 0;
}
#video_home ul a img {
  display: inline-block;
  margin-right: 1.5rem;
}

#btn_home_faq {
  background-color: #CAD8F0;
  padding-right: 5rem !important;
}

#btn_home_compte {
  background-color: #F9AF00;
  padding-right: 10rem !important;
}

#how_work {
  padding: 0 5rem;
  position: relative;
}
#how_work h2 {
  color: #ffffff;
  font-size: 4rem;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  margin-bottom: 18rem;
}
#how_work h3 {
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  font-size: 2.1rem;
  color: #F9AF00;
}
#how_work ul {
  position: absolute;
  width: 100%;
}
#how_work p {
  color: #ffffff;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  font-size: 1.6rem;
}

#step1 {
  position: absolute;
  left: 3rem;
}
#step1 p {
  left: 17rem;
  top: 10rem;
}

#step2 {
  position: absolute;
  left: 30rem;
  top: -12rem;
}

#step3 {
  position: absolute;
  left: 63rem;
}
#step3 p {
  left: 17rem;
  top: 10rem;
}

#step4 {
  position: absolute;
  left: 100rem;
  top: -15rem;
}

.ct-page {
  width: clamp(300px, 100%, 1300px);
  background-color: #ffffff;
  margin: auto;
  margin-top: 10rem;
  position: relative;
  padding: 10.6rem 0 10.6rem 0;
}
.ct-page .padding-ct-page {
  padding: 0rem 9rem 0 9rem;
}
.ct-page p {
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  font-size: 1.6rem;
  color: #575756;
  margin-top: 2.6rem;
}
.ct-page h1 {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 4rem;
  color: #122948;
}
.ct-page h2 {
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 2rem;
  background-color: #F9AF00;
  padding: 0.5rem;
  text-transform: uppercase;
  margin-top: 4.4rem;
  width: fit-content;
  padding-right: 8rem;
}
.ct-page h3 {
  text-transform: uppercase;
  border-bottom: 5px dashed #F9AF00;
  margin-top: 1rem;
  padding-bottom: 1.2rem;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.6rem;
}
.ct-page li {
  list-style: none;
  margin-left: 2.5rem;
  font-size: 1.6rem;
  margin-top: 0.6rem;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  color: #575756;
}
.ct-page li:before {
  content: url(https://butterfly-media.s3.gra.io.cloud.ovh.net/compagniedesalpes/xnet/2023/images/list_puce.png);
  display: inline-block;
  margin-right: 0.5rem;
}
.ct-page p a, .ct-page li a {
  color: #122948;
  display: inline-block;
  position: relative;
  z-index: 10;
}
.ct-page p a:after, .ct-page li a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.2rem;
  background-color: #122948;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.ct-page p a:hover:after, .ct-page li a:hover:after {
  height: 100%;
}
.ct-page p a:hover, .ct-page li a:hover {
  color: #ffffff;
}
.ct-page p a:focus, .ct-page li a:focus {
  outline: 2px solid #F9AF00;
}
.ct-page .acces-compte {
  background-color: #F9AF00;
  width: 420px;
  border-radius: 10rem;
  color: #122948;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.6rem;
  padding: 1.3rem;
  position: absolute;
  right: 9rem;
  top: -3rem;
  transition: 0.3s ease;
}
.ct-page .acces-compte:hover {
  border-radius: 0;
}
.ct-page table {
  border-collapse: collapse;
  border: 0;
  border-bottom: 1px solid #575756;
  margin-top: 2.6rem;
}
.ct-page table th {
  background-color: #F0F0F0;
  color: #122948;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 1.6rem;
  text-align: left;
  border: 0;
  border-top: 1px solid #575756;
  border-bottom: 1px solid #575756;
  padding: 2rem 0.3rem;
}
.ct-page table td {
  border: 0;
  padding: 2rem 0;
}
.ct-page table td li {
  margin-top: 2rem;
}

#period > div {
  margin-right: 5rem;
}

#steps ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.6rem;
}
#steps ul li:before {
  content: "";
}

#resume {
  margin-left: 7rem;
  background-color: #F0F0F0;
  margin-top: 2.6rem;
}
#resume #resume_txt {
  padding: 3rem 5rem;
  width: 80%;
}

#content_doc ul {
  flex-wrap: wrap;
}
#content_doc ul li {
  margin-top: 2.5rem;
}
#content_doc ul li:before {
  content: "";
}
#content_doc ul li a {
  flex-direction: column;
  text-transform: uppercase;
  font-family: "AvenirLTStd-Black", "Arial", sans-serif;
  font-size: 2rem;
  color: #ffffff;
  width: 320px;
  height: 250px;
  text-align: center;
  background-color: #F9AF00;
}
#content_doc ul li a img {
  margin-bottom: 0.8rem;
}

footer {
  margin-top: 5rem;
  padding-top: 5rem;
  padding-bottom: 1rem;
  border-top: 0.5rem solid #F9AF00;
  color: #ffffff;
  font-family: "AvenirLTStd-Medium", "Arial", sans-serif;
  font-size: 2.1rem;
}
footer a {
  color: #ffffff;
}

.mce-content-body {
  background: #ffffff !important;
}

@keyframes enter1 {
  to {
    left: 0;
  }
}
@keyframes enter2 {
  to {
    right: 0;
  }
}
@keyframes enter3 {
  to {
    top: 0;
  }
}
@keyframes enter4 {
  to {
    right: 0;
  }
}
@keyframes enter5 {
  to {
    bottom: 0;
  }
}
@keyframes lineYellow {
  to {
    width: 335%;
  }
}

/*# sourceMappingURL=styles_site.css.map */