/* Theme Name: Lithium Marketing */
:root{
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #4E4E4E;
    --container-width:1500px
}
.monoton{
    font-family: 'Monoton', cursive;
    font-weight: initial;
}
a{
    font-weight: 500;
    color: #4E4E4E;
}
img{
    max-width: 100%;
    height: auto;
}
.overflow-hidden{
    overflow: hidden;
}
h2{
    font-size: 3.5rem;
    font-weight: 500;
    text-transform: uppercase;
}
.p-relative{position: relative;}
.text-center{
    text-align: center;
}
.container{
    max-width: var(--container-width);
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.container-xxl{
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0;
}
#header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    transform: translateY(0);
    transition: transform .5s;
}
.admin-bar #header{
    top: 32px;
}
.scroll-down #header{
    transform: translateY(-100%);
}
.grid-header{
    display: grid;
    grid-template-columns: 155px 1fr;
    gap: 1rem;
}
.header-right > div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.btn-1{
    display: inline-flex;
    align-items: center;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #4E4E4E;
    background-color: #F4F4F4;
    transition: all .1s;
}
.btn-1 span{
    padding: .5rem 1.2rem;
    display: inline-block;
    z-index: 10;
}
.btn-1:hover{
    color: #fff;
    background-color: #64B9D4;
}
.btn-1::after{
    content: '';
    background-color: #64B9D4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.971' height='31.027' viewBox='0 0 21.971 31.027'%3E%3Cg data-name='Groupe 340'%3E%3Cpath data-name='Tracé 957' d='M5.872,29.152.707,23.988,9.763,14.93.707,5.872,5.872.707,20.1,14.93Z' transform='translate(0.584 0.584)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    position: relative;
    left: 0;
    width: 42px;
    height: 50px;
    display: inline-flex;
    transition: all .3s;
}
.btn-1:hover::after{
    left: 5px;
}
.btn-2{
    background-color: transparent;
    font-size: 1.6rem;
    text-transform: initial;
    margin: .5rem 0;
}
.btn-2 span{
    padding-left: 0;
}
.btn-2:hover{
    background-color: transparent;
    color: #000;
}
.box-hamb{
    display: none;
    position: relative;
    z-index: 99999;
}
.hamburger {
    font: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    padding: 1rem 0 1rem 1rem;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 24px;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 38px;
    height: 5px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #aaa;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease;
}
.hamburger-inner:before {
    top: -10px;
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.hamburger-inner:after {
    bottom: -10px;
}
.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}
.hamburger + span{
    font-weight: bold;
    padding-left: 10px;
}
.top-menu ul{
    position: relative;
    display: flex;
    align-items: center;
    gap: .2rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.top-menu ul::after{
    content: '';
    background-color: #707070;
    height: 1px;
    width: 1000px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.top-menu a{
    padding: .6rem .8rem;
}
.top-menu svg{
    height: 22px;
}
.header-messages{
    min-height: 17px;
    background-color: #63B6D1;
    color: #fff;
}
.header-message{
    position: relative;
}
.single-accordeon button .colorbar{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #64B9D4;
    display: inline-block;
}
.header-message.mess-gris,
.single-accordeon button.gris .colorbar{
    background-color: #565D5C;
}
.header-message.mess-rouge,
.single-accordeon button.rouge .colorbar{
    background-color: #B24754;
}
.single-accordeon button.jaune .colorbar{
    background-color: #EEC77C;
}
.single-accordeon button.vert .colorbar{
    background-color: #B3C297;
}
.single-accordeon button.orange .colorbar{
    background-color: #D18F5B;
}
.header-message svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .5rem;
    height: 35px;
    fill: #fff;
    cursor: pointer;
}
.header-message .container{
    display: flex;
    justify-content: flex-end;
    padding: .6rem 1rem;
    font-size: 1.1rem;
}
.menu-nav ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.menu-nav > ul{
    display: flex;
    gap: 1rem;
}
.menu-nav > ul > li > a{
    position: relative;
    padding: 1.5rem .7rem;
    transition: all .5s;
}
.menu-nav > ul > li > a > span{
    position: relative;
    z-index: 1;
}
.menu-nav > ul > li > a::before{
    content: '';
    background-color: #F5F5F5;
    width: 10px;
    height: 0;
    transition: height .5s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.menu-nav > ul > li:hover > a::before{
    height: 20px;
}
.menu-nav > ul > li > ul.sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    transform: translateY(-101%);
    background-color: #F5F5F5;
    z-index: -1;
    transition: all .5s;
    display: flex;
    gap: 2rem;
}
.is-sticky-mode #header{
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.is-sticky-mode #header .menu-nav > ul > li > a{
    padding: 1.3rem .7rem;
}
.menu-nav > ul > li > ul.sub-menu::before{
    content: attr(data-before);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #64B9D4;
    font-family: 'Monoton', cursive;
    width: 476px;
    box-sizing: border-box;
    font-size: 2.3rem;
    padding: 4rem;
    color: #fff;
}
.menu-nav > ul > li:hover > ul.sub-menu{
    transform: translateY(0);
}
.menu-nav .sub-menu .sub-menu li{
    display: flex;
}
.menu-nav .sub-menu .sub-menu li::before{
    content: '•';
    margin-right: 5px;
}
#header a{
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}
.menu-nav > ul > li > a{
    text-align: center;
}
.box-logo{
    display: flex;
    align-items: center;
}
.header-inner{
    background-color: #fff;
    overflow-x: clip;
}
.top-menu li:first-child a{
    padding-left: 0;
}
.top-menu li:last-child a{
    padding-right: 0;
}
.top-menu .inscription svg{
    height: 16px;
    margin-left: .7rem;
}
.single-home-slide{
    height: 940px;
    position: relative;
}
.home-velodrome .single-home-slide{
    height: 700px;
}
.single-home-slide img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-home-slide .container{
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    padding: 4rem 1rem;
}
.single-home-slide .h1{
    color: #fff;
    font-size: 4rem;
    font-weight: 500;
    max-width: 610px;
    width: 100%;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
    margin: 0.67em 0;
    display: inline-block;
}
.slider-link{
    position: absolute;
    top: 8rem;
    right: 0;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9rem;
    letter-spacing: 1px;
    padding: 1rem .5rem;
    transition: all .3s;
    z-index: 101;
}
.slider-link svg{
    position: relative;
    left: 0;
    transition: all .3s;
    margin-bottom: .8rem;
}
.slider-link:hover{
    background-color: #000;
}
.slider-link:hover svg{
    left: 3px;
}
#header .box-logo img{
    width: 130px;
}
.home-slider .slick-dots,
.slider-partenaire-100-b7 .slick-dots{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 2rem;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.home-slider .slick-dots button,
.home-partenaires .slick-dots button,
.slider-activite .slick-dots button,
.slider-partenaire-100-b7 .slick-dots button{
    padding: 0;
    margin: .25rem 0;
    border: none;
    outline: none;
    background-color: #fff;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.home-partenaires .slick-dots{
    margin: 2rem 0;
}
.home-slider .slick-dots .slick-active button,
.home-partenaires .slick-dots .slick-active button,
.slider-activite .slick-dots .slick-active button{
    background-color: #64B9D4;
    color: #64B9D4;
}
.home-partenaires .slick-dots button,
.slider-activite .slick-dots button{
    width: 17px;
    height: 17px;
    background-color: #DDDEDD;
    color: #DDDEDD;
}
.slider-activite .slick-dots{
    list-style: none;
    display: flex;
    align-items: center;
    gap: .5rem;
    position: absolute;
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding-left: 0;
}
.home-acces{
    margin-top: -200px;
    position: relative;
    z-index: 5;
    color: #fff;
}
.bg-acces{
    background-color: rgba(0,0,0,.6);
    border-radius: 0 250px 250px 0;
    width: 100%;
    max-width: 1300px;
}
.acces-container{
    width: 100%;
    max-width: 850px;
    margin-left: calc((100vw - 1500px) / 2);
    box-sizing: border-box;
    padding: 3rem 1rem 5rem;
}
.acces-container h2{
    margin-top: 0;
}
.half-txt-btn{
    display: grid;
    grid-template-columns: 370px 1fr;
    gap: 2rem;
}
.half-txt-btn p{
    font-size: 1.4rem;
    margin: 0;
}
.home-acces .btns-wrapper div:not(:first-child){
    margin-top: 1rem;
}
.intro-liens{
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 2rem;
    z-index: 10;
    position: relative;
}
.intro-liens .single-lien{
    margin-bottom: 2rem;
    display: block;
    overflow: hidden;
}
.intro-liens .single-lien img{
    display: block;
    width: 100%;
    height: 800px;
    object-fit: cover;
    transition: all .6s;
}
.intro-liens .single-lien span{
    position: absolute;
    bottom: 2rem;
    left: 0;
    font-size: 3.5rem;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: flex-end;
}
.intro-liens .single-lien span::before{
    content: '';
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 55px;
    bottom: 10px;
    margin-right: 1.5rem;
    background-color: #B24754;
    flex-shrink: 0;
    transition: all .3s;
}
.intro-liens .single-lien:hover span::before{
    bottom: 20px;
}
.intro-liens div:last-child .single-lien:first-child span::before{
    background-color: #64B9D4;
}
.intro-liens div:last-child .single-lien:nth-child(2) span::before{
    background-color: #B3C297;
}
.intro-liens div:last-child .single-lien img{
    height: 500px;
}
.intro-liens .single-lien:hover img{
    transform: scale(1.05);
}
.intro-liens:not(.part-2) div:last-child{
    margin-top: -100px;
}
.home-intro{
    position: relative;
    z-index: 10;
}
.home-intro .inner-contenu{
    padding: 4rem 0;
}
.home-intro .inner-contenu h2{
    margin: 0 0 1.5rem;
}
.home-intro .inner-contenu p{
    max-width: 600px;
    font-size: 1.2rem;
}
.slider-multisports{
    width: calc(100% + (100vw - 1500px) / 2);
    overflow: hidden;
}
.slider-multisports .slick-slide {
    margin: 0 1rem;
}
.slider-multisports .slick-list {
    margin: 0 -1rem;
}
.slider-multisports img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    transition: all .6s;
}
.slider-multisports .single-ms:hover img{
    transform: scale(1.05);
}
.single-ms{
    overflow: hidden;
}
.single-ms h3{
    position: absolute;
    bottom: 0;
    left: 1rem;
    font-size: 2rem;
    color: #fff;
    line-height: 1.1;
    margin: 1rem;
    font-weight: 400;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
}
.slider-arrow-forfaits{
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
    position: relative;
    padding: 1.5rem 0;
}
.slider-arrow-forfaits #slider-multisports-arrow-left svg,
#slider-galerie-arrow-left svg{
    transform: rotate(180deg);
}
.slick-arrow,
#footer .infolettre button,
.grid-location a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 58px;
    background-color: #565D5C;
    cursor: pointer;
    transition: all .3s;
}
#footer .infolettre button,
.grid-location a{
    background-color: #657170;
}
#footer .infolettre button svg,
.slick-arrow svg,
.grid-location a svg{
    position: relative;
    left: 0;
    transition: all .3s;
}
#footer .infolettre button:hover svg,
.grid-location a:hover svg,
.slick-arrow:hover svg{
    left: 3px;
}
#slider-multisports-arrow-left.slick-arrow:hover svg,
#slider-galerie-arrow-left.slick-arrow:hover svg{
    left: -3px;
}
.slick-disabled{
    opacity: 0.3;
    cursor: initial;
}
.big-course-wrapper{
    z-index: 0;
    position: absolute;
    width: 45%;
    overflow: hidden;
    right: 0;
    top: 936px;
}
#big-course{
    position: relative;
    right: -1rem;
    pointer-events: none;
    width: 100%;
    max-width: 1000px;
    display: block;
    margin-left: auto;
}
#BACK{
    opacity: .2;
    mix-blend-mode: lighten;
}
#COULEUR path.couleurpath{
    stroke-dasharray: 200 1000;
    stroke-dashoffset: 0;
    animation: dash 60s linear infinite;
}
#COULEUR #path-couleur-1{
    stroke-dashoffset: 4609.075;
    stroke-dasharray: 250 1500;
}
#COULEUR #path-couleur-2{
    stroke-dashoffset: 4340.89;
    stroke-dasharray: 200 1500;
    animation: dash 45s linear infinite;
}
#COULEUR #path-couleur-3{
    stroke-dashoffset: 4070.92;
    stroke-dasharray: 150 1500;
    animation: dash 48s linear infinite;
}
#COULEUR #path-couleur-4{
    stroke-dashoffset: 3798.28;
    animation: dash 50s linear infinite;
}
#COULEUR #path-couleur-5{
    stroke-dashoffset: 3521.73;
    animation: dash 56s linear infinite;
}
#COULEUR #path-couleur-6{
    stroke-dashoffset: 3238.92;
    animation: dash 53s linear infinite;
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.home-multisports h2{
    padding-top: .83em;
    margin-top: 0;
    margin-bottom: 1rem;
}
.intro-liens.part-2{
    padding: 4rem 0;
}
.home-location{
    background-color: #565D5C;
    color: #fff;
    padding: 7rem 0;
}
.home-location h2{
    margin-top: 0;
}
.grid-location img{
    height: 200px;
}
.grid-location{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    color: #BABABA;
}
.grid-location h3{
    font-size: 1.6rem;
    font-weight: 500;
}
.home-location .container,
.single-home-slide .container{
    position: relative;
    z-index: 100;
}
.home-slider .slick-dots{
    z-index: 100;
}
.groupes-ligne .grid-groupe{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.groupes-ligne .grid-groupe .box-img h2{
    position: absolute;
    top: 2rem;
    left: 4rem;
    color: #fff;
    margin: 0;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
}
.groupes-ligne .grid-groupe:nth-child(even) .box-img{
    order: 2;
    margin-top: -14rem;
}
.groupes-ligne .box-img img{
    width: 100%;
    height: 100%;
    min-height: 800px;
    object-fit: cover;
    display: block;
}
.groupes-ligne .grid-groupe:nth-child(even) .box-img h2{
    top: initial;
    bottom: 2rem;
}
.inner-half-container{
    max-width: 750px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
}
.inner-half-container.left,
.groupes-ligne .grid-groupe:nth-child(even) .inner-half-container{
    margin-left: auto;
}
.groupes-ligne .inner-half-container{
    padding: 4rem 6rem;
}
.groupes-ligne .grid-groupe:nth-child(even) .inner-half-container{
    padding: 6rem 6rem 3rem 1rem;
}
.separateur{
    display: flex;
    justify-content: center;
    padding: 5rem 0;
}
.home-groupes h2{
    margin: 5rem 0;
}
.grid-velodrome{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid-velodrome .contenu{
    padding: 0 4rem 4rem;
}
.grid-velodrome .contenu p{
    margin: 3rem 0;
    max-width: 550px;
}
.grid-velodrome .box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-right-radius: 180px;
}
.slider-partenaires img,
.partenaires_activite img {
    height: 150px;
    width: 100%;
    padding: 1rem;
    object-fit: contain;
    box-sizing: border-box;
}
.partenaires_activite img{
    width: 250px;
}
.slider-partenaires .slick-dots{
    display: flex;
    justify-content: center;
    list-style: none;
    gap: .5rem;
    padding-left: 0;
}
.home-partenaires{
    padding: 4rem 0;
}
.home-partenaires h2{
    text-align: center;
    margin-bottom: 4rem;
}
#footer{
    color: #EEE;
    background-color: #565D5C;
}
#footer a{
    color: #eee;
    text-decoration: none;
    font-weight: 400;
}
.grid-footer{
    padding: 6rem 1rem 4rem;
    display: grid;
    grid-template-columns: 1fr 885px;
    gap: 2rem;
}
#footer .bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
#footer ul{
    list-style: none;
    padding: 0;
    line-height: 1.4;
}
#footer .title{
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
}
#footer .infolettre{
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 3rem;
}
#footer .infolettre span{
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: 1rem;
}
#footer .acom{
    position: absolute;
    bottom: 7px;
    left: -5px;
    color: #7e7e7e;
}
#footer .infolettre label{
    flex-grow: 1;
}
#footer .infolettre input,
#footer .infolettre input:-webkit-autofill,
#footer .infolettre input:-webkit-autofill:hover,
#footer .infolettre input:-webkit-autofill:focus,
#footer .infolettre input:-webkit-autofill:active{
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: .5rem 0 .5rem 1.5rem;
    color: #fff;
}
#footer .infolettre button{
    padding: 0;
    outline: none;
    border: none;
    cursor: pointer;
}
#footer .infolettre button svg{
    display: block;
}
address{
    font-style: normal;
}
#footer address{
    margin: 3rem 0 2rem;
}
.copyright{
    background-color: #3F494A;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOMAAABKCAYAAABJneNqAAAABHNCSVQICAgIfAhkiAAAAzRJREFUeF7t1yFrlWEchvH3qTaj6SAsyZJFELc2rAf8AvsEIgwsdtPSvoCfYNhMSxMMgtFgUE40rU/YebYmuC3dd/N36uH5h4v74uIdv47Xcyn8xvbPo8dvP/0unLp14vLLm/V2mR/T23OZXx88P3mW3rnv/en5yYcxlsP0/pzLu1f7r9+nd+57v9lsLm7+e5jeH2Psrlar7+mdu94/PfuxN+b2PL89f347eLKT37n7wucX6+NljKP0/vZqvhxkTDH+fU/GHksyBiyVcVnIGAzon6dkDFiSkYzBfG49JWNAk4xkDOZDRt+MzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSVMZA5rKSMZgPsqojM35kLFJUxkDmspIxmA+yqiMzfmQsUlTGQOaykjGYD7KqIzN+ZCxSfN/LOM1ju0E6S9TJvsAAAAASUVORK5CYII=");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 95%;
    color: #8B8B8B;
    fill: #8B8B8B;
    font-size: .8rem;
    padding: 1.2rem 0;
}
#footer .copyright a{
    color: #8B8B8B;
    display: inline-flex;
    align-items: center;
}
.copyright svg{
    height: 24px;
    margin-right: 5px;
}
.copyright .container > span{
    display: flex;
    align-items: center;
    gap: 3rem;
}
#footer .sociaux ul{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: flex-end;
}
#footer .sociaux svg{
    height: 23px;
    fill: #fff;
}
#back-to-top{
    position: fixed;
    transform: rotate(-90deg);
    bottom: 2rem;
    right: 2rem;
    background-color: #565D5C;
    display: none;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 56px;
    box-sizing: border-box;
    opacity: .9;
}
.is-sticky-mode #back-to-top{
    display: flex;
}
#back-to-top svg{
    position: relative;
    left: 0;
    transition: left .3s;
}
#back-to-top:hover svg{
    left: 3px;
}
#header .menu-nav .sub-menu .sub-menu a{
    text-transform: initial;
    font-weight: 400;
}
#header .menu-nav > ul > li > .sub-menu > li{
    position: relative;
    padding: 4rem 0;
    width: 300px;
}
#header .menu-nav > ul > li > .sub-menu > li > li{
    margin-top: 1.5rem;
}
#header .menu-nav > ul > li > .sub-menu > li > a{
    font-weight: 600;
}
#header .menu-nav > ul > li > .sub-menu > li::before{
    content: '';
    background-color: #B24754;
    width: 18px;
    height: 51px;
    position: absolute;
    top: 0;
    left: -2rem;
    display: block;
}
#header .menu-nav > ul > li > .sub-menu > li:nth-child(2)::before{
    background-color: #D18F5B;
}
#header .menu-nav > ul > li > .sub-menu > li:nth-child(3)::before{
    background-color: #EEC77C;
}
#header .menu-nav > ul > li > .sub-menu > li:nth-child(4)::before{
    background-color: #B3C297;
}
.menu-nav .sub-menu .sub-menu li{
    margin: .4rem 0;
}
.menu-nav .sub-menu .sub-menu li a:hover{
    color: #000;
}
#main-contenu{
    transition: padding-top .1s;
}
.intro-activite{
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    padding: 4rem 0;
}
.intro-activite h1{
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 400;
    margin: 1rem 0 0;
}
.intro-activite .sub-title{
    font-size: 2rem;
    font-weight: 400;
}
.grid-intro-activite{
    padding-top: 2rem;
    display: flex;
    gap: 2rem;
}
.intro-activite .contenu{
    font-weight: 500;
    max-width: 615px;
    width: 100%;
    flex-shrink: 0;
}
.intro-activite .contenu p{
    font-size: 1.2rem;
    line-height: 1.4;
}
.lm-events-upcoming h1{
    max-width: 615px;
    width: 100%;
    padding-top: 7rem;
}
.intro-activite .bande-bleu{
    background-color: #64B9D4;
    color: #fff;
    font-size: 1.1rem;
    padding: .7rem 1rem;
    margin-top: 8px;
    flex-direction: column;
}
.intro-activite .galerie{
    width: calc(100% + (100vw - 1500px) / 2);
    max-width: 1000px;
}
.intro-activite .boite_grise{
    position: relative;
    background-color: #565D5C;
    color: #fff;
    padding: 4rem 0;
    border-radius: 0 250px 250px 0;
    margin-top: 5rem;
}
.intro-activite .boite_grise h2{
    margin: 0;
}
.intro-activite .boite_grise::before{
    content: '';
    display: block;
    height: 100%;
    width: calc(105% + (100vw - 1500px) / 2);
    background-color: #565D5C;
    z-index: 0;
    position: absolute;
    right: 100%;
    top: 0;
}
.intro-activite .boite_grise .box-red-left{
    border-left: 30px solid #B24754;
    margin: 1.5rem 0 2rem;
    padding-left: 1.5rem;
}
.intro-activite .boite_grise .a-partir{
    font-size: 1.2rem;
}
.intro-activite .boite_grise .prix{
    font-size: 2rem;
}
.intro-activite .boite_grise .taxes{
    font-size: 1.3rem;
}
.intro-activite .boite_grise .btn-1{
    font-size: 1.6rem;
    text-transform: initial;
}
.intro-activite .boite_grise .btn-1 span{
    padding-right: 2rem;
}
.intro-activite .boite_grise .btn-1::after {
    width: 56px;
    height: 70px;
}
.slider-activite img{
    width: 100%;
    height: 650px;
    object-fit: cover;
}
.page-template-template-activite .slider-arrow-forfaits{
    width: 95%;
    margin: 1.5rem auto;
}
.home-slider .slick-slide{
    transform: translateX(0);
    transition: opacity 500ms ease 0s, transform 0 ease-out !important;
}
.home-slider .slick-slide.lm-slide-animate{
    transform: translateX(-300px);
    transition: opacity 500ms ease 0s, transform .8s !important;
}
.single-accordeon{
    margin-bottom: .5rem;
}
.single-accordeon button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    outline: none;
    background-color: #F7F7F7;
    position: relative;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
