@media screen and (max-width: 1900px){
    .intro-activite .galerie {
        width: 100%;
        max-width: 700px;
    }
}
@media screen and (max-width: 1700px){
    .single-home-slide .container {
        padding-right: 7rem;
    }
}
@media screen and (max-width: 1600px){
    .menu-nav > ul > li > ul.sub-menu::before {
        width: 330px;
        font-size: 1.7rem;
        padding: 2rem;
    }
    .menu-nav > ul {
        gap: .5rem;
    }
    .header-message .container {
        padding-right: 2.5rem;
    }
    .acces-container {
        margin-left: 3rem;
    }
    .bg-acces {
        max-width: 940px;
    }
    .single-home-slide {
        height: 715px;
    }
    .home-slider .slick-dots {
        top: 54%;
    }
    .slider-multisports {
        width: 100%;
    }
    .histoire-ov {
        margin-left: 0;
    }
    .histoire-progression {
        margin-bottom: 3rem;
    }
    .autres-events .container {
        grid-template-columns: 1fr;
    }
    .cent-b7 .bg-acces {
        max-width: 1150px;
    }
}
@media screen and (max-width: 1400px){
    .box-hamb{
        display: flex;
        justify-content: flex-end;
    }
    .menu-principal{
        position: fixed;
        max-width: 430px;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 6rem;
        margin-top: 0;
        background-color: #fff;
        overflow: auto;
        transform: translateX(430px);
        transition: transform .3s;
        box-sizing: border-box;
        z-index: -1;
        border-top: 17px solid #63B6D1;
        box-shadow: 0 0 1rem rgba(0,0,0,.2);
    }
    .menu-principal.openned{
        transform: translateX(0);
    }
    .menu-principal ul{
        flex-direction: column;
        gap: .5rem;
        max-width: 685px;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }
    .menu-principal a{
        font-size: 1rem;
        padding-bottom: .3rem;
        padding-top: .3rem;
    }
    .menu-principal a:after,
    .menu-nav > ul > li > ul.sub-menu::before,
    .menu-nav > ul > li > a::before,
    .top-menu ul::after{
        display: none;
    }
    #header .menu-nav{
        width: 100%;
    }
    #header .menu-nav > ul > li > .sub-menu > li {
        position: relative;
        padding: 0;
        width: initial;
        padding-left: 1rem;
    }
    .header-right{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #header .box-logo img {
        width: 105px;
        padding: 1rem;
    }
    .menu-nav > ul > li > ul.sub-menu{
        position: relative;
        top: 0;
        width: initial;
        transform: initial;
        display: none;
        transition: initial;
        z-index: 10;
    }
    .menu-nav > ul > li > a,
    .is-sticky-mode #header .menu-nav > ul > li > a{
        position: relative;
        padding: 0.5rem .7rem;
        transition: all .5s;
    }
    #header li.menu-item-has-children > a{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu-nav > ul > li.menu-item-has-children > a > span.menu-toggle{
        display: block;
        font-size: 3rem;
        color: #64B9D4;
        line-height: 1rem;
    }
    #header .menu-nav > ul > li > .sub-menu > li::before {
        height: 36px;
        left: -1rem;
    }
    li span.icon-label{
        display: block;
        order: 2;
        font-size: .9rem;
    }
    .top-menu{
        width: 100%;
        margin-top: 2rem;
    }
    .top-menu ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0;
        gap: 0;
    }
    .top-menu ul li a{
        width: 100%;
        height: 100px;
        box-sizing: border-box;
        gap: .5rem;
    }
    .top-menu ul li:first-child a,
    .top-menu ul li:nth-child(4) a{
        background-color: #F7F7F7;
    }
    .top-menu a{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .top-menu svg{
        height: 29px;
    }
    .top-menu .tickets svg {
        height: 24px;
    }
    .scroll-down .menu-principal{
        display: none;
    }
    .intro-liens .single-lien span {
        font-size: 2.5rem;
    }
    .grid-intro-activite {
        flex-direction: column;
    }
    .intro-activite .contenu {
        max-width: initial;
        width: 100%;
    }
    .intro-activite .galerie {
        max-width: initial;
    }
    .grid-suggestions {
        grid-template-columns: 1fr;
    }
    .grid-suggestions img {
        height: 100%;
    }
    .lm-events-upcoming .galerie {
        transform: translateY(0);
    }
    .lm-event-intro {
        flex-wrap: wrap;
    }
    .filtres-activites-libre ul {
        column-count: 2;
    }
    .filtres-activites-libre {
        gap: 2rem;
    }
    .al_body{
        overflow-x: scroll;
        overflow-y: visible;
    }
    .al_body table{
        width: 1294px;
        max-width: initial;
        margin-left: 2rem;
    }
    .al_body table thead th:not(:first-child) {
        width: 180px;
    }
    .al_body table td .time, .al_body table td .endtime {
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
    }
    .al_body table tbody tr td:first-child {
        position: absolute;
        transform: translate(-20px, -14px);
        background-color: #fff;
    }
    .al_body table td .endtime {
        position: relative;
        top: 39px;
        left: -17px;
        background-color: #fff;
    }
    .full-half-left {
        margin-left: 0;
    }
    .grid-contact {
        gap: 2rem;
    }
    .page-template-template-carriere .groupes-ligne .grid-groupe .box-img h2.monoton {
        font-size: 3rem;
    }
    .page-template-template-partenaires .intro-partenaires h1,
    .page-template-template-partenaires .intro-partenaires p{
        margin-right: 275px;
    }
    .top-menu li:last-child a{
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start !important;
        padding-left: 2rem;
        margin-top: 1rem;
    }
    .top-menu li:first-child a{
        padding-left: .8rem;
    }
    .menu-nav > ul > li > a{
        padding-right: .2rem;
    }
    .lang-desktop{
        display: none;
    }
    .mobile-txt,
    .nous-joindre .icon-label + svg{
        display: block;
    }
    .nous-joindre .icon-label{
        font-size: .9rem;
    }
    .lm-lang-switcher a{
        font-size: .8rem;
    }
    #header .box-logo{
        position: relative;
        z-index: 99999;
    }
}
@media screen and (max-width: 1300px){
    .lm-events-display-wrapper{
        width: 100%;
    }
    .event-page-container > div:nth-child(3) {
        flex: initial;
    }
    .event-page-container > div:nth-child(2) {
        flex: initial;
        width: 100%;
        display: flex;
        gap: 2rem;
    }
}
@media screen and (max-width: 1200px){
    .single-home-slide .h1{
        font-size: 3rem;
    }
    .intro-liens .single-lien span {
        font-size: 2rem;
    }
    .grid-location,
    .groupes-ligne .grid-groupe,
    .grid-velodrome,
    .intro-liens,
    .grid-footer{
        grid-template-columns: 1fr;
    }
    .intro-liens{
        gap: 0;
    }
    .intro-liens .single-lien {
        margin-bottom: 0;
    }
    .intro-liens .single-lien img {
        height: 100%;
    }
    .grid-location > div{
        max-width: 400px;
        margin: auto;
    }
    .grid-location img {
        height: 145px;
    }
    .groupes-ligne .grid-groupe:nth-child(even) .box-img {
        order: 1;
        margin-top: initial;
    }
    .grid-groupe .contenu{
        order: 2;
    }
    .groupes-ligne .grid-groupe:nth-child(even) .inner-half-container,
    .groupes-ligne .inner-half-container{
        padding: 2rem;
        max-width: initial;
    }
    .grid-velodrome .box-img{
        width: 80%;
        margin-bottom: 2rem;
    }
    .groupes-ligne .box-img img {
        min-height: initial;
    }
    .intro-liens:not(.part-2) div:last-child {
        margin-top: initial;
    }
    .section-endroit-rencontre .container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .section-endroit-rencontre {
        padding-bottom: 100px;
    }
    .bg-gris-velo {
        padding-top: 100px;
    }
    .intro-liens .single-lien span::before {
        bottom: -5px;
    }
    .bg-gris-velo > .container {
        position: relative;
        bottom: 0;
        padding: 3rem 1rem;
    }
    .marci {
        font-size: 5rem;
    }
    .grid-contact,
    .grid-text-team{
        grid-template-columns: 1fr;
    }
    .w-title {
        padding-left: 0;
    }
    .service-child-wrapper {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .lm-articles-wrapper .box-img img {
        position: relative;
        top: initial;
        right: initial;
        transform: initial;
        width: 100%;
        height: 100%;
    }
    .lm-articles-wrapper article {
        grid-template-columns: .7fr 1fr;
        padding: 2rem 1rem;
    }
    .lm-sidebar-blog{
        padding-bottom: 3rem;
    }
    #input_4_7 {
        column-count: 2;
    }
    .section-form-devenir-partenaire .container {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .cent-b7 .section-endroit-rencontre {
        padding-bottom: 230px;
    }
    .cent-b7 .bg-gris-velo {
        padding-top: 230px;
    }
    .cent-b7 .intro-liens div:last-child .single-lien img {
        height: auto;
    }
    .cent-b7 .home-groupes .grid-groupe:first-child .new-icon,
    .cent-b7 .bg-gris-velo .intro-liens:not(.part-2) div:last-child {
        margin-top: 0;
    }
}
@media screen and (max-width: 1100px){
    .single_section_liste li {
        width: 47%;
    }
    .mh-text-intro + img {
        float: none;
        width: 100%;
        margin: 1rem 0 2rem;
    }
    .grid-icones-valeurs {
        grid-template-columns: 1fr 1fr;
    }
    .cent-b7 .velo-access .acces-container {
        gap: 3rem;
    }
}
@media screen and (max-width: 1000px){
    .is_100b7_event .intro-activite.lm-events-single::after{
        display: none;
    }
    .half-txt-btn p {
        font-size: 1.1rem;
        margin: 0;
    }
    .half-txt-btn {
        grid-template-columns: 1fr;
    }
    h2,
    .intro-activite h1{
        font-size: 2.5rem;
    }
    .acces-container {
        margin-left: 0;
        padding: 3rem 4rem 5rem 2rem;
    }
    .benevoles-wraper > div {
        gap: 2rem;
        flex-direction: column;
    }
    .benevoles-wraper .img {
        border-radius: 0 0 5rem 0;
        height: 420px;
        width: 100%;
        margin-top: 2rem;
    }
    .benevoles-wraper .txt {
        padding: 0 0 4rem;
    }
    .filtres-activites-libre ul {
        column-count: 1;
    }
    .lm-events-upcoming h1 {
        padding-top: 4rem;
    }
    .intro-activite {
        padding: 2rem 0 4rem;
    }
    .single-accordeon .contenu.has-image .inner-contenu {
        grid-template-columns: 1fr;
    }
    .velo-access p {
        font-size: 2rem;
    }
    .histoire-slider {
        margin-left: 0;
    }
    .intro-partenaires h1, .h1-title{
        font-size: 3rem;
    }
    .mh-text-intro {
        width: initial;
    }
    .team-membres-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem 2rem;
    }
    #input_4_6,
    #input_4_7{
        column-count: 1;
    }
    body .lm-carrieres-filters {
        gap: 1rem;
        flex-direction: column;
    }
    .lm-carrieres-filters > div {
        width: 100%;
        margin: 0;
    }
    .lm-carrieres-filters > div.inner-filters{
        order: 2;
    }
    .lm-carrieres-filters > div.right-filters {
        width: 100%;
    }
    .jobs-content {
        padding: 0;
    }
    .icones-row-carriere {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        padding: 5rem 0;
    }
    .lm-partenaires-3 .logo-wrapper {
        width: 100%;
    }
    .lm-partenaires-5 .logo-wrapper {
        width: calc(100% / 3);
    }
    .lm-partenaires-6 .logo-wrapper {
        width: calc(100% / 4);
    }
    .lm-events-single:before{
        display: none;
    }
    .intro-activite.lm-events-single h1 {
        text-transform: uppercase;
        font-size: 3.5rem;
        font-weight: 400;
        margin: 2rem 0 2rem;
        color: #4e4e4e;
    }
    .intro-activite.lm-events-single{
        overflow: hidden;
    }
    .lm-single-article .box-img {
        float: none;
        margin-left: 0;
    }
}
@media screen and (max-width: 800px){
    .cent-b7 .velo-access .acces-container {
        gap: 2rem;
        grid-template-columns: 125px 1fr;
    }
    .cent-b7 .velo-access .acces-container p {
        font-size: 1.5rem;
    }
    .cent-b7 .rond-noir-texte {
        font-size: 1.2rem;
    }
    #footer .bottom,
    .grid-text-team .single-team-member,
    .lm-articles-wrapper article{
        grid-template-columns: 1fr;
    }
    .grid-text-team .single-team-member{
        gap: .5rem;
    }
    #footer .infolettre {
        flex-wrap: wrap;
    }
    #footer .infolettre span {
        width: 100%;
    }
    .slider-activite img {
        height: 500px;
    }
    .single_section_liste li {
        width: 100%;
        font-size: 1.2rem;
    }
    .lm-header-calendar {
        flex-direction: column;
        gap: 1rem;
    }
    .event-page-container > div:nth-child(2){
        flex-direction: column;
    }
    .lm-events-calendar-wrapper {
        box-shadow: none;
        background: initial;
    }
    .single-event-box {
        grid-template-columns: 1fr;
    }
    .single-event-box .event-date-box{
        top: 0;
        left: initial;
        right: .5rem;
    }
    .single-event-box h2 {
        margin: 2rem 0 .3rem;
    }
    .event-contenu-wrapper {
        padding: 1.5rem;
    }
    .section-endroit-rencontre .right-info h2 {
        font-size: 1.5rem;
        margin-left: 0;
    }
    .section-endroit-rencontre .right-info h2 svg {
        width: 119px;
    }
    .iframe-wrapper iframe {
        height: 343px;
    }
    .home-velodrome .single-home-slide {
        height: 536px;
    }
    .lm-articles-wrapper h1 {
        font-size: 1.3rem;
    }
    .lm-articles-wrapper article .excerpt {
        font-size: 1rem;
    }
    .lm-partenaires-5 .logo-wrapper {
        width: calc(100% / 2);
    }
    .bouton-partenaire {
        top: 0;
    }
    .page-template-template-partenaires .intro-partenaires h1, .page-template-template-partenaires .intro-partenaires p {
        margin-right: 0;
    }
    .page-template-template-partenaires .intro-partenaires h1{
        padding-top: 7rem;
    }
    .lm-partenaires-6 .logo-wrapper {
        width: calc(100% / 3);
    }
}
@media screen and (max-width: 600px){
    .single-home-slide .h1 {
        font-size: 2.5rem;
    }
    .grid-velodrome .contenu {
        padding: 0 1rem 4rem;
    }
    .groupes-ligne .grid-groupe:nth-child(even) .inner-half-container, .groupes-ligne .inner-half-container {
        padding: 2rem 1rem;
    }
    .grid-location > div {
        max-width: initial;
    }
    .copyright .container > span {
        gap: 2rem;
        flex-wrap: wrap;
    }
    .copyright {
        background-image: none;
    }
    .intro-activite .boite_grise::before {
        width: 100px;
    }
    .single-accordeon button h2{
        font-size: 1.2rem;
        padding-left: 2rem;
    }
    .single-accordeon button svg {
        height: 30px;
    }
    .single_section_liste h2, .accordeon-activite > div > h2 {
        font-size: 1.5rem;
    }
    .filtres-activites-libre{
        flex-direction: column;
        gap: 0;
    }
    .lm-event-intro > .contenu h2 {
        font-size: 2rem;
    }
    .home-velodrome .single-home-slide {
        height: 400px;
    }
    .banner-page h1 {
        font-size: 2.5rem;
        line-height: 1.1;
    }
    .grid-img-contact{
        grid-template-columns: 1fr;
    }
    .grid-img-contact img {
        height: auto;
    }
    .menu-nav > ul > li > a{
        text-align: left;
    }
    .intro-partenaires h1, .h1-title{
        font-size: 2rem;
    }
    .histoire-slide{
        gap: 1rem;
        flex-direction: column;
    }
    .team-membres-grid {
        grid-template-columns: 1fr;
    }
    .single-categorie-faq h2.main-cat-faq {
        font-size: 1.3rem;
        padding: 1.2rem 1.5rem;
    }
    .main-cat-faq svg{
        height: 37px;
    }
    .icones-row-carriere {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .right-filters h2 {
        font-size: 3rem;
    }
    .groupes-ligne .grid-groupe .box-img h2 {
        left: 2rem;
    }
    .page-template-template-carriere .groupes-ligne .grid-groupe .box-img h2.monoton,
    .section-form-devenir-partenaire .monoton{
        font-size: 2rem;
    }
    .section-form-devenir-partenaire .monoton span {
        display: block;
    }
    .intro-activite.lm-events-single h1 {
        font-size: 2.5rem;
    }
    .intro-activite .bande-bleu {
        flex-direction: column;
    }
    .menu-principal{
        max-width: initial;
        transform: translateX(100%);
    }
}
@media screen and (max-width: 500px) {
    .cent-b7 .velo-access .acces-container {
        gap: 1rem;
        grid-template-columns: 1fr;
    }
    .cent-b7 .velo-access .acces-container img{
        height: 100px;
    }
    .cent-b7 .event-title {
        font-size: 1.6rem;
    }
    .cent-b7 .rond-noir-texte {
        border-radius: 85px;
        padding: 2rem;
    }
    h2 {
        font-size: 2rem;
    }
    .slider-link {
        font-size: .8rem;
        padding: .8rem .3rem;
    }
    .slider-link svg {
        left: 3px;
        height: 50px;
    }
    .slider-link {
        top: 18rem;
    }
    .home-slider .slick-dots {
        top: 75%;
        right: 1rem;
    }
    .slider-activite img {
        height: 330px;
    }
    .suggestion_activite {
        padding: 3rem 0;
    }
    .intro-activite .boite_grise .prix {
        font-size: 1.5rem;
    }
    .intro-activite .boite_grise .box-red-left {
        border-left: 20px solid #B24754;
        padding-left: 1rem;
    }
    .intro-activite .boite_grise .btn-1 {
        font-size: 1.2rem;
    }
    .section-endroit-rencontre .right-info h2{
        flex-direction: column;
    }
    .section-endroit-rencontre .right-info h2 svg {
        height: auto;
    }
    .grid-icones-valeurs {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 450px){
    .ui-datepicker td {
        padding: 0;
    }
    .ui-datepicker-inline {
        width: 295px;
    }
    .lm-events-display-wrapper {
        padding: 1.5rem 0;
    }
    .marci {
        font-size: 2.5rem;
    }
    .partenaires-de-projet h2 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .cat-title {
        font-size: 1.1rem;
    }
    .title-line {
        grid-template-columns: 1fr;
    }
    .banner-page h1 {
        font-size: 2rem;
        line-height: 1.3;
    }
    body .jobs-list .lm-tabs .job-name {
        font-size: 1.2rem;
    }
    body .jobs-list .lm-tabs .icon {
        max-width: 40px;
    }
    .lm-partenaires-6 .logo-wrapper {
        width: 50%;
    }
}
@media screen and (max-width: 400px){
    h2,
    .intro-activite h1{
        font-size: 1.4rem;
    }
    .grid-velodrome .box-img {
        width: 97%;
    }
    .single-home-slide .container {
        padding-right: 1rem;
    }
    .acces-container {
        padding: 3rem 1rem;
    }
    .bg-acces,
    .intro-activite .boite_grise{
        border-radius: 0 100px 100px 0;
    }
    .single-accordeon button h2{
        font-size: 1rem;
    }
    .suggestion_activite h2,
    .nos-partenaires h2{
        font-size: 1.4rem;
    }
    .filtres-activites-libre {
        padding: 2rem 1rem;
    }
    .page-template-template-conseil-administration h1,
    .w-title,
    .page-template-template-carriere .groupes-ligne .grid-groupe .box-img h2.monoton{
        font-size: 1.5rem;
    }
    .grid-text-team h4 {
        font-size: 1.3rem;
    }
    .pouce_bas {
        font-size: 1.4rem;
    }
    .single-categorie-faq .single-accordeon .contenu .inner-contenu {
        padding: 1rem;
    }
    .page-template-template-carriere .home-groupes h1,
    .intro-activite.lm-events-single h1{
        font-size: 2rem;
    }
    .autres-events .container > h2 {
        font-size: 1.5rem;
    }
}