/*@charset "utf-8";*/
*{ padding:0; 
   /*margin:0;*/}

body {font-size:60%;
	  font-family:Verdana, Arial, Helvetica, sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {width:800px; 
/*margin:0px auto; */
margin-top:1px; 
border:none; 
/*font-size:1.0em;*/
}

.h1 {font: bold 16px Arial, Helvetica, sans-serif;
	 text-align: center;
	 color: #FFFFFF; }
.h1 A:link    {	color: #FFFFFF;				text-decoration: none; }
.h1 A:visited { color: #FFFFFF;				text-decoration: none; }
.h1 A:active  {	color: #FFFFFF;				text-decoration: none; }
.h1 A:hover   {	color: #FFFFFF;				text-decoration: none; }

.h2 {font: bold 18px Arial, Helvetica, sans-serif;
	 text-align: justify;
	 color: #000000;  }
					
.h3 {font: 12px Arial, Helvetica, sans-serif;
	 text-align: justify;
	 color: #000000;
	 text-decoration: none;}

.piedpage { font: normal 12px Arial, Helvetica, sans-serif;
			text-align: center;
			color: #FFFFFF;}

.menu {	font: bold normal 11px/normal Arial, Helvetica, sans-serif;
		text-align: left;
		color: #000000;
		background-color: #999999;
		text-decoration: none; }
.menu A:link {	color: #000000;	text-decoration: none; }
.menu A:visited {color: #000000;text-decoration: none; }
.menu A:active {color: #000000;	text-decoration: none; }
.menu A:hover {	color: #999999;	background-color: #000000; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}

.centre {
	font: normal 9px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;}

.defile {
	font: bold normal 16px/normal Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-attachment: scroll;
	background-color: #0066FF;
	background-repeat: repeat;}


	
.defilegris {
	font: bold small-caps normal 14px/normal Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999999;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-repeat: repeat;}
.defilegris A:link    {color: #999999; }
.defilegris A:visited {color: #999999; }
.defilegris A:active  {color: #999999; }
.defilegris A:hover   {color: #999999; }

.texteptmajgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
	text-transform: none;
	font-style: normal;}
.texteptmajgris A:link    {color: #666666; }
.texteptmajgris A:visited {color: #666666; }
.texteptmajgris A:active  {color: #666666; }
.texteptmajgris A:hover   {color: #666666; }

.textelettretitre {
	font: bold normal 16px Arial, Helvetica, sans-serif;
	color: #00CCFF;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-decoration: underline;
	text-transform: uppercase;
}

.textelettre {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #FFFFFF;
	margin-top: 50px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	text-indent: 50px;
	padding-right: 100px;
	padding-left: 100px;
	left: 100px;
	padding-top: 50px;
	top: 50px;}	
	
/**********************/
/*  2. DROP-DOWN MENU */
/**********************/

/*Basic Setup*/
.dropnav {
	white-space:nowrap /*IE hack*/;
	float:left;
	width:800px;
	border:none;
	margin-top:1px;
	background:rgb(225,225,225);
	color:rgb(75,75,75);
	font-size:100%;
	font-variant: small-caps;
} 

.dropnav ul {list-style-type:none;}

.dropnav ul li {float:left; z-index:auto !important /*Non-IE6*/; 
z-index:1000 /*IE6*/; 
border-right:solid 1px rgb(175,175,175);}

.dropnav ul li a {float:none !important /*Non-IE6*/; 
float:left /*IE-6*/; display:block; 
height:3.1em; line-height:3.1em; 
padding:0 16px 0 16px; 
text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.dropnav ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.dropnav ul li:hover {position:relative;} /*Sylvain IE hack*/
.dropnav ul li:hover a {background-color:rgb(210,210,210); 
text-decoration:none;} 

.dropnav ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}

.dropnav ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); 
font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.dropnav ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.dropnav table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.dropnav ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.dropnav ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.dropnav ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; 
padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); 
border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); 
font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.dropnav ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/