/* content */
.text-header {
	font-size: 10pt;
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
}
.icon
{
	padding-right: 10px;
	padding-left: 10px;
}
.iconleft
{
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.iconfoot
{
	padding-right: 13px;
	padding-left: 13px;
}
.pageContent {
	color: #919493;
	font-size: 8pt;
	font-family: Tahoma;
}
/* top elements */
.company {
	font-size: 14pt;
	font-family: Arial; 
	color: #ffffff;
	font-family: Arial;
	padding-left: 12px;
}
.slogan {
	font-size: 12pt;
	font-family: Tahoma; 
	color: #CCB08F;
	padding: 0px;
	font-weight: bold;
}

.slogan2 {
	font-size: 10pt;
	font-family: Tahoma; 
	color: #CCB08F;
	padding: 0px;
	font-weight: bold;
}
.slogana {
	font-size: 12pt;
	font-family: Tahoma; 
	color: #ffffff;
	padding: 0px;
	font-weight: bold;
}
.slogantable {
	padding-right: 25px;
}
.copyright a {
	font-size: 8pt;
	font-family: Tahoma;
	color: #A7A9A9;
	text-decoration: none;
}
.logo{
	font-size: 9pt;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial;
	color: #FFFFFF;
	font-weight: normal;
}
.logoword{
	font-size: 18pt;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial;
}
.logowordtop{
	font-size: 14pt;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial;
}
/*main menu*/
.menu {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: none;
}
.menua {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: underline;
}
.menutable{
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
}
/*submenu*/
.submenutable{
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenua {
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	text-decoration: underline;
}
.submenu {
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	text-decoration: none;
}
.submenu-bg {
	background-color: #848684;
}
.bot_menu {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.bmenu {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: none;
}
.bmenua {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: underline;
}
.menuline {
	color: #D6D6D6;
	text-decoration: none;
	background-color: #D6D6D6;
	width: 1px;
	background-repeat: repeat-y;
	background-position: center top;
}
.menu-hr { background-color: #FFFFFF; }
.line_logo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3E4341;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3E4341;
	
}
.line_1 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3E4341;
}
.line_2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.line_3 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

<STYLE>
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }
</STYLE>