body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

html, body {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; background:url(images/top_rpt.gif) repeat-x ;}

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 { font-size:12px; color:#e80707; color:#646464; font-weight:bold; }
H3 { font-size:20px;  }
H4 {font-size:14px; color:#646464; font-weight:bold; padding-bottom:8px;}
H4 a{ color:#ec0202; text-decoration:underline;}
H4 a:hover{ color:#ec0202; text-decoration:none;}
 
UL, OL {list-style: none; }
li {list-style-type:none;}
 
A { color:#; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

.clr {clear: both;}
.lF {float:left;}
.rF {float:right;}

/* LAYOUT STYLES */
#wrapper { width:980px; margin:0 auto;}
/* header*/
#header { width:980px; background:url(images/header.gif) no-repeat; height:65px; padding-left:10px; padding-right:10px;  width/**/:/**/960px;}
.logo { float:left; width:212px; height:65px;}
.logo a{ display:block; text-indent:-9999px; width:212px; height:65px;}
.topbanner {width:564px; height:123px; float:right; }

/* navigation links
			------------------------------------------*/
			.navbar{ width:580px; height:65px; background:url(images/nav.gif) no-repeat; float:right; margin-left:168px;}
			ul#nav {
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 580px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float:left;
}
ul#nav li {float: left; list-style: none; padding:0; margin:0; list-style-type:none;}


ul#nav li a {
					position: absolute;	text-indent: -9999px; text-decoration: none; border: none !important; top:0; height:65px;}
					
					ul#nav li#nav-1 a{
	background-image: url("images/nav.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 64px;
	left: 0px;
}
					ul#nav li#nav-2 a{
	background-image: url("images/nav.gif");
	background-repeat: no-repeat;
	background-position: -64px 0px;
	width: 148px;
	left: 64px;
}
				ul#nav li#nav-3 a{
				background-image: url("images/nav.gif");
	background-repeat: no-repeat;
	background-position: -212px 0px;
	width: 135px;
	left: 212px;	
	
}
					ul#nav li#nav-4 a{
					background-image: url("images/nav.gif");
	background-repeat: no-repeat;
	background-position: -347px 0px;
	width: 133px;
	left: 347px;
	
}
	
					ul#nav li#nav-5 a{
	background-image: url("images/nav.gif");
	background-position: -480px 0px;
	width: 100px;
	left: 480px;
	background-repeat: no-repeat;
}
              ul#nav li#nav-1 a:hover{ background-position: -0px -65px; }
			  ul#nav li#nav-2 a:hover{ background-position: -64px -65px;}
			  ul#nav li#nav-3 a:hover{ background-position: -212px -65px;}
			  ul#nav li#nav-4 a:hover{ background-position: -347px -65px;}
			  ul#nav li#nav-5 a:hover{ background-position: -480px -65px;}
			  
			  /* navigation close */






			
			/*middle*/
#ContentArea { width:980px; padding-top:10px;}
#ContentAreaTop { width:980px; padding:10px 10px; width/**/:/**/960px;}
#ContentAreaMid { width:980px;   background:url(images/content_mid_top.gif) repeat-x; }
.formField {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#ContentAreaMid1 { width:980px; padding:15px 10px;  width/**/:/**/960px; background:url(images/content_mid_btm.gif) bottom repeat-x;}
.welcome{ width:470px; float:left; text-align:left;}
.Bienvenue{ width:470px; float:right; text-align:left;}
#ContentAreaBtm{ background:#EBECE4 url(images/cntntbtmtop.gif) repeat-x; padding:10px 10px; width:980px; width/**/:/**/960px; }

.imgBor {
	border: 1px solid #CCCCCC;
}
#footer{ background:url(images/footer_bg.gif) repeat-x; color:#7c7c7c; padding-top:25px; text-align:center; padding-bottom:20px; padding-left:15px; padding-right:15px;}
#footer a{color:#7c7c7c; text-decoration:none;}
#footer a:hover{color:#7c7c7c; text-decoration:underline;}
.redTxt{ color:#CC0000;}
.dottedLine {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dashed #CCCCCC;
}