/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
::before,
::after {
  --tw-content: '';
}

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

* {
  box-sizing: border-box;
}

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

abbr:where([title]) {
  text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-size: 1em; /* 4 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
  border: 0;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

summary {
  display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

button,
[role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

img,
video {
  /* disable max-width solves bug img-export/propagation > nested-img-bigger */
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

* {
  text-underline-offset: 0.134em;
}

/* color variables */
/* responsive margins / paddings */
* {
  --min-screen-size: 430;
  --max-screen-size: 1440;
  --interpolate-diff: calc(var(--max-font-size) - var(--min-font-size));
  --interpolate: clamp(calc(var(--min-font-size) * 1px), calc((var(--min-font-size) * 1px) + var(--interpolate-diff) * ((100vw - calc(var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size)))), calc(var(--max-font-size) * 1px));
}

html {
  height: 100%;
  font-size: 16px;
}

/* text utility classes */
.text {
  --min-font-size: 15;
  --max-font-size: 16;
  font-size: var(--interpolate);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0px;
}

.sub-text {
  text-transform: uppercase;
}

.sub-text-rouge-atlantic {
  color: #e42313;
}

/* ui objects utility classes */
.card {
  display: flex;
  flex-direction: column;
  padding: 40px 40px 0 40px;
}

/* button hover utility classes */
.hover-bright:hover {
  filter: brightness(1.2);
}

.hover-dark:hover {
  filter: brightness(0.85);
}

body {
  container: body/inline-size;
  position: relative;
  min-height: 100%;
  font-family: "Poppins";
  background-color: #fff;
  overflow: auto;
  /* btn-cta-primary */
}
body .btn-cta-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.32px;
  text-align: unset;
  background-color: #E42313;
  padding: 12px 12px 12px 20px;
  border-radius: 8px;
}
body .btn-cta-primary .btn-cta-primary-icon-arrow-arrow-right-md {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
body .btn-cta-primary .btn-cta-primary-label {
  margin-left: 4px;
  text-align: left;
}
body {
  /* frame-a */
}
body .frame-a {
  width: 48px;
  align-self: start;
  aspect-ratio: 1/1;
  padding: 12px;
  border-radius: 8px;
}
body .frame-a .frame-interface-star {
  height: 24px;
}
body .text-a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.79px;
}
body {
  /* column-a */
}
body .column-a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  letter-spacing: 0px;
}
body .column-a .column-title {
  font-size: 64px;
  font-weight: 900;
}
body .column-a .column-text1 {
  font-size: 16px;
  font-weight: 500;
}
body {
  /* card-bottom */
}
body .card-bottom {
  display: flex;
  flex-direction: column;
  color: #706f6f;
  font-weight: 400;
  letter-spacing: 0px;
  padding: 0 40px;
}
body .card-bottom .column-text2 {
  font-size: 16px;
  line-height: 1.5;
}
body .card-bottom .column-row-bottom {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.2;
  background-color: #f5f5f5;
  padding: 12px;
  border-radius: 8px;
}
body .card-bottom .column-row-bottom .column-text3 {
  flex-grow: 1;
  text-align: left;
}
body .column-warning-info {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
body .body-a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
body .body-a .header {
  container: header/inline-size;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  text-align: left;
  /*background: linear-gradient(90deg, rgba(27, 27, 27, 0.25) 0%, rgba(27, 27, 27, 0) 100%) top left/auto auto no-repeat, url(../assets/headerV2.jpg) top left/cover no-repeat;*/
  background: url(../assets/headerV2.jpg)no-repeat;
  padding: 167px 80px 87px 80px;
  max-width: 1400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: 150%; /* zoom de 150% */
  background-position: left top;
  background-repeat: no-repeat;
}
body .body-a .header .header-line1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body .body-a .header .header-10ans {
  width: 109px;
  min-height: 124px;
  flex-shrink: 0;
}
body .body-a .header .header-title {
  align-self: stretch;
  color: #fff;
  --min-font-size: 36;
  --max-font-size: 64;
  font-size: var(--interpolate);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.27px;
}
body .body-a .header .header-text-depuis {
  width: 100%;
  max-width: 566px;
  color: #fff;
}
body .body-a .header .header-row {
  width: 255px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.79px;
}
body .body-a .header .header-row .header-btn {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.63px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 15px 20px 15px 21px;
  border: 1px solid #fff;
  border-radius: 8px;
}
body .body-a .header .header-row .header-text-participations {
  flex-grow: 1;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: left;
}
body .body-a .body-a-odr-section {
  container: body-a-odr-section/inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center;
  background-color: #fff;
  /*padding: 80px 24px;*/
  padding: 60px 24px;
}
body .body-a .body-a-odr-section .body-a-col-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
body .body-a .body-a-odr-section .body-a-col-top .body-a-text {
  color: #e42313;
  --min-font-size: 22;
  --max-font-size: 22;
  font-size: var(--interpolate);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.79px;
  text-transform: uppercase;
}
body .body-a .body-a-odr-section .body-a-col-top .body-a-text sup {
  font-size: 13px;
}
body .body-a .body-a-odr-section .body-a-col-top .body-a-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
body .body-a .body-a-odr-section .body-a-col-top .body-a-col .body-a-subtitle1 {
  color: #2f2f2f;
  --min-font-size: 38;
  --max-font-size: 48;
  font-size: var(--interpolate);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.95px;
}
body .body-a .body-a-odr-section .body-a-col-top .body-a-col .body-a-text-chaque-chaudiere {
  color: #706f6f;
}
body .body-a .body-a-odr-section .body-a-row {
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
body .body-a .body-a-odr-section .body-a-row .card-left {
  width: 100%;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex-grow: 1;
  text-align: left;
  /*background-color: #fff;*/
  /*box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.03), 0px 30px 30px 0px rgba(0, 0, 0, 0.03), 0px 68px 41px 0px rgba(0, 0, 0, 0.02), 0px 121px 48px 0px rgba(0, 0, 0, 0), 0px 189px 53px 0px rgba(0, 0, 0, 0);
  background: linear-gradient(360deg, rgba(47, 128, 237, 0.1) 0%, rgba(47, 128, 237, 0) 50%);
  border: 1px solid #f5f5f5;
  border-radius: 16px;*/
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 {
  margin: -1px -1px 0 -1px;
  gap: 24px;
  line-height: 1.2;
  /*background-color: rgba(47, 128, 237, 0.1);*/
  padding-bottom: 41px;
  /*border-top-left-radius: 16px;
  border-top-right-radius: 16px;*/
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .frame-top1 {
  /*background-color: #003882;*/
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .card-left-col2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .card-left-col2 .card-left-text {
  color: #003882;
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .card-left-col2 .card-left-col3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  color: #2f2f2f;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.63px;
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .card-left-col2 .card-left-col3 .card-left-subtitle {
  align-self: stretch;
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .card-left-col2 .card-left-col3 .card-left-graphic {
  width: 100%;
  height: 32px;
  max-width: 291px;
  justify-content: center;
  flex-shrink: 0;
}
body .body-a .body-a-odr-section .body-a-row .card-left .card-left-col1 .col-bottom1 {
  color: #003882;
}
body .body-a .body-a-odr-section .body-a-row .card-left .col-bottom2 {
  margin-left: -1px;
  margin-right: -1px;
  gap: 24px;
}
body .body-a .body-a-odr-section .body-a-row .card-right {
  /*box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.03), 0px 30px 30px 0px rgba(0, 0, 0, 0.03), 0px 68px 41px 0px rgba(0, 0, 0, 0.02), 0px 121px 48px 0px rgba(0, 0, 0, 0), 0px 189px 53px 0px rgba(0, 0, 0, 0); */
  width: 100%;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex-grow: 1;
  text-align: left;
  /*background-color: #fff;*/
  /*background: linear-gradient(360deg, rgba(47, 128, 237, 0.1) 0%, rgba(47, 128, 237, 0) 50%);
  border: 2px solid #2F80ED;
  border-radius: 16px;*/
  overflow: hidden;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 {
  margin: -2px -2px 0 -2px;
  gap: 23px;
  line-height: 1.2;
  /*background-color: rgba(228, 35, 19, 0.1);*/
  padding-bottom: 39px;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 .frame-top2 {
  background-color: #e42313;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 .card-right-col2 {
  margin-top: 1px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 1px;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 .card-right-col2 .card-right-text {
  color: #e42313;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 .card-right-col2 .card-right-subtitle {
  color: #2f2f2f;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.63px;
}
body .body-a .body-a-odr-section .body-a-row .card-right .card-right-col1 .col-bottom3 {
  color: #e42313;
}
body .body-a .body-a-odr-section .body-a-row .card-right .col-bottom4 {
  margin-left: -2px;
  margin-right: -2px;
  gap: 48px;
}
body .body-a .body-a-odr-section .body-a-deroule {
  container: body-a-deroule/inline-size;
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  font-size: 16px;
  background-color: #f5f9fe;
  padding: 80px 40px 40px 40px;
  border-radius: 16px;
}
@media (max-width: 1000px) {
  body .body-a .body-a-odr-section .body-a-deroule {
    padding-top: 40px;
  }
}
body .body-a .body-a-odr-section .body-a-deroule {
  /* steps */
}
body .body-a .body-a-odr-section .body-a-deroule .steps {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #2f2f2f;
  font-weight: 500;
  letter-spacing: 0px;
  /* column-c */
}
body .body-a .body-a-odr-section .body-a-deroule .steps .column-c {
  /*width: 200px;*/
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  text-align: center;
}
body .body-a .body-a-odr-section .body-a-deroule .steps .column-c .line-vertical {
  background-color: #A8A8A7;
  width: 2px;
  height: 80px;
  margin-top: 4px;
  margin-bottom: -18px;
}
@media (min-width: 1024px) {
  body .body-a .body-a-odr-section .body-a-deroule .steps .column-c .line-vertical {
    display: none;
  }
}
body .body-a .body-a-odr-section .body-a-deroule .steps .column-c .column-btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0px;
  text-align: center;
  padding: 3px 5px;
  border: 1px solid #706f6f;
  border-radius: 50%;
}
body .body-a .body-a-odr-section .body-a-deroule .steps .column-c .column-text4 {
  align-self: stretch;
  line-height: 1.2;
}
body .body-a .body-a-odr-section .body-a-deroule .steps {
  /* frame-b */
}
body .body-a .body-a-odr-section .body-a-deroule .steps .frame-b {
  flex-grow: 1;
  background-color: #a8a8a7;
  border-radius: 100px;
  margin-top: 49px;
}
body .body-a .body-a-odr-section .body-a-deroule .steps .frame-b .frame-col {
  width: 1;
  height: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background-color: #A8A8A7;
}
body .body-a .body-a-odr-section .body-a-deroule .footnote {
  align-self: flex-start;
  font-size: 12px;
  color: #706F6F;
  text-align: left;
}
body .body-a .body-a-odr-section .body-a-deroule .body-a-subtitle2 {
  color: #2f2f2f;
  --min-font-size: 24;
  --max-font-size: 32;
  font-size: var(--interpolate);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.63px;
}
body .body-a .body-a-odr-section .body-a-deroule .steps1 .col1 .column-btn {
  color: #fff;
  background-color: #e42313;
  padding-top: 4px;
  padding-bottom: 4px;
  border-left: unset;
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
}
body .body-a .body-a-odr-section .body-a-deroule .btn-cta-primary2 {
  align-self: center;
  font-size: unset;
}
body .body-a .footer {
  container: footer/inline-size;
  display: flex;
  flex-direction: column;
  gap: 40px;
  letter-spacing: 0px;
  background-color: #fff;
  padding-top: 39px;
  border-top: 1px solid #d98275;
}
body .body-a .footer .footer-row-top {
  container: footer-row-top/inline-size;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding: 5px 80px 0 80px;
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body .body-a .footer .footer-row-top .footer-col-left {
  margin-top: 9px;
  margin-bottom: -1px;
  width: 115px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-shrink: 0;
  color: #636363;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  padding-bottom: 1px;
}
body .body-a .footer .footer-row-top .footer-col-left .footer-graphic {
  flex-shrink: 0;
  aspect-ratio: 587/104;
}
body .body-a .footer .footer-row-top .footer-row-right1 {
  margin-top: -4px;
  width: 295px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}
body .body-a .footer .footer-row-top .footer-row-right1 .footer-text-retrouvez-nous {
  flex-grow: 1;
  color: #1d1d1b;
  text-align: center;
}
body .body-a .footer .footer-row-top .footer-row-right1 .footer-btn-cta-lined {
  display: flex;
  justify-content: center;
  color: #fff;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  background-color: #f3322d;
  padding: 12px 31px;
  border: 1px solid #f3322d;
  border-radius: 80px;
}
body .body-a .footer .footer-sous {
  container: footer-sous/inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #716f6f;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  background-color: #f5f5f5;
  padding: 24px 32px;
}
body .body-a .footer .footer-sous .footer-row {
  width: 100%;
  max-width: 1276px;
  display: flex;
  align-items: flex-start;
}
body .body-a .footer .footer-sous .footer-row .footer-text-copyright-2026-atlantic {
  flex-grow: 1;
}
body .body-a .footer .footer-sous .footer-row .footer-row-right2 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
body .body-a .footer .footer-sous .footer-row .footer-row-right2 a {
  text-align: center;
}
body .body-a .footer .footer-sous .footer-row .footer-row-right2 a:hover {
  text-decoration: underline;
}
body .nav-desktop {
  container: nav-desktop/inline-size;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-weight: 400;
  line-height: 1;
  background-color: #fff;
  padding: 6px 80px 5px 80px;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: center;
  z-index: 15;
}
body .nav-desktop-content {
  display: flex;
  max-width: 1400px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
body .nav-desktop {
  /* logo-pinpoint */
}
body .nav-desktop .logo-pinpoint {
  width: 170px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: #636363;
  font-size: 12px;
  letter-spacing: 0px;
}
body .nav-desktop .logo-pinpoint .logo-pinpoint-pinpoint {
  margin-left: -1px;
  width: 48px;
  flex-shrink: 0;
}
body .nav-desktop .logo-pinpoint .logo-pinpoint-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  flex-grow: 1;
  text-align: left;
  padding-top: 12px;
}
body .nav-desktop .logo-pinpoint .logo-pinpoint-col .logo-pinpoint-graphic {
  width: 115px;
  flex-shrink: 0;
  aspect-ratio: 587/104;
}
body .nav-desktop .logo-pinpoint .logo-pinpoint-col .logo-pinpoint-text {
  align-self: stretch;
}
body .nav-desktop .nav-desktop-row {
  /*width: 847px;*/
  width: 564px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  color: #2f2f2f;
  font-size: 14px;
  letter-spacing: -0.28px;
  padding-left: 57px;
}
body .nav-desktop .nav-desktop-row a {
  opacity: 0.75;
  text-align: left;
}
body .nav-desktop .nav-desktop-row a:hover {
  text-decoration: underline;
}
body .nav-desktop .nav-desktop-row .btn-cta-primary3 {
  line-height: unset;
}
body .nav-desktop .nav-desktop-btn-burger {
  display: none;
}
body .nav-desktop .nav-desktop-burger {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background-color: white;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.12);
  padding: 24px 12px;
  padding-top: 36px;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
body .nav-desktop .nav-desktop-burger .nav-desktop-btn-close {
  position: absolute;
  top: 24px;
  right: 24px;
}
@media (max-width: 1180px) {
  body .nav-desktop .nav-desktop-row {
    display: none;
  }
  body .nav-desktop .nav-desktop-btn-burger {
    display: block;
  }
}

@media (max-width: 1280px) {
  .header {
    padding-inline: 24px !important;
  }
  .nav-desktop {
    padding-inline: 24px !important;
  }
}
@media (max-width: 800px) {
  .header-line1 {
    flex-direction: row !important;
  }
}
@media (max-width: 540px) {
  body > div.body-a > .body-a-odr-section {
    padding-inline: 16px;
  }
  .card {
    padding-inline: 20px;
    padding-top: 20px !important;
  }
  .card-bottom {
    padding-inline: 20px !important;
  }
  .header {
    padding-inline: 16px !important;
  }
  .nav-desktop {
    padding-inline: 20px !important;
  }
  .header-line1 .br-elle-joue {
    display: none;
  }
}
@media (max-width: 560px) {
  .header {
    background: linear-gradient(90deg, rgba(27, 27, 27, 0.7) 0%, rgba(27, 27, 27, 0.2) 100%) top left/auto auto no-repeat, url(../assets/header-mobileV2.jpg) center center/cover no-repeat !important;
  }
}
@media (max-width: 800px) {
  body .body-a .footer .footer-sous .footer-row {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  body .body-a .footer .footer-sous .footer-row > * {
    text-align: center;
  }
  body .body-a .footer .footer-sous .footer-row > .footer-text-copyright-2026-atlantic {
    width: 100%;
  }
}
/* container queries (flex rows) */
@container header (width < 254px) {
  body .body-a .header .header-row {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  body .body-a .header .header-row > * {
    text-align: center;
  }
  body .body-a .header .header-row > .header-text-participations {
    width: 100%;
  }
}
/*@container body-a-odr-section (width < 1279px) {*/
/*@container body-a-odr-section (width < 375px) { */
@container body-a-odr-section (width < 425px) { 
  body .body-a .body-a-odr-section .body-a-row {
    flex-direction: column;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-row > * {
    text-align: center;
  }
  body .body-a .body-a-odr-section .body-a-row > .card-left {
    width: 100%;
    min-height: 330px !important;
    /*padding-bottom: 20px;*/
  }
  body .body-a .body-a-odr-section .body-a-row > .card-right {
    width: 100%;
    min-height: 330px !important;
    /*padding-bottom: 20px;*/
  }

  .card-left-col1 {
    min-height:  330px !important;
    background-size: 70% !important;
    background-position-y: calc(100% + 50px) !important;
  }

  .card-right-col1 {
    min-height:  330px !important;
    background-size: 65% !important;
    background-position-y: calc(100% + 27px) !important;
  }
}



@container body-a-odr-section (375 <= width <= 600px) {
  body .body-a .body-a-odr-section .body-a-row {
    flex-direction: column;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-row > * {
    text-align: center;
  }
  body .body-a .body-a-odr-section .body-a-row > .card-left {
    width: 100%;
    min-height: 400px !important;
    /*padding-bottom: 20px;*/
  }
  body .body-a .body-a-odr-section .body-a-row > .card-right {
    width: 100%;
    min-height: 400px !important;
    /*padding-bottom: 20px;*/
  }

  .card-left-col1 {
    min-height:  400px !important;
    background-size: 80% !important;
    background-position-y: calc(100% + 50px) !important;
  }

  .card-right-col1 {
    min-height:  400px !important;
    background-size: 80% !important;
    background-position-y: calc(100% + 27px) !important;
  }
}


@container body-a-odr-section (600px < width <= 768px) {
  body .body-a .body-a-odr-section .body-a-row {
    flex-direction: column;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-row > * {
    text-align: center;
  }
  body .body-a .body-a-odr-section .body-a-row > .card-left {
    width: 100%;
    min-height: 550px !important;
    /*padding-bottom: 20px;*/
  }
  body .body-a .body-a-odr-section .body-a-row > .card-right {
    width: 100%;
    min-height: 550px !important;
    /*padding-bottom: 20px;*/
  }

  .card-left-col1 {
    min-height:  550px !important;
    background-position-y: calc(100% + 138px) !important;
  }

  .card-right-col1 {
    min-height:  550px !important;
    background-position-y: calc(100% + 0px) !important;
  }
}

.left-right-cards-row {
  padding:20px 20px 0px 20px;
}

.left-right-cards-row .card-line-title {
  color: #003882;
}

.bottom-row {
  padding:0px 20px 20px 20px;
}

.bottom-row-mobile {
  padding:0px 20px 20px 20px;
}

.bottom-row-mobile .card-line-title {
  color:#E42313;
}

.bottom-row-mobile .mobile-temple-img {
  width:100%;margin:0 auto;
}


@container body-a-odr-section (width <= 768px) {
  .bottom-row { display: none !important;}
}

@container body-a-odr-section (width > 768px) {
  .bottom-row-mobile { display: none !important;}
}

@container body-a-odr-section (768px < width < 1025px) {
  body .body-a .body-a-odr-section .body-a-row .card-left {
    min-height: 350px !important;
  }
  .card-left-col1 {
    min-height: 350px !important;
    background-position-y: calc(100% + 138px) !important;
  }

  body .body-a .body-a-odr-section .body-a-row .card-right {
    min-height: 350px !important;
  }
  .card-right-col1 {
    min-height: 350px !important;
    background-position-y: calc(100% + 45px) !important;
  }

}

@container body-a-deroule (width >= 1024px) {
  .line-vertical {
    display: none !important;
  }
}

@container body-a-deroule (width < 768px) {
  body .body-a .body-a-odr-section .body-a-deroule .steps {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > * {
    margin-left: unset !important;
    margin-top: unset !important;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .col1 > * {
    text-align: unset;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .frame1 {
    width: 100%;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .col2 > * {
    text-align: unset;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .frame2 {
    width: 100%;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .col3 > * {
    text-align: unset;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .frame3 {
    width: 100%;
    align-items: center;
  }
  body .body-a .body-a-odr-section .body-a-deroule .steps > .col4 > * {
    text-align: unset;
  }
}
@container footer (width < 569px) {
  body .body-a .footer .footer-row-top {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  body .body-a .footer .footer-row-top > * {
    margin-top: unset !important;
  }
}
@container footer-row-top (width < 294px) {
  body .body-a .footer .footer-row-top .footer-row-right1 {
    flex-direction: column;
    align-items: center;
    gap: 13px;
  }
  body .body-a .footer .footer-row-top .footer-row-right1 > * {
    text-align: center;
  }
  body .body-a .footer .footer-row-top .footer-row-right1 > .footer-text-retrouvez-nous {
    width: 100%;
  }
}
a {
  cursor: pointer;
}
a object {
  pointer-events: none;
}

.br-mobile {
  display: none;
}

@media (max-width: 640px) {
  .br-mobile {
    display: block;
  }
}


.card-left-col1 {
  min-height: 420px;
  /*text-align: center;*/
  /*border: 2px solid #2F80ED;
  background-color: none;
  background-image: url(../assets/left-catd-t-shirt-rotation.png);
  border-radius: 16px;
  background-size: auto;
  background-position-x: 50% !important;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position-y: calc(100% + 210px);*/
}

  .card-right-col1 {
  min-height: 420px;
  /*text-align: center;*/
  /*border: 2px solid #2F80ED;*/
  /*background-color: none;
  background-image: url(../assets/right-card-total-rotation.png);
  border-radius: 16px;
  background-size: auto;
  background-position-x: 50% !important;
  background-size: 55%;
  background-repeat: no-repeat;
  background-position-y: calc(100% + 35px);*/
  }

  .card-bottom {
  box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.03), 0px 30px 30px 0px rgba(0, 0, 0, 0.03), 0px 68px 41px 0px rgba(0, 0, 0, 0.02), 0px 121px 48px 0px rgba(0, 0, 0, 0), 0px 189px 53px 0px rgba(0, 0, 0, 0);
  min-height: 480px;
  background: url(../assets/fond-ligne-desktop.png);
  background-size: 100% 100%;
  border: solid 2px #E42313;
  border-radius: 16px;
  width: 100%;
  }

  .card-bottom-mobile {
  box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.03), 0px 30px 30px 0px rgba(0, 0, 0, 0.03), 0px 68px 41px 0px rgba(0, 0, 0, 0.02), 0px 121px 48px 0px rgba(0, 0, 0, 0), 0px 189px 53px 0px rgba(0, 0, 0, 0);
  border:solid 2px #E42313;
  border-radius: 16px;
  min-height: 480px;
  width: 100%;
  background: linear-gradient(360deg, rgba(228, 35, 19, 0.1) 59.11%, rgba(228, 35, 19, 0) 79.04%);
  padding: 40px 10px 10px 10px;			

  }

  .card-line-title {
  font-family: Poppins;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: -2%;
  text-align: center;
  text-transform: uppercase;
  }

  .card-point-img {
  width:33%;margin:0 auto;
  }

  .card-title-img {
  width:60%;margin:0 auto;
  }

  .card-plus-img {
  width:10%;margin:0 auto;
  }

.card-club-img {
  width:60%;margin:0 auto;
}

  .card-line-margin-bottom {
  margin-bottom: 20px !important;
  }



div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    background-color: rgb(255, 0, 0) !important;
}



dialog {
    border: none;
    border-radius: 12px;
    padding: 20px;
    width: 400px;
    max-width: 90%;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,.25);
    animation: swalShow .3s ease;
    transform-origin: center;
}

dialog[open] {
    animation: swal-popup .25s ease-out;
}

@keyframes swal-popup {
    0% {
        opacity: 0;
        transform: scale(.7);
    }
    45% {
        transform: scale(1.05);
    }
    80% {
        transform: scale(.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

dialog::backdrop {
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(3px);
}

.dialog-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #a5dc86;
    color: white;
    font-size: 40px;
    line-height: 80px;
    font-weight: bold;
}

dialog h2 {
    margin: 0 0 15px;
    font-size: 28px;
    color: #595959;
}

dialog p {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #545454;
    font-size: 16px;
}

.dialog-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.btn-confirm {
    background: #3085d6;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-confirm:hover {
    background: #2575c7;
}

.btn-cancel {
    background: #d33;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-cancel:hover {
    background: #c62828;
}

#myDialogCloseButton {
  cursor: pointer;
}

@keyframes swalShow {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

dialog .myDialogImageTitle {
    width:30%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.info-message-row {
  width: 90%;
  margin-top: -20px;
}

.info-message {
  width:auto;
  background-color:#F5F5F5;
  height: 40;
  angle: 0 deg;
  opacity: 1;
  gap: 8px;
  border-radius: 8px;
  padding: 12px;
  margin:0 auto;
  margin-top:-30px;
}

.info-message img {
  float: left;
  width: 15px;
  margin-right: 5px;
}

.info-message span {
  float:left;
  text-align: left;
  color:#706F6F;
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

@media (max-width: 768px) {
  .info-message span {
    width: 95% !important;
  }
}




/*# sourceMappingURL=d-atlantic-odr.css.map */

/* =====================================================================================

CUSTOM CSS

===================================================================================== */
a.launch-game-btn {
    width: 180px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-style: normal;
    letter-spacing: 0px;
    text-align: center;
    background-color: #f3322d;
    padding: 15px 0px 7px 0px;
    border: 1px solid #f3322d;
    border-radius: 80px;
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-align: center;
    vertical-align: middle;
    opacity: 1 !important;
    text-decoration: none !important;
}

a.launch-game-btn.return-to-home {
  width: 210px;
  padding-left: 10px;
  padding-right: 20px;
}

a.launch-game-btn img {
    position: relative;
    width: 25px;
    /* margin-left: 10px; */
    top: -3px;
    right: -10px;
}

.hero {
    position: relative;
    background-image: url("../assets/images/hero_banner_mobile.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 750 / 1460;
    padding: 0px 8%;
    /*border-radius: 25px 25px 0px 25px;*/
    margin: 80px 0px 0px 0px;
}

@media screen and (min-width: 1000px) {
    .hero {
        background-image: url("../assets/images/hero_banner_desktop.png");
        aspect-ratio: 2000 / 625;
    }

    .hero .embeded-cta {
        position: absolute;
        top: 80% !important;
        left: calc(50% - 90px) !important;
    }
}

@media (max-width: 999px) {
    .hero .embeded-cta {
        position: absolute;
        top: 81% !important;
        left: calc(50% - 90px) !important;
    }
}

h2.body-red-title {
    color: #F3322D;
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    /*leading-trim: NONE;*/
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
}

p.body-subtitle {
  color:#2F2F2F;
  font-family: Poppins;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  /*leading-trim: NONE;*/
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

.body-step-position {
  color: #A8A8A7;
  font-family: Poppins;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  /*leading-trim: NONE;*/
  line-height: 100%;
  letter-spacing: -2%;
  text-align: center;
  text-transform: uppercase;
}



@media (max-width: 999px) {
    h2.body-red-title {
      font-size: 30px !important;
    }

    p.body-subtitle {
      font-size: 16px !important;
    }
}

body .body-a .body-a-odr-section .body-a-deroule { 
  background-color: transparent;
  padding: 0;
}

.launch-game-btn.center {
  margin: 0 auto;
}



.footer-row-right2 a {
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}


.nav-launch-game-btn {
  display: none;
}

.nav-launch-game-btn img {
  width: 60%;
  margin: 0px 50%;
}

@media (max-width: 1180px) {
  .nav-launch-game-btn {
    display: block !important;
  }
}

.game .body-a-odr-section {
  margin: 80px 0px 0px 0px;
}


@media (min-width: 769px) {
  .mobile {
    display: none !important;
  }
  .desktop {
    display: block !important;
  }
}