<dtml-call cache_headers>
<!-- 
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#menu {
position: absolute;
top: 216px;
left: 9px;
width: 165px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
z-index: 500;
}
#menu dt {
cursor: pointer;
height: 19px;
line-height: 19px;
text-align: right;
padding-right: 6px;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
}
#menu dt.nonCliquable {
cursor: default;
}
#menu li {
text-align: right;
height: 17px;
line-height: 17px;
border-bottom: 1px dashed #DBDBDB;
padding-right: 5px;
}
#menu li a {
color: #777676;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
height: 100%;
}

#menu dt#teteRubrique1 {
color: #BF2024;
border-right: 2px solid #BF2024;
}
#menu dt#teteRubrique1.selectionnee {
background-color: #FDE6E7;
cursor: default;
}
#menu #sousMenu1 {
margin-bottom: 16px;
}
#menu #sousMenu1 li a:hover {
color: #BF2024;
}
#menu #sousMenu1 a.selectionnee {
color: #BF2024;
font-weight: bold;
}

#menu #teteRubrique2 {
margin-top: 1px;
color: #303188;
border-right: 2px solid #303188;
}
#menu dt#teteRubrique2.selectionnee {
background-color: #E3E4F6;
cursor: default;
}
#menu #sousMenu2 {
margin-bottom: 16px;
}
#menu #sousMenu2 li a:hover {
color: #303188;
}
#menu #sousMenu2 .selectionnee {
color: #303188;
font-weight: bold;
}
#menu #sousMenu2 li.offres {
padding-right: 0;
border-bottom: none;
line-height: 20px;
border-bottom: 2px solid #DBDBDB;
}
#menu #sousMenu2 .selectionneeOffres {
display: block;
height: 20px;
color: #303188;
font-weight: bold;
background-color: #E3E4F6;
padding-right: 5px;
border-bottom: 1px solid #DBDBDB;
}
#menu #espaceLocal {
background-color: #FAFAFE;
}
#menu #espaceLocal li {
border: 0;
background-color: #FAFAFE;
height: 19px;
line-height: 19px;
}
#menu #espaceLocal li.nomCCI {
padding-top: 2px;
color: #777676;
font-weight: bold;
text-align: center;
}


#menu dt#teteRubrique3 {
border-top: 1px dashed #DBDBDB;
border-bottom: 1px dashed #DBDBDB;
border-right: 2px solid #2B6CBC;
cursor: default;

margin-top: 35px;
height: 19px;
}
#menu #teteRubrique3 a {
color: #2B6CBC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;

display: block;
height: 19px;
width: 135px;
background-image: url(<dtml-var portal_url>/images/picto_agenda.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 22px;
}

#menu dt#teteRubrique4 {
border-top: 1px dashed #DBDBDB;
border-bottom: 1px dashed #DBDBDB;
border-right: 2px solid #FC4702;
cursor: default;

margin-top: 8px;
height: 19px;
}
#menu #teteRubrique4 a {
color: #FC4702;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;

display: block;
height: 19px;
width: 135px;
background-image: url(<dtml-var portal_url>/images/picto_newsletter.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 22px;
}


#menu .visible {
display: block;
}
#menu .invisible {
display: none;
}


#menu dt#teteFormLogin {
color: #FF4800;
border-right: 2px solid #FF4800;
cursor: default;
margin-top: 16px;
}
#menu dd#formLogin {
color: #777676;
text-align: right;
border-bottom: 1px dashed #DBDBDB;
padding-right: 5px;
padding-bottom: 4px;
}
#menu #formLogin form {
padding: 0;
margin: 0;
}
#menu #formLogin label {
line-height: 19px;
}

#menu input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #777676;
height: 19px;

}
#menu #formLogin #champLogin {
width: 100px;
}
#menu #formLogin #champMotPasse {
width: 70px;
}
#menu #formLogin #boutonOK {
vertical-align: top;
width: 18px;
height: 19px;
border: 1px solid #FFFFFF;
border-left-width: 0px;
}

#menu dt#nomUtilisateur {
margin-top: 16px;
color: #777777;
font-weight: bold;
text-align: center;
cursor: default;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#menu dt#espacesTravail {
border-right: 2px solid #408040;
cursor: default;
}
#menu #espacesTravail a {
color: #37378D;
text-decoration: none;
}

#menu dt#validationNationale {
border-right: 2px solid #B0AC00;
cursor: default;
margin-top: 8px;
}
#menu #validationNationale a {
color: #37378D;
text-decoration: none;
}

#menu dt#administration {
border-right: 2px solid #000000;
margin-top: 8px;
color: #37378D;
}
#menu #menuAdministration li a:hover {
color: #000000;
}

#menu dt#deconnexion {
border-right: 2px solid #B0AC00;
margin-top: 8px;
}
#menu #deconnexion a {
color: #37378D;
text-decoration: none;
}
-->
