@charset "UTF-8";
/* BASE */
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
/*  FONTS - Gotham 
-   Regular - 400 */
@font-face {
    font-family: 'gotham';
    src: url('../fonts/GothamBook.eot');
    src: local('☺'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Bold - 700 */
@font-face {
    font-family: 'gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}
* {
    box-sizing: border-box;
    }
html{
    font-family: gotham;
    line-height: 1;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
html body{
    overflow-x: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
/* TITRES */
h1,h2,h3{
    margin-bottom: 1rem;
    font-weight: 700;
}
@media (min-width: 768px){
    h1,h2,h3{
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1024px){
    h1,h2,h3{
        margin-bottom: 2rem;
    }
}
h1,h2,h3{
    line-height: 0.9;
}
h1{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
@media (min-width: 768px){
    h1{
        font-size: 3rem;
        line-height: 1;
    }
}
@media (min-width: 1280px){
    h1{
        font-size: 3.75rem;
        line-height: 1;
    }
}
@media (min-width: 1536px){
    h1{
        font-size: 4.5rem;
        line-height: 1;
    }
}
h2, .footer-title{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media (min-width: 640px){
    h2, .footer-title{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (min-width: 768px){
    h2, .footer-title{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
@media (min-width: 1280px){
    h2, .footer-title{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 1536px){
    h2, .footer-title{
        font-size: 3rem;
        line-height: 1;
    }
}
h3{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
    h3{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 768px){
    h3{
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (min-width: 1024px){
    h3{
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1280px){
    h3{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
/* textes */
p{
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.025em;
}
@media (min-width: 640px){
    p{
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1.375;
    }
}
@media (min-width: 768px){
    p{
        margin-bottom: 2rem;
    }
}
@media (min-width: 1536px){
    p{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
/* listes */
/* In content */
.page-content{
    --tw-text-opacity: 1;
    color: rgb(70 64 64 / var(--tw-text-opacity, 1));
}
.page-content a{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
}
.page-content a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 129 57 / var(--tw-text-opacity, 1));
}
.page-content ol, .page-content ul{
    padding-bottom: 1rem;
}
.page-content ol li,.page-content ul li{
    position: relative;
    margin-left: 1rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    line-height: 1.375;
}
.page-content ol li::before,.page-content ul li::before{
                content: url('../images/icone/arrow-list.svg');
                position: absolute;
                left: -1rem;
            }
.page-content ol {
        counter-reset: list-number;
    }
.page-content ol li::before{
                content: counter(list-number) ")";
                counter-increment: list-number;
                position: absolute;
                left: -1rem;
            }
.cky-consent-container,
.cky-consent-container.cky-box-bottom-left{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.cky-consent-container .cky-consent-bar,.cky-consent-container.cky-box-bottom-left .cky-consent-bar{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 440px;
    }
/* COMPOSANTS */
.container{
    width: 100%;
}
@media (min-width: 640px){
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px;
    }
}
form button, form input, form select, form textarea { font-family : inherit;}
form input:not([type='checkbox']), form select, form .nice-select, form .select2-container--default .select2-selection--single{
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 0px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    background-color: transparent;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
@media (min-width: 768px){
    form input:not([type='checkbox']), form select, form .nice-select, form .select2-container--default .select2-selection--single{
        height: 5rem;
    }
}
form input:not([type='checkbox']), form select, form .nice-select, form .select2-container--default .select2-selection--single{

        font-size: 1.8rem;
    }
form input:not([type='checkbox']):focus,form select:focus,form .nice-select:focus,form .select2-container--default .select2-selection--single:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
}
form input:not([type='checkbox'])[type=date]:focus,form select[type=date]:focus,form .nice-select[type=date]:focus,form .select2-container--default .select2-selection--single[type=date]:focus{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
form .select2-container--default .select2-selection--single{
    margin-bottom: 0px;
}
form textarea{
    margin-bottom: 2rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    background-color: transparent;
    padding: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
form textarea:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
}
form .nice-select{
        border-left:none; border-top: none; border-right: none; display: flex; height: auto; align-items: center; border-radius: 0px; padding-left: 0px;
    }
form .nice-select .current{
            font-size: 1.8rem;
        }
form .nice-select .list{
    width: 100%;
}
form .nice-select .list li{
    margin: 0px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
form .nice-select .list li::before{
                    content: none;
                }
form .nice-select .list li.option{
                    min-height: auto;
                }
form .nice-select .list li.selected{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
form .chosen-select{
    width: 100%;
}
form .search-form .ais-SearchBox-form{
    display: flex;
    width: 100%;
}
form .search-form .ais-SearchBox-form .ais-SearchBox, form .search-form .ais-SearchBox-form .ais-SearchBox-input{
    width: 100%;
}
form .search-form .ais-SearchBox-form .ais-SearchBox-submit{
                min-width: 25px;
                display: flex;
                height: 2.5rem;
                align-items: center;
                justify-content: center;
            }
@media (min-width: 768px){
    form .search-form .ais-SearchBox-form .ais-SearchBox-submit{
        height: auto;
    }
}
label{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}
.checkbox-item{
    position: relative;
    margin-bottom: 1.5rem;
    display: block;

    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.checkbox-item label{
    font-weight: 400;
}
.checkbox-item input{
    opacity: 0;
}
.checkbox-item input,
    .checkbox-item .checkmark{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
}
.checkbox-item .checkmark{
    pointer-events: none;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
}
.miki_editing .panels .checkbox-item .checkmark{
    pointer-events: auto;
}
.checkbox-item .checkmark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
.checkbox-item input:checked ~ .checkmark{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
.checkbox-item input:checked ~ .checkmark::after{
            content: url('../images/icone/coche.svg');
            position: relative;
            top: 3px;
            left: 3px;
        }
.checkbox-item.bold label{
    font-weight: 700;
}
.checkbox-item-right{
    position: relative;
    margin-bottom: 1.5rem;
    display: block;

    padding-right: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.checkbox-item-right label{
    font-weight: 400;
}
.checkbox-item-right input{
    opacity: 0;
}
.checkbox-item-right input,
    .checkbox-item-right .checkmark{
    position: absolute;
    margin-left: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;

        top: 5px;
}
.checkbox-item-right .checkmark{
    pointer-events: none;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
}
.miki_editing .panels .checkbox-item-right .checkmark{
    pointer-events: auto;
}
.checkbox-item-right .checkmark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
.checkbox-item-right input:checked ~ .checkmark{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
.checkbox-item-right input:checked ~ .checkmark::after{
            content: url('../images/icone/coche.svg');
            position: relative;
            top: 3px;
            left: 3px;
        }
.checkbox-item-right.bold label{
    font-weight: 700;
}
/*---------------------------------
 Formulaire Recherche Page inscription */
.page-liste-formations .container-gris form h3{
    font-size: 1rem;
    line-height: 1.5rem;
}
@media (min-width: 640px){
    .page-liste-formations .container-gris form h3{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 768px){
    .page-liste-formations .container-gris form h3{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (min-width: 1280px){
    .page-liste-formations .container-gris form h3{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
.page-liste-formations .container-gris form label{
    margin-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
}
@media (min-width: 640px){
    .page-liste-formations .container-gris form label{
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
@media (min-width: 768px){
    .page-liste-formations .container-gris form label{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1024px){
    .page-liste-formations .container-gris form label{
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1280px){
    .page-liste-formations .container-gris form label{
        margin-bottom: 2rem;
    }
}
.page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
    margin-bottom: 1rem;
    height: 2.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media (min-width: 768px){
    .page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
        height: 3rem;
    }
}
@media (min-width: 1024px){
    .page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1280px){
    .page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
        margin-bottom: 2rem;
    }
}
.page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
    font-size: 1rem;
    line-height: 1.5rem;
}
@media (min-width: 640px){
    .page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 768px){
    .page-liste-formations .container-gris form input, .page-liste-formations .container-gris form select, .page-liste-formations .container-gris form .nice-select{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.page-liste-formations .container-gris form #secondary-filters input, .page-liste-formations .container-gris form #secondary-filters select, .page-liste-formations .container-gris form #secondary-filters .nice-select{
    margin-bottom: 0px;
    border-radius: 0px;
}
@media (min-width: 1024px){
    .page-liste-formations .container-gris form #secondary-filters input, .page-liste-formations .container-gris form #secondary-filters select, .page-liste-formations .container-gris form #secondary-filters .nice-select{
        margin-bottom: 0px;
    }
}
.select2-container .select2-dropdown{
    border-radius: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.select2-container .select2-dropdown input{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
table{
    margin-bottom: 2rem;
}
table tr th{
    padding-left: 0.25rem;
}
table tr th, table tr td{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
}
table tr:nth-child(odd){
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 247 / var(--tw-bg-opacity, 1));
}
.table-responsive{
    overflow-x: auto;

    /*
    background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 20, .30), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 20, .30), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
    */
}
/* Bouton BASE */
a.btn, input[type=button].btn, input[type=submit].btn, input[type=reset].btn, button.btn, .page-content a.btn{
    display: inline-block;
    cursor: pointer;
    border-radius: 9999px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
    padding-top: 14px;
    background: linear-gradient(70deg, #ff6107 0%, #ff6107 25%, #e2dfd6 25%, #e2dfd6 75%, #0057a7 75%, #0057a7 100%) left;
    /* background-size: 420%; */
    background-size: 680%;
    transition: 1s background-position ease-in-out;
}
a.btn:hover, input[type=button].btn:hover, input[type=submit].btn:hover, input[type=reset].btn:hover, button.btn:hover, .page-content a.btn:hover {
        background-position: right;
        transition: background-position .7s ease-in-out;
    }
/* Bouton BLANC */
a.btn.btn-white{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    background: linear-gradient(70deg, #e2dfd6 0%, #e2dfd6 25%, #0057a7 25%, #0057a7 75%, #ff6107 75%, #ff6107 100%) left;
    background-size: 680%;
}
a.btn.btn-white:hover {
        background-position: right;
        transition: background-position .7s ease-in-out;
    }
/* Bouton >TXT */
a.btn.btn-arrow-text, input[type=button].btn.btn-arrow-text, input[type=submit].btn.btn-arrow-text, button.btn.btn-arrow-text{
    position: relative;
    padding-left: 2.5rem;
}
a.btn.btn-arrow-text:before,input[type=button].btn.btn-arrow-text:before,input[type=submit].btn.btn-arrow-text:before,button.btn.btn-arrow-text:before{ 
        content: url(../images/icone/arrow.svg);
        height: 25px; width: 25px; position: absolute; left: 0.75rem; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
a.btn.btn-arrow-text.btn-white:before,input[type=button].btn.btn-arrow-text.btn-white:before,input[type=submit].btn.btn-arrow-text.btn-white:before,button.btn.btn-arrow-text.btn-white:before{
        content: url(../images/icone/arrow-secondary.svg);
    }
/* Bouton >  */
a.btn.btn-arrow{
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    padding: 0px;
    transition: .7s background-position ease-in-out;
}
a.btn.btn-arrow:hover {
        transition: background-position .4s ease-in-out;
    }
a.btn.btn-arrow:before{
        content: url(../images/icone/arrow.svg);
        height: 1.75rem;
        width: 1.75rem;
    }
a.btn.btn-arrow.btn-white:before{
        content: url(../images/icone/arrow-secondary.svg);
    }
/* Bouton Petit  */
a.btn-small, input[type=button].btn-small, input[type=submit].btn-small, input[type=reset].btn-small, button.btn-small, .page-content a.btn-small{
    display: inline-block;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(181 178 171 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
}
a.btn-small:hover, input[type=button].btn-small:hover, input[type=submit].btn-small:hover, input[type=reset].btn-small:hover, button.btn-small:hover, .page-content a.btn-small:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(136 134 128 / var(--tw-bg-opacity, 1));
        transition: .5s ease-in-out;
}
input[type=button], input[type=submit], input[type=reset]{
    max-height: 50px;
}
/* animation on load Inscription */
.nav-item-wrap.btn {
    animation: 1s ease-out 0s 1 onLoadInscription;
}
@keyframes onLoadInscription {
    0% {
        background-position: 50%;
    }
    100% {
        background-position: left;
    }
}
.mycontainer{
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
}
.paddings{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 640px){
    .paddings{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .paddings{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.page-content.paddings{
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width: 640px){
    .page-content.paddings{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .page-content.paddings{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
section.paddings, 
footer{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 640px){
    section.paddings, 
footer{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}
@media (min-width: 768px){
    section.paddings, 
footer{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}
@media (min-width: 1024px){
    section.paddings, 
footer{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}
.text-bigger, .text-bigger p{
    font-size: 1.125rem;
    line-height: 1.25rem;
}
@media (min-width: 768px){
    .text-bigger, .text-bigger p{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1536px){
    .text-bigger, .text-bigger p{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
/* HOME HERO */
.home-hero{
    height: 465px;
}
@media (min-width: 768px){
    .home-hero{
        height: 750px;
    }
}
@media (min-width: 1536px){
    .home-hero{
        height: 900px;
    }
}
.home-hero{
   max-height: 80vh;
}
.home-hero__content{
    position: relative;
    z-index: 30;
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    padding-top: 8rem;
    padding-bottom: 8rem;
}
@media (min-width: 640px){
    .home-hero__content{
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}
@media (min-width: 768px){
    .home-hero__content{
        padding-top: 14rem;
        padding-bottom: 14rem;
    }
}
@media (min-width: 1024px){
    .home-hero__content{
        padding-top: 15rem;
        padding-bottom: 15rem;
    }
}
.home-hero__content{
        width: 80%;
    }
.home-hero__filter{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    opacity: 0.6;
}
.home-hero__img-wrap{
    height: 100%;
    width: 100%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.home-hero__img-wrap img{
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 0;
    max-width: none;
    --tw-bg-opacity: 1;
    background-color: rgb(226 223 214 / var(--tw-bg-opacity, 1));
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.template-accueil .home-hero{
    top: 9rem;
    margin-bottom: 9rem;
    height: auto;
    max-height: 100%;
}
.template-accueil .home-hero__img-wrap{
    transform: none;
}
.template-accueil .home-hero__img-wrap img{left: 0;}
.template-default .home-hero__content{
    position: absolute;
    left: 50%;
}
.template-default .home-hero__content > div{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nice-select{
    float: none;
    display: inline-block;
    height: auto;
    width: 100%;
    align-items: center;
    border-radius: 0px;
    padding-left: 0px;
}
@media (min-width: 1024px){
    .nice-select{
        width: 50%;
    }
}
.nice-select{

    border-left:none; 
    border-top: none; 
    border-right: none;
}
.nice-select .list{
    width: 100%;
}
.nice-select .list li{
    margin: 0px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.nice-select .list li::before{
                content: none;
            }
.nice-select .list li.option{
                min-height: auto;
            }
.nice-select .list li.selected{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
ul.pagination{
    display: flex;
}
ul.pagination li{
    padding: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
ul.pagination li::before{
            display: none;
        }
/*PANELS*/
.panels{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.panels__wrap{
    position: relative;
    height: auto;
    width: 100%;
        /*height: 60vh; 
        min-height: 550px;*/
        height: 800px;
}
.panels__wrap .panel{
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            height: 500px;
}
.panels__wrap .panel__wrap{
    position: relative;
    height: 100%;
    width: 100%;
}
.panels__wrap .panel__wrap__content{
    position: relative;
    z-index: 30;
    height: 100%;
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
}
@media (min-width: 768px){
    .panels__wrap .panel__wrap__content{
        padding-top: 5rem;
    }
}
/* text */
.panels__wrap .panel__wrap__content > div:first-child{width: 75%;}
/* title */
.panels__wrap .panel__wrap__content > div:last-child{
                        
                    }
.panels__wrap .panel__wrap__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.panels__wrap .panel__wrap .background{
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 0;
                    height: 100%;
                    width: 80%;
}
.panels__wrap .panel__wrap .background img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.panels__wrap .panel__wrap .gradient{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 20;
    height: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #0057a7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 87 167 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 87 167 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0057a7 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
                    width: 80%;
}
.panels__wrap .panel__wrap .filter{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.panels__wrap .panel__wrap .blue-filter{
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(0 87 167 / var(--tw-bg-opacity, 1));
    opacity: 0.6;
    mix-blend-mode: overlay;
}
.panels__wrap .panel__wrap .black-filter{
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    opacity: 0.3;
    mix-blend-mode: darken;
}
.panels__wrap #panel1{
    top: 0px;
    z-index: 30;
}
.panels__wrap #panel2{
    left: 0px;
    z-index: 20;
            top: -350px;
}
.panels__wrap #panel3{
    z-index: 10;
            top: -700px;
}
.panels h2{
    margin-bottom: 0px;
}
@media (min-width: 768px){
    .panels h2{
        margin-bottom: 0px;
    }
}
@media (min-width: 1024px){
    .panels h2{
        margin-bottom: 0px;
    }
}
@media (min-width: 1280px){
    .panels h2{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
.panels .gradient{
        width: 80%;
    }
/*panels mobile */
@media (max-width: 640px) { 
    .panels{
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-top: 0px;
    }

        .panels__wrap{
        height: auto;
    }

        .panels .panel{
        height: auto;
    }

            .panels .panel__wrap{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
                .panels .panel__wrap__content{
        flex-direction: column-reverse;
    }
                    .panels .panel__wrap__content > div:first-child{width: 90%;} 
                    .panels .panel__wrap__content > div:last-child{
        padding-bottom: 1.5rem;
    }

                .panels .panel__wrap .background{
                    width: 90%;   
                }
                .panels .panel__wrap .gradient{
                    width: 90%
                }
                .panels .panel__wrap .black-filter{
        opacity: 0;
    }

        .panels #panel2{
        top: 0px;
        height: auto;
    }
        .panels #panel3{
        top: 0px;
        height: auto;
    }

}
@media (min-width: 640px){
    .template-accueil .panels{
        padding-top: 3rem;
    }
}
/* SECTION ORANGE */
.sct-orange{
    position: relative;
    overflow: hidden;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media (min-width: 640px){
    .sct-orange{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}
@media (min-width: 768px){
    .sct-orange{
        padding-top: 7rem;
    }
}
@media (min-width: 1280px){
    .sct-orange{
        padding-top: 10rem;
    }
}
.sct-orange{
    margin-bottom: 0px;
}
@media (min-width: 640px){
    .sct-orange{
        margin-bottom: 0px;
    }
}
@media (min-width: 768px){
    .sct-orange{
        margin-bottom: 0px;
    }
}
@media (min-width: 1024px){
    .sct-orange{
        margin-bottom: 0px;
    }
}
.sct-orange__content, .sct-orange__content-2{
    width: 100%;
    position: relative;
    z-index: 10;
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width: 640px){
    .sct-orange__content, .sct-orange__content-2{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .sct-orange__content, .sct-orange__content-2{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.sct-orange__content__wrap,.sct-orange__content-2__wrap{
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(226 223 214 / var(--tw-bg-opacity, 1));
    padding-bottom: 2.5rem;
    padding-top: 4rem;
}
@media (min-width: 768px){
    .sct-orange__content__wrap,.sct-orange__content-2__wrap{
        padding-bottom: 5rem;
        padding-top: 8rem;
    }
}
.sct-orange__content__wrap,.sct-orange__content-2__wrap{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 640px){
    .sct-orange__content__wrap,.sct-orange__content-2__wrap{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .sct-orange__content__wrap,.sct-orange__content-2__wrap{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.sct-orange__content__wrap,.sct-orange__content-2__wrap{ /* paddings */
        }
.sct-orange__content h2, .sct-orange__content label, .sct-orange__content-2 h2, .sct-orange__content-2 label {
            line-height: 1.2;
        }
.sct-orange__content-2{
    position: absolute;
    top: 4rem;
}
@media (min-width: 768px){
    .sct-orange__content-2{
        top: 7rem;
    }
}
@media (min-width: 1280px){
    .sct-orange__content-2{
        top: 10rem;
    }
}
.sct-orange__content-2{ /* compense padding-top de .sct-orange */
    }
.sct-orange__front, .sct-orange__background{
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    width: 100%;
}
.sct-orange__front{
    pointer-events: none;
    z-index: 20;
}
.miki_editing .panels .sct-orange__front{
    pointer-events: auto;
}
.sct-orange__background{
    z-index: 0;
}
.page-bon-cadeau .sct-orange,
.page-product_details .sct-orange{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
@media (min-width: 640px){
    .page-bon-cadeau .sct-orange,
.page-product_details .sct-orange{
        margin-left: -3rem;
        margin-right: -3rem;
    }
}
@media (min-width: 768px){
    .page-bon-cadeau .sct-orange,
.page-product_details .sct-orange{
        margin-left: -6rem;
        margin-right: -6rem;
    }
}
.page-bon-cadeau .sct-orange__content > .paddings,.page-bon-cadeau .sct-orange__content-2 > .paddings,.page-product_details .sct-orange__content > .paddings,.page-product_details .sct-orange__content-2 > .paddings{
    padding-left: 4rem;
}
@media (min-width: 768px){
    .page-bon-cadeau .sct-orange__content > .paddings,.page-bon-cadeau .sct-orange__content-2 > .paddings,.page-product_details .sct-orange__content > .paddings,.page-product_details .sct-orange__content-2 > .paddings{
        padding-left: 5rem;
    }
}
@media (min-width: 1280px){
    .page-bon-cadeau .sct-orange__content > .paddings,.page-bon-cadeau .sct-orange__content-2 > .paddings,.page-product_details .sct-orange__content > .paddings,.page-product_details .sct-orange__content-2 > .paddings{
        padding-left: 8rem;
    }
}
.page-bon-cadeau .sct-orange__content input,.page-bon-cadeau .sct-orange__content-2 input,.page-product_details .sct-orange__content input,.page-product_details .sct-orange__content-2 input{
            width: 100%;
        }
/* LISTE par ETAPES */
ol.etapes li{
    position: relative;
    margin-bottom: 0.5rem;
    display: block;
    padding-bottom: 1rem;
}
ol.etapes li h2{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
@media (min-width: 768px){
    ol.etapes li h2{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
ol.etapes li::before{
            content: counter(list-number);
            left: -17px; top: -3px; display: inline-block; display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 4px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
ol.etapes li::after{
            position: absolute;
            content: "";
            left: -3px;
            top: 31px;
            bottom: -2px;
            width: 5px;
            border-radius: 20px;
            --tw-bg-opacity: 1;
            background-color: rgb(226 223 214 / var(--tw-bg-opacity, 1));
        }
ol.etapes li:last-child::after{
    display: none;
}
/* LISTE de COURS */
.cours-list .entete{
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    padding-bottom: 0.5rem;
    font-weight: 700;
}
.cours-list .option{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.cours-list .option__wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px){
    .cours-list .option__wrap{
        flex-direction: row;
    }
    .cours-list .option__wrap > div > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
}
.cours-list .option .dropdown{
    max-height: 0px;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.cours-list .option .dropdown.show{
    max-height: 100vh;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.cours-list .option .horaire{
    line-height: 1.25rem;
            width: 45%;
            grid-template-columns: 1fr 2fr 2fr;
}
.cours-list .option .horaire .jour{
    display: flex;
}
.cours-list .option .horaire .jour > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
/* Colonnes ----*/
.cours-list .entete div:nth-child(1),.cours-list .option__wrap div:nth-child(1){width: 45%;}
.cours-list .entete div:nth-child(2),.cours-list .option__wrap div:nth-child(2){width: 25%;}
.cours-list .entete div:nth-child(3),.cours-list .option__wrap div:nth-child(3){width: 15%;}
.cours-list .entete div:nth-child(4),.cours-list .option__wrap div:nth-child(4){width: 15%;}
/* LISTE de COURS - ACCOUNT_EDIT*/
.account-list__head, .account-list__item {
        /*grid-template-columns: 25% 40% 20% 15%;*/
        grid-template-columns: 2fr 3fr 2fr 1fr;
        -moz-column-gap: 15px;
             column-gap: 15px;
    }
.account-list__head{
        display: grid;
        margin-bottom: 1rem;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
        padding-bottom: 0.5rem;
        font-weight: 700;
    }
.account-list__item{
    margin-bottom: 1rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    padding-bottom: 1rem;
        row-gap: 15px;
}
.account-list__item__link{
    text-align: right;
            grid-column-start: 1;
            grid-column-end: -1;
}
/* end cours liste */
/* version mobile tableau cours ----*/
@media screen and (max-width: 768px) {
        .account-list__head, .account-list__item {
            display: grid;
            /*grid-template-columns: 25% 40% 20% 15%;*/
            grid-template-columns: 3fr 1fr;
            -moz-column-gap: 15px;
                 column-gap: 15px;
        }
        .cours-list .entete > div,
        
        .cours-list .option__wrap div:nth-child(1),
        
        .cours-list .option__wrap div:nth-child(2),
        
        .cours-list .option__wrap div:nth-child(3),
        
        .cours-list .option__wrap div:nth-child(4){
            width: auto !important;
        }
        .cours-list .option__wrap {
            width: 80%;
        }
        .cours-list .option__wrap > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    }
        .cours-list .option__wrap {
            /*& div:nth-child(3){width: 20%;}*/
        }
            .account-list__entete > div,.account-list__item__wrap > div{
                
            }
}
.miki_tabs .tabs {
        display: flex;
    }
.miki_tabs .tabs .tab{
    margin-right: 0px;
    border-style: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-decoration-line: none;
}
@media (min-width: 1024px){
    .miki_tabs .tabs .tab{
        margin-right: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.miki_tabs .tabs .tab.active{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            border-bottom-color: white;
}
.miki_tabs .tabs .tab:hover{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 192 156 / var(--tw-border-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            border-bottom-color: white;
}
.miki_tabs .tabs_content{
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width: 1024px){
    .miki_tabs .tabs_content{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.miki_tabs .tabs_content {
        margin-top: -1px;
    }
/* pour les badges*/
.badge.badge--success{
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.badge.badge--notice{
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 70 134 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.badge.badge--danger{
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.badge.badge--danger ul{
    padding-bottom: 0px;
}
.badge.badge--danger ul li{
    position: relative;
    margin-left: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.badge.badge--danger ul li::before{
                content: "\2022";
                position: absolute;
                left: -1rem;
            }
.badge.badge--danger ul li:last-child{
    padding-bottom: 0px;
}
/* Tooltips */
.popper,
.tooltip {
    position: absolute;
    background: #3379b9;
    color: white;
    max-width: 400px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}
.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #3379b9;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.tooltip ul{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
.tooltip ul li{
            margin: 0;
            padding: 0;
        }
.tooltip ul li:before{
                display: none;
            }
.swal-modal .swal-button--confirm {
      /*background-color: $color5;*/
      /*border: 1px solid $color5;*/
    }
.swal-modal a{
        /*color: $color2;*/
        font-weight: bold;

        transition: opacity 0.35s ease 0s;
    }
.swal-modal a:hover{
            opacity: 0.6;
        }
/* Fin des Tooltips */
.page-inscription-formulaire .cours-list .option{
    border-bottom-width: 0px;
}
.colonnes-2{
    display: grid;
}
@media (min-width: 1024px){
    .colonnes-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.vertical-space{
    height: 2rem;
}
@media (min-width: 640px){
    .vertical-space{
        height: 3rem;
    }
}
.container-gris{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(226 223 214 / var(--tw-bg-opacity, 1));
    padding: 2rem;
}
@media (min-width: 640px){
    .container-gris{
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (min-width: 1024px){
    .container-gris{
        padding: 3rem;
    }
}
/* IMAGES ------------------------- */
.snippet-image img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.snippet-image-left img{
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-right: auto;
}
.snippet-image-right img{
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: auto;
}
/* TEXT ------------------------- */
.bigger p{
    font-size: 1rem;
    line-height: 1.5rem;
}
@media (min-width: 640px){
    .bigger p{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
.snippet-list-nb ol{
        list-style-image: none;
        list-style-position: inside;
        list-style-type: decimal;
    }
.snippet-list-nb ol li{
    margin-left: 0px;
    padding-left: 0px;
}
/* SPECIFIC ------------------------- 

.panels{
    @apply p-8;

    &__wrap{
        @apply relative w-full mt-8 mb-8 overflow-hidden;
        height: 550px;

        .panel{
            @apply absolute top-0 z-20 w-full bg-background-500;
            height: 80%;

            &__wrap{
                @apply relative w-full h-full pt-20 pb-6 px-14 pointer-events-none;

                &__content{
                    @apply relative z-30 w-full h-full text-white;

                    img {
                        @apply absolute bottom-0 z-0 w-auto h-full transform -translate-x-1/2 max-w-none left-1/2;
                    }
                    .gradient{
                        @apply absolute bottom-0 left-0 z-20 w-full h-full h-1/2 from-secondary-500 to-transparent bg-gradient-to-r;
                    }
                    .filter{
                        @apply absolute top-0 left-0 z-10 w-full h-full opacity-80 mix-blend-multiply bg-secondary-500;
                    }
                }
            }
        }
    }


}*/
/* ACCORDIONS ------------------------ */
.page-content .sct-accordeon > ul li{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 640px){
    .page-content .sct-accordeon > ul li{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .page-content .sct-accordeon > ul li{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.page-content .sct-accordeon > ul li{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
@media (min-width: 768px){
    .page-content .sct-accordeon > ul li{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}
@media (min-width: 1024px){
    .page-content .sct-accordeon > ul li{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}
.page-content .sct-accordeon > ul li::before{
                content: none;
            }
.page-content .sct-accordeon > ul li.active{
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0px 4px 90px rgba(0, 0, 0, 0.08);;
    --tw-shadow-colored: 0px 4px 90px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.page-content .tab{
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 640px){
    .page-content .tab{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 768px){
    .page-content .tab{
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.page-content .tab-title{
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    margin: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
}
@media (min-width: 640px){
    .page-content .tab-title{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
.page-content .tab-content p{
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
}
/* Tab content - closed */
.page-content .tab-content {
        max-height: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
/* :checked - resize to full height */
.page-content .tab input:checked ~ .tab-content{
    padding-top: 1.5rem;
    transition-delay: 300ms; 
        max-height: 3000px;
}
/* Label formatting when open */
.page-content .tab input:checked + label{
    }
.miki_editing .tab-content{
    padding-top: 1.5rem;
    transition-delay: 300ms; 
        max-height: 3000px;
}
header{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
header #branding{
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 0px;
}
@media (min-width: 768px){
    header #branding{
        width: auto;
        padding-top: 0px;
    }
}
@media (min-width: 1536px){
    header #branding{
        padding-top: 1.75rem;
        padding-bottom: 1.5rem;
    }
}
header #branding > a{
    width: 13rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
@media (min-width: 768px){
    header #branding > a{
        width: 18rem;
    }
}
header #branding > a{ /* taille logo */
        }
header #header_user_infos svg {width: 23px;}
header #header_user_infos #connect-bienvenue:hover #svg-key,
        header #header_user_infos #connect-deconnexion:hover #svg-door,
        header #header_user_infos #connect-connexion:hover svg,
        header #header_user_infos #panier:hover svg{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
header nav{
    margin-bottom: 1.25rem;
    display: flex;
    height: 0px;
    width: 100%;
    justify-content: flex-start;
    overflow-y: hidden;
}
@media (min-width: 1024px){
    header nav{
        height: auto;
        align-items: center;
    }
}
@media (min-width: 1536px){
    header nav{
        margin-bottom: 0px;
        justify-content: flex-end;
    }
}
header nav{ /*lg:max-h-96 max-h-0 overflow-hidden*/ position: absolute; top: 0px; left: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
@media (min-width: 1024px){
    header nav{
        position: relative;
    }
}
header nav ul{
    display: flex;
    height: auto;
    width: 100%;
    list-style-type: none;
    flex-direction: column;
}
@media (min-width: 1024px){
    header nav ul{
        height: 100%;
        width: auto;
        flex-direction: row;
        align-items: center;
    }
}
header nav ul > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
header nav ul{
    padding-bottom: 1.5rem;
    padding-top: 9rem;
}
@media (min-width: 640px){
    header nav ul > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
    }
}
@media (min-width: 1024px){
    header nav ul > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
    header nav ul{
        padding-bottom: 0px;
        padding-top: 0px;
    }
}
header nav ul{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
@media (min-width: 1024px){
    header nav ul{
        z-index: 50;
    }
}
@media (min-width: 1536px){
    header nav ul{
        --tw-translate-y: 1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}
header nav ul .nav-item{
    display: flex;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width: 1024px){
    header nav ul .nav-item{
        height: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
header nav ul .nav-item.active{
    z-index: 50;
}
@media (min-width: 1024px){
    header nav ul .nav-item.active{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
}
header nav ul .nav-item a{
    display: inline-block;
    height: 100%;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 87 167 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){
    header nav ul .nav-item a{
        display: flex;
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
header nav ul .nav-item:hover a, header nav ul .nav-item.active a{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
header nav ul .nav-item:last-child a{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: block;
    height: auto;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
header nav ul .nav-item:last-child a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 129 57 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px){
    header nav ul .nav-item:last-child a{
        margin-left: 0px;
        margin-right: 0px;
        display: flex;
    }
}
header nav ul .nav-item:last-child.active a{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
header .lines {
        bottom: 6px;
    }
header .lines > div{
            height: 6px;
        }
/* stick menu */
header.stickyHead #branding{
    padding-bottom: 1.5rem;
}
header.stickyHead #branding > a{
    width: 10rem;
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (min-width: 768px){
    header.stickyHead #branding > a{
        width: 15rem;
    }
}
header.stickyHead #branding > a{ /* taille logo */
            }
header.stickyHead nav > ul{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
header.stickyHead #header_user_infos{
    pointer-events: none;
    top: -0.75rem;
    opacity: 0;
}
.miki_editing .panels header.stickyHead #header_user_infos{
    pointer-events: auto;
}
footer .footer-title{
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
}
footer a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
footer nav > ul li a, footer p{
    font-size: 1rem;
    line-height: 1.25rem;
}
footer .signature a{
    text-decoration-line: underline;
}
.space{
    height: 200px;
}
@media (min-width: 768px){
    .space{
        height: 250px;
    }
}
.template-default .page-content{
    position: relative;
    z-index: 30;
    margin-bottom: 2rem;
}
@media (min-width: 768px){
    .template-default .page-content{
        margin-bottom: 5rem;
    }
}
.template-default .page-content section{
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0px 4px 90px rgba(0, 0, 0, 0.08);;
    --tw-shadow-colored: 0px 4px 90px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px){
    .template-default .page-content section{
        margin-bottom: 2rem;
    }
}
@media (min-width: 768px){
    .template-default .page-content section{
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 1024px){
    .template-default .page-content section{
        margin-bottom: 3.5rem;
    }
}
.template-default .page-content section.tab{
    margin-bottom: 0.5rem;
}
@media (min-width: 640px){
    .template-default .page-content section.tab{
        margin-bottom: 1rem;
    }
}
.template-default .page-content section.panels,
        
        .template-default .page-content section.sct-orange{
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.template-sans-image section:first-child{
        /* @apply mt-0 sm:mt-12 md:mt-20;*/
        margin-top: 0px;
        margin-bottom: 0px;
    }
.template-sans-image section{
    margin-bottom: 3rem;
}
@media (min-width: 768px){
    .template-sans-image section{
        margin-bottom: 5rem;
    }
}
.template-sans-image.page-mon-compte .tab.active{
        background: white;
    }
/* Adaptation image hero*/
.page-infos #hero-parallax{
    margin-bottom: 8rem;
}
@media (min-width: 640px){
    .page-infos #hero-parallax{
        margin-bottom: 0px;
    }
}
.page-infos #hero-parallax img {
        -o-object-position: bottom;
           object-position: bottom;
    }
.page-login #hero-parallax img, .page-bon-cadeau #hero-parallax img {
        -o-object-position: top;
           object-position: top;
    }
.page-duplicata #hero-parallax img {
        -o-object-position: bottom;
           object-position: bottom;
    }
.page-liste-formations .ais-SearchBox-form{
    display: flex;
    width: 100%;
}
.page-liste-formations .ais-SearchBox-form .ais-SearchBox-input{
    flex: 1 1 0%;
}
.page-liste-formations .ais-SearchBox-form .ais-SearchBox-submit{
    margin-left: 0.5rem;
}
.page-liste-formations .ais-SearchBox-form .ais-SearchBox-reset{
    margin-left: 0.5rem;
}
.page-liste-formations #pagination ul{
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}
.page-liste-formations #pagination ul li{
    margin: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.page-liste-formations #pagination ul li:before{
                    display: none;
                }
.page-liste-formations #pagination .ais-Pagination-item--selected a{
            color: inherit !important;
            text-decoration: none !important;
        }
.page-liste-formations #results .option.promo{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
.page-panier .todo{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

        position: relative;
        padding: 20px;
        font-weight: bold;
        margin-left: 20px;
        z-index: 30;
}
.page-panier .todo:after, .page-panier .todo:before {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }
.page-panier .todo:after {
            border-color: rgba(136, 183, 213, 0);
            border-right-color: #ff6107;
            border-width: 15px;
            margin-top: -15px;
        }
.page-panier .todo span{
            font-size: 3em;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            width: 50px;
        }
/* @apply flex justify-center mt-4;*/
.page-panier .transporter ul li{
    margin: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0px;
}
.page-panier .transporter ul li:before{
                    display: none;
                }
.page-partenaires #map{
        height: 610px;
        margin-top: 35px;
    }
.page-partenaires #pagination ul{
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}
.page-partenaires #pagination ul li{
    margin: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.page-partenaires #pagination ul li:before{
                    display: none;
                }
.page-partenaires #pagination .ais-Pagination-item--selected a{
            color: inherit !important;
            text-decoration: none !important;
        }
@media screen and (max-width: 650px) {
        .page-bon-cadeau form#addproduct{
            height: 465px;
        }
}
@media screen and (min-width: 768px) {
        .page-partenaires #map{
            height: 725px;
        }
}
@media screen and (min-width: 1525px) {
        .page-partenaires #map{
            height: 1030px;
        }
}
/*hamburgers
@import "hamburgers/_hamburgers.scss";
NOTES: @import, comments // et $variable venant d'un fichier scss ne se compilent pas correctement ! postcss  ->  postcss-scss ?
https://github.com/postcss/postcss-import/issues/96
https://stackoverflow.com/questions/46774659/how-to-support-inline-comments-in-postcss
https://github.com/zoubin/postcss-comment
*/
.hamburger {
   padding: 15px 15px;
   display: inline-block;
   cursor: pointer;
 
   transition-property: opacity, filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
 
    /* Normalize (<button>) */
   font: inherit;
   color: inherit;
   text-transform: none;
   background-color: transparent;
   border: 0;
   margin: 0;
   overflow: visible;
 
  /* &.is-active { 
     .hamburger-inner,
     .hamburger-inner::before,
     .hamburger-inner::after {
       background-color: $hamburger-active-layer-color;
     }
   } */
 }
.hamburger:hover {

   }
.hamburger-box{
    height: 1.5rem;
    width: 2rem;
   display: inline-block;
   position: relative;
}
.hamburger-inner {
   display: block;
   top: 50%;
   margin-top: -2px;
 }
.hamburger-inner,
   .hamburger-inner::before,
   .hamburger-inner::after {
     width: 100%;
     height: 4px;
     background-color: white;
     border-radius: 4px;
     position: absolute;
     transition-property: transform;
     transition-duration: 0.15s;
     transition-timing-function: ease;
   }
.hamburger-inner::before,
   .hamburger-inner::after {
     content: "";
     display: block;
   }
.hamburger-inner::before {
     top: 9px;
   }
.hamburger-inner::after {
     bottom: 9px;
   }
/*
* Animation
*/
.hamburger--squeeze .hamburger-inner {
      transition-duration: 0.075s;
      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
.hamburger--squeeze .hamburger-inner::before {
      transition: top 0.075s 0.12s ease,
                  opacity 0.075s ease;
      }
.hamburger--squeeze .hamburger-inner::after {
      transition: bottom 0.075s 0.12s ease,
                  transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
.hamburger--squeeze.is-active .hamburger-inner {
      transform: rotate(45deg);
      transition-delay: 0.12s;
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
.hamburger--squeeze.is-active .hamburger-inner::before {
         top: 0;
         opacity: 0;
         transition: top 0.075s ease,
                     opacity 0.075s 0.12s ease;
      }
.hamburger--squeeze.is-active .hamburger-inner::after {
         bottom: 0;
         transform: rotate(-90deg);
         transition: bottom 0.075s ease,
                     transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
/* UTILITÉS */
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-auto{
    pointer-events: auto;
}
.visible{
    visibility: visible;
}
.invisible{
    visibility: hidden;
}
.collapse{
    visibility: collapse;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.-top-28{
    top: -7rem;
}
.bottom-0{
    bottom: 0px;
}
.bottom-2{
    bottom: 0.5rem;
}
.bottom-full{
    bottom: 100%;
}
.left-0{
    left: 0px;
}
.left-1\/2{
    left: 50%;
}
.left-12{
    left: 3rem;
}
.left-2\/3{
    left: 66.666667%;
}
.left-full{
    left: 100%;
}
.right-0{
    right: 0px;
}
.right-6{
    right: 1.5rem;
}
.top-0{
    top: 0px;
}
.top-32{
    top: 8rem;
}
.top-40{
    top: 10rem;
}
.top-6{
    top: 1.5rem;
}
.z-10{
    z-index: 10;
}
.z-20{
    z-index: 20;
}
.z-30{
    z-index: 30;
}
.z-40{
    z-index: 40;
}
.z-50{
    z-index: 50;
}
.col-span-2{
    grid-column: span 2 / span 2;
}
.col-span-3{
    grid-column: span 3 / span 3;
}
.col-span-full{
    grid-column: 1 / -1;
}
.col-start-2{
    grid-column-start: 2;
}
.float-right{
    float: right;
}
.m-0{
    margin: 0px;
}
.-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.-mt-4{
    margin-top: -1rem;
}
.mb-12{
    margin-bottom: 3rem;
}
.mb-16{
    margin-bottom: 4rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-7{
    margin-bottom: 1.75rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.ml-3{
    margin-left: 0.75rem;
}
.ml-4{
    margin-left: 1rem;
}
.ml-8{
    margin-left: 2rem;
}
.mr-1{
    margin-right: 0.25rem;
}
.mr-12{
    margin-right: 3rem;
}
.mr-2{
    margin-right: 0.5rem;
}
.mr-4{
    margin-right: 1rem;
}
.mr-8{
    margin-right: 2rem;
}
.mt-10{
    margin-top: 2.5rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-16{
    margin-top: 4rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-20{
    margin-top: 5rem;
}
.mt-32{
    margin-top: 8rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-8{
    margin-top: 2rem;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.table{
    display: table;
}
.table-row{
    display: table-row;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.hidden{
    display: none;
}
.h-1{
    height: 0.25rem;
}
.h-16{
    height: 4rem;
}
.h-28{
    height: 7rem;
}
.h-40{
    height: 10rem;
}
.h-72{
    height: 18rem;
}
.h-full{
    height: 100%;
}
.min-h-full{
    min-height: 100%;
}
.w-1\/2{
    width: 50%;
}
.w-1\/3{
    width: 33.333333%;
}
.w-1\/5{
    width: 20%;
}
.w-2\/12{
    width: 16.666667%;
}
.w-2\/3{
    width: 66.666667%;
}
.w-3\/12{
    width: 25%;
}
.w-5\/12{
    width: 41.666667%;
}
.w-60{
    width: 15rem;
}
.w-auto{
    width: auto;
}
.w-full{
    width: 100%;
}
.min-w-full{
    min-width: 100%;
}
.max-w-60{
    max-width: 15rem;
}
.flex-grow{
    flex-grow: 1;
}
.border-collapse{
    border-collapse: collapse;
}
.origin-bottom{
    transform-origin: bottom;
}
.origin-left{
    transform-origin: left;
}
.-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-0{
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-0{
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
    cursor: pointer;
}
.resize{
    resize: both;
}
.list-disc{
    list-style-type: disc;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-date_grid{
    grid-template-columns: 1fr 2fr;
}
.grid-cols-time_grid{
    grid-template-columns: 50px 20px 50px;
}
.flex-row{
    flex-direction: row;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.items-center{
    align-items: center;
}
.items-stretch{
    align-items: stretch;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-12{
    gap: 3rem;
}
.gap-16{
    gap: 4rem;
}
.gap-20{
    gap: 5rem;
}
.gap-8{
    gap: 2rem;
}
.gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.gap-y-3{
    row-gap: 0.75rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-y-hidden{
    overflow-y: hidden;
}
.overflow-y-scroll{
    overflow-y: scroll;
}
.truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-xl{
    border-radius: 0.75rem;
}
.border{
    border-width: 1px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-b-4{
    border-bottom-width: 4px;
}
.border-t{
    border-top-width: 1px;
}
.border-solid{
    border-style: solid;
}
.border-dashed{
    border-style: dashed;
}
.border-black{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-primary-500{
    --tw-border-opacity: 1;
    border-color: rgb(255 97 7 / var(--tw-border-opacity, 1));
}
.border-transparent{
    border-color: transparent;
}
.bg-background-100{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 247 / var(--tw-bg-opacity, 1));
}
.bg-background-500{
    --tw-bg-opacity: 1;
    background-color: rgb(226 223 214 / var(--tw-bg-opacity, 1));
}
.bg-background-800{
    --tw-bg-opacity: 1;
    background-color: rgb(90 89 86 / var(--tw-bg-opacity, 1));
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-primary-200{
    --tw-bg-opacity: 1;
    background-color: rgb(255 192 156 / var(--tw-bg-opacity, 1));
}
.bg-primary-500{
    --tw-bg-opacity: 1;
    background-color: rgb(255 97 7 / var(--tw-bg-opacity, 1));
}
.bg-secondary-500{
    --tw-bg-opacity: 1;
    background-color: rgb(0 87 167 / var(--tw-bg-opacity, 1));
}
.bg-secondary-700{
    --tw-bg-opacity: 1;
    background-color: rgb(0 52 100 / var(--tw-bg-opacity, 1));
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.fill-current{
    fill: currentColor;
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.p-0{
    padding: 0px;
}
.p-2{
    padding: 0.5rem;
}
.p-4{
    padding: 1rem;
}
.p-6{
    padding: 1.5rem;
}
.p-8{
    padding: 2rem;
}
.px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-20{
    padding-left: 5rem;
    padding-right: 5rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-16{
    padding-bottom: 4rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pb-4{
    padding-bottom: 1rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pl-0{
    padding-left: 0px;
}
.pl-1{
    padding-left: 0.25rem;
}
.pl-2{
    padding-left: 0.5rem;
}
.pl-4{
    padding-left: 1rem;
}
.pr-10{
    padding-right: 2.5rem;
}
.pr-12{
    padding-right: 3rem;
}
.pr-3{
    padding-right: 0.75rem;
}
.pr-40{
    padding-right: 10rem;
}
.pt-0{
    padding-top: 0px;
}
.pt-12{
    padding-top: 3rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-20{
    padding-top: 5rem;
}
.pt-32{
    padding-top: 8rem;
}
.pt-4{
    padding-top: 1rem;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-5xl{
    font-size: 3rem;
    line-height: 1;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-black{
    font-weight: 900;
}
.font-bold{
    font-weight: 700;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.font-thin{
    font-weight: 100;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.leading-5{
    line-height: 1.25rem;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-8{
    line-height: 2rem;
}
.leading-normal{
    line-height: 1.5;
}
.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-green-500{
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-primary-500{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
.text-red-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
    text-decoration-line: underline;
}
.line-through{
    text-decoration-line: line-through;
}
.antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.opacity-0{
    opacity: 0;
}
.opacity-80{
    opacity: 0.8;
}
.mix-blend-overlay{
    mix-blend-mode: overlay;
}
.shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-easyaide{
    --tw-shadow: 0px 4px 90px rgba(0, 0, 0, 0.08);;
    --tw-shadow-colored: 0px 4px 90px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-0{
    --tw-brightness: brightness(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-500{
    transition-duration: 500ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/**
 * Le CSS pour les effets d'affichage Miki
 */
/* MODE ADMIN READY TO EDIT MIKI */
.miki_editing_ready header {
        margin-top: 25px;
    }
/* MODE EDIT MIKI --------------------------------- */
.miki_editing .panels__wrap {
            height: auto; 
        }
.miki_editing .panels__wrap__content > div:last-child{
    pointer-events: auto;
}
.miki_editing .panels #panel1{
            height: auto;
        }
.miki_editing .panels #panel2{
    position: relative;
    top: 0px;
    left: 0px;
            height: auto;
}
.miki_editing .panels #panel3{
    position: relative;
    top: 0px;
    left: 0px;
            height: auto;
}
.miki_editing .panels .pointer-events-none{
    pointer-events: auto;
}
.miki_editing .sct-orange__content-2, .miki_editing .sct-orange__content{
    position: relative;
    top: 0px;
    left: 0px;
}
.miki_editing .sct-orange__front, .miki_editing .sct-orange__background{
    display: none;
}
.hover\:border-black:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:bg-background-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:text-primary-400:hover{
    --tw-text-opacity: 1;
    color: rgb(255 129 57 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-500:hover{
    --tw-text-opacity: 1;
    color: rgb(255 97 7 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:scale-y-100{
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px){
    .sm\:-left-10{
        left: -2.5rem;
    }
    .sm\:col-span-1{
        grid-column: span 1 / span 1;
    }
    .sm\:mb-0{
        margin-bottom: 0px;
    }
    .sm\:mb-8{
        margin-bottom: 2rem;
    }
    .sm\:ml-16{
        margin-left: 4rem;
    }
    .sm\:mr-4{
        margin-right: 1rem;
    }
    .sm\:block{
        display: block;
    }
    .sm\:table-row{
        display: table-row;
    }
    .sm\:hidden{
        display: none;
    }
    .sm\:w-1\/2{
        width: 50%;
    }
    .sm\:w-auto{
        width: auto;
    }
    .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:flex-row{
        flex-direction: row;
    }
    .sm\:flex-nowrap{
        flex-wrap: nowrap;
    }
    .sm\:items-center{
        align-items: center;
    }
    .sm\:justify-end{
        justify-content: flex-end;
    }
    .sm\:gap-x-0{
        -moz-column-gap: 0px;
             column-gap: 0px;
    }
    .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .sm\:pl-10{
        padding-left: 2.5rem;
    }
    .sm\:pl-8{
        padding-left: 2rem;
    }
    .sm\:pr-0{
        padding-right: 0px;
    }
    .sm\:pt-5{
        padding-top: 1.25rem;
    }
    .sm\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
@media (min-width: 768px){
    .md\:mb-0{
        margin-bottom: 0px;
    }
    .md\:ml-8{
        margin-left: 2rem;
    }
    .md\:mr-8{
        margin-right: 2rem;
    }
    .md\:block{
        display: block;
    }
    .md\:flex{
        display: flex;
    }
    .md\:grid{
        display: grid;
    }
    .md\:hidden{
        display: none;
    }
    .md\:w-1\/2{
        width: 50%;
    }
    .md\:flex-row{
        flex-direction: row;
    }
    .md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-x-20 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(5rem * var(--tw-space-x-reverse));
        margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:pb-0{
        padding-bottom: 0px;
    }
    .md\:pl-0{
        padding-left: 0px;
    }
    .md\:text-left{
        text-align: left;
    }
    .md\:font-extralight{
        font-weight: 200;
    }
}
@media (min-width: 1024px){
    .lg\:visible{
        visibility: visible;
    }
    .lg\:top-3{
        top: 0.75rem;
    }
    .lg\:col-auto{
        grid-column: auto;
    }
    .lg\:col-span-3{
        grid-column: span 3 / span 3;
    }
    .lg\:mx-0{
        margin-left: 0px;
        margin-right: 0px;
    }
    .lg\:my-0{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .lg\:mb-0{
        margin-bottom: 0px;
    }
    .lg\:mr-4{
        margin-right: 1rem;
    }
    .lg\:block{
        display: block;
    }
    .lg\:grid{
        display: grid;
    }
    .lg\:hidden{
        display: none;
    }
    .lg\:w-1\/2{
        width: 50%;
    }
    .lg\:w-1\/4{
        width: 25%;
    }
    .lg\:w-3\/4{
        width: 75%;
    }
    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row{
        flex-direction: row;
    }
    .lg\:gap-y-3{
        row-gap: 0.75rem;
    }
    .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .lg\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:pr-12{
        padding-right: 3rem;
    }
    .lg\:text-left{
        text-align: left;
    }
    .lg\:font-light{
        font-weight: 300;
    }
    .lg\:no-underline{
        text-decoration-line: none;
    }
}
@media (min-width: 1280px){
    .xl\:mb-0{
        margin-bottom: 0px;
    }
    .xl\:block{
        display: block;
    }
    .xl\:flex{
        display: flex;
    }
    .xl\:table{
        display: table;
    }
    .xl\:grid{
        display: grid;
    }
    .xl\:hidden{
        display: none;
    }
    .xl\:w-2\/12{
        width: 16.666667%;
    }
    .xl\:w-3\/12{
        width: 25%;
    }
    .xl\:w-5\/12{
        width: 41.666667%;
    }
    .xl\:pr-8{
        padding-right: 2rem;
    }
}
@media (min-width: 1536px){
    .\32xl\:flex-row{
        flex-direction: row;
    }
}