@import url(root.min.css);
@import url(components.min.css);
@media screen and (max-width:850px){
    h1{
        font-size:1.8rem
    }
    .hide-mobile{
        display:none
    }
    .main-header{
        padding:16px
    }
    .main-header>.header-mobile-menu-btn,.main-header>.header-mobile-contact-btn{
        width:4em;
        position:absolute;
        top:0;
        bottom:0;
        z-index:100
    }
    .main-header>.header-mobile-menu-btn{
        height:100%!important;
        left:0;
        display:flex!important;
        align-items:center;
        justify-content:center
    }
    .header-mobile-contact-btn{
        height:100%!important;
        right:0;
        display:flex!important;
        align-items:center;
        justify-content:center;
        background:var(--clr-primary)
    }
    .header-mobile-menu-btn>.btn,.header-mobile-contact-btn>.btn{
        width:2em;
        color:#FFFFFF
    }
    .main-header>.header-mobile-contact-menu{
        height:100%;
        width:calc(100% - 4em);
        padding:16px;
        top:0;
        left:0;
        display:flex;
        position:absolute;
        background:var(--clr-header);
        z-index:101
    }
    .header-mobile-contact-menu>.header-items{
        width:100%;
        display:flex;
        justify-content:center
    }
    .main-header>.header-logo{
        margin:0 auto;
        flex-shrink:0
    }
    .header-logo .logo{
        height:32px
    }
    .main-header>.header-centre-text{
        margin-right:auto;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:3.4rem;
        color:#FFF;
        font-weight:600;
        font-variant:all-petite-caps;
        display:none
    }
    .header-nav{
        display:none!important
    }
    .main-header>.header-items{
        margin-left:auto!important;
        column-gap:8px
    }
    .main-header>.header-btns{
        display:none
    }
    .header-items .header-btn{
        padding:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:.9em
    }
    .navbar-mobile{
        width:100%!important;
        display:flex;
        font-size:.75em
    }
    .home-mobile-menu,.home-mobile-menu.displayed{
        display:flex!important
    }
    .home-mobile-menu.hidden{
        display:none!important
    }
    .image-slider{
        aspect-ratio:1/1
    }
    .image-slider.rdv-slider{
        aspect-ratio:16/9
    }
    .image-slider-control>.btn{
        height:32px
    }
    .offers-container{
        height:fit-content;
        width:90%;
        padding:8px;
        bottom:0;
        transform:translateY(50%);
        align-items:stretch;
        z-index:100
    }
    .offer-step{
        height:unset;
        margin-bottom:auto
    }
    .offer-step-content>img{
        height:32px
    }
    .offer-step-content>i{
        font-size:1.4rem
    }
    .offer-step-text span{
        font-size:1rem
    }
    .main-separator{
        padding:24px 5%
    }
    .main-separator.increase-padding{
        padding-top:64px
    }
    .main-separator>.main-separator-title,.main-separator>.main-separator-title>span{
        font-size:1.8rem
    }
    .find-my-center-section{
        height:fit-content;
        padding:48px;
        flex-direction:column;
        aspect-ratio:1/1
    }
    .find-my-center-section .section-col{
        width:100%;
        align-items:center;
        justify-content:center
    }
    .find-my-center-section>.home-map{
        display:none
    }
    .find-my-center-section .find-my-center-content{
        width:100%
    }
    .find-my-center-section .center-icon{
        display:none
    }
    .find-my-center-section .center-btn{
        font-size:1.2rem
    }
    .find-my-center-section .center-text{
        font-size:1rem
    }
    .find-my-center-section svg{
        position:absolute;
        height:100%;
        width:fit-content;
        padding:0
    }
    .services-section{
        height:fit-content;
        align-items:stretch
    }
    .services-section>.section-col{
        height:unset;
        padding:24px 16px
    }
    .services-catchphrase-top,.services-catchphrase-sub{
        width:100%;
        font-size:.8rem;
        text-align:center
    }
    .services-section>.section-col.left-col>.btn{
        margin-top:24px;
        padding:8px;
        font-size:1rem
    }
    .services-section>.section-col.right-col>img{
        height:100%;
        width:100%;
        object-fit:cover
    }
    .review-section{
        width:100%;
        padding:48px 24px;
        margin:0;
        flex-direction:column;
        /* row-gap:24px */
    }
    .review-section>.section-col{
        column-gap:16px;
        width:100%;
        /* margin-top:75%; */
    }
    .review{
        row-gap:8px
    }
    .review-logo{
        height:40px;
        width:80px
    }
    .review-rating{
        font-size:1.8rem
    }
    .review-stars{
        font-size:.8rem
    }
    .review-nmbr{
        font-size:.7rem
    }
    .chatbot{
        width:100%;
        right:8px;
        bottom:16px;
        padding-left:16px;
        display:flex;
        justify-content:flex-end;
        pointer-events:none
    }
    .chatbot-btn{
        pointer-events:all
    }
    .chatbot-btn-picto>a{
        width:64px
    }
    .chatbot-btn-picto>a>i{
        display:inline
    }
    .chatbot-btn-picto>a>span{
        display:none
    }
    .page-header{
        padding:24px 5%;
        display:flex;
        flex-direction:column;
        background:var(--clr-nav)
    }
    .page-header>.page-title{
        margin-bottom:24px
    }
    .page-section{
        padding:24px 5%
    }
    .activities-section>.activities-row{
        height:fit-content;
        flex-direction:column!important
    }
    .activities-row>.activities-row-content{
        padding:24px
    }
    .job-search-container{
        flex-direction:column;
        row-gap:8px
    }
    .job-offers-section{
        grid-template-columns:repeat(1,1fr)
    }
    .job-description{
        padding:24px;
        top:8px;
        overflow:auto
    }
    .job-description-header>.job-description-title{
        height:fit-content!important;
        width:100%
    }
    .job-description>.job-description-body{
        flex-direction:column
    }
    .job-description>.job-description-footer{
        margin-top:24px
    }
    .centers-search-container{
        flex-direction:column;
        row-gap:16px
    }
    .centers-search-btn-domicile{
        height:62px!important;
        width:100%!important;
        border-radius:8px!important
    }
    .centers-search-container .form-input>.btn:not(:last-of-type){
        border-top-right-radius:8px;
        border-bottom-right-radius:8px
    }
    .centers-map-section{
        height:fit-content;
        position:static;
        padding:0
    }
    .center-search-map{
        display:none
    }
    .center-search-over-map{
        width:100%;
        position:static;
        top:0;
        left:0
    }
    .center-search-btns{
        position:static!important;
        margin-top:16px
    }
    .center-search-page-nmbr{
        display:none
    }
    .centers-departement{
        grid-template-columns:repeat(1,1fr)
    }
    .centers-departement-section::before{
        top:-148px
    }
    .centers-departement-section>h1{
        margin-bottom:48px
    }
    .offers-section{
        row-gap:24px
    }
    .offers-section>.offers-row{
        flex-direction:column;
        row-gap:24px;
        column-gap:24px
    }
    .offers-row>.offer-card{
        padding-left:0
    }
    .offer-card::before{
        display:none
    }
    .offer-card>.offer-card-content{
        padding:24px
    }
    .appointment-form-section{
        flex-direction:column
    }
    .appointment-col>.appointment-step-bar{
        flex-direction:column;
        margin-bottom:24px
    }
    .appointment-step-bar>.step-bar-content{
        margin-top:48px;
        column-gap:0;
        justify-content:space-between
    }
    .appointment-form-section>.appointment-col{
        flex:1!important;
        width:100%
    }
    .appointment-step>.form-row{
        justify-content:unset;
        overflow-x:auto;
        overflow-y:hidden;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        grid-gap:16px
    }
    .appointment-step>.form-row>.mobile-full-width{
        grid-column:1/3
    }
    .appointment-step>.form-row>.form-item{
        flex-shrink:0;
        width:100%
    }
    .appointment-step>.form-row>.form-item:hover{
        transform:unset
    }
    .appointment-step>.form-row>.form-item>span{
        font-size:1rem
    }
    .appointment-help-col{
        display:none!important;
        margin-top:24px
    }
    .appointment-optional-infos{
        padding:24px
    }
    .appointment-step-inputs{
        flex-direction:column;
        row-gap:24px
    }
    .appointment-step-inputs.force-row{
        flex-direction:row!important
    }
    .appointment-calendar-content>.calendar-day{
        width:calc(100% / 1 - ((16px * 0) / 1))
    }
    .actualites-container{
        grid-template-columns:repeat(1,1fr);
        grid-gap:24px
    }
    .actualites-infos-content{
        flex-direction:column;
        row-gap:24px
    }
    .actualites-infos-content>.actualites-infos-col.img-col{
        width:100%
    }
    .actualites-infos-btns{
        padding-top:0
    }
    #centreInfoHeaderMobile{
        display:flex
    }
    .center-info-map-section{
        height:fit-content;
        padding:0
    }
    .center-info-map-section>img{
        display:none
    }
    .center-info-map-section>.center-info-over-map{
        position:inherit;
        height:100%;
        width:100%;
        padding:24px 5%;
        border-radius:0;
        left:0
    }
    .center-info-section{
        padding-bottom:0;
        flex-direction:column
    }
    .center-info-section::before{
        top:-205px;
        transform:rotate(0)
    }
    .centre-info-col>.centre-info-col-nav{
        display:none
    }
    .centre-info-col .cus-border-bottom{
        margin-bottom:0
    }
    .centre-info-col>.centre-info-col-text{
        margin-top:24px;
        margin-bottom:0
    }
    .centre-info-col>.centre-info-col-btns{
        margin-bottom:24px
    }
    .center-info-btns{
        margin-top:0;
        align-items:stretch
    }
    .center-info-btns>.btn{
        font-size:.8rem
    }
    .centre-info-col>.centre-info-col-hours{
        padding:24px;
        padding-bottom:48px
    }
    .centre-info-col-hours>.centre-info-col-hours-list{
        margin:24px 0
    }
    .centre-info-col-hours-list>li{
        display:flex
    }
    .centre-info-col-hours-list>li>.hours-list-day{
        width:fit-content;
        margin-right:auto
    }
    .timeline-side-row{
        display:none
    }
    .timeline-bottom-row{
        height:fit-content;
        margin-top:24px;
        padding-left:5%;
        display:flex;
        flex-direction:row-reverse;
        align-items:center;
        justify-content:center
    }
    .timeline-center-icon{
        width:40%;
        transform:unset
    }
    .timeline-center-icon>img{
        width:100%;
        object-fit:contain
    }
    .timeline-right-row>i{
        transform:rotate(180deg);
        right:-8px
    }
    .timeline-right-row::before{
        content:'';
        position:absolute;
        left:0;
        height:150px;
        width:8px;
        background:var(--clr-primary);
        transform:translateY(-100%)
    }
    .timeline-spacer,.timeline-right-row{
        width:30%;
        flex-shrink:0
    }
    .fonctionnement-section{
        height:fit-content
    }
    .timeline-top-row{
        height:inherit;
        padding:0;
        display:flex;
        flex-direction:column
    }
    .timeline-item{
        height:fit-content;
        display:flex;
        flex-direction:row!important;
        align-items:center;
        justify-content:center;
        width:100%;
        margin-top:16px;
        aspect-ratio:unset
    }
    .item-text{
        position:initial;
        transform:unset;
        font-size:.8rem;
        row-gap:0;
        margin-left:16px
    }
    .timeline-item>img{
        width:48px;
        position:initial;
        transform:unset;
        margin-left:15%
    }
    .item-dot{
        position:absolute;
        left:calc(5% - 8px)
    }
    .timeline-row{
        position:absolute;
        height:100%;
        width:8px;
        left:5%;
        right:5%;
        top:0;
        border-radius:0;
        background:var(--clr-primary)
    }
    .fonctionnement-faq-content-section{
        flex-direction:column;
        column-gap:0;
        row-gap:16px
    }
    .fonctionnement-faq-content-section>h2{
        margin-bottom:16px
    }
    .fonctionnement-faq-content-section>.faq-col-container{
        flex-direction:column;
        row-gap:16px;
        margin-bottom:16px
    }
    .faq-col-container>.faq-col{
        width:100%
    }
    .faq-question-row>.faq-question{
        font-size:1.4rem
    }
    .faq-question-row>.faq-response{
        padding:16px;
        font-size:1.2rem
    }
    .main-footer.desktop-footer{
        display:none
    }
    .main-footer.mobile-footer{
        display:flex!important
    }
    .main-footer>.main-footer-col{
        flex-direction:column;
        row-gap:24px
    }
    .footer-col.footer-logo-col{
        width:100%;
        max-width:unset
    }
    .footer-row.footer-row-header{
        height:fit-content;
        margin-bottom:0
    }
    .footer-row.footer-row-header.cus-border-bottom>i{
        margin-left:auto
    }
    .footer-row.footer-row-header>img{
        width:unset;
        height:80px;
        margin:auto
    }
    .footer-col{
        row-gap:8px
    }
    .main-footer>.main-footer-row{
        flex-direction:column
    }
    .form-row{
        flex-direction:column;
        row-gap:8px
    }
    .form-col{
        width:100%
    }
    .modal-content{
        border-radius:var(--border-radius-l)
    }
    .modal-half .modal-dialog{
        max-width:unset;
        width:100%
    }
    .modal-small .modal-dialog{
        max-width:500px;
        width:100%
    }
    .modal-quarter-2 .modal-dialog{
        max-width:unset;
        width:100%
    }
    .modal-quarter-3 .modal-dialog{
        max-width:unset;
        width:100%
    }
    .hide-mobile{
        display:none
    }
    .rendez-vous-confirme-container{
        height:70vh!important
    }
    .rendez-vous-confirme-header{
        column-gap:var(--space-m)
    }
    .rendez-vous-confirme-header-text>span:nth-child(1){
        font-size:1.6rem
    }
    .rendez-vous-confirme-header-text>span:nth-child(2){
        font-size:1.6rem
    }
    .rendez-vous-confime-body>.rendez-vous-confime-thanks{
        font-size:1.8rem
    }
    .article-footer{
        padding:16px;
        margin-bottom:32px
    }
    .article-footer-header>span{
        font-size:1.4rem!important;
        text-decoration:underline;
        font-weight:600
    }
    .article-carousel-container{
        max-width:100%;
        column-gap:16px
    }
    .article-carousel{
        display:flex;
        flex-direction:column;
        gap:16px
    }
}
@media screen and (min-width:851px) and (max-width:1024px){
    .header-nav{
        display:none!important
    }
    .main-header>.header-mobile-menu-btn,.main-header>.header-mobile-contact-btn{
        width:4em;
        position:absolute;
        top:0;
        bottom:0;
        z-index:100
    }
    .main-header>.header-mobile-menu-btn{
        height:100%!important;
        left:0;
        display:flex!important;
        align-items:center;
        justify-content:center
    }
    .header-mobile-menu-btn>.btn,.header-mobile-contact-btn>.btn{
        width:2em;
        color:#FFFFFF
    }
    .main-header>.header-logo{
        margin-left:32px
    }
}
@media screen and (min-width:769px) and (max-width:1280px){
    .activities-section>.activities-row{
        height:fit-content;
        align-items:stretch
    }
    .activities-row>img{
        height:unset;
        width:33%;
        object-fit:cover
    }
    .center-search-over-map>.center-search-page{
        overflow:auto
    }
    .center-search-page>.center-search-item{
        height:unset
    }
    .timeline-side-row{
        height:65vh
    }
    .timeline-bottom-row{
        margin-top:35vh
    }
    .actualites-container{
        grid-template-columns:repeat(3,minmax(280px,1fr))
    }
}
@media screen and (min-width:2560px){
}