/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*COLORS ROOT*/
:root {
	--light: #DFDFDB;
	--gold: #C68A34;
	--sauge: #868D7B;
	--dark: #262626;
	--grid: 5vw;
	--row: 110px;
	--radius: 20px;
	--transition: .3s;
}
.white {
    background: white;
}
.light {
    background: var(--light);
}
.sauge {
	background: var(--sauge);
}
.dark {
    background: var(--dark);
}
.dark * {
    color: white;
}


/*Animation : Fade in*/
@-webkit-keyframes fadein {
    100% {
 opacity:1;
}
}
@keyframes fadein {
    100% {
 opacity:1;
}
}
/*Animation : Fade out*/
@-webkit-keyframes fadeout {
    100% {
 opacity:0;
}
}
@keyframes fadeout {
    100% {
 opacity:0;
}
}
.fader {
	opacity: 0;
	transform: translate3d(0, 50px, 0) scale(1);
	will-change: transform, opacity;
}
.fader.in-view {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition:
		transform 1s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.7s ease;
}


/*FONTS*/
html *, .mobmenu-content *, h6, body:not(.home) .top-banner h1 {
    font-family: "Manrope", sans-serif!important;
}
h1, h2, h2 em, h3, h4, h4 a, h4 strong, h5 a, h5, a.button, input.button, body .mobmenu-right-panel li.button a, span.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper .gform_footer input.button, .single-post .site-main .post-navigation > div a{
    font-family: 'ClashDisplay'!important;
}
h1 em, h2 em {
	font-style:italic;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro"!important;
}
.fa-sharp {
    font-family: "Font Awesome 6 Sharp"!important;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"!important;
}
.dashicons, .dashicons-before:before {
    font-family: dashicons !important;
}


/*AVERTISSEMENT*/
.avertissement {
    z-index: 99999;
    position: relative;
}
.avertissement-inner {
    background: #e01f4a;
    color: white;
    text-transform: uppercase;
    position: fixed !important;
    z-index: 9;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.marquee--inner, .marquee, .orb {
    height: 40px;
}
.marquee--inner {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 200s linear infinite;
	display:flex;
}
.marquee {
    border: 0;
    width: 100vw;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0;
}
.orb {
    width: auto;
    background: transparent !important;
    border-radius: 0;
    display: inline-flex;
    margin: 0;
    transition: all .2s ease-out;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}
.orb i {
	padding: 0 20px;
	-webkit-animation: ring 3s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 6px;
	-moz-animation: ring 3s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 6px;
	animation: ring 3s .7s ease-in-out infinite;
	transform-origin: 50% 6px;
}
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(-20deg); }
  1% { -webkit-transform: rotateZ(18deg); }
  4% { -webkit-transform: rotateZ(-16deg); }
  8% { -webkit-transform: rotateZ(14deg); }
  12% { -webkit-transform: rotateZ(-12deg); }
  16% { -webkit-transform: rotateZ(10deg); }
  20% { -webkit-transform: rotateZ(-8deg); }
  24% { -webkit-transform: rotateZ(6deg); }
  28% { -webkit-transform: rotateZ(-4deg); }
  32% { -webkit-transform: rotateZ(2deg); }
  36% { -webkit-transform: rotateZ(-1deg); }
  40% { -webkit-transform: rotateZ(1deg); }
  45% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
  0% { -moz-transform: rotateZ(-20deg); }
  1% { -moz-transform: rotateZ(18deg); }
  4% { -moz-transform: rotateZ(-16deg); }
  8% { -moz-transform: rotateZ(14deg); }
  12% { -moz-transform: rotateZ(-12deg); }
  16% { -moz-transform: rotateZ(10deg); }
  20% { -moz-transform: rotateZ(-8deg); }
  24% { -moz-transform: rotateZ(6deg); }
  28% { -moz-transform: rotateZ(-4deg); }
  32% { -moz-transform: rotateZ(2deg); }
  36% { -moz-transform: rotateZ(-1deg); }
  40% { -moz-transform: rotateZ(1deg); }
  45% { -moz-transform: rotateZ(0); }
  100% { -moz-transform: rotateZ(0); }
}
@keyframes ring {
  0% { transform: rotateZ(-20deg); }
  1% { transform: rotateZ(18deg); }
  4% { transform: rotateZ(-16deg); }
  8% { transform: rotateZ(14deg); }
  12% { transform: rotateZ(-12deg); }
  16% { transform: rotateZ(10deg); }
  20% { transform: rotateZ(-8deg); }
  24% { transform: rotateZ(6deg); }
  28% { transform: rotateZ(-4deg); }
  32% { transform: rotateZ(2deg); }
  36% { transform: rotateZ(-1deg); }
  40% { transform: rotateZ(1deg); }
  45% { transform: rotateZ(0); }
  100% { transform: rotateZ(0); }
}
body.avertissement-active header .inside-header, body.avertissement-active header .header-overlay, body.scrolled.avertissement-active .mob-menu-header-holder {
    top: 40px;
}
body.avertissement-active.hidden header .inside-header, body.avertissement-active.hidden header .header-overlay, body.scrolled.avertissement-active.hidden .mob-menu-header-holder {
    top: 0;
}
.home.avertissement-active .header-overlay, .home.page-template-default.avertissement-active .top-banner {
    height: calc(100vh - 40px);
}


/*LOADER/SPLASH/TIMEOUT*/
.splash {
  position: fixed;
  inset: 0;
  z-index: 99999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark);
  opacity: 1;
  pointer-events: initial;
  transition: opacity 1s ease;
}
.splash.timeout {
  opacity: 0;
  pointer-events: none;
}
body:not(.home) .splash .splash-anim {
  display: none;
}
.splash-anim.qmda-logo {
    position: relative;
    width: 250px;
    height: 250px;
}
.qmda-letters,
.studio {
  position: relative;
}
.qmda-logo img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: opacity, transform;
  animation-fill-mode: forwards;
}
@keyframes qmdaIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.qmda-letters span {
  opacity: 0;
  will-change: transform, opacity;
}
.qmda-letters .q {
  animation: qmdaIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0s forwards;
}
.qmda-letters .m {
  animation: qmdaIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
}
.qmda-letters .d {
  animation: qmdaIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.qmda-letters .a {
  animation: qmdaIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards;
}
@keyframes studioIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.studio img {
  opacity: 0;
  will-change: transform, opacity;
  animation: studioIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.studio img:nth-child(1) { animation-delay: 0.2s; }
.studio img:nth-child(2) { animation-delay: 0.3s; }
.studio img:nth-child(3) { animation-delay: 0.4s; }
.studio img:nth-child(4) { animation-delay: 0.5s; }
.studio img:nth-child(5) { animation-delay: 0.6s; }
.studio img:nth-child(6) { animation-delay: 0.7s; }


/*HEADER SCROLL DOWN/UP*/
.scrolled #masthead .inside-header, body .mob-menu-header-holder {
    top: -131px;
}
.scrolled .mob-menu-header-holder {
    top: 0;
}
#masthead .inside-header, body .mob-menu-header-holder {
    transition: all .5s ease;
}


/*HEADER*/
#masthead, header .inside-header, body .mob-menu-header-holder, body .mobmenul-container, body .mobmenur-container {
    height: 130px;
}
.scrolled #masthead, .scrolled header .inside-header, body.scrolled .mob-menu-header-holder, body.scrolled .mobmenul-container, body.scrolled .mobmenur-container {
    height: 130px;
}
.scrolled #masthead {
    pointer-events:none;
}
#masthead {
    position: fixed;
    background: transparent;
    top: 0;
    width: 100%;
    z-index: 100;
	display: flex!important;
}
#menu-item-5175 {
	display:none;
}
header .inside-header {
    padding-left: var(--grid);
    padding-right: var(--grid);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    transition: .3s;
	position:relative;
	top:0;
}
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
    background-color: transparent;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-left: 6px;
    padding-right: 10px;
    margin-top: -2px;
}
.menu-item-has-children .dropdown-menu-toggle .gp-icon svg {
    top: 0.3em;
    transition: .3s;
    width: auto;
    height: 1.2em;
    margin-top: -0.3em;
}
.main-navigation .main-nav ul li a {
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    margin: 0;
    letter-spacing: -0.5px;
    padding: 5px 15px;
    border-radius: 50px;
    transition: .3s;
    line-height: 1;
    color: white;
}
.main-navigation .main-nav ul li {
    transition: .3s;
    height: auto;
    display: flex;
    align-items: center;
    margin: 0;
}
.single-post .main-navigation .main-nav ul li#menu-item-4489 a, .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .menu-toggle, .main-navigation .menu-bar-items, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: var(--gold);
}
.main-navigation .main-nav > ul > li.current-page-ancestor > a, .menu-item-has-children > a.is-ancestor, .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .single-ressources .main-navigation .main-nav ul li.menu-item-38444.menu-item > a, .post-type-archive-ressources .main-navigation .main-nav ul li.menu-item-38444.menu-item > a, .single-ressources .main-navigation .main-nav ul li.menu-item-38444.menu-item > a:hover, .main-navigation .main-nav ul li.current_page_parent:hover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li.current-page-ancestor:not([class*="current-menu-"]):hover > a, body .main-navigation .main-nav ul ul li[class*="current-menu-"] > a /*, .main-navigation .main-nav ul ul li.current-page-ancestor > a */ {
    color: var(--gold);
	background: transparent;
}
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a {
	color: var(--gold);
}
.main-navigation .main-nav ul li#menu-item-3786[class*="current-menu-"] > a {
    color: white;
}
.main-navigation ul ul {
    background: var(--dark);
    min-width: max-content;
    width: fit-content;
    padding: 14px 30px;
    border: 0;
    box-shadow: none;
    border-radius: 25px;
    top: 40px;
    left: -15px !important;
    transition: opacity 350ms linear;
}
.main-navigation .main-nav ul ul li {
    height: auto;
    margin: 0;
}
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    left: 0;
}
.main-navigation .main-nav ul ul li a {
    font-size: 16px;
    margin: 0;
    color: white;
    padding: 5px 0;
    font-weight: 500;
    letter-spacing: 0;
}
.main-navigation .main-nav ul ul li:hover a {
    background:transparent!important;
	color: var(--gold)!important;
}
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
    background-color: transparent;
}
.nav-float-right .header-widget {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    margin-left: 3px;
}
.nav-float-right .widget ul li {
    margin-bottom: 0;
}
a.generate-back-to-top {
    display:none;
}
.site-header .header-image {
    width: 200px;
    padding: 0;
    transition: .3s;
}
.nav-float-right #site-navigation {
    height: 40px;
    display: flex!important;
    margin-left: auto;
    background: hsl(0deg 0% 0% / 10%);
    border-radius: 50px;
    padding: 0px 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.center {
    text-align:center;
}
.radius {
    border-radius: var(--radius);
}


