/* CSS - HEADER */
@media screen {
    div#main div#blocheader {
        margin:0px auto;
        width:100%;
        height:109px;
        color:#FFF;
        background-color:#404041;
    }
    div#main div#blocheader #header-page{
        width:940px;
        height:109px;
        margin:auto;
    	position:relative;
    }
    div#main div#blocheader img.arrondi{
        display:none;
    }
    
    /* ##################### Menu ##################### */
    div#main div#blocheader #body-menu {
        float:left;
        margin:0px 0px 0px 0px;
        height:109px;
        width:920px;
        width:920px;
        text-align:left;
    }
    div#main div#blocheader #body-menu .logo {
        float:left;
    }    
    div#main div#blocheader #body-menu div.menus {
        float:left;
        clear:left;
        margin:5px 0 0 2px;
        position:relative;
    }
    div#main div#blocheader #body-menu div.menus UL.menu-rayons, div#main div#blocheader #body-menu div.menus UL.menu-rubriques {
        float:left;    
    }  
    div#main div#blocheader #body-menu div.menus UL LI {
        float:left;
        list-style:none;
        margin:0;
        padding:0;
    }
    div#main div#blocheader #body-menu div.menus UL LI.lv1 {
        margin:0;
        height:30px;
        padding:8px 7px 0 7px;
    }
    div#main div#blocheader #body-menu div.menus UL LI.lv1:hover, div#main div#blocheader #body-menu div.menus UL LI.lv1.selected {
        background:#FFF;
    }    
    div#main div#blocheader #body-menu div.menus UL LI.lv1 a {
        text-transform:uppercase;
        color:#FFF;
        font-weight:bold;
        font-size:14px;
        text-decoration:none;
    }
    div#main div#blocheader #body-menu div.menus UL LI:hover a, div#main div#blocheader #body-menu div.menus UL LI.selected a, div#main div#blocheader #body-menu div.menus UL LI.lv1 a:hover {        
        color:#41c06c;        
    }    
    div#main div#blocheader #body-menu div.menus UL LI.lv1 div  {
        display:none;
        position:absolute;
        top:38px;
        left:-2px;
        width:912px;
        background:#FFF;
        border:2px solid #404041;
        border-top:0;
        padding:20px 12px;
        z-index:100;
    }
    div#main div#blocheader #body-menu div.menus UL LI.lv1 div UL {
        float:left;
        margin-right:20px;
    }    
    div#main div#blocheader #body-menu div.menus UL LI.lv1 div UL LI A {
        color:#404041;
        text-transform:none;
        font-size:12px;
    }
    div#main div#blocheader #body-menu div.menus UL LI.lv1 div UL LI {
        float:left;
        clear:both;
        padding-left:12px;
        background:url(../images/static/menu-puce.gif) no-repeat top left ;
        background-position:0 3px;
        margin:0 0 5px 0;
    }    
   
    /* ##################### Moteur Recherche ##################### */
    div#main div#blocheader div#header-mdr {
        float:left;
        width:150px;
        position:absolute;
        bottom:15px;
        right:2px;
    }
    div#main div#blocheader div#header-mdr form {
        display:inline;
        position:relative;
        z-index:30;
        float:left;
    }
    div#main div#blocheader div#header-mdr form fieldset {
        float:right;
        margin-top:1px;
        border:0px;
        width:150px;
    }
    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:16px;
        margin-top:-3px;
        padding-left:5px;
    }
    div#main div#blocheader div#header-mdr form fieldset input.btn {
        width:17px;
        height:16px;
        margin-left:3px;
        background:url(../images/static/btn-ok.gif) no-repeat #404041;
        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;
    }
	div#main div#blocheader div#header-mdr form div.exemple_rech {
        display : none;
    }
    /*##################### 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:#41c06c;
        font-weight:bold;
    }
    
    /* ##################### Favoris ##################### */
    div#main div#blocheader div.menu_autres {
    	right:4px;
    	top:20px;;
    	position:absolute;
    }
    div#main div#blocheader div.menu_autres UL {
        float:left;
        list-style:none;
        margin:5px 10px 0 0;
        padding:0;
    }
    div#main div#blocheader div.menu_autres UL LI {
        float:left;
    }
    div#main div#blocheader div.menu_autres UL LI A {
        color:#FFF;
        text-decoration:none;
        font-size:11px;
    }
    div#main div#blocheader div.menu_autres UL LI A:hover {
        text-decoration:underline;
    }    
    div#main div#blocheader div.menu_autres UL LI.separ {
        background:url(../images/static/menu-separ.gif) top left no-repeat;
        height:15px;
        width:1px;
        margin:0 5px;
    }    
    div#header-newsletter {
        float:left;
    }
    
    
    /* ##################### 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:#41c06c;
    }
    div#main div#blocheader div#header-favoris img {
        margin-bottom:-7px;
    }
    div#main div#blocheader div#header-favoris DL {
        margin:0;
    }
}