@charset "utf-8";

/* ________________________________________________ => BODY */

body {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 0px 0px 20px;
	padding: 0px;
	background: #ffffff url(../gfx/background.jpg) repeat-x center top;
}
#container { margin: 0px auto; padding: 0px; text-align: center; width: 980px; }
#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: 45px 0px 0px;
	padding: 0px;
	background: url(../gfx/bg_wrapper.gif) repeat-y 418px;
	padding-top: 30px;
}
#wrapper1 { text-align: left; margin: 29px 0px 0px; padding: 0px; background: url(../gfx/bg_wrapper1.gif) repeat-y 418px; }
.floatleft { float: left; margin: 0px; padding: 0px; }
.floatright { float:right;}
.clearfloat {clear:both;}
.images { margin-left: 7px; }

/* ________________________________________________ => HEADER */

#header{ text-align: left; margin: 0px; padding: 0px; height: 394px; }
#logo{
	width: 218px;
	margin: 0px;
	padding: 0px;
	height: 156px;
	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: 156px;
}
#top2 {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 80px;
	height: 56px;
	width: 682px;
	float: left;
}
#top3 {
	height: 20px;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ffffff;
	margin-top: 31px;
	padding-top: 5px;
	font-size: 11px;
	color: #000;
}
#top4 { text-align: left; margin: 0px; padding: 0px; height: 288px; background: #FFFFFF; }
#top5 { height: 265px; text-align: left; margin: 35px 0px 0px 329px; padding: 0px; background: url(../gfx/bg_top2.gif) no-repeat; width: 203px; float: left; }
.xiti { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; padding: 0px; margin: 50px 0px 0px -90px; }
.flash {
	font-size: 10px;
	color: #FFF;
	padding: 0px 0px 5px 25px;
	float: right;
	background: url(../gfx/icons/ico_flash.gif) no-repeat;
	margin-top: 0px;
	margin-right: 20px;
}

/* ________________________________________________ => 	RIGHT */

#right { text-align: justify; width: 181px; float: right; margin-right: 29px; }
#right1 { font-size: 11px; color: #FFFFFF; background: url(../gfx/bg_right1.jpg) no-repeat; height: 89px; padding-top: 17px; padding-left: 20px; margin-top: 73px; }
#right2 { height: 159px; background: url(../gfx/bg_right2.jpg) no-repeat; margin-top: 15px; }
#right3 { text-align: left; height: 110px; }
#right4 { text-align: justify; font-size: 11px; color: #6699cc; height: 45px; padding-top: 15px; }
#right5 { font-size: 14px; color: #000000; cursor: pointer; text-transform: uppercase; letter-spacing: -1px; border-left: 8px solid #000000; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 7px; }
#right6 { margin: 6px 0px 0px 16px; color: #6c6560; text-align: left; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; }
#right7 { width: 217px; float: left; }
/* ________________________________________________ => 	LEFT */

#left { text-align: left; width: 218px; float: left; overflow: hidden; margin: -29px 0px 0px; padding: 0px; background: url(../gfx/bg_left2.jpg) no-repeat; }
#left1 { padding: 15px 0px 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#left2 { height: 186px; background: url(../gfx/bg_left1.jpg) no-repeat; margin-top: 15px; }
#left3 { height: 40px; }
#left4 { text-align: justify; padding: 20px 35px 20px 13px; }
#left5 { margin: 0px; padding: 15px 13px 0px 130px; height: 105px; font-size: 11px; color: #e19d9d; }
#left6 { font-size: 14px; color: #ff9933; cursor: pointer; text-transform: uppercase; letter-spacing: -1px; border-left: 8px solid #ff9933; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 7px; }
#left7 { background: url(../gfx/visuel6.jpg) no-repeat; font-size: 11px; color: #6c6560; margin: 25px 0px 0px 10px; padding: 0px 10px 0px 80px; }

/* ________________________________________________ => CENTER */

#content{ margin: 0px 68px 0px 259px; padding: 0px; }
#content1{ padding-left: 183px; height: 24px; margin-top: 0px; }
#content2{ text-align: justify; font-size: 11px; padding-top: 15px; background: url(../gfx/visuel6.jpg) no-repeat 1px 15px; padding-left: 183px; margin: 0px; padding-right: 30px; }
#content3{ float: left; width: 145px; margin-left: 0px; height: 35px; }
#content4{ text-align: justify; font-size: 11px; padding-top: 15px; background: url(../gfx/visuel7.jpg) no-repeat 1px 15px; padding-left: 183px; margin: 0px; padding-right: 30px; }
#content5{ float: left; width: 300px; margin-left: 0px; height: 35px; }
#content6{ text-align: justify; font-size: 11px; padding-top: 25px; background: url(../gfx/visuel9.jpg) no-repeat 1px 25px; padding-left: 183px; margin: 0px; padding-right: 30px; }
#content7{
	background: #73919d;
	padding-left: 0px;
	text-align: justify;
	height: 100%;
}
#content8{
	text-align: justify;
	font-size: 11px;
	background: #141413;
	color: #575b5f;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-left: 155px;
}
#content9{
	text-align: justify;
	float: left;
	width: 140px;
	padding: 15px 0px 0px 15px;
	height: 81px;
	font: italic normal 36px "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 0;
}
#content10 { text-align: justify; font-size: 11px; padding-top: 15px; padding-left: 0px; margin: 0px; padding-right: 30px; }
#content11 { height: 24px; margin-top: 0px; padding: 0px; }
#content12{ text-align: justify; font-size: 11px; padding-top: 15px;  margin: 0px; padding-right: 30px; height: 110px; }
#content16 {
	width: 300px;
	margin-left: 60px;
	text-align: justify;
	font-size: 11px;
	float: left;
}
#content17 {
	text-align: justify;
	font-size: 11px;
	width: 120px;
	margin-right: 10px;
	padding-top: 10px;
	float: left;
}#content13{ text-align: justify; font-size: 11px; padding-top: 15px; padding-left: 183px; margin: 0px; padding-right: 30px; }
#content14{
	text-align: justify;
	font-size: 11px;
	padding-top: 15px;
	background: url(../gfx/visuel11.png) no-repeat 1px 15px;
	padding-left: 183px;
	margin: 0px;
	padding-right: 30px;
}
#content15{ text-align: justify; font-size: 11px; padding-top: 15px; background: url(../gfx/visuel10.jpg) no-repeat 1px 15px; padding-left: 183px; margin: 0px; padding-right: 30px; }

/* ________________________________________________ => FOOTER */

#footer {
	text-align: left;
	color: #000;
	width: 600px;
	float: left;
	font-size: 10px;
	margin-left: -8px;
}
#footer a { color:#000000; padding-right: 10px; padding-left: 10px; font-size: 10px; text-decoration: none; }
#footer a:hover {
	text-decoration:none;
	color: #3B6BCF;
}
#footer1 {
	text-align: left;
	height: 19px;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#footer2 { background: url(../gfx/bg_bottom.gif) no-repeat; text-align: left; height: 33px; padding-top: 20px; padding-right: 0px; padding-left: 0px; }
#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;
}