/*FULLSCREEN MENU/HEADER*/
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0!important;
}
body .site-header {
    background: transparent;
    width: 100%;
    z-index: 999;
    position: fixed;
    transition: .35s;
    display: flex!important;
    left: 0;
}
html.mob-menu-no-scroll {
    overflow: auto;
}
body .mobmenu-right-alignment.show-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
body .mobmenu-right-alignment {
    -webkit-transform: translateX(calc(100% + 20px));
    -moz-transform: translateX(calc(100% + 20px));
    -ms-transform: translateX(calc(100% + 20px));
    -o-transform: translateX(calc(100% + 20px));
    transform: translateX(calc(100% + 20px));
}
body .mob-menu-header-holder {
    display: block;
    z-index: 9999;
    position: fixed;
    right: var(--grid);
    width: 50px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .mobmenul-container, body .mobmenur-container {
    position: relative;
    top: 0;
    margin: 0 !important;
    right: auto;
    display: flex;
    align-items: flex-start;
    padding-top: 25px;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
    right: 0;
    height: 100%;
    width: 650px;
    background: white;
    transition: transform 0.5s cubic-bezier(.76, 0, .24, 1);
}
body.show-nav-right.mob-menu-slideout-over .mobmenu-right-alignment {
	transition: transform 0.5s cubic-bezier(.76, 0, .24, 1);
}
.mobmenu-panel .mob-cancel-button {
    display: block;
}
body .mobmenur-container i {
    transition: var(--transition);
    background: var(--gold);
    padding: 0;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
body .mobmenur-container i:hover {
    background: var(--dark);
}
body .mobmenu-overlay, body.show-nav-right .mobmenu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: hsl(0deg 0% 0% / 60%);
    backdrop-filter: blur(8px);
    transition: opacity 0.5s cubic-bezier(.76, 0, .24, 1);
	cursor: default;
	pointer-events: none;
}
body.show-nav-right .mobmenu-overlay {
    pointer-events: all;
}
body .mobmenu-right-panel .mobmenu-right-bt {
    right: 20px;
    top: 20px;
}
body .mob-icon-menu::before {
    font-weight: 300;
    font-family: "Font Awesome 6 Sharp" !important;
    content: "\f7a4";
    position: relative;
    font-size: 32px;
    color: white;
    width: auto;
    margin: 0;
    text-align: center;
    opacity: 1;
    transition: var(--transition);
    top: 1px;
    left: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
}
body .mob-icon-cancel-1::before {
    font-weight: 300;
    font-family: "Font Awesome 6 Sharp" !important;
    content: "\f00d";
    position: relative;
    color: var(--dark);
    font-size: 40px;
    width: auto;
    margin: 0;
    text-align: right;
    opacity: 1;
    transition: var(--transition);
    background: var(--gris);
    border-radius: 50px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
body .mob-icon-cancel-1:hover::before {
    color: var(--sauge);
}
body .mobmenu-right-panel li, body .rightmbottom, body .rightmtop {
	padding-left: 0;
	padding-right: 0;
}
body .mobmenu-content #mobmenuright > li > a:hover, body .mobmenu-content #mobmenuright li:hover, body .mobmenu-content #mobmenuright li:hover {
    background: transparent;
}
body #mobmenuright li.current-menu-item a:hover {
    padding-right: 0;
}
body .mobmenu-content>div {
    width: 100%;
    padding-top: 50px;
}
body .mob-expand-submenu {
    display: none;
}
body #mobmenuright li:not(.button) a {
    line-height: 1;
    display: block;
    text-decoration: none;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    font-size: 30px;
    color: var(--dark) !important;
    transition: var(--transition);
    text-align: left;
    margin: 30px 0;
    max-width: fit-content;
    height: auto;
    position: relative;
    z-index: 999;
    padding: 0;
    letter-spacing: 0;
}
body #mobmenuright li a:hover {
    color: var(--gold)!important;
}
body #mobmenuright li.menu-item-has-children > a:after {
	font-weight: 900;
    font-family: "Font Awesome 6 Sharp" !important;
    content: "\f078";
    position: relative;
    font-size: 21px;
	margin-left:10px;
	top:-1px;
}
body .mobmenu-content li > .sub-menu li {
	padding-left: 0;
}
body .mobmenu-content #mobmenuright .sub-menu {
	background:transparent;
	margin-top:-20px;
}
body .mobmenu-content #mobmenuright .sub-menu a {
	margin: 20px 0 10px;
	font-size: 25px;
	font-weight: 500;
}
.mobmenu-content a.button::before {
    font-size:14px;
}
.mobmenu-content a.button:hover::before {
    transform: scale(1);
    color: white;
}
.mobmenu-content a.button:hover::after {
    display:none;
}
.mobmenu-content a.button:hover {
    background: var(--fougere);
	color:white;
}
body .rightmtop img {
    width: 200px;
}
body .rightmtop {
    position: fixed;
    top: 25px;
    left: 40px;
    z-index: 999999;
}
body .mobmenu-content {
    margin-top: 0;
    z-index: 1;
    height: 100%;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
    padding: 100px 40px 40px;
    justify-content: space-between;
    text-align: center;
    animation: fadeout 0.35s ease-out forwards;
    text-align: left;
}
body.show-nav-right .mobmenu-content {
	opacity:0;
	animation: fadein 0.7s ease-out forwards;
    animation-delay: 0.35s;
}
body .mobmenu-content .rightmtop, body .mobmenu-content .rightmtop li, body .mobmenu-content .rightmtop li a {
    padding: 0;
    margin: 0;
}
body .rightmbottom, .mobmenu-content .widget {
    margin: 0;
    width: 100%;
    padding: 0;
}
.widget ul li {
    margin-bottom: 0;
}
body .mobmenu-content li a {
    letter-spacing: 0;
    display: inline-flex;
    justify-content: center;
	padding:0;
}
body .mobmenu-content li a p {
    transition:.3s;
}
body .mobmenu-content li a:hover p {
    color: var(--sauge);
}
.mobmenu-content .coordo .col {
    margin-bottom: 12px !important;
    text-align: left;
}
body .mobmenu-content p {
    margin: 0;
    padding-top: 0;
    color: var(--dark);
    font-weight: 600;
    font-size: 17px;
    line-height: 1.25;
}
body .mobmenu-content li#nav_menu-2 a {
    display: block;
    letter-spacing: 0;
    line-height: 0.9;
    text-decoration: none;
    font-size: 2vw;
    color: white;
    margin: 4vh 0;
    padding: 0;
    font-weight: 200;
}
body .mobmenu-content li#nav_menu-2 li:first-child a {
    margin-top:0;
}
body .mobmenu-content .widget {
    padding-bottom: 0px;
    padding: 0;
}
.mobmenu-content .social-icons a {
    background: var(--dark);
    color: white;
}


