/*******************************************/
/* PANNEAU RECHERCHE  */
/*******************************************/
/* COMPREND CHAMP DE RECHERCHE + LIENS VERS INDEX */


.panneau-recherche-wrapper {
    background-color:#eee;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    height: calc(5.1em + 1px);
    position:sticky;
    top:0px;
    z-index: 1;
}

#panneau-recherche {display:flex; 
    }

/* Zone de recherche */

#block-oiseaux8-rechercher {
    display:flex;
    align-items:center;
    height: 5.1em;
    position: relative;
    margin-right:1.2em;
}

form {
    position:relative;
    overflow-x:hidden;}

#block-oiseaux8-rechercher input.form-text {
    font-size:1em;
    padding:0.5rem;
    margin:0 4rem 0 0;
    width:100%;
    height:2.6rem;
    border-radius:2px;
    background-color:#fff !important;
    box-sizing: border-box;
    border:3px solid #049859;
}

#block-oiseaux8-rechercher ::placeholder {
    color:#4e4e4e;
    opacity: 1;
}

#block-oiseaux8-rechercher input.form-text:focus {
    border:3px solid #049859;
    background-color:#fff;
} 

#block-oiseaux8-rechercher input.button {
    position:absolute;
    height:2.6rem;
    width:2.8rem;
    padding:0;
    border:0;
    text-indent: -10000px;
    overflow: hidden;
    bottom:0px;
    right:0;
    z-index: 1;
    cursor: pointer;
    background: #049859 url(../../images/symboles_dico_svg/loupe_hv.svg) 50% 50% no-repeat;
    /*background:  url(../../images/symboles_dico_svg/loupe.svg) 50% 50% no-repeat;*/
    background-size: auto 1.5rem;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    box-shadow:none;

}

#block-oiseaux8-rechercher input.button:focus, #block-oiseaux8-rechercher input.button:hover {
    background: #06733e url(../../images/symboles_dico_svg/loupe_hv.svg) 50% 50% no-repeat;
    background-size: auto 1.5rem;
}

/* Zone de navigation dans les index */

#block-oiseaux8-navigation {
    display:flex;
    align-items:flex-end;
    margin-left:auto;
    
} 


.navbar-toggle {display:none;}

#menu-navigation {
    background-color:#fff;
    display:flex;
    list-style-type:none;
    margin:0;
    margin-top:-1px;
    padding:0;
    padding-left:4px;
    padding-right:4px;
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
}

#menu-navigation li {
    width:100%;
    position:relative;}

#menu-navigation li ul {display:none;}

#menu-navigation li ul.ouvert {
    display:block;
    position: absolute;
    width:calc(100% - 7px);
    flex-direction: column;
    top: calc(100% + 2px);
    left: 0;
    background-color: #fff;
    border: 2px solid #ccc;
    z-index: 100;
    margin-left:0;
    padding-left:0;
}

#menu-navigation li ul li { display: block;
    flex-direction: column;}

#menu-navigation li a {
    box-sizing:content-box;
    display:flex;
    align-items: center;
    text-decoration: none;
    background-color: #228085;
    color:#fff;
    padding-right:1.2em;
    height:4.4em;
    width:7.3em;
    font-size:1em;
    line-height:1.4em;
}

#menu-navigation li a.index {
    background: #00884e url(../../images/symboles_dico_svg/index.svg) 1.1em center no-repeat;
    background-size:2.5em auto;
    border:3px solid #00884e;
    border-bottom:0.7em solid #049859;
    padding-left:4.7em;
    margin-right:4px;
}

#menu-navigation li a.index:hover,
#menu-navigation li a.index:focus, 
#menu-navigation li a.index:active,
#menu-navigation li a.index[aria-expanded="true"] {
    border:3px solid #049859;
    border-bottom:0.7em solid #049859;
    background: #fff url(../../images/symboles_dico_svg/index_hv.svg) 1.1em center no-repeat;
    background-size:2.5em auto;
    color: #017501;}	

#menu-navigation li a.guide {
    background: #1f7994 url(../../images/symboles_dico_svg/guide.svg) 0.9em center no-repeat;
    background-size:2.5em auto;
    border:3px solid #1f7994;
    border-bottom:0.7em solid #248caa;
    padding-left:4.2em;
}

#menu-navigation li a.guide:hover,
#menu-navigation li a.guide:focus, 
#menu-navigation li a.guide:active {
    border:3px solid #248caa;
    border-bottom:0.7em solid #248caa;
    background: #fff url(../../images/symboles_dico_svg/guide_hv.svg) 0.9em center no-repeat;
    background-size:2.5em auto;
    color: #0080a6;}	

#menu-index li a {
    background-color: #fff;
    border-top:1px solid #cccbcb;
    color:#5d5f60;
    height:auto;
    width:100%;
    box-sizing: border-box;
    padding:0.4em 0.8em;}

#menu-index li:first-of-type a {border:none;}

#menu-index li a:hover, #menu-index li a:focus, #menu-index li a:active    {
    background-color:#049859;
    color:#fff;
}



@media screen and (max-width: 1250px) {
    #panneau-recherche {
        padding-left:1.2em;
    }

}

@media screen and (max-width: 1230px) {
    #menu-navigation {padding-right:0;}
}


@media screen and (max-width: 800px) {
    #panneau-recherche {
        display:block;
        max-width:400px;
        padding-left:0;

    }
    .panneau-recherche-wrapper {
        height:auto;
        background-color:#eee;
        border-top:1px solid #bbb;
        border-bottom:1px solid #bbb;
        padding:1.2em;
        padding-bottom:0;
        /* Pour désactiver la barre flottante */
        z-index: auto !important; 
        position: static !important; 
        top: auto !important;
    }

    .panneau-recherche-wrapper > div {display:none; }

    #block-oiseaux8-rechercher {
        max-width:100% !important;
        height:auto;
        display:block;
        margin-right:0;
        padding-bottom:0.8em;
    }

    #menu-navigation {
        display:block;
        padding-left:0;
        padding-bottom:1.2em;
        border:0;
        background:none;}


    #menu-navigation > li:first-child {
        padding-bottom:4px;}

    #menu-navigation li a.index, #menu-navigation li a.guide  {
        width:100%;
        box-sizing:border-box;
        background-size:1.4em auto !important;
        padding:0.6em 1.3em 0.6em 3em;
        height:auto !important;
        font-size:1.1em;
    }

    #menu-navigation li a.guide,
    #menu-navigation li a.guide:hover,
    #menu-navigation li a.guide:focus, 
    #menu-navigation li a.guide:active {
        background-position:0.8em center;
    }

    #menu-navigation li a.index,
    #menu-navigation li a.index:hover,
    #menu-navigation li a.index:focus, 
    #menu-navigation li a.index:active {
        background-position:0.8em center;
    }


    #menu-navigation li ul.ouvert {
        position:relative;
        width:calc(100% - 4px);
    }

    .navbar-toggle {
        display:block;
        padding:0.4em 0.4em 0.4em 2.2em;
        margin: auto;
        margin-bottom:1em;
        border:0;
        background:transparent;
        color:#000;
        font-size:1em;
        text-align:left;
        background: transparent url(../../images/symboles_dico_svg/plus2.svg) 0.4em center no-repeat;
        background-size:1.4em auto;}

    .navbar-toggle.afficherMoins {
        background: transparent url(../../images/symboles_dico_svg/moins2.svg) 0.4em center no-repeat;
        background-size:1.4em auto;}

    #block-oiseaux8-navigation {display:none;}

    #block-oiseaux8-navigation.ouvert {
        display:block;
    }


}