@media screen and (max-width: 1200px) {
    #block-views-block-accueil-alertes-flash-block {
        left: 0;
        margin-left: calc(((100vw - 160px) * 0.15) + 160px);
        width: calc(83.857vw - 358.02px);
        z-index: 1000;
    }

    #block-views-block-accueil-alertes-flash-block .views-row div.views-field-field-accroche {
        font-size: 1.4em;
    }

    .block.block-language{
        margin-left: 1vw;
        margin-right: 20px;
    }

    .paragraph--type--bloc-sommaire {
        background-size: auto !important;
        background-position: top !important;
    }


        /* HEADER */
        .topbar {
            display: block;
            width: 100%;
            height: 105px;
            position: relative;
            padding: 0;
        }

        body.toolbar-fixed.toolbar-tray-open:not(.toolbar-horizontal) .topbar .colGauche {
            top: 0;
        }

        body.toolbar-fixed:not(.toolbar-tray-open) header div.topbar div.colGauche {
            top: 0px;
        }

        .topbar .colGauche {
            position: inherit;
            float: left;
            width: calc(100% - 115px);
            height: 105px;
            background: #f3f3f3;
            padding-top: 15px;
        }

        #block-views-block-accueil-alertes-flash-block {
            width: 100%;
            margin-left: 0;
        }

        #block-views-block-accueil-alertes-flash-block .views-row div.views-field-field-accroche {
            font-size: 1.7em;
            margin-bottom: 5px;
        }

        #block-views-block-accueil-alertes-flash-block .views-row div.views-field-field-lien {
            font-size: 1.1em;
        }

        .search-block-form {
          opacity: 0;
          display: none;
          position: absolute;
          top: 105px;
          height: auto;
          width: 100%;
          background-color: #f3f3f3;
          z-index: 99999999;
          margin-left: 0;
        }

        .search-block-form.visible form {
          top: 100px;
          width: 100%;
          background: #ffffff;
          height: 100px;
          position: absolute;
          left: 0;
          z-index: 999999999999;
          margin-left: 0px;
          padding: 0px;
        }

        .search-block-form form .form-actions {
            right: 20px;
        }

        .search-form .form-search {
            margin-left: 5%;
            margin-right: 5%;
            width: 89%;
            -webkit-appearance: none;
        }

        .chiffresCles {
            height: 100%;
            width: 100%;
        }

        .chiffresCles .view-content {
            padding: 4px 12% 20px;
        }

        .chiffresCles .view-content h2 {
            font-size: 3.6875em;
        }

        /*  .search-block-form.visible form:before{
            display:block;
            content:"";
            width:20px;
            height:20px;
            background:url('../img/picto-croix-noir.svg');
            position:absolute;
            top:10px;
            left:10px;
            z-index:99999999999;
          }*/
        .navigation.menu--main .niveau2 {
            height: auto;
        }

        .wrapMenu.visible {
            overflow: hidden;
        }


        .navigation.menu--main .sous-menu-je-suis + .niveau2.visible {
            position: static;
        }

        .navigation.menu--main .sous-menu-je-suis + .niveau2 > li {
            background-color: #fff;
        }

        .navigation.menu--main .sous-menu-je-suis + .niveau2 > li,
        .navigation.menu--main .sous-menu-je-suis + .niveau2 > li > a {
            color: #4A4A4A;
        }

        .navigation.menu--main .sous-menu-je-suis + .niveau2 > li:hover {
            background-color: #ececec;
            background-image: none;
        }

        .topbar .colGauche .menu--je-suis {
            display: none;
        }

        .topbar .colDroite {
            float: right;
            margin-left: 0px;
            height: 100%;
            width: 100%;
            margin-right: 0%;
        }

        #block-sitebranding {
            margin: 0;
            padding: 0;
            display: inline-block;
        }

        #block-sitebranding a {
            width: 109px;
            height: auto;
            margin: 0px;
            padding: 0px;
        }

        body:before {
            left: 0px;
            width: 100%;
        }

        /* MENU */
        .navigation.menu--main {
            position: inherit;
        }

        .menu--rechercher-et-contact, .block.block-language, .menu--controles {
            position: absolute;
            display: block;
            top: 127px;
            margin-top: 0px;
            z-index: 9999999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.1s ease-in-out;
        }

        .menu--controles {
            left: 40px;
        }

        .menu--controles ul.menu {
            display: inline-block;
            height: 55px;
            width: 55px;
            margin: 0px;
            padding: 0px;
        }

        .menu--controles ul.menu li, .menu--controles ul.menu li span {
            display: block;
            width: 100%;
            height: 100%;
        }

        .menu--controles ul.menu li span {
            display: none;
            color: transparent;
            background-image: url('../img/picto-fleche-gauche-blanc.svg');
            background-repeat: no-repeat;
            background-size: 35px;
            background-position: center;
        }

        .menu--controles ul.menu li span:hover, .menu--controles ul.menu li span:focus, .menu--controles ul.menu li span:active {
            cursor: pointer;
        }

        .menu--rechercher-et-contact.visible, .block.block-language.visible, .menu--controles.visible {
            opacity: 1;
            visibility: visible;
            transition: all 0.8s ease-in-out;
        }

        .menu--controles.visible {
            display: block;
        }

        .menu--rechercher-et-contact {
            right: 90px;
        }

        .menu--rechercher-et-contact ul.menu li {
            border-color: #ffffff;
            margin-right: 15px;
        }

        .menu--rechercher-et-contact ul.menu li:nth-of-type(2) {
            background: url(../img/picto-enveloppe-blanc.svg) center center / 31px no-repeat;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .menu--rechercher-et-contact ul.menu li:nth-of-type(1) {
            background: url(../img/picto-loupe-droite-blanc.svg) center center / 25px no-repeat;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .block.block-language {
            right: 0;
            margin-right: 15px;
        }

        .wrapMenu.visible {
            width: 100% !important;
            position: absolute;
            left: 0;

            /* MODIF */
            padding-top: 0px;
            border-top: 100px solid #0ea2f6;
            background: transparent;
        }

        .wrapMenu.fixed {
            position: absolute;
            top: 106px;
        }

        .navigation.menu--main .niveau1, .navigation.menu--main .niveau3 {
            position: inherit;
            width: 100%;
        }

        .navigation.menu--main .niveau1 {
            background: #4db6ff;
        }

        .navigation.menu--main .niveau2.visible > li.ongletActif {
            background-image: url('../img/bordure-biais-vert.png') !important;
            background-repeat: no-repeat;
            background-position: top 25px right 20px;
            background-color: #079df2;
        }

        .navigation.menu--main .niveau3 {
            padding-top: 0px;
        }

        .hasSubMenu {
            background-image: url(../img/picto-list.png);
            background-size: 25px;
            background-position: right 45px center;
            background-repeat: no-repeat;
        }

        .navigation.menu--main .niveau1 > li.opened:nth-last-child(1),
        .navigation.menu--main .niveau1 > li.opened:nth-last-child(1):hover {
            background-image: url('../img/picto-fleche-bas-blanc.svg');
            background-position: top 19px right 20px;
            background-size: 18px;
        }

        .navigation.menu--main .niveau1 > li:nth-last-child(1) > ul.niveau2 li:hover {
            background-color: #ededed !important;
        }

        .navigation.menu--main .niveau1 > li a, .navigation.menu--main .niveau1 > li span {
            display: block;
            padding: 25px 40px;
        }

        /* GESTION DE L'AFFICHAGE DES NIVEAUX/SOUS-NIVEAUX */
        .navigation.menu--main .niveau2.visible {
            position: absolute;
            top: 0px;
            left: 0;
            width: 100%;
            padding-top: 0px;
            display: block;
            opacity: 1;
        }

        .navigation.menu--main .niveau3.visible {
            padding-top: 0px;
        }

        .navigation.menu--main .niveau1.notVisible > li {
            opacity: 0;
            visibility: hidden;
        }

        .navigation.menu--main .niveau1 > li:nth-last-child(1) {
            display: block;
        }
    .navigation.menu--main button {
        position: relative;
        float: right;
        width: 115px;
        z-index: 999999;
        top:-40px;
    }
    .current {
        background-color: #0D6DB1 !important;

    }

}