/* CSS - HEADER */
@media screen {
    div#main div#blocheader {
        margin:0px auto;
        width:100%;
        height:59px;
        color:#FFF;
        background-color:#222222;
    }
    div#main div#blocheader #header-page{
        width:980px;
        height:59px;
        margin:auto;
    }
    div#main div#blocheader img.arrondi{
        display:none;
    }
    
    /* ##################### Menu ##################### */
    div#main div#blocheader div.menu {
        float:left;
        margin:0px 0px 0px 0px;
        height:59px;
    }
    /* Menu - Niveau 1 */
    div#main div#blocheader div.menu ul {
        list-style-type:none;
        z-index:30;
        width:580px;
    }
    div#main div#blocheader div.menu ul li {
        margin:0px;
        padding:22px 8px 0px 8px;
        color:#ffffff;
        font-weight:bold;
        height:37px;
        float:left;
        cursor:pointer;
    }
    #ssmenu-conseils{
        font-weight:normal !important;
        border-bottom:1px solid #e5e5e5;
        width:140px !important;
    }
    
    /* Fin specifique */
    div#main div#blocheader div.menu ul li.m-out, div#main div#blocheader div.menu ul li.m-over, div#main div#blocheader div.menu ul li.separ{
        float:right;
    }
    div#main div#blocheader div.menu ul li{
        cursor:default;
    }
    div#main div#blocheader div.menu ul li a {
        color:#ffffff;
        font-weight:bold;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li a:hover {
        color:#7db856;
    }
    div#main div#blocheader div.menu ul li.m-over{
        color:#7db856;
        background-color:#222222;
    }
    div#main div#blocheader div.menu ul li.visuel {
        padding:0px 8px 0px 0px;
        height:59px;
    }
    div#main div#blocheader div.menu ul li.visuel img {
       display:block;
    }
    div#main div#blocheader div.menu ul li.separ,
    div#main div#blocheader div.menu ul li.separ-open{
        margin:21px 0px 0px 0px;
        padding:0px;
        height:12px;
        width:1px;
        background-color:#808f9c;
        float:right;        
    }
    
    /* Menu - Niveau 2 */
    div#main div#blocheader div.menu ul ul {
        position:absolute;
        margin:18px 0px 0px -9px;
        padding:15px 0px 8px 0px;
        width:195px;
        background:url(../images/static/090602-submenu.gif) ;
        border-bottom:1px solid #7db856;
    }
    div#main div#blocheader div.menu ul li.m-out ul {
        display:none;
    }
    div#main div#blocheader div.menu ul li:hover ul,
    div#main div#blocheader div.menu ul li.m-over ul {
        z-index:30;
    }
    div#main div#blocheader div.menu li li.m-out,
    div#main div#blocheader div.menu li li.m-over{
        margin:0;
        padding:2px 5px;
        text-transform:uppercase;
        width:185px;
        height:auto;
        text-align:left;
        border-right:0px;
        color:#222222;        
    }
    div#main div#blocheader div.menu li li.separ-open,
    div#main div#blocheader div.menu li.m-out li.separ-open {
        display:none;
    }
    div#main div#blocheader div.menu li li a,
    div#main div#blocheader div.menu li.m-out li a{
     *position:relative;
     }
    div#main div#blocheader div.menu li li a,
    div#main div#blocheader div.menu li li.m-out a {
        width:175px;
        padding:2px 5px;
        border-bottom:1px solid #eeeeee;
        display:block;
        font-weight:normal;
        text-decoration:none;
        color:#222222;
        background-color:#FFF;
    }
    div#main div#blocheader div.menu li li.m-over a{
        color:#fff;
        background-color:#222222;
        border-bottom:1px solid #000000;
    }
    div#main div#blocheader div.menu li li li.last a{
        border:0 !important;
    }
    div#main div#blocheader div.menu ul li li.separ-last,
    div#main div#blocheader div.menu ul li.separ#last-separ,
    div#main div#blocheader div.menu ul li#last-separ{
        display:none;
    }    
    div#main div#blocheader div.menu ul li li.separ {
        margin:0px 0px 0px 10px;
        padding:0px;
        height:1px;
        width:152px;
        font-size:0px;
        background-color:transparent;
    }
    * html div#main div#blocheader div.menu ul li li,
    * html div#main div#blocheader div.menu ul li li.separ {
        margin-left:7px;
    }
    
    /* Niveau 3 */
    div#main div#blocheader div.menu ul ul ul {
        margin:-3px 0px 0px 190px;
        background:none;
        background-color:#FFF;
        padding:0;
        border:1px solid #7db856;
    }
    div#main div#blocheader div.menu li li li,
    div#main div#blocheader div.menu li li li.m-out,
    div#main div#blocheader div.menu li li li.m-out a {
        color:#000000;
        background-color:#FFF;        
    }
    div#main div#blocheader div.menu li li li.m-out a {
        border-bottom:1px solid #eeeeee;
    }
    div#main div#blocheader div.menu li li li.m-over,
    div#main div#blocheader div.menu li li li.m-over a,
    div#main div#blocheader div.menu ul li li li a:hover {
        color:#ffffff;
    }
    div#main div#blocheader div.menu ul li li li.separ {
        background-color:transparent;
    }
    * html div#main div#blocheader div.menu ul li li li,
    * html div#main div#blocheader div.menu ul li li li.separ {
        margin-left:7px;
    }
    
    /* Niveau 4 */
    div#main div#blocheader div.menu ul ul ul ul {
        margin:-4px 0px 0px 146px;
        border-top:1px solid #e5e5e5;
    }
    div#main div#blocheader div.menu li li li li,
    div#main div#blocheader div.menu li li li li.m-out,
    div#main div#blocheader div.menu li li li li.m-out a {
        color:#e5e5e5;
        background-color:#FFF;
    }
    div#main div#blocheader div.menu li li li li.m-over,
    div#main div#blocheader div.menu li li li li.m-over a,
    div#main div#blocheader div.menu ul li li li li a:hover {
        color:#0091cf;
    }
    div#main div#blocheader div.menu ul li li li li.separ {
        background-color:transparent;
        border-top:1px solid #e5e5e5;
    }
    * html div#main div#blocheader div.menu ul li li li li,
    * html div#main div#blocheader div.menu ul li li li li.separ {
        margin-left:7px;
    }
   
   
    /* ##################### Moteur Recherche ##################### */
    div#main div#blocheader div#header-mdr {
        float:right;
        width:250px;
        padding:21px 0 0 0;
        height:37px;
    }
    div#main div#blocheader div#header-mdr form {
        display:inline;
        position:relative;
        z-index:30;
    }
    div#main div#blocheader div#header-mdr form fieldset {
        float:right;
        margin-top:1px;
        border:0px;
        width:250px;        
    }
    div#main div#blocheader div#header-mdr form fieldset label {
        color:#ffffff;
        font-weight:bold;
        font-weight:900;
        margin-right:5px;
        float:left;
    }
    div#main div#blocheader div#header-mdr form fieldset input,
    div#main div#blocheader div#header-mdr form fieldset select {
        padding:0px;
        background-color:#FFF ;
        color:#222;
        font-size:11px;
        border:1px solid #545d65;
        float:left;        
    }
    div#main div#blocheader div#header-mdr form fieldset input {
    }
    div#main div#blocheader div#header-mdr form fieldset input.text {
        width:120px;
        height:15px;
        margin-top:-2px;
    }
    div#main div#blocheader div#header-mdr form fieldset input.btn {
        width:22px;
        height:35px;
        margin-left:0px;
        background:url(../images/static/090602-btn-sch.gif) no-repeat #222222;
        background-position:0 0;
        border:0px;
        cursor:pointer;
        float:left;
        margin-top:-2px;
    }
    div#main div#blocheader div#header-mdr form fieldset select {
        width:220px;
    }
    /*##################### Style saisie predictive ##################*/
    div#main div#blocheader div#header-mdr form div#search_suggest{
        position:absolute;
        margin-top:40px;
        left:0px;
        padding:5px;
        border:#545d65 solid 1px;
        background-color:#020202 ;
        text-align:left;
        display:none;
        min-width:200px;
        *width:200px;
    }
    html>body div#main div#blocheader div#header-mdr form div#search_suggest{
        width:auto;
        *margin-top:60px;
    }
    div#main div#blocheader div#header-mdr form div#search_suggest a{
        color:#fff;
        text-decoration:none;
    }
    div#main div#blocheader div#header-mdr form div#search_suggest a span{
        color:#7db856;
        font-weight:bold;
    }
    
    /* ##################### Favoris ##################### */
    div#main div#blocheader div#header-favoris {
        /*
        float:left;
        padding:22px 0px 0px 15px;
        margin-left:10px;
        height:37px;
        text-align:right;
        color:#808f9c;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:0 22px;
        background-image:url(../images/static/090602-star-menu.gif);
        */
        display:none;
    }
    div#main div#blocheader div#header-favoris IMG, div#main div#blocheader div#header-favoris BR {
        display:none;
    }
    div#main div#blocheader div#header-favoris a {
        color:#ffffff;
        font-weight:bold;
        text-decoration:none;
    }
    div#main div#blocheader div#header-favoris a:hover {
        color:#7db856;
    }
    div#main div#blocheader div#header-favoris img {
        margin-bottom:-7px;
    }
    div#main div#blocheader div#header-favoris DL {
        margin:0;
    }
}