@media screen and (max-width: 1700px){
    #header{
        width: calc(100% - 80px);
    }
    .home-intro .right-txt svg{
        width: 100%;
    }
    .grid-footer {
        margin-right: 80px;
    }
    #main-contenu > .container,
    .centre-slogan,
    .container-info-centre{
        padding-right: calc(1rem + 80px);
    }
    .programmes-wrapper{
        padding-right: 80px;
    }
    .prog-bar {
        grid-template-columns: 1fr 1fr;
        gap: 1rem 0;
    }
    .single-prog-bar:nth-child(3){
        border: none;
    }
}
@media screen and (max-width: 1600px){
    .grid-footer {
        grid-template-columns: 1fr;
    }
    .footer-centres{
        max-width: 600px;
    }
}
@media screen and (max-width: 1500px){
    .home-intro .right-txt {
        max-width: 450px;
        margin-right: 5rem;
    }
    .home-intro .blue-bottom-txt .right-txt{
        background: #0d499373;
    }
    .home-intro h1 {
        font-size: 1.7rem;
    }
    .home-intro h1 .mansalva {
        font-size: 2rem;
    }
    .home-intro h1 .mansalva strong {
        font-size: 4rem;
    }
    .home-intro .blue-bottom-txt {
        padding-right: 80px;
    }
    .box-single-term h2, .autres-programmes-grid h3, .slider-blog h3,
    .liste-centres h2{
        font-size: 1.3rem;
    }
    #main-contenu::after {
        background-size: 140%;
    }
}
@media screen and (max-width: 1400px){
    .home-intro .right-txt {
        max-width: initial;
    }
    .home-intro .blue-bottom-txt{
        text-align: center;
    }
    .home-intro .blue-bottom-txt .container {
        position: static;
    }
    .home-intro .blue-bottom-txt img {
        height: 550px;
        max-width: initial;
    }
    .home-intro > svg {
        max-width: 238px;
        z-index: -1;
    }
    .box-single-term{
        width: 50%;
    }
    .box-single-term.is-hover{
        width: 60%;
    }
    .box-single-term.is-smaller{
        width: 40%;
    }
    .row-list{
        flex-wrap: wrap;
    }
    .home-programmes .poteaux,
    .home-programmes .logo-tf{
        max-width: 600px;
    }
    .home-intro h1 {
        font-size: 2.5rem;
    }
    .home-intro h1 .mansalva {
        font-size: 3rem;
    }
    .home-intro h1 .mansalva strong {
        font-size: 6rem;
    }
    .grid-header {
        grid-template-columns: 230px 1fr;
    }
    #header,
    #header > .container {
        height: 100px;
    }
    #header .box-logo img{
        top: 0;
    }
    #main-contenu {
        padding-top: 100px;
    }
    .page-banner h1 {
        font-size: 2.4rem;
    }
    .page-banner.page-banner-img h1 {
        max-width: 50%;
    }
    .single-prog-bar .inner-content {
        gap: 1rem;
    }
    .single-prog-bar .icone svg{
        height: 53px;
        width: auto;
    }
    .service-child-wrapper {
        grid-template-columns: 220px 1fr;
        gap: 2rem;
    }
}
@media screen and (max-width: 1300px){
    .liste-centres {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 1200px){
    #main-contenu > .container,
    .container-info-centre{
        padding-right: 1rem;
    }
    .programmes-wrapper,
    .centre-slogan{
        padding-right: 0;
    }
    .centre-slogan h2 {
        font-size: 2rem;
    }
    .centre-slogan svg:first-child {
        left: 1rem;
    }
    .centre-slogan svg:last-child {
        right: 1rem;
    }
    #header {
        width: 100%;
    }
    .header-message {
        padding: 1rem;
    }
    .close-message {
        right: 1rem;
    }
    .box-hamb {
        display: flex;
        justify-content: flex-end;
        position: relative;
        z-index: 10000;
    }
    .menu-principal{
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 6rem;
        margin-top: 0;
        background-color: #2AAAB2;
        overflow: auto;
        transform: translateX(100vw);
        transition: transform .3s;
        box-sizing: border-box;
        z-index: 999;
    }
    .menu-principal.openned{
        transform: translateX(0);
    }
    .menu-principal ul{
        flex-direction: column;
        gap: .5rem;
        max-width: 685px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        align-items: initial;
    }
    .menu-principal a{
        font-size: 1.5rem;
        padding-bottom: .3rem;
        padding-top: .3rem;
        color: #fff;
    }
    .menu-principal a:after{
        display: none;
    }
    .home-programmes .container {
        grid-template-columns: 1fr;
    }
    .home-programmes .right-imgs img {
        height: 500px;
        width: auto;
    }
    .home-programmes .inner-contenu {
        max-width: 600px;
        margin: 8rem auto 8rem 1rem;
    }
    .home-programmes .poteaux {
        top: initial;
        bottom: 0;
    }
    .grid-boutons a {
        font-size: 1.3rem;
    }
    .is-sticky-mode #header .box-logo img {
        height: 65px;
        padding-top: .5rem;
    }
    .menu-flottant {
        position: relative;
        max-height: initial;
        top: initial;
        right: 0;
        transform: initial;
        writing-mode: initial;
        display: flex;
        width: 100%;
        margin: 1rem auto 0;
        padding: 1rem;
        justify-content: center;

    }
    .menu-flottant::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: #fff;
    }
    .menu-flottant > ul{
        position: relative;
        z-index: 10;
        max-width: 500px;
    }
    .menu-flottant a {
        width: 100%;
        padding: .5rem 0;
        text-align: left;
        justify-content: flex-start;
        box-sizing: border-box;
        background: none !important;
        color: #1C1E57;
    }
    .menu-principal .sub-menu {
        position: relative;
        top: initial;
        width: 100%;
        right: initial;
        padding: 0 1.2rem;
        list-style: none;
        column-count: initial;
        column-gap: initial;
        opacity: 1;
        visibility: initial;
        transform: initial;
        transition: none;
        display: none;
    }
    .menu-principal .sub-menu a {
        padding: .7rem 0;
    }
    .lm-search-form {
        right: 4rem;
    }
    .menu-principal .menu-nav{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .menu-principal .menu-nav,
    .menu-principal .menu-nav li{
        width: 100%;
        max-width: 500px;
        box-sizing: border-box;
    }
    .menu-principal .menu-nav li{
        position: relative;
    }
    .menu-principal .menu-nav > ul > li:hover > a {
        color: #fff !important;
    }
    .subopen > span{
        transform: rotate(45deg);
    }
    .menu-principal .sub-menu a{
        font-size: 1.2rem;
    }
    .menu-principal .sub-menu li:last-child a{
        border-bottom: initial;
    }
    .is-sticky-mode .menu-principal .menu-nav > ul > li > a {
        color: #fff;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background-color: #1C1E57;
    }
    .page-template-template-accueil .hamburger-inner,
    .page-template-template-accueil .hamburger-inner:after,
    .page-template-template-accueil .hamburger-inner:before,
    .is-sticky-mode.overflow-hidden.page-template-template-accueil .hamburger-inner,
    .is-sticky-mode.overflow-hidden.page-template-template-accueil .hamburger-inner:after,
    .is-sticky-mode.overflow-hidden.page-template-template-accueil .hamburger-inner:before{
        background-color: #fff;
    }
    .is-sticky-mode.page-template-template-accueil .hamburger-inner,
    .is-sticky-mode.page-template-template-accueil .hamburger-inner:after,
    .is-sticky-mode.page-template-template-accueil .hamburger-inner:before{
        background-color: #1C1E57;
    }
    .is-sticky-mode #header,
    .is-sticky-mode #header > .container {
        height: 75px;
    }
    .inner-infolettre h2 {
        font-size: 3rem;
    }
    .inner-infolettre .contenu-wrapper {
        width: 96%;
        margin: 0 2%;
    }
    #main-contenu::after {
        background-size: 180%;
    }
    .menu-flottant li.mauve a br{
        display: none;
    }
    .menu-principal .menu-nav > ul > li > a {
        padding: .5rem 0;
    }
    .home-intro .blue-bottom-txt {
        padding-right: 0;
    }
    .home-intro{
        padding-top: 2rem;
    }
    .page-banner h1 {
        font-size: 2.2rem
    }
    .results-metiers > div {
        grid-template-columns: 1fr;
    }
    .prog-bar {
        grid-template-columns: 1fr;
        padding: 2rem 0;
    }
    .single-prog-bar {
        border-left: none;
    }
    .single-prog-bar .inner-content{
        margin: 0;
    }
    .service-child-wrapper {
        grid-template-columns: 1fr;
    }
    .service-child-wrapper > div:first-child{
        order: 2;
    }
    .autres-programmes-grid{
        grid-template-columns: 1fr;
    }
    .centre-logo-wrapper img {
        margin: initial;
    }
}

