/*
 * Header
 * -----------------------------
*/
:root {
	--space: 50px;
	--main-font-family: 'nexa', sans-serif;
    --title-font-family: 'fields', sans-serif;
    --main-font-color: #fff;
    --color1 : #C6D76B;
    --color2 : #565D18;
    --color3 : #2E4404;
    --color4 : #581866;
    --color5 : #340338;
    --color6 : #18073A;
    --color6-transp : #18073A3D;
}

html {
	font-size: 16px;
}

body {
	background-image: url('../img/background-pleiade-home-nostars.jpg');
	color: var(--main-font-color);
	height: 100vh;
	overflow-y: scroll;

}

a {
	text-decoration: none!important;
}

h1, h2, h3, .h1 {
	font-family: var(--title-font-family);
	line-height: 0.8;
}

h1, .h1 {
	font-size: var(--space);
}

h2, .page-template-tpl-questionnaire h1 {
	font-size: calc(var(--space) / 2);
	font-weight: 500;
}

h3, .page-template-tpl-questionnaire h2 {
	font-size: calc(var(--space) / 3);
	line-height: 1;
}

strong {
	font-weight: 700;
}

body, .background-front {
    background-size: cover; /* L'image couvre tout l'espace (sans déformation) */
    background-position: -160vw; /* Centre l'image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-attachment: fixed; /* Rendre le background FIXE (ne défile pas) */
    width: 100%; /* Prend toute la largeur */
    height: 100vh; /* 100% de la hauteur de la fenêtre (viewport height) */
    position: relative;
}

body .stars {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.star {
	position: absolute;
	background: #fff;
	border-radius: 50%;
	animation: twinkle 0.2s infinite alternate;
}

@keyframes twinkle {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}

body .background-front, body .stars {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

header {
	padding: var(--space) 0;
	z-index: 1;
	position: relative;
	/*height: 15vh;*/
}

header.scroll {
	padding: calc(var(--space) / 2) 0;
	/*height: 10vh;*/
}

header .container, header .container.scroll {
	opacity: 1;
}

header .container-fluid.scroll , header .container-fluid {
	opacity: 0;
}

header div.container.scroll {
	margin-right: 0;
	margin-left: 0;
}

.menu-btn {
	font-size: calc(var(--space) / 2);
	background-color: unset;
	border: 0;
	color: var(--main-font-color);
	cursor: pointer;
}

.logo-container {
	height: var(--space);
	width: 100%;
	position: relative;
}

.logo {
	height:var(--space);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.cta, input.gform_button[type=submit], .contenu-qr a, #loginform input[type=submit] {
	display: inline-block!important;
  padding: 20px 35px!important;
  border-radius: 30px!important;
  font-weight: 700!important;
  background-color: var(--color1)!important;
  border: 0!important;
  color: var(--color6)!important;
  font-size: 14px!important;
  text-transform: uppercase!important;
  margin-top: calc(var(--space) / 2)!important;
  position: relative!important;
}

.cta::before, input.gform_button[type=submit]::before, .contenu-qr a::before {
  content: ''!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  border-radius: 50%!important;
  /*background-image: url('../img/stars-green.png')!important;*/
  background-size: cover!important;
  background-repeat: no-repeat!important;
  pointer-events: none!important;
}

.cta:hover, input.gform_button[type=submit]:hover, .contenu-qr a:hover {
  color: var(--color1)!important;
  background-color: var(--color6)!important;
}


.cta, input.gform_button[type=submit], .contenu-qr a, #loginform input[type=submit] {
	-webkit-transition: all 1s ease!important;
	-moz-transition: all 1s ease!important;
	-o-transition: all 1s ease!important;
	transition: all 1s ease!important;
}

#questionnaire,
.elems-questionnaire {
  /* Version préfixée (anciens navigateurs) */
  -webkit-transition:
    opacity 1s ease,
    height 0.5s ease;
  -moz-transition:
    opacity 1s ease,
    height 0.5s ease;
  -o-transition:
    opacity 1s ease,
    height 0.5s ease;
  /* Version standard (moderne) */
  transition:
    opacity 1s ease,
    height 0.5s ease;
}

.hide {
	display: none;
}



/* Fading effects */

.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease-out, transform 0.5s ease-out;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-right {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity 1s ease-out, transform 0.5s ease-out;
}

.fade-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.fade-down {
  opacity: 0;
  transform: translateY(-60px);
  transition: opacity 1s ease-out, transform 0.5s ease-out;
}

.fade-down.visible {
  opacity: 1;
  transform: translateY(0);
}




header, header div.container, header div.container-fluid, main, .logo {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.border-bottom-dotted {
  position: relative;
  padding-bottom: 5px; /* ajuste selon tes besoins */
}

.border-bottom-dotted::after, .single-resultats .face-front .card-content .card-quotes li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px; /* épaisseur du border */
  background: repeating-linear-gradient(
    90deg,
    var(--main-font-color) 0px,
    var(--main-font-color) 1px,    /* taille des points */
    transparent 2px,
    transparent 10px                 /* point + espacement */
  );
}

#breadcrumbs {
	padding: calc(var(--space) / 2) 0;
}

