/*****************************************************************************/
/*                            HEADER                                           */
/*****************************************************************************/

#header{
    margin-top:10px;
    border : 3px solid #e41858;
    border-bottom:0;
    height: 150px;
    width:974px;
    background: url('../images/logo_pointdeco.png') no-repeat 38px 10px white;
    text-align:left;
}

/*****************************************************************************/
/*   Les actions contenues dans le header (index, mon devis ...)             */
/*****************************************************************************/


#option
{
    line-height: 25px ;
    white-space:nowrap;
    list-style:none;
    text-align:right;
    position:absolute;
    top:20px;
    right:15px;
}

#option a{
    font-weight:bold;
    color:#444444;
}

#option a:hover
{
    color:#e41858;
}

/* Point de sortie autre que image css. (voir ci dessous) */
#logout_texte{
    display:none;
}

/*****************************************************************************/
/*                            MAGASIN EN COURS                               */
/*****************************************************************************/

#emplacement{
    position:relative;
    top : 10px;
    right:40px;
    font-size: 1em ;
    text-align:right;
    vertical-align:top;
    color:#999999;
}

/* La porte de sortie du magasin */

#logout{
    position:absolute;
    right:-35px;
    top:-5px;
    width:30px;
    height:30px;
    background: url('../images/exit.jpg') no-repeat white;
}
#logout:hover{
    -moz-opacity:0.7;
    opacity: 0.7;
}

/*****************************************************************************/
/*                            BARRE DU MENU                                  */
/*****************************************************************************/

/* La barre rose et un conteneur vide pour éviter les mouvements */

#barre{
    height: 35px;
    width:100%;
    background: url('../images/bg_menu.png') repeat-x 0 -25px ;
}

#conteneur{
    height:60px;
}



/*****************************************************************************/
/*                            MENU DEROULANT                                 */
/*****************************************************************************/


/* Niveau 1 : Regroupement Sur Place / Sur Commande */
#service{
    z-index:1;
    position:relative;
    top:-60px;
    left:8px;
    border-collapse:collapse;
    margin:0;
    padding:0;
}


#service td{
    text-align:center;
    margin:0;
    padding:0;
}

.angleG{
    height:25px;
    width:25px;
    min-width:25px;
    max-width:25px;
    background: url('../images/angleG.gif') no-repeat right;
}

.angleD{
    height:25px;
    width:25px;
    min-width:25px;
    max-width:25px;
    background: url('../images/angleD.gif') no-repeat;
}

.milieu{
    font-weight:bold;
    height:25px;
    background: url('../images/milieu.gif');

}


/* Niveau 2 : Le menu déroulant */

.menu{
    position:relative;
    top:0px;
    height: 30px ;
    margin: 0 ;
    padding: 0 ;
    list-style-type: none ;
}

.menu a:hover{
    background:none;
    color:white;
}


.menu li ul a:hover{
    background:none;
    color:white;
    text-decoration:underline;
}

.menu a {
    text-align: center;
    white-space:nowrap;
    width: 150px ;
    line-height: 25px ;
    font-size: 0.8em ;
    font-weight: bold;
    color: #fff ;
    display: block ;
    text-decoration: none ;
}

.menu li {
    float:left;
}

.menu li ul{
    background-color:#e41858;
    position: absolute;
    display: none;
    width: 15em;
    text-align:left;
    list-style: none ;
    margin: 0px;
    padding: 0px;
    border: solid black 1px;
}


.menu li ul li a{
    text-align: left;
    margin:0px;
    padding-left:5px;
    border:none;
}

.menu li:hover ul, .menu li.sfhover ul {
    display: block;
}

.menu #entry_materiautheque {
    display: none;
}

/*****************************************************************************/
/*                            MENU FONCTIONNEL                               */
/*****************************************************************************/



#option #index_accueil a
{
    display:none;
}


#option #index_catalog a
{
    display:none;
}

#option #index_contact a
{
    display:none;
}



