.menu{
    /*position:absolute;*/
    /* solve a Opera7/IE display bug */
    width:180px;
    border-top: 1px #ffffff solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    margin-left: 12px;
    padding:0;
}
    
.menu span{
    display:none;
    }
    
.menu ul{
    border-top: 0px #ffffff solid;
    border-left: 0px #000 solid;
    border-right: 1px #000 solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:180px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:181px; /* be careful */
    margin-top:-24px;
    }
	
.menu a{
    text-align: left;
    color:white;
	font-family: Calibri, Arial, Helvetica, sans-serif;
    display:block;
    width:180px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
    border-bottom: 0px #000 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

.menu a.membres, .menu a.offresdestages , .menu a.autre , .menu a.agentexpl{
    text-align: left;
    color:white;
	font-family: Calibri, Arial, Helvetica, sans-serif;
    display:block;
    width:180px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

.menu a.presentation{
    background-color: #27294E;	
}

.menu a.presentation:hover{
    font-style: italic;	
}

.menu a.formation{
    background-color: #373A8E;	
}

.menu a.formation:hover{
    font-style: italic;
}

.menu a.formationcontinue{
    background-color: #434CB1;
}	

.menu a.formationcontinue:hover{
    font-style: italic;
}	
	
.menu a.circulaireformation{
    background-color: #1A50B8;
}

.menu a.circulaireformation:hover{
    font-style: italic;
}

.menu a.celluleemplois{
    background-color: #3399FF;
}

.menu a.celluleemplois:hover{
    font-style: italic;
}

.menu a.agentsup{
    background-color: #3399FF;
}

.menu a.agentsup:hover{
    font-style: italic;
}

.menu a.assistant{
    background-color: #3399FF;
}

.menu a.assistant:hover{
    font-style: italic;
}

.menu a.agentexpl{
    background-color: #3399FF;
}

.menu a.agentexpl:hover{
    font-style: italic;
}

.menu a.demandesdestages{
    background-color: #3399FF;
}

.menu a.demandesdestages:hover{
	font-style: italic;
}

.menu a.offresdestages{
    background-color: #3399FF;
}

.menu a.offresdestages:hover{
    font-style: italic;
}

.menu a.recherchesdemplois{
    background-color: #3399FF;
}

.menu a.recherchesdemplois:hover{
    font-style: italic;
}

.menu a.transit{
    background-color: #3399FF;
}

.menu a.transit:hover{
    font-style: italic;
}

.menu a.consignation{
    background-color: #3399FF;
}

.menu a.consignation:hover{
    font-style: italic;
}

.menu a.manutention{
    background-color: #3399FF;
}

.menu a.manutention:hover{
    font-style: italic;
}

.menu a.autre{
    background-color: #3399FF;
}

.menu a.autre:hover{
    font-style: italic;
}

.menu a.offresdemplois{
    background-color: #3399FF;
}

.menu a.offresdemplois:hover{
    font-style: italic;
}

.menu a.contacts{
    background-color: #7FBDFA;	
}

.menu a.contacts:hover{
    font-style: italic;
}

.menu a.membres{
    background-color: #BFCCF9;	
}

.menu a.membres:hover{
    font-style: italic;
}

.menu a.descriptif{
    background-color: #3399FF;	
}

.menu a.descriptif:hover{
    font-style: italic;
}
    
.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #3399FF;
}

.menu3{
    /*position:absolute;*/
    /* solve a Opera7/IE display bug */
    width:180px;
    border-top: 1px #ffffff solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    margin-left: 12px;
    padding:0;
}
    
.menu3 span{
    display:none;
    }
    
.menu3 ul{
   border-top: 0px #ffffff solid;
    border-left: 0px #000 solid;
    border-right: 1px #000 solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:180px;
    
    }
    
.menu3 li ul{
    visibility:hidden;
    }
            
.menu3 li ul{
    margin-left:360px; /* be careful */
    margin-top:-24px;
    }
	
.menu3 a{
    text-align: left;
    color:white;
	font-family: Calibri, Arial, Helvetica, sans-serif;
    display:block;
    width:180px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-top: 0px #000 solid;
    border-bottom: 1px #000 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

.menu3 a.offresdemplois{
    text-align: left;
    color:white;
	font-family: Calibri, Arial, Helvetica, sans-serif;
    display:block;
    width:180px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

.menu3 span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu3 li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu3 li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
	
a.linkOver{
    background-color: #3399FF;
}