/* CSS - HEADER */
@media screen {
    div#blocheader {
        margin:0px;
        padding:0px;
    }
    div#blocheader img.arrondi {
        display:none;
    }
    /* Menu */
    div#header-page {
        margin:0px auto;
        padding:0px;
        width:935px;
        padding-bottom:10px;
        height:64px;
        background-position:bottom center;
        background-color:transparent;
        background-repeat:no-repeat;
    }
    div#header-page div#header-logo {
        float:left;
        widh:auto;
        margin:14px 0px 0px 3px;
        padding:0px;
    }
    /* Hack IE6 */
    * html div#header-page div#header-logo {
        margin-left:1px;
    }
    div#header-page div.menu {
        float:left;
        margin:24px 0px 0px 0px;
        padding:0px;
        height:26px;
        width:620px;
    }
    /* ########################### MENU AUTRES #############################*/
    /* Menu - Niveau 1 */
    div#header-page div.menu ul {
        list-style-type:none;
        z-index:30;
        height:28px;
        margin:0 0 0 3px;
        padding:0;
    }
    div#main div#blocheader div.menu ul li {
        margin:0px;
        padding:6px 0 4px 0;
        color:#84b4b9;
        font-weight:bold;
        float:left;
        cursor:pointer;
    }
    div#main div#blocheader div.menu ul li a {
        color:#84b4b9;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li a:hover,
    div#main div#blocheader div.menu ul li.m-over a {
        color:#84b4b9;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li.m-over {
        color:#84b4b9;
    }
    div#main div#blocheader div.menu ul li.separ {
        background-color:#84b4b9;
        width:1px;
        height:10px;
        padding:0;
        margin:8px 4px 0 4px;
    }
    div#main div#blocheader div.menu ul li#separ-nos-produits {
        display:block !important;
    }
    div#main div#blocheader div.menu ul li#last-separ, div#main div#blocheader div.menu ul li.last-separ {
        display:none;
    }
    div#main div#blocheader div.menu ul li.visuel {
        margin:-10px 7px 0 0;
        padding:0;
        position:relative;
    }
    /* Menu - Niveau 2 */
    div#main div#blocheader div.menu ul ul {
        position:absolute;
        margin:17px 0px 0px -10px;
        padding:0px;
        width:190px;
        height:auto;
        border-bottom:0px;
    }
    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;
        padding:2px 6px 3px 6px;
        height:auto;
        width:176px;
        font-weight:normal;
        text-align:left;
        border:1px solid #d8d8d8;
        border-bottom:0;
        background-color:#FFFFFF;
    }
    div#main div#blocheader div.menu li li.last {
        border-bottom:1px solid #d8d8d8;
    }
    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 {
        display:block;
        text-decoration:none;
        color:#666465;
        background:url(../images/static/100326-int-puce-menu.gif) no-repeat;
        padding-left:6px;
        background-position:0 2px; 
        width:172px;
    }
    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:#666465;
        background-color:#e5eff0;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li ul li.separ {
        display:none;
    }    
    
    /* ########################### MENU NOS PRODUIT ET CONSEILS ET SERVICES ######################## */
    /* Menu - Niveau 2 */
    div#main div#blocheader div.menu ul li#menuProduits:hover ul,
    div#main div#blocheader div.menu ul li#menuProduits.m-over ul,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services:hover ul,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services.m-over ul {
        z-index:30;
    }
    div#main div#blocheader div.menu li#menuProduits li,
    div#main div#blocheader div.menu li#menuProduits.m-out li,   
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services.m-out li {
        margin:0px;
        padding:0;
        height:auto;
        width:188px;
        font-weight:normal;
        text-align:left;
        border-bottom:0;
        background-color:#FFFFFF;
        border:0;
        border-left:1px solid #d8d8d8;
        border-right:1px solid #d8d8d8;        
    }
    div#main div#blocheader div.menu li#menuProduits li a,
    div#main div#blocheader div.menu li#menuProduits.m-out li a,   
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li a,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services.m-out li a {
        *position:relative;
    }
    div#main div#blocheader div.menu li#menuProduits li a,
    div#main div#blocheader div.menu li#menuProduits li.m-out a,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li a,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li.m-out a {
        display:block;
        text-decoration:none;
        color:#666465;
        background:none;
    }    
    div#main div#blocheader div.menu li#menuProduits li.m-over,
    div#main div#blocheader div.menu li#menuProduits li.m-over a,
    div#main div#blocheader div.menu ul li#menuProduits li a:hover,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li.m-over,
    div#main div#blocheader div.menu li#sousmenu2-conseils-et-services li.m-over a,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services li a:hover {
        text-decoration:none;
        color:#666465;
        background-color:#FFFFFF;
    }
    div#main div#blocheader div.menu ul li#menuProduits span.famille a,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services span.lien a {
        background:url(../images/static/100326-int-puce-menu.gif) no-repeat;
        background-position:6px 4px; 
        padding:2px 6px 3px 12px;
        float:left;
        width:170px;
        border-bottom:#d8d8d8 1px solid;        
    }
    div#main div#blocheader div.menu ul li#menuProduits span.famille a:hover,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services span.lien a:hover {
        background:url(../images/static/100326-int-puce-menu.gif) no-repeat #e5eff0;
        background-position:6px 4px;
    }
    div#main div#blocheader div.menu ul li#menuProduits ul li span.title,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services ul li span.title {
        text-transform:uppercase;
        background-color:#84b3b9;
        color:#FFF;
        padding:2px 6px 3px 0;
        float:left;
        width:182px;
    }
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services ul li span.title {
        padding-left:6px;
        width:176px;
        font-weight:bold;
        cursor:text;
    }
    div#main div#blocheader div.menu ul li#menuProduits ul li span.title a,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services ul li span.title a {
        color:#FFF;
        font-weight:bold;
        background-color:#84b3b9;        
    }
    div#main div#blocheader div.menu ul li#menuProduits ul li span.title a:hover,
    div#main div#blocheader div.menu ul li#sousmenu2-conseils-et-services ul li span.title a:hover {
        color:#FFF;
        font-weight:bold;
        text-decoration:underline;
        background-color:#84b3b9;
    }
    
    
    /* Newsletter */
    div#main div#blocheader div#header-newsletter {
        float:left;
        width:165px;
        margin:29px 5px 0 0;
        cursor:pointer;
    }
    div#main div#blocheader div#header-newsletter p.btn {
        width:133px;
        height:20px;
        text-align:left;
        padding:3px 0px 0px 32px;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:left top;
        background-image:url(../images/static/background-btn-inscription-newsletter.gif);
    }
    div#main div#blocheader div#header-newsletter p.btn a {
        font-size:10px;
        color:#FFFFFF;
        text-decoration:none;
    }
    div#main div#blocheader div#header-newsletter p.btn a:hover {
        font-size:10px;
        color:#FFFFFF;
        text-decoration:underline;
    }
    
    /* Moteur Recherche */
    div#main div#blocheader div#header-mdr {
        float:right;
        margin:29px 1px 0 0;
        width:140px;
    }
    div#main div#blocheader div#header-mdr form {
        display:inline;
        margin:0px;
        padding:0px;
        position:relative;
    }
    div#main div#blocheader div#header-mdr form fieldset {
        float:right;
        margin:-2px 0px 0px 0px;
        padding:0px;
        border:0px;
    }
    div#main div#blocheader div#header-mdr form fieldset label {
        display:none;
    }
    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:#FFFFFF;
        color:#749295;
        font-size:10px;
        border:1px solid #749295;
    }
    div#main div#blocheader div#header-mdr form fieldset input {
    }
    div#main div#blocheader div#header-mdr form fieldset input.text {
        font-size:10px;
        width:95px;
        height:14px;
        padding:4px 5px 5px 12px;
        border:0px;
        margin:0 3px 0 0;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-input-text-mdr.gif);
    }
    div#main div#blocheader div#header-mdr form fieldset input.btn {
        margin:0px 0px 0px 0px;
        padding:4px 0px 4px 0px;
        width:22px;
        font-size:9px;
        color:#FFFFFF;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-btn-ok-mdr.gif);
        border:0px;
        cursor:pointer;
    }
    div#main div#blocheader div#header-mdr form fieldset select {
        width:220px;
    }
    
    /* Newsletter */
    div#main div#blocheader div#header-newsletter {
        float:right;
    }
    
    /* Style saisie predictive */
    div#main div#blocheader div#header-mdr form div#search_suggest{
        position:absolute;
        margin-top:23px;
        margin-right:20px;
        left:-1px;
        padding:5px;
        border:#545d65 solid 1px;
        background-color:#FFF ;
        text-align:left;
        display:none;
        min-width:185px;
        *width:185px;
    }
    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:#000;
        text-decoration:none;
    }
    div#main div#blocheader div#header-mdr form div#search_suggest a span{
        color:#84b4b9;
        font-weight:bold;
    }    
}