@import url('footer_mini.css');

@media (max-width: 1200px){
.conteneur_banniere {
    background-position: top;
    background: #068c37;
}
 
div#contenu_header {
    position:absolute !important;
    left:0;
    right:0;
    top:0;
    bottom:0;
}  
    
.header {
    width: 100%;
    /*! position: relative; */
    box-sizing: border-box;
    padding: 0 10px;
}

#titre-menu {
    display: block !important;
}

ul#menu_header {
    position: fixed;
    right: -100%;
    top: 0;
    flex-direction: column;
    background: #f2f2f2;
    box-sizing: content-box;
    border-width: 0px;
    /* width: 100%; */
    z-index: 9999 !important;
    margin: 0;
    bottom:0;
    max-height: 1000px;
    display: none;
    overflow-y: scroll;
    min-height: 370px;
    /*left: 0;*/
}

div.image_responsive {
    display: block !important;
    width: 40px;
    position: absolute;
    right: 10px;
    align-items: center;
    top: 15px !important;
}

div#contenu_header {
    justify-content: space-around;
    align-items: flex-end;
}

ul#menu_header li {
    font-size: 95%;
    /* width: 100%; */
    box-sizing: border-box;
    /*! padding: 0 20px; */
    border-bottom: 1px solid #ccc;
    background: #f2f2f2;
}




.close {
   width: 20px !important;
   height: 20px;
   top: 15px;
   right: 10px;
   position: absolute;
   display: block;
   z-index: 9999;
   background: url(../images/delete-cross.png);
   background-repeat: no-repeat;
}

    
    ul#menu_header >li{
        width: 100% !important;
        padding: 0;
    }    
ul#menu_header li ul {
    list-style-type: none;
    position: relative;
    top: 0;
    padding: 0;
    visibility: unset !important;;
    background: #fff;
    border-radius: 3px;
    z-index: 10;
    border-top: 3px solid #00973a;
    transition: all linear 0.3s;
    width: 100%;
    display: none;
}


ul#menu_header li:hover ul {
    display: none;
    top:0;
}

ul#menu_header li:hover, ul.sous_menu li:hover {
    /*! box-sizing: border-box; */
    /*! padding: 0 */
}


ul.sous_menu li{
    font-size: 80% !important;
    box-sizing: border-box
}

ul#menu_header li{
    font-size: 90% ;
    box-sizing: border-box;
}


ul#menu_header li:after{
    display:none
}

ul#menu_header li a {
    padding: 0 5px;
}

ul#menu_header li li {color: #fff;font-size: 87%;border-bottom: 1px solid aliceblue;background: #00973a;}

ul#menu_header li li:after {
    background: #fff !important;
}

ul#menu_header li li:hover {
    color: #00973a;
    background: #fff;
}

    .titre-menu:hover{
        color: #fff !important;
    }

.titre-menu {
    display: block;
    background: #00973a !important;
    color: #fff;
    padding: 5px !important;
}


#page li.srubrique {
}
#page li.srubrique {
  margin: 0 !important;
  padding-left: 35px !important;
}
#page li.srubrique:before {
  margin-left: 30px;
  background: #fff;
}

.description_logo span {
    font-size: inherit;
}

}