/* Global Styles */

body {
	margin:0px;
	}

td {
	color:#0000CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
a {
	color: #26354A;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #000000;
	background-color: #CC3300;
	border-top-color: #26354A;
	border-right-color: #26354A;
	border-bottom-color: #26354A;
	border-left-color: #26354A;
	}
	
/* ID Styles */

#navigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
	}
	
#navigation a:hover {
	color:#ffffff;
	background: #FF6600;
	}

#background td {
	background:url("mm_bg_header.gif");
	}
	
#padding {
	padding:14px;
	}
	
/* Calendar Styles */

#calendar td {
	border: 1px solid #26354A; 
	}
	
#noborder td {
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
/* Class Styles */

.logo {
	font:24px Times New Roman, Times, serif;
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	}
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}

.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;S
	line-height:18px;
	}
.menu{
 float: left;
 margin: 0px;
 padding: 0px;
}
 
.titreMenu{
 background-color: #26354A;
}
 
.titreMenu, .contenuMenu, .lienMenu{
 color: #000000;
}
 
.titreMenu, .contenuMenu{
 border: 2px outset #FFFF00S;
 width: 120px;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
 
.contenuMenu{
 display: none;
 position: absolute;
 background-color: #FFFF00;
}
 
.itemOver{
 background-color: #FFFF00;
 /*font-weight: bold;*/
}
 
.itemOut{
 background-color: #FFFFFF;
}
 
.lienMenu{
 text-decoration: none;
}
 
.crlf{
 clear: both;
 /*visibility: hidden;*/
}
body {behavior: url(csshover.htc);} 
/*on enleve la restriction de taille du menu*/ 
div#menu {/*width: 110px;*/} 
div#menu a {color:#O0OO00} 
/* on enleve la taille de ul et labordure*/ 
div#menu ul {padding: 0; /*width: 100px; border:1px solid;*/ margin:0px; background:#FFCC00 } 
div#menu li:hover {background: 26354A} 
div#menu li.sousmenu:hover {
	background-color: #26354A;
} 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;} 

/* float left pour les li afin d'aligner le menu et plus de bordures*/ 
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;} 

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/ 
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:110px} 

/* plus de bordure et taille remise a 100px*/ 
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:110px} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 

/*Il faut decaller les soussous menu de la taille du sous menu */ 
div#menu ul.niveau3 {top:0; left: 110px;} 

/* on enleve la bordure de chaque hauteur a une couleure de survol
div#menu li a:hover {border-left-color: red;} 
div#menu ul ul li a:hover {border-left-color: #00FF00;} 
div#menu ul ul ul li a:hover {border-left-color: #0000FF;} */