#breadcrumbs, #breadcrumbs a {
	color: var(--main-font-color);
	font-size: 14px;
}

#breadcrumbs a {
	font-weight: 700;
	text-decoration: none;
}

#offcanvasMenu {
	width: 80vw!important;
	background: linear-gradient(0deg,var(--color6) 0%, var(--color4) 100%);
	color: white;
}

#offcanvasMenu .offcanvas-body {
	background: linear-gradient(0deg,var(--color6) 0%, var(--color4) 100%);
	color: white;
}

#offcanvasMenu .offcanvas-body.begin {
	animation: fading 2s ease-in-out forwards;
}

#offcanvasMenu .btn-close {
  --bs-btn-close-bg: url("");
  color: var(--main-font-color);
}

@keyframes fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.navbar-nav li {
	padding: 0.5rem 0;
}

.navbar-nav li a {
	color: white;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.container .navbar-nav {
	display: flex;
	flex-direction: row;
}

.container .navbar-nav li {
	margin-right: 1rem;
}

.user-info-header {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.user-info-header a {
	font-size: 0.6rem;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
}


/* End of Header */


/*
 * Content
 * -----------------------------
 */

main {
	position: relative;
	overflow-y: scroll;
	height: 85vh;
}

main.scroll {
	height: 90vh;
}

main .module .container {
	background-color: var(--color6-transp);
}

main .module .container p {
  text-align: inherit !important;
}

main .container .col-10 {
	padding-left: 0;
	padding-right: 0;
}

main .module:first-of-type .container {
	border-radius: 6px 6px 0 0;
}

main .module:last-of-type .container {
	border-radius: 0 0 6px 6px;
}

.module-margin-large, .module-margin-medium, .module-margin-small {
	margin-bottom: 0!important;
}

.module-margin-large .container {
	padding-bottom: calc(var(--space) * 2);
}

.module-margin-medium .container, .module-margin-medium.container {
	padding-bottom: calc(var(--space) * 1);
}

.module-margin-small .container {
	padding-bottom: calc(var(--space) / 2);
}

#intro-questionnaire, #questionnaire {
	overflow: hidden;
	position: relative;
}

#intro-questionnaire, #questionnaire.show {
	opacity: 1;
	z-index: 10;
	height: 100%;
}

#intro-questionnaire.hide, #questionnaire {
	opacity: 0;
	z-index: -1;
	height: 0px;
}

/* Cartes  */
#questionnaire .slick-initialized .slick-slide {
  display: flex;
  padding: calc(var(--space) / 2) 0;
}

@keyframes flip-card-back {
    0% {
        transform: scale(1.05);
        z-index: 12;
    }
    49.9998% {
        z-index: 12;
    }
    49.9999% {
        transform: scale(1.05) scaleX(0);
        z-index: 10;
    }
    100% {
        transform: scale(1);
        z-index: 10;
    }
}

@keyframes flip-card-front {
    0% {
        transform: scale(1.05);
        z-index: 10;
    }
    49.9998% {
        z-index: 10;
    }
    49.9999% {
        transform: scale(1.05) scaleX(0);
        z-index: 12;
    }
    100% {
        transform: scale(1);
        z-index: 12;
    }
}

.slick-current .col-10:first-of-type .flip-animation .face-back {
    animation: flip-card-back 1s ease-in-out 0.5s forwards;
}