@media screen and (max-width: 1000px){
    .grid-boutons,
    .service-child-wrapper{
        grid-template-columns: 1fr;
    }
    .lm-sidebar {
        order: 2;
    }
    .competences-ul{
        column-count: 1;
    }
    .fake-table-header{
        flex-direction: column;
    }
    .fake-table-header .col2{
        display: none;
    }
}
@media screen and (max-width: 900px){
    .home-programmes .poteaux, .home-programmes .logo-tf {
        max-width: 276px;
        height: auto;
    }
    .box-single-term,
    .box-single-term.is-hover{
        width: 100%;
    }
    .single-programmes .contenu-1, .single-centres .contenu-1,
    .lm-articles-wrapper article{
        grid-template-columns: 1fr;
    }
    .lm-articles-wrapper article img {
        height: auto;
        width: 100%;
    }
    .job-manager-form fieldset label:not(.full-line-checkbox-field label) {
        width: 100%;
    }
}
@media screen and (max-width: 800px){
    .inner-infolettre .contenu-wrapper {
        display: none;
    }
    .inner-infolettre .contenu {
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
        width: 100%;
        box-sizing: border-box;
        padding: 1rem;
    }
    .inner-infolettre h2 {
        font-size: 2rem;
    }
    .liste-centres {
        grid-template-columns: 1fr;
    }
    .page-banner.page-banner-img h1 {
        max-width: 100%;
        color: #fff;
    }
    .page-banner.page-banner-img .container{
        padding: 3rem 1rem;
    }
    .page-banner-img{
        color: #fff;
        flex-wrap: wrap;
        height: auto;
    }
    .page-banner-img img {
        position: relative;
        width: 100%;
        height: 450px;
    }
    .page-banner-img::after{
        display: none;
    }
    .lm-breadcrumb {
        font-size: .8rem;
    }
}
@media screen and (max-width: 700px){
    .suivez-nous {
        padding-left: 0;
        padding-top: 2rem;
    }
    .box-single-programme {
        grid-template-columns: 125px 1fr;
    }
    .home-programmes .container{
        padding-bottom: 16rem;
    }
    .home-programmes .right-imgs img {
        bottom: -16rem;
    }
    .home-programmes .logo-tf {
        right: initial;
        left: -1rem;
    }
    .home-programmes .poteaux{
        max-width: 400px;
    }
    .centre-slogan h2 {
        font-size: 1.5rem;
    }
    .single-accordeons .accordeon-inner-content {
        padding: 1rem;
    }
    .single-accordeons .accordeon-title {
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 600px){
    .home-intro h1 {
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
        margin: 0;
        width: 100%;
        font-size: 2rem;
        z-index: 10;
        height: 704px;
        padding: 152px 2rem;
        box-sizing: border-box;
    }
    .home-intro .right-txt svg {
        width: 600px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .home-intro > svg {
        display: none;
    }
    .box-single-programme h3 {
        font-size: 1.3rem;
    }
    .box-single-programme h3 span {
        top: -2rem;
        font-size: 2rem;
    }
    #main-contenu a{
        overflow-wrap: break-word;
    }
    .results-metiers article a {
        grid-template-columns: 1fr;
    }
    .programmes-btns-wrapper {
        position: relative;
        align-items: initial;
        flex-direction: column;
        width: 100%;
    }
    .has-programmes-btns {
        padding-bottom: 0;
    }
    .single-search-result {
        flex-direction: column;
        gap: 1rem;
    }
    .lm-breadcrumb {
        margin-bottom: 0;
    }
    .retour-programmes{
        background-color: rgba(13, 73, 147, 0.7);
        padding: 0 1rem;
    }
    .job-manager-form fieldset{
        display: flex;
        flex-direction: column;
    }
    .job-manager-form .job-manager-term-checklist {
        max-height: initial;
    }
    .job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
        width: 100%;
    }
}
@media screen and (max-width: 500px){
    .home-intro h1 {
        font-size: 1.6rem;
        padding: 191px 2rem;
        height: 646px;
    }
    .home-intro h1 .mansalva {
        font-size: 2rem;
    }
    .home-intro h1 .mansalva strong {
        font-size: 4rem;
    }
    .home-intro .right-txt svg {
        width: 483px;
    }
    .box-single-programme {
        grid-template-columns: 1fr;
    }
    .box-single-programme img{
        height: 150px;
    }
    .home-programmes .inner-contenu {
        margin: 8rem auto 8rem auto;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }
    .slider-blog .contenu {
        padding: 2rem;
    }
    #main-contenu::after {
        background-size: 290%;
    }
    .page-banner h1 {
        font-size: 1.8rem;
    }
    .page-banner-img img {
        height: auto;
    }
    .centre-slogan svg {
        height: 3rem;
    }
    .box-single-term h2, .autres-programmes-grid h3 {
        width: calc(100% - 2rem);
    }
    .fake-table-header{
        font-size: .8rem;
    }
    .single-accordeons .accordeon-title {
        padding: 1rem 2.5rem 1rem 1.5rem;
    }
    .single-accordeons .accordeon-title::before {
        right: calc(1rem + 14px);
    }
    .single-accordeons .accordeon-title::after {
        right: 1rem;
    }
}
@media screen and (max-width: 400px){
    .home-intro h1 {
        font-size: 1.3rem;
        padding: 111px 1rem;
        height: 450px;
    }
    .home-intro h1 .mansalva {
        font-size: 1.6rem;
    }
    .home-intro h1 .mansalva strong {
        font-size: 3rem;
    }
    .home-intro .right-txt svg {
        width: 380px;
        height: auto;
    }
    .box-single-term h2, .autres-programmes-grid h3, .slider-blog h3, .liste-centres h2 {
        font-size: 1.2rem;
    }
    .programmes-btns-wrapper a {
        font-size: .9rem;
    }
    .single-prog-bar .inner-content {
        grid-template-columns: 70px 1fr;
    }
}