@charset "utf-8";

/* ________________________________________________ => BODY */

body { font: normal 11px Arial, Helvetica, sans-serif; text-align: center; color: #333333; margin: 0px; padding: 0px; background: #ffffff url(../gfx/fond.jpg) repeat-x center top; }
#container { margin: 0px auto 20px; padding: 0px; width: 990px; text-align: center;  }
#container1 { padding: 0px 20px; width: 950px; text-align: center; background: url(../gfx/bg_container.jpg) no-repeat; margin: 0px auto; }
#wrapper{ text-align: left; margin: 0px; padding: 0px; }
.floatleft { float: left; margin: 0px; padding: 0px; }
.floatright { float:right;}
.clearfloat {clear:both;}
.images { padding-right: 35px; padding-left: 35px; background: #e0dcd9; }

/* ________________________________________________ => HEADER */

#header{ text-align: left; margin: 0px; padding: 0px; height: 420px; }
#logo{ width: 277px; margin: 0px; padding: 0px; height: 105px; float: left; }
#menu{ text-align: left; height: 22px; margin: 0px; padding: 0px; width: 950px; background: url(../gfx/menu.gif) no-repeat; }
#top1 { text-align: left; height: 105px; }
#top2 { height: 105px; float: left; width: 162px; }
#top3 { text-align: left; height: 105px; padding-left: 0px; width: 551px; float: left; }
#top4 { height: 25px; text-align: right; font-size: 11px; color: #8eade9; margin: 0px; padding: 20px 0px 0px; }
#top5 { height: 60px; width: 260px; float: right; background: url(../gfx/bg_top1.jpg) no-repeat; padding-left: 125px; font-size: 11px; color: #27b5e8; cursor: pointer; }
#top6 { height: 31px; margin: 0px 0px 0px -7px; padding: 0px; background: url(../gfx/menu.jpg) no-repeat; }
#top7 { height: 275px; margin: 0px; padding: 0px;background: url(../gfx/bg_container.jpg) no-repeat; }
#top8 { height: 275px; margin: 0px; padding: 0px; }
#top9 { height: 275px; margin: 0px; padding: 0px 8px 0px 0px; width: 206px; display: block; float: left; }
#top10 { height: 100px; }
#top11 { margin: 0px; height: 71px; padding: 0px; }
#top12 {
	font-size: 11px;
	color: #3399cc;
	float: left;
	height: 59px;
	width: 140px;
	background: url(../gfx/bg_top2.jpg) no-repeat;
	padding-left: 73px;
	margin-left: 520px;
}
#top13 {
	font-size: 11px;
	color: #1059b1;
	float: left;
	height: 59px;
	width: 140px;
	background: url(../gfx/bg_top3.jpg) no-repeat;
	padding-left: 73px;
	margin-left: 19px;
}
#top14 {
	text-align: right;
	font-size: 16px;
	color: #FFFFFF;
	margin-right: 50px;
}
#top15 { height: 138px; }
#top16 { float: left; height: 59px; width: 166px; background: url(../gfx/bg_top4.jpg) no-repeat; font-size: 11px; color: #339999; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 67px; }
#top17 { float: left; height: 59px; width: 118px; background: url(../gfx/bg_top5.jpg) no-repeat; font-size: 11px; color: #FFFFFF; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 67px; }
.xiti { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; margin: 26px 0px 0px 35px; padding: 0px; }
.flash { font-size: 10px; color: #FFFFFF; margin: 14px 0px 0px 35px; padding: 1px 0px 4px 25px; background: url(../gfx/icons/ico_flash.gif) no-repeat; width: 100px; float: left; }

/* ________________________________________________ => 	RIGHT */

#right { text-align: left; width: 183px; float: right; margin: 0px; padding: 0px; }
#right1 { text-align: left; height: 137px; background: url(../gfx/bg_right1.jpg) no-repeat; padding: 15px 0px 0px 60px; margin-top: 40px;  font-size: 24px; color: #FFFFFF; letter-spacing: -1px; }
#right2 { text-align: left; height: 138px; background: url(../gfx/bg_right2.jpg) no-repeat; margin-top: 10px; padding: 15px 0px 0px 10px; font-size: 24px; color: #FFFFFF; }
#right3 { text-align: left; height: 138px; background: url(../gfx/bg_right3.jpg) no-repeat; margin-top: 10px; padding: 15px 0px 0px 15px;  font-size: 24px; color: #286cb2; }

/* ________________________________________________ => 	LEFT */

#left { text-align: left; width: 228px; float: left; overflow: hidden; margin: 0px; padding: 0px; }
#left1 { background: url(../gfx/bg_left1.gif) no-repeat; text-align: justify; font-size: 11px; color: #333333; height: 69px; margin-top: 0px; padding-top: 34px; padding-left: 90px; margin-bottom: 20px; }
#left2 { background: url(../gfx/bg_left2.jpg) no-repeat; height: 139px; text-align: right; display: block; font-size: 30px; color: #FFFFFF; }
#left3 { padding: 40px 15px 0px 0px; height: 80px; }
#left4 { text-align: left; height: 48px; background: url(../gfx/bg_left3.jpg) no-repeat; width: 158px; font-size: 16px; color: #FFFFFF; margin-top: 20px; padding-top: 11px; padding-left: 70px;  }
#left5 { text-align: left; height: 48px; background: url(../gfx/bg_left3.jpg) no-repeat; width: 158px; font-size: 16px; color: #FFFFFF; margin-top: 20px; padding-top: 11px; padding-left: 70px; }

/* ________________________________________________ => CENTER */

#content{ margin: 0px 219px 0px 250px; padding: 0px; }
#content1{
	height: 50px;
	margin-bottom: 30px;
}
#content2{ text-align: justify; background: url(../gfx/visuel1.jpg) no-repeat; font-size: 11px; padding-left: 130px; }
#content3{ text-align: justify; margin-top: 3px; padding-top: 5px; border-top: 1px dotted #000000; padding-left: 0px; padding-bottom: 38px; }
#content4{ font-size: 11px; color: #5e5e5e; text-align: justify;  padding: 0px; height: 38px; margin-top: 22px; }
#content5{ text-align: justify; background: url(../gfx/bg_content1.jpg) no-repeat; height: 76px; margin-top: 15px; padding: 14px 14px 14px 155px; }
#content6{ font-size: 11px; color: #5e5e5e; text-align: justify; background: url(../gfx/number2.jpg) no-repeat; padding: 0px; height: 38px; margin-top: 22px; }
#content7{ text-align: justify;	background: url(../gfx/bg_content2.jpg) no-repeat;	height: 76px;	margin-top: 15px;	padding: 14px 14px 14px 155px;	width: 367px; float:left; }
#content8{ text-align: justify; background: url(../gfx/img1.jpg) no-repeat; font-size: 11px; padding-left: 130px; min-height:75px; }
#content8i{
	text-align: justify;
	background: url(../gfx/img2.jpg) no-repeat;
	font-size: 11px;
	padding-left: 130px;
	min-height:75px;
}
#content81{ text-align: justify; background: url(../gfx/img3.jpg) no-repeat; font-size: 11px; padding-left: 130px; min-height:75px; }
#content82{
	text-align: justify;
	background: url(../gfx/img4.jpg) no-repeat;
	font-size: 11px;
	padding-left: 130px;
	min-height:75px;
}

