/* Global Styles */
html {
    margin:    0 auto;
    max-width: 1350px;
}
body {
	margin:0px;
	}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {
	/*color: #FF6600;*/
	color: #333399;
	font-size: 8 px;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}

/*a:link {
		text-decoration: none;
    color: #3333FF; 
	font-weight: bold;
	}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #333399;
	font-weight: bold;
}
a:active {
	text-decoration: none;
}  
	*/
	
/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	/*color:#FF6600;*/
	color:#333399;
	}

#navigation2 td {
	}
#navigation2 a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 3px 10px 16px;
	}
#navigation2 a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	/*color:#FF6600;*/
	color:#EE82EE;
	}
#navigation2 a:link {
		text-decoration: none;
    color: #3333FF; 
	font-weight: bold;
	}

#navigation3 td {
	}
#navigation3 a {
	font: 11px Verdana;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	}
#navigation3 a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	/*color:#FF6600;*/
	color:#990000;
	}
#navigation3 a:link {
		text-decoration: none;
    color: #003366; 
	font-weight: bold;
	}

#navigation4 td {
	}
#navigation4 a {
	font: 11px Verdana;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	}
#navigation4 a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	/*color:#FF6600;*/
	color:#990000;
	}
#navigation4 a:link {
		text-decoration: none;
    color: #003366; 
	font-weight: bold;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;

	}
.Style1 {font-size: 12px}
.Style2 {font-size: 16px}
-->
.Style6 {font-size: 14px}
-->
 #onglets
{
    font : bold 11px Batang, arial, serif; color: #FFFFFF;
    list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}
 #onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #CCFF99;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
 #onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
 #onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
 #onglets a:hover
{
	  background-color: #FF33FF;
}
 #onglets li a:active
{
	background-color: #5F879D;
} 
 #menu
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}
 #onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif; color:white;
        list-style-type : none;
        left : 50%;
        margin-left : -500px; /* la moitié de width */
        margin-top : 0;
        width : 1000px;
}