/* -------------------------------------------------- */

/*   $ > AOX Styles Core

/* -------------------------------------------------- */

/*

v1.4.0 - 03/09/25

03/09/25 (FJA) - v1.4.0 - Modifs structure edito
26/08/25 (FJA) - v1.3.0 - Maj variables
11/06/25 (FJA) - v1.0.1 - Ajout variables

*/

/* ======================================== */
/*  Reset
/* ======================================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/***/

* { box-sizing: border-box; }

input,
textarea,
select,
span[role=radio],
span[role=checkbox],
span[role=combobox] {
	outline: none;
	}
button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	transition: all ease 400ms;
	background-color: transparent;
	}

/* ======================================== */
/*  Common
/* ======================================== */

body {
	font-family: var(--aox-font-family);
	font-weight: var(--aox-font-weight);
	font-size: var(--aox-font-size);
	line-height: var(--aox-line-height);
	color: var(--aox-color-default);
	}

p,
ul,
ol,
li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	}

strong {
	font-weight: var(--aox-font-weight-strong);
	}
em {
	font-style: italic;
	}
sup {
	position: relative;
	top: -.3em;
	font-size: 0.75em;
	margin: 0 var(--aox-2px);
	}

a {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-decoration: none;
	transition: all var(--aox-transition-timing-function) var(--aox-transition-duration);
	}
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
	}

/* ======================================== */
/*  obj_button
/* ======================================== */

.obj_button {
	text-decoration: none;
	outline: none;
    cursor: pointer;
	transition: all var(--aox-transition-timing-function) var(--aox-transition-duration);
	}

.obj_button:disabled {
	opacity: 0.25;
	cursor: default;
	}

.obj_button.button_default {
	display: inline-block;
	margin: 0;
    padding: var(--aox-button-padding);
	font-family: var(--aox-button-font-family);
	font-weight: var(--aox-button-font-weight);
	font-size: var(--aox-button-font-size);
	line-height: var(--aox-button-line-height);
	color: var(--aox-button-color);
    text-transform: var(--aox-button-text-transform);
	border-radius: var(--aox-button-border-radius);
	border: solid var(--aox-button-border-size) var(--aox-button-border-color);
    background-color: var(--aox-button-background-color);
	}
.obj_button.button_default:hover:not(:disabled) {
	color: var(--aox-button-hover-color);
	border-color: var(--aox-button-hover-border-color);
    background: var(--aox-button-hover-background-color);
	}

/***/

.obj_button.button_default.default_light {
	color: var(--aox-button-hover-color);
	border-color: var(--aox-button-hover-background-color);
    background: var(--aox-button-hover-background-color);
	}
.obj_button.button_default.default_light:hover:not(:disabled) {
	color: var(--aox-button-color);
	border-color: var(--aox-button-background-color);
    background-color: var(--aox-button-background-color);
	}

/***/

.obj_button.button_border {
	display: inline-block;
	margin: 0;
    padding: var(--aox-button-padding);
	font-family: var(--aox-button-font-family);
	font-weight: var(--aox-button-font-weight);
	font-size: var(--aox-button-font-size);
	line-height: var(--aox-button-line-height);
	color: var(--aox-button-hover-color);
    text-transform: uppercase;
	border-radius: var(--aox-button-border-radius);
	border: solid var(--aox-button-border-size) var(--aox-button-hover-border-color);
    background: var(--aox-button-hover-background-color);
	}
.obj_button.button_border:hover:not(:disabled) {
	color: var(--aox-button-color);
	border-color: var(--aox-button-border-color);
    background-color: var(--aox-button-background-color);
	}

/* ======================================== */
/*  obj_text
/* ======================================== */

.obj_text > * + * {
	margin-top: var(--aox-text-gap-xl);
	}

.obj_text .ctn_text-header > * + * {
	margin-top: var(--aox-text-gap-m);
	}
.obj_text .ctn_text-header .t_surtitle {
	font-family: var(--aox-text-header-surtitle-font-family);
	font-weight: var(--aox-text-header-surtitle-font-weight);
	font-size: var(--aox-text-header-surtitle-font-size);
	line-height: var(--aox-text-header-surtitle-line-height);
	color: var(--aox-text-header-surtitle-color);
	text-transform: var(--aox-text-header-surtitle-text-transform);
	}
.obj_text .ctn_text-header .t_title {
	font-family: var(--aox-text-header-title-font-family);
	font-weight: var(--aox-text-header-title-font-weight);
	font-size: var(--aox-text-header-title-font-size);
	line-height: var(--aox-text-header-title-line-height);
	color: var(--aox-text-header-title-color);
	text-transform: var(--aox-text-header-title-text-transform);
	}
.obj_text .ctn_text-header .t_title.title_large {
	font-size: var(--aox-text-header-title-large-font-size);
	}

.obj_text .ctn_text {
	font-family: var(--aox-text-font-family);
	font-weight: var(--aox-text-font-weight);
	font-size: var(--aox-text-font-size);
	line-height: var(--aox-text-line-height);
	color: var(--aox-text-color);
	}
.obj_text .ctn_text > * + * {
	margin-top: var(--aox-text-gap-l);
	}
.obj_text .ctn_text .t_title {
	font-family: var(--aox-text-title-font-family);
	font-weight: var(--aox-text-title-font-weight);
	font-size: var(--aox-text-title-font-size);
	line-height: var(--aox-text-title-line-height);
	color: var(--aox-text-title-color);
	text-transform: var(--aox-text-title-text-transform);
	}
.obj_text .ctn_text .t_title.title_large {
	font-size: var(--aox-text-title-large-font-size);
	}
.obj_text .ctn_text .t_subtitle {
	font-family: var(--aox-text-subtitle-font-family);
	font-weight: var(--aox-text-subtitle-font-weight);
	font-size: var(--aox-text-subtitle-font-size);
	line-height: var(--aox-text-subtitle-line-height);
	color: var(--aox-text-subtitle-color);
	text-transform: var(--aox-text-subtitle-text-transform);
	}
.obj_text .ctn_text > * + .t_title,
.obj_text .ctn_text > * + .t_subtitle {
	margin-top: var(--aox-text-gap-xl);
	}

.obj_text .ctn_text p,
.obj_text .ctn_text ol li,
.obj_text .ctn_text ul li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	}
.obj_text .ctn_text ol {
	counter-reset: step;
	}
.obj_text .ctn_text ol > li + li {
	margin-top: var(--aox-text-gap-s);
	}
.obj_text .ctn_text ol li {
	position: relative;
	padding-left: var(--aox-16px);
	counter-increment: step;
	}
.obj_text .ctn_text ol li::before {
	content: counter(step)".";
	position: absolute;
	top: 0.25em;
	left: 0;
	font-size: var(--aox-font-size-small);
	color: var(--aox-text-color);
	}
.obj_text .ctn_text ul > li + li {
	margin-top: var(--aox-text-gap-s);
	}
.obj_text .ctn_text ul li {
	position: relative;
	padding-left: var(--aox-16px);
	}
.obj_text .ctn_text ul li::before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	display: block;
	height: var(--aox-6px);
	width: var(--aox-6px);
	border-radius: 50%;
	background: currentColor;
	}

.obj_text .ctn_text a {
	color: var(--aox-text-link-color);
	text-decoration: var(--aox-text-link-text-decoration);
	}
.obj_text .ctn_text a:hover,
.obj_text .ctn_text a:active {
	color: var(--aox-text-link-hover-color);
	text-decoration: var(--aox-text-link-hover-text-decoration);
	}

.obj_text .ctn_text-button {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--aox-text-gap-m);
	}

.obj_text .ctn_text-legal > * + * {
	margin-top: var(--aox-text-gap-m);
	}
.obj_text .ctn_text-legal p {
	font-family: var(--aox-text-legal-font-family);
	font-weight: var(--aox-text-legal-font-weight);
	font-size: var(--aox-text-legal-font-size);
	line-height: var(--aox-text-legal-line-height);
	color: var(--aox-text-legal-color);
	}

/* ======================================== */
/*  obj_image
/* ======================================== */

.obj_image {
	position: relative;
	overflow: hidden;
	display: block;
	height: auto;
	width: 100%;
	}
.obj_image .ctn_image img {
	display: block;
	height: auto;
	width: 100%;
	}

/***/

.obj_image.image_cover,
.obj_image.image_cover .ctn_image {
	height: 100%;
	width: 100%;
	}
.obj_image.image_cover .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	}

/* ======================================== */
/*  obj_video
/* ======================================== */

.obj_video {
	position: relative;
	overflow: hidden;
	display: block;
	height: auto;
	width: 100%;
	}
.obj_video .ctn_video {
	display: block;
	height: auto;
	width: 100%;
	}

.obj_video .ctn_video.video_mobile {
	display: none;
	}

/***/

.obj_video.video_cover {
	height: 100%;
	width: 100%;
	padding-bottom: 0;
	}
.obj_video.video_cover > .ctn_video {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	}

/***/

@media screen and (max-width: 767px) {

	.obj_video .ctn_video.video_desktop {
		display: none;
		}
	.obj_video .ctn_video.video_mobile {
		display: block;
		}

	}

/* ======================================== */
/*  obj_player
/* ======================================== */

.obj_player {
    position: relative;
	overflow: hidden;
	display: block;
	height: auto;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
    cursor: pointer;
    }
.obj_player .ctn_player {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
    height: 100%;
	width: 100%;
    }
.obj_player .ctn_player::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: var(--aox-80px);
    width: var(--aox-80px);
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
    border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(10px);
    transition: all var(--aox-transition-timing-function) var(--aox-transition-duration);
    }
.obj_player .ctn_player::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: var(--aox-16px) 0 var(--aox-14px) var(--aox-24px);
    border-color: transparent transparent transparent white;
    transform: translate(-35%, -50%);
    transform-origin: 0 0;
    transition: all ease .5s;
    }
.obj_player .ctn_player img {
    height: 100%;
    width: 100%; 
    object-fit: cover;
	object-position: center center;
    }

.obj_player:hover .ctn_player::before {
    transform: scale(1.1) translate(-50%, -50%);
    }
.obj_player:hover .ctn_player::after {
    transform: scale(1.1) translate(-35%, -50%);
    }

/* ======================================== */
/*  obj_carrousel
/* ======================================== */

.obj_carrousel {
	position: relative;
	}
