/* Le CSS du header et du footer */
#hennerproHeader {
    background: url("../images/header/bandeau.jpg") no-repeat scroll center top white;
    border-bottom: 2px solid #E8E8E8;
    height: 180px;
    margin-bottom: 10px;
}

#header_menu {
    text-align: center;
}
#header_conteneur_infoCourtierConnecte {
    color: white;
}



#header_conteneur_logo img {
    width: 100px;
}


@media only screen and (max-width: 1024px) {
    #hennerproMain {
        min-width: inherit;
    }
    #hennerproHeader{
        height: 90px;
    }

    #hennerproMain #hennerproMain #header_conteneur_logo {
        width: 133px;
        height: 153px;
        display: inline-block;
        background: red;
    }

    #hennerproHeader_contenu{
        height: 90px;
        width: 100%;
    }
    #header_conteneur_logo {
        height: 100%;
        width: 7.8%;
        top: 0;
    }

    #header_conteneur_logo img {
        margin: 5px;
        width: 88%;
    }

    #header_conteneur_parametrages {
        top: 4px;
    }

    #header_conteneur_infoCourtierConnecte {
        position: absolute;
        right: 260px;
        top: 9px;
    }

    #header_menu {
        top: 55px;
    }

    #header_menu > ul > li .titre {
        padding: 0;
    }

    #header_conteneur_filAriane{
        display: none;
    }

    #hennerproFooter_contenu {
        width: 100%;
    }

    #hennerproInformation {
        width: 90%;
    }

    #hennerproContent {
        width: 100%;
    }
}

@media only screen and (max-width: 910px) {
    #hennerproHeader_contenu{
        height: 90px;
        width: 100%;
    }
    #header_conteneur_logo {
        height: auto;
        width: 68px;
        top: 0;
    }

    #header_menu {
        width: 80%;
    }

    #header_menu.menuprincipalbo > ul > li {
        width: 23%;
    }
    #header_menu.menuprincipal > ul > li {
        width: 31%;
    }

    #hennerproFooter {
        height: 60px;
    }

    #footer_langue{
        bottom: 2px;
        right: 2px;
        top: inherit;
    }

    #footer_menu {
        left: auto;
        position: relative;
        text-align: center;
        top: auto;
        width: 100%;
    }

}

@media only screen and (max-width: 705px) {

    #header_menu > ul > li .titre,
    #header_menu .sous_menu > li > a {
        font-size: 0.8em;
    }

}

@media only screen and (max-width: 590px) {
    #header_conteneur_infoCourtierConnecte {
        display: none;
    }

    #colonne_secondaire {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    #header_menu > ul > li .titre,
    #header_menu .sous_menu > li > a {
        font-size: 0.8em;
    }
    #header_menu.menuprincipalbomenuprincipal > ul > li .titre,
    #header_menu.menuprincipalbo .sous_menu > li > a {
        font-size: 0.65em;
    }

    #header_menu {
        width: 100%;
        top: 80px;
    }

    #hennerproHeader {
        height: 110px;
        margin: 0;
    }

    #header_menu.menuprincipalbo > ul > li {
        width: 20%;
    }

}