/* ID du nouveau menu **/
section#block-superfish-4 {
    display:block;
    float:left;
    clear:none;
    margin-top:5px;
}

/* Conteneur des items menu */
ul#superfish-4 > li.sf-depth-1:hover {
    background-color: #4c8da6;
}
ul#superfish-4 > li.sf-depth-1 > a {
    background-color: #fff;
    border-right: 1px solid #ffb64f;
    color: #4c8da6;
    font-family: "Helvetica Light";
    font-size: 17px;
    padding: 14px 20px 8px;
    text-transform: uppercase;
}
ul#superfish-4 > li.sf-depth-1 > a:hover {
    background-color: #4c8da6 !important;
    color: #fff !important;
}
ul#superfish-4 > li.sf-depth-1:first-child > a {
    border-left: 1px solid #ffb64f;
}

/* Conteneur des sous-menu */
ul#superfish-4 > li.sf-depth-1 > ul {
    padding: 0;
    margin: 6px 0 0 0;
    /* Nous cachons le conteneur des sous-menus pour empêcher totalement leur affichage */
    display:none !important;
}

/* Conteneur des items (titres et entrées) de sous-menu */
ul#superfish-4 ul li.sf-depth-2 {
    width:100% !important;
    margin:0 !important;
    border-bottom:22px solid #e6e6e6;
    background-color:#4c8da6;
    /*box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);*/
    border-radius:0 0 3px 3px;
}

/* RESET */
/*ul#superfish-4 li.sf-depth-1 ul li.sf-depth-2, 
ul#superfish-4 li.sf-depth-1 ul li.sf-no-children,
li#menu-2309-4 {
    width: 55vw !important;
    margin: 0;
    padding: 0;
}

div.menu-views {
    width: 55vw;
    background-color: white;
}*/

/* Tous les panneaux de menu */
div.view-id-items_de_menu {
}

/* Conteneur sous-titre + titre du sous menu */
div.sousTitreMenu2019 h2 {
    margin: 0 0 0 0;
    padding: 18px 10px 15px 18px;
    width: 100%;
    background-color: #4c8da6;
    color:white;
    border-bottom:1px solid #e6e6e6;
}

/* Conteneur de l'ensemble des boutons d'un sous-menu */
div.itemsMenu2019 {
    clear: both;
    font-size:0;
}
/* Items de sous-menu */
.sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019 {
    font-size:13px;
    padding:18px;
    color:white;
    /*font-weight:bold;*/

    /* Affichage en deux colonnes */
    width:50%;
    display:inline-block;

    /* Background animation */
    /*background: linear-gradient(to right, #cfcfcf 50%, rgba(0,0,0,0) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.2s ease-in;*/
}
.sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019:hover, .sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019:focus {
    color:#3c7d96;
    background-color:#e6e6e6;
    text-decoration:none;

    /* Background animation */
    /*background: linear-gradient(to right, #cfcfcf 50%, rgba(0,0,0,0) 50%);
    background-size: 200% 100%;
    transition: all 0.2s ease-in;
    background-position: left bottom;*/
}
.sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019:nth-child(odd) {
    border-right:1px solid #e6e6e6;
}
.sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019 span.entreeLienSousMenu2019 {
    opacity:0;
    display:inline-block;
    font-weight:normal;
    margin-right:2px;

    transition: all 0.3s linear;
}
.sf-menu.sf-style-white.sf-navbar div.itemsMenu2019 a.itemMenu2019:hover span.entreeLienSousMenu2019 {
    opacity:1;
    margin-right:8px;
}

/* Par panneau */
div.menu2019-lecole {}
div.menu2019-formation {}
div.menu2019-recherche {}
div.menu2019-diffusion {}
div.menu2019-international {}

/**********************************/
/*    AFFICHAGE DES PAGES MENU    */
/**********************************/
div.view-items-de-menu-affichage-page {
    width:85%;
}
.view-items-de-menu-affichage-page div.view-header {
    width:100%;
    font-weight:bold;
    font-style:italic;
    font-size:16px;
    /*padding:2.5vh 5% 3vh 2.5vh;
    background-color:#4c8da6;
    color:white;*/
    color:#666;
    padding:0 5% 3vh 0;
}
                  
div.view-items-de-menu-affichage-corps-des-pages div.view-content {
    float: left;
    clear: both;
    padding: 5vh 0vh;
    border-top: solid 1px #eee;
}
div.pageMenu_conteneurImage {
    float: left;
    width: 37.5%;
    margin-right:2.5%;
}
div.pageMenu_conteneurImage img {
    height: auto;
    width: 100%;
}
h2.pageMenu_titreSousMenu {
    display: inline-block;
    width: 60%;
    text-transform:none;
}
div.pageMenu_texteSousMenu {
    display: inline-block;
    width: 60%;
    padding-right:5%;
    font-size:14px;
    line-height: 23px;
    color: #333;
}

/* Responsible mobile */
@media only screen and (max-width: 768px) {
    div.view-items-de-menu-affichage-page {
        width:100%;
    }
    div.pageMenu_conteneurImage {
        width:100%;
    }
    h2.pageMenu_titreSousMenu {
        width:100%;
        margin-top:10px;
    }
    div.pageMenu_texteSousMenu {
        width:100%;
    }
}