.slick-current .col-10:first-of-type .flip-animation .face-front {
    animation: flip-card-front 1s ease-in-out 0.5s forwards;
}

.slick-current .col-10:last-of-type .flip-animation .face-back {
    animation: flip-card-back 1s ease-in-out 0.6s forwards;
}

.slick-current .col-10:last-of-type .flip-animation .face-front {
    animation: flip-card-front 1s ease-in-out 0.6s forwards;
}







/* Animation inverse (front → back) */
.flip-reverse .face-front {
    animation: flip-card-front-reverse 0.6s ease-in-out forwards !important;
}
.flip-reverse .face-back {
    animation: flip-card-back-reverse 0.6s ease-in-out forwards !important;
}

/* Keyframes pour l'animation inverse */
@keyframes flip-card-front-reverse {
    0% {
        transform: scale(1);
        z-index: 12;
    }

    49.9998% {
        z-index: 12;
    }
    49.9999% {
        transform: scale(1.05) scaleX(0);
        z-index: 10;
    }
    100% {
        transform: scale(1);
        z-index: 10;
    }
}

@keyframes flip-card-back-reverse {
    0% {
        transform: scale(1);
        z-index: 10;
    }
    49.9998% {
        z-index: 10;
    }
    49.9999% {
        transform: scale(1.05) scaleX(0);
        z-index: 12;
    }
    100% {
        transform: scale(1.05);
        z-index: 12;
    }
}

/* Force l'état initial pour les cartes non animées */
.face-back {
    transform: scale(1.05);
    z-index: 12;
}
.face-front {
    transform: scale(1);
    z-index: 10;
}








.card-container {
	position: relative;
	aspect-ratio: 2/3;
}

.face-front, .face-back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.face-front {
	border: 15px solid var(--color4);
	border-radius: 25px;
	background-color: var(--main-font-color);
	color: var(--color4);
	z-index: 10;
}

.face-back {
	border: 15px solid var(--main-font-color);
	border-radius: 25px;
	background: linear-gradient(0deg,var(--color6) 0%, var(--color4) 100%);
	color: var(--main-font-color);
	z-index: 12;
}

.face-back .card-logo, .face-front .card-logo {
	width: 100%;
	height: calc(var(--space) * 2);
}

.face-back .card-content {
	padding: var(--space) calc(var(--space) / 2);
	height: 100%;
}

.face-back .card-content p.card-description {
	font-size: calc(var(--space) / 4);
	font-weight: 500;
	text-transform: uppercase;
	text-align: center !important;
}

.face-front .card-content {
	padding: 15px 30px 30px 30px;
}

.face-front .card-content .card-symbole {
	height: 60px;
	width: 60px;
	border: 5px solid var(--color1);
	border-radius: 50%;
	background-color: var(--color4);
	color: var(--main-font-color);
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.face-front .card-content h3 {
	height: 84px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 0;
  margin-top: calc(var(--space) / 3);
}

.face-front .card-content p.card-description {
	font-size: calc(var(--space) / 3);
	font-weight: 500;
	height: 70px;
	line-height: 1;
}

.face-front .card-content .border-bottom-dotted {
  padding-bottom: 0px;
  margin-top: calc(var(--space) / 3);
}

.face-front .card-content .border-bottom-dotted::after {
  background: repeating-linear-gradient(
    90deg,
    var(--color6-transp) 0px,
    var(--color6-transp) 1px,
    transparent 2px,
    transparent 10px 
  );
}

.face-front .card-content .card-select {
	padding-top: calc(var(--space) / 3);
}

.face-front .card-content .card-select input {
	display: none;
}

.face-front .card-content .card-select label {
	color: var(--color2);
	display: flex;
  align-items: center;
}

.face-front .card-content .card-select label span {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

/* Style pour le texte du label */
.face-front .card-select-label input:checked ~ span {
  font-weight: 600;
}

.face-front .card-select-label .fa-circle-dot {
    display: none;
}

.face-front .card-content button {
	width: 100%;
	font-size: 8px;
}

.face-front .card-content button:disabled {
	background-color: grey;
	color: white;
	opacity: 0.5;
}

.face-front .card-content button:disabled::before {
	background-image: none;
}

.questionnaire-header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.progression-container {
	flex: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 0;
	font-family: var(--title-font-family);
}

.progression-container .pourcentage-debut, .progression-container .pourcentage-fin {
	width: 15%;
	text-align: right;
}

.progression-container .barre-progression,
.progression-container .barre-progression .progression {
	height: 10px;
	border-radius: 5px;
}

.progression-container .barre-progression {
	width: 68%;
	background-color: var(--main-font-color);
}

.progression-container .barre-progression .progression {
	background-color: var(--color1);
}

#goback {
	font-weight: 500;
  background-color: unset;
  border: 0;
  color: var(--main-font-color);
  font-size: 14px;
  text-transform: uppercase;
}


/* TOTEM  */

.single-resultats .card-content {
	padding: calc(var(--space) / 2);
	overflow: hidden;
}

.single-resultats .card-content .card-symbole, #offcanvasMenu .card-symbole {
	aspect-ratio: 1/1;
	border: 10px solid var(--color1);
	border-radius: 50%;
	background-color: var(--main-font-color);
}

