/* Body settings */
html, body {height: 100%}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:9pt;
	background-image: url(../images/BG.jpg);
	background-repeat:repeat;
}

.hidden { display: none; visibility: hidden;}
.unhidden { display: block;visibility: visible; }

a { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt; 
	COLOR: #013879; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: underline; }
	
a:hover { 
	TEXT-DECORATION: none; 
	}





/* Frame */
#frame {
	margin-right:auto;
	margin-left:auto;
	position:relative;
	width:900px;
}

#frameCenter{
	width:900px;
	text-align:left;
	float:left;
}
	
#container{
	width:898px;
	text-align:left;
	float:left;
	border:1px solid #1e3d76;
}





/* Contenu */
#content{
	width:868px;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	padding:15px;
}

#contentFitPromo{
	width:520px;
	text-align:left;
	float:right;
	background-color:#FFFFFF;
	position:relative;
	padding:15px 173px 15px 0px;
	z-index:900;
}
html>body #contentFitPromo{margin-left:158px; }

#contentPromoBox{
	width:173px;
	position:absolute;
	top:20px;
	left:700px;
	z-index:1000;
	padding:50px 4px 0 20px;
	margin:0;
	display:block;
}


#contentPadding{
  width:690px;
	float:right;
	display:block;
	position:relative;

}

#Header1{
	background-image:url(images/Header1.jpg);
}

#TopFlash {
	float:left;
	width:898px;
	height:187px;
	z-index:1;
}





/* Menus */
#Menus {
	float:left;
	width:auto;
	visibility:visible;
}

.LeftMenuWrapper{
	width:158px;
}

#LeftMenu {
	width:150px;
	top:-20px;
	left:15px;
	z-index:100;
	padding:0 4px 0 4px;
	margin:0;
	display:block;
	position:absolute;
}

#LeftMenu *{ }
html>body #LeftMenu{background: url(../images/Fade.png) repeat-y top left; } 

#LeftMenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#LeftMenu a
{
display: block;
width: 140px;
background-color: #cad6e0;
margin-left:0px;
padding:5px;
color:#424242;
}

#LeftMenu a:link, #navlist a:visited
{
color:#424242;
font-weight:bold;
font-size:11pt;
text-decoration: none;
background-image:url(../images/Dots.gif);
background-repeat:no-repeat;
}

#LeftMenu a:hover
{
background-color: #ecca36;
color: #0e228b;
}

#TopBar {
	float:left;
	width:900px;
	text-align:right;
	padding-top:40px;
	padding-bottom:5px;
}




/* Textes */
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14pt;
	color:#0e228b;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	color:#ceaa0f;
	margin-bottom:1px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	color:#0e228b;
}

.textsmall {
	color:#666666;
	font-size:8pt;
}

.textred {
	color:#dd0000;
	font-size:10pt;
	text-decoration:none;
}

#LeftMenuTitle
{
background-color: #0e228b;
text-align:center;
border:0;
padding-top:3px;
}






/* Divs */
#Yellowcontent{
	width:600px;
	text-align:left;
	float:left;
	background-color:#f1c831;
	height:auto;
	padding:15px;
	margin-bottom:20px;
	line-height:13pt;
}

#Gris{
	width:898px;
	text-align:left;
	float:left;
	background-color:#dddddd;
	height:60px;
}

#GrisFonce{
	width:898px;
	text-align:left;
	float:left;
	background-color:#858481;
	height:40px;
}

#BarreJaune{
background-color:#f1c831;
border-top:1px solid #858481;
border-bottom:1px solid #858481;
width:898px;
float:left;
height:5px;
}

#shadow
{
background-image:url(../images/Fade.png);
background-repeat:repeat-y;
width:4px;
height:250px;
float:left;
position:absolute;
top:-25px;
left:165px;
}

.greybg
{
background-color:#e6e5e5;
}

.yellowbg
{
background-color:#f8f6d1;
}





/* Table */
.border
{
border: 1px solid #cccccc;
border-collapse:collapse;

}

.border td
{
border: 1px solid #cccccc;
vertical-align:text-top;
padding-left:3px;
padding-right:3px;
}