html,
body {
    overflow-x: hidden;
}

@media (min-width:320px) and (max-width:767px) {
    .header-flex {
        position: relative;
    }
    .site-branding {
        width: 50%;
        padding: 5px;
        order: -1;
    }
    .site-branding img {
        margin-top: 0;
    }
    .nav-boutons-droite ul {
        display: none;
    }
    .site-branding a img {
        width: 165px;
        height: 70px;
    }
    .search-form {
        width: auto;
    }
    .search-field {
        border-bottom: 1px solid transparent !important;
    }
    .search-form label {
        display: none;
    }
    .search-form.shownform label {
        display: block;
    }
    form.search-form.shownform {
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%;
        padding: 15px 0 0 15px;
        background: #00629f;
    }
    .search-form label .shownsearch {
        color: #fff;
    }
    .search-form label .shownsearch {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #e1e0e0!important;
    }
    .select-langue {
        order: -1;
        font-size: 18px;
    }
    .header-flex .nav-haut {
        justify-content: initial;
    }
    .search-form [type=submit] {
        background-size: 30px !important;
        right: -75px !important;
        top: -17px !important;
        height: 50px !important;
        width: 50px !important;
        padding: 30px !important;
    }
    .header-flex .barre-recherche,
    .header-flex .select-langue {
        align-items: center;
    }
    button.menu-toggle {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0 5px;
    }
    .shownform-container {
        top: 125px;
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #00629f;
        z-index: 99999;
    }
    button.menu-search {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 17px;
        right: 57px;
        padding: 0 5px
    }
    button.menu-search span:first-child {
        transform: rotate(45deg);
        margin-top: 9px;
        height: 2px;
        width: 100%;
        background-color: #898989;
        display: block;
        margin: 5px 0 5px 0;
    }
    button.menu-search span:last-child {
        transform: rotate(-45deg);
        margin-top: -7px;
        height: 2px;
        width: 100%;
        background-color: #898989;
        display: block;
        margin-top: -7px;
    }
    .search-form.shownform [type=submit] {
        background-image: url(../img/loupe-white.svg);
    }
    .search-form.shownform #s {
        background-color: #00629f;
    }
    button.menu-toggle:focus {
        border-color: transparent !important;
    }
    button.menu-toggle.opened span {
        transition: all .2s ease-in-out;
    }
    button.menu-toggle.opened span:first-child {
        transform: rotate(45deg);
        margin-top: 9px;
    }
    button.menu-toggle.opened span.middlebar {
        display: none;
    }
    button.menu-toggle.opened span:last-child {
        transform: rotate(-45deg);
        margin-top: -7px;
    }
    .header-flex nav.main-navigation ul {
        flex-direction: column;
    }
    button.menu-toggle {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
    }
    button.menu-toggle span.bar {
        height: 2px;
        width: 100%;
        background-color: #898989;
        display: block;
        margin: 5px 0 5px 0;
    }
    .menu-toggle {
        margin-top: 10px;
        display: block;
    }
    .header-flex nav.main-navigation {
        margin-top: 0;
    }
    .main-navigation ul {}
    .main-navigation.toggled ul {}
    .header-flex nav.main-navigation li:last-child a {
        width: 100%;
        font-size: 20px;
        margin: 5px;
    }
    .header-flex nav.main-navigation ul.sub-menu.shownsub li:last-child a {
        color: #323232;
        font-size: 13px;
    }
    .header-flex nav.main-navigation ul ul li:last-child a {
        font-size: 13px;
        width: auto;
    }
    .header-flex nav.main-navigation ul.extra-links li:hover:after {
        display: none;
    }
    .main-navigation ul ul a {
        width: auto;
    }
    .menu-menu-principal-container ul.extra-links li:last-child {
        width: 100%;
        margin-bottom: 1px;
        margin: 0;
    }
    .menu-menu-principal-container ul.extra-links li {
        width: 100%;
        margin-bottom: 1px;
    }
    .menu-menu-principal-container ul.extra-links li a {
        padding: 10px;
        width: 100%;
        color: #fff;
        margin: 2px;
        font-size: 13px !important;
    }
    .menu-menu-principal-container ul.extra-links li a {
        display: flex;
        align-items: center;
    }
    .header-flex nav.main-navigation li:last-child a {
        margin: 2px;
    }
    .menu-menu-principal-container ul.extra-links li a span.mobilemenu-icons {
        height: 26px;
        width: 26px;
        display: inline-block;
        margin: 0 15px;
        text-align: center;
    }
    .menu-menu-principal-container ul.extra-links li a span.mobilemenu-icons.book {
        background-image: url(../img/book.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .menu-menu-principal-container ul.extra-links li a span.mobilemenu-icons.gps {
        background-image: url(../img/gps.png);
        background-repeat: no-repeat;
        margin: 0 13px 0 18px;
    }
    .menu-menu-principal-container ul.extra-links li a span.mobilemenu-icons.mail {
        background-image: url(../img/mail.png);
        background-repeat: no-repeat;
    }
    .menu-menu-principal-container ul.extra-links li a.brochures {
        background-color: #00629f;
    }
    .menu-menu-principal-container ul.extra-links li a.rencontrer {
        background-color: #2e77a4;
    }
    .menu-menu-principal-container ul.extra-links li a.contacter {
        background-color: #2e8ac3;
    }
    .main-navigation .menu-menu-principal-container {
        border-bottom: 1px solid transparent;
        background-color: #fff;
        position: absolute;
        left: -100%;
        transition: all .2s ease-in-out;
        width: 100%;
        z-index: 999;
    }
    .main-navigation.toggled .menu-menu-principal-container.shown {
        left: 0;
    }
    .header-flex nav.main-navigation #primary-menu li.extra-links {
        text-align: center;
    }
    .header-flex nav.main-navigation #primary-menu li.extra-links {
        text-align: center;
    }
    .header-flex nav.main-navigation #primary-menu li {
        width: 100%;
        margin: auto;
        position: relative;
    }
    .header-flex nav.main-navigation #primary-menu li {
        padding-bottom: 0;
        background: url('../img/lilarrow.svg');
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: 94% 13px;
        border-bottom: 1px solid #323232;
    }
    .header-flex nav.main-navigation ul li ul {
        width: 100%;
        display: block;
        position: absolute;
        left: -100%;
        padding: 12px 15px;
        top: 0;
        transition: all .2s ease-in-out;
        height: 350px;
    }
    .header-flex nav.main-navigation ul li ul.shownsub {
        left: 0 !important;
    }
    .header-flex nav.main-navigation #primary-menu li .sub-menu li {
        border-bottom: 1px solid #fff;
    }
    .header-flex nav.main-navigation #primary-menu li .sub-menu li,
    .header-flex nav.main-navigation #primary-menu li .sub-menu li a {
        color: #323232 !important;
        font-size: 13px !important;
        background-color: #f2f2f2 !important;
    }
    .site-footer .site-info .footer-content {
        flex-direction: column;
        align-items: center;
    }
    .site-footer .footer-content .colonne-gauche img {
        margin: auto;
        text-align: center;
    }
    .site-footer .footer-content .colonne-milieu .menu {
        padding: 10px;
    }
    .partie-1 {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .partie-2 .chiffres-video {
        width: auto;
    }
    .chiffres-video .chiffres {
        height: 100%;
    }
    .partie-1 .devenez-ingenieur {
        order: -1;
        width: auto;
    }
    .partie-2 .liste-evenements {
        width: auto;
        height: auto;
    }
    .devenez-ingenieur .admissions {
        margin: 0;
    }
    .bloc-mea-home {
        margin: 0px 20px 0px 20px;
        background-color: #f3f3f3;
    }
    .titre-communique {
        width: auto;
    }
    .communiques-presse {
        flex-direction: column;
        padding: 10px;
    }
    .communique-de-presse {
        width: auto;
        border-left: 0;
        border-bottom: 1px;
        padding: 15px 0;
    }
    .modal-dialog iframe {
        width: 100%;
        height: 400px;
        margin-top: 50px;
    }
    #btn_home {
        left: 38%;
    }
    .bloc-actualites-home {
        width: initial;
        height: auto;
    }
    .liste-evenements {
       display: block;
       margin: 0px!important;
    }
    .site-footer .site-info .ligne-menu {
        background-color: transparent;
        height: auto;
    }
    .site-footer .site-info .ligne-menu ul {
        flex-direction: column;
        align-items: center;
    }
    .site-footer .site-info .ligne-menu ul li {
        background-color: #00629f;
        padding: 15px 0;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }
    .site-footer .site-info .ligne-menu ul li:nth-child(1) a:after,
    .site-footer .site-info .ligne-menu ul li:nth-child(2) a:after {
        display: none;
    }
    .menu-menu-trois-entrees-container {
        width: 100%;
        margin-bottom: 30px;
    }
    ul#menu-menu-trois-entrees {
        padding: 0 !important;
        margin: 0 !important;
    }
    .titre-ingenieurs {
        margin-bottom: 15px;
    }
    .champs-de-texte {
        padding: 15px;
    }
    .texte-13-image .champ-texte-6,
    .texte-23-image .champ-texte-5 {
        width: auto;
        padding: 0;
    }
    .colonnes-pictos-soustitres-4 {
        padding: 0;
    }
    .image-texte,
    .texte-image {
        flex-direction: column;
        width: 100%;
    }
    .texte-23-image,
    .texte-13-image,
    .texte-image-texte-image .texte-image-bloc,
    .texte-image-texte-image,
    .image-texte-image-texte .image-texte-bloc,
    .texte-13-image-13,
    .colonnes-texte-3,
    .image-texte-image-texte,
    .texte-14-image-24-texte-14,
    .texte-14-image-24,
    .image-24-texte-14,
    .colonnes-texte-2 {
        flex-direction: column;
    }
    .menu-menu-footer-container {
        display: none;
    }
    .site-footer .footer-content .colonne-gauche img {
        text-align: left;
        margin: 0;
        display: block;
    }
    .site-footer .footer-content .colonne-gauche {
        padding: 15px;
        width: auto;
        display: block;
    }
    .site-footer .site-info .footer-content {
        padding-top: 0;
    }
    .titre-communique h3 {
        width: auto;
    }
    .mea-bloc {
        height: 550px;
        display: table;
    }
    .mea-bloc h2 {
        padding-top: 15px;
    }
    .call-to-action .phrase-daccroche {
        padding-right: 10px;
    }
    .header-flex nav.main-navigation ul li ul {
        width: 100%;
        height: 50%;
    }
    body.page-template-archive-event .bloc-bleu .dateevent {
        
        border-right: 1px solid transparent;
        border-bottom: 1px solid #fff;
        margin: 15px 0;
        padding-bottom: 15px;
    }
    body.page-template-archive-event .bloc-bleu .detailevent {
        padding-left: 0px;
    }
    .colonnes-pictos-soustitres-4 .colonnes-pictos a {}
    .colonnes-pictos-soustitres-4 .colonnes-pictos {
        background-position: 50% 25%;
        height: 174px;
        width: 100%;
    }
    .colonnes-pictos-soustitres-4 .colonnes-pictos a span {
        height: 55px;
    }
    /*.colonne-image-soustitre a img {
        margin: 15px;
    }*/
    .titre_competences_et_programme h2:before,
    .titre_competences_et_programme h2:after {
        width: 20%;
    }
    .head_accordion {
        display: flex;
        align-items: center;
    }
    .state_accordion,
    .head_accordion h2 {
        display: inline-block;
    }
    .accordion-opened .head_accordion .state_accordion span,
    .head_accordion .state_accordion span {}
    .head_accordion h2 {
        margin-left: 40px !important;
        padding: 10px 0;
        width: 80%;
    }
    .video {
        margin: 40px 0;
    }
    body.single .bloc-post {
        margin: 0;
    }
    .remontee-actualites .une-actualite:first-child p.desc-first {
        height: auto;
    }
    .main-navigation ul ul {
        box-shadow: none;
    }
    .bloc-reseaux-gauche {
        width: 100%;
    }
    body.single .partager-reseaux-sociaux a {
        margin: 10px auto;
    }
    body.single .partager-reseaux-sociaux {
        width: auto;
    }
    .autres-articles h2 {
        text-align: center;
    }
    .image-13-texte .champ-texte-8 {
        width: auto;
        padding-left: 0;
    }
    .historique .bloc-historique .histogramme {
        width: 100%;
    }
    section.dynamique-panel {
        margin-top: 0;
    }
    .texte-image .champ-image-2 {
        background-size: contain;
    }
    .call-to-action {
        flex-direction: column;
    }
    .call-to-action .phrase-daccroche {
        padding-bottom: 15px;
    }
    .colonnes-pictos-soustitres-4 .colonnes-pictos a span {
        padding-top: 20px;
    }
    .dynamique-template {
        margin: 0 5px;
    }
    body.single-event .post-img .datelieu {
        height: 70px;
    }
    span.date-actu {
        width: 30%;
    }
    blockquote {
        padding-left: 0;
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    blockquote::before {
        top: -32px;
    }
    .image-13-texte {
        flex-direction: column;
    }
    .image-13-texte .champ-image-8 {
        padding-bottom: 15px;
    }
    .dynamique-template h3 {
        padding-top: 15px;
    }
    .chiffres .colonnes-chiffres {
        margin-left: 0;
        width: auto;
        margin-bottom: 60px;
    }
    .chiffres .image-chiffres {
        flex-direction: column;
        align-items: center;
    }
    .chiffres .chiffres_exp p:last-child {
        display: block;
    }
    .texte_bloc_temoignage_parcours p {
        margin-left: 10px;
        margin-top: 40px;
    }
    .bloc_temoignage_parcours {
        flex-direction: column;
    }
    .image_bloc_temoignage_parcours {
        margin: 30px auto;
    }
    .site-footer .footer-content .colonne-droite .restez-informes input.prenom_nl,
    .site-footer .footer-content .colonne-droite .restez-informes input.nom_nl,
    .site-footer .footer-content .colonne-droite .restez-informes input.email-field {
        padding: 8px;
    }
    .email-form input[type="submit"] {
        bottom: -92px;
    }
    .chiffres .colonnes-chiffres p:last-of-type {
        width: 100%;
    }
    .header-actus p {
        margin: 0;
    }
    .date-communique {
        left: 0;
    }
    .colonnes-texte-2 {
        padding: 10px;
    }
    .site-content ul li:before {
        margin-right: 0;
    }
    body.page-id-156 .colonnes-image-soustitres-4 .colonne-image-soustitre span {
        margin-bottom: 30px;
    }
    .colonnes-image-soustitres-4 a span {
        margin-top: 10px;
    }
    .texte-image-texte-image .texte-image-bloc .champ-image-9 {
        min-height: 340px;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .chiffres-video .chiffres {
            display: block;
        }
        .colonnes-image-soustitres-4 .colonne-image-soustitre a:not(img) {
            display: block;
        }
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .main-single {
        flex-direction: column;
    }
    .bloc-reseaux-gauche {
        width: 100%;
    }
    .main-single .one-quarter {
        width: 100%;
    }
    .email-form input[type=submit] {
        bottom: -87px;
    }
    .bloc-mea-home {
        flex-direction: column;
    }
    .mea-bloc,
    .bloc-twitter,
    .liste-evenements {
        margin-left: 0 !important;
    }
    .mea-bloc {
        height: 445px;
    }
    .partie-2 {
        flex-direction: column;
    }
    .devenez-ingenieur .admissions a {
        width: 93%;
    }
    .competences_et_programme,
    .bloc_debouches,
    .stage_et_projet {
        flex-direction: column;
    }
    .stage_et_projet div:nth-child(2),
    .competences_et_programme div:nth-child(2),
    .bloc_debouches div:nth-child(2) {
        margin-left: 0
    }
    .texte_bloc_temoignage_parcours p {
        margin-left: 10px;
        margin-top: 40px;
    }
    .bloc_temoignage_parcours {
        flex-direction: column;
    }
    .image_bloc_temoignage_parcours {
        margin: 30px auto;
    }
    body.page-template-template-nous-contacter .links {
        width: 50%;
    }
    body.page-template-template-nous-contacter a.img_map-1,
    body.page-template-template-nous-contacter a.img_map-2 {
        width: 50%;
        background-position: 10% 10%;
    }
    body.page-template-template-nous-contacter a.img_map-2 {
        width: 50%;
        background-position: right 10px top;
    }
    .campus-photo-1 {
        margin-left: 0 !important;
        background-position: 10%;
    }
    .campus-photo-2 {
        margin-left: 0 !important;
    }
    .campus-acces {
        width: 100%;
        margin: auto 15px;
    }
    .campus-map.grid {
        flex-direction: column;
    }
    body.page-template-template-nous-contacter .campus-mapphoto {
        flex-direction: column;
    }
    body.page-template-template-nous-contacter .links {
        width: 100%;
    }
    body.page-template-template-nous-contacter a.img_map-1,
    body.page-template-template-nous-contacter a.img_map-2 {
        width: 100%;
        background-position: 10% 10%;
    }
    .campus-photo-1,
    .campus-photo-2 {
        display: none !important;
    }
    .site-content ul li:before {
        margin-right: 0;
    }
    blockquote {
        padding-left: 0;
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .search-form [type=submit] {
    }
    #btn_home {
        left: 42%;
    }
    body.page-id-146 .champ-image-9 {
        min-height: 500px !important;
    }
    .push-actualites.grid-3 {
        display: block;
    }
    .push-actualites .bloc-actualites {
        width: 100%;
        margin: 0;
    }
    body.single .bloc-post {
        padding: 15px;
    }
    .champs-de-texte .colonne2,
    .champ-texte-8,
    .colonne2,
    .champ-texte-4 {
        margin-left: 0 !important;
    }
    .champ-image-8 {
        width: 100% !important;
    }
    body.page-id-154 .champ-image-8 {
        min-height: 500px;
    }
    .champ-image-23 {
        min-height: 300px;
        width: 100%;
        margin-left: 0 !important;
    }
    .colonnes-image-soustitres-4 a div {
        height: auto;
    }
    body.page-id-987 .image-13-texte .champ-image-8,
    body.page-id-987 .texte-23-image .champ-image-8 {
        background-size: contain;
        -webkit-background-size: contain;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .grid--reverse>*,
        .grid>* {
            flex: 0 1 auto;
        }
        .campus-map.grid {
            flex-direction: column;
        }
        body.page-template-template-nous-contacter .campus-mapphoto {
            flex-direction: column;
        }
        body.page-template-template-nous-contacter .links {
            width: 100%;
        }
        body.page-template-template-nous-contacter a.img_map-1,
        body.page-template-template-nous-contacter a.img_map-2 {
            width: 100%;
            background-position: 10% 10%;
        }
        .campus-photo-1,
        .campus-photo-2 {
            display: none !important;
        }
        .appelez-nous.grid {
            flex-direction: column;
        }
        span.number {
            width: 25%;
        }
        .appel-acces {
            flex-direction: column-reverse;
        }
        .numbers .item-number span:nth-child(2) {
            width: 75%;
        }
        .campus-acces {
            width: 100% !important;
            margin: 15px !important;
        }
        .formulaire-contact {
            flex-direction: column;
        }
        .site-footer .footer-content .colonne-droite .restez-informes input.prenom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.nom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.email-field {
            padding: 8px;
        }
        .email-form input[type="submit"] {
            bottom: -92px;
        }
        .texte-23-image,
        .texte-13-image,
        .texte-image-texte-image .texte-image-bloc,
        .texte-image-texte-image,
        .image-texte-image-texte .image-texte-bloc,
        .texte-13-image-13,
        .colonnes-texte-3,
        .image-texte-image-texte,
        .texte-14-image-24-texte-14,
        .texte-14-image-24,
        .image-24-texte-14,
        .colonnes-texte-2,
        .champ-texte-10,
        .champ-texte-3,
        .champ-image-9,
        .champ-texte-9,
        .champ-texte-9 {
            margin-left: 0 !important;
        }
        .header-flex nav.main-navigation li:hover:after {
            left: 0;
        }
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .post-img .datelieu {
        height: 60px !important;
    }
    .site {
        width: auto;
    }
    .search-form {
        width: 200px;
    }
    .site-content {
        padding: 0 5px;
    }
    .header-flex nav.main-navigation #primary-menu li a {
        padding: 12px 5px;
        font-size: 12px;
    }
    .header-flex nav.main-navigation ul li:last-child:hover ul {
        left: -120% !important;
    }
    .partie-1 {

    }
    .bloc-actualites-home .actualites-en-avant {
        height: 610px;
    }
    .partie-1 .devenez-ingenieur {
        justify-content: initial;
    }
    .devenez-ingenieur .admissions {
        margin-bottom: 10px;
    }
    .admissions .admission-sous-titre {
        font-size: 19px;
    }
    body.page-template-template-home .bloc-actualites {
        padding: 21px 20px 10px 0;
    }
    .bloc-actualites-home .autres-actualites h2 {
        font-size: 24px;
    }
    .bloc-actualites-home .autres-actualites h3 {
        text-align: left;
        padding-left: 15px;
    }
    .partie-2 {
        flex-direction: column;
        display: block;
    }
    .partie-2 .chiffres-video {
        width: auto;
    }
    .partie-2 .liste-evenements {
        width: auto;
        margin: 30px 0 0 0;
    }
    .chiffres-video .chiffres {
        margin: 0 0 30px 0;
        display: block;
        height: 340px;
    }
    .site-footer .site-info .ligne-menu ul a {
        font-size: 16px;
    }
    .site-footer .site-info .ligne-menu ul li:nth-child(1) a:after,
    .site-footer .site-info .ligne-menu ul li:nth-child(2) a:after {
        padding: 0 15px;
    }
    .mea-bloc {
        height: 550px;
        margin-bottom: 100px;
    }
    .mea-bloc h2 {
        font-size: 20px;
    }
    .bottom_mea {
        height: 130px;
        bottom: -82px;
    }
    .communique-de-presse {
        padding-right: 20px;
    }
    .site-footer .site-info .ligne-menu ul {
        padding: 0;
    }
    .site-footer .footer-content .colonne-droite .restez-informes label {
        width: 87%;
    }
    .email-form [type=submit] {
        right: 14px;
    }
    .site-branding img {
        padding: 5px;
    }
    .remontee-actualites .thumb_actus {
        background-size: cover;
        -webkit-background-size: cover;
    }
    .formulaire-contact #wpcf7-f310-o1 {
        margin-left: 80px;
    }
    .email-form input[type=submit] {
        bottom: -87px;
        right: 44px;
    }
    .push-actualites .bloc-actualites {
        width: 100%;
    }
    .colonnes-pictos-soustitres-4 {
        padding: 40px 30px;
    }
    .colonnes-pictos {
        background-position: center 29%;
    }
    .colonnes-pictos-soustitres-4 .colonnes-pictos a span {
        height: auto;
    }
    .accordion .head_accordion h2,
    .accordion-opened .head_accordion h2 {
        margin-left: 35px;
    }
    .colonnes-image-soustitres-4 a div {
        min-height: 140px;
    }
    .colonnes-image-soustitres-4 a span {
        min-height: 230px;
    }
    .header-flex nav.main-navigation ul {
        align-items: flex-start;
    }
    ul.nav-menu li {
        text-align: center;
    }
    #btn_home {
        left: 44%;
    }
    .mea-bloc {
        margin-left: 15px !important;
    }
    .footer-content {
        padding: 15px;
    }
    .site-footer .site-info .footer-content {
        flex-direction: column;
        align-items: center;
    }
    .site-footer .footer-content .colonne-gauche img {
        padding: 28px;
    }
    .site-footer .footer-content .colonne-gauche {
        padding-bottom: 15px;
        flex-direction: row;
        width: 100%;
        width: 100%;
        align-items: center;
    }
    .partager-reseaux-sociaux a {
        margin: 5px !important;
        width: 90% !important;
        padding: 5px !important;
    }
    .partager-reseaux-sociaux a span {
        padding: 0 5px !important;
        margin-right: 5px !important;
    }
    body.single .item-toread ul.post-categories {
        bottom: 70%;
    }
    .links {
        padding: 15px !important;
    }
    .links span {
        font-size: 20px;
    }
    .image-texte-image-texte {
        flex-direction: column;
    }
    .image-texte-image-texte .image-texte-bloc {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .texte-image-texte-image {
        flex-direction: column;
    }
    .texte-image-texte-image .texte-image-bloc {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .header-flex nav.main-navigation ul li#menu-item-136 ul {
        margin-top: 68px !important;
    }
    .header-flex nav.main-navigation ul li#menu-item-139 ul {
        margin-top: 68px !important;
    }
    .header-flex nav.main-navigation ul li:last-child:hover ul {
        left: -160% !important;
    }
    .header-flex nav.main-navigation ul li#menu-item-139:hover ul {
        left: -20% !important;
    }
    body.page-id-156 .image-13-texte .champ-image-8 {
        background-size: contain;
        -webkit-background-size: contain;
    }
    body.page-id-156 .champ-image-3 {
        background-size: contain;
        -webkit-background-size: contain;
    }
    body.page-id-1249 .texte-14-image-24-texte-14 {
        flex-direction: column;
    }
    body.page-id-1249 .texte-14-image-24-texte-14 .champ-texte-13 {
        width: 100%;
    }
    body.page-id-1249 .texte-14-image-24-texte-14 .champ-texte-13,
    body.page-id-1249 .texte-14-image-24-texte-14 .champ-image-13 {
        margin: auto !important;
    }
    body.page-id-146 .champ-image-2,
    body.page-id-146 div.champ-image-9 {
        background-size: contain !important;
    }
    body.page-template-archive-articles .archive-img,
    .push-actualites-par-categorie .archive-img {
        height: 325px;
    }
    .push-actualites-par-categorie .push-actualites .bloc-actualites .category-article {
        top: 270px;
    }
    .push-actualites-par-categorie .push-actualites .bloc-actualites .date-lien {
        top: 108px;
    }
    body.page-id-987 .image-13-texte .champ-image-8,
    body.page-id-987 .texte-23-image .champ-image-5 {
        background-size: contain;
        -webkit-background-size: contain;
    }
    body.page-id-171 .colonnes-image-soustitres-4 a span {
        display: none;
    }
    article.fonds-obligataires-horizon h4 {
        width: 80%;
        right: 9%;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        body.page-id-171 .colonnes-image-soustitres-4 {
            flex-direction: column;
        }
        body.page-id-171 .colonne-image-soustitre {
            width: auto;
        }
        body.page-id-171 .colonnes-image-soustitres-4 a span {
            min-height: 0 !important;
        }
        .image-texte-image-texte {
            flex-direction: column;
            height: 600px;
        }
        .image-texte-image-texte .image-texte-bloc {
            margin-left: 0;
            margin-bottom: 30px;
        }
        .texte-image-texte-image {
            flex-direction: column;
            height: 600px;
        }
        .texte-image-texte-image .texte-image-bloc {
            margin-left: 0;
            margin-bottom: 30px;
        }
        .main-navigation ul li:hover>ul,
        .main-navigation ul li.focus>ul {
            left: 0;
        }
        .header-flex nav.main-navigation li:hover:after {
            left: 0;
        }
        .colonnes-image-soustitres-4 .colonne-image-soustitre a:not(img) {
            display: block;
        }
        .site-footer .footer-content .colonne-droite .restez-informes input.prenom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.nom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.email-field {
            padding: 8px;
        }
        .email-form input[type="submit"] {
            bottom: -92px;
        }
        .partie-1 {

        }
        .bloc-actualites-home .actualites-en-avant {
            height: 610px;
        }
        .links {
            padding: 15px !important;
        }
        .links span {
            font-size: 20px !important;
        }
        .appel-acces {
            padding: 15px;
        }
        body.page-id-190 .colonnes-pictos-soustitres-4 {
            padding-top: 0px;
        }
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .header-flex nav.main-navigation ul li#menu-item-136 ul {
        margin-top: 68px !important;
    }
    .header-flex nav.main-navigation ul li#menu-item-139 ul {
        margin-top: 68px !important;
    }
    .image-texte-image-texte {
        flex-direction: column;
        height: 600px;
    }
    .image-texte-image-texte .image-texte-bloc {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .texte-image-texte-image {
        flex-direction: column;
        height: 600px;
    }
    .texte-image-texte-image .texte-image-bloc {
        margin-left: 0;
        margin-bottom: 30px;
    }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .image-texte-image-texte {
            flex-direction: column;
        }
        .image-texte-image-texte .image-texte-bloc {
            margin-left: 0;
            margin-bottom: 30px;
        }
        .texte-image-texte-image {
            flex-direction: column;
        }
        .texte-image-texte-image .texte-image-bloc {
            margin-left: 0;
            margin-bottom: 30px;
        }
        body.page-id-171 .colonnes-image-soustitres-4 a span {
            min-height: 0 !important;
        }
        .chiffres-video .chiffres {
            margin-bottom: 40px;
            height: 370px;
        }
        .partie-2 {
        }
        .img-container {
            height: 300px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center;
        }
        .colonnes-image-soustitres-4 a span {
            min-height: 230px;
        }
        body.page-id-190 .colonnes-pictos-soustitres-4 {
            padding-top: 0px;
        }
        .colonnes-image-soustitres-4 .colonne-image-soustitre a:not(img) {
            display: block;
        }
        .site-footer .footer-content .colonne-droite .restez-informes input.prenom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.nom_nl,
        .site-footer .footer-content .colonne-droite .restez-informes input.email-field {
            padding: 8px;
        }
        .email-form input[type="submit"] {
            bottom: -92px;
        }
        .header-flex nav.main-navigation ul {
            align-items: flex-start;
        }
        ul.nav-menu li {
            text-align: center;
        }
        .actualites-en-avant {
            height: 500px;
        }
        .chiffres .colonnes-chiffres {
            width: 120px;
        }
        .admissions .admission-titre {
            padding-top: 25px;
        }
        .footer-content {
            padding: 15px;
        }
        .liste-actualites .bloc-actualites {
            height: 520px;
        }
        .actus-bottom .date-lien {
            top: 220px;
        }
        body.single .partager-reseaux-sociaux a {
            margin: 10px;
            width: 90%;
        }
        .bloc-actualites-home .actualites-en-avant {
            height: 500px;
        }
        .main-navigation ul li:hover>ul,
        .main-navigation ul li.focus>ul {
            left: 0;
        }
        .push-actualites-par-categorie .push-actualites .bloc-actualites {
            height: 512px;
        }
        .push-actualites-par-categorie .push-actualites .bloc-actualites .date-lien {
            bottom: -20px;
            margin-bottom: 10px;
            top: auto;
        }
        body.page-template-archive-articles .actus-bottom {
            height: 240px
        }
    }
    .bloc-actualites-home .actualites-en-avant {
        height: 500px;
    }
    .colonnes-image-soustitres-4 .colonne-image-soustitre a:not(img) {
        display: block;
    }
    .site-footer .footer-content .colonne-droite .restez-informes input.prenom_nl,
    .site-footer .footer-content .colonne-droite .restez-informes input.nom_nl,
    .site-footer .footer-content .colonne-droite .restez-informes input.email-field {
        padding: 8px;
    }
    .email-form input[type="submit"] {
        bottom: -92px;
    }
    .header-flex nav.main-navigation ul {
        align-items: flex-start;
    }
    ul.nav-menu li {
        text-align: center;
    }
    .actualites-en-avant {
        height: 500px;
    }
    .chiffres .colonnes-chiffres {
        width: 120px;
    }
    .admissions .admission-titre {
        padding-top: 25px;
    }
    .footer-content {
        padding: 15px;
    }
    .liste-actualites .bloc-actualites {
        height: 520px;
    }
    .actus-bottom .date-lien {
        top: 220px;
    }
    body.single .partager-reseaux-sociaux a {
        margin: 10px;
        width: 90%;
    }
    .appel-acces {
        padding: 15px;
    }
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: 0;
    }
    .header-flex nav.main-navigation li:hover:after {
        left: 0;
    }
    .push-actualites-par-categorie .push-actualites .bloc-actualites {
        height: 512px;
    }
    .push-actualites-par-categorie .push-actualites .bloc-actualites .date-lien {
        bottom: -20px;
        margin-bottom: 10px;
        top: auto;
    }
    body.page-template-archive-articles .actus-bottom {
        height: 240px
    }
    body.page-id-987 .image-13-texte .champ-image-8,
    body.page-id-987 .texte-23-image .champ-image-5 {
        background-size: contain;
        -webkit-background-size: contain;
    }
    body.page-id-171 .colonnes-image-soustitres-4 a span {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1180px) {
    .mea-bloc {
        height: 550px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .site {
        width: auto;
    }
    .search-form {
        width: 300px;
    }
    .partie-1 {
    margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .site {
        width: 1220px;
    }
}