.single-resultats .card-content .card-description p {
	margin-bottom: 0.5rem;
}

.single-resultats .card-content .card-description p strong {
	font-family: var(--title-font-family);
	font-size: 18px;
}

.single-resultats .card-content ul.card-categories, #offcanvasMenu ul.card-categories  {
	margin-top: var(--space);
	display: flex;
	justify-content: space-between;
}

.single-resultats .card-content ul.card-categories li, #offcanvasMenu ul.card-categories li {
	opacity: 0.25;
}

.single-resultats .card-content ul.card-categories li.icone-active, #offcanvasMenu ul.card-categories li.icone-active {
	opacity: 1;
}

.single-resultats .card-content .card-baseline {
	text-transform: uppercase;
	text-align: center!important;
	margin-top: calc(var(--space) / 2);
}

.single-resultats .card-container {
  aspect-ratio: 1/4;
}

.single-resultats .face-front .card-content .card-symbole {
	height: unset;
	width: unset;
}

.single-resultats .face-front .card-content .card-baseline {
	text-align: left!important;
	margin-top: calc(var(--space) / 3);
}

.single-resultats .face-front .card-content .card-quotes li {
	position: relative;
	padding: 10px;
	background-color: var(--color6-transp-plus);
	color: var(--color6);
	font-family: var(--title-font-family);
}

.single-resultats .face-front .card-content .card-quotes li:nth-child(even) {
  text-align: right;
}

.single-resultats .face-front .card-content .card-quotes li::after {
  background: repeating-linear-gradient(
    90deg,
    var(--color6) 0px,
    var(--color6) 1px,    /* taille des points */
    transparent 2px,
    transparent 10px                 /* point + espacement */
  );
}

.single-resultats .face-front .card-content .card-quotes li:last-of-type::after {
  background: repeating-linear-gradient(
    90deg,
    var(--color6) 0px,
    var(--color6) 0px,    /* taille des points */
    transparent 0px,
    transparent 0px                 /* point + espacement */
  );
}

.single-resultats .flip-animation .face-back {
    animation: flip-card-back 0.5s ease-in-out 0.5s forwards;
}

.single-resultats .flip-animation .face-front {
    animation: flip-card-front 0.5s ease-in-out 0.5s forwards;
}


/* Contact */

.page-template-tpl-contact h1, .gfield--input-type-section h3 {
	font-size: calc(var(--space) / 2);
	font-weight: 500;
}

.gfield--input-type-section h3 {
	margin-top: calc(var(--space) / 2);
}

/*.gform-theme--foundation {
	position: relative!important;
  top: -3rem!important;
}*/

.gform-theme--foundation .gform_fields {
	display: flex!important;
	flex-direction: column;
	row-gap: 1rem!important;
}

.gform_wrapper label, .gform_wrapper fieldset {
	margin-bottom: 2rem!important;
}

.gform_wrapper label, .gform_wrapper fieldset legend {
	display: none!important;
}

