/* CSS - HEADER */
@media screen {
    div#blocheader {
        margin:0px 0px 0px -40px;
        height:28px;
        background-position:top center;
        background-repeat:no-repeat;
        background-color:transparent;
        background-image:url(../images/static/background-header.gif); 
    }
    div#blocheader img.arrondi{
        display:none;
    }
    
    /* Menu */
    div#header-page {
        margin:0px auto;
        padding:0px;
        width:1020px;
    }
    div#header-page div.menu {
        float:left;
        margin:0px 0px 0px 0px;
        padding:0px;
        height:28px;
        width:780px;
        background-position:top left;
        background-repeat:no-repeat;
        background-color:transparent;
        background-image:url(../images/static/background-header-menu-g.gif); 
    }
    div#main div#blocheader div.menu-univers{
        display:none;
        overflow:hidden;
    }
    /* Menu - Niveau 1 */
    div#header-page div.menu ul {
        list-style-type:none;
        z-index:30;
        height:28px;
        margin:0px 0px 0px 46px;
        padding:0px 36px 0px 0px;
        background-position:top right;
        background-repeat:no-repeat;
        background-color:transparent;
        background-image:url(../images/static/background-header-menu-d.gif); 
    }
    div#main div#blocheader div.menu ul li {
    	height:28px;
        margin:0px;
        padding:6px 4px 0px 4px;
        color:#4c4c4c;
        float:left;
        cursor:pointer;
    }
    div#main div#blocheader div.menu ul li a {
        color:#4c4c4c;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li a:hover {
        color:#e65226;
    }
    div#main div#blocheader div.menu ul li.m-over,
    div#main div#blocheader div.menu ul li.m-over a {
        color:#e65226;
    }
    div#main div#blocheader div.menu ul li.visuel {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        height:28px;
    }
    
    div#main div#blocheader div.menu ul li.visuel img {
       display:block;
    }
    div#main div#blocheader div.menu ul li.separ-open,
    div#main div#blocheader div.menu ul li.separ {
        margin:7px 0px 0px 0px;
        padding:0px;
        height:12px;
        width:1px;
        background-color:#acacac;
    }
    div#main div#blocheader div.menu ul li#last-separ{
        display:none;
        border:0px;
        border-width:0px;
    }
    /* Menu - Niveau 2 */
    div#main div#blocheader div.menu ul ul {
        position:absolute;
        margin:22px 0px 0px -15px;
        padding:3px 0px 5px 0px;
        width:184px;
        height:auto;
        /*border-top:1px solid #ffffff;*/
        border-top:0px;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:bottom left;
        background-image:url(../images/static/background-header-menu-n2.gif);
    }
    div#main div#blocheader div.menu ul ul.first {
        /*border-top:0px;
        position:relative;
        top:1px;*/
    }
    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,
    div#main div#blocheader div.menu li.m-out li {
        margin:0px 0px 0px 10px;
        padding:2px 6px 3px 6px;
        height:auto;
        width:152px;
        text-align:left;
        border-right:0px;
        color:#FFFFFF;
    }
    
    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:158px;
        display:block;
        text-decoration:none;
        color:#ffffff;
    }
    div#main div#blocheader div.menu li li.m-over,
    div#main div#blocheader div.menu li li.m-over a,
    div#main div#blocheader div.menu ul li li a:hover {
        color:#4c4c4c;
    }
    div#main div#blocheader div.menu li li.separ-open,
    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;
        border-top:1px solid #FFFFFF;
    }
    * html div#main div#blocheader div.menu li li.separ-open,
    * html div#main div#blocheader div.menu ul li li,
    * html div#main div#blocheader div.menu ul li li.separ {
        margin-left:7px;
    }
    div#main div#blocheader div.menu ul li li.last-separ{
        display:none;
        /*border:0px;
        border-width:0px;
        border-top:0px !important;*/
    }
    /* Niveau 3 */
    div#main div#blocheader div.menu ul ul ul {
        margin:-4px 0px 0px 145px;
        background-image:url(../images/static/background-header-menu-n3.gif);
        border-top:1px solid #acacac;
    }
    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:#4c4c4c;
    }
    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:#e65226;
    }
    div#main div#blocheader div.menu ul li li li.separ {
        background-color:transparent;
        border-top:1px solid #acacac;
    }
    * 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;
    }

   
    /* Moteur Recherche */
    div#main div#blocheader div#header-mdr {
        float:left;
        width:140px;
    }
    div#main div#blocheader div#header-mdr form {
        display:inline;
        margin:0px;
        padding:0px;
    }
    div#main div#blocheader div#header-mdr form fieldset {
        float:right;
        margin:-4px 0px 0px 0px;
        padding:0px;
        border:0px;
    }
    html>/**/body div#main div#blocheader div#header-mdr form fieldset {
    	/* Mozilla */
        margin-top:-2px;
    }
    div#main div#blocheader div#header-mdr form fieldset label {
    	background-color:transparent;
    	background-repeat:no-repeat;
    	background-position:left top;
    	background-image:url(../images/static/picto-mdr-loupe.gif);
        margin:0px;
        padding:0px 0px 0px 15px;
    	width:15px;
        margin-right:5px;
    }
    div#main div#blocheader div#header-mdr form fieldset input,
    div#main div#blocheader div#header-mdr form fieldset select {
        margin:0px;
        padding:0px;
        background-color:#020202 ;
        color:#575757;
        font-size:11px;
        border:1px solid #545d65;
    }
    div#main div#blocheader div#header-mdr form fieldset input {
    }
    div#main div#blocheader div#header-mdr form fieldset input.text {
        width:100px;
    }
    div#main div#blocheader div#header-mdr form fieldset input.btn {
        margin:2px 0px 0px 0px;
        padding:4px 0px 0px 0px;
        width:16px;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        background-image:url(../images/static/btn-mdr-ok.gif); 
        border:0px;
        cursor:pointer;
    }
    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:25px;
        margin-left:20px;
        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;
    }
    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:#e65226;
        font-weight:bold;
    }
    
    /* Favoris */
    div#main div#blocheader div#header-favoris {
        float:left;
        width:95px;
        padding:4px 0px 0px 0px;
        text-align:center;
        color:#ababab;
    }
    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:#ababab;
        text-decoration:none;
    }
    div#main div#blocheader div#header-favoris a:hover {
        text-decoration:underline;
    }
    div#main div#blocheader div#header-favoris img {
        margin-bottom:-7px;
    }
    div#main div#blocheader div#header-favoris DL {
        margin:0;
    }
}