#sous_menu_1, #sous_menu_1 > ul {
    margin: 0;
    width: 100%;
}

#sous_menu_1 > ul > li {
    /*text-align: center;*/
    width: 100%;
    position: static;
    height: 20px;
}

#sous_menu_1 > ul > li > a {
    height: 20px;
    padding: 0px 0 0 5px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

#sous_menu_1 > ul > li > ul a {
    padding-left: 20px;
    display: block;
    padding: 2px 9px 2px 20px;
    margin-bottom: 3px;
    line-height: 1em;
}

/* liens ligne du menu principal */
#sous_menu_1 > ul > li > a:hover, #sous_menu_1 > ul > li > a.lien_menu_actif {
    background-color: rgba(13, 89, 115, 1);
    color: #eee;
}

/* liens dans le déroualnt */
#sous_menu_1 > ul > li > ul a:hover, #sous_menu_1 > ul > li > ul a.lien_menu_actif {
    text-decoration: none;
    /*background-color: #f5f5f5;
    border-left: 4px solid rgba(13,89,115,1);
    */
    /*background-color:rgba(216,2,31,.1);
    border-right:4px solid rgba(40,151,40,1);
    color: #222;
    */
    background-color: rgba(13, 89, 115, 1);
    color: #fff;
    /*padding-right:5px;*/
    padding-left: 20px;

}

#sous_menu_1 > ul > li > ul a:hover > span, #sous_menu_1 > ul > li > ul a.lien_menu_actif > span {
    color: #fff;
}

/*#sous_menu_1 > ul >li > ul a:hover, #sous_menu_1 > ul >li > ul a:focus {
    padding:0 5px 0 0;
    text-decoration:none;
}*/

.niveau1 {
    /*position:static;*/
    position: absolute;

}

.niveau1 > ul {
    z-index: 1000;
    float: left;

    min-width: 160px;
    width: 99%;
    padding: 5px 0;
    /*margin: 2px 0 0;*/
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    /*  border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    */
    overflow: auto;

    /*max-height:300px;*/

    position: absolute;

}

.niveau1 > ul > li {
    padding: 0;
    width: 100%;
}

/* Pour l'affichage de smenus non accessibles avec le profil de l'utilisateur */
.niveau1 span.libelleMenu {
    font-style: italic;
    margin-left: 20px;
    margin-bottom: 7px;
    display: inline-block;
    color: #ddd;
}

.pageTitreInaccessible {
    font-style: italic;
    color: #ddd;
}

.niveau2 {
    display: none;
}

.niveau3 {
    top: 0;
    padding-top: 5px;
    display: none;
    left: 30%;
    width: 100%;
}

.niveau4 {
    left: 100%;
    top: 0;
    padding-top: 5px;
    display: none;
    width: 100%;
}

.affiche {
    display: block;

}

@media (min-width: 768px) {
    #sous_menu_1 > ul > li {
        /*text-align: center;*/
        width: 16.66%;
        height: 54px;
    }

    #sous_menu_1 > ul > li > a {
        height: 54px;
    }

    .niveau1 {
        position: static;
        border-left: 1px dotted #AAA;
    }

    .niveau1 > ul {
        /*position:fixed;*/
        /*top: 260px;*/
        width: 92%;
        /*width:70%;*/
        left: 4%;
        /*left:15%;*/
        min-height: 200px;
    }

    .niveau1 > ul > li {
        width: 30%;
    }

    .niveau2 {
        /*min-height:250px;*/
    }

    .niveau3 {
        position: absolute;
        width: 30%;
    }

    .niveau4 {
        position: absolute;
    }
}

@media (min-width: 992px) {
    #sous_menu_1 > ul > li {

    }

    #sous_menu_1 > ul > li > a {
        background-image: url(../images/puce_menu.png);
        background-repeat: no-repeat;
        background-position: 5% 50%;
        padding: 0 0 0 27px;
    }

    .niveau1 > ul {
        left: 10%;
        width: 80%;

    }
}

@media (min-width: 1200px) {
    .niveau1 > ul {
        left: 15%;
        width: 70%;

    }

}

/*

Dropdown-menu

position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;


-----------

mega-dropdownmenu lateral

padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  font-size: 0.75em


--------------

mega-drop-downmenu
width: 85%;
  margin: 0 95px;
  -moz-box-shadow: 0px 2px 5px -1px #aaa;
  -webkit-box-shadow: 0px 2px 5px -1px #aaa;
  -o-box-shadow: 0px 2px 5px -1px #aaa;
  box-shadow: 0px 2px 5px -1px #aaa;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaa, Direction=180, Strength=5);
  padding-top: 5px;
*/

/* ajout pour le datatables de la saisie des commande saliments */
#listeArticles_filter {
    text-align: left;
    float: left;
}

#listeArticles_wrapper {
    overflow: auto;
}