.gform_wrapper fieldset label {
	display: inline-block!important;
	margin-bottom: 0!important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input.gform_button[type=submit], #loginform input[type=text],
#loginform input[type=password], #loginform input[type=submit] {
	width: 100%;
	margin-bottom: 1rem !important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper select, 
#loginform input[type=text], #loginform input[type=password] {
	height: 50px!important;
	margin-bottom: 0!important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper select, .gform_wrapper textarea {
	border-radius: 15px!important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper select {
	height: 60px!important;
}

#loginform p input {
	margin: 1rem 0 0 0!important;
	padding: 0 1rem;
}

#loginform input[type=text], #loginform input[type=password] {
	background-color: #FAFAFA;
	border: 1px #E8E8E8 solid;
}

.gform_wrapper input.gform_button.button {
	width: 100%!important;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
#loginform input[type=text], #loginform input[type=password] {
  outline-color: var(--color4)!important;
  outline-width: 0px!important;
}

.ginput_container.ginput_container_checkbox {
	display: flex;
  flex-direction: row-reverse;
}

.gform_wrapper input[type="checkbox"]:checked {
  background-color: var(--color4);
  color: white;
}

.ginput_container.ginput_container_radio .gfield_radio {
	display: flex!important;
	flex-direction: column!important;
}

.ginput_container.ginput_container_radio .gfield_radio label {
	color: white;
	text-transform: uppercase;
  font-weight: 700;
}

.ginput_container.ginput_container_checkbox label {
  color: white;
}

.ginput_container.ginput_container_checkbox input {
  border-radius: 50%!important;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
  border-block-end: unset!important;
  padding-block-end: unset!important;
}

#gform_confirmation_message_1 {
	margin-top: var(--space);
}


/* Front-page */

