/* CSS Document */

body{
margin:0px;
font-family: tahoma, Verdana, sans-serif;
font-size: small;}

html{
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #COCOC0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-arrow-color:  gray;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
} 

.scroll {
width: 375px;
height: 285px;
overflow: auto;
padding-top:0;
padding-left:10px;
padding-right:10px;
scrollbar-base-color: #be917c;
scrollbar-face-color: #be917c;
scrollbar-track-color: #f4eca6;
scrollbar-arrow-color: #62202b;
scrollbar-highlight-color: #f9dab0;
scrollbar-3dlight-color: #f9dab0;
scrollbar-shadow-color: #62202b;
scrollbar-darkshadow-color: #62202b;
} 

.holder{
width:748px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-image:url(images/curve_mid.jpg);
background-repeat:repeat-y;
}

.header{
height:145px;
padding:5px;
padding-left:22px;
}

.navigation{
float:right;
font-size: 13px;
font-weight: normal;
letter-spacing: -1px;
color: #006699;
padding-right:20px;
padding-top:21px;
}

.block_left{
background-image:url(images/nav_block_faible.jpg);
background-repeat:no-repeat;
float:left;
width:200px;
height:168px;
margin-left:22px;
font-size: 20px;
padding-left: 10px;
padding-top: 20px;
color: #FFFFFF;
}

*html .block_left{
background-image:url(images/nav_block_faible.jpg);
background-repeat:no-repeat;
float:left;
width:200px;
height:168px;
margin-left:10px;
}

.block_right{
	background-image:url(images/side_faible.jpg);
	background-repeat:no-repeat;
	float:right;
	width:437px;
	height:86px;
	margin-right:22px;
	font-size: 28px;
	padding-left: 10px;
	padding-top: 105px;
	color: #FFFFFF;
}

*html .block_right{
	background-image:url(images/side_faible.jpg);
	background-repeat:no-repeat;
	float:right;
	width:437px;
	height:86px;
	margin-right:10px;
	font-size: 36px;
	padding-left: 10px;
	padding-top: 105px;
	color: #FFFFFF;
}

.top_curve{
background-image:url(images/curve_top.jpg);
background-repeat:no-repeat;
height:16px;}

.left_shade1{
background-image:url(images/curve_left.jpg);
background-repeat:no-repeat;
width:5px;
float:left;
height:600px;
}

.center_content{
width:738px;
background-color:#FFFFFF;
float:left;
}

.right_shade1{
background-image:url(images/curve_right.jpg);
background-repeat:no-repeat;
width:5px;
float:left;
height:600px;
}

.left_content{
float:left;
width:227px;
margin-left:22px;
margin-top:10px;
}

*html .left_content{
float:left;
width:227px;
margin-left:10px;
margin-top:10px;
}

.right_content{
	margin-top:10px;
	float:right;
	width:437px;
	margin-right:22px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;
}

*html .right_content{
	margin-top:10px;
	float:right;
	width:437px;
	margin-right:10px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;
}

.bottom_curve{
height:17px;
background-image:url(images/curve_btm.jpg);
background-repeat:no-repeat;
background-position: center center;
clear:both;
}

.footer{
width:748px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:10px;
margin-bottom:25px;
}

h2 {
	margin: 0;
	color: #006699;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left:30px;
	background-image:url(images/bullet_faible.gif);
	background-repeat:no-repeat;
	background-position: 5px 3px;

}

h2 a:link, h2 a:hover, h2 a:visited {
	color: #000;
	text-decoration: none;

}
	
h1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #006699;
	margin: 0;
}

h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #003366;
}
	
h4 {
	margin: 0;
	color: #006699;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:9px;
	background-image:url(images/dots-hr-4.gif);
	background-repeat:repeat-x;
}

h3 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h5 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.hr{
	width: 100%;
	height:8px;
	background-image:url(images/dots-hr.gif);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-repeat: repeat-x;
	background-position:center;
}

a:link, a:visited {
	color: #006699;
	text-decoration: none;

	}
a:hover {
	text-decoration: underline;
	}


.nav{
color:#006699;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav_buddy.gif);
background-repeat:no-repeat;
background-position: -3px 0px;}

.nav:hover{
color:#5C5C5C;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav_buddy.gif);
background-repeat:no-repeat;
background-position: -3px -18px;}

.nav1{
color:#006699;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav1_buddy.gif);
background-repeat:no-repeat;
background-position: -3px 0px;}

.nav1:hover{
color:#F4FF4F;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav1_buddy.gif);
background-repeat:no-repeat;
background-position: -3px -18px;}

.nav2{
color:#006699;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav2_buddy.gif);
background-repeat:no-repeat;
background-position: -3px 0px;}

.nav2:hover{
color:#B7F5FB;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav2_buddy.gif);
background-repeat:no-repeat;
background-position: -3px -18px;}

.nav3{
color:#006699;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav3_buddy.gif);
background-repeat:no-repeat;
background-position: -3px 0px;}

.nav3:hover{
color:#FFB16F;
text-decoration:none;
padding-left:20px;
padding-right:5px;
background-image:url(images/nav3_buddy.gif);
background-repeat:no-repeat;
background-position: -3px -18px;}

.sup{
font-size: 14px;}

/* TOP PANEL*/
#topPanel{width:700px; height:373px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}


/* HEADER PANEL*/
#topPanel #headerPanelfast{width:200px; height:214px; position:absolute; top:0; left:0; margin:10px 0 0; padding:0px; background:url(images/orange-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelfast a{width:200px; height:214px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:200px; height:214px; background:url(images/orange-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#topPanel #headerPanelfast h6{display:block; width:90px; height:47px; margin:18px 0 0 30px; font:16px/16px tahoma, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelfast p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelsecond{width:200px; height:214px; position:absolute; top:0; left:250px; margin:10px 0 0; padding:0px; background:url(images/green-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelsecond a{width:200px; height:214px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:200px; height:214px; background:url(images/green-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h6{display:block; width:90px; height:47px; background:none; margin:18px 0 0 40px; font:16px/16px tahoma, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelthird{width:200px; height:214px; position:absolute; top:0; right:0; margin:10px 0 0; padding:0px; background:url(images/blue-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelthird a{width:200px; height:214px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:200px; height:214px; background:url(images/blue-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#topPanel #headerPanelthird h6{display:block; width:90px; height:47px; background:none; margin:18px 0 0 50px; font:16px/16px tahoma, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelthird p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

/* /TOP PANEL*/