/*GÉNÉRAL*/
html {
    -webkit-text-size-adjust: 100%!important; /* Prevent font scaling in landscape while allowing user zoom */
	overflow-x:hidden!important;
}
body, p, input, select, textarea {
    font-size: 18px;
    font-weight: 500;
}
b, strong {
    font-weight: 700;
}
small, .site-footer p, .contact p, figcaption, .site-footer a {
    font-size: 15px;
    display: inline-block;
}
.page-header, .sidebar .widget, .site-main>* {
    margin-bottom: 0;
}
body:not(.single-post) .featured-image {
    display: none !important;
}
body {
    color: var(--dark);
    overflow-x: hidden !important;
    line-height: 1.3;
    letter-spacing: -0.5px;
    background: var(--light);
}
body.post-type-archive-ressources, body.search, body.archive, body.single-ressources, .light {
    background: var(--light);
}
a, button, input {
    transition: .3s;
}
a {
    color: var(--dark);
    text-decoration: none;
}
a:focus, a:active, a:hover {
    color: var(--dark);
}
p strong a {
    text-decoration: none;
}
p a:hover {
    color: var(--gold);
}
.uppercase {
	text-transform: uppercase;
    letter-spacing: 0.5px;
}
body .vc_row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100vw;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0;
    background-color: transparent;
}
.separate-containers .site-main {
    margin: 0;
}
body .grid-container {
    max-width: 100%;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:after, .contact-btn a:after, a.button:after, span.button:after, body #mobmenuright li.button a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Sharp";
    display: flex;
    font-weight: 600;
    font-size: 15px;
    transform: rotate(-45deg);
    transition: .3s;
}
a.trouve:after {
	display:none;
}
a.trouve i, body #mobmenuright li.button a:after {
    font-size: 0.8em;
    transform: rotate(90deg);
}
body #mobmenuright li.button a {
	color:white!important;
}	
body #mobmenuright li.button a:after {
    content: "\f002";
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover:after, body #mobmenuright li.button a:hover:after, .contact-btn a:hover:after, a.button:hover:after, span.button:hover:after {
    transform: rotate(0deg);
}
a.button, input.button, span.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper .gform_footer input.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, a.button:focus, body #mobmenuright li.button a {
    border: 1px solid var(--dark);
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    margin: 0;
    padding: 0 30px;
    background: var(--dark);
    color: white;
    border-radius: 50px;
    height: 40px;
    line-height: 1;
    transition: .3s;
    display: inline-flex !important;
    align-items: center;
    text-align: left;
    gap: 10px;
    letter-spacing: 0;
    letter-spacing: 0.5px;
}
a.button.transparent, .single-post-content a.button.transparent, body .vc_btn3-container.transparent .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: transparent;
    color: var(--dark);
	border-color: var(--dark);
}
a.button.white, body .vc_btn3-container.white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: white;
    color: var(--dark);
	border-color: white;
}
a.button.gold, input.button:hover, .single-post-content a.button.gold, .blog article a.button:hover, body .vc_btn3-container.gold .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, a.button:hover, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, body .gform_wrapper .gform_footer input.button:hover, a.button.sauge:hover, body .vc_btn3-container.sauge .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, span.button:hover, body #mobmenuright li.button a:hover {
    background: var(--gold);
    color: white;
	border-color: var(--gold);
}
a.button.sauge, body .vc_btn3-container.sauge .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .single-post-media, .single-post-content a.button {
    background: var(--sauge);
    color: white;
	border-color: var(--sauge);
}
a.button.white:hover, .single-post-content a.button.sauge:hover, .single-post-content a.button:hover, body .vc_btn3-container.white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, a.button.gold:hover, body .vc_btn3-container.gold .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, body .vc_btn3-container.transparent .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	background: var(--dark);
    color: white;
	border-color: var(--dark);
}
.vc_btn3-container {
    background: transparent!important;
}
h1, h2, h3, h4, h5, h6, .search h1 {
    font-size: 70px;
    margin-bottom: 0;
    line-height: 1.1;
    font-weight: 600;
    text-transform: none;
    color: var(--dark);
}
h2, .home .top-banner h1.homepage {
    font-size: 70px;
    line-height: 0.9;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}
.home .top-banner h1.homepage {
    font-size: 100px;
}
h3 {
    font-size: 50px;
}
h4, .search h1, .archive h1, .blog h4.entry-title {
    font-size: 32px;
	line-height: 1;
	font-weight:600;
}
h5, .vc_gitem-post-data-source-post_title h4 {
    font-size: 25px;
    padding-bottom: 6px;
	font-weight:600;
}
h6, .page-template-service-template .top-banner h1, body:not(.home) .top-banner h1 {
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 15px;
    text-indent: 0px;
    letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6, p {
    margin:0;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0!important;
}
body .vc_btn3-container {
    margin-bottom: 0;
}
body .vc_column_container>.vc_column-inner {
    padding-left: 0;
	padding-right: 0;
}
body .grid, .footer-widgets-container, .inside-site-info {
	padding-left: var(--grid);
	padding-right: var(--grid);
}
body.tax-ressources_category article .inside-article .entry-header {
    padding: 0;
}
.main-row, .footer-widgets-container {
    padding-top: var(--row);
	padding-bottom: var(--row);
}
.wrap {
	padding: var(--row) var(--grid);
}
.wrapLg {
	padding: var(--row);
}
img {
	display:block;
}
.uppercase, .uppercase * {
	text-transform:uppercase;
}


/*TROUVE TON COURS*/
#ttc-module {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.ttc-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.ttc-question {
    width: calc(25% - 15px);
    background: white;
    border-radius: var(--radius);
    padding: 35px 30px;
}
.ttc-question h4 {
    padding-bottom: 15px;
}
.ttc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
#ttc-results {
    width: 100%;
}
.ttc-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
}
.tcc-top-left,.ttc-status {
    display: flex;
    gap: 10px;
    align-items: center;
}
.flash-dot {
    color: #2cd35f;
    position: relative;
    font-size: 11px;
    top: 1px;
}
.flash-dot::after {
    content: "";
    background: #2cd35f;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    pointer-events: none;
    top: 4px;
    left: 2.5px;
    border-radius: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4);
	}
}
.ttc-horaire {
    background: #2cd35f;
	border-radius:5px;
    color: white;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 600;
}
.ttc-horaire.closed {
    background: #ff4e4e;
    color: white;
}
.ttc-horaire.mandatory {
    background: #ff9a33;
    color: white;
}
.ttc-card.off-recreatif {
    background: var(--dark);
    color: white;
}
.ttc-card.off-recreatif h4 {
    color: white;
}
.ttc-card.not-recreatif a:not(.button) {
    color: var(--dark);
}
.ttc-card a:not(.button) {
    color: white;
	text-decoration: underline;
}
.ttc-card a:hover:not(.button) {
    color: var(--gold);
}
a[href^="tel"] {
    white-space: nowrap;
}
.ttc-spectacle {
    width: 25px;
    height: 25px;
    background: var(--dark);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 99px;
    text-indent: -1px;
    padding-top: 1px;
}
.ttc-card {
    background: white;
    border-radius: var(--radius);
    padding: 30px;
}
.ttc-card a.button:hover {
    background: var(--sauge);
	border-color: var(--sauge);
}
.ttc-checkbox {
    display: block;
    margin-top: 6px;
}
.ttc-btn-wrapper {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.ttc-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    border-radius: 999px;
    background: var(--gold);
    color: #fff;
    text-decoration: none;
}
.ttc-form, .ttc-form-minimized, #ttc-results {
    transition: all 0.5s ease;
}
.minimized {
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    pointer-events: none !important;
    transition: all .5s ease;
}
/* Conteneur du bandeau réduit */
.ttc-form-minimized {
    background: transparent;
    padding: 0;
    margin: 0 0 75px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.results-data {
    text-align: left;
}
.ttc-min-top a, .ttc-btn-wrapper a {
	cursor:pointer;
	min-width: max-content;
}
a.button#ttc-edit:after, a.button#ttc-reset:after {
    content: "\f044";
    transform: rotate(0deg) !important;
    font-family: "Font Awesome 6 Pro";
    font-size: 0.8em;
    top: 1px;
    position: relative;
}
a.button#ttc-reset:after {
    content: "\f021";
}
.ttc-min-top {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    align-content: flex-end;
    gap: 6px;
}
.ttc-reset-link {
    font-size: 14px;
    cursor: pointer;
    color: #777;
    text-decoration: underline;
}
.ttc-selected-tags {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ttc-tag {
    padding: 3px 8px;
    background: white;
    border: 0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}
/*Tooltip*/
.tooltip-parent {
    position: relative;
    cursor: help;
    font-weight: 600;
}
.tooltip-parent.ttc-info {
	font-size:21px;
}
.tooltip-parent.ttc-info .tooltip-box {
    width: 300px;
	margin-top:0;
	right: -8px;
}
.tooltip-parent .tooltip-box {
    position: absolute;
    right: -12px;
    margin-top:8px;
	left: auto;
    top: 120%;
    width: 250px;
	width:max-content;
    background: #111;
    color: #fff;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all .15s ease-out;
    z-index: 2000;
}
.tooltip-parent .tooltip-box:before {
    content: "";
    position: absolute;
	top:-6px;
    left: auto;
	right:12px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #111;
}
.tooltip-parent:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/*Accordieon description*/
.ttc-card a.button {
    margin-top: 15px;
}
.ttc-desc-wrap, .ttc-desc-direct {
    margin-top: 8px;
}
.ttc-desc-direct, .ttc-desc-toggle {
    font-size: 15px;
}
.ttc-desc-toggle {
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    user-select: none;
    line-height: 1;
    text-transform: uppercase;
}
.ttc-desc-toggle .plusminus {
    font-weight: 700;
    transition: transform .2s ease;
    font-size: 28px;
    font-weight: 300;
    line-height: 15px;
}
.ttc-desc-toggle.open .plusminus {
    transform: rotate(180deg);
}
.ttc-desc-content {
    font-size: 15px;
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 5px;
}
/*Checkbox*/
.ttc-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
}
.ttc-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ttc-checkbox .checkbox-box {
    width: 20px;
    height: 20px;
    border: 1px solid var(--sauge);
    border-radius: 50px;
    background: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    flex-shrink: 0;
}
.ttc-checkbox .checkbox-box::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 13px;
    color: white;
    opacity: 0;
    transform: scale(0.3);
    transition: all .2s ease;
    top: 1px;
    position: relative;
}
.ttc-checkbox input[type="checkbox"]:checked ~ .checkbox-box {
    background: var(--sauge);
    border-color: var(--sauge);
}
.ttc-checkbox input[type="checkbox"]:checked ~ .checkbox-box::after {
    opacity: 1;
    transform: scale(1);
}
.ttc-checkbox .checkbox-label {
    line-height: 1.3;
}
/*Rechercher button*/
#ttc-search.loading {
    opacity: 1;
    pointer-events: auto;
}
#ttc-search .btn-text {
    display: inline-block;
}
#ttc-search .btn-spinner {
    display: none;
}
#ttc-search.loading .btn-text, #ttc-search.loading:after {
    display: none;
}
#ttc-search.loading .btn-spinner {
    display: inline-block;
}
#ttc-search .btn-spinner i {
    animation: spin .8s linear infinite;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.ttc-error {
    margin-top: 20px;
    color: #e85555;
    font-size: 14px;
    display: none;
}