.main-intro {
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.main-intro h1 {
	font-size: calc(var(--space) * 0.8);
	font-weight: 500;
	line-height: 1;
	margin-bottom: var(--space);
}

.main-intro .cta {
	margin-top: var(--space);
}

.main-intro a {
	cursor: pointer;
}

.main-intro a i {
	margin-top: calc(var(--space) * 2);
	color: white;
	font-size: calc(var(--space) / 2);
}

.module.module-liste {
	background-color: #fffc;
	padding: calc(var(--space) * 2) 0 calc(var(--space) * 3) 0;
	color: var(--color6);
}

.module.module-liste .container, .module.module-faq .container {
	background-color: unset;
}

.module.module-liste ul.list-icons {
	padding-left: 0;
}

.module.module-liste ul.list-icons li {
	list-style-type: none;
	font-size: calc(var(--space) / 3);
	display: flex;
	justify-content: center;
	height: var(--space);
}

.module.module-cta {
	padding: calc(var(--space) * 2) 0;
}

.module.module-cta .container {
	background-color: unset;
}

.module.module-cta article {
	background-color: var(--color6-transp);
	padding: calc(var(--space) * 0.6);
	border-radius: 15px 15px 0 0;
	min-height: 440px;
}

.module.module-cta article .card-symbole {
	height: 70px;
}

.module.module-cta .card-end {
	height: 15px;
	border-radius: 0 0 15px 15px;
	background-color: var(--color1);
}

main .module.module-faq .container p {
  text-align: center !important;
}

.module.module-faq .container .contenu-qr {
	background-color: var(--color6-transp);
	border-radius: 15px;
	padding: 50px;
	width: 100%;
}

.module-faq.module-faq-qr .box-qr {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.module-faq.module-faq-qr .box-qr .number-qr {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-family: var(--title-font-family);
	font-size: calc(var(--space) / 2);
	color: var(--color6);
	background-color: var(--color1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.module-faq.module-faq-qr .box-qr .separation {
	width: 1px;
	height: var(--space);
	margin: 1rem 0;
	background-color: white;
}





/* End of Content */


/*
 * Footer
 * -----------------------------
 */

footer {

}

div.container.footer {
	margin-top: calc(var(--space) * 2);
	padding-bottom: var(--space);
}

div.container.footer a {
	color: white;
}

div.container.footer .partners-container {
  overflow: hidden;
  width: 100%;
}

div.container.footer .partners-track {
  display: flex;
  will-change: transform; /* Optimisation GPU */
  gap: 0; /* Supprime les marges entre slides */
}

div.container.footer .partners  .partner-info {
  flex-shrink: 0;
  /* Tes largeurs variables ici (ex: width: 20%, width: 30% etc) */
  margin: 0 !important; /* Bloque les marges externes */
  flex-direction: column;
}

div.container.footer .partners .partner-info.active {
    margin-left: 0 !important; /* Force l'alignement à gauche */
}

div.container.footer .partners .partner-info div {
	flex: 1 1 0;
}

div.container.footer .partners .partner-info div.partner-logo-container,
div.container.footer .partners .partner-info div.partner-logo-container-single {
	background-color: var(--color6-transp);
	border-radius: 15px 15px 0 0;
	padding: 50px 50px 10px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.container.footer .partners .partner-info div.partner-logo-container-single {
	border-radius: 15px 15px 15px 15px;
	padding: 50px;
}

div.container.footer .partners .partner-info div.partner-desc {
	background-color: var(--color6-transp);
	border-radius: 0 0 15px 15px;
	padding:10px 50px 50px 50px;
}

div.container.footer .partners .partner-info div.partner-desc p {
	font-size: 0.7rem;
	line-height: 1rem;
}



/* End of Footer */


/*
 * Media Queries
 * -----------------------------
 */

@media (min-width: 427px) {

	body, .background-front {
	    background-position: -100vw; /* Centre l'image */
	}

	.single-resultats .card-container {
	  aspect-ratio: 1/3;
	}

}


@media (min-width: 576px) {
	body, .background-front {
	    background-position: center; /* Centre l'image */
	}

	.single-resultats .card-container {
	  aspect-ratio: 3/7;
	}

}


@media (min-width: 768px) {
	:root {
		--space: 70px;
	}

	header {
		padding: var(--space) 0;
		z-index: 1;
		position: relative;
		height: 20vh;
	}

	header.scroll {
		padding: 0;
		height: 0vh;
	}

	header .container, header .container-fluid.scroll {
		opacity: 1;
	}

	header .container-fluid.scroll {
		position: fixed;
		top: 1rem;
	}

	header .container.scroll, header .container-fluid {
		opacity: 0;
	}

	#offcanvasMenu {
		width: 40vw!important;
	}

	main {
		position: relative;
		overflow-y: scroll; 
		height: 80vh;
	}

	main.scroll {
		height: 100vh;
	}

	.questionnaire-header {
		flex-direction: row;
		margin-left: calc(var(--space) / 2);
	}

	.progression-container .pourcentage-debut, .progression-container .pourcentage-fin {
		width: 8%;
	}

	.progression-container .barre-progression {
		width: 80%;
	}

	.face-front .card-content h3 {
		height: 125px;
	}

	.face-front .card-content p.card-description {
		height: 105px;
	}

	.face-front .card-content .card-select label span {
	  font-size: 1rem;
	}

	.face-front .card-content .card-symbole {
		height: 110px;
		width: 110px;
		font-size: 50px;
	}

	.face-front .card-content button {
		font-size: 14px;
	}

	.single-resultats .card-container {
	  aspect-ratio: 1/2;
	}

}


@media (min-width: 998px) {

	.single-resultats .card-container {
	  aspect-ratio: 3/4;
	}

	.single-resultats .questionnaire-header h2 {
	  font-size: calc(var(--space) * 0.45);
	}

	.ginput_container.ginput_container_radio .gfield_radio {
		flex-direction: row!important;
	}

	.ginput_container.ginput_container_radio .gfield_radio div {
		margin-left: 1rem;
	}

	.ginput_container.ginput_container_radio .gfield_radio div:first-of-type {
		margin-left: 0rem;
	}

	div.container.footer .partners  .partner-info {
	  flex-direction: row;
	  min-height: 260px;
	}

	div.container.footer .partners .partner-info div.partner-logo-container,
	div.container.footer .partners .partner-info div.partner-logo-container-single {
		border-radius: 15px 0 0 15px;
		padding: 50px 10px 50px 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	div.container.footer .partners .partner-info div.partner-logo-container-single {
		border-radius: 15px 15px 15px 15px;
		padding: 50px;
	}

	div.container.footer .partners .partner-info div.partner-desc {
		border-radius: 0 15px 15px 0;
		padding: 50px 50px 50px 10px;
		display: flex;
    	align-items: center;
	}

}


@media (min-width: 1200px) {

	#offcanvasMenu {
		width: 25vw!important;
	}

	.single-resultats .card-container {
	  aspect-ratio: 1/1;
	}

}


@media (min-width: 1400px) {

}


/* End of Media Queries */