.obj_carrousel .masque {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
.obj_carrousel .items {
	height: 100%;
	width: 10000vw;
	max-width: none;
	}
.obj_carrousel .item {
	height: 100%;
	float: left;
	transition: opacity var(--aox-transition-timing-function) var(--aox-transition-duration);
	}
.obj_carrousel .hidden {
	display: block;
	}
.obj_carrousel .nav {
    color: var(--aox-color-default);
	}
.obj_carrousel .nav .prev,
.obj_carrousel .nav .next {
    position: absolute;
    z-index: 10;
    top: 50%;
	height: var(--aox-64px);
    width: var(--aox-64px);
    margin: 0;
	padding: 0;
	border: none;
	font-size: 0 !important;
	color: currentColor;
    transform: translateY(-50%);
   	background-color: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(var(--aox-4px));
	border-radius: 50%;
    cursor: pointer;
	}
.obj_carrousel .nav .prev {
	left: var(--aox-spacing-m);
	}
.obj_carrousel .nav .next {
	right: var(--aox-spacing-m);
	}
.obj_carrousel .nav .prev::after,
.obj_carrousel .nav .next::after {
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	height: var(--aox-12px);
	width: var(--aox-12px);
	border-right: var(--aox-2px) solid currentColor;
	border-top: var(--aox-2px) solid currentColor;
	background: none;
	transition: all var(--aox-transition-timing-function) var(--aox-transition-duration);
	}
.obj_carrousel .nav .next:after {
    transform: translate(-65%, -50%) rotate(45deg);
	}
.obj_carrousel .nav .prev:after {
    transform: translate(-35%, -50%) rotate(-135deg);
	}
.obj_carrousel .nav .prev.disabled,
.obj_carrousel .nav .next.disabled {
	opacity: 0.25;
	cursor: default;
	}
.obj_carrousel .nav .next:not(.disabled):hover:after {
    left: 55%;
	}
.obj_carrousel .nav .prev:not(.disabled):hover:after {
    left: 45%;
	}

.obj_carrousel .nav ul {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: var(--aox-spacing-xl);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	}
.obj_carrousel .nav ul > * + * {
	margin-left: var(--aox-spacing-m);
	}
.obj_carrousel .nav ul li a {
	overflow: hidden;
	display: block;
	height: var(--aox-12px);
	width: var(--aox-12px);
	text-decoration: none;
	font-size: 0;
	background-color: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(var(--aox-4px));
	border-radius: 50%;
	}
.obj_carrousel .nav ul li:hover a {
	background-color: rgba(255, 255, 255, 1);	
	}

.obj_carrousel .nav ul li.active a {
	height: var(--aox-16px);
	width: var(--aox-16px);
	box-shadow: 0px 0px 0px var(--aox-2px) white;
	background-color: var(--aox-button-background-color);
	}

/***/

@media screen and (max-width: 767px) {

	.obj_carrousel .nav .prev,
	.obj_carrousel .nav .next {
		height: var(--aox-48px);
		width: var(--aox-48px);
		}
	.obj_carrousel .nav .prev {
		left: var(--aox-external-gutter);
		}
	.obj_carrousel .nav .next {
		right: var(--aox-external-gutter);
		}
	.obj_carrousel .nav .prev::after,
	.obj_carrousel .nav .next::after {
		height: var(--aox-8px);
		width: var(--aox-8px);
		}

	}

















































/* ======================================== */
/*  obj_aox-single aox-single_background
/* ======================================== */

.obj_aox-single.aox-single_background {
	position: relative;
	overflow: hidden;
	height: 100vh;
	width: 100vw;
	}

.obj_aox-single.aox-single_background #canvas {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}

.obj_aox-single.aox-single_background .obj_content {
	position: absolute;
	overflow: hidden;
	z-index: 2;
	top: 50%;
	right: 50%;
	width: var(--aox-col-6);
	}
.obj_aox-single.aox-single_background .obj_content .ctn_content {
	overflow-y: auto;
	padding: var(--aox-64px);
	max-height: 90vh;
	background-color: white;
	}

.obj_aox-single.aox-single_background .aox_form .ctn_aox > * + * {
    margin-top: var(--aox-32px);
	}

.obj_aox-single.aox-single_background .obj_version {
	position: absolute;
	z-index: 2;
	right: 5vh;
	bottom: 5vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: var(--aox-16px);
	}
.obj_aox-single.aox-single_background .obj_version p {
	font-size: var(--aox-fs-12px);
	color: black;
	text-align: right;
	}

/***/

.obj_aox-single.aox-single_background .obj_content {
	transition-delay: .6s;
	transition-duration: .75s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-property: transform;
	transform: translate(-100%, -50%);
	}
.obj_aox-single.aox-single_background .obj_content.is_visible {
	transform: translate(0%, -50%);
	}

.obj_aox-single.aox-single_background .obj_content .ctn_content {
	transition-delay: .6s;
	transition-duration: .75s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-property: transform;
	transform: translateX(120%);
	transform: translate3d(120%, 0, 0);
	}	
.obj_aox-single.aox-single_background .obj_content.is_visible .ctn_content {
	transform: translateX(0%);
	transform: translate3d(0%, 0, 0);
	}

/***/

.obj_aox-single.aox-single_background .obj_content.is_fixed {
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	height: 100vh;
	max-height: none;
	width: 50vw;
	max-width: none;
	transform: none !important;
	}
.obj_aox-single.aox-single_background .obj_content.is_fixed .ctn_content {
	height: 100%;
	max-height: none;
	padding: var(--aox-96px);
	}

/***/

@media screen and (max-width: 767px) {

	.obj_aox-single.aox-single_background .obj_content {
		top: 50;
		right: 50%;
		width: var(--aox-grid);
		transform: translate(-50%, -50%);
		}
	.obj_aox-single.aox-single_background .obj_content.is_visible {
		transform: translate(50%, -50%);
		}


	.obj_aox-single.aox-single_background .obj_content .ctn_content {
		padding: var(--aox-32px);
		max-height: 75vh;
		}

	.obj_aox-single.aox-single_background .obj_version {
		left: 2vh;
		right: 2vh;
		bottom: 2vh;
		}

	}
/* -------------------------------------------------- */

/*   $ > AOX Styles Core - AJA

/* -------------------------------------------------- */


/* ======================================== */
/*  obj_button
/* ======================================== */

.obj_button.button_default {
	display: inline-block;
	margin: 0;
    padding: var(--aox-button-padding);
	font-family: var(--aox-button-font-family);
	font-weight: var(--aox-button-font-weight);
	font-size: var(--aox-button-font-size);
	line-height: var(--aox-button-line-height);
	color: var(--aox-button-color);
    text-transform: uppercase;
	border-radius: var(--aox-button-border-radius);
	border: solid var(--aox-button-border-size) var(--aox-button-border-color);
    background: var(--aox-button-background-color);
	text-decoration: none;
	outline: none;
    cursor: pointer;
	transition: all ease 400ms;
	}
.obj_button.button_default:focus{
	background-color: var(--aox-button-focus-background-color);
	border-color: var(--aox-button-focus-border-color);
	}
.obj_button.button_default:hover:not(:disabled) {
	color: var(--aox-button-hover-color);
	border-color: var(--aox-button-hover-border-color);
    background: var(--aox-button-hover-background-color);
	}

.obj_button.button_default:disabled {
	color: var(--aox-button-disabled-color);
	border-color: var(--aox-button-disabled-border-color);
    background: var(--aox-button-disabled-background-color);
	cursor: default;
	}






/* -------------------------------------------------- */

/*   $ > AOX Styles Param

/* -------------------------------------------------- */

/*

v1.4.0 - 03/09/25

03/09/25 (FJA) - v1.4.0 - Modifs structure edito
26/08/25 (FJA) - v1.3.0 - Maj variables
11/06/25 (FJA) - v1.0.1 - Ajout variables

*/

/* ======================================== */
/*  Param
/* ======================================== */

/*** Color ***/

:root {

	--aox-color-white: #ffffff;
	--aox-color-black: #000000;

	--aox-color-primary: #3498db;
	--aox-color-secondary: #2ecc71;

	--aox-color-grey-950: #030712;
	--aox-color-grey-900: #111827;
	--aox-color-grey-800: #1F2937;
	--aox-color-grey-700: #374151;
	--aox-color-grey-600: #4B5563;
	--aox-color-grey-500: #6B7280;
	--aox-color-grey-400: #9CA3AF;
	--aox-color-grey-300: #D1D5DB;
	--aox-color-grey-200: #E5E7EB;
	--aox-color-grey-100: #F3F4F6;
	--aox-color-grey-50: #F8FAFC;

	/***/

	--aox-color-default: var(--aox-color-black);

	--aox-color-error: #DC2626;
	--aox-color-warning: #F97316;
	--aox-color-valid: #22C55E;

	}

/*** Spacing ***/

:root {

	--aox-spacing-1: var(--aox-8px);
	--aox-spacing-2: var(--aox-16px);
	--aox-spacing-3: var(--aox-24px);
	--aox-spacing-4: var(--aox-32px);
	--aox-spacing-5: var(--aox-40px);
	--aox-spacing-6: var(--aox-48px);
	--aox-spacing-7: var(--aox-56px);
	--aox-spacing-8: var(--aox-64px);
	--aox-spacing-9: var(--aox-72px);
	--aox-spacing-12: var(--aox-96px);
	--aox-spacing-15: var(--aox-120px);

	--aox-spacing-xxs: var(--aox-2px);
	--aox-spacing-2xs: var(--aox-2px);
	--aox-spacing-xs: var(--aox-4px);
	--aox-spacing-s: var(--aox-8px);
	--aox-spacing-m: var(--aox-16px);
	--aox-spacing-l: var(--aox-24px);
	--aox-spacing-xl: var(--aox-32px);
	--aox-spacing-xxl: var(--aox-48px);
	--aox-spacing-2xl: var(--aox-48px);
	--aox-spacing-xxxl: var(--aox-64px);
	--aox-spacing-3xl: var(--aox-64px);
	--aox-spacing-xxxxl: var(--aox-96px);
	--aox-spacing-4xl: var(--aox-96px);

	--aox-border-radius-2xs: var(--aox-2px);
	--aox-border-radius-xs: var(--aox-4px);
	--aox-border-radius-s: var(--aox-8px);
	--aox-border-radius-m: var(--aox-16px);
	--aox-border-radius-l: var(--aox-24px);
	--aox-border-radius-xl: var(--aox-32px);
	--aox-border-radius-2xl: var(--aox-48px);
	--aox-border-radius-3xl: var(--aox-64px);
	--aox-border-radius-4xl: var(--aox-96px);

	}

/*** Common ***/

:root {

	--aox-font-family: "Arial", Sans-serif;
	--aox-font-weight: 400;
	--aox-font-weight-strong: 700;
	--aox-font-size: var(--aox-fs-16px);
	--aox-font-size-small: var(--aox-fs-12px);
	--aox-line-height: var(--aox-lh-150);

	--aox-transition-timing-function: ease;
	--aox-transition-duration: 400ms;
	--aox-transition-default: all var(--aox-transition-timing-function) var(--aox-transition-duration);

	}

/*** obj_text ***/

:root {

	--aox-text-gap-s: var(--aox-spacing-s);
	--aox-text-gap-m: var(--aox-spacing-m);
	--aox-text-gap-l: var(--aox-spacing-l);
	--aox-text-gap-xl: var(--aox-spacing-xl);
	
	--aox-text-header-surtitle-font-family: var(--aox-font-family);
	--aox-text-header-surtitle-font-weight: var(--aox-font-weight-strong);
	--aox-text-header-surtitle-font-size: var(--aox-font-size);
	--aox-text-header-surtitle-line-height: var(--aox-line-height);
	--aox-text-header-surtitle-color: var(--aox-color-primary);
	--aox-text-header-surtitle-text-transform: uppercase;
	
	--aox-text-header-title-font-family: var(--aox-font-family);
	--aox-text-header-title-font-weight: var(--aox-font-weight);
	--aox-text-header-title-font-size: var(--aox-fs-48px);
	--aox-text-header-title-large-font-size: var(--aox-fs-60px);
	--aox-text-header-title-line-height: var(--aox-lh-100);
	--aox-text-header-title-color: var(--aox-color-primary);
	--aox-text-header-title-text-transform: inherit;

	--aox-text-title-font-family: var(--aox-font-family);
	--aox-text-title-font-weight: var(--aox-font-weight-strong);
	--aox-text-title-font-size: var(--aox-fs-28px);
	--aox-text-title-large-font-size: var(--aox-fs-36px);
	--aox-text-title-line-height: var(--aox-lh-120);
	--aox-text-title-color: var(--aox-color-primary);
	--aox-text-title-text-transform: inherit;

	--aox-text-subtitle-font-family: var(--aox-font-family);
	--aox-text-subtitle-font-weight: var(--aox-font-weight-strong);
	--aox-text-subtitle-font-size: var(--aox-fs-20px);
	--aox-text-subtitle-line-height: var(--aox-lh-110);
	--aox-text-subtitle-color: var(--aox-color-default);
	--aox-text-subtitle-text-transform: uppercase;
	
	--aox-text-font-family: var(--aox-font-family);
	--aox-text-font-weight: var(--aox-font-weight);
	--aox-text-font-size: var(--aox-font-size);
	--aox-text-line-height: var(--aox-line-height);
	--aox-text-color: var(--aox-color-default);
	--aox-text-link-color: var(--aox-color-primary);
	--aox-text-link-text-decoration: none;
	--aox-text-link-hover-color: var(--aox-color-primary);
	--aox-text-link-hover-text-decoration: none;
	
	--aox-text-legal-font-family: var(--aox-font-family);
	--aox-text-legal-font-weight: var(--aox-font-weight);
	--aox-text-legal-font-size: var(--aox-font-size-small);
	--aox-text-legal-line-height: var(--aox-line-height);
	--aox-text-legal-color: var(--aox-color-default); 

	}

@media screen and (max-width: 767px) {

	:root {

 		--aox-text-header-title-font-size: var(--aox-fs-30px);
		--aox-text-header-title-large-font-size: var(--aox-fs-40px);
		--aox-text-title-font-size: var(--aox-fs-24px);
		--aox-text-subtitle-font-size: var(--aox-fs-16px);

		}

	}

/*** Button ***/

:root {

	--aox-button-padding: var(--aox-16px) var(--aox-32px);
	--aox-button-font-family: var(--aox-font-family);
	--aox-button-font-weight: var(--aox-font-weight-strong);
	--aox-button-font-size: var(--aox-font-size);
	--aox-button-line-height: var(--aox-lh-100);
	--aox-button-text-transform: uppercase;
	--aox-button-border-size: 2px;
	--aox-button-border-radius: var(--aox-border-radius-xl);

	--aox-button-color: var(--aox-color-white);
	--aox-button-border-color: var(--aox-color-primary);
	--aox-button-background-color: var(--aox-color-primary);

	--aox-button-hover-color: var(--aox-color-primary);
	--aox-button-hover-border-color: var(--aox-color-primary);;
	--aox-button-hover-background-color: transparent;

	}
/* -------------------------------------------------- */
/*   $ > AOX Styles Param - v1.0.1 - 02/06/25
/* -------------------------------------------------- */

/* ======================================== */
/*  Param
/* ======================================== */

:root {

	--aox-color-primary: #003852;
	--aox-color-primary-150: rgba(0, 56, 82, 0.10);
	--aox-color-secondary: #8A4988;
	--aox-color-secondary-150: rgba(138, 73, 136, 0.10);
	--aox-color-secondary-300: #A356A1;
	--aox-color-secondary-400: #BD64BA;
	
	--aox-color-brand-300: #A3CDF5;
	--aox-color-brand-400: #79B4EC;
	--aox-color-brand-500: #388DDD;
	--aox-color-brand-800: #004280;

	--aox-color-tete: rgba(150, 217, 235, 1);
	--aox-color-tete-150: rgba(150, 217, 235, 0.25);
	--aox-color-tete-700: #25A0C1;

	--aox-color-corps: rgba(235, 184, 43, 1);
	--aox-color-corps-150: rgba(235, 184, 43, 0.25);

	--aox-color-artiste: rgba(135, 191, 135, 1);
	--aox-color-artiste-150: rgba(135, 191, 135, 0.25);

	--aox-color-peau: rgba(245, 133, 135, 1);
	--aox-color-peau-150: rgba(245, 133, 135, 0.25);

	--aox-color-bonus: rgba(221, 66, 91, 1);
	--aox-color-bonus-150: rgba(221, 66, 91, 0.25);
	--aox-color-bonus-light: #fae3e7;

	--aox-color-grey: #cccccc;

	--aox-color-disabled: #cccccc;

	--aox-link-color: #AF55AC;
	--aox-link-hover-color: #004280;

	--aox-image-border-radius: var(--aox-32px);	

	/***/

	--aox-spacing-1: var(--aox-8px); /* 8px */
	--aox-spacing-2: calc(var(--aox-spacing-1) * 2); /* 16px */
	--aox-spacing-3: calc(var(--aox-spacing-1) * 3); /* 24px */
	--aox-spacing-4: calc(var(--aox-spacing-1) * 4); /* 32px */
	--aox-spacing-5: calc(var(--aox-spacing-1) * 5); /* 40px */
	--aox-spacing-6: calc(var(--aox-spacing-1) * 6); /* 48px */
	--aox-spacing-7: calc(var(--aox-spacing-1) * 7); /* 56px */
	--aox-spacing-8: calc(var(--aox-spacing-1) * 8); /* 64px */
	--aox-spacing-9: calc(var(--aox-spacing-1) * 9); /* 72px */
	--aox-spacing-12: calc(var(--aox-spacing-1) * 12); /* 96px */
	--aox-spacing-15: calc(var(--aox-spacing-1) * 15); /* 120px */
	
	--aox-font-family: "Montserrat Alternates", sans-serif;
	--aox-font-weight: 400;
	--aox-font-weight-strong: 700;
	--aox-font-size: var(--aox-fs-16px);
	--aox-font-size-small: var(--aox-fs-12px);
	--aox-line-height: var(--aox-lh-120);

	--aox-transition-timing-function: ease;
	--aox-transition-duration: 400ms;

	/***/

	--aox-surtitle-font-family: var(--aox-font-family);
	--aox-surtitle-font-weight: var(--aox-font-weight);
	--aox-surtitle-font-size: var(--aox-font-size);
	--aox-surtitle-line-height: var(--aox-line-height);
	--aox-surtitle-color: var(--aox-color-secondary);
	
	--aox-title-font-family: var(--aox-font-family);
	--aox-title-font-weight: var(--aox-font-weight-strong);
	--aox-title-font-size: var(--aox-fs-32px);
	--aox-title-font-size-small: var(--aox-fs-24px);
	--aox-title-font-size-large: var(--aox-fs-40px);
	--aox-title-line-height: var(--aox-lh-100);
	--aox-title-color: var(--aox-color-primary);

	--aox-subtitle-font-family: var(--aox-font-family);
	--aox-subtitle-font-weight: var(--aox-font-weight-strong);
	--aox-subtitle-font-size: var(--aox-fs-24px);
	--aox-subtitle-font-size-small: var(--aox-fs-18px);
	--aox-subtitle-font-size-large: var(--aox-fs-30px);
	--aox-subtitle-line-height: var(--aox-lh-100);
	--aox-subtitle-color: var(--aox-color-primary);
	
	--aox-legal-font-family: var(--aox-font-family);
	--aox-legal-font-weight: var(--aox-font-weight);
	--aox-legal-font-size: var(--aox-font-size-small);
	--aox-legal-line-height: var(--aox-line-height);
	--aox-legal-color: var(--aox-color-primary);

	/***/
	--aox-button-font-weight: 700;
	--aox-button-font-size: var(--aox-font-size);
	--aox-button-line-height: var(--aox-lh-100);
	--aox-button-color: var(--aox-link-color);
	--aox-button-border-size: 3px;
	--aox-button-border-radius: var(--aox-8px);
	--aox-button-border-color: #ffffff;
	--aox-button-background-color: transparent;

	--aox-button-hover-color: #ffffff;
	--aox-button-hover-border-color: #ffffff;
	--aox-button-hover-background-color: var(--aox-color-brand-800);

	--aox-button-focus-background-color: var(--aox-color-brand-800);
	--aox-button-focus-border-color: var(--aox-color-brand-500);	
	
}

/* -------------------------------------------------- */

/*   $ > AOX Fluid Core - v1.3.0 - 26/08/25

/* -------------------------------------------------- */

/*

26/08/25 (FJA) - v1.3.0 - Maj variables
03/04/25 (FJA) - v2.2.0 - Ajout fichier Core / Param / Core custom / Param custom

*/

/* ======================================== */
/*  Units
/* ======================================== */

/*** Sizes ***/

:root {

	--aox-2px: calc(var(--aox-1px) * 2);
	--aox-3px: calc(var(--aox-1px) * 3);
	--aox-4px: calc(var(--aox-1px) * 4);
	--aox-5px: calc(var(--aox-1px) * 5);
	--aox-6px: calc(var(--aox-1px) * 6);
	--aox-7px: calc(var(--aox-1px) * 7);
	--aox-8px: calc(var(--aox-1px) * 8);
	--aox-9px: calc(var(--aox-1px) * 9);
	--aox-10px: calc(var(--aox-1px) * 10);
	--aox-11px: calc(var(--aox-1px) * 11);
	--aox-12px: calc(var(--aox-1px) * 12);
	--aox-13px: calc(var(--aox-1px) * 13);
	--aox-14px: calc(var(--aox-1px) * 14);
	--aox-15px: calc(var(--aox-1px) * 15);
	--aox-16px: calc(var(--aox-1px) * 16);
	--aox-17px: calc(var(--aox-1px) * 17);
	--aox-18px: calc(var(--aox-1px) * 18);
	--aox-19px: calc(var(--aox-1px) * 19);
	--aox-20px: calc(var(--aox-1px) * 20);
	--aox-21px: calc(var(--aox-1px) * 21);
	--aox-22px: calc(var(--aox-1px) * 22);
	--aox-23px: calc(var(--aox-1px) * 23);
	--aox-24px: calc(var(--aox-1px) * 24);
	--aox-25px: calc(var(--aox-1px) * 25);
	--aox-26px: calc(var(--aox-1px) * 26);
	--aox-27px: calc(var(--aox-1px) * 27);
	--aox-28px: calc(var(--aox-1px) * 28);
	--aox-29px: calc(var(--aox-1px) * 29);
	--aox-30px: calc(var(--aox-1px) * 30);
	--aox-31px: calc(var(--aox-1px) * 31);
	--aox-32px: calc(var(--aox-1px) * 32);
	--aox-33px: calc(var(--aox-1px) * 33);
	--aox-34px: calc(var(--aox-1px) * 34);
	--aox-35px: calc(var(--aox-1px) * 35);
	--aox-36px: calc(var(--aox-1px) * 36);
	--aox-37px: calc(var(--aox-1px) * 37);
	--aox-38px: calc(var(--aox-1px) * 38);
	--aox-39px: calc(var(--aox-1px) * 39);
	--aox-40px: calc(var(--aox-1px) * 40);
	--aox-41px: calc(var(--aox-1px) * 41);
	--aox-42px: calc(var(--aox-1px) * 42);
	--aox-43px: calc(var(--aox-1px) * 43);
	--aox-44px: calc(var(--aox-1px) * 44);
	--aox-45px: calc(var(--aox-1px) * 45);
	--aox-46px: calc(var(--aox-1px) * 46);
	--aox-47px: calc(var(--aox-1px) * 47);
	--aox-48px: calc(var(--aox-1px) * 48);
	--aox-49px: calc(var(--aox-1px) * 49);
	--aox-50px: calc(var(--aox-1px) * 50);
	--aox-51px: calc(var(--aox-1px) * 51);
	--aox-52px: calc(var(--aox-1px) * 52);
	--aox-53px: calc(var(--aox-1px) * 53);
	--aox-54px: calc(var(--aox-1px) * 54);
	--aox-55px: calc(var(--aox-1px) * 55);
	--aox-56px: calc(var(--aox-1px) * 56);
	--aox-57px: calc(var(--aox-1px) * 57);
	--aox-58px: calc(var(--aox-1px) * 58);
	--aox-59px: calc(var(--aox-1px) * 59);
	--aox-60px: calc(var(--aox-1px) * 60);
	--aox-61px: calc(var(--aox-1px) * 61);
	--aox-62px: calc(var(--aox-1px) * 62);
	--aox-63px: calc(var(--aox-1px) * 63);
	--aox-64px: calc(var(--aox-1px) * 64);
	--aox-65px: calc(var(--aox-1px) * 65);
	--aox-66px: calc(var(--aox-1px) * 66);
	--aox-67px: calc(var(--aox-1px) * 67);
	--aox-68px: calc(var(--aox-1px) * 68);
	--aox-69px: calc(var(--aox-1px) * 69);
	--aox-70px: calc(var(--aox-1px) * 70);
	--aox-71px: calc(var(--aox-1px) * 71);
	--aox-72px: calc(var(--aox-1px) * 72);
	--aox-73px: calc(var(--aox-1px) * 73);
	--aox-74px: calc(var(--aox-1px) * 74);
	--aox-75px: calc(var(--aox-1px) * 75);
	--aox-76px: calc(var(--aox-1px) * 76);
	--aox-77px: calc(var(--aox-1px) * 77);
	--aox-78px: calc(var(--aox-1px) * 78);
	--aox-79px: calc(var(--aox-1px) * 79);
	--aox-80px: calc(var(--aox-1px) * 80);
	--aox-81px: calc(var(--aox-1px) * 81);
	--aox-82px: calc(var(--aox-1px) * 82);
	--aox-83px: calc(var(--aox-1px) * 83);
	--aox-84px: calc(var(--aox-1px) * 84);
	--aox-85px: calc(var(--aox-1px) * 85);
	--aox-86px: calc(var(--aox-1px) * 86);
	--aox-87px: calc(var(--aox-1px) * 87);
	--aox-88px: calc(var(--aox-1px) * 88);
	--aox-89px: calc(var(--aox-1px) * 89);
	--aox-90px: calc(var(--aox-1px) * 90);
	--aox-91px: calc(var(--aox-1px) * 91);
	--aox-92px: calc(var(--aox-1px) * 92);
	--aox-93px: calc(var(--aox-1px) * 93);
	--aox-94px: calc(var(--aox-1px) * 94);
	--aox-95px: calc(var(--aox-1px) * 95);
	--aox-96px: calc(var(--aox-1px) * 96);
	--aox-97px: calc(var(--aox-1px) * 97);
	--aox-98px: calc(var(--aox-1px) * 98);
	--aox-99px: calc(var(--aox-1px) * 99);
	--aox-100px: calc(var(--aox-1px) * 100);

	--aox-105px: calc(var(--aox-1px) * 105);
	--aox-110px: calc(var(--aox-1px) * 110);
	--aox-115px: calc(var(--aox-1px) * 115);
	--aox-120px: calc(var(--aox-1px) * 120);
	--aox-125px: calc(var(--aox-1px) * 125);
	--aox-130px: calc(var(--aox-1px) * 130);
	--aox-135px: calc(var(--aox-1px) * 135);
	--aox-140px: calc(var(--aox-1px) * 140);
	--aox-145px: calc(var(--aox-1px) * 145);
	--aox-150px: calc(var(--aox-1px) * 150);
	--aox-155px: calc(var(--aox-1px) * 155);
	--aox-160px: calc(var(--aox-1px) * 160);
	--aox-165px: calc(var(--aox-1px) * 165);
	--aox-170px: calc(var(--aox-1px) * 170);
	--aox-175px: calc(var(--aox-1px) * 175);
	--aox-180px: calc(var(--aox-1px) * 180);
	--aox-185px: calc(var(--aox-1px) * 185);
	--aox-190px: calc(var(--aox-1px) * 190);
	--aox-195px: calc(var(--aox-1px) * 195);
	--aox-200px: calc(var(--aox-1px) * 200);
	--aox-205px: calc(var(--aox-1px) * 205);
	--aox-210px: calc(var(--aox-1px) * 210);
	--aox-215px: calc(var(--aox-1px) * 215);
	--aox-220px: calc(var(--aox-1px) * 220);
	--aox-225px: calc(var(--aox-1px) * 225);
	--aox-230px: calc(var(--aox-1px) * 230);
	--aox-235px: calc(var(--aox-1px) * 235);
	--aox-240px: calc(var(--aox-1px) * 240);
	--aox-245px: calc(var(--aox-1px) * 245);
	--aox-250px: calc(var(--aox-1px) * 250);
	--aox-255px: calc(var(--aox-1px) * 255);
	--aox-260px: calc(var(--aox-1px) * 260);
	--aox-265px: calc(var(--aox-1px) * 265);
	--aox-270px: calc(var(--aox-1px) * 270);
	--aox-275px: calc(var(--aox-1px) * 275);
	--aox-280px: calc(var(--aox-1px) * 280);
	--aox-285px: calc(var(--aox-1px) * 285);
	--aox-290px: calc(var(--aox-1px) * 290);
	--aox-295px: calc(var(--aox-1px) * 295);
	--aox-300px: calc(var(--aox-1px) * 300);
	--aox-305px: calc(var(--aox-1px) * 305);
	--aox-310px: calc(var(--aox-1px) * 310);
	--aox-315px: calc(var(--aox-1px) * 315);
	--aox-320px: calc(var(--aox-1px) * 320);
	--aox-325px: calc(var(--aox-1px) * 325);
	--aox-330px: calc(var(--aox-1px) * 330);
	--aox-335px: calc(var(--aox-1px) * 335);
	--aox-340px: calc(var(--aox-1px) * 340);
	--aox-345px: calc(var(--aox-1px) * 345);
	--aox-350px: calc(var(--aox-1px) * 350);
	--aox-355px: calc(var(--aox-1px) * 355);
	--aox-360px: calc(var(--aox-1px) * 360);
	--aox-365px: calc(var(--aox-1px) * 365);
	--aox-370px: calc(var(--aox-1px) * 370);
	--aox-375px: calc(var(--aox-1px) * 375);
	--aox-380px: calc(var(--aox-1px) * 380);
	--aox-385px: calc(var(--aox-1px) * 385);
	--aox-390px: calc(var(--aox-1px) * 390);
	--aox-395px: calc(var(--aox-1px) * 395);
	--aox-400px: calc(var(--aox-1px) * 400);
	--aox-405px: calc(var(--aox-1px) * 405);
	--aox-410px: calc(var(--aox-1px) * 410);
	--aox-415px: calc(var(--aox-1px) * 415);
	--aox-420px: calc(var(--aox-1px) * 420);
	
	--aox-430px: calc(var(--aox-1px) * 430);
	--aox-440px: calc(var(--aox-1px) * 440);
	--aox-450px: calc(var(--aox-1px) * 450);
	--aox-460px: calc(var(--aox-1px) * 460);
	--aox-470px: calc(var(--aox-1px) * 470);
	--aox-480px: calc(var(--aox-1px) * 480);
	--aox-490px: calc(var(--aox-1px) * 490);
	--aox-500px: calc(var(--aox-1px) * 500);
	--aox-510px: calc(var(--aox-1px) * 510);
	--aox-520px: calc(var(--aox-1px) * 520);
	--aox-530px: calc(var(--aox-1px) * 530);
	--aox-540px: calc(var(--aox-1px) * 540);
	--aox-550px: calc(var(--aox-1px) * 550);
	--aox-560px: calc(var(--aox-1px) * 560);
	--aox-570px: calc(var(--aox-1px) * 570);
	--aox-580px: calc(var(--aox-1px) * 580);
	--aox-590px: calc(var(--aox-1px) * 590);
	--aox-600px: calc(var(--aox-1px) * 600);
	--aox-610px: calc(var(--aox-1px) * 610);
	--aox-620px: calc(var(--aox-1px) * 620);
	--aox-630px: calc(var(--aox-1px) * 630);
	--aox-640px: calc(var(--aox-1px) * 640);
	--aox-650px: calc(var(--aox-1px) * 650);
	--aox-660px: calc(var(--aox-1px) * 660);
	--aox-670px: calc(var(--aox-1px) * 670);
	--aox-680px: calc(var(--aox-1px) * 680);
	--aox-690px: calc(var(--aox-1px) * 690);
	--aox-700px: calc(var(--aox-1px) * 700);
	--aox-710px: calc(var(--aox-1px) * 710);
	--aox-720px: calc(var(--aox-1px) * 720);
	--aox-730px: calc(var(--aox-1px) * 730);
	--aox-740px: calc(var(--aox-1px) * 740);
	--aox-750px: calc(var(--aox-1px) * 750);
	--aox-760px: calc(var(--aox-1px) * 760);
	--aox-770px: calc(var(--aox-1px) * 770);
	--aox-780px: calc(var(--aox-1px) * 780);
	--aox-790px: calc(var(--aox-1px) * 790);
	--aox-800px: calc(var(--aox-1px) * 800);
	--aox-810px: calc(var(--aox-1px) * 810);
	--aox-820px: calc(var(--aox-1px) * 820);
	--aox-830px: calc(var(--aox-1px) * 830);
	--aox-840px: calc(var(--aox-1px) * 840);
	--aox-850px: calc(var(--aox-1px) * 850);
	--aox-860px: calc(var(--aox-1px) * 860);
	--aox-870px: calc(var(--aox-1px) * 870);
	--aox-880px: calc(var(--aox-1px) * 880);
	--aox-890px: calc(var(--aox-1px) * 890);
	--aox-900px: calc(var(--aox-1px) * 900);
	--aox-910px: calc(var(--aox-1px) * 910);
	--aox-920px: calc(var(--aox-1px) * 920);
	--aox-930px: calc(var(--aox-1px) * 930);
	--aox-940px: calc(var(--aox-1px) * 940);
	--aox-950px: calc(var(--aox-1px) * 950);
	--aox-960px: calc(var(--aox-1px) * 960);
	--aox-970px: calc(var(--aox-1px) * 970);
	--aox-980px: calc(var(--aox-1px) * 980);
	--aox-990px: calc(var(--aox-1px) * 990);
	--aox-1000px: calc(var(--aox-1px) * 1000);
	--aox-1010px: calc(var(--aox-1px) * 1010);
	--aox-1020px: calc(var(--aox-1px) * 1020);
	--aox-1030px: calc(var(--aox-1px) * 1030);
	--aox-1040px: calc(var(--aox-1px) * 1040);
	--aox-1050px: calc(var(--aox-1px) * 1050);
	--aox-1060px: calc(var(--aox-1px) * 1060);
	--aox-1070px: calc(var(--aox-1px) * 1070);
	--aox-1080px: calc(var(--aox-1px) * 1080);
	--aox-1090px: calc(var(--aox-1px) * 1090);
	--aox-1100px: calc(var(--aox-1px) * 1100);
	--aox-1110px: calc(var(--aox-1px) * 1110);
	--aox-1120px: calc(var(--aox-1px) * 1120);
	--aox-1130px: calc(var(--aox-1px) * 1130);
	--aox-1140px: calc(var(--aox-1px) * 1140);
	--aox-1150px: calc(var(--aox-1px) * 1150);
	--aox-1160px: calc(var(--aox-1px) * 1160);
	--aox-1170px: calc(var(--aox-1px) * 1170);
	--aox-1180px: calc(var(--aox-1px) * 1180);
	--aox-1190px: calc(var(--aox-1px) * 1190);
	--aox-1200px: calc(var(--aox-1px) * 1200);
	--aox-1210px: calc(var(--aox-1px) * 1210);
	--aox-1220px: calc(var(--aox-1px) * 1220);
	--aox-1230px: calc(var(--aox-1px) * 1230);
	--aox-1240px: calc(var(--aox-1px) * 1240);
	--aox-1250px: calc(var(--aox-1px) * 1250);
	--aox-1260px: calc(var(--aox-1px) * 1260);
	--aox-1270px: calc(var(--aox-1px) * 1270);
	--aox-1280px: calc(var(--aox-1px) * 1280);
	--aox-1290px: calc(var(--aox-1px) * 1290);
	--aox-1300px: calc(var(--aox-1px) * 1300);
	--aox-1310px: calc(var(--aox-1px) * 1310);
	--aox-1320px: calc(var(--aox-1px) * 1320);
	--aox-1330px: calc(var(--aox-1px) * 1330);
	--aox-1340px: calc(var(--aox-1px) * 1340);
	--aox-1350px: calc(var(--aox-1px) * 1350);
	--aox-1360px: calc(var(--aox-1px) * 1360);
	--aox-1370px: calc(var(--aox-1px) * 1370);
	--aox-1380px: calc(var(--aox-1px) * 1380);
	--aox-1390px: calc(var(--aox-1px) * 1390);
	--aox-1400px: calc(var(--aox-1px) * 1400);
	--aox-1410px: calc(var(--aox-1px) * 1410);
	--aox-1420px: calc(var(--aox-1px) * 1420);
	--aox-1430px: calc(var(--aox-1px) * 1430);
	--aox-1440px: calc(var(--aox-1px) * 1440);
	--aox-1450px: calc(var(--aox-1px) * 1450);
	--aox-1460px: calc(var(--aox-1px) * 1460);
	--aox-1470px: calc(var(--aox-1px) * 1470);
	--aox-1480px: calc(var(--aox-1px) * 1480);
	--aox-1490px: calc(var(--aox-1px) * 1490);
	--aox-1500px: calc(var(--aox-1px) * 1500);
	--aox-1510px: calc(var(--aox-1px) * 1510);
	--aox-1520px: calc(var(--aox-1px) * 1520);
	--aox-1530px: calc(var(--aox-1px) * 1530);
	--aox-1540px: calc(var(--aox-1px) * 1540);
	--aox-1550px: calc(var(--aox-1px) * 1550);
	--aox-1560px: calc(var(--aox-1px) * 1560);
	--aox-1570px: calc(var(--aox-1px) * 1570);
	--aox-1580px: calc(var(--aox-1px) * 1580);
	--aox-1590px: calc(var(--aox-1px) * 1590);
	--aox-1600px: calc(var(--aox-1px) * 1600);
	--aox-1610px: calc(var(--aox-1px) * 1610);
	--aox-1620px: calc(var(--aox-1px) * 1620);
	--aox-1630px: calc(var(--aox-1px) * 1630);
	--aox-1640px: calc(var(--aox-1px) * 1640);
	--aox-1650px: calc(var(--aox-1px) * 1650);
	--aox-1660px: calc(var(--aox-1px) * 1660);
	--aox-1670px: calc(var(--aox-1px) * 1670);
	--aox-1680px: calc(var(--aox-1px) * 1680);
	--aox-1690px: calc(var(--aox-1px) * 1690);
	--aox-1700px: calc(var(--aox-1px) * 1700);
	--aox-1710px: calc(var(--aox-1px) * 1710);
	--aox-1720px: calc(var(--aox-1px) * 1720);
	--aox-1730px: calc(var(--aox-1px) * 1730);
	--aox-1740px: calc(var(--aox-1px) * 1740);
	--aox-1750px: calc(var(--aox-1px) * 1750);
	--aox-1760px: calc(var(--aox-1px) * 1760);
	--aox-1770px: calc(var(--aox-1px) * 1770);
	--aox-1780px: calc(var(--aox-1px) * 1780);
	--aox-1790px: calc(var(--aox-1px) * 1790);
	--aox-1800px: calc(var(--aox-1px) * 1800);
	--aox-1810px: calc(var(--aox-1px) * 1810);
	--aox-1820px: calc(var(--aox-1px) * 1820);
	--aox-1830px: calc(var(--aox-1px) * 1830);
	--aox-1840px: calc(var(--aox-1px) * 1840);
	--aox-1850px: calc(var(--aox-1px) * 1850);
	--aox-1860px: calc(var(--aox-1px) * 1860);
	--aox-1870px: calc(var(--aox-1px) * 1870);
	--aox-1880px: calc(var(--aox-1px) * 1880);
	--aox-1890px: calc(var(--aox-1px) * 1890);
	--aox-1900px: calc(var(--aox-1px) * 1900);
	--aox-1910px: calc(var(--aox-1px) * 1910);
	--aox-1920px: calc(var(--aox-1px) * 1920);

	--aox-1024px: calc(var(--aox-1px) * 1024);
	--aox-1276px: calc(var(--aox-1px) * 1276);
	--aox-1366px: calc(var(--aox-1px) * 1366);
	--aox-1536px: calc(var(--aox-1px) * 1536);
	
	}

/* ======================================== */
/*  Grid
/* ======================================== */

/*** Calculations ***/

:root {
	--aox-external-gutter: calc((100vw - var(--aox-grid)) / 2);
    --aox-col: calc((var(--aox-grid) - (calc(var(--aox-columns) - 1) * var(--aox-gutter))) / var(--aox-columns));
	--aox-col-gutter: calc(var(--aox-col) + var(--aox-gutter));
	}

/*** Sizes ***/

:root {
    --aox-col-1: calc(var(--aox-col) * 1);
    --aox-col-2: calc((var(--aox-col) * 2) + (var(--aox-gutter) * 1));
    --aox-col-3: calc((var(--aox-col) * 3) + (var(--aox-gutter) * 2));
    --aox-col-4: calc((var(--aox-col) * 4) + (var(--aox-gutter) * 3));
    --aox-col-5: calc((var(--aox-col) * 5) + (var(--aox-gutter) * 4));
    --aox-col-6: calc((var(--aox-col) * 6) + (var(--aox-gutter) * 5));
    --aox-col-7: calc((var(--aox-col) * 7) + (var(--aox-gutter) * 6));
    --aox-col-8: calc((var(--aox-col) * 8) + (var(--aox-gutter) * 7));
    --aox-col-9: calc((var(--aox-col) * 9) + (var(--aox-gutter) * 8));
    --aox-col-10: calc((var(--aox-col) * 10) + (var(--aox-gutter) * 9));
    --aox-col-11: calc((var(--aox-col) * 11) + (var(--aox-gutter) * 10));
    --aox-col-12: calc((var(--aox-col) * 12) + (var(--aox-gutter) * 11));
	--aox-col-13: calc((var(--aox-col) * 13) + (var(--aox-gutter) * 12));
	--aox-col-14: calc((var(--aox-col) * 14) + (var(--aox-gutter) * 13));
	--aox-col-15: calc((var(--aox-col) * 15) + (var(--aox-gutter) * 14));
	--aox-col-16: calc((var(--aox-col) * 16) + (var(--aox-gutter) * 15));
	}

:root {
    --aox-col-1-gutter: calc(var(--aox-col-1) + var(--aox-gutter));
    --aox-col-2-gutter: calc(var(--aox-col-2) + var(--aox-gutter));
    --aox-col-3-gutter: calc(var(--aox-col-3) + var(--aox-gutter));
    --aox-col-4-gutter: calc(var(--aox-col-4) + var(--aox-gutter));
    --aox-col-5-gutter: calc(var(--aox-col-5) + var(--aox-gutter));
    --aox-col-6-gutter: calc(var(--aox-col-6) + var(--aox-gutter));
    --aox-col-7-gutter: calc(var(--aox-col-7) + var(--aox-gutter));
    --aox-col-8-gutter: calc(var(--aox-col-8) + var(--aox-gutter));
    --aox-col-9-gutter: calc(var(--aox-col-9) + var(--aox-gutter));
    --aox-col-10-gutter: calc(var(--aox-col-10) + var(--aox-gutter));
    --aox-col-11-gutter: calc(var(--aox-col-11) + var(--aox-gutter));
	--aox-col-12-gutter: calc(var(--aox-col-12) + var(--aox-gutter));
	--aox-col-13-gutter: calc(var(--aox-col-13) + var(--aox-gutter));
	--aox-col-14-gutter: calc(var(--aox-col-14) + var(--aox-gutter));
	--aox-col-15-gutter: calc(var(--aox-col-15) + var(--aox-gutter));
	}

@media screen and (max-width: 767px) {

	/*** Calculations ***/

	:root {
		--aox-external-gutter: calc((100vw - var(--aox-grid)) / 2);
		--aox-col: calc((var(--aox-grid) - (5 * var(--aox-gutter))) / 6);
		--aox-col-gutter: calc(var(--aox-col) + var(--aox-gutter));
		}

	/*** Sizes ***/

	:root {
		--aox-col-1: calc(var(--aox-col) * 1);
		--aox-col-2: calc((var(--aox-col) * 2) + (var(--aox-gutter) * 1));
		--aox-col-3: calc((var(--aox-col) * 3) + (var(--aox-gutter) * 2));
		--aox-col-4: calc((var(--aox-col) * 4) + (var(--aox-gutter) * 3));
		--aox-col-5: calc((var(--aox-col) * 5) + (var(--aox-gutter) * 4));
		--aox-col-6: calc((var(--aox-col) * 6) + (var(--aox-gutter) * 5));
		--aox-col-7: 100%;
		--aox-col-8: 100%;
		--aox-col-9: 100%;
		--aox-col-10: 100%;
		--aox-col-11: 100%;
		--aox-col-12: 100%;
		--aox-col-13: 100%;
		--aox-col-14: 100%;
		--aox-col-15: 100%;
		--aox-col-16: 100%;
		}

	}

/* ======================================== */
/*  Debug
/* ======================================== */

.obj_grid-debug {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100vw;
	}
.obj_grid-debug .ctn_grid-debug {
	display: flex;
	flex-direction: row;
	height: 100%;
	width: var(--aox-grid);
	margin: 0 auto;
	}
.obj_grid-debug .ctn_grid-debug > * {
	position: relative;
	width: var(--aox-col);
	border-left: solid 1px rgba(0, 255, 255, 0.3);
	border-right: solid 1px rgba(0, 255, 255, 0.3);
	background: rgba(0, 255, 255, 0.15);
	}
.obj_grid-debug .ctn_grid-debug > * + * {
	margin-left: var(--aox-gutter);
	}

@media screen and (max-width: 767px) {

	.obj_grid-debug .ctn_grid-debug > * {
		display: none;
		}
	.obj_grid-debug .ctn_grid-debug > *:nth-child(-n+6) {
		display: block;
		}

	}

/* ======================================== */
/*  Font-sizes
/* ======================================== */

/*** Calculations ***/

:root {
	--aox-fs-resize: calc(
		(var(--aox-fs-viewport-width) - (var(--aox-fs-min-width) * 1px)) /
		(var(--aox-fs-max-width) - var(--aox-fs-min-width))
		);
	}

/*** Sizes ***/

:root {

	--aox-fs-6px: calc((((6 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (6 - (6 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-8px: calc((((8 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (8 - (8 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-10px: calc((((10 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (10 - (10 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-12px: calc((((12 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (12 - (12 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-14px: calc((((14 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (14 - (14 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-16px: calc((((16 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (16 - (16 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-18px: calc((((18 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (18 - (18 * 0.85)) * var(--aox-fs-resize));
	--aox-fs-20px: calc((((20 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (20 - (20 * 0.85)) * var(--aox-fs-resize));

	--aox-fs-22px: calc((((22 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (22 - (22 * 0.8)) * var(--aox-fs-resize));
	--aox-fs-24px: calc((((24 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (24 - (24 * 0.8)) * var(--aox-fs-resize));
	--aox-fs-26px: calc((((26 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (26 - (26 * 0.8)) * var(--aox-fs-resize));
	--aox-fs-28px: calc((((28 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (28 - (28 * 0.8)) * var(--aox-fs-resize));
	--aox-fs-30px: calc((((30 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (30 - (30 * 0.8)) * var(--aox-fs-resize));

	--aox-fs-32px: calc((((32 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (32 - (32 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-34px: calc((((34 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (34 - (34 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-36px: calc((((36 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (36 - (36 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-38px: calc((((38 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (38 - (38 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-40px: calc((((40 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (40 - (40 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-42px: calc((((42 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (42 - (42 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-44px: calc((((44 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (44 - (44 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-46px: calc((((46 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (46 - (46 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-48px: calc((((48 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (48 - (48 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-50px: calc((((50 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (50 - (50 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-52px: calc((((52 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (52 - (52 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-54px: calc((((54 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (54 - (54 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-56px: calc((((56 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (56 - (56 * 0.75)) * var(--aox-fs-resize));
	--aox-fs-58px: calc((((58 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (58 - (58 * 0.75)) * var(--aox-fs-resize));

	--aox-fs-60px: calc((((60 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (60 - (60 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-62px: calc((((62 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (62 - (62 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-64px: calc((((64 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (64 - (64 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-66px: calc((((66 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (66 - (66 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-68px: calc((((68 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (68 - (68 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-70px: calc((((70 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (70 - (70 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-72px: calc((((72 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (72 - (72 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-74px: calc((((74 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (74 - (74 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-76px: calc((((76 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (76 - (76 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-78px: calc((((78 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (78 - (78 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-80px: calc((((80 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (80 - (80 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-82px: calc((((82 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (82 - (82 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-84px: calc((((84 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (84 - (84 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-86px: calc((((86 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (86 - (86 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-88px: calc((((88 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (88 - (88 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-90px: calc((((90 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (90 - (90 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-92px: calc((((92 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (92 - (92 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-94px: calc((((94 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (94 - (94 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-96px: calc((((96 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (96 - (96 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-98px: calc((((98 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (98 - (98 * 0.7)) * var(--aox-fs-resize));
	--aox-fs-100px: calc((((100 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (100 - (100 * 0.7)) * var(--aox-fs-resize));

	--aox-lh-50: 0.5;
	--aox-lh-60: 0.6;
	--aox-lh-70: 0.7;
	--aox-lh-80: 0.8;
	--aox-lh-90: 0.9;
	--aox-lh-100: 1;
	--aox-lh-110: 1.1;
	--aox-lh-120: 1.2;
	--aox-lh-130: 1.3;
	--aox-lh-140: 1.4;
	--aox-lh-150: 1.5;
	--aox-lh-160: 1.6;
	--aox-lh-170: 1.7;
	--aox-lh-180: 1.8;
	--aox-lh-190: 1.9;
	--aox-lh-200: 2;

	}

/*** Utilities ***/

:root .has_accents {
	--aox-lh-50: 1;
	--aox-lh-60: 1;
	--aox-lh-70: 1;
	--aox-lh-80: 1;
	--aox-lh-90: 1;
	}

small {
	font-size: 0.85em;
	}

[data-aox-lc] {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	}
[data-aox-lc="1"] { -webkit-line-clamp: 1; }
[data-aox-lc="2"] { -webkit-line-clamp: 2; }
[data-aox-lc="3"] { -webkit-line-clamp: 3; }
[data-aox-lc="4"] { -webkit-line-clamp: 4; }
[data-aox-lc="5"] { -webkit-line-clamp: 5; }
[data-aox-lc="6"] { -webkit-line-clamp: 6; }
[data-aox-lc="7"] { -webkit-line-clamp: 7; }
[data-aox-lc="8"] { -webkit-line-clamp: 8; }
[data-aox-lc="9"] { -webkit-line-clamp: 9; }
[data-aox-lc="10"] { -webkit-line-clamp: 10; }
/* -------------------------------------------------- */

/*   $ > AOX Fluid Param - v1.3.0 - 26/08/25

/* -------------------------------------------------- */

/*

26/08/25 (FJA) - v1.3.0 - Maj variables
03/04/25 (FJA) - v2.2.0 - Ajout fichier Core / Param / Core custom / Param custom

*/

/* ======================================== */
/*  Param
/* ======================================== */

/*

1920 > 1366px(*) => Fixed
1365px > 768px => Fluid
767px > 520px => Fixed
519px > 320px => Fluid

(*) 1366px = Content = margin left (45px) + content width (1276px) + margin right (45px)

ATTENTION : Recopier l'intégralité des variables si besoin de surcharger pour ne pas perturber les calculs

*/


:root {

	--aox-1px: 1px;

    --aox-grid: var(--aox-1276px);
	--aox-gutter: var(--aox-20px);
	--aox-columns: 12;

	--aox-fs-1rem: 16;
	
	--aox-fs-viewport-width: 1366px;
	--aox-fs-max-width: 1366;
	--aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75);

	}

/***/

@media screen and (max-width: 1366px) {

	:root {

		--aox-1px: calc(100vw / 1366);

		--aox-fs-viewport-width: 100vw;
		
		}
	
	}

/***/

@media screen and (max-width: 767px) {

	:root {

		--aox-1px: calc(520px / 420);
		
		--aox-grid: var(--aox-370px);
		--aox-gutter: var(--aox-20px);

		--aox-fs-max-width: 420;
		--aox-fs-min-width: 320;
		--aox-fs-viewport-width: 520px;
		
		}
	
	}

/***/

@media screen and (max-width: 520px) {
	
	:root {
	
		--aox-1px: calc(100vw / 420);
	
		--aox-fs-viewport-width: 100vw;
	
		}
	
	}
/* -------------------------------------------------- */

/*   $ > AOX Fluid Param - v2.2.0 - 03/04/25

/* -------------------------------------------------- */

/*

03/04/25 (FJA) - v2.2.0 - Ajout fichier Core / Param / Core custom / Param custom

*/

/* ======================================== */
/*  Param
/* ======================================== */

/*

1920 > 1260px(*) => Fixed
1365px > 768px => Fluid
767px > 520px => Fixed
519px > 320px => Fluid

(*) 1366px = Content = margin left (90px) + content width (1080px) + margin right (90px)

*/

:root {

	--aox-1px: 1px;

    --aox-grid: var(--aox-1080px);
	--aox-gutter: var(--aox-24px);
	--aox-columns: 12;

	--aox-fs-1rem: 16;
	
	--aox-fs-viewport-width: 1260px;
	--aox-fs-max-width: 1260;
	--aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75);

	}

/***/

@media screen and (max-width: 1260px) {

	:root {

		--aox-1px: calc(100vw / 1260);

		--aox-fs-viewport-width: 100vw;
		
		}
	
	}

/***/

@media screen and (max-width: 767px) {

	:root {

		--aox-1px: calc(520px / 420);
		
		--aox-grid: var(--aox-370px);
		--aox-gutter: var(--aox-20px);

		--aox-fs-max-width: 420;
		--aox-fs-min-width: 320;
		--aox-fs-viewport-width: 520px;
		
		}
	
	}

/***/

@media screen and (max-width: 520px) {
	
	:root {
	
		--aox-1px: calc(100vw / 420);
	
		--aox-fs-viewport-width: 100vw;
	
		}
	
	}



/* -------------------------------------------------- */

/*   $ > AOX Edito Core

/* -------------------------------------------------- */

/*

v1.4.0 - 03/09/25

03/09/25 (FJA) - v1.4.0 - Modifs structure edito
26/08/25 (FJA) - v1.3.0 - Maj variables
11/06/25 (FJA) - v1.0.1 - Ajout variables

*/

/* ======================================== */
/*  Core
/* ======================================== */

/*** section ***/

.obj_aox-edito .obj_edito-section,
.obj_aox-edito .obj_edito-section > * + *,
.obj_aox-edito .obj_section {
	margin-top: var(--aox-edito-gap) !important;
	}
.obj_aox-edito .obj_edito-section:last-child,
.obj_aox-edito .obj_section:last-child {
	margin-bottom: var(--aox-edito-gap) !important;
	}
.obj_aox-edito .obj_edito-section.has_background + .obj_edito-section.has_background {
	margin-top: 0 !important;
	}

.obj_aox-edito .obj_edito-section {
	width: 100%;
	max-width: var(--aox-grid);
	margin: 0 auto;
	}

/*** row ***/

.obj_aox-edito .obj_edito-section .ctn_edito-row {
	display: flex;
	flex-direction: row;
	gap: var(--aox-edito-gap);
	width: 100%;
	}
.obj_aox-edito .obj_edito-section .ctn_edito-row .ctn_edito-column {
	width: 100%;
	}
.obj_aox-edito .obj_edito-section .ctn_edito-row .ctn_edito-column > * + * {
	margin-top: var(--aox-spacing-8) !important;
	}

/*** toggle ***/

.obj_aox-edito .obj_edito-section .ctn_edito-toggle {
	width: var(--aox-grid);
	margin: 0 auto;
	}
.obj_aox-edito .obj_edito-section .ctn_edito-toggle .ctn_edito-toggle-content {
	display: none;
	padding-top: var(--aox-spacing-8);
	}
.obj_aox-edito .obj_edito-section .ctn_edito-toggle .ctn_edito-toggle-content > * + * {
	margin-top: var(--aox-spacing-8) !important;
	}




/*** background ***/

.obj_aox-edito .obj_edito-section .ctn_edito-background {
	margin-top: 0 !important;
	}

.obj_aox-edito .obj_edito-section.has_background {
	position: relative;
	overflow: hidden;
	max-width: calc(var(--aox-edito-section-background-padding) + var(--aox-grid) + var(--aox-edito-section-background-padding));
	padding: var(--aox-edito-section-background-padding);
	}
.obj_aox-edito .obj_edito-section.has_background > .ctn_edito-row {
	position: relative;
	z-index: 2;
	}
.obj_aox-edito .obj_edito-section.has_background .ctn_background {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 !important;
	}

.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_color {
	height: 100%;
	width: 100%;
	background-color: var(--aox-edito-section-background-color);
	}

.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image,
.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image .ctn_image {
	height: 100%;
	width: 100%;
	}
.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image .ctn_image img {
	display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
	}

.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_video {
	height: 100%;
	width: 100%;
	}
.obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_video .ctn_video {
	display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
	}

/*** width-extended ***/

.obj_aox-edito .obj_edito-section.has_width-extended {
	max-width: 100%;
	padding: var(--aox-edito-section-background-padding) 0;
	}
.obj_aox-edito .obj_edito-section.has_width-extended > .ctn_edito-row {
	width: var(--aox-grid);
	margin: 0 auto;
	}

/*** width-full ***/

.obj_aox-edito .obj_edito-section.has_width-full {
	max-width: 100%;
	padding: var(--aox-edito-section-background-padding);
	}
.obj_aox-edito .obj_edito-section.has_width-full > .ctn_edito-row {
	width: 100%;
	margin: 0 auto;
	}




/*** edito-paragraph ***/

.obj_aox-edito .obj_edito-paragraph .ctn_content .ctn_paragraph {
	padding-right: var(--aox-gutter);
	}

.obj_aox-edito .obj_edito-paragraph .obj_image {
	position: relative;
	overflow: hidden;
	display: block;
	height: auto;
	width: 100%;
	}
.obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image {
	height: 100%;
	width: 100%;
	}
.obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
    object-position: center center;
	}

/*** edito-paragraph_hero ***/

.obj_aox-edito .obj_edito-paragraph.edito-paragraph_hero {
	background: var(--aox-color-grey-500);
	}
.obj_aox-edito .obj_edito-paragraph.edito-paragraph_hero .ctn_edito-paragraph {
	padding: var(--aox-spacing-6);
	text-align: center;
	}

/*** edito-paragraph_text-media ***/

.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_edito-paragraph {
	display: flex;
	flex-direction: row;
	align-items: var(--aox-edito-paragraph-align-items);
	gap: var(--aox-edito-paragraph-gap);
	margin: 0 auto;
	width: 100%;
	}
.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_content {
	width: var(--aox-edito-paragraph-content-width);
	}
.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_media {
	width: var(--aox-edito-paragraph-media-width);
	}

.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-left .ctn_edito-paragraph {
	flex-direction: row-reverse;
	}

.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_edito-paragraph {
	flex-direction: column-reverse;
	align-items: flex-start;
	gap: var(--aox-gutter);
	}
.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_media {
	width: 100%;
	}

.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_edito-paragraph {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--aox-gutter);
	}
.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_media {
	width: 100%;
	}

@media screen and (max-width: 767px) {

	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_edito-paragraph {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--aox-edito-paragraph-gap);
		}
	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_content {
		width: 100%;
		}
	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_media {
		width: 100%;
		}

	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-left .ctn_edito-paragraph {
		flex-direction: column;
		}

	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_edito-paragraph,
	.obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_edito-paragraph {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--aox-gutter);
		}

	}
/* -------------------------------------------------- */

/*   $ > AOX Edito Param

/* -------------------------------------------------- */

/*

v1.4.0 - 03/09/25

03/09/25 (FJA) - v1.4.0 - Modifs structure edito
26/08/25 (FJA) - v1.3.0 - Maj variables
11/06/25 (FJA) - v1.0.1 - Ajout variables

*/

/* ======================================== */
/*  Param
/* ======================================== */

.obj_aox-edito {

	--aox-edito-width: var(--aox-grid);
	--aox-edito-gap: var(--aox-col-1-gutter);

	--aox-edito-section-background-color: var(--aox-color-grey);
	--aox-edito-section-background-padding: var(--aox-col);

	--aox-edito-paragraph-align-items: flex-start;
	--aox-edito-paragraph-gap: var(--aox-gutter);

	--aox-edito-paragraph-media-width: var(--aox-col-6);
	--aox-edito-paragraph-content-width: var(--aox-col-6);

	}

/***/

@media screen and (max-width: 767px) {

	.obj_aox-edito {

		--aox-edito-gap: var(--aox-80px);

		}

	}
/* COMMON */
body{
    color: var(--aox-color-primary)
    }
.t_title{
    text-align: center;
    font-size: var(--aox-fs-18px);
    line-height: 1.3;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    color: var(--aox-color-primary);
    }
p,
li{
    font-size: var(--aox-fs-18px);
    line-height: 1.3;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    color: var(--aox-color-primary);
    }
strong{
    font-weight: 700;    
    }
.is_blue{
    color: var(--aox-color-primary) !important;
    }
/* WARNING TEXT */ 
.var_yellow{
	color: #EBB82B;
	}
.links a:hover{
    margin-left: calc(-1 * var(--aox-10px));
    }
    
@media screen and (max-width: 767px) {
    .t_title, p{
        font-size: var(--aox-fs-16px);
    }
}

/* FONTS */
.montserrat-alternates-light {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 300;
    font-style: normal;
    }
.montserrat-alternates-medium {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 500;
    font-style: normal;
    }
.montserrat-alternates-bold {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    font-style: normal;
    }
.montserrat-alternates-light-italic {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 300;
    font-style: italic;
    }
.montserrat-alternates-medium-italic {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 500;
    font-style: italic;
    }
.montserrat-alternates-bold-italic {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    font-style: italic;
    }
.pacifico-regular {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    }
/* OBJ_SECTION ACTIVITE */
.section_activite{
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: var(--aox-32px);
    border-bottom-right-radius: var(--aox-32px);
    }
.section_activite .ctn_section{
    display: flex;
    flex-flow: row wrap;
    gap: var(--aox-spacing-3);
    width: var(--aox-grid);
    margin: 0 auto;
    padding: var(--aox-spacing-3) 0 var(--aox-spacing-8);
    justify-content: space-between;
    }
/* obj_card-media */
.section_activite .obj_card-media{
    width: var(--aox-col-4);
    text-align: center;
    flex-shrink: 0;
    }
.section_activite .obj_card-media h4{
    font-size: var(--aox-fs-28px);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: var(--aox-color-primary);
    margin-bottom: var(--aox-spacing-2);
    }
.section_activite .obj_card-media .obj_card-material{
    padding: var(--aox-spacing-2) var(--aox-spacing-4);
    text-align: left;
    }
.section_activite .obj_card-media .obj_card-material h4{
    margin-bottom: var(--aox-spacing-1);
    }
.section_activite .obj_card-media .obj_card-material p{
    font-size: var(--aox-fs-16px);
    }
@media screen and (max-width: 767px) {
    .section_activite .obj_card-media .obj_card-material{
        background: #fff;
        }
}

/* obj_card-guide */
.section_activite .obj_card-guide{
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    width: var(--aox-col-8);
    min-height: var(--aox-420px);
    border-radius: var(--aox-spacing-4);
    background-color: var(--aox-color-primary);
    }
.section_activite .obj_card-guide .ctn_card{
    width: 100%;
    height: 100%;
    padding: var(--aox-spacing-6);
    border-radius: var(--aox-spacing-4);
    background-color: rgba(255, 255, 255, 0.75);
    } 
.section_activite .obj_card-guide h3{
    font-size: var(--aox-fs-38px);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: var(--aox-color-primary);
    margin-bottom: var(--aox-spacing-2);
    }
.section_activite .obj_card-guide h4{
    font-size: var(--aox-fs-24px);
    line-height: 1.3;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    color: var(--aox-color-brand-500);
    margin-bottom: var(--aox-spacing-1);
    }
.section_activite .obj_card-guide p{
    margin-bottom: var(--aox-spacing-1);
    }
.section_activite .obj_card-guide p + p,
.section_activite .obj_card-guide ul + p{
    margin-top: var(--aox-spacing-3);    
    }
.section_activite .obj_card-guide ul + p{
    margin-bottom: 0;
    } 
.section_activite .obj_card-guide ul{
    padding-left: var(--aox-spacing-3);
    }
.section_activite .obj_card-guide ul li{
    position: relative;
    margin-bottom: var(--aox-spacing-1);
    }
.section_activite .obj_card-guide li::before{
    position: absolute;
    left: -16px;
    top: 10px;
    content:"";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: var(--aox-color-primary);
    } 
/* CARD NOTES */
.section_activite .obj_card-notes{
    width: var(--aox-col-4);
    min-height: var(--aox-420px);
    padding: calc(var(--aox-420px) + var(--aox-spacing-5)) var(--aox-spacing-4) var(--aox-spacing-4);
    text-align: left;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: var(--aox-spacing-4);
    }
.section_activite .obj_card-notes h4{
    font-size: var(--aox-fs-28px);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: var(--aox-color-primary);
    margin-bottom: var(--aox-spacing-1);
    }
.section_activite .obj_card-notes p{
    font-size: var(--aox-fs-16px);
    }
.section_activite .obj_card-notes .ctn_text{
    margin-bottom: var(--aox-spacing-5);  
    }
.section_activite .obj_card-notes .ctn_text:last-of-type{
    margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .section_activite{
        background-color: inherit;
        }
    .section_activite .ctn_section::after{
        position: absolute;
        top: 0;
        z-index: -1;
        content: "";
        width: 100%;
        height: 40px;
        background-color: #fff;
        }
    .section_activite .ctn_section{
        position: relative;
        width: 100%;
        padding: 0 0 calc(var(--aox-300px) + var(--aox-spacing-5)) 0;
        gap: 0;
        z-index: 0;
        }
    .section_activite.no-video .ctn_section{
        padding-bottom: 0;
        }
    .section_activite .obj_card-media {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        }
    .section_activite .obj_img-media{
        position: relative;
        left: auto;
        order: 1;
        width: 100%;
        margin-bottom: var(--aox-spacing-5);
        }
    .section_activite .obj_img-media .ctn_image{
        display: block;
        width: var(--aox-370px);
        height: var(--aox-370px);
        margin: 0 auto;
        }
    .obj_audio-media {
        order: 2;
        }
    .section_activite .obj_card-guide{        
        margin-bottom: var(--aox-spacing-1);
        }
    .section_activite .obj_card-guide .ctn_card{
        order: 2;        
        padding: var(--aox-spacing-4);
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: var(--aox-spacing-4);
       }
    .section_activite .obj_card-guide h3 {
        font-size: var(--aox-fs-32px);
        }
    .section_activite .obj_card-guide h4 {
        font-size: var(--aox-fs-16px);
        }
    .section_activite .obj_card-guide p,
    .section_activite .obj_card-guide li{
        font-size: var(--aox-fs-14px);
        }
    .section_activite .obj_card-notes{
        width: 100%;
        min-height: inherit;
        padding: 0;
        background-color: inherit;        
        }
    .section_activite .obj_card-notes .ctn_text{
        width: 100%;
        margin-bottom: var(--aox-spacing-1);
        padding: var(--aox-spacing-3) var(--aox-spacing-4);
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: var(--aox-spacing-4);
        }
}
/* SECTION_BONUS */
.section_bonus {
	background-color: #fff;
	}
.section_bonus .ctn_section {
	position: relative;
	width: var(--aox-grid);
	margin: 0px auto;
	padding: var(--aox-spacing-3) 0 var(--aox-spacing-6);
	}
.section_bonus .obj_title-intro{
	margin-bottom: var(--aox-spacing-3);
	background: var(--aox-color-bonus-light);
	}
.section_bonus .ctn_cards-list{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	gap: var(--aox-spacing-3);
	}

@media screen and (max-width: 767px) {
	.section_bonus .ctn_section {
		padding: 0 0 var(--aox-spacing-3);
		}
	.section_bonus .obj_title-intro{
		margin-bottom: var(--aox-spacing-2);
		}
	.section_bonus .ctn_cards-list {
		gap: var(--aox-spacing-2);
		}
}
.section_carrousel{
    padding: 0 0 var(--aox-spacing-9);
    background-color: #fff;
    border-bottom-left-radius: var(--aox-32px);
    border-bottom-right-radius: var(--aox-32px);
    }
.section_carrousel .ctn_section{
    width: var(--aox-grid);
    margin: 0 auto ;
    padding: var(--aox-spacing-9) 0 var(--aox-spacing-4);
    border-radius: var(--aox-spacing-4);
    background: rgba(150, 217, 235, 0.20);
    overflow: hidden;
    }
@media screen and (max-width: 767px) {
    .section_carrousel{
        width: 100%;
        margin: 0 auto;
        padding: var(--aox-spacing-4) 0 var(--aox-spacing-6);
        }
    .section_carrousel .ctn_section{
        padding: var(--aox-spacing-4) 0 var(--aox-spacing-2);
        }
}
/* SECTION CARDS */
.section_cards{
    width: 100%;
    margin: 0 auto;
    padding: var(--aox-spacing-2) 0 var(--aox-spacing-9);
    background: #fff;
    border-bottom-left-radius: var(--aox-40px);
    border-bottom-right-radius: var(--aox-40px);
    }
.ctn_cards-list {
    position: relative;
    width: var(--aox-grid);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: var(--aox-24px);
    grid-row-gap: var(--aox-24px);
    }
@media screen and (max-width: 767px) {
    .section_cards{
        padding: var(--aox-spacing-2) 0 var(--aox-spacing-6);
        }
    .ctn_cards-list {
        display: flex;
        flex-flow: row wrap;
        gap: var(--aox-14px);
        justify-content: center;
        }
    .ctn_cards-list .card{
        width: var(--aox-col-3);
        max-width: var(--aox-col-3);
        height: calc(var(--aox-270px) + var(--aox-4px));
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        border-radius: var(--aox-spacing-2);
        } 
}


/* SECTION RULES */
.section_edito{
	width: 100%;
	background-color: #fff;
	border-bottom-left-radius: var(--aox-spacing-5);
	border-bottom-right-radius: var(--aox-spacing-5);
	}
.section_edito .ctn_section{
	position: relative;
	width: var(--aox-grid);
	margin: 0 auto;
	padding: var(--aox-spacing-3) 0;
	}
.section_edito .obj_title-intro{
	background: #f4edf4;
	}
.section_edito .ctn_rules{
	display: flex;
	flex-flow: column nowrap;
	gap: var(--aox-spacing-2);
	}

@media screen and (max-width: 767px) {
	.section_edito .ctn_section{
		padding: var(--aox-spacing-2) 0 var(--aox-spacing-6);
		}
}
.section_footer-mandala{
	width: 100%;
	}
.section_footer-mandala .ctn_section{
	width: 100%;
	margin: var(--aox-spacing-4) auto 0;
	}
.section_footer-mandala .ctn_section .ctn_image{
	position: relative;
	display: block;
	height: var(--aox-180px);
	margin: 0 auto calc(-1 * var(--aox-8px));
	overflow: hidden;
	}
.section_footer-mandala .ctn_section .ctn_image img{
	height: var(--aox-500px);
	display: block;
	margin: 0 auto;
	}
/* ANIM */	
.section_footer-mandala .ctn_section .ctn_image img{
	animation: rotation 90s linear infinite;
	}

@media screen and (max-width: 767px) {
	.section_footer-mandala .ctn_section .ctn_image img{
		height: var(--aox-380px);
		}
}
.section_footer{
	width: 100%;
	margin: var(--aox-spacing-7) auto;
	}
.section_footer .ctn_section{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: var(--aox-grid);
	margin: 0 auto;
	background: #fff;
	}
.section_footer .logo{
	width: calc(var(--aox-180px) + var(--aox-7px))
	}
.section_footer .logo img{
	width: 100%;
	}
.section_footer .ctn_section .ctn_text{
   display: block;
	width: var(--aox-400px);
	margin: 0 auto;
	}
.section_footer .ctn_section .ctn_text p{
	font-size: var(--aox-15px);
	text-align: center;
	font-weight: 300;
	}
.section_footer .ctn_section .ctn_text p a{
	font-size: var(--aox-15px);
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
	color: var(--aox-color-secondary)
	}
.section_footer .ctn_section .ctn_text p a:hover{
	color: var(--aox-color-primary)
	}
.section_footer .l_mentions{
	display: block;
	margin: var(--aox-20px) auto;
	font-size: var(--aox-13px);
	font-weight: 300;
	text-align: center;
	color: var(--aox-color-primary);
	text-decoration: underline;
	}
.section_footer .l_mentions:hover{
	font-weight: 700;
	}
.section_footer .ctn_socials{
	width: var(--aox-180px);
	text-align: right;
	}
.section_footer .ctn_socials p{
	font-size: var(--aox-fs-24px);
  	font-family: "Pacifico", cursive;
	color: var(--aox-color-primary);
	}
.section_footer .links{
	margin-top: var(--aox-spacing-1);
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	gap: 5px
	}
.section_footer .links a:hover{
	margin-left: inherit;
	margin-top: var(--aox-10px);
	}


@media screen and (max-width: 767px) {
	.section_footer{
		margin: var(--aox-spacing-4) auto
		}
	.section_footer .ctn_section{
		flex-flow: row wrap;
		}
	.section_footer .logo{
		width: var(--aox-130px);
		flex-shrink: 0;
		order: 1;
		}	
	.section_footer .ctn_socials {
		order: 2;
		max-width: var(--aox-120px);
		}
	.section_footer .ctn_socials p{
		display: none;
		}	
	.section_footer .ctn_section .ctn_text{
		order: 3;
		width: 100%;
		margin-top: var(--aox-spacing-3);
		}
	.section_footer .ctn_section .ctn_text p,
	.section_footer .ctn_section .ctn_text p a,
	.section_footer .l_mentions{
		font-size: var(--aox-fs-12px);
		}

}
/* SECTION HEADER */
.section_header {
    height: calc(var(--aox-50px) + var(--aox-spacing-6));
    width: 100%;
    margin: 0 auto;
    padding: var(--aox-spacing-3) 0;
    background-color: #fff;
    border-top-left-radius: var(--aox-32px);
    border-top-right-radius: var(--aox-32px);
    }
.section_header .obj_logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: var(--aox-50px);
    width: var(--aox-col-3);
    transition: all ease 400ms;
    }
.section_header .ctn_section {
    position: relative;
    width: var(--aox-grid);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--aox-gutter);
    max-width: 100%;
    margin: 0 auto;
    }
.section_header .obj_nav {
    font-size: var(--aox-fs-18px);
    font-weight: 600;
    text-transform: uppercase;
    }
.section_header .obj_nav .ctn_nav {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0 var(--aox-28px);
    }
.section_header .obj_nav .ctn_nav > li {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: var(--aox-50px);
    transition: all ease 400ms;
    }
.section_header .obj_nav .ctn_nav > li > a {
    font-size: var(--aox-fs-14px);
    line-height: 1;
    padding: var(--aox-6px) 0;
    text-transform: uppercase;
    transition: all ease 400ms;
    color: var(--aox-color-primary);
    text-decoration: none;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #fff;
    }
.section_header .obj_nav .ctn_nav > li > a:hover{
    color: var(--aox-color-secondary);
    }
.section_header .obj_nav .ctn_nav > li > a:hover[aria-current]{
    border-bottom: 2px solid var(--aox-color-secondary);
    }
.section_header .obj_nav .ctn_nav > li > a[aria-current]{
    border-bottom: 2px solid var(--aox-color-primary);
    }
.section_header .ctn_socials{
    position: absolute;
    right: calc(-1 * var(--aox-80px));
    top: var(--aox-20px);
    }
.section_header .links{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	gap: 5px
	}

@media screen and (max-width: 767px) {
    .section_header {
        width: 100%;
        height: auto;
        padding: var(--aox-spacing-3) 0 var(--aox-spacing-2);   
        transition: all ease 400ms;     
        } 
    .section_header .ctn_section {
        width: 100%;
        }
    .section_header .obj_logo {
        height: var(--aox-65px);
        width: calc(var(--aox-200px) + var(--aox-2px));
        margin: 0 auto;
        }
	.section_header.is_open {
		/*position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
        padding: 0;*/
		}
	.section_header.is_open .ctn_section {
        /*position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
        padding: 0;
        width:100%;
        padding-top: var(--aox-spacing-3);
		flex-direction: column;        */
		}
	.section_header.is_open .obj_logo {
		opacity: 0;
        pointer-events: none;
		}
     .section_header .obj_nav {
        position: absolute;
        opacity: 0;
        top: calc(-1* var(--aox-spacing-4));
        left:-100%;
		height: 100vh;
        width: 100vw;
        color: #fff;
        /*border-top-left-radius: var(--aox-40px);
        border-top-right-radius: var(--aox-40px);*/
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
		background-color: var(--aox-color-tete);
        transition: all ease 600ms;
        } 
	.section_header.is_open .obj_nav {
        display: block;
        left: calc(-1* var(--aox-spacing-1));
        bottom: 0;
        opacity: 1;
		z-index: 999;
		}
	.section_header .obj_nav .ctn_nav {
        display: flex;
        left: 0;
        opacity: 1;
		z-index: 999;
        flex-direction: column;
		gap: var(--aox-50px);
        padding-top: var(--aox-spacing-8);
		}
	.section_header.is_open .obj_nav .ctn_nav > li {
		height: auto;
        font-size: var(--aox-fs-24px);
		}
	.section_header.is_open .obj_nav .ctn_nav > li > a {
		opacity: 1;
        font-size: var(--aox-fs-24px);
        color: var(--aox-color-primary);
        border-bottom: 2px solid var(--aox-color-tete);
		}
    .section_header .obj_nav .ctn_nav > li > a[aria-current] {
        border-bottom: 2px solid var(--aox-color-primary);
        }
	.section_header.is_open .obj_nav .ctn_subnav {
		visibility: visible;
		opacity: 1;
		position: static;
		width: 100%;
		margin: var(--aox-20px) 0 0 0;
		padding: 0;
		font-size: var(--aox-fs-24px);
		color:  #fff;
		text-align: center;
		transform: none;
		background-color: transparent;
		}
	.section_header.is_open .obj_nav .ctn_subnav > li + li {
		margin-top: var(--aox-20px);
		}
	.section_header.is_open .obj_nav .ctn_subnav > li > a {
		opacity: 1;        
		}
	.section_header.is_open .ctn_language {
		opacity: 1;
		}
    .section_header .ctn_socials{
        display: none;
        }
}
/* OBJ_SECTION HERO */
.section_hero{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    }
.section_hero .ctn_section{
    width: var(--aox-grid);
    margin: 0 auto;
    padding: var(--aox-spacing-3) 0 0;
    text-align: center;
    overflow: hidden;
    }
.section_hero .ctn_text{
    width: var(--aox-col-10);
    margin: 0 auto;
    padding: var(--aox-spacing-3) var(--aox-spacing-1) 0;
    }
.section_hero .t_title{
    padding-bottom: var(--aox-spacing-1);
    }
.section_hero .ctn_images{
    display: flex;
    flex-flow: row nowrap;
    width: var(--aox-grid);
    gap: var(--aox-spacing-3);
    margin-bottom: var(--aox-spacing-2);
    }
.section_hero .ctn_images img{
    width: var(--aox-160px);
    height: var(--aox-160px);
    flex-shrink: 0;
    }

@media screen and (max-width: 767px) {
    .section_hero{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        }
    .section_hero .ctn_section{
        width: 100%;
        padding-top: 0;
        }
    .section_hero .ctn_image{
        width: 100%;
        overflow: hidden;
        margin-bottom: 0;
        }
    .section_hero .ctn_image img{
        max-width: inherit;
        transform: translateX(-50%);
        margin-left: 50%;
        }
    .section_hero .ctn_text{
        padding: var(--aox-spacing-2) var(--aox-spacing-1) 0;
        width: var(--aox-col-6);
        }
    .section_hero .ctn_text .t_desc br{
        display: none;
        }
}


/* OBJ_SECTION RUBRIQUE */
.section_rubrique{
    width: 100%;
    background-color: #fff;    
    }
.section_rubrique .ctn_section{
    width: var(--aox-grid);
    margin: 0 auto;
    padding: var(--aox-spacing-5) 0 var(--aox-spacing-3);
    } 
.section_rubrique .ctn_section .t_title{
    text-shadow: 0 4px 4px rgba(255, 255, 255, 0.25);
    }
.section_rubrique .ctn_cards-category{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: var(--aox-spacing-3);
    padding: var(--aox-spacing-2) 0;
    }
.section_rubrique .ctn_cards-category .obj_carrousel{
    margin-top: 0;
    }
.section_rubrique .ctn_cards-category .card {
    position: relative;
    }
.section_rubrique .ctn_cards-category .card a{
    position: relative;
    z-index: 10;
    width: var(--aox-col-3);
    height: calc(var(--aox-360px) + var(--aox-4px));
    width: 100%;
    max-width: calc(var(--aox-250px) + var(--aox-2px));
    border-radius: var(--aox-spacing-2);
    overflow: hidden;    
    display: flex;
    flex-flow: column nowrap;    
    text-decoration: none;
    text-align: center;
    align-items: center;
    padding: var(--aox-spacing-4) var(--aox-spacing-2) var(--aox-190px);
    } 
.section_rubrique .ctn_cards-category .category-tete a,
.ctn_cards-category .card.category-tete::before,
.ctn_cards-category .card.category-tete::after{
    background-color: var(--aox-color-tete);
    }
.section_rubrique .ctn_cards-category .category-corps a,
.ctn_cards-category .card.category-corps::before,
.ctn_cards-category .card.category-corps::after{
    background-color: var(--aox-color-corps);
    }
.section_rubrique .ctn_cards-category .category-artiste a,
.ctn_cards-category .card.category-artiste::before,
.ctn_cards-category .card.category-artiste::after{
    background-color: var(--aox-color-artiste);
    }
.section_rubrique .ctn_cards-category .category-peau a,
.ctn_cards-category .card.category-peau::before,
.ctn_cards-category .card.category-peau::after{
    background-color: var(--aox-color-peau);
    }


 /* ANIMS CARDS */  
.ctn_cards-category .card::before{
    content:"";
    display: block;
    opacity:0;
    position: absolute;
    left: 6px;
    top: 0;
    height: 100%;
    width: 100%;
    scale: 1;
    max-width: 252px;
    border-radius: var(--aox-spacing-2);
    background-color: green;
    scale: 0.9;
    background-color: var(--aox-color-secondary-300);
    z-index: 9;
    transition:all .3s ease;
    }
.ctn_cards-category .card::after{
    content:"";
    display: block;
    opacity:0;
    position: absolute;
    left: 6px;
    top: 0;
    height: 100%;
    width: 100%;
    scale: 1;
    max-width: 252px;
    border-radius: var(--aox-spacing-2);
    scale: 0.9;
    background-color: var(--aox-color-secondary-400);
    z-index: 8;
    transition:all .3s ease;
    }

/*****/
.section_rubrique .ctn_cards-category .card a h3{
    margin: auto;
    color: #fff;
    font-size: var(--aox-fs-38px);
    line-height: 1.1;
    font-family: "Pacifico", cursive;
    }    
.section_rubrique .ctn_cards-category .card .ctn_image{
    position: absolute;
    top: var(--aox-190px);
    width: var(--aox-350px);
    height: var(--aox-350px);
    }
.section_rubrique .ctn_cards-category .card .ctn_image img{
    width: 100%;
    height: 100%;
    }

@media screen and (min-width: 768px) {
	.ctn_cards-category .card:hover a{
		scale: 0.9;
		rotate: -2deg;
		}
	.ctn_cards-category .card:hover::before{
		opacity: 0.7;
		rotate: 4deg;
		scale: 0.9;
		}
	.ctn_cards-category .card:hover::after{
		opacity: 0.5;
		rotate: 10deg;
		scale: 0.9;
		z-index: 8;
		}
}

@media screen and (max-width: 767px) {
    .section_rubrique .ctn_section{
        padding: var(--aox-spacing-6) 0 0;
        }
    .section_rubrique .ctn_section .t_title{
        /*width: var(--aox-col-4);*/
        margin: 0 auto;
        }
    .section_rubrique .ctn_cards-category{
        flex-flow: row wrap;
        gap: var(--aox-14px);
        padding: var(--aox-spacing-1) 0;
        }
    .section_rubrique .ctn_cards-category .card{
        width: 100%;
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        }
    .section_rubrique .ctn_cards-category .card a{
        height: calc(var(--aox-270px) + var(--aox-4px));
        padding: var(--aox-spacing-4) var(--aox-spacing-2) var(--aox-130px);
        }
    .section_rubrique .ctn_cards-category .card a h3{
        font-size: var(--aox-fs-26px);
        }
    .section_rubrique .ctn_cards-category .card .ctn_image{
        top: var(--aox-150px);
        width: var(--aox-250px);
        height: var(--aox-250px);
        }
}

/* CARDS BONUS */
.section_rubrique .card.category-bonus{
    width: 100%;
    min-width: 100%;
    height: calc(var(--aox-140px) + var(--aox-2px));
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-radius: var(--aox-spacing-2);
    overflow: hidden;
    background-color: var(--aox-color-bonus);
    }
.section_rubrique .card.category-bonus::before,
.section_rubrique .card.category-bonus::after{
    display: none;
    }
.section_rubrique .card.category-bonus:hover a{
    scale: inherit;
    rotate: inherit;
    }

.section_rubrique .card.category-bonus a {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    max-width: inherit;
    height: calc(var(--aox-140px) + var(--aox-2px));
    text-decoration: none;
    text-align: center;
    align-items: center;
    padding: 0;
    }
.section_rubrique .card.category-bonus a h3{
    margin: auto;
    color: #fff;
    font-size: var(--aox-fs-38px);
    line-height: 1.1;
    font-family: "Pacifico", cursive;
    }    
.section_rubrique .card.category-bonus .ctn_image{
    position: absolute;
    transform: translate(-50%, -50%);
    width: var(--aox-350px);
    height: var(--aox-350px);
    left: 0;
    top: 50%;
    }
.section_rubrique .card.category-bonus .ctn_image img{
    width: 100%;
    height: 100%;
    }
@media screen and (max-width:767px){
    .section_rubrique .card.category-bonus .ctn_image {
        width: var(--aox-250px);
        height: var(--aox-250px);
        }
    .section_rubrique .card.category-bonus a{
        max-width: 100%;
        padding: var(--aox-spacing-4) var(--aox-spacing-2) var(--aox-spacing-4) var(--aox-120px);
        }
    .section_rubrique .card.category-bonus a h3 {
        font-size: var(--aox-fs-26px);
        }
}

/* ANIMATION ROTATE MANDALA */ 
.section_rubrique .ctn_cards-category .card .ctn_image img,
.section_rubrique .ctn_cards-bonus .card .ctn_image img{
    animation: rotation 40s linear infinite;
    animation-play-state: paused;
    }   
.section_rubrique .ctn_cards-category .card:hover .ctn_image img,
.section_rubrique .ctn_cards-bonus .card:hover .ctn_image img{
    animation-play-state: running;
    }   
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* SECTION RULES */
.section_rules{
	width: 100%;
	background-color: #fff;
	border-bottom-left-radius: var(--aox-spacing-5);
	border-bottom-right-radius: var(--aox-spacing-5);
	}
.section_rules .ctn_section{
	position: relative;
	width: var(--aox-grid);
	margin: 0 auto;
	padding: var(--aox-spacing-3) 0;
	}
.section_rules .obj_title-intro{
	background: #f4edf4;
	}
.section_rules .ctn_rules{
	display: flex;
	flex-flow: column nowrap;
	gap: var(--aox-spacing-2);
	}

@media screen and (max-width: 767px) {
	.section_rules .ctn_section{
		padding: var(--aox-spacing-2) 0 var(--aox-spacing-6);
		}
}
.section_thematiques{
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: var(--aox-32px);
    border-bottom-right-radius: var(--aox-32px);
    }
.section_thematiques .ctn_section{
    width: var(--aox-grid);
    margin: 0 auto;
    padding: var(--aox-spacing-3) 0 var(--aox-spacing-5);
    } 
.section_thematiques .ctn_cards-thematiques{
    display: flex;
    flex-flow: row wrap;
    gap: var(--aox-spacing-3);
    padding: var(--aox-spacing-3) 0;
    justify-content: center;
    }

@media screen and (max-width: 767px) {
    .section_thematiques .ctn_cards-thematiques{
        gap: var(--aox-14px);
        }
    .section_thematiques .ctn_cards-thematiques .card {
        width: 100%;
        height: calc(var(--aox-270px) + var(--aox-4px));
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        }
   .section_thematiques .ctn_cards-thematiques .card a h2 {
        font-size: var(--aox-fs-26px);
        }
}
/* SECTION TITLE */	
.section_title {
    width: 100%;
    background-color: #fff;
    }
.section_title .ctn_section {
    position: relative;
    width: var(--aox-grid);
    margin: 0 auto;
    padding: var(--aox-spacing-3) 0;
    }
/* OBJ AUDIO MEDIA  */
.obj_audio-media{
	padding: var(--aox-spacing-6) var(--aox-12px) var(--aox-spacing-3);
	background-color: #fff;
	border-radius: var(--aox-spacing-4);
	}
@media screen and (max-width: 767px) {
	.obj_audio-media{
	   position: absolute;
		bottom: 0;
		width: 100%;
		padding: var(--aox-spacing-4);
		}
	.obj_audio-media iframe{
		width: 100% !important;
  		height: var(--aox-190px) !important;
		}
}
/* ======================================== */
/*  OBJ_BUTTON
/* ======================================== */
.ctn_button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: inherit;
    justify-content: center;
    }
.obj_button.button_default {
	display: inline-block;
	margin: var(--aox-spacing-3) 0;
    padding: var(--aox-spacing-2) var(--aox-spacing-3);
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	font-size: var(--aox-fs-14px);
	line-height: 1.5;
	color: #fff;
    text-transform: uppercase;
	border-radius: var(--aox-spacing-1);
    background: var(--aox-color-secondary);
	text-decoration: none;
	outline: none;
    cursor: pointer;
	transition: all ease 400ms;
    border: none;
	}
.obj_button.button_default:hover:not(:disabled) {
	color: var(--aox-button-hover-color);
	border-color: var(--aox-button-hover-border-color);
    background: var(--aox-button-hover-background-color);
	}

.obj_button.button_default:disabled {
	color: var(--aox-button-disabled-color);
	border-color: var(--aox-button-disabled-border-color);
    background: var(--aox-button-disabled-background-color);
	cursor: default;
	}

@media screen and (max-width: 767px) {	
    .obj_button.button_default {
        margin: var(--aox-spacing-2) 0;
        }
}

/* NAV BUTTON BURGER */ 
.button_burger {
    display: none;
    position: absolute;
    top: var(--aox-spacing-2);
    left: var(--aox-spacing-2);
    height: var(--aox-44px);
    width: var(--aox-44px);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    }
.button_burger.is_open{
    top: var(--aox-spacing-2);
    left: var(--aox-spacing-2);
    z-index: 1000;
    }
.button_burger.is_open span {
    background: var(--aox-color-primary);
    }
.button_burger span:nth-child(1) {
    top: 35%;
    }
.button_burger span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
    }
.button_burger span:nth-child(3) {
    bottom: 35%;
    }
.button_burger.is_open span:nth-child(1) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	}
.button_burger.is_open span:nth-child(2) {
	display: none;
	}
.button_burger.is_open span:nth-child(3) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	}
.button_burger span {
    position: absolute;
    left: 50%;
    display: block;
    height: var(--aox-2px);
    width: var(--aox-18px);
    transform: translateX(-50%);
    border-radius: var(--aox-2px);
    background: var(--aox-color-primary);
    transition: all ease 400ms;
    }

@media screen and (max-width: 767px) {	
	.button_burger {
		display: block;
        }	
}

/* OBJ BTN PREV */
.obj_btn-nav{
    overflow: hidden;
    padding: 0;
    }
.obj_btn-nav.prev{
    position: absolute;
    left: var(--aox-spacing-1);
    top: var(--aox-spacing-1);
    max-width: var(--aox-52px);
    max-height: var(--aox-52px);
    transform: inherit;
    background: none;
    padding: 0;
    }
.obj_btn-nav.prev svg{
    width: var(--aox-52px);
    height: var(--aox-52px);
    fill: var(--aox-color-primary);
    }
.obj_btn-nav.prev:hover,
.obj_btn-nav.prev:focus{
    left: 0;
    background: none;
    }
@media screen and (max-width: 767px) {	
   .obj_btn-nav.prev{
    max-width: var(--aox-42px);
    max-height: var(--aox-42px);
    }
    .obj_btn-nav.prev svg {
    width: var(--aox-42px);
    height: var(--aox-42px);
    }
}

/* BUTTON VIDEO */
.button_video{
    display: flex;
    flex-flow: row nowrap;
    gap: var(--aox-spacing-1);
    align-items: center;
    height: auto;
    margin: var(--aox-spacing-3) 0 0;
    padding: var(--aox-spacing-2) var(--aox-spacing-3);
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    font-size: var(--aox-fs-14px);
    line-height: 1.5;
    color: var(--aox-color-tete-700);
    background: none;
    text-transform: uppercase;
    }
.button_video:hover svg{
    fill: var(--aox-color-primary);
    }   
.button_video svg{
    width: var(--aox-32px);
    height: var(--aox-32px);
    fill: var(--aox-color-tete-700);
    transition: all var(--aox-transition-timing-function) var(--aox-transition-duration);
    }

/* */
 .obj_card-game a.button_video{
    padding: 0;
    }
/* CARD GAME */
.obj_card-game{
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    height: calc(var(--aox-340px) + var(--aox-4px));
    width: var(--aox-col-3);
    max-width: calc(var(--aox-250px) + var(--aox-2px));
    border-radius: var(--aox-spacing-3);
    text-align: center;
    justify-content: flex-start;
    overflow: hidden;
    transition:all .3s ease;
    }
.obj_card-game a{
    height: 100%;
    padding: var(--aox-spacing-2) var(--aox-spacing-1) var(--aox-spacing-1);
    text-decoration: none;
    }
.obj_card-game .t_number{
    display: inline-block;
    width: var(--aox-50px);
    height: var(--aox-50px);
    margin-bottom: var(--aox-spacing-1);
    flex-shrink: 0;
    font-size: var(--aox-36px);
    line-height: 42px;
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: var(--aox-color-primary);
    border-radius: var(--aox-50px);
    }
.obj_card-game h2{
    font-size: var(--aox-28px);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: var(--aox-color-primary);
    margin-bottom: var(--aox-spacing-1);
    }
.obj_card-game h3{
    font-size: var(--aox-22px);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    color: var(--aox-color-primary);
    }
.obj_card-game .ctn_image {
    position: absolute;
    top: var(--aox-200px);
    width: var(--aox-250px);
    height: var(--aox-250px);
    left: 50%;
    transform: translateX(-50%);
    }
.obj_card-game .ctn_image img{
    width: 100%;
    height: 100%;
    }
.obj_card-game .ctn_game-info{
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: var(--aox-4px);    
    width: 100%;
    height: var(--aox-60px);
    padding: var(--aox-spacing-1);
    background: var(--aox-color-peau);
    }
.obj_card-game .ctn_game-info div{
    width: 50%;
    flex-shrink: 0;
    }
.obj_card-game .ctn_game-info .players{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between; 
    }
.obj_card-game .ctn_game-info .players svg{
    width: var(--aox-16px);
    height: var(--aox-16px);
    fill: #ffffff;
    margin: 0 auto;
    }
.obj_card-game .ctn_game-info .time svg{
    width: var(--aox-16px);
    height: var(--aox-16px);
    fill: #fff;
    margin: 0 auto;
    }
.obj_card-game .ctn_game-info p{
    font-size: var(--aox-13px);
    font-weight: 700;
    color: #fff;
    }
@media screen and (max-width: 767px) {
    .obj_card-game{
        width: var(--aox-col-3);
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        height: calc(var(--aox-270px) + var(--aox-4px));
        padding: var(--aox-12px) var(--aox-spacing-1) var(--aox-spacing-1);
        border-radius: var(--aox-spacing-2);
        }
    .obj_card-game a{
        padding: 0;
        }
    .obj_card-game .t_number{
        width: var(--aox-28px);
        height: var(--aox-28px);
        margin-bottom: var(--aox-6px);
        font-size: var(--aox-fs-20px);
        line-height: 24px;
        }
    .obj_card-game h2{
        font-size: var(--aox-22px);
        }
    .obj_card-game h3{
        font-size: var(--aox-14px);
        }
    .obj_card-game .ctn_image {
        top: var(--aox-150px);
        width: var(--aox-210px);
        height: var(--aox-210px);
        }
    .obj_card-game .ctn_game-info{
        height: var(--aox-64px);
        }
    .obj_card-game .ctn_game-info p {
        font-size: var(--aox-12px);
        }
}

/* ANIMS CARDS */
.obj_card-game:hover{
    scale: 1.05;    
    }
.obj_card-game:focus{
    border:5px solid #000    
    }
.obj_card-game.card-intro:hover,
.obj_card-game.big:hover{
    scale: inherit;
    }

/* ROTATE MANDALA */ 
.obj_card-game .ctn_image img{
    animation: rotation 40s linear infinite;
    animation-play-state: paused;
    }   
.obj_card-game:hover .ctn_image img{
    animation-play-state: running;
    }   
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* OBJ CARD GAME GRID AREA */
.obj_card-game:nth-of-type(1) { grid-area: 1 / 1 / 3 / 3;}
.obj_card-game:nth-of-type(2) {grid-area: 1 / 3 / 2 / 4; }
.obj_card-game:nth-of-type(3) {grid-area: 1 / 4 / 2 / 5; }
.obj_card-game:nth-of-type(4) { grid-area: 2 / 3 / 3 / 4; }
.obj_card-game:nth-of-type(5) { grid-area: 2 / 4 / 3 / 5; }
.obj_card-game:nth-of-type(6) { grid-area: 3 / 1 / 4 / 2; }
.obj_card-game:nth-of-type(7) { grid-area: 3 / 2 / 4 / 3; }
.obj_card-game:nth-of-type(8) { grid-area: 3 / 3 / 4 / 4; }
.obj_card-game:nth-of-type(9) { grid-area: 3 / 4 / 4 / 5; }
.obj_card-game:nth-of-type(10) { grid-area: 4 / 1 / 5 / 2; }
.obj_card-game:nth-of-type(11) { grid-area: 4 / 2 / 5 / 3; }
.obj_card-game:nth-of-type(12) { grid-area: 4 / 3 / 5 / 4; }
.obj_card-game:nth-of-type(13) { grid-area: 4 / 4 / 5 / 5; }

@media screen and (max-width: 767px) {
    .obj_card-game.card-intro{
        width: 100%;
        max-width: inherit;
        }
    .obj_card-game:nth-of-type(1),
    .obj_card-game:nth-of-type(2),
    .obj_card-game:nth-of-type(3),
    .obj_card-game:nth-of-type(4),
    .obj_card-game:nth-of-type(5),
    .obj_card-game:nth-of-type(6),
    .obj_card-game:nth-of-type(7),
    .obj_card-game:nth-of-type(8),
    .obj_card-game:nth-of-type(9),
    .obj_card-game:nth-of-type(10),
    .obj_card-game:nth-of-type(11),
    .obj_card-game:nth-of-type(12),
    .obj_card-game:nth-of-type(13){
        grid-area: inherit
        }
}

/* OBJ CARD INTRO */
.obj_card-game.card-intro{
    width: var(--aox-col-6);    
    height: calc(var(--aox-700px) + var(--aox-12px));
    max-width: inherit;
    border-radius: var(--aox-spacing-4);
    padding: 0;
    }
.obj_card-game.card-intro .ctn_card{
    display: flex;
    flex-shrink: 0;
    height: 100%;
    padding: var(--aox-spacing-4) var(--aox-spacing-2); 
    text-align: center;
    justify-content: center;
    align-items: center;
    }
.obj_card-game.card-intro .ctn_text{
    padding: 0 var(--aox-spacing-3);
    }
.obj_card-game.card-intro .t_title{
    font-family: "Pacifico", cursive;
    font-size: var(--aox-fs-58px);
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: var(--aox-spacing-5);
    color: var(--aox-color-primary);
    }
.obj_card-game.card-intro .t_subtitle{
    font-family: "Pacifico";
    font-size: var(--aox-fs-28px);
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: var(--aox-spacing-2);
    }
.obj_card-game.card-intro .btn_popin{
    display: none;
    }
.obj_card-game.card-intro .t_choose{
    padding-top: var(--aox-spacing-3);    
    }
.obj_card-game.card-intro .t_activites{
    display: block;
    color: var(--aox-color-secondary);
    text-transform: uppercase;
    font-size: var(--aox-fs-18px);
    font-weight: 700;
    }

@media screen and (max-width: 767px) {
   .obj_card-game.card-intro{
        height: auto;
        border-radius: var(--aox-spacing-2); 
        }
   .obj_card-game.card-intro .ctn_card{
        padding: var(--aox-spacing-4) var(--aox-spacing-2); 
        }
    .obj_card-game.card-intro .t_title{
        font-size: var(--aox-fs-40px);
        margin-bottom: var(--aox-spacing-3);
        }
    .obj_card-game.card-intro .t_subtitle{
        font-size: var(--aox-fs-26px);
        margin-bottom: 0;
        }
    .obj_card-game.card-intro .btn_popin{
        display: block;
        margin: var(--aox-spacing-2) 0 0;
        text-transform: uppercase;
        font-weight: 700;
        font-size: var(--aox-fs-14px);
        cursor: pointer;
        }
}

/* OBJ CARD GAME BIG */
.obj_card-game.big{
    position: relative;
    width: var(--aox-col-8);    
    max-width: inherit;
    /* height: calc(var(--aox-570px) + var(--aox-8px)); */
    height: auto;
    padding: 0;
    background-color: var(--aox-color-tete);
    border-radius: var(--aox-spacing-4);
    flex-shrink: 0;
    }
.obj_card-game.big{   
    background-color: var(--aox-color-tete-150);
    }
.obj_card-game.big .ctn_text{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;    
    height: var(--aox-300px);
    padding: var(--aox-spacing-4) var(--aox-spacing-5);
    text-align: center;
    }
.obj_card-game.big .ctn_text h2 {
    font-family: "Pacifico";
    font-size: var(--aox-fs-28px);
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: var(--aox-spacing-1);
    }
.obj_card-game.big .ctn_text h1 {
    font-family: "Pacifico";
    font-size: var(--aox-fs-58px);
    font-weight: 400;
    line-height: 1.1;
    }
.obj_card-game.big .ctn_game-info{
    position: relative;
    justify-content: center;
    }
.obj_card-game.big .ctn_game-info .players{
    margin-right: var(--aox-spacing-2);
    }
.obj_card-game.big .ctn_game-info .players,
.obj_card-game.big .ctn_game-info .time{
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: auto;
    }
.obj_card-game.big .ctn_game-info svg{
    width: var(--aox-32px);
    height: var(--aox-32px);
    margin: 0 var(--aox-spacing-1);
    flex-shrink: 0;
    }
.obj_card-game.big .ctn_game-info p{
    font-size: var(--aox-fs-18px);
    }
.obj_card-game.big .ctn_game-text{
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
    height: var(--aox-210px);
    padding: var(--aox-spacing-3) var(--aox-spacing-8);
    background: rgba(255,255,255,0.75)
    }

@media screen and (max-width: 767px) {
    .obj_card-game.big {
        width: 100%;
        max-width: inherit;
        height: auto;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        }    
    .obj_card-game.big .ctn_text {
        height: auto;
        padding: var(--aox-spacing-4) var(--aox-spacing-4);
        }
    .obj_card-game.big .ctn_text h1 {
        font-size: var(--aox-fs-40px);
        }
    .obj_card-game.big .ctn_game-info{
        height: var(--aox-68px);
        padding: 0 var(--aox-spacing-4);
        }
    .obj_card-game.big .ctn_game-info p {
        font-size: var(--aox-fs-14px);
        }
    .obj_card-game.big .ctn_game-info .players,
    .obj_card-game.big .ctn_game-info .time {
        max-width: var(--aox-160px);
        text-align: left;
        }
    .obj_card-game.big .ctn_game-info .players{
        margin-right: 0;
        }
    .obj_card-game.big .ctn_game-text{
        height: auto;
        padding: var(--aox-spacing-5) var(--aox-spacing-4);
        background: rgba(255,255,255,1)
        }

}

/* CARD GAME - CARD GUIDE - COLORS */

/* TETE */
.obj_card-game.tete,
.obj_card-guide.tete{
    background-color: var(--aox-color-tete);
    }
.obj_card-game.card-intro.tete{
    background-color: var(--aox-color-tete-150);
    }
.obj_card-game.tete .t_number{
    color: #fff;
    }
.obj_card-game.card-intro.tete .btn_popin{
    color: var(--aox-color-tete-700);
    }

/* CORPS */
.obj_card-game.corps,
.obj_card-guide.corps{
    background-color: var(--aox-color-corps);
    }
.obj_card-game.card-intro.corps{
    background-color: var(--aox-color-corps-150);
    }
.obj_card-game.corps h1,
.obj_card-game.corps h2,
.obj_card-game.corps h3{
    color: #fff;
    }
.obj_card-guide.corps h4{
    color: var(--aox-color-corps);
    }
.obj_card-game.card-intro.corps .btn_popin{
    color: var(--aox-color-corps);
    }

/* ARTISTE */
.obj_card-game.artiste,
.obj_card-guide.artiste{
    background-color: var(--aox-color-artiste);
    }
.obj_card-game.card-intro.artiste{
    background-color: var(--aox-color-artiste-150);
    }
.obj_card-game.artiste h1,
.obj_card-game.artiste h2,
.obj_card-game.artiste h3{
    color: #fff;
    }
.obj_card-guide.artiste h4{
    color: var(--aox-color-artiste);
    } 
.obj_card-game.card-intro.artiste .btn_popin{
    color: var(--aox-color-artiste);
    }
/* PEAU */
.obj_card-game.peau,
.obj_card-guide.peau{
    background-color: var(--aox-color-peau);
    }
.obj_card-game.card-intro.peau{
    background-color: var(--aox-color-peau-150);
    }
.obj_card-game.peau h1,    
.obj_card-game.peau h2,
.obj_card-game.peau h3{
    color: #fff;
    }
.obj_card-guide.peau h4{
    color: var(--aox-color-peau);
    }
.obj_card-game.card-intro.peau .btn_popin{
    color: var(--aox-color-peau);
    }
/* BONUS */
.obj_card-game.bonus,
.obj_card-guide.bonus{
    color: #fff;
    background-color: var(--aox-color-bonus);
    }
.obj_card-game.card-intro.bonus{
    background-color: var(--aox-color-bonus-150);
    }
.obj_card-game.bonus h1,
.obj_card-game.bonus h2,
.obj_card-game.bonus h3{
    color: #fff;
    }
.obj_card-guide.bonus h4{
    color: var(--aox-color-bonus);
    }
.obj_card-game.card-intro.bonus .btn_popin{
    color: var(--aox-color-bonus);
    }

/* LARGE BONUS  */
.obj_card-game.large {
    height: calc(var(--aox-450px) + var(--aox-6px));
    width: var(--aox-col-4);
    max-width: inherit;
    padding: var(--aox-spacing-3) var(--aox-spacing-1) var(--aox-spacing-1);
    }
.obj_card-game.large h2{
    font-size: var(--aox-fs-48px);
    }
.obj_card-game.large h3{
    font-size: var(--aox-fs-28px);
    }
.obj_card-game.large .ctn_game-info{
    height: var(--aox-86px);
    }
.obj_card-game.large .ctn_game-info .players svg,
.obj_card-game.large .ctn_game-info .time svg {
    width: var(--aox-20px);
    height: var(--aox-20px);
    }
.obj_card-game.large .ctn_game-info p {
    font-size: var(--aox-15px);
    }
.obj_card-game.large .ctn_image {
    top: var(--aox-240px);
    width: var(--aox-350px);
    height: var(--aox-350px);
    }

@media screen and (max-width: 767px) {
    .obj_card-game.large {
        width: var(--aox-col-3);        
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        height: calc(var(--aox-270px) + var(--aox-4px));
        padding: var(--aox-12px) var(--aox-spacing-1) var(--aox-spacing-1);
        }
    .obj_card-game.large h2{
        font-size: var(--aox-fs-22px);
        }
    .obj_card-game.large h3{
        font-size: var(--aox-fs-14px);
        }
    .obj_card-game.large .ctn_image {
        top: var(--aox-140px);
        width: var(--aox-210px);
        height: var(--aox-210px);
        }
    .obj_card-game.large .ctn_game-info {
        height: var(--aox-64px);
        }
    .obj_card-game.large .ctn_game-info .players svg {
        width: var(--aox-16px);
        height: var(--aox-16px);
        }
    .obj_card-game.large .ctn_game-info p {
        font-size: var(--aox-12px);
        }
}

/* SPECIFIQUE CARD-16 */
.obj_card-game.card-16 h3 {
    font-size: var(--aox-18px);
    }

/* CARD-GAME BG COLORS */
.obj_card-game.card-1 .ctn_game-info{
	background-color:  #f48585;
}
.obj_card-game.card-2 .ctn_game-info{
	background-color:  #d92842;
}
.obj_card-game.card-3 .ctn_game-info{
	background-color:  #ee8187;
}
.obj_card-game.card-4 .ctn_game-info{
	background-color:  #0c4056;
}
.obj_card-game.card-5 .ctn_game-info{
	background-color:  #ecb82d;
}
.obj_card-game.card-6 .ctn_game-info{
	background-color:  #f48585;
}
.obj_card-game.card-7 .ctn_game-info{
	background-color:  #4b378e;
}
.obj_card-game.card-8 .ctn_game-info{
	background-color:  #4b378e;
}
.obj_card-game.card-9 .ctn_game-info{
	background-color:  #4b378e;
}
.obj_card-game.card-10 .ctn_game-info{
	background-color:  #22a19a;
}
.obj_card-game.card-11 .ctn_game-info{
	background-color:  #4b378e;
}
.obj_card-game.card-12 .ctn_game-info{
	background-color:  #202a4e;
}
.obj_card-game.card-13 .ctn_game-info{
	background-color:  #e9481a;
}
.obj_card-game.card-14 .ctn_game-info{
	background-color:  #2d7aa4;
}
.obj_card-game.card-15 .ctn_game-info{
	background-color:  #e05a61;
}
.obj_card-game.card-16 .ctn_game-info{
	background-color:  #0f3f55;
}
.obj_card-game.card-17 .ctn_game-info{
	background-color:  #40ab7f;
}
.obj_card-game.card-18 .ctn_game-info{
	background-color:  #219f9b;
}
.obj_card-game.card-19 .ctn_game-info{
	background-color:  #0c4058;
}
.obj_card-game.card-20 .ctn_game-info{
	background-color:  #0e3d57;
}
.obj_card-game.card-21 .ctn_game-info{
	background-color:  #f37b2b;
}
.obj_card-game.card-22 .ctn_game-info{
	background-color:  #de354d;
}
.obj_card-game.card-23 .ctn_game-info{
	background-color:  #f38184;
}
.obj_card-game.card-24 .ctn_game-info{
	background-color:  #003952;
}
.obj_card-game.card-25 .ctn_game-info{
	background-color:  #4b378e;
}
.obj_card-game.card-26 .ctn_game-info{
	background-color:  #2f7aa4;
}
.obj_card-game.card-27 .ctn_game-info{
	background-color:  #2f7aa4;
}
.obj_card-game.card-28 .ctn_game-info{
	background-color:  #4b388e;
}
.obj_card-game.card-29 .ctn_game-info{
	background-color:  #eab905;
}
.obj_card-game.card-30 .ctn_game-info{
	background-color:  #20a098;
}
.obj_card-game.card-31 .ctn_game-info{
	background-color:  #8cc6d8;
}
.obj_card-game.card-32 .ctn_game-info{
	background-color:  #f5bc41;
}
.obj_card-game.card-33 .ctn_game-info{
	background-color:  #1f2850;
}
.obj_card-game.card-34 .ctn_game-info{
	background-color:  #4b388e;
}
.obj_card-game.card-35 .ctn_game-info{
	background-color:  #eab905;
}
.obj_card-game.card-36 .ctn_game-info{
	background-color:  #f08f38;
}
/* OBJ CARD RULE */
.obj_card-rule{
	background: #f4edf4;
	border-radius: var(--aox-spacing-4);
	}
.obj_card-rule .ctn_card{
	display: flex;
	flex-flow: row nowrap;
	gap: var(--aox-spacing-6);
	padding: var(--aox-10px);
	}
.obj_card-rule .ctn_image{
	display: flex;
	width: calc(var(--aox-490px) + var(--aox-8px));
	height: calc(var(--aox-330px) + var(--aox-2px));
	flex-shrink: 0;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: var(--aox-spacing-3);
	}
.obj_card-rule .ctn_image img{
	width: auto;
	max-height: 100%;
	}
.obj_card-rule .ctn_text{
	display: flex;
	width: var(--aox-col-5);
	flex-shrink: 0;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: left;
	}
.obj_card-rule .ctn_text h2{
	font-size: var(--aox-fs-28px);
	font-family: "Pacifico", cursive;
	font-weight: 400;
	color: var(--aox-color-primary);
	margin-bottom: var(--aox-spacing-1);
	}
.obj_card-rule .ctn_text p{
	font-size: var(--aox-15px);
	font-weight: 300;
	}
.obj_card-rule .ctn_text ul li{
	position: relative;
	padding-left: var(--aox-20px);
	margin-bottom: var(--aox-spacing-3);
	font-size: var(--aox-15px);
	font-weight: 300;
	}
.obj_card-rule .ctn_text ul li::before {
	position: absolute;
	left: 0;
	top: var(--aox-6px);
	content: "";
	width: var(--aox-8px);
	height: var(--aox-8px);
	border-radius: var(--aox-8px);
	background: var(--aox-color-secondary);
	}
.obj_card-rule .ctn_text ul li:last-child{
	margin-bottom: 0;
	}
.obj_card-rule .ctn_text .t_link{
	display: flex;
	flex-flow: row nowrap;
	margin: var(--aox-spacing-2) 0 0;
	font-size: var(--aox-fs-14px);
	line-height: var(--aox-32px);
	color: var(--aox-color-secondary);
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	}
.obj_card-rule .ctn_text .t_link svg{
	display: inline-block;
	width: var(--aox-32px);
	height: var(--aox-32px);
	fill: var(--aox-color-secondary);
	}
.obj_card-rule .ctn_text .t_link:hover{
	margin-left: var(--aox-spacing-1);
	}
.obj_card-rule .ctn_text .t_link:hover,
.obj_card-rule .ctn_text .t_link:hover svg,
.obj_card-rule .ctn_text .t_link:focus,
.obj_card-rule .ctn_text .t_link:focus svg{
	color: var(--aox-color-brand-800);
	fill: var(--aox-color-brand-800);
	}
/* CARD RULE LINK */	
.obj_card-rule.link .ctn_card{
	padding: var(--aox-spacing-7);
	}
.obj_card-rule.link .ctn_card .ctn_text{
	width: var(--aox-col-8);
	}
.obj_card-rule.link .ctn_card .ctn_text h2{
	margin-bottom: var(--aox-spacing-2);
	}
/* CARD RULE NOTE */	
.obj_card-rule.note{
	background: #fff;
	}
.obj_card-rule.note .ctn_card{
	padding: var(--aox-spacing-3) var(--aox-spacing-7);
	}
.obj_card-rule.note .ctn_card .ctn_text{
	width: var(--aox-col-8);
	}
.obj_card-rule.note .ctn_card .ctn_text h2{
	font-size: var(--aox-fs-22px);
	margin-bottom: var(--aox-spacing-2);
	}

@media screen and (max-width: 767px) {
	.obj_card-rule .ctn_card {
		flex-flow: column nowrap;
		gap: var(--aox-spacing-3);
		padding: var(--aox-spacing-1);
		}
	.obj_card-rule .ctn_image {
		width: calc(var(--aox-350px) + var(--aox-4px));
		height: calc(var(--aox-270px) + var(--aox-4px));
		padding: var(--aox-spacing-1);
		}	
	.obj_card-rule .ctn_text {
		width: 100%;
		text-align: left;
		padding: 0 var(--aox-spacing-2) var(--aox-spacing-3);
		}
	.obj_card-rule .ctn_text h2{
		width: var(--aox-col-4);
		}
	.obj_card-rule.link .ctn_card{
		padding: var(--aox-spacing-3);
		}
	.obj_card-rule.link .ctn_card .ctn_text,
	.obj_card-rule.note .ctn_card .ctn_text{
		width: 100%;
		padding: 0;
		}
	.obj_card-rule.note .ctn_card{
		padding: var(--aox-spacing-2) var(--aox-spacing-3) 0;
		}
	.obj_card-rule.note .ctn_card .ctn_text h2 {
		margin-bottom: var(--aox-spacing-1);
		}
}
.ctn_cards-thematiques .card{
	position: relative;
   height: calc(var(--aox-340px) + var(--aox-4px) );
   }
.ctn_cards-thematiques .card a{
	position: relative;
	z-index: 10;
	height: 100%;
	width: 100%;
	max-width: calc(var(--aox-250px) + var(--aox-2px));
	display: flex;
	flex-flow: column;
	margin: 0px auto;
	text-decoration: none;
	border-radius: var(--aox-spacing-2);
	background: var(--aox-color-secondary);
	color:var(--aox-color-primary);
	background: var(--aox-color-tete);
	border: 5px solid var(--aox-color-tete);
	transition:all .3s ease;
	justify-content: center;
  	align-items: center;
	}
.ctn_cards-thematiques .card a:focus{
	background: var(--aox-color-primary);
	}
.ctn_cards-thematiques .card a:focus p,
.ctn_cards-thematiques .card a:focus h2{
	color: #fff;
	}
.ctn_cards-thematiques .card a h2{
	padding: var(--aox-spacing-2);
	font-size: var(--aox-fs-38px);
	line-height: 1.1;
	text-align: center;
	color:var(--aox-color-primary);
	margin: 0 auto;
	font-family: "Pacifico", cursive;
	font-weight: 400;
	font-style: normal;
	}
.ctn_cards-thematiques .card p{
	font-family: "Pacifico", cursive;
	padding: var(--aox-spacing-2);
	font-size: var(--aox-fs-38px); 
	line-height: 1.1;
	text-align:center;
	color:var(--aox-color-primary);
	}
.ctn_cards-thematiques .card .ctn_image{
	width: var(--aox-180px);
	height: var(--aox-180px);
	}
.ctn_cards-thematiques .card .ctn_image img{
	width: 100%;
	}
	 
/* ANIMS CARDS */
.ctn_cards-thematiques .card::before,
.ctn_cards-thematiques .card::after{
	content:"";
	display: block;
	opacity:0;
	position: absolute;
	left: 6px;
	top: 0;
	height: 100%;
	width: 100%;
	scale: 1;
	max-width: 252px;
	border-radius: var(--aox-spacing-2);
	background: var(--aox-color-tete);
	scale: 0.9;
	z-index: 8;
	transition:all .3s ease;
	}


@media screen and (min-width: 768px) {
	.ctn_cards-thematiques .card:hover a{
		scale: 0.9;
		rotate: -2deg;
		}
	.ctn_cards-thematiques .card:hover::before{
		opacity: 0.7;
		rotate: 4deg;
		scale: 0.9;
		z-index: 9;
		}
	.ctn_cards-thematiques .card:hover::after{
		opacity: 0.5;
		rotate: 10deg;
		scale: 0.9;
		z-index: 8;
		}
}

@media screen and (max-width: 767px) {
	.ctn_cards-thematiques .item.card p{
		font-size: var(--aox-fs-26px);
		padding: 0 var(--aox-spacing-2);
		}
	.ctn_cards-thematiques .card .ctn_image{
		width: var(--aox-140px);
		height: var(--aox-140px);
		}
}
/* OBJ CARROUSEL */
.obj_carrousel{
    position:relative;
    max-width: var(--aox-grid);
    height:var(--aox-430px);
    margin: var(--aox-spacing-2) auto 0 auto;
    overflow:hidden;
    }
.obj_carrousel .masque{
    position:relative;
    height:100%; width: 100%;
    margin: 0 auto;
    }
.obj_carrousel .items{
    position:absolute;
    height:100%;
    width: 10000vw;
    }
.obj_carrousel .item{
    position: relative;
    float: left;
    height: calc(var(--aox-360px) + var(--aox-4px) );
    }
.obj_carrousel .item a{
    height: 100%;
    width: 100%;
    max-width: 252px;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 auto;
    text-decoration: none;
    border-radius: var(--aox-spacing-2);
    }
.obj_carrousel .item p{
    padding: var(--aox-spacing-2);
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    }
.obj_carrousel.all-items-visible .nav{
    display:none;
    }

/* OBJ CARROUSEL THEMATIQUES */
.obj_carrousel.thematiques {
    height: var(--aox-440px);
    }
.obj_carrousel.thematiques .masque{
    overflow: visible;
    height: var(--aox-380px);
	width: calc(var(--aox-260px) + var(--aox-4px));
    }
.obj_carrousel.thematiques .nav{
    position: relative;
    z-index: 10;
    bottom: inherit;
    left: inherit;
    transform: inherit;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: var(--aox-spacing-4)
    }
.obj_carrousel.thematiques .prev,
.obj_carrousel.thematiques .next{
    position:relative;
    z-index:9;
    width: var(--aox-52px);
    height: var(--aox-52px);
    left: inherit;
    right: inherit;
    top: inherit;
    transform: inherit;
    border:0;
    border-radius: 50%;
    cursor:pointer;
    background:var(--aox-color-tete-150);
    backdrop-filter: unset;
    transition:all .3s ease;
    }
.obj_carrousel .nav .prev::after,
.obj_carrousel .nav .next::after {
    display: none;
    }
.obj_carrousel.thematiques .prev svg,
.obj_carrousel.thematiques .next svg{
    fill: var(--aox-color-primary);
    }
.obj_carrousel.thematiques .prev img,
.obj_carrousel.thematiques .next img{
    width: 100%;
    height: 100%;
    }
.obj_carrousel.thematiques .prev:hover,
.obj_carrousel.thematiques .next:hover{
    background:var(--aox-color-tete)
    }
.obj_carrousel.thematiques .prev:not(.disabled):hover::before,
.obj_carrousel.thematiques .next:not(.disabled):hover::before{
    fill:var(--aox-color-secondary);
    }
.obj_carrousel.thematiques .ctn_dot{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:auto;
    z-index:9;
    }
.obj_carrousel.thematiques .dot{
    position: relative;
    display:flex;
    align-items:center;
    padding: 0;
    margin: 0;
    left: inherit;
    bottom: inherit;
    z-index: inherit;
    }
.obj_carrousel.thematiques .dot li{
    position: relative;
    width:var(--aox-8px); height:var(--aox-8px);
    list-style:none;
    margin-left: var(--aox-8px);
    }
.obj_carrousel.thematiques .dot a{
    position:absolute;
    left:50%; top:50%;
    display:block;
    width:var(--aox-8px); height:var(--aox-8px);
    font-size:0;
    cursor:pointer;
    backdrop-filter: inherit;
    border-radius:100vw;
    background: var(--aox-color-tete-150);
    transform:translate(-50%,-50%) scale(1);
    transition:all .3s ease;
    }
.obj_carrousel.thematiques .dot .active{
    width:var(--aox-32px);
    }
.obj_carrousel.thematiques .nav .dot li.active a {
    width:var(--aox-32px);
    height:var(--aox-8px);
    transform:translate(-50%,-50%) scale(1);
    background:var(--aox-color-primary);
    box-shadow: inherit;
    }
.obj_carrousel.thematiques .dot a:hover{
    background:var(--aox-color-secondary);
    }
.obj_carrousel.thematiques .disabled{
    opacity:0.25;
    cursor:default;
    }

@media screen and (max-width:767px){
    .obj_carrousel.thematiques{
        height: var(--aox-360px);
        }
    .obj_carrousel.thematiques .masque{
        height: var(--aox-300px);
		width: var(--aox-190px);
        }
}

/* OBJ CARROUSEL RUBRIQUES */
.obj_carrousel.rubriques{
    height: auto;
    }
.obj_carrousel.rubriques .masque{
    overflow: visible;
	width: var(--aox-820px);
    height: var(--aox-380px);
    }
.obj_carrousel.rubriques.var_multi-item{
    width: var(--aox-820px);
    }
.obj_carrousel.rubriques.var_multi-item .item {
    max-width: calc(var(--aox-270px) + var(--aox-6px) );
    }
.obj_carrousel.rubriques.var_multi-item .item a{
    border: none;
    }
.obj_carrousel.rubriques .nav{
    opacity: 0;
    position: relative;
    z-index: 10;
    bottom: inherit;
    left: inherit;
    transform: inherit;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: var(--aox-spacing-4);
    }
.obj_carrousel.rubriques .prev,
.obj_carrousel.rubriques .next{
    position:relative;
    z-index:9;
    width: var(--aox-52px);
    height: var(--aox-52px);
    left: inherit;
    right: inherit;
    top: inherit;
    transform: inherit;
    border:0;
    border-radius: 50%;
    cursor:pointer;
    background:var(--aox-color-primary-150);
    backdrop-filter: unset;
    transition:all .3s ease;
    }
.obj_carrousel .nav .prev::after,
.obj_carrousel .nav .next::after {
    display: none;
    }
.obj_carrousel.rubriques .prev svg,
.obj_carrousel.rubriques .next svg{
    fill: var(--aox-color-primary);
    }
.obj_carrousel.rubriques .prev img,
.obj_carrousel.rubriques .next img{
    width: 100%;
    height: 100%;
    }
.obj_carrousel.rubriques .prev:hover,
.obj_carrousel.rubriques .next:hover{
    background:rgba(244, 237, 244, 1);
    }
.obj_carrousel.rubriques .prev:not(.disabled):hover::before,
.obj_carrousel.rubriques .next:not(.disabled):hover::before{
    fill:var(--aox-color-secondary);
    }
.obj_carrousel.rubriques .ctn_dot{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:auto;
    z-index:9;
    }
.obj_carrousel.rubriques .dot{
    position: relative;
    display:flex;
    align-items:center;
    padding: 0;
    margin: 0;
    left: inherit;
    bottom: inherit;
    z-index: inherit;
    }
.obj_carrousel.rubriques .dot li{
    position: relative;
    width:var(--aox-8px); height:var(--aox-8px);
    list-style:none;
    margin-left: var(--aox-8px);
    }
.obj_carrousel.rubriques .dot a{
    position:absolute;
    left:50%; top:50%;
    display:block;
    width:var(--aox-8px); height:var(--aox-8px);
    font-size:0;
    cursor:pointer;
    backdrop-filter: inherit;
    border-radius:100vw;
    background: var(--aox-color-primary-150);
    transform:translate(-50%,-50%) scale(1);
    transition:all .3s ease;
    }
.obj_carrousel.rubriques .dot .active{
    width:var(--aox-32px);
    }
.obj_carrousel.rubriques .nav .dot li.active a {
    width:var(--aox-32px);
    height:var(--aox-8px);
    transform:translate(-50%,-50%) scale(1);
    background:var(--aox-color-primary);
    box-shadow: inherit;
    }
.obj_carrousel.rubriques .dot a:hover{
    background:var(--aox-color-secondary);
    }
.obj_carrousel.rubriques .disabled{
    opacity:0.25;
    cursor:default;
    }

@media screen and (max-width: 767px) {
    .obj_carrousel.rubriques{
        height: var(--aox-360px);
        margin-top: 0;
        }
    .obj_carrousel.rubriques .masque {
        height: var(--aox-290px);
        width: calc(var(--aox-190px) + var(--aox-2px));
		margin: 0;
        }
    .obj_carrousel.rubriques.var_multi-item .item {
        max-width: calc(var(--aox-190px) + var(--aox-2px));
        }    
    .obj_carrousel.rubriques.var_multi-item .item.visible,
    .obj_carrousel.rubriques.var_multi-item  .item.visible ~ .item.visible ~ .item.visible {
        transform: none;
        margin-top: 0;
        }
    .obj_carrousel.rubriques .nav{
        opacity: 1;
        }
}

.obj_carrousel .t_aria-label{
    position:absolute;
    left:0; top:0;
    width:1px; height:1px;
    opacity:0;
    }
.obj_carrousel .play-pause{
    position:relative;
    margin-right:15px;
    padding:0;
    width:30px; height:30px;
    font-size:0;
    color:#000;
    background:#fff;
    border-radius:100vw;
    border:0;
    cursor:pointer;
    transition:color .3s ease;
    }
.obj_carrousel .play-pause:hover{
    color:deepskyblue;
    }
.obj_carrousel .play-pause::before,
.obj_carrousel .play-pause::after{
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    }
.obj_carrousel .play-pause::before{
    left:10px;
    width:0; height:0;
    border-style:solid;
    border-width:6px 2px;
    border-color:currentColor;
    }
.obj_carrousel .play-pause::after{
    width:4px; height:12px;
    right:10px;
    background:currentColor;
    }
.obj_carrousel .play-pause.is-pause::before{
    left:11px;
    border-width:6px 0 6px 10px;
    border-color:transparent transparent transparent currentColor;
    }
.obj_carrousel .play-pause.is-pause::after{
    width:0; height:0;
    }

/**/
.obj_carrousel.var_multi-item .item{
    max-width: 264px;
    }

@media screen and (max-width:767px){
    .obj_carrousel{
        height: var(--aox-360px);
        margin-bottom: 0;
        }
    .obj_carrousel .masque {
        width: var(--aox-190px);
        }
    .obj_carrousel .item {
        height: calc(var(--aox-270px) + var(--aox-4px));
        }
    .obj_carrousel.var_multi-item .item{
        /* max-width: var(--aox-190px); */
        width: var(--aox-190px);
        max-width: unset;
        }
    .obj_carrousel.var_multi-item .item a{
        max-width: calc(var(--aox-170px) + var(--aox-8px));
        }
    .obj_carrousel .item p {
        font-size: var(--aox-fs-26px);
        }
    .obj_carrousel.var_multi-item .item.visible{
        transform: rotate(-5deg);
        transition: all .3s ease;
        margin-top: 8px;
        }
    .obj_carrousel.var_multi-item .item.visible ~ .item.visible{
        transform: none;
        margin-top: 0;
        }
    .obj_carrousel.var_multi-item .item.visible ~ .item.visible ~ .item.visible{
        transform: rotate(5deg);
        margin-top: 8px;
        }
}

/**/
.obj_carrousel.is-overflow-visible{
    height:auto;
    max-width:1060px;
    padding:0;
    }
.obj_carrousel.is-overflow-visible .prev{
    left:50px;
    }
.obj_carrousel.is-overflow-visible .next{
    right:50px;
    }
.obj_carrousel.is-overflow-visible .masque{
    overflow:visible;
    }
.obj_carrousel.is-overflow-visible .item{
    height:auto;
    transition:opacity .5s ease, height .5s ease;
    overflow:hidden;
    }
.obj_carrousel.is-overflow-visible .item.hidden{
    opacity:0.5;
    -webkit-mask-image:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    mask-image:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
.obj_carrousel.is-overflow-visible .item .ctn_item{
    margin:0 50px;
    background:#fff;
    }
.obj_carrousel.is-overflow-visible .item p{
    padding:50px;
    height:auto;
    font-size:18px; line-height:1.2;
    text-align:left;
    }

@media screen and (max-width:767px){
    .obj_carrousel.is-overflow-visible{
        max-width:calc(100vw - 50px);
        }
    .obj_carrousel.is-overflow-visible .prev{
        left:0;
        }
    .obj_carrousel.is-overflow-visible .next{
        right:25px;
        }
    .obj_carrousel.is-overflow-visible .item .ctn_item{
        margin:0 25px 0 0;
        }
}
/* OBJ IMG MEDIA  */
.obj_img-media{
	position: absolute;
	left: var(--aox-col-8-gutter);
	width: var(--aox-col-4);
	}
.obj_img-media .ctn_image{
	display: block;
	height: var(--aox-420px);
	margin: 0 auto var(--aox-spacing-5);
	background-color: #fff;
   border-radius: var(--aox-spacing-4);
	}
.obj_img-media .ctn_image img{
	display: block;
	height: 100%;
	margin: 0 auto;
	}

@media screen and (max-width: 767px) {
	.obj_img-media{
		background: #fff;
		border-bottom-left-radius: var(--aox-spacing-4);
		border-bottom-right-radius: var(--aox-spacing-4);
		}
}
.obj_note{
	position: relative;
	width: var(--aox-grid);
	margin: 0 auto;
	padding: var(--aox-spacing-3) 0;
	}
.obj_note .ctn_card {
	padding: var(--aox-spacing-3) 0;	
	}
.obj_note .ctn_card .ctn_text {
	display: flex;
	width: var(--aox-col-8);
	flex-shrink: 0;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: left;
	}
.obj_note .ctn_card .ctn_text h2{
	font-size: var(--aox-fs-22px);
   margin-bottom: var(--aox-spacing-2);
	font-family: "Pacifico", cursive;
   font-weight: 400;
   color: var(--aox-color-primary);	
	}
.obj_note .ctn_card .ctn_text p{
	font-size: var(--aox-15px);
	font-weight: 300;
	line-height: 1.3;
	font-family: "Montserrat Alternates", sans-serif;
	color: var(--aox-color-primary);
	}
/* OBJ POPIN */
.ctn_popin-zone{
	display: none;
	}
.obj_popin {
	display: none;
    height: var(--aox-360px);
	width: var(--aox-640px);
	max-height: 100vh;
    max-width: 100vw;
    top: 50% !important;
    left: 50% !important;
    font-size: var(--aox-fs-14px);
    transform: translate(-50%, -50%);
    background: white;
	border-radius: var(--aox-32px);
 	overflow: hidden;
	}
.obj_popin .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	display: block;
	height: var(--aox-52px);
	width: var(--aox-52px);
	transition: all ease 400ms;
	}
.obj_popin .btn_close svg {
	width: var(--aox-52px);
	height: var(--aox-52px);
	fill: var(--aox-color-primary);
	}
.obj_popin .btn_close:hover {
	opacity: 0.5;
	}
.obj_popin .content{
	height: 100%;
	}
.obj_popin .ctn_popin > * + * {
	margin-top: 20px;
	}

@media screen and (max-width: 767px) {	
	/* OBJ POPIN */
	.obj_popin {
		width: 90%;
		max-height: inherit;
		height: auto;
		border-radius: var(--aox-16px);
		}
	.obj_popin .btn_close {
		top: var(--aox-spacing-2);
		right: var(--aox-spacing-2);
		}	
	.obj_popin .obj_player iframe{
		max-width: 100%;
		height: var(--aox-220px);
		}
	.obj_popin .btn_close,
	.obj_popin .btn_close svg {
		width: var(--aox-32px);
		height: var(--aox-32px);
		}
	/* POPIN VIDEO */
	.popin-video{
		max-height: var(--aox-220px);
		}
	}


/* POPIN RUBRIQUE*/
.popin-rubrique {
	padding: var(--aox-spacing-6) var(--aox-spacing-4);
	}
.popin-rubrique p{
	font-size: var(--aox-fs-16px);
	text-align: center;
	}
.popin-rubrique strong{
	display: block;
	padding-bottom: var(--aox-spacing-2) ;
	font-size: var(--aox-fs-20px)
	}

/* POPIN RUBRIQUE BG COLORS*/
.pg_tete .popin-rubrique{
	background: var(--aox-color-tete-150);
	}
.pg_corps .popin-rubrique{
	background: var(--aox-color-corps-150);
	}
.pg_artiste .popin-rubrique{
	background: var(--aox-color-artiste-150);
	}
.pg_peau .popin-rubrique{
	background: var(--aox-color-peau-150);
	}
.pg_bonus .popin-rubrique{
	background: var(--aox-color-bonus-150);
	}
.obj_sticky-audio{
	display: none;
	}
.obj_sticky-audio.is-hidden{
	transform: translate(-50%, 150%);
	}

@media screen and (max-width: 767px) {	
	.obj_sticky-audio{
		position: fixed;
		z-index: 100;
		left: 50%;
		transform: translateX(-50%);
		bottom: var(--aox-20px);
		display: block;
		width: 88%;
		height: var(--aox-76px);
		background-color: var(--aox-color-primary);
		border-radius: var(--aox-32px);
		text-align: center;
		box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.55);
		}
	.obj_sticky-audio:active{
		background-color: var(--aox-color-secondary);
		}		
	.obj_sticky-audio .ctn_sticky{
		display: flex;
		height: 100%;
		flex-flow: row nowrap;
		gap: var(--aox-spacing-1);
		justify-content: center;
		align-items: center;
		}
	.obj_sticky-audio svg {
		width: var(--aox-33px);
		height: var(--aox-32px);
		fill: #fff;
		}
	.obj_sticky-audio p {
		font-size: var(--aox-fs-13px);
		text-transform: uppercase;
		color:#fff;
		font-weight: 700;
		}

}


	
/* OBJ INTRO */	
/* TITLE INTRO */
.obj_title-intro{
	position: relative;
	padding: var(--aox-spacing-3);
	border-radius: var(--aox-spacing-4);
	background-color: var(--aox-color-secondary-150);
	}
.obj_title-intro h1{
	font-size: var(--aox-fs-58px);
   font-family: "Pacifico", cursive;
	text-align: center;
	}
/* TEXT INTRO */
.obj_text-intro{
	width: var(--aox-col-10);
	margin: var(--aox-spacing-5) auto;
	}
.obj_text-intro .ctn_text p{
	margin-bottom: var(--aox-spacing-3);
	}		

@media screen and (max-width:767px){
	.obj_title-intro {
		/*margin-bottom: var(--aox-spacing-2);*/
		padding: var(--aox-spacing-4) var(--aox-spacing-2);
		border-radius: var(--aox-spacing-2);
		}
	.obj_title-intro h1 {
		font-size: var(--aox-fs-40px);
		}
	.obj_text-intro{
		width: var(--aox-col-10);
		margin: var(--aox-spacing-3) auto;
		padding: 0 var(--aox-14px);
		}
	.obj_text-intro .ctn_text p{
		}	
}

/* OBJ EDITO */
.obj_edito{
	width: var(--aox-col-10);
	margin: var(--aox-spacing-5) auto;
	}
.obj_edito .ctn_text h2{
	font-size: var(--aox-fs-28px);
	font-family: "Pacifico", cursive;
	font-weight: 400;
	color: var(--aox-color-primary);
	margin-bottom: var(--aox-spacing-2);
	}
.obj_edito .ctn_text p{
	margin-bottom: var(--aox-spacing-3);
	}
.obj_edito .ctn_text p + h2{
	padding-top: var(--aox-spacing-3);
	}
.obj_edito .ctn_text ul li {
	position: relative;
	padding-left: var(--aox-20px);
	margin-bottom: var(--aox-spacing-3);
	font-size: var(--aox-15px);
	font-weight: 300;
	}
.obj_edito .ctn_text ul li::before {
	position: absolute;
	left: 0;
	top: var(--aox-6px);
	content: "";
	width: var(--aox-8px);
	height: var(--aox-8px);
	border-radius: var(--aox-8px);
	background: var(--aox-color-secondary);
	}

.obj_edito .obj_images-row{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--aox-spacing-3);
	}

@media screen and (max-width:767px){
	.obj_edito .ctn_text {
		padding: 0 var(--aox-14px);
		}
	.obj_edito .obj_images-row .ctn_image{
		width: 50%;
		}
	.obj_edito .obj_images-row .ctn_image img{
		width: 100%;
		}

}
.page{
    width: 100%;
    }
.page .border{
    height:100%;
    border: solid var(--aox-8px) var(--aox-color-secondary);
    background: var(--aox-color-secondary);
    }
@media screen and (max-width: 767px) {
    .page .border{
        padding: 0;
        }
}

/* BORDER */
.page.pg_tete .border{
    border: solid  var(--aox-8px) var(--aox-color-tete);
    background-color: var(--aox-color-tete);
    }
.page.pg_corps .border{
    border: solid var(--aox-8px) var(--aox-color-corps);
    background-color: var(--aox-color-corps);
    }
.page.pg_artiste .border{
    border: solid var(--aox-8px) var(--aox-color-artiste);
    background-color: var(--aox-color-artiste);
    }
.page.pg_peau .border{
    border: solid var(--aox-8px) var(--aox-color-peau);
    background-color: var(--aox-color-peau);
    }
.page.pg_bonus .border{
    border: solid var(--aox-8px) var(--aox-color-bonus);
    background-color: var(--aox-color-bonus);
    }

/* PG HOME */

/* PG CARTES */
.pg_cartes .section_rubrique{
    padding: 0 var(--aox-spacing-4) var(--aox-spacing-5);
    border-bottom-left-radius: var(--aox-32px);
    border-bottom-right-radius: var(--aox-32px);
    }
.pg_cartes .section_rubrique .ctn_section{
    margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .pg_cartes .section_rubrique{
        padding: var(--aox-spacing-2);
        }
    .pg_cartes .section_rubrique .ctn_section{
        padding-top: 0;
        }
    .pg_cartes .section_rubrique .ctn_cards-category{
        padding: var(--aox-spacing-2) 0;
        gap: var(--aox-14px);
        }
}

/* PG CARTE DETAILS */
.pg_carte-detail .section_rubrique{
    padding: 0 var(--aox-spacing-4);
    background: none;
    }

@media screen and (max-width: 767px) {
    .pg_carte-detail .section_rubrique {
        padding: 0 var(--aox-spacing-2);
    }
}

/* PG SUGGESTIONS */
.pg_suggestions .section_cards{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }
.pg_suggestions .ctn_cards-list{
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    }
.pg_suggestions .obj_card-game.card-intro{ 
    height: calc(var(--aox-340px) + var(--aox-4px));
    background: #f4edf4;    
    }
.pg_suggestions .obj_card-game.card-intro .ctn_card{ 
    background-color: inherit;
    }
.pg_suggestions .obj_card-game:nth-of-type(1){grid-area: 1 / 1 / 2 / 3; }
.pg_suggestions .obj_card-game:nth-of-type(2){ grid-area: 1 / 3 / 2 / 4; }
.pg_suggestions .obj_card-game:nth-of-type(3){ grid-area: 1 / 4 / 2 / 5; }
.pg_suggestions .obj_card-game:nth-of-type(4){ grid-area: 2 / 1 / 3 / 2; }
.pg_suggestions .obj_card-game:nth-of-type(5){ grid-area: 2 / 2 / 3 / 3; }
.pg_suggestions .obj_card-game:nth-of-type(6){ grid-area: 2 / 3 / 3 / 4; }
.pg_suggestions .obj_card-game:nth-of-type(7){ grid-area: 2 / 4 / 3 / 5; } 


/* PG SUGGESTIONS 6 */
.pg_suggestions.pg_sugg_6 .ctn_cards-list{
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(3) { grid-area: 1 / 4 / 2 / 5; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(4) { grid-area: 2 / 1 / 3 / 2; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(5) { grid-area: 2 / 2 / 3 / 3; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(6) { grid-area: 2 / 3 / 3 / 4; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(7) { grid-area: 2 / 4 / 3 / 5; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(8) { grid-area: 3 / 1 / 4 / 2; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(9) { grid-area: 3 / 2 / 4 / 3; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(10) { grid-area: 3 / 3 / 4 / 4; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(11) { grid-area: 3 / 4 / 4 / 5; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(12) { grid-area: 4 / 1 / 5 / 2; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(13) { grid-area: 4 / 2 / 5 / 3; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(14) { grid-area: 4 / 3 / 5 / 4; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(15) { grid-area: 4 / 4 / 5 / 5; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(16) { grid-area: 5 / 1 / 6 / 2; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(17) { grid-area: 5 / 2 / 6 / 3; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(18) { grid-area: 5 / 3 / 6 / 4; }
.pg_suggestions.pg_sugg_6 .obj_card-game:nth-of-type(19) { grid-area: 5 / 4 / 6 / 5; } 


@media screen and (max-width: 767px) {
    .pg_suggestions .obj_card-game.card-intro{
        height: auto;
       }
}


/* PG RUBRIQUE */
.pg_rubrique .section_rubrique{
    background: none;
    }
@media screen and (max-width: 767px) {
    .pg_rubrique .t_desc{
        display: none;
        }
}

/* PG RUBRIQUE - PG CORPS */
.pg_rubrique.pg_corps .ctn_cards-list,
.pg_rubrique.pg_peau .ctn_cards-list,
.pg_rubrique.pg_artiste .ctn_cards-list {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    }