/*ACCUEIL*/
/*Home - Banner*/
.home-banner {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
	position:relative;
}
.home-banner:after {
    height: 100vh;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, var(--light), transparent 20%);
}
.home-banner > .wpb_column {
	position:relative;
	z-index:9;
}
.home .top-banner h1 {
    max-width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
}
.top-banner-inner {
    width: 100%;
}
body .vc_btn3-container.vc_btn3-inline {
    padding-top: 35px;
}
.home .top-banner p {
    max-width: 550px;
    margin: 25px auto 35px;
}
.home .top-banner-inner p, .home .top-banner-inner a {
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.home .top-banner-inner.in-view p {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.25s,
		opacity 0.6s ease 0.25s;
}
.home .top-banner-inner.in-view a {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s,
		opacity 0.6s ease 0.5s;
}
/*Home - Desc*/
.home-quote h2 {
    font-weight: 700;
    max-width: 865px;
    text-align: center;
    margin: 0 auto;
}
.home-quote h2 em {
    text-transform: uppercase;
    color: var(--sauge);
	font-style:normal;
	font-weight:700;
}
.home-quote ul, .competitif ul {
    list-style: none;
    padding-left: 0;
    margin-left: 2px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.home-quote ul li::before, .competitif ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 400;
    padding-right: 10px;
}
.home-quote h4 {
    padding-top: 50px;
    padding-bottom: 20px;
}
.home-quote .left {
    position: relative;
    height: 530px;
}
.home-quote .left img {
    width: 250px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 7px solid white;
}
.home-quote .wpb_wrapper > .wpb_single_image img {
    position: absolute;
    opacity: 0;
	transition: .3s;
}
.home-quote .wpb_wrapper > .wpb_single_image.animated img {
    opacity: 1;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(1) img {
    right: 215px;
    top: 45px;
    transform: rotate(-6deg);
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(1), .cours-offerts > .wpb_single_image:nth-of-type(1) {
    animation-delay: 0s;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(2), .cours-offerts > .wpb_single_image:nth-of-type(2) {
    animation-delay: 0.2s;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(3) {
    animation-delay: 0.4s;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(2) img {
    right: 50px;
    top: 105px;
    transform: rotate(10deg);
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(3) img {
    right: 150px;
    top: 225px;
    transform: rotate(4deg);
}
/*Home - Programmes*/
.home-programmes h2 {
    font-weight: 700;
    max-width: 865px;
    text-align: center;
    margin: 0 auto;
}
.home-programmes .cta a:after {
    content: "\f002"!important;
    transform: rotate(90deg)!important;
}
.cours-grid {
	display:flex;
	gap:25px;
	margin: 0 auto;
	max-width:1200px;
}
.home .cours-grid {
    margin-top: 50px;
}
.cours-grid a {
    width: 100%;
}
.cours-item {
    background: var(--light);
    padding: 14px;
	position:relative;
	transition-delay: 0s;
}
.cours-item:nth-child(2) {
    background: var(--sauge);
	transition-delay: 0.2s;
}
.cours-item:nth-child(3) {
    background: var(--gold);
	transition-delay: 0.4s;
}
.cours-item:hover {
    transform: rotate(-1deg);
	transition-delay: 0s;
}
.cours-item:nth-child(2):hover {
	transform: rotate(1deg);
	transition-delay: 0s;
}
.cours-item:nth-child(3):hover {
	transform: rotate(-1deg);
	transition-delay: 0s;
}
.cours-image {
    overflow:hidden;
	position:relative;
}
.cours-item img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
	transform: scale(1);
	transition: 0.6s;
}
.cours-item:hover img {
    transform: scale(1.03);
}
.cours-content {
    padding: 25px 20px;
}
.cours-content h4  {
    max-width: 250px;
}
.cours-description {
    padding: 12px 0 0;
}
.cours-item .button {
    width: 40px;
    height: 40px;
    padding: 0;
    justify-content: center;
    margin-top: 15px;
    background: var(--dark) !important;
    border-color: var(--dark) !important;
}
.cours-item .button:after {
    font-size: 15px;
}
.cours-item:hover .button:after {
    transform: rotate(0deg);
}
body .cta .vc_btn3-container.vc_btn3-inline {
    padding-top: 0;
}
body .cta {
    padding-top: 55px;
	text-align:center;
}
body .cta h6 {
    font-weight: 900;
}
/*Home - Testimonials*/
#quotes {
    padding-top:60px;
}
#quotes .slick-track {
    gap: 30px;
}
.quote-single .stars {
    display: flex;
    gap: 3px;
    margin-bottom: 20px;
    font-size: 18px;
}
.quote-single .stars i {
    color: #fbbc04;
}
.slick-current.quote-single .stars {
    font-size: 24px;
}
.quote-single:not(.slick-current) .nom {
    font-size: 15px;
}
.quote-single * {
    color: white;
}
.quote-single .texte {
    padding-bottom: 20px;
    padding-right: 55px;
    font-weight: 400;
}
.slick-track {
    display: flex !important;
    padding-bottom: 2px;
}
.slick-current.quote-single .texte {
    font-size: 1.3em;
    line-height: 1.2;
	transition:0.15s;
}
.quote-single {
    width: 44vw;
    border-top: 2px solid white;
    padding-top: 24px;
}
.slick-slide {
    height: inherit !important;
}
.home-testi .slick-next {
    right: 5px !important;
}
/*Slick Arrows*/
.home-testi .slick-prev:before, .home-testi .slick-next:before {
    content: "\f060";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 600;
    background: white;
    color: var(--sauge);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 50px;
    transition: .3s;
    height: 40px;
    width: 40px;
    line-height: 32px;
    font-size: 15px;
}
.home-testi .slick-prev:hover:before, .home-testi .slick-next:hover:before {
    background: var(--dark) !important;
    color: var(--sauge) !important;
}
.home-testi .slick-arrow {
    width: 35px;
    height: 35px;
}
.home-testi .slick-next:before {
    content: "\f061";
}
.home-testi .slick-next, .home-testi .slick-prev {
    background: transparent;
    top: -22px;
}
.home-testi .slick-prev {
    left: auto !important;
    right: 50px !important;
}
.home-testi h4 {
    font-weight: 600;
    letter-spacing: 0.25px;
	color: white;
}
/*Home - News*/
.news .vc_grid-container-wrapper, .separate-containers.no-sidebar.blog .site-main {
	max-width:1200px;
	margin:0 auto;
}
.news .vc_grid.vc_row {
    margin-top: 50px;
    margin-bottom: 0 !important;
}
.news .vc_grid-item-mini, .blog main article {
    background: white;
    padding: 14px;
}
.news .vc_gitem-zone.vc_gitem-zone-c {
    background: white!important;
}
.news .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
	display:none;
}
.news .vc_grid.vc_row .vc_btn3.vc_btn3-size-md, .blog article a.button {
    font-size: 0;
    background: var(--dark);
    border-radius: 50px;
    height: 40px;
    width: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.news .vc_grid.vc_row .vc_btn3.vc_btn3-size-md:after {
    content: "\f061";
    font-family: "Font Awesome 6 Sharp";
    display: flex;
    font-weight: 600;
    font-size: 15px;
    transform: rotate(-45deg);
    transition: .3s;
}
.news .vc_grid.vc_row .vc_btn3.vc_btn3-size-md:hover {
    background: var(--gold);
}
.news .vc_grid.vc_row .vc_btn3.vc_btn3-size-md:hover:after {
    transform: rotate(0deg);
}
.news .vc_gitem_row .vc_gitem-col, .blog-article-description {
    padding: 25px 20px;
}
.news .vc_btn3-container.vc_btn3-left, .blog-article-description a.button {
    margin-top: 15px;
}
.news .vc_gitem-post-data-source-post_title h4, .blog article h5 {
    padding-bottom: 0;
    padding-right: 50px;
	text-transform:none;
	letter-spacing:0;
}
.news .vc_gitem-post-data {
    margin-bottom: 0;
}
body .vc_custom_heading a:hover {
    opacity: 1;
    color: var(--sauge);
}
body .vc_gitem-zone-img {
	visibility: visible;
    filter: contrast(0.8);
}
body .vc_gitem-zone {
    background: transparent;
}


/*À PROPOS*/
#membres {
    margin: 0 -5vw;
}
.membre-slide {
    padding: 0 4vw;
}
.membre-slide img {
    width: 17vw;
	opacity:0.8;
}
.page-id-38437 #page-content p, .page-id-38437 #page-content h4 {
    max-width: 80%;
}
.page-id-38437 .dre p, .page-id-38437 .staff h4 {
  max-width: none; /* ou max-width: 100%; selon ton besoin */
}
.staff {
    margin-top: 70px;
}
.staff .wpb_single_image img {
    max-width: 500px;
    border-radius: 15px;
    margin-bottom: 35px;
}


/*BLOG*/
.cat-links, .comments-link, .tags-links {
    display: none;
}
.separate-containers.no-sidebar.blog .site-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    padding-left: 0;
    padding-right: 0;
    align-items: start;
}
.blog .entry-title a:hover, .vc_custom_heading a:hover {
    opacity: 1;
    color: var(--sauge);
}
.separate-containers .paging-navigation {
    margin-top: 50px;
}
.paging-navigation .nav-links>* {
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 900;
}
.paging-navigation .nav-links .current {
    font-weight: 700;
    color: white;
    background: var(--sauge);
    width: 30px;
    display: inline-flex;
    height: 30px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.paging-navigation .nav-links .next span, .paging-navigation .nav-links .prev span {
    display:none;
}
.paging-navigation .nav-links .prev {
    padding-left:0;
}
.paging-navigation .nav-links .next {
    padding-right:0;
}
.paging-navigation .nav-links a:not(.current):hover {
    color:var(--sauge);
}


/*COMPÉ*/
.session {
    padding-top: var(--grid);
    padding-bottom: var(--grid);
}
.competitif h5 {
	padding-bottom:15px;
}
.competitif.cours-listing > div {
	padding-left:0!important;
}
.competitif .vc_empty_space {
    height: 75px!important;
    border-bottom: 2px solid var(--light);
    margin-bottom: 75px;
}

/*RÉCRÉATIF*/
.ttc-inscriptions-qmda-wrapper {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: center;
    gap: 25px;
}
.ttc-inscriptions-qmda {
    text-align: center;
    padding: 50px;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
	max-width:600px;
}
.ttc-inscriptions-qmda .ttc-actions {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
.ttc-inscriptions-qmda .ttc-status {
    justify-content: center;
}
.ttc-date-client {
    display: flex;
    flex-direction: column;
    width: 100%;
	max-width:600px;
}
.ttc-date-client h6, .ttc-desc h6 {
    padding-bottom:0;
}
.ttc-date-client .date {
    width: fit-content;
    margin: 4px auto;
    background: var(--light);
    padding: 3px 12px;
    border-radius: 5px;
    font-weight: 900;
}
.ttc-date-client.qmda {
    padding-top: 8px;
}
.ttc-desc {
    padding-bottom: 5px;
}
.ttc-date-client.tous {
    border-top: 2px solid var(--light);
    padding-top: 15px;
    margin-top: 6px;
	padding-bottom:5px;
}
.cours-listing {
    padding-left: 15vw;
	padding-right: 15vw;
}
.cours-listing h4 {
    max-width: 500px;
	padding-bottom:15px;
}
.cours-listing h4 strong {
    color: var(--sauge);
	font-weight:600;
}
.cours-listing p {
    padding-bottom: 40px;
    max-width: 700px;
}
.cours-listing.scolaire p, .cours-listing .wpb_text_column.wpb_content_element:nth-last-of-type(2) p {
    padding-bottom: 0;
}
body .scolaire .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	margin-right: 5px!important;
}
.cours-listing .wpb_content_element:last-child p {
    padding-bottom: 0;
}
.cours-listing > div:last-child {
	padding-left:50px;
}
.cours-offerts .right {
    max-width: 600px;
}
.cours-offerts .left {
    position: relative;
    height: 400px;
}
.cours-offerts .left img {
    width: 250px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 7px solid white;
}
.cours-offerts .wpb_wrapper > .wpb_single_image img {
    position: absolute;
    opacity: 0;
	transition: .3s;
}
.cours-offerts .wpb_wrapper > .wpb_single_image.animated img {
    opacity: 1;
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(1) img {
    right: 215px;
    top: 45px;
    transform: rotate(-6deg);
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(1) {
    animation-delay: 0s;
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(2) {
    animation-delay: 0.2s;
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(2) img {
    right: 50px;
    top: 105px;
    transform: rotate(10deg);
}
.cours-offerts h3 {
    padding-bottom:15px;
}


/*SINGLE POST*/
.single-post header .entry-meta {
	display:none;
}
.single-post.nav-float-right #site-navigation {
    background: var(--dark);
}
.single-post .site-header .header-image {
    filter: brightness(0.15);
}
.single-post .site-main {
    padding-top: 100px;
}
.single-post-flex {
	display: flex;
	gap: 60px;
	align-items: flex-start;
}
.single-post.separate-containers .featured-image {
    margin-top: 0;
}
.single-post-media, .single-post-content {
	width: 50%;
}
.single-post-content {
    padding-right: 50px;
}
.single-post-content h1 {
    padding-bottom: 35px;
    line-height: 0.9;
}
.single-post-content p {
    margin: 0;
    padding-bottom: 1em;
}
.single-post-content a.button {
    margin: 5px 0 !important;
}
.single-post-content b, .single-post-content strong {
    font-weight: 800;
}
.single-post-content ol, .single-post-content ul {
    margin: 0 0 1em 35px;
}
.single-post-media img {
	width: 100%;
	height: auto;
	display: block;
}
@media (max-width: 768px) {
.single-post-flex {
	flex-direction: column;
}
.single-post-media, .single-post-content {
	width: 100%;
}
}
.single-post .site-main .post-navigation {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding-top: 75px;
}
.single-post .site-main .post-navigation > div {
    font-size: 20px;
	font-weight:600;
}
.single-post .site-main .post-navigation a:hover {
    color: var(--gold);
}
.single-post .site-main .post-navigation > div.nav-next {
    flex-direction: row-reverse;
}
.single-post .site-main .post-navigation > div .next a:after, .single-post .site-main .post-navigation > div .prev a:before {
    content: "\f061";
	position:relative;
	font-family: "Font Awesome 6 Sharp";
    font-weight: 600;
    font-size: 15px;
    transform: rotate(-45deg);
    transition: .3s;
	margin-right:0;
	margin-left:10px;
}
.single-post .site-main .post-navigation > div .prev a:before {
    content: "\f060";
	margin-right: 10px;
}
.single-post .site-main .post-navigation .gp-icon {
    display:none;
}


/*TOP BANNER*/
.top-banner {
    background-size: cover;
    display: flex;
	align-items: flex-end;
    justify-content: center;
    text-align: center;
    background-position: center bottom;
    padding-bottom: 85px;
}
.header-overlay, .top-banner {
    height: 70vh;
}
.top-banner * {
    color: white;
}
.top-banner h2 {
    max-width: 50%;
    min-width: 865px;
    margin: 0 auto;
}
.page-id-2538 .top-banner h2 {
    min-width: 950px;
}
.home .header-overlay, .home.page-template-default .top-banner {
    height: 100vh;
}
.header-overlay {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgb(38 38 38 / 75%), rgb(38 38 38 / 10%));
}


/*À PROPOS*/
.mission {
    display:flex;
	gap:20px;
	margin-top:50px;
}
.mission::before, .mission::after {
    display:none!important;
}
.mission > .wpb_column {
    padding: 50px;
    background: var(--sauge);
	background: white;
    border-radius: var(--radius);
}
.mission i {
    font-size: 40px;
    font-weight: 500;
    padding-bottom: 10px;
    color: var(--gold);
}
.direction {
    display: flex;
    gap: 50px;
    padding-bottom: 0;
    margin-bottom: -60px;
}
.direction::before, .direction::after {
    display:none!important;
}
.staff-grid.staff-direction  {
    display: flex;
    gap: 50px;
}
.direction h4 {
	padding-bottom:15px;
}
.staff-grid img {
    aspect-ratio: 1 / 1.1;
    object-fit: cover;
    object-position: center center;
}
.staff-grid:not(.staff-direction) img {
    aspect-ratio: 1 / 1.25;
}
.staff-grid .description {
    background: var(--light);
    text-align: center;
    padding: 10px 5% 30px;
}
.staff-grid .description * {
    color: var(--dark);
}
.staff-grid .description h5 {
    padding-top: 0px;
}
.staff-grid:not(.staff-direction) {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
	padding:25px 0;
}
.staff-grid.staff-assistant {
	padding-top:0;
}
.staff-photo {
    position: relative;
    overflow: hidden;
    border: 14px solid var(--light);
    margin-bottom: -1px;
}
.staff-photo img {
	display:block;
	width:100%;
	height:auto;
	transition:opacity .35s ease;
}
.photo-hover {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.staff-item:hover .photo-hover {
	opacity:1;
}
.staff-grid:not(.staff-direction) .description h5 {
    font-size: 20px;
}
.staff-grid:not(.staff-direction) .description h6 {
    font-size: 13px;
    padding-bottom: 0;
}
.staff-grid:not(.staff-direction) .description {
    padding-top: 5px;
	padding-bottom:18px;
}
.staff-grid small  {
    max-width: 250px;
}
.staff-grid:not(.staff-direction) .staff-photo {
    border: 12px solid var(--light);
}
.assistant-toggle, .assistant-toggle i {
	cursor:pointer;
	transition:.3s;
}
.assistant-toggle:hover, .assistant-toggle:hover i {
	color: var(--gold);
}
.assistant-names  {
    padding-top: 7px;
}


/*PWD PROTECTED*/
.post-password-form i {
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 10px;
}
.post-password-form input[name="post_password"] {
    text-align: center;
    border-radius: 7px;
    border: 0;
    margin-bottom: 10px;
}
body .agenda .vc_btn3-container.vc_btn3-inline {
    padding-top: 20px;
}
body .agenda p {
    padding-top: 50px;
}


/*PREFOOTER*/
.prefooter {
    background: var(--dark);
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    position: relative;
    flex-direction: column;
	background-attachment: fixed;
}
.archive .prefooter, .sujets-section {
    margin: 0 -5vw;
    width: calc(100% + 10vw);
}
.prefooter, .prefooter:before {
	height: 700px;
}
.prefooter * {
	position:relative;
}
.prefooter:before {
    content:"";
    position:absolute;
    width: 100%;
    top:0;
	left:0;
	background: linear-gradient(0deg, var(--dark), transparent);
}
.prefooter h3 {
    color: white;
    text-align: center;
    max-width: 1000px;
	text-transform:uppercase;
	letter-spacing:1px;
    padding-bottom: 35px;
}
.prefooter h3:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Pro" !important;
    content: "\f10d";
    position: absolute;
    font-size: 100px;
    left: 50px;
    color: white;
    top: -55px;
    opacity: 0.3;
}


/*FOOTER*/
.site-footer {
    width:100%;
	float:left;
}
.site-footer, .site-footer a {
    color:white;
}
.site-footer a:hover {
    color:var(--sauge);
}
.footer-widgets .widget-title {
    color: var(--gold);
    margin-bottom: 7px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -0.25px;
}
.footer-widgets .widget ul li {
    margin-bottom: 3px;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
}
.site-footer .footer-widgets-container .inner-padding {
    padding: 0;
}
.footer-widgets, .site-info {
    color: white;
    background: var(--dark);
}
.coordo .col {
    margin-bottom: 6px !important;
    display: block;
}
.coordo .col i {
    font-size: 20px;
    color: var(--sauge);
    font-weight: 500;
    padding-bottom: 5px;
}
.site-footer .coordo .col i, .rightmbottom .coordo .col i {
    display:none;
}
.coordo .col:last-child, #page-content .coordo .col:last-child {
    margin-bottom: 0px !important;
}
.social-icons {
    display:flex;
	gap:10px;
	margin-top:35px;
}
.site-footer .social-icons {
    margin-top: 25px;
}
.contact .social-icons {
    justify-content: center;
}
.social-icons a {
    color: var(--dark);
    margin-right: 0;
    background: white;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 15px;
}
.social-icons a:hover {
	background: var(--sauge);
	color: var(--dark);
}
.footer-widgets .widget {
    margin-bottom: 0;
}
.site-footer img {
    width:175px;
}
.site-footer .copyright-bar {
    display:none;
}
.inside-site-info {
    padding-bottom: 50px;
    padding-top: 0;
}
.fa-instagram {
    font-size: 1.15em;
}
.footer-bar {
    width: 100%;
    padding: 20px 0px;
    border-top: 1px solid #565656;
    display: flex;
    justify-content: space-between;
}
.footer-bar *, .footer-bar p, .footer-bar a {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.15px;
    text-align: left;
	text-decoration:none;
    line-height: 1.5;
}
.footer-bar aside:not(:first-child) * {
    text-align: right;
}
.footer-bar i {
    font-size: 11px;
    margin: 0 5px 0 2px;
    position: relative;
    top: -1px;
	transform: rotate(-45deg);
	transition:.3s;
}
.footer-bar a:hover i {
	transform: rotate(0deg);
}


/*POLITIQUE/COOKIES*/
.page-id-4602 .prefooter-widget {
    display:none;
}
.politique h4 {
    padding: 30px 0 10px;
}
.politique .wpb_wrapper h4:first-child {
    padding-top:0;
}
.politique ul {
    margin-bottom: 0;
}
body .cky-notice-des a.cky-policy, body .cky-notice-des button.cky-policy, body .cky-dma-content-wrapper a.cky-policy, body .cky-dma-content-wrapper button.cky-policy {
display: inline-block;
}


/*GFORM*/
.gform_ajax_spinner {
    display:none!important;
}
.gform-body {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
body .gform_confirmation_message {
    color: var(--dark);
    padding: 15px 50px;
    max-width: fit-content;
    margin: 50px auto 0;
    background: var(--light);
    text-align: left;
    border-radius: 50px;
    font-weight: 500;
}
body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}
#gform_wrapper .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button {
    display: none; /* Cache le bouton pour les navigateurs Webkit (Chrome, Safari, etc.) */
}
.ginput_container.ginput_container_fileupload input {
    background: transparent;
    border-radius: 0;
	font-size: 13px;
    padding: 8px 0;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 1px solid lightgrey;
    min-height: 30px;
    color: grey;
}
body .gform_wrapper.gravity-theme .gform_drop_area {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 4px;
    padding: 0;
    text-align: left;
    color: grey;
    min-height: 30px;
}
body .gform_wrapper.gravity-theme .gform_drop_instructions {
    margin-bottom: 0;
    display: none;
}
.gform_button_select_files {
    position: relative;
    z-index: 1;
    padding: 0;
    background: transparent !important;
    color: grey;
    font-size: 16px;
    min-height: 30px;
    width: 100%;
    text-align: left;
    padding-right: 30px;
}
.gform_button_select_files:hover {
    color: var(--dark);
}
.gform_button_select_files:focus {
    color: grey;
}
.gform_button_select_files:after {
    font-weight: 500;
    font-family: "Font Awesome 6 Pro" !important;
    content: "\f0ee";
    position: absolute;
    font-size: 17px;
    color: var(--light);
    right: 0;
}
body .gform_wrapper.gravity-theme .gform_delete_file {
    color: #e03838;
    padding: 0;
    font-size: 14px;
}
body .gform_wrapper.gravity-theme .gform_delete_file span {
    font-size: 14px;
    position: relative;
    top: 2px;
    padding-left: 5px;
}
body .gform_wrapper.gravity-theme .ginput_preview {
    margin: 0;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
}
body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 2px solid #e03838;
}
body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, body .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 0;
}
body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
    margin: 5px 0 0 0;
}
body .gform_wrapper .top_label .calcul .gfield_label {
    margin-bottom: 0;
    margin-top: 8px;
    padding-right: 10px;
    letter-spacing: 2px;
}
body .gform_wrapper .gform_footer {
    margin: 0;
}
.ginput_container.ginput_container_fileupload span.gfield_description.gform_fileupload_rules, .spacer.gfield, .gform_required_legend, body .gform_wrapper.gravity-theme .gfield_required{
    display: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
    color: var(--dark);
    border-color: transparent;
    outline: none !important;
}
body textarea {
  resize: none;
}
.gform_required_legend, .gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .description, .gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    display: none!important;
}
body .gform-loader {
	display:none!important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: var(--dark)!important;
}
body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: 0 !important;
    margin-top: 0 !important;
    padding: 5px 0 0 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-weight: 700;
    color: #e03838 !important;
}
body .gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 165px!important;
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    color: var(--dark);
    background: transparent;
    border: 2px solid var(--light);
    border-radius: 7px;
    font-weight: 600;
    min-height: 40px;
    transition: .3s;
    text-align: left;
    padding: 10px 20px;
}
body .gform_wrapper.gravity-theme .gfield select {
    background: url(/wp-content/uploads/arrow-down.svg) no-repeat white;
    background-size: 15px;
    background-position: calc(100% - 25px);
    padding-right: 0;
    padding-left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 40px;
    text-align: left;
    text-align-last: left;
}
body .gform_wrapper.gravity-theme .gfield select option {
    font-weight:500;
}
body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 5px;
}
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
    padding-left: 5px;
}
body .gform-body {
    padding-top: 15px;
}
body .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields {
    display: grid;
    overflow: auto;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield {
    border-width: 0;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield.gfield--width-half {
    width: 100%;
}
::placeholder, body .gform_wrapper .top_label .gfield_label {
  color: var(--dark);
  font-size: 18px;
  font-weight:400;
  margin:0;
}
::-ms-input-placeholder {
  color: var(--dark);
  font-size: 18px;
  font-weight:400;
  margin:0;
}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px white inset!important;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha img {
    max-width: 110px;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha .gfield_validation_message, body .gform_wrapper.gravity-theme .gfield.gfield--width-full.calcul .gfield_validation_message {
    padding-left: 15px !important;
    max-width: 50%;
    padding-top: 11px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/*CONTACT*/
body .wpb_gmaps_widget .wpb_wrapper {
    background-color: transparent;
    padding: 0;
}
.coordo a h5 {
	transition:.3s;
}
.coordo a:hover h5 {
    color: var(--sauge);
}
#page-content .coordo .col {
    width: fit-content;
	margin-bottom: 30px !important;
    margin: 0 auto;
}
.contact {
	display:flex;
}
.contact .col {
	padding-left: var(--grid);
	padding-right: var(--grid);
}


/*TESTI*/
.home-testi .buttons {
    text-align: center;
}
body .home-testi .buttons .vc_btn3-container.vc_btn3-inline {
    padding-top: 80px;
    margin: 0 6px;
}


/******************************/
/******************************/
/*RESPONSIVE*/
/******************************/
/******************************/


/*1440px*/
@media only screen and (max-width: 1440px) {
:root {
	--row: 100px;
	--grid: 4vw;
}
.separate-containers.no-sidebar.blog .site-main {
	padding-left: var(--grid);
	padding-right: var(--grid);
}
.site-header .header-image {
    width: 175px;
}
.home .top-banner h1.homepage {
    font-size: 80px;
}
h1, h2, .page-template-subservice-template .top-banner h1 {
    font-size: 60px;
}
h3 {
    font-size: 45px;
}
h4, .search h1, .archive h1, .blog h4.entry-title {
    font-size: 30px;
}
h5, .vc_gitem-post-data-source-post_title h4 {
    font-size: 23px;
}
h6, .page-template-service-template .top-banner h1, body:not(.home) .top-banner h1 {
    font-size: 14px;
}
.top-banner h2, .page-template-subservice-template .top-banner h1, .home-quote h2 {
    max-width: 800px;
}
.prefooter h3 {
    max-width: 900px;
}
.direction, .staff-grid.staff-direction {
    gap: 35px;
}
.staff-grid:not(.staff-direction) .description h5 {
    font-size: 19px;
}
.staff-grid:not(.staff-direction) .description h6 {
    font-size: 13px;
    letter-spacing: 0.75px;
}
.cours-grid, .ttc-inscriptions-qmda-wrapper, .news .vc_grid-container-wrapper, .separate-containers.no-sidebar.blog .site-main {
    max-width: 100%;
}
}


/*1366px*/
@media only screen and (max-width: 1366px) {
.home .top-banner h1.homepage {
	font-size: 75px;
}
body, p, input, select, textarea, .search article.ressources .entry-title, .sidebar .widget, .footer-widgets .widget, .archive .widget .search-field, body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea, ::placeholder, body .gform_wrapper .top_label .gfield_label, ::-ms-input-placeholder{
    font-size: 17px;
}
::placeholder, body .gform_wrapper .top_label .gfield_label {
    font-size: 17px;
}
 ::-ms-input-placeholder{
    font-size: 17px;
}
a.button, input.button, span.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper .gform_footer input.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, a.button:focus, body #mobmenuright li.button a {
    font-size: 15px;
    padding: 0 27px;
}
.staff .wpb_single_image img {
    max-width: 400px;
}
.main-navigation .main-nav ul li a {
    font-size: 15px;
}
.site-header .header-image {
	width: 165px;
}
.main-navigation .main-nav ul li a {
    padding: 5px 12px;
}
.site-header a.button {
	padding: 0 25px;
}
.splash-anim.qmda-logo {
    position: relative;
    width: 200px;
    height: 200px;
}
}


/*1250px*/
@media only screen and (max-width: 1250px) {
body.avertissement-active .site-header, body.avertissement-active .mob-menu-header-holder {
    top: 40px;
}
.nav-float-right #site-navigation, .nav-float-right .header-widget {
	display:none!important;
}
body .mob-menu-header-holder {
    top: 0;
}
body .mobmenul-container, body .mobmenur-container {
    align-items: center;
    padding-top: 0;
}
.staff-grid:not(.staff-direction) .description h6 {
	font-size: 12px;
}
.staff-grid:not(.staff-direction) .description h5 {
	font-size: 18px;
}
}


/*1024px*/
@media only screen and (max-width: 1024px) {
.home .top-banner h1 {
    max-width: 100%;
    min-width: 100%;
}
.top-banner h2, .page-template-subservice-template .top-banner h1, .home-quote h2 {
	max-width: 700px;
}
.home .top-banner {
    padding-bottom: 8vh;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
    gap: 35px;
}
.site-footer .footer-widgets-container .inside-footer-widgets > div {
    width: 23.33%;
    flex: auto;
}
.site-footer .footer-widgets-container .inside-footer-widgets > div.footer-widget-2 {
    width: 30%;
}
.site-footer img {
    width: 150px;
}
.footer-bar .widget_nav_menu li:last-child {
	margin: 0 !important;
	padding: 0 !important;
}
.header-overlay, .top-banner, .prefooter, .prefooter:before {
    height: 600px;
}
.prefooter {
	background-attachment: scroll;
}
.home .header-overlay, .home.page-template-subservice-template .top-banner, .home.page-template-default .top-banner {
    height: calc(100vh)!important;
    height: calc(var(--vh, 1vh) * 100)!important;
}
.home.avertissement-active .header-overlay, .home.page-template-subservice-template.avertissement-active .top-banner, .home.page-template-default.avertissement-active .top-banner {
	height: calc(100vh - 40px) !important;
	height: calc(var(--vh, 1vh) * 100 - 40px) !important;
}
.news .vc_gitem-post-data-source-post_title h4, .blog article h5 {
    padding-right: 0;
}
.cours-listing {
    padding-left: var(--grid);
    padding-right: var(--grid);
}
.page-id-2538 .top-banner h2 {
    min-width: auto;
}
.ttc-form {
    flex-direction: column;
	gap:15px;
}
.ttc-question {
    width: 100%;
}
.ttc-form-minimized {
    margin: 0 0 50px;
}
.ttc-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
}


/*768px*/
@media only screen and (max-width: 768px) {
.home .top-banner h1.homepage {
    font-size: 65px;
}
h1, h2, .page-template-subservice-template .top-banner h1 {
    font-size: 50px;
}
h3 {
    font-size: 40px;
}
h4, .search h1, .archive h1, .blog h4.entry-title {
    font-size: 27px;
}
h5, .vc_gitem-post-data-source-post_title h4 {
    font-size: 21px;
}
h6, .page-template-service-template .top-banner h1, body:not(.home) .top-banner h1 {
    font-size: 14px;
}
.top-banner h2, .page-template-subservice-template .top-banner h1, .home-quote h2 {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	min-width: 100%;
}
.home-quote .left img, .cours-offerts .left img {
    width: 25vw;
    border: 1vw solid white;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(1) img, .cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(1) img {
    right: 20vw;
    top: 6vw;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(2) img, .cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(2) img {
    right: 6vw;
    top: 15vw;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(3) img {
    right: 16vw;
    top: 29vw;
}
.home-quote .left {
    height: 61vw;
}
.cours-offerts .left {
    height: 45vw;
}
.cours-grid {
    flex-direction: column;
}
.cours-item img {
    aspect-ratio: 2 / 1.25;
}
.cours-content {
    text-align: center;
}
.cours-content h4 {
    max-width: 100%;
}
.cours-description {
    max-width: 400px;
    margin: 0 auto;
}
.inside-footer-widgets {
	flex-direction: row;
}
.site-footer img {
	width: 120px;
}
.footer-bar-active .footer-bar {
	margin-bottom: 0;
}
.footer-bar {
    padding: 20px 0 0;
}
.ttc-inscriptions-qmda .ttc-actions {
    flex-direction: column;
    align-items: center;
}
.mission > .wpb_column {
	padding:40px;
    width: 100%;
}
.mission {
    margin-top: 40px;
    flex-direction: column;
}
.direction, .staff-grid.staff-direction {
	gap: 25px;
}
.staff-grid:not(.staff-direction) {
    gap: 15px;
}
.staff-grid.staff-direction .description h5 {
    max-width: 135px;
    margin: 0 auto;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
    height: 100svh;
	height: 100dvh;
    width: 100%;
}
body .mob-icon-cancel-1:hover::before {
    color: var(--dark);
}
}


@media only screen and (max-width: 767px) {
.cours-listing > div:last-child {
    padding-left: 0;
    padding-top: 40px;
}
.cours-listing p {
    padding-bottom: 30px;
}
}


@media only screen and (max-width: 641px) {
:root {
	--grid: 20px;
	--row: 90px;
}
small, .site-footer p, .contact p, figcaption, .site-footer a {
    font-size: 14px;
}
.home .top-banner h1.homepage {
    font-size: 40px;
}
.home.page-template-default .top-banner {
    background-position: 28% center!important;
}
.header-overlay, .top-banner {
	height: 400px;
	padding-bottom: 60px;
}
h1 {
    font-size: 38px;
}
h2, .page-template-subservice-template .top-banner h1 {
    font-size: 35px;
}
h2 {
    letter-spacing:1px;
}
.home-quote h2 {
    padding: 0 10px;
}
h3 {
    font-size: 29px;
}
h4, .search h1, .archive h1, .blog h4.entry-title, .vc_gitem-post-data-source-post_title h4 {
    font-size: 25px;
}
h5 {
    font-size: 19px;
}
h6, .page-template-service-template .top-banner h1, body:not(.home) .top-banner h1 {
    font-size: 13px;
	padding-bottom: 12px;
}
p {
    line-height:1.4;
}
body, p, input, select, textarea, .search article.ressources .entry-title, .sidebar .widget, .footer-widgets .widget, .archive .widget .search-field, body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    font-size: 16px;
}
::placeholder, body .gform_wrapper .top_label .gfield_label {
    font-size: 16px;
}
 ::-ms-input-placeholder{
    font-size: 16px;
}
a.button, input.button, span.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper .gform_footer input.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, a.button:focus, body #mobmenuright li.button a {
	font-size: 14px;
	font-weight: 600;
	padding: 0 22px;
	gap: 7px;
	height: 40px;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:after, .contact-btn a:after, a.button:after, span.button:after {
    font-size: 13px;
}
.blog-article-description a:after {
	font-size:15px;
}
.home .top-banner p {
    max-width: 90%;
    margin: 15px auto 25px;
}
.home .top-banner {
	padding-bottom: 60px;
}
.splash-anim.qmda-logo {
    width: 150px;
    height: 150px;
}
#masthead, header .inside-header, body .mob-menu-header-holder, body .mobmenul-container, body .mobmenur-container {
    height: 100px;
}
.site-header .header-image {
	width: 150px;
}
.home-quote .left {
	height: 67vw;
}
.cours-offerts .left {
	height: 55vw;
}
.home-quote .left img, .cours-offerts .left img {
	width: 40vw;
	border: 1.4vw solid white;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(1) img {
	left: -6vw;
	top: 13vw;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(2) img {
	right: auto;
	top: 18vw;
	left: 23vw;
}
.home-quote .wpb_wrapper > .wpb_single_image:nth-of-type(3) img {
	right: -5.5vw;
	top: -2vw;
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(1) img {
    left: 10vw;
    top: 0;
}
.cours-offerts .wpb_wrapper > .wpb_single_image:nth-of-type(2) img {
    right: 10vw;
    top: 6vw;
}
.home-quote h4, .cours-offerts h3 {
    padding-top: 30px;
    padding-bottom: 15px;
}
body .vc_btn3-container.vc_btn3-inline {
    padding-top: 32px;
}
.cours-content {
    padding: 20px 0px 15px;
}
.quote-single {
    width: 100vw;
    border-top: 2px solid white;
    padding-top: 24px;
}
#quotes {
    padding-top: 40px;
}
.home-testi h4 br {
    display:none;
}
.home-testi h4 {
    padding-right: 115px;
}
.prefooter, .prefooter:before {
	height: 520px;
}
.prefooter h3:before {
    font-size: 70px;
    left: 50px;
    top: -40px;
}
.site-footer .footer-widgets-container .inside-footer-widgets > div {
	width: 100% !important;
}
.site-footer img {
	width: 150px;
}
.inside-footer-widgets>div:not(:last-child) {
	margin-bottom: 0;
}
.inside-footer-widgets {
	flex-direction: column;
}
.footer-bar *, .footer-bar p, .footer-bar a {
    font-size: 11px;
}
.ttc-inscriptions-qmda-wrapper {
    flex-direction: column;
	gap:20px;
}
.ttc-inscriptions-qmda {
    padding: 30px 15px;
}
body .vc_row.session {
    padding: var(--grid);
}
.competitif.cours-listing h4, .page-id-2539 .cours-listing h4 {
    max-width: initial;
    padding-bottom: 0;
}
body.page-id-2539 .vc_btn3-container.vc_btn3-inline.transparent {
	padding-top: 10px;
}
.mission > .wpb_column {
	padding:40px 25px;
}
.staff-grid.staff-direction .description h5 {
	max-width: 100%;
}
.direction {
    flex-direction: column;
	gap:40px;
}
.staff-grid.staff-direction {
    flex-direction: column;
	gap: 15px;
}
.staff-photo, .staff-grid:not(.staff-direction) .staff-photo {
    border: 10px solid var(--light);
}
.staff-grid .description {
    padding: 10px 4% 20px;
}
.staff-grid:not(.staff-direction) {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    padding: 25px 0;
}
.team.wrap {
    padding-top: 50px;
}
.slick-current.quote-single .texte {
    font-size: 1.2em;
}
.ttc-form-minimized {
    margin: 0 0 40px;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}
.ttc-min-top {
	flex-direction: row;
    gap: 5px;
}
.ttc-card {
    padding: 20px;
}
#ttc-edit.button, #ttc-reset.button {
	margin-top: 10px;
	font-size: 12px;
	padding: 0 15px;
	gap: 5px;
	height: 30px;
}
.tooltip-parent.ttc-info {
    font-size: 20px;
}
.ttc-desc-direct, .ttc-desc-toggle {
    font-size: 13px;
}
.ttc-desc-content {
    font-size: 13px;
    margin-top: 0;
    line-height: 1.3;
    padding-bottom: 15px;
}
.separate-containers.no-sidebar.blog .site-main {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
}
.news .vc_grid.vc_row {
    margin-top: 40px;
}
.news .vc_gitem_row .vc_gitem-col, .blog-article-description {
    padding: 20px 15px 13px;
}
.news .vc_btn3-container.vc_btn3-left, .blog-article-description a.button {
    margin-top: 12px;
}
.contact {
    flex-direction: column;
}
.contact .white h5 {
	padding-right:50px;
}
body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height: 1;
	min-height: auto;
}
body .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 12px;
    grid-column-gap: 12px;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
    height: 400px;
}
.wrap.post {
    padding-top: 20px;
}
.single-post-flex {
    gap: 35px;
}
.single-post-content h1 {
    padding-bottom: 25px;
    line-height: 1;
}
.single-post .site-main .post-navigation {
    padding-top: 35px;
}
.single-post .site-main .post-navigation > div .prev a:before {
	margin-left:0;
}
.single-post .site-main .post-navigation {
    gap: 15px;
	flex-direction: column;
}
.single-post .site-main .entry-meta .post-navigation a {
	line-height: 1;
	width: 100%;
	display: block;
	background: white;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
}
.single-post .site-main .post-navigation > div {
    font-size: 18px;
    line-height: 1;
}
.single-post-content {
    padding-right: 0;
}
body .rightmtop img {
    width: 150px;
}
body .mobmenu-content>div {
    padding-top: 10px;
}
body .mobmenu-content {
    padding-left: var(--grid);
	padding-right: var(--grid);
	justify-content: flex-start;
	gap: 35px;
}
body #mobmenuright li:not(.button) a {
    font-size: 23px;
    margin: 20px 0;
}
body #mobmenuright li.menu-item-has-children > a:after {
    font-size: 18px;
}
body .mobmenu-content p {
    font-size: 14px;
}
.mobmenu-content .coordo .col {
    margin-bottom: 10px !important;
}
body .mobmenu-content #mobmenuright .sub-menu a {
    margin: 15px 0 10px;
    font-size: 19px;
}
body .rightmtop {
    left: var(--grid);
	top:15px;
}
.contact .social-icons {
    margin-top: 35px;
}
.vc_grid.vc_row.vc_grid-gutter-25px .vc_grid-item:last-child {
    padding-bottom: 10px;
}
.cours-description {
    padding: 7px 0 0;
}
h3 br {
	display:none;
}
.scrolled #masthead, .scrolled header .inside-header, body.scrolled .mob-menu-header-holder, body.scrolled .mobmenul-container, body.scrolled .mobmenur-container {
    height: 100px;
}
}


@media only screen and (max-width: 480px) {
.ttc-form {
	width: 100%;
}
.ttc-question {
    padding: 25px;
}
.ttc-card {
	padding: 25px;
}
.ttc-grid {
	grid-template-columns: repeat(1, 1fr);
	gap: 12px;
}
.ttc-desc-toggle .plusminus {
    font-size: 23px;
}
}