:root {
    --bleu:#303e91;
    --dark-bleu:#0e1d74;
    --orange:#e36727;
    --gris:#e8e8e8;
    --light-gris:#eee;
    --border-radius:2rem;
    --transition:all .25s ease-in-out;
}
.fancybox__container {
    --fancybox-bg:#070a69e0;
}
.fancybox__content {
    --fancybox-content-bg:var(--bleu);
    border-radius:var(--border-radius);
    margin:0 10vw;
}
.fancybox__content p {color:white;}

@font-face {font-family:'Canaro';src:url('../font/Canaro-Book.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face {font-family:'Canaro';src:url('../font/Canaro-Medium.woff2') format('woff2');font-weight:600;font-style:normal;}
@font-face {font-family:'Canaro';src:url('../font/Canaro-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;}

body {font-family:'Canaro', sans-serif;font-size:.8rem;color:var(--bleu);}
h1, h2, h3, h4, h5, h6 {font-family:'Canaro', sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:1px;line-height:1.2;}
h1 span, h2 span, h3 span, h4 strong, h5 span, h6 span {display:block;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {display:block;color:var(--orange);}
h1 {color:var(--orange);font-size:1.8rem;letter-spacing:2px;}
h1 span {color:var(--bleu);font-weight:normal;display:block;font-size:90%;letter-spacing:normal;}
h2 {font-size:1.4rem;}
h3 {font-size:1.2rem;}
h3 i {font-weight:normal;text-transform:none;font-size:60%;line-height:1;}
p, ul {color:var(--bleu);line-height:1.2;font-weight:600;}
p strong {text-transform:uppercase;}
a {color:var(--bleu);text-decoration:none;}
a:hover {color:var(--orange);text-decoration:none;}
button, a.button {border-radius:var(--border-radius);background:var(--orange);color:white;text-transform:uppercase;height:fit-content;padding:0 1rem;line-height:2;border:0;cursor:pointer;transition:var(--transition);}
button:hover, a.button:hover {background:var(--bleu);color:white;padding-inline:2rem;}
img {pointer-events:none;}

.fullwidth {max-width:100%;padding-inline:5vw;}
.orange {color:var(--orange);}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, select {border:0;border-radius:var(--border-radius);background:white;color:var(--bleu);box-shadow:none;height:auto;line-height:2;padding-inline:1rem;}
select {line-height:3;background:url('../img/chevron.svg') no-repeat center right;}
[type=file], [type=checkbox], [type=radio] {appearance:none;border-radius:50%;background:white;border:0;aspect-ratio:1/1;width:.8rem;margin:0;}
[type=checkbox]:checked, [type=radio]:checked {background:var(--orange);color:white;}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus, select:focus {background:var(--bleu);outline:0;box-shadow:none;border:0;color:white;}
[type=text]::placeholder, [type=password]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=month]::placeholder, [type=week]::placeholder, [type=email]::placeholder, [type=number]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=color]::placeholder, textarea::placeholder {color:var(--bleu);}
[type=text].wpcf7-not-valid, [type=password].wpcf7-not-valid, [type=date].wpcf7-not-valid, [type=datetime].wpcf7-not-valid, [type=datetime-local].wpcf7-not-valid, [type=month].wpcf7-not-valid, [type=week].wpcf7-not-valid, [type=email].wpcf7-not-valid, [type=number].wpcf7-not-valid, [type=search].wpcf7-not-valid, [type=tel].wpcf7-not-valid, [type=time].wpcf7-not-valid, [type=url].wpcf7-not-valid, [type=color].wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid {background:#f44336;}
.wpcf7-not-valid-tip {display:none;}

header {position:relative;overflow:hidden;}
header > div {position:relative;}
header div.content-header {padding:10vh 0;}
header div.content-header .large-6 {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;}
header div.content-header .large-6 p {padding-left:5vw;max-width:30rem;margin:0;}
header div.content-header .large-6 p strong {text-transform:uppercase;}
header div.content-header .large-6 figure {object-fit:cover;aspect-ratio:1/1;width:50%;margin:0 auto;position:relative;}
header div.content-header .large-6 figure img {object-fit:cover;aspect-ratio:1/1;width:100%;border-radius:50%;margin:0 auto;position:relative;z-index:1;}
header div.content-header .large-6 figure img.background {position:absolute;top:0;left:0;z-index:0;}
header div.content-header .large-6 figure::before {content:'';background:url('../img/bg-courbes.png') no-repeat right;background-size:contain;width:100vw;position:absolute;left:calc(-12% - 1493/2028*50vw);top:calc(63% - 1493/1999*50vw);aspect-ratio:2000/1493;z-index:-1;transform:scale(1.5);}
/*header.in-screen div.content-header .large-6 figure::before {transition:all 5s ease-in-out;transform:scale(1);}*/
header div.content-header .large-6 figure a.play {position:absolute;top:calc(50% - 3.5rem);left:20%;font-size:1.2rem;font-weight:bold;color:white;display:flex;align-items:center;text-transform:uppercase;line-height:1.2;letter-spacing:1px;transition:var(--transition);z-index:2;}
header div.content-header .large-6 figure a.play span {max-width:9rem;transition:var(--transition);}
header div.content-header .large-6 figure a.play::before {content:'';background:url('../img/icon-play.svg') no-repeat;background-size:cover;width:7rem;height:7rem;display:block;margin-right:1rem;transition:var(--transition);}
header div.content-header .large-6 figure a.play:hover span {letter-spacing:3px;max-width:11rem;}
header div.content-header .large-6 figure a.play:hover::before {transform:scale(1.1);}
body.home header div.content-header .large-6 figure a.play {top:70%;left:-20%;background:url('../img/bt-video-homepage.png') no-repeat center center;background-size:contain;width:10rem;aspect-ratio:1/1;display:block;transition:var(--transition);}
body.home header div.content-header .large-6 figure a.play:hover {transform:scale(1.2);}
body.home header div.content-header .large-6 figure a.play::before, body.home header div.content-header .large-6 figure a.play span {display:none;}
body.home header div.content-header .large-6 figure span {border:1px solid white;border-radius:50%;width:50%;display:block;position:absolute;aspect-ratio:1/1;z-index:1;left:calc(50% - 25%);top:calc(50% - 25%);animation:rotation 12s linear infinite;}
body.home header div.content-header .large-6 figure span:nth-child(2) {width:80%;left:10%;top:10%;animation-duration:5s;}
body.home header div.content-header .large-6 figure span:nth-child(3) {width:120%;left:-10%;top:-10%;border-color:var(--bleu);animation-duration:6s;}
body.home header div.content-header .large-6 figure span:nth-child(4) {width:140%;left:-20%;top:-20%;border-color:var(--bleu);animation-duration:7s;}
@keyframes rotation {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
body.home header div.content-header .large-6 figure span::before {content:'';display:block;width:1rem;height:1rem;background:white;position:absolute;border-radius:50%;left:-.5rem;top:calc(50% - .5rem - .5px);}
body.home header div.content-header .large-6 figure span:nth-child(2)::before {background:var(--orange);}
body.home header div.content-header .large-6 figure span:nth-child(3)::after {content:'';display:block;width:1rem;height:1rem;position:absolute;border-radius:50%;right:-.5rem;top:calc(50% - .5rem - .5px);background:var(--orange);}
body.home header div.content-header .large-6 figure span:nth-child(3)::before {background:var(--bleu);}
body.home header div.content-header .large-6 figure span:nth-child(4)::before {background:var(--bleu);}
header .mentions-top p {margin:0;line-height:2;font-weight:600;}
header .mentions-top .large-6:last-of-type {text-align:right;}
header .mentions-top p:first-of-type {text-transform:uppercase;letter-spacing:1px;}
header .logo {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;font-weight:bold;text-transform:uppercase;}
header .logo img {max-width:5rem;}
header .logo p {margin:0;line-height:1.4;letter-spacing:1px;}

header .menu {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem;text-transform:uppercase;font-weight:600;letter-spacing:1px;flex-wrap:wrap;text-align:right;}
header .menu li:nth-child(1) {flex:1 0 calc(100% - 175px - 4rem);position:relative;z-index:1;}
header .menu li:nth-child(1) a {display:block;padding:0 1rem;border-radius:var(--border-radius);background:#aeaeae;color:white;transition:var(--transition);width:fit-content;line-height:2;margin-right:-2.5rem;margin-left:auto;text-transform:none;position:relative;z-index:1;padding-right:2.5rem;}
header .menu li:nth-child(1) a[href="#parcours"] {cursor:not-allowed;}
header .menu li:nth-child(2) {position:relative;z-index:1;}
header .menu li:nth-child(2) a {display:block;padding:0 1rem;border-radius:var(--border-radius);background:var(--orange);color:white;transition:var(--transition);width:fit-content;line-height:2;margin-right:0;margin-left:auto;text-transform:none;position:relative;z-index:1;}
header .menu li:nth-child(2) a[href="#tarifs"] {cursor:not-allowed;}
header .menu li:nth-child(3) a {display:block;padding:0 1rem 0 0;border-radius:var(--border-radius);background:var(--bleu);color:white;transition:var(--transition);width:fit-content;line-height:2;text-transform:none;border-top-left-radius:0;border-bottom-left-radius:0;position:relative;cursor:pointer;}
header .menu li:nth-child(3) a::before {position:absolute;content:'';width:2rem;height:100%;left:-2rem;background:var(--bleu);z-index:0;}
header .menu a {padding:0;margin:0;}
header .menu ul.sub-menu {list-style:none;margin:.5rem 0 0 0;position:absolute;background:var(--bleu);border-radius:calc(var(--border-radius)/2);text-align:left;white-space:nowrap;max-height:0;overflow:hidden;transition:var(--transition);}
header .menu ul.sub-menu :nth-child(1) a {background:none;}
header .menu li.menu-item-has-children:hover ul.sub-menu {max-height:20vh;}

/* Pop'up */
header a.button.cta-popup {position:absolute;top:calc(50% - .9rem);margin:0;z-index:2;left:-2rem;text-transform:none;}
.popup > div.content-popup {display:flex;gap:4rem;padding-inline:5rem;}
.popup > div.content-popup h2 {color:white;}
.popup > div.content-popup h2 br {display:none;}
.popup > div.content-popup h2 strong {color:var(--orange);}
.popup > div.content-popup h2 span {font-size:60%;}
.popup > div.content-popup .img-popup {flex:25% 1 0;margin-top:-5rem;}
.popup > div.content-popup .txt-popup {position:relative;}
.popup > div.content-popup .txt-popup p {text-align:justify;margin-bottom:.5rem;}
.popup > div.content-popup .txt-popup p.empty {padding:0;margin:0;}
.popup > div.content-popup .txt-popup ul {color:white;margin-left:2rem;}
.popup > div.content-popup a.button:hover {background:white;color:var(--orange);}
.popup > div.content-popup a.button:focus-visible {outline:none;background:var(--orange);color:white;}

#popup-personnel > div.content-popup h2 {color:var(--orange);margin-bottom:0;}
#popup-personnel > div.content-popup h2 + p {text-transform:uppercase;font-size:1.4rem;}
#popup-personnel > div.content-popup .img-popup {margin-top:0;}
#popup-personnel > div.content-popup .img-popup img {position:absolute;left:0;top:0;border-top-left-radius:2rem;width:auto;height:100%;mix-blend-mode:soft-light;opacity:.5;filter:grayscale(1);}
#popup-personnel > div.content-popup .img-popup::after {content:'';position:absolute;top:0;left:0;width:auto;height:100%;background:linear-gradient(90deg, rgba(48,62,145,0) 0%, rgba(48,62,145,1) 100%);aspect-ratio:250/183;}

.fancybox__content>.f-button.is-close-btn {background:var(--orange);border-radius:50%;top:1rem;right:1rem;--f-button-svg-stroke-width:5px;--f-button-svg-width:1rem;--f-button-svg-height:1rem;border:0;}
.f-button:focus-visible {box-shadow:none;}
.fancybox__content>.f-button.is-close-btn:hover {padding:0;color:white;}


footer {background:var(--bleu);color:white;padding:1rem 5vw;overflow:hidden;}
footer .logo {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;font-weight:bold;text-transform:uppercase;}
footer .logo img {max-width:5rem;filter:brightness(10);}
footer .logo p {margin:0;line-height:1.4;letter-spacing:1px;color:white;}
footer form {display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;}
footer form span.wpcf7-form-control-wrap[data-name="email"] {display:flex;align-items:center;justify-content:center;margin-bottom:0;}
footer form [type="email"], footer form [type="text"] {line-height:1;border:0;margin-bottom:.5rem;}
footer form [type="email"]::placeholder, footer form [type="text"]::placeholder {color:var(--bleu);font-size:.8rem;}
footer form [type="email"]:focus::placeholder, footer form [type="text"]:focus::placeholder {color:var(--gris);}
footer form [type="submit"] {border-radius:2rem;position:absolute;top:2.72rem;right:0;height:35.5px;}
footer form .wpcf7-spinner {position:absolute;}
footer .wpcf7 form .wpcf7-response-output {margin:0 0 .5rem 0;border-radius:var(--border-radius);text-align:center;}
footer ul {display:flex;align-items:center;justify-content:flex-end;gap:.5rem;color:white;margin:0;}
footer ul li {list-style:none;text-transform:uppercase;font-size:.6rem;}
footer ul li a:not(.button) {color:white;}
footer ul li a.button {margin:0;}
footer .temoignages {display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding-top:1rem;}
footer .temoignages p, footer .temoignages .button {margin:0;}
footer p {margin-bottom:.5rem;color:white;font-weight:normal;}
footer p strong {color:var(--orange);text-transform:uppercase;}
footer a.button:hover {background:white;color:var(--bleu);}
footer img[alt="logo Qualiopi"] {max-width:10rem;margin:0;}

section#prefooter .wpcf7 form .wpcf7-response-output {margin-top:1rem;border:2px solid #00a0d2;width:100%;border-radius:var(--border-radius);}
section#prefooter .wpcf7 form.invalid .wpcf7-response-output {border-color:var(--orange);}
section#prefooter .wpcf7 form .wpcf7-spinner {border-radius:var(--border-radius);background:white;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
section#prefooter .wpcf7 form .wpcf7-spinner::before {background-color:var(--orange);top:calc(50% - 4px);left:calc(50% - 4px);width:1rem;height:1rem;transform-origin:0 0;}

section {padding:5vh 5vw;text-align:center;position:relative;}
section:not(.contenu)::before {content:'';background:url('../img/bg-courbes.png') no-repeat center center;position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;width:100%;height:100%;opacity:.5;}
header::after, section:not(.contenu, .bleu)::after {content:'';background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);position:absolute;bottom:0;left:0;right:0;bottom:0;background-size:contain;width:100%;height:45%;}
header::after {z-index:-1;}
section > div {position:relative;z-index:1;}
section.bleu {background:var(--bleu);color:white;}
section.bleu::before {mix-blend-mode:color-burn;transition:all 5s ease-in-out;background-size:200%;}
section.bleu.in-screen::before {background-size:100%;}
section.bleu p {color:white;}
section.bleu a.button:hover, section.bleu button:hover {background:white;color:var(--orange);}

section#nos-formations .large-4 img {border-radius:50%;max-width:50%;margin:1rem auto;}
section#nos-formations img[alt="logo Qualiopi"] {max-width:15rem;margin:1rem auto;}

section#je-me-forme {overflow:hidden;}
section#je-me-forme::before {top:-7vh;transition:all 5s ease-in-out;background-size:100%;}
section#je-me-forme.in-screen::before {background-size:50%;}
section#je-me-forme .grid-x {display:flex;flex-direction:row;align-items:center;justify-content:center;}
section#je-me-forme .txt-left {padding-right:2rem;}
section#je-me-forme .txt-right {padding-left:2rem;}
section#je-me-forme .txt-left h3, section#je-me-forme .txt-left p {text-align:right;}
section#je-me-forme .txt-right h3, section#je-me-forme .txt-right p {text-align:left;}
section#je-me-forme h3 strong {display:inline-block;}
section#je-me-forme p {max-width:45vw;margin-inline:auto;letter-spacing:1px;}
section#je-me-forme p.titre-personnel {margin-top:3rem;color:var(--orange);}
section#je-me-forme figure {background:var(--bleu);border-radius:50%;aspect-ratio:1/1;display:block;width:100%;height:auto;padding:2rem;margin-bottom:3rem;margin-top:2rem;position:relative;}
section#je-me-forme figure span {border:1px solid white;border-radius:50%;display:block;position:absolute;aspect-ratio:1/1;z-index:1;width:90%;left:5%;top:5%;animation:rotation 5s linear infinite;}
section#je-me-forme figure span:nth-child(2) {width:114%;left:-7%;top:-7%;border-color:var(--bleu);animation-duration:6s;}
section#je-me-forme figure span:nth-child(3) {width:130%;left:-15%;top:-15%;border-color:var(--bleu);animation-duration:7s;}
section#je-me-forme figure span::before {content:'';display:block;width:.8rem;height:.8rem;background:white;position:absolute;border-radius:50%;left:-.5rem;top:calc(50% - .5rem - .5px);}
section#je-me-forme figure span:nth-child(2)::after {content:'';display:block;width:.8rem;height:.8rem;position:absolute;border-radius:50%;right:-.5rem;top:calc(50% - .5rem - .5px);background:var(--orange);}
section#je-me-forme figure span:nth-child(2)::before {background:var(--bleu);}
section#je-me-forme figure span:nth-child(3)::before {background:var(--bleu);}

section#prefooter {padding:0;}
section#prefooter::before {display:none;}
section#prefooter .fullwidth {background:var(--gris);margin-top:12vh;}
section#prefooter .fullwidth::before {content:'';background:url('../img/bg-demi-courbes.png') no-repeat center center;position:absolute;top:0;left:-.25%;right:0;bottom:0;background-size:200%;width:100%;height:100%;z-index:0;opacity:.23;transition:all 5s ease-in-out;}
section#prefooter.in-screen .fullwidth::before {background-size:100%;}
section#prefooter .fullwidth > div {position:relative;z-index:1;}
section#prefooter .figures {display:flex;flex-direction:row;align-items:center;justify-content:space-around;position:relative;transform:translateY(-50%);}
section#prefooter figure {background:var(--bleu);border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:10rem;transition:var(--transition);}
section#prefooter figure:hover {transform:scale(1.25);}
section#prefooter figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:overlay;z-index:0;opacity:.5;}
section#prefooter figure figcaption {position:relative;color:white;text-transform:uppercase;padding-inline:1rem;line-height:1.2;font-weight:600;}
section#prefooter figure figcaption strong {color:var(--orange);display:block;font-size:1.1rem;letter-spacing:1px;}
section#prefooter figure img.img-left, section#prefooter figure img.img-right {width:50%;}
section#prefooter figure img.img-right {left:50%;}
section#prefooter h3, section#prefooter p {font-weight:600;max-width:40rem;margin-inline:auto;}
section#prefooter strong[itemprop="telephone"] {font-size:1.3rem;}
section#prefooter form {display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:5vh 5vw;position:relative;}
section#prefooter form ::placeholder {color:transparent;}
section#prefooter form .coordonnees {flex:1 0 calc(100%/3*2);display:flex;flex-wrap:wrap;gap:.5rem}
section#prefooter form .coordonnees > div {gap:.5rem;display:flex;}
section#prefooter form .coordonnees + div {flex:1 0 calc(100%/3);}
section#prefooter form .fullwidth {margin:0;}
section#prefooter form .fullwidth::before {display:none;}
form label {position:relative;color:#fff;}
form .wpcf7-list-item {margin:0;}
form input + i, form textarea + i, form select + i {display:block;font-size:.9rem;color:var(--bleu);margin-top:.5rem;position:absolute;top:.2rem;left:0;font-style:normal;border-radius:2rem;background:none;line-height:2;padding-inline:1rem;transition:all .25s ease-in-out;}
form input.wpcf7-not-valid + i, form textarea.wpcf7-not-valid + i {color:white;}
textarea[rows] {resize:none;height:12rem;line-height:1.2;padding-top:1rem;margin-left:.5rem;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]):focus + i, .wpcf7 textarea:focus + i, .wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]):not(:placeholder-shown) + i, .wpcf7 textarea:not(:placeholder-shown) + i, form select + i {background:var(--bleu);top:-1.2rem;left:0;color:white;font-size:.7rem;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]).wpcf7-not-valid:focus + i, .wpcf7 textarea.wpcf7-not-valid:focus + i {background:#f44336;}

form [type="submit"] {border-radius:var(--border-radius);background:var(--orange);color:white;text-transform:uppercase;height:fit-content;padding:0 1rem;line-height:2;border:0;cursor:pointer;transition:var(--transition);display:block;width:fit-content;margin-inline:auto;}
form [type="submit"]:hover, form [type="submit"]:focus {background:var(--bleu);color:white;padding-inline:2rem;}
form .wpcf7-acceptance label {color:var(--bleu);font-size:.8rem;}
.wpcf7 input[type="file"] {cursor:pointer;width:100%;aspect-ratio:auto;border-radius:var(--border-radius);line-height:3;margin-bottom:1rem;}
.wpcf7 input[type="file"] + i {background:var(--bleu);top:-1.2rem;left:0;color:white;font-size:.7rem;}
.wpcf7-form-control-wrap {width:100%;display:block;}

.rs {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;}
.rs a {display:flex;align-items:center;justify-content:center;width:2rem;aspect-ratio:1/1;border-radius:50%;background:var(--orange);color:var(--gris);text-align:center;font-size:1.1rem;transition:var(--transition);}
.rs a:hover {background:var(--bleu);color:white;}

body:not(.home) header h2 {padding-left:5vw;}
body:not(.home) header h2 span {display:inline-block;}
body:not(.home) header div.content-header {padding:10vh 0 5vh 0;}
body:not(.home) header div.content-header .large-6 {gap:1rem;}
body:not(.home) header div.content-header .large-6 figure {margin:0 -5vw 0 auto;width:100%;aspect-ratio:auto;background:var(--bleu);border-radius:25rem;border-top-right-radius:0;border-bottom-right-radius:0;}
body:not(.home) header div.content-header .large-6 figure::before {width:200%;aspect-ratio:2000/1493;z-index:-1;top:-67%;left:-72%;}
body:not(.home) header div.content-header .large-6 figure img {aspect-ratio:2000/1174;width:100%;border-radius:25rem;border-top-right-radius:0;border-bottom-right-radius:0;mix-blend-mode:soft-light;opacity:.5;filter:grayscale(1);}

/* EDNS */
body.page-template-page-edns h1 {display:flex;flex-direction:column-reverse;}
body.page-template-page-edns .contenu {text-align:left;}
body.page-template-page-edns .contenu h2 {color:var(--orange);}
body.page-template-page-edns:not(.page-id-27) .contenu h2 + p {text-transform:uppercase;font-size:140%;}
body.page-template-page-edns .contenu a.button {margin-inline:auto;display:block;width:fit-content;}
body.page-template-page-edns header h2 {color:var(--orange);}
body.page-template-page-edns header div.content-header .large-6 p {text-align:justify;max-width:35rem;}
body.page-template-page-edns header div.content-header .large-6 ul {margin-left:10rem;text-align:justify;}
body.page-template-page-edns .contenu.bleu h2 {text-align:center;}
body.page-template-page-edns .contenu.bleu h2, body.page-template-page-edns .contenu.bleu p, body.page-template-page-edns .contenu.bleu ul {color:white;}
body.page-template-page-edns .contenu.bleu ul {max-width:50vw;margin:2rem auto;}

/* Autres prestations */
body.page-template-page-edns.page-id-27 section#prefooter .grid-container:nth-child(1), body.page-template-page-edns.page-id-27 section#prefooter .figures {display:none;}
body.page-template-page-edns.page-id-27 section#prefooter .fullwidth {margin-top:0;}
body.page-template-page-edns.page-id-27 section#prefooter .fullwidth > div {padding-top:5vh;}

.contenu ul {margin-left:4rem;margin-bottom:2rem;}
.contenu ul li {margin-bottom:.5rem;}
.contenu ul ul {margin-top:.5rem;}

/* Se former */
body.page-template-page-se-former .formations {margin:2rem 0;}
body.page-template-page-se-former .formations h3 {color:var(--orange);margin-bottom:0;}
body.page-template-page-se-former .formations h3 + p {text-transform:uppercase;}
body.page-template-page-se-former .formations article {border-radius:var(--border-radius);background:var(--bleu);color:white;padding:.5rem 0;margin-bottom:.5rem;}
body.page-template-page-se-former .formations article a {color:white;}
body.page-template-page-se-former .formations article a.button:hover {background:white;color:var(--bleu);}
body.page-template-page-se-former .formations article h4 {color:var(--orange);line-height:1;font-size:1.2rem;text-align:left;margin:0;}
body.page-template-page-se-former .formations article h4 span {display:block;color:white;}
body.page-template-page-se-former .formations article h5 {text-align:left;color:var(--orange);margin-bottom:1rem;}
body.page-template-page-se-former .formations article h5::after {content:'';width:100%;height:2px;background:white;display:block;}
body.page-template-page-se-former .formations article p, body.page-template-page-se-former .formations article ul {color:white;text-align:left;}
body.page-template-page-se-former .formations article .entete {display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-inline:3rem .8rem;}
body.page-template-page-se-former .formations article .entete h4 + p {margin:0;line-height:2.4rem;text-transform:uppercase;display:flex;align-items:center;}
body.page-template-page-se-former .formations article .entete h4 + p::after {display:flex;background:var(--orange);border-radius:50%;content:'+';height:2rem;width:2rem;text-align:center;margin-left:.5rem;font-size:2rem;align-items:center;justify-content:center;padding:0;}
body.page-template-page-se-former .formations article.not-available label {cursor:not-allowed;}
body.page-template-page-se-former .formations article.not-available .entete h4 + p::after {opacity:0;}
body.page-template-page-se-former .formations article .grid-container {overflow:hidden;max-height:0;transition:var(--transition);position:relative;}
body.page-template-page-se-former .formations article .grid-container > .thumbnail {display:block;width:50%;height:auto;aspect-ratio:1/1;background:var(--bleu);box-shadow:none;position:absolute;top:0;left:0;border:0;}
body.page-template-page-se-former .formations article .grid-container .thumbnail img {mix-blend-mode:soft-light;filter:grayscale(1);width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse 150% 100% at 30% 50%, black 30%, transparent 50%);}
body.page-template-page-se-former .formations article .grid-container .large-5 {min-height:40vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
body.page-template-page-se-former .formations article [type="checkbox"] {display:none;}
body.page-template-page-se-former .formations article [type="checkbox"]:checked + .grid-container {max-height:100vh;border-radius:var(--border-radius);padding-top:2rem;}

body.page-template-page-se-former .formations article .formation-animation {align-items:center;}
body.page-template-page-se-former .formations article .grid-x {margin-bottom:1rem;padding-inline:5vw;z-index:1;position:relative;}

/* Single Formation */
body.single-formation header div.content-header .large-6 p {max-width:35rem;}
body.single-formation .contenu {text-align:left;}
body.single-formation .contenu h2 {color:var(--orange);margin-bottom:1rem;}
body.single-formation .contenu h2::after {content:'';width:100%;height:2px;background:var(--orange);display:block;}
body.single-formation .contenu h2 span {display:inline-block;font-size:60%;color:var(--bleu);}
body.single-formation .contenu img {max-width:10rem;}
body.single-formation .contenu article {margin:1rem 0;}
body.single-formation .contenu article.animation {display:flex;}
body.single-formation .contenu details, .popup details {border-radius:var(--border-radius);background:var(--bleu);color:white;padding:1rem;margin-bottom:1rem;}
body.single-formation .contenu details * {color:white;}
thead, tbody, tfoot {background:none;}
body.single-formation .contenu details div {padding-inline:2rem;}
body.single-formation .contenu details summary, .popup details summary {font-family:'Canaro', sans-serif;font-weight:bold;font-size:1rem;transition:var(--transition);cursor:pointer;}
body.single-formation .contenu details summary::marker, .popup details summary::marker {color:var(--orange);}
body.single-formation .contenu details:hover summary, .popup details:hover summary {color:var(--orange);padding-left:2rem;}
body.single-formation .contenu details[open] summary, .popup details[open] summary {margin-bottom:2rem;color:var(--orange);}
body.single-formation .contenu .tarifs {display:block;}
body.single-formation .contenu .tarifs .tarif div {display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;flex-wrap:wrap;}
body.single-formation .contenu .tarifs .tarif div div, .popup .tarif div div {flex:1 0 50%;background:var(--bleu);border-radius:calc(var(--border-radius)/2);}
body.single-formation .contenu .tarifs .tarif div h3, body.single-formation .contenu .tarifs .tarif div h4, .popup .tarif div h3, .popup .tarif div h4 {flex:1 0 100%;font-size:1rem;}
body.single-formation .contenu .tarifs .tarif div h4, .popup .tarif div h4 {font-size:.8rem;}
body.single-formation .contenu .tarifs .tarif div h4 em, .popup .tarif div h4 em {font-weight:normal;text-transform:none;}
body.single-formation .contenu .tarifs .tarif p.prix, .popup .tarif p.prix {font-size:1.2rem;font-weight:bold;line-height:1;}
body.single-formation .contenu .tarifs .tarif p.prix em, .popup .tarif p.prix em {font-size:60%;font-weight:normal;}
body.single-formation .contenu .tarifs .tarif div p, .popup .tarif div p {flex:1 0 50%;margin-bottom:.5rem;}
body.single-formation .contenu .tarifs .tarif div.tarifs-entreprise, .popup .tarif div.tarifs-entreprise {background:var(--dark-bleu);border-radius:calc(var(--border-radius)/2);}
body.single-formation .contenu .tarifs .tarif div strong, .popup .tarif div strong {font-size:1.2rem;}
body.single-formation .contenu .tarifs .tarif div.tarifs-entreprise strong, body.single-formation .contenu .tarifs .tarif p.tarifs-entreprise strong, .popup .tarif div.tarifs-entreprise strong, .popup .tarif p.tarifs-entreprise strong {font-size:1rem;font-style:italic;}
body.single-formation .contenu .tarifs .tarif div p:nth-of-type(odd), .popup .tarif div p:nth-of-type(odd) {font-size:1rem;}
body.single-formation .contenu .tarifs .tarif div p:nth-of-type(even), .popup .tarif div p:nth-of-type(even) {text-align:right;}

body.page-template-page-temoignages section .list-temoignages {display:flex;flex-wrap:wrap;gap:1rem;}
body.page-template-page-temoignages section:not(.contenu)::before {display:none;}
body.page-template-page-temoignages section .list-temoignages article {flex:1 0 calc(100%/3 - 1rem);padding:2rem 1rem;background:var(--light-gris);border-radius:var(--border-radius);}
body.page-template-page-temoignages section .list-temoignages article img {mix-blend-mode:multiply;}

.popup details {background:white;}
.popup details * {color:var(--bleu);}
.popup details div {padding:.5rem 1rem;}
.popup .tarif div:nth-of-type(even):not(.tarifs-entreprise) {background:white;padding-top:.5rem;padding-bottom:.5rem;}
.popup .tarif div div:nth-of-type(even) {background:var(--bleu);padding-top:.5rem;padding-bottom:.5rem;}
.popup .tarif div:nth-of-type(even) h3 {color:var(--bleu);}
.popup .tarif div.tarifs-entreprise * {color:white;}
.popup .tarif div div:nth-child(even) {flex:1 0 50%;background:white;border-radius:calc(var(--border-radius)/2);color:var(--bleu);}
.popup .tarif div div:nth-child(even) * {color:var(--bleu);}
.popup .tarif div div * {color:white;}
.popup table {color:white;}
.popup tbody tr:nth-child(even) {background:var(--dark-bleu);}

.popup .tribe-events-view {background-color:white;border-radius:var(--border-radius);}
.popup .tribe-events .tribe-events-l-container {min-height:fit-content;padding-bottom:1rem;padding-top:1rem;}
.popup section[data-js="tribe-events-calendar-month-mobile-events"]::before, .popup section[data-js="tribe-events-calendar-month-mobile-events"]::after {display:none;}
.popup > div.content-popup .txt-popup ul.tribe-events-c-nav__list {margin:0;}
.popup .tribe-events .tribe-events-calendar-month__day-cell--mobile {justify-content:center;}
.popup .tribe-events .tribe-events-calendar-month__day-cell--selected {background:var(--orange);}
.popup .tribe-events .tribe-events-c-events-bar__views {display:none;}
.popup .tribe-events-view.alignwide {width:25rem;max-width:100%;}

.tribe-events {
    --tec-color-button-primary: var(--bleu);
    --tec-color-accent-primary:var(--bleu);
    --tec-border-radius-default: var(--border-radius);
    --tec-font-family-sans-serif: 'Canaro', sans-serif;
    --tec-font-size-0: 11px;
    --tec-font-size-1: 12px;
    --tec-font-size-2: 14px;
    --tec-font-size-3: 16px;
    --tec-font-size-4: 18px;
    --tec-font-size-5: 20px;
    --tec-font-size-6: 1.2rem;
    --tec-font-size-7: 24px;
    --tec-font-size-8: 28px;
    --tec-font-size-9: 32px;
    --tec-font-size-10: 42px;
}
.tribe-events .tribe-events-calendar-month__day--current, .tribe-events .tribe-events-calendar-month__day-cell--selected {--tec-color-day-marker-month:white;}
.popup > div.content-popup .txt-popup .tribe-events ul {color:var(--bleu);margin-left:0;}

/* Default page */
body.page-template-default header {min-height:auto;}
body.page-template-default section:not(.contenu)::before {display:none;}
.tribe-events .tribe-events-header {overflow:initial;}
.popup .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {background-color:var(--orange);border-radius:1rem;height:5px;width:80%;}

/* ANIMATIONS */
@keyframes opacityLoading {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes translateX {
    0% {transform:translateX(50vw);width:0;}
    100% {transform:translateX(0);width:50vw;}
}
@keyframes translateXreverse {
    0% {transform:translateX(0);width:50vw;}
    100% {transform:translateX(50vw);width:0;}
}
@keyframes counter {
    from {--num:0;}
    to {--num:950;}
}
@keyframes slideFromRight {
    0% {transform:translateX(150%);}
    100% {transform:translateX(0);}
}
@keyframes rightToLeft {
    0% {transform:translateX(200px);opacity:0;}
    100% {transform:translateX(0px);opacity:1;}
}
@keyframes leftToRight {
    0% {transform:translateX(-200px);opacity:0;}
    100% {transform:translateX(0px);opacity:1;}
}
@keyframes bottomToTop {
    0% {transform:translateY(200px);opacity:0;}
    100% {transform:translateY(0px);opacity:1;}
}
.not-in-screen {opacity:0;}
.right-to-left {animation:rightToLeft 1s ease-in-out forwards;}
.left-to-right {animation:leftToRight 1s ease-in-out forwards;}
.bottom-to-top {animation:bottomToTop 1s ease-in-out forwards;}
/* END ANIMATIONS */

/* FORMS */
[type="file"], [type="checkbox"], [type="radio"], [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {border:1px solid var(--bleu);}

form p.flex > span {display:flex;align-items:center;justify-content:center;}
form p.flex > span > span {flex:1 0 50%;}
form p.flex > span > span {text-align:right;padding-right:1rem;}
form p.flex > span > span:nth-of-type(2) {text-align:left;padding-left:1rem;}
form p.flex > span > span [type="radio"], form p.flex > span > span [type="checkbox"] {vertical-align:middle;width:1rem;}
section:not(#prefooter) form ::placeholder {color:transparent;}

form p.flex span.wpcf7-not-valid [type="radio"] {border-color:var(--orange);}
form p.flex span.wpcf7-not-valid [type="radio"] + span.wpcf7-list-item-label {color:var(--orange);}

section#prefooter [type="file"], section#prefooter [type="checkbox"], section#prefooter [type="radio"], section#prefooter [type="text"], section#prefooter [type="password"], section#prefooter [type="date"], section#prefooter [type="datetime"], section#prefooter [type="datetime-local"], section#prefooter [type="month"], section#prefooter [type="week"], section#prefooter [type="email"], section#prefooter [type="number"], section#prefooter [type="search"], section#prefooter [type="tel"], section#prefooter [type="time"], section#prefooter [type="url"], section#prefooter [type="color"], section#prefooter textarea, section#prefooter select {border:0;}

section:not(.prefooter) form h2 {color:var(--orange);}
section:not(.prefooter) form label {color:var(--bleu);}

/* RESPONSIVE */
video {border-radius:2rem;}
@media screen and (max-width:860px) {
    h1, h2, h3, h4, h5, h6 {letter-spacing:1px;}
    h1 {font-size:1.4rem;width:100%;}
    h2 {font-size:1.2rem;}
    header {min-height:60vh;}
    .tribe-events header.tribe-events-header, .tribe-common header {min-height:fit-content;}
    body.home header div.content-header .large-6 figure a.play {width:7rem;}
    body.page-template-page-edns header div.content-header .large-6 ul {margin-left:3rem;}
    body:not(.home) header div.content-header {padding:5vh 0;flex-direction:column-reverse;}
    body:not(.home) header div.content-header .large-6 {width:100%;}
    body:not(.home) header div.content-header .large-6 figure {margin-bottom:5vh;}
    body.page-template-page-edns header div.content-header .large-6 p {max-width:none;}
    body.page-template-page-edns .contenu.bleu ul {max-width:70vw;}
    section#prefooter .figures {gap:1rem;}
    .temoignages .button {font-size:.8rem;white-space:nowrap;}
    body.page-template-page-se-former .formations article .entete {align-items:center;padding:.5rem .8rem .5rem 1rem;}
    body.page-template-page-se-former .formations article .entete h4 + p {line-height:1.2;font-size:.8rem;}
    body.page-template-page-se-former .formations article .entete h4 + p::after {min-width:2rem;}
    .popup > div.content-popup {gap:1rem;padding-inline:0;flex-direction:column;}
    .popup > div.content-popup h2 {text-align:center;}
    .popup > div.content-popup a.button {margin-inline:auto;display:block;width:fit-content;}
    .popup > div.content-popup .img-popup {margin-top:0;}
    .popup > div.content-popup .img-popup img {max-width:20rem;margin-inline:auto;}
    #popup-personnel > div.content-popup .img-popup img {object-fit:cover;object-position:left;border-radius:2rem;}
    #popup-personnel > div.content-popup h2 + p {text-align:center;font-size:1rem;}
    body.page-template-page-temoignages section .list-temoignages article {flex:1 0 calc(100%/2 - 1rem);}
}
@media screen and (max-width:640px) {
    header .mentions-top p {text-align:center;line-height:1.2;padding-top:.5rem;font-size:.5rem;}
    header .logo {justify-content:center;margin-bottom:2rem;}
    header .menu {justify-content:center;}
    header .menu li:nth-child(1), header .menu li:nth-child(2) {flex:0;}
    header .menu li:nth-child(1) a, header .menu li:nth-child(2) a {text-align:center;}
    header div.content-header .large-6 figure::before, section:not(.contenu)::before {content:none;}
    header div.content-header .large-6 figure {margin:5vh auto 0 auto;}
    header div.content-header h1 {text-align:center;}
    header div.content-header h1 span {font-size:60%;}
    header div.content-header a.button {margin-inline:auto;display:block;width:fit-content;}
    header div.content-header .large-6 p {padding-inline:0;text-align:justify;width:100%;}
    body.home header div.content-header .large-6 figure a.play {width:6rem;}
    section.bleu::before {background-size:cover;}
    section#je-me-forme figure {width:50%;margin-inline:auto;}
    section#je-me-forme p {max-width:100%;text-align:center;}
    section#je-me-forme .txt-left, section#je-me-forme .txt-right {padding-inline:0;}
    section#je-me-forme .txt-left h3, section#je-me-forme .txt-left p, section#je-me-forme .txt-right h3, section#je-me-forme .txt-right p {text-align:center;}
    section#prefooter .figures {gap:1rem;flex-wrap:wrap;transform:translateY(-25%);}
    section#prefooter form .coordonnees {flex:1 0 100%;}
    section#prefooter form .coordonnees > div {flex-direction:column;}
    textarea[rows] {margin-left:0;}
    footer .logo {justify-content:center;}
    footer .logo p {text-align:left;}
    footer p {text-align:center;}
    footer .temoignages {justify-content:center;margin-bottom:1rem;flex-direction:column;}
    footer ul {flex-direction:column-reverse;justify-content:center;}
    body.page-template-page-edns header div.content-header .large-6 ul {margin-left:1rem;}
    body:not(.home) header div.content-header .large-6 figure {margin-bottom:5vh;}
    body.page-template-page-edns .contenu.bleu ul {max-width:75vw;}
    body.page-template-page-se-former .formations article h4 {font-size:.9rem;}
    body.page-template-page-se-former .formations article [type="checkbox"]:checked + .grid-container {max-height:fit-content;}
    body.page-template-page-se-former .formations article .grid-container .large-5 {min-height:5vh;}
    body.page-template-page-se-former .formations article .grid-container > .thumbnail {width:100%;opacity:.5;}
    body.page-template-page-se-former .formations article .formation-animation img {margin-bottom:1rem;}
    body.single-formation header div.content-header .large-6 p.buttons {text-align:center;}
    body.single-formation .contenu article.animation {flex-direction:column;}
    body.single-formation .contenu img {margin-bottom:1rem;}
    body.page-template-page-temoignages section .list-temoignages {display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem;}
    body.page-template-page-temoignages section .list-temoignages article {flex:1 0 calc(100%);}
    .contenu ul {margin-left:1rem;}
    .fancybox__content {margin-inline:5vw;overflow-x:hidden;overflow-y:auto;}
}