#content9{text-align: justify;	background: url(../gfx/bg_content3.jpg) no-repeat;	height: 76px;	margin-top: 15px;	padding: 14px 14px 14px 155px;	width: 367px; float:left;}

#content10{ text-align: justify; background: url(../gfx/bg_content4.jpg) no-repeat; height: 76px; margin-top: 15px; padding: 14px 14px 14px 155px; }
#content11{ text-align: justify; font-size: 11px;  }
#content12{ text-align: justify; background: no-repeat; font-size: 11px; padding-left: 130px; }

/* ________________________________________________ => FOOTER */

#footer { text-align: left; color: #666666; width: 365px; float: left; padding-top: 10px; padding-bottom: 20px; font-size: 10px; }
#footer a { color:#666666; padding-right: 10px; padding-left: 10px; font-size: 10px; }
#footer a:hover {text-decoration:underline;}
#footer1 { text-align: left; height: 32px; border-bottom: 1px solid #dcdcdc; padding: 20px 0px 0px 8px; }
#footer2 { padding: 0px; height: 45px; }
#footer3 { width: 860px; height: 40px; padding-top: 10px; padding-right: 20px; padding-left: 20px; }
.basref 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7px;
	font-style: normal;
	font-weigh: normal; 
	color: #000000;
	padding-left: 125px;
	padding-right: 125px;
	text-align: center;
	padding-top:50px;
}