.single-categorie-faq .main-cat-faq{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    outline: none;
    position: relative;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
.single-accordeon button h2{
    margin: .5rem 0;
    font-size: 1.5rem;
    padding-left: 3rem;
    color: #4E4E4E;
    text-align: left;
}
.single-accordeon button > div{
    padding: .5rem 1rem;
}
.single-accordeon button svg{
    height: 43px;
}
.single-accordeon button svg line:first-child,
.single-categorie-faq .main-cat-faq svg line:first-child{
    opacity: 1;
    transition: opacity .3s;
}
.single-accordeon button.open svg line:first-child,
.single-categorie-faq .main-cat-faq.open svg line:first-child{
    opacity: 0;
}
.single-accordeon .contenu,
.single-categorie-faq .questions{
    display: none;
    padding: 0;
    margin: 0;
}
.single-accordeon .contenu .inner-contenu{
    padding: 1rem 0;
}
.single-accordeon .has-image img{
    width: 100%;
}
.single-accordeon .contenu.has-image .inner-contenu{
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 2rem;
    padding: 2rem 0;
}
.single-accordeon .has-image p:first-child{
    margin-top: 0;
}
.single_section_liste{
    border-top: 4px solid #F4F4F4;
    padding: 2rem 0;
}
.single_section_liste:last-child{
    border-bottom: 4px solid #F4F4F4;
}
.single_section_liste h2,
.accordeon-activite > div > h2{
    font-size: 2.4rem;
    text-transform: initial;
    margin-top: 0;
    margin-bottom: 1rem;
}
.accordeon-activite > div > h2{
    margin-top: 2rem;
}
.single_section_liste ul{
    gap: 5%;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.single_section_liste li{
    list-style: none;
    font-size: 1.4rem;
    display: flex;
    margin: .5rem 0;
    width: 30%;
}
.single_section_liste li::before{
    content: '';
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2364B9D4' d='M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: relative;
    top: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: .8rem;
}
.partenaires-grid{
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding-bottom: 7rem;
}
.partenaires_activite h2{
    text-transform: initial;
    margin-top: 3rem;
}
.suggestion_activite{
    background-color: #F7F7F7;
    padding: 5rem 0;
    order: 50;
}
.suggestion_activite h2{
    margin: 0 0 3rem;
    font-size: 2rem;
    text-transform: initial;
}
.grid-suggestions{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
}
.grid-suggestions a{
    position: relative;
    overflow: hidden;
}
.grid-suggestions img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    transform: scale(1);
    transition: transform .6s;
}
.grid-suggestions a:hover img{
    transform: scale(1.05);
}
.grid-suggestions span{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    display: block;
    padding: 1rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
}


.page-template-template-activite-invert #main-contenu,
.single-lm-event #main-contenu,
.is_100b7_event{
    display: grid;
}
.page-template-template-activite-invert .intro-activite,
.single-lm-event .intro-activite{
    order: 1;
}
.page-template-template-activite-invert .accordeon-activite,
.single-lm-event .accordeon-activite{
    order: 3;
}
.page-template-template-activite-invert .section_listes,
.single-lm-event .section_listes{
    order: 2;
}
.page-template-template-activite-invert .partenaires_activite,
.single-lm-event .partenaires_activite{
    order: 4;
}

.full-half{
    width: calc(((100vw - var(--container-width) + 2rem) / 2) + (var(--container-width) / 2));
    flex: inherit !important;
}
.full-half-left{
    margin-left: calc((100vw - var(--container-width) + 2rem) / -2);
}
.full-half-right{
    margin-right: calc((100vw - var(--container-width) + 2rem) / -2);
}

.benevoles-wraper{
    background: #ebebeb;
}
.benevoles-wraper > div{
    display: flex;
    gap: 5rem;
}
.benevoles-wraper > div > div{
    flex: 1;
}
.benevoles-wraper .img{
    display: flex;
    border-radius:0rem 0rem 10rem 0rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.benevoles-wraper .img img{
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}
.benevoles-wraper .txt{
    padding: 4rem 0rem;
}
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.btn-switcher {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.btn-switcher.r,
.btn-switcher.r .layer {
    border-radius: 100px;
}

.btn-switcher.b2 {
    border-radius: 2px;
}
.btn-switcher .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.btn-switcher .knobs {
    z-index: 2;
}
.btn-switcher .layer {
    width: 100%;
    background-color: #C2C7C7;
    transition: 0.3s ease all;
    z-index: 1;
}

.btn-switcher .knobs:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
.btn-switcher .checkbox:checked + .knobs:before {
    content: "";
    left: 42px;
    background-color: #fff;
}
.btn-switcher .checkbox:checked ~ .layer {
    background-color: #C2C7C7;
}
.btn-switcher .knobs,
.btn-switcher .knobs:before,
.btn-switcher .layer {
    transition: 0.3s ease all;
}
.lm_views{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-transform: uppercase;
}
.button-cover{
    height: 36px;
    margin: 0 .5rem;
}
.lm-header-calendar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}
.lm_from_to{
    margin-bottom: 0;
}
.lm-cat-title{
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
}
.lm-cat-title svg {
    height: 26px;
    margin: .2rem;
    fill: #C2C7C7;
}
.lm-cat-title span{
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
}
.slick-dots > li {
    display: inline-block;
}
.slick-dots > li:only-child {
    display: none;
}
.banner-page{
    background-color: #565D5C;
}
.banner-page h1{
    color: #fff;
    margin: 0;
    padding: 3rem 0 0;
    font-size: 4rem;
    line-height: 1;
    position: relative;
    top: .5rem;
}
.page-contenu{
    position: relative;
    z-index: 10;
}
.grid-contact{
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 10rem;
    padding: 5rem 0;
}
.activites-category a{
    position: relative;
    display: inline-flex;
    text-decoration: none;
    padding: .2rem 0;
    background-color: transparent;
    transition: background-color .2s;
}
.activites-category .lm_event_color {
    height: 20px;
    width: 35px;
    display: inline-flex;
    margin-right: .5rem;
    flex-shrink: 0;
}
[data-time] td:not(:first-child){
    height: 40px;
    border-top: 1px solid rgba(165, 163, 158, 0.31);
}
[data-time] td:not(:last-child):not(:first-child),
.al_body thead tr th:not(:first-child):not(:last-child){
    border-right: 2px solid #A5A39E;
}
.al_body table thead th:not(:first-child){
    width: calc(100% / 7 - 30px);
}
.al_body{
    margin-top: 1rem;
    background: #fff;
}
.al_body table{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 3rem;
}
.al_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #EAEAEA;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 1rem 2rem;
}
.al_header .al-arrow{
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
}
.al_header .al-arrow svg{
    height: 30px;
    fill: #000;
}
.al_body table tbody tr td:first-child{
    width: 30px;
}
.al_body table tbody tr:last-child td:not(:first-child){
    border-bottom: 1px solid rgba(165, 163, 158, 0.31);
}
.al_body table td{
    position: relative;
    box-sizing: border-box;
}
.al_body table td .time,
.al_body table td .endtime{
    font-size: .9rem;
    color: #A5A39E;
    font-weight: 700;
}
.al_body table td .time,
.al_body table td .endtime{
    position: absolute;
    top: -.55rem;
    left: 50%;
    transform: translateX(-50%);
}
.al_body table td .endtime{
    top: 1.4rem;
}
.al_important .time{
    color: #000 !important;
}
[data-time].al_important td:not(:first-child) {
    height: 40px;
    border-top: 1px solid rgba(165, 163, 158, 1);
}
.al_body thead th div{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 1rem 1rem;
}
.al_body thead th strong {
    font-size: 2.5rem;
    width: 58px;
    text-align: right;
}
.al_body thead th span {
    font-size: .9rem;
    font-weight: 400;
    width: 63px;
    text-align: right;
}
.plages-horaires{
    position: relative;
}
.plages-horaires::after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0,0,0,.3);
    display: none;
}
.plages-horaires.is-loading::after{
    display: block;
}
.ac-scheduled-block{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.2);
    width: calc(100% - 6px);
    margin: 0;
    box-sizing: border-box;
    z-index: 99;
    opacity: .85;
    cursor: pointer;
    transition: .3s;
}
.ac-scheduled-block:hover{
    opacity: 1;
}
.ac-scheduled-block::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.333' height='34.333' viewBox='0 0 34.333 34.333'%3E%3Cg transform='translate(-1563 -3000.32)'%3E%3Cline y2='34.333' transform='translate(1580.167 3000.32)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline y2='34.333' transform='translate(1597.333 3017.487) rotate(90)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    background-size: 34px 34px;
    opacity: 0;
    transition: .3s;
}
.ac-scheduled-block:not(.isFull):hover::before{
    opacity: 1;
}
.filtres-activites-libre{
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    padding: 2rem 3rem;
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}
.filtres-activites-libre ul{
    padding: 0;
    list-style: none;
    column-count: 3;
    margin: 0;
    width: 100%;
}
.isFull::after {
    content: 'COMPLET';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .65rem;
    color: #fff;
    background-color: rgba(0,0,0,.2);
}
.isFull.notext::after{
    content: '';
}
.activites-category a.selected::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.044' height='25.971' viewBox='0 0 33.044 25.971'%3E%3Cpath id='Path_1113' data-name='Path 1113' d='M5537.96,10116.686l5.889,5.889,23.747-20.668' transform='translate(-5536.192 -10100.021)' fill='none' stroke='%23fff' stroke-width='5'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    width: 29px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 9px;
    z-index: 10;
}
.fancybox-bg {
    background: rgba(255, 255, 255, 0.85);
}
#fancybox-popup {
    background: #4B5251;
    color: #fff;
    width: 100%;
    max-width: 550px;
}
#fancybox-popup .inner-popup{
    display: flex;
    gap: 1.5rem;
}
#fancybox-popup .event-date-box{
    background-color: #63B6D1;
    color: #fff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
}
#fancybox-popup .event-date-box span {
    font-size: .8rem;
    font-weight: 400;
}
#fancybox-popup .event-date-box span:last-child {
    padding-top: .2rem;
}
#fancybox-popup .event-date-box span.datenumber{
    font-size: 2rem;
}
#fancybox-popup h2{
    font-size: 1.3rem;
    margin: 0 0 .5rem;
    text-transform: initial;
    font-weight: 700;
}
#fancybox-popup .contenu > span{
    display: flex;
    gap: .5rem;
}
#fancybox-popup .contenu > span svg{
    height: 20px;
    fill: #fff;
}
#fancybox-popup .btn-1{
    position: absolute;
    bottom: .8rem;
    right: .8rem;
    background: transparent;
    color: #fff;
}
#fancybox-popup .btn-1 span{
    padding-right: .5rem;
}
.ac-scheduled-block.isFull.notext .complet{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
    background: #4E4E4E;
    padding: .5rem;
}
.activites_libre_calendar{
    margin-top: 1rem;
}
.page-template-template-activites-libres .big-course-wrapper{
    display: none;
}
.plages-horaires .monoton{
    color: #fff;
}
.lm-events_single-summary a.btn-1{
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.2rem !important;
    background: transparent;
}
.lm-event-intro .lm-events_single-summary .btn-1::after {
    width: 42px;
    height: 50px;
    margin-left: 1rem;
}
.page-template-template-activites-libres .lm-events-upcoming:after {
    height: 473px;
    bottom: -473px;
}
.lm-partenaires:nth-child(odd){
    background: #F7F7F7;
}
.intro-partenaires,
.page-template-template-carriere .home-groupes{
    position: relative;
    background: rgb(247,247,247);
    background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(247,247,247,0.7147233893557423) 61%, rgba(255,255,255,0) 100%);
}
.intro-partenaires h1,
.h1-title{
    margin: 0;
    padding-top: 5rem;
    font-size: 4rem;
    font-weight: 500;
    text-transform: uppercase;
}
.marci{
    font-size: 7rem;
    color: #64B9D4;
    text-align: center;
    margin-bottom: 0;
}
.lm-partenaires .container,
.nos-partenaires .container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 3rem 1rem;
}
.nos-partenaires .container{
    justify-content: flex-start;
}
.lm-partenaires .logo-wrapper{
    padding: 1rem;
    display: block;
    box-sizing: border-box;
}
.lm-partenaires .logo-wrapper img,
.nos-partenaires .logo-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.lm-partenaires-3 .logo-wrapper{
    width: calc(100% / 3);
    height: 200px;
}
.lm-partenaires-5 .logo-wrapper,
.nos-partenaires .logo-wrapper{
    width: calc(100% / 5);
    height: 170px;
}
.lm-partenaires-6 .logo-wrapper{
    width: calc(100% / 6);
    height: 140px;
}
.section-form-devenir-partenaire{
    background: #64B9D4;
    padding: 7rem 0;
}
.section-form-devenir-partenaire .container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
}
.section-form-devenir-partenaire .monoton{
    color: #fff;
    line-height: .9;
    margin: 0;
    font-size: 4rem;
}
.section-form-devenir-partenaire .monoton span{
    font-family: 'Outfit', sans-serif;
    font-size: .7em;
}
.section-form-devenir-partenaire .contenu > div{
    font-size: 1.4rem;
}
.gform_required_legend{
    display: none;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea,
body .select2-container--default .select2-selection--single{
    font-size: 1rem !important;
    padding: .5rem !important;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    color: #4E4E4E !important;
    font-weight: 400 !important;
}
body .select2-container--default .select2-selection--single{
    height: 42px;
    border-radius: 0;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4E4E4E;
    line-height: 28px;
}
.is-floating-label{
    position: relative;
    margin-top: 1.5rem !important;
}
.is-floating-label > label{
    position: absolute;
    top: .7rem;
    left: 0;
    transition: .3s;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400 !important;
}
.is-floating-label.active > label{
    top: -.7rem;
    left: .5rem;
}
body .gform_wrapper.gravity-theme .gfield textarea.small{
    height: 44px;
}
.gform_button.btn-1{
    padding: 0;
}
.gform_button.btn-1::after {
    background-color: #565D5C;
}
.gform_button.btn-1:hover{
    background: #fff;
    color: #000;
}
.intro-partenaires p{
    font-size: 1.3rem;
}
.is-anchor{
    position: relative;
    top: -200px;
}
.bouton-partenaire{
    background: #515B5A;
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 275px;
    position: absolute;
    top: 6rem;
    right: 0;
    padding: .8rem 1.5rem;
    font-size: 1.3rem;
    box-sizing: border-box;
}
.bouton-partenaire svg{
    height: 85px;
}
.page-template-template-activites-libres .lm-events-upcoming{
    padding-bottom: 0;
}
#postuler{
    background: #64B9D4;
}
.bg-gris{
    background: #F7F7F7;
}
.page-template-template-carriere .home-groupes h1{
    font-size: 3rem;
    text-transform: uppercase;
    margin: 0;
    padding: 5rem 0 4rem;
}
.page-template-template-carriere .home-groupes h2{
    margin: 0;
    font-size: 2rem;
}
.page-template-template-carriere .groupes-ligne .grid-groupe .box-img h2.monoton{
    font-size: 4rem;
    bottom: 2rem;
    top: initial;
}
.icones-row-carriere{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
    padding: 7rem 0;
}
.icones-row-carriere .icone{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    text-align: center;
}
.icones-row-carriere .icone img{
    display: block;
    margin: 0 auto;
}
.jobs-list .lm-tabs{
    text-decoration: none;
}
.jobs-list .lm-tabs .job-name{
    font-size: 1.4rem;
    margin-bottom: .5rem;
    display: block;
}
.jobs-list .lm-tabs.active .icon {
    background: #545B5A;
}
.jobs-list .lm-tabs .icon{
    height: 100%;
    max-width: 60px;
}
.jobs-list .lm-tabs .info{
    padding-right: 1rem;
}
body .jobs-list .lm-tabs .icon svg {
    height: 38px;
}
body .drop .drop-display:after {
    content: "";
    background: #545b5a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.217' height='31.273' viewBox='0 0 22.217 31.273'%3E%3Cpath d='M5.872,29.152.707,23.988,9.763,14.93.707,5.872,5.872.707,20.1,14.93Z' transform='translate(0.707 0.707)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
}
.jobs-content{
    padding: 3rem 3rem 3rem 4.5rem;
}
body .jobs-content .jobName {
    font-size: 2.2rem;
    font-weight: 400;
}
body .descEtShares{
    display: none;
}
.lm-tabs-content h2{
    color: #64B9D4;
    font-size: 1.3rem;
    font-weight: 700;
}
.lm-tabs-content .btn-1{
    padding: 0;
}
.lm-tabs-content .btn-1 span{
    padding: 0 1rem;
}
.candidatures_spontanees{
    padding-top: 3rem;
}
.candidatures_spontanees .btn-1{
    background-color: #fff;
}
.candidatures_spontanees .btn-1:hover{
    color: #000;
}
#postuler h2.gform_title{
    font-family: 'Monoton', cursive;
    color: #fff;
    margin: 1rem 0 3rem;
}
.gfield_label{
    color: #fff;
    font-weight: 300 !important;
    text-transform: uppercase;
}
#postuler > svg {
    position: absolute;
    top: 3rem;
    right: 3rem;
    height: 81px;
}
body .lm-carrieres-filters {
    align-items: center;
    gap: 8rem;
}
.lm-carrieres-filters > div{
    flex-shrink: 0;
}
.lm-carrieres-filters > div.right-filters{
    flex-grow: 1;
}
.right-filters h2{
    font-size: 5rem;
    margin-right: 3rem;
    margin-top: 0;
    margin-bottom: 0;
}
.right-filters h3{
    font-size: 2rem;
    margin: 0;
    text-transform: uppercase;
}
.nos-partenaires{
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 4rem 0;
}
.nos-partenaires h2{
    margin: 0;
    font-size: 2rem;
    text-transform: initial;
}
.nos-partenaires .container{
    padding: 0 1rem;
}
.accordeon-activite{
    padding-bottom: 3rem;
}
.accordeon-activite > .container{
    padding-bottom: 4rem;
    border-bottom: 4px solid #F4F4F4;
    margin-bottom: 4rem;
}
.autres-events{
    order: 5;
    background-color: #F7F7F7;
    padding: 5rem 0;
}
.autres-events .container > h2{
    font-size: 2.5rem;
    text-transform: initial;
    margin-top: 0;
}
.autres-events .container{
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 3rem;
}
.autres-events .events{
    background-color: #fff;
}
.autres-events .single-event-box{
    margin: 1rem;
}
.d-flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-template-contact{
    background-color: #64B9D4;
}
.borders-tb{
    border-top: 1px solid #565D5C;
    border-bottom: 1px solid #565D5C;
    padding: 1rem 0;
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.borders-tb a{
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}
.borders-tb a svg{
    fill: #fff;
    height: 30px;
    margin-right: .8rem;
}
.information-contact{
    line-height: 1.5;
}
.information-contact strong{
    font-size: 1.1rem;
}
.heures > div{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.grid-img-contact{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid-img-contact img{
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.velo-access p{
    font-size: 4rem;
}
.velo-access .acces-container{
    max-width: 1000px;
}
.velo-access .acces-container h2{
    margin-bottom: 1rem;
}
.velo-access .acces-container p{
    margin: 0;
    line-height: 1;
}
.section-endroit-rencontre{
    background-color: #64B9D4;
    padding-top: 22rem;
    margin-top: -16rem;
    color: #fff;
    position: relative;
    padding-bottom: 300px;
}
.section-endroit-rencontre h2{
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: initial;
    margin: 0;
}
.section-endroit-rencontre .a-link{
    margin-bottom: 2rem;
}
.section-endroit-rencontre .a-link p{
    font-size: .8rem;
}
.section-endroit-rencontre .container{
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 5rem;
}
.section-endroit-rencontre .right-info h2 svg{
    flex-shrink: 0;
    width: 184px;
}
.section-endroit-rencontre .right-info h2{
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    max-width: 620px;
    margin-left: 4rem;
    margin-bottom: 4rem;
}
.iframe-wrapper iframe{
    width: 100%;
    height: 550px;
}
.section-endroit-rencontre .image-row{
    position: absolute;
    bottom: -130px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    z-index: 1;
}
.section-endroit-rencontre .image-row img{
    display: block;
    height: 260px;
    width: 260px;
    object-fit: cover;
    border-radius: 50%;
}
.bg-gris-velo {
    position: relative;
    background-color: #565D5C;
    padding-top: 250px;
    color: #fff;
}
.bg-gris-velo .intro-liens:not(.part-2) div:last-child {
    margin-top: 100px;
}
.bg-gris-velo > .container{
    position: relative;
    bottom: 10rem;
}
.bg-gris-velo .inner-contenu{
    max-width: 600px;
}
.partenaires-velo .container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.partenaires-velo .logo-wrapper{
    padding: 1rem;
}
.partenaires-velo .logo-wrapper img {
    width: 100%;
    height: 163px;
    object-fit: contain;
}
.partenaires-de-projet .logo-wrapper img{
    height: 100px;
}
.partenaires-de-projet h2 {
    font-size: 3rem;
    text-transform: initial;
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 4rem;
}
.velo-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 5rem;
}
.velo-mult{
    background-color: #F7F7F7;
}
.page-template-template-velodrome-multisports .home-groupes{
    padding: .1rem 0 7rem;
    background-color: #F7F7F7;
}
.team-membres-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    padding-bottom: 4rem;
}
.single-team-member img{
    width: 100%;
}
.single-team-member .email svg,
#member-email svg{
    height: 25px;
    fill: #64B9D4;
}
.single-team-member p.poste,
#member-poste{
    margin: 0 0 .5rem;
}
.single-team-member .nom,
#member-nom{
    margin: .5rem 0;
    font-size: 1.5rem;
    font-weight: 500;
}
.single-team-member.has-description .photo{
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
#team-member-presentation .left-box{
    display: flex;
    flex-direction: column;
}
.single-team-member.has-description .photo img{
    display: block;
}
.single-team-member.has-description .photo::after{
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='54' height='68' viewBox='0 0 54 68'%3E%3Crect width='54' height='68' fill='%2364b9d4'/%3E%3Cg transform='translate(13.839 13.521)'%3E%3Cg%3E%3Cpath d='M7.323,37.146.707,30.531l11.6-11.6L.707,7.323,7.323.707l18.222,18.22Z' transform='translate(0.947 0.946)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 54px;
    height: 68px;
    transition: .3s;
}
.single-team-member.has-description .photo:hover::after{
    transform: translateX(0);
}
@media (hover:hover){
    .single-team-member.has-description .photo::after{
        transform: translateX(54px);
    }
}
.cat-title{
    font-size: 1.5rem;
    background-color: #64B9D4;
    color: #fff;
    padding: 1rem 1.5rem;
    display: inline-flex;
    margin: 3rem 0;
}
#team-member-presentation{
    background-color: #565D5C;
    color: #fff;
    display: none;
    max-width: 1000px;
    width: 100%;
}
#team-member-presentation > div{
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 2rem;
}
.fancybox-container a{
    outline: none;
}
.conseil-admin-wrapper,
.faq-wrapper{
    padding-top: 4rem;
}
.grid-text-team{
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 2rem;
}
.grid-text-team h4{
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 0;
}
.grid-text-team .team-membres-grid{
    grid-template-columns: 1fr;
}
.grid-text-team .single-team-member{
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 2rem;
}
.w-title{
    padding-left: calc(350px + 2rem);
    text-transform: initial;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    margin-top: 0;
}
.grid-text-team .nom{
    color: #64B9D4;
    font-weight: 800;
    font-size: 1.8rem;
}
.grid-text-team .description{
    font-size: 1.3rem;
}
.ambassadeur-bottom-b{
    border-bottom: 4px solid #F4F4F4;
    margin-bottom: 4rem;
}
.pouce_bas{
    max-width: 460px;
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 5rem;
    margin-top: 2rem;
}
.single-categorie-faq h2.main-cat-faq{
    background-color: #64B9D4;
    font-size: 1.8rem;
    color: #fff;
    padding: 1.2rem 2.5rem;
    text-transform: initial;
    margin: 2rem 0 .5rem;
    box-sizing: border-box;
}
.single-categorie-faq:last-child{
    margin-bottom: 4rem;
}
.single-categorie-faq .single-accordeon .contenu{
    background-color: #F7F7F7;
}
.single-categorie-faq .single-accordeon button.open{
    background-color: #EFEFEF;
}
.single-categorie-faq .single-accordeon .contenu .inner-contenu {
    padding: 1rem 2rem;
}
.service-child-wrapper{
    display: grid;
    grid-template-columns: 212px 1fr;
    gap: 220px;
    padding-bottom: 4rem;
    padding-top: 4rem;
}
.lm-sidebar-blog{
    display: flex;
    flex-direction: column;
}
.lm-sidebar-blog .current{
    font-weight: 700;
}
.lm-sidebar-blog a{
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    padding: .3rem 0;
}
.lm-articles-wrapper article{
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 2rem;
    background-color: #F7F7F7;
    padding: 3rem 2rem 3rem 0;
    margin-bottom: 2rem;
    border-bottom-right-radius: 100px;
}
.lm-articles-wrapper article .excerpt{
    margin: 1rem 0;
    font-size: 1.2rem;
}
.lm-articles-wrapper .box-img{
    position: relative;
}
.lm-articles-wrapper .box-img img{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 400px;
    height: 330px;
    object-fit: cover;
    max-width: initial;
}
.lm-articles-wrapper .btn-1{
    background-color: #fff;
}
.lm-articles-wrapper .btn-1:hover{
    background-color: #64B9D4;
}
.lm-articles-wrapper h1{
    margin: 0;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 500;
}
.title-line{
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1rem;
}
.title-line .date,
.square-date{
    width: 88px;
    height: 88px;
    background-color: #64B9D4;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 1;
}
.title-line .date strong,
.square-date strong{
    font-size: 1.7rem;
}
.no-article{
    font-size: 1.5rem;
}
.navigation.pagination .screen-reader-text{
    display: none;
}
.page-numbers{
    text-decoration: none;
    color: #A5A39E;
    font-weight: 600;
    display: inline-block;
    padding: .5rem .2rem;
}
.page-numbers.current{
    color: #64B9D4;
    font-weight: 800;
}
.lm-single-article h2{
    font-size: 1.5rem;
}
.single-article-wrapper{
    padding: 4rem 1rem;
}
.lm-single-article .box-img{
    float: right;
    margin-left: 2rem;
    margin-bottom: 2rem;
}
.square-date + h1{
    text-transform: uppercase;
    font-weight: 500;
}
.form-benevolat-wrapper{
    background-color: #64B9D4;
    padding: 4rem 0;
}
.page-template-template-benevolat .page-contenu{
    padding: 3rem 1rem;
    font-size: 1.3rem;
}
#field_4_6,
#field_4_7{
    margin-top: 2rem;
}
#field_4_6 legend,
#field_4_7 legend{
    font-size: 1.3rem;
    text-transform: initial;
    color: #4E4E4E;
}
#input_4_6{
    column-count: 3;
    max-width: 800px;
}
#input_4_6 label,
#input_4_7 label{
    font-size: 1.2rem;
    color: #fff;
}
#field_4_7 .gfield_description{
    font-size: 1.3rem;
}
#input_4_7{
    column-count: 3;
}
body .gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input,
body .gform_wrapper.gravity-theme .gfield_checkbox .gfield-choice-input{
    display: none;
}
body .gform_wrapper.gravity-theme .gchoice label{
    display: flex;
    cursor: pointer;
}
body .gform_wrapper.gravity-theme .gchoice{
    margin-bottom: .7rem;
}
.gchoice input + label::before{
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #fff;
    margin-right: .7rem;
    flex-shrink: 0;
}
.gchoice input:checked + label::before{
    background-color: #fff;
}
.histoire-slider{
    cursor: grab;
    margin-left: 10rem;
    display: flex;
    gap: 2rem;
    position: relative;
    left: 0;
}
.histoire-slider img{
    height: 230px;
    width: 300px;
    object-fit: cover;
}
.histoire-slide{
    display: flex !important;
    gap: 2rem;
    flex-shrink: 0;
    max-width: 900px;
    padding-right: 2rem;
}
.histoire-slider .box-img{
    flex-shrink: 0;
}
.histoire-slider .annee{
    font-size: 3rem;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1;
    color: rgba(78, 78, 78, 0.4);
}
.histoire-slider p{
    font-size: 1.1rem;
}
.histoire-slider .slick-slide {
    margin: 0 2rem;
}
.histoire-slider .slick-list {
    margin: 0 -2rem;
}
.histoire-progression{
    border-bottom: 8px solid #64B9D4;
    margin-bottom: 4rem;
    position: relative;
    height: 140px;
}
.mh-intro-wrapper{
    margin-top: 4rem;
}
.mh-text-intro{
    background-color: #64B9D4;
    color: #fff;
    margin: 0;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    width: calc(44% - 3rem);
    box-sizing: border-box;
    display: inline-block;
}
.mh-h2{
    margin-bottom: 0;
    text-transform: initial;
}
.mh-h2 + p{
    font-size: 1.3rem;
}
.mh-text-intro + img{
    float: right;
    display: block;
    width: 56%;
    margin-left: 3rem;
    margin-bottom: 2rem;
}
.grid-icones-valeurs{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    text-align: center;
}
.grid-icones-valeurs p{
    font-size: 1.2rem;
}
.grid-icones-valeurs h3{
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.notre-histoire h2{
    margin-top: 0;
    margin-bottom: 0;
    text-transform: initial;
}
.cycliste-animation{
    width: 130px;
    height: 115px;
    position: absolute;
    bottom: -.5rem;
    left: 3rem;
    background: url("/wp-content/uploads/2022/08/Icone-Velo-1.svg") no-repeat;
    background-size: auto 100%;
    animation: anim .5s steps(6) infinite;
    transition: 1.5s;
}
@keyframes anim {
    100% {background-position: -780px}
}
.histoire-ov {
    overflow: hidden;
    margin-left: calc((100% - 1500px) / 2);
    padding-left: 1rem;
    box-sizing: border-box;
    margin-bottom: 3rem;
}
span.menu-toggle,
li span.icon-label{
    display: none;
}
.sub-menu a[href="#"]{
    cursor: initial;
}
.page-template-template-activite .accordeon-activite > .container {
    padding-bottom: 0;
    border-bottom: initial;
    margin-bottom: 0;
}
.page-template-template-activite .suggestion_activite{
    margin-top: 4rem;
}
.mobile-txt,
.nous-joindre .icon-label + svg{
    display: none;
}
.nous-joindre .icon-label{
    display: block;
    font-size: .8rem;
}
.menu-nav > ul > li:last-child > a{
    padding-right: 0;
}
.lang-desktop{
    font-size: .8rem;
}
.top-menu svg{
    fill: #4E4E4E;
}
.top-menu .tickets svg{
    height: 19px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #504e4e transparent transparent transparent;
    border-width: 9px 8px 0 8px;
}
.grecaptcha-badge{
    display: none;
}
.cent-b7 .velo-access .acces-container{
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 5rem;
}
.cent-b7 .velo-access .acces-container p{
    font-size: 2.3rem;
}
.cent-b7 .section-endroit-rencontre{
    background-color: #ED0B70;
}
.club-bolt .section-endroit-rencontre,
.is_club_bolt_child .intro-activite .bande-bleu{
    background-color: #CB0017;
}
.cent-b7 .section-endroit-rencontre .right-info h2 {
    max-width: 770px;
}
.cent-b7 .event-title{
    font-size: 3rem;
    margin-bottom: 4rem;
}
.cent-b7 .rond-noir-texte{
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    font-size: 1.8rem;
    max-width: 1000px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    padding: 2rem 4rem;
    text-align: center;
    box-sizing: border-box;
}
.club-bolt .rond-noir-texte{
    background-color: #565D5C;
}
.club-bolt .bg-gris-velo {
    background-color: #000;
}
.cent-b7 .intro-liens .single-lien span::before,
.cent-b7 .intro-liens div:last-child .single-lien:first-child span::before,
.cent-b7 .intro-liens div:last-child .single-lien:nth-child(2) span::before,
.cent-b7 .btn-1::after,
.cent-b7 .btn-1:hover{
    background-color: #ED0B70;
}
.club-bolt .intro-liens .single-lien span::before,
.club-bolt .intro-liens div:last-child .single-lien:first-child span::before,
.club-bolt .intro-liens div:last-child .single-lien:nth-child(2) span::before,
.club-bolt .btn-1::after,
.club-bolt .btn-1:hover{
    background-color: #CB0017;
}
.slider-partenaire-100-b7 img{
    width: 100%;
    height: 150px;
    object-fit: contain;
    padding: .5rem 1rem;
    box-sizing: border-box;
}
.slider-partenaire-100-b7 .slick-dots {
    position: relative;
    top: initial;
    transform: translateX(-50%);
    right: initial;
    left: 50%;
    flex-direction: row;
    gap: .5rem;
}
.slider-partenaire-100-b7 .slick-dots button{
    background-color: #D8DAD9;
    color: #D8DAD9;
}
.slider-partenaire-100-b7 .slick-dots li.slick-active button,
.is_100b7_event .slider-activite .slick-dots .slick-active button{
    background-color: #ED0B70;
    color: #ED0B70;
}
.cent-b7 .home-groupes::before{
    content: '';
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(244,244,244);
    background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    display: block;
    z-index: -1;
}
.cent-b7 .home-groupes{
    padding-top: 1rem;
    margin-top: 5rem;
    padding-bottom: 7rem;
}
.cent-b7 .home-groupes .grid-groupe:first-child .new-icon{
    margin-top: -7rem;
}
.cent-b7 .groupes-ligne .grid-groupe .box-img h2 {
    top: initial;
    bottom: 2rem;
    font-weight: 700;
}
.is_100b7_event .lm-events-single:before{
    background: #ED0B70;
}
.is_100b7_event .intro-activite .bande-bleu,
.is_100b7_event .btn-1::after,
.is_100b7_event .btn-1:hover,
.is_100b7_event .single-accordeon button .colorbar{
    background-color: #ED0B70;
}
.is_club_bolt_child .btn-1:hover,
.is_club_bolt_child .btn-1::after,
.is_club_bolt_child .single-accordeon button .colorbar{
    background-color: #CB0017;
}
.is_club_bolt_child .intro-activite .boite_grise .box-red-left{
    border-color: #CB0017;
}
.is_club_bolt_child .slider-activite .slick-dots .slick-active button{
    background-color: #CB0017;
    color: #CB0017;
}
.is_club_bolt_child .single_section_liste li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23CB0017' d='M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z'/%3E%3C/svg%3E");
}
.is_100b7_event .single_section_liste li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ED0B70' d='M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z'/%3E%3C/svg%3E");
}
.is_100b7_event .monoton{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}
.is_100b7_event .intro-activite.lm-events-single::after {
    content: '';
    background-image: url("https://centrenationalbromont.com/wp-content/uploads/2022/12/logo-100-b7.svg");
    position: absolute;
    top: 5rem;
    right: 5rem;
    display: block;
    width: 116px;
    height: 154px;
    background-size: contain;
    background-repeat: no-repeat;
}