@charset "utf-8";

/* ________________________________________________ => BODY */

body { font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #666666; margin: 31px 0px 0px; padding: 0px; background: #eadfd2 url(../gfx/background.gif) repeat-x; }
#container { margin: 0px auto; padding: 0px; width: 950px; text-align: left; background: url(../gfx/bg_container.jpg) no-repeat left top; }
#wrapper{ margin: 0px; padding: 0px; width: 950px; background: url(../gfx/bg_content1.jpg) no-repeat; }
.floatleft { float: left; margin: 0px; padding: 0px; }
.floatright { float:right;}
.clearfloat {clear:both;}
.images { margin-top: -123px; margin-left: 39px; float: left; }

/* ________________________________________________ => HEADER */

#header{ text-align: left; margin: 0px; padding: 0px; width: 950px; height: 296px; background: url(../gfx/bg_header.jpg) no-repeat; }
#logo{ width: 225px; margin: 0px; padding: 0px; height: 128px; }
#menu{ width: 688px; text-align: center; background: #eaf5fa; float: left; margin-top: 0px; margin-left: 248px; height: 24px; padding-left: 37px; }
#top1 { text-align: left; height: 82px; }
#top2 { height: 82px; width: 278px; float: left; }
#top3 {
	width: 521px;
	font: italic normal 14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	height: 57px;
	float: left;
	padding-top: 25px;
	padding-left: 0px;
	text-align: center;
}
#top4 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 151px;
	text-align: right;
}
#top5 { text-align: left; width: 158px; float: left; height: 296px; margin: 0px; padding: 0px 0px 0px 318px; }
#top6 { height: 296px; width: 474px; margin: 0px; padding: 0px; float: left; border-width: 0px; }
#top7 { margin: 0px; padding: 0px; width: 474px; height: 147px; }
#top8 { float: left; width: 158px; background: url(../gfx/bg_top2.jpg) no-repeat; margin-top: 30px; text-align: center; height: 117px; }
#top9 { float: left; width: 158px; background: url(../gfx/bg_top2.jpg) no-repeat; margin-top: 30px; text-align: center; height: 117px; }
#top10 { float: left; width: 158px; background: url(../gfx/bg_top2.jpg) no-repeat; margin-top: 30px; text-align: center; height: 117px; }
#top11 { margin: 0px; text-align: left; width: 474px; padding: 0px; height: 61px; }
#top12 { margin: 0px; text-align: left; width: 474px; padding: 0px; height: 16px; }
#top13 { margin: 0px; text-align: left; width: 290px; padding: 15px 0px 0px 184px; color: #666666; }
.xiti { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: right; margin-top: 24px; margin-right: 10px; }
.flash { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-size: 10px; color: #FFFFFF; float: right; padding-left: 10px; margin-top: 30px; }

/* ________________________________________________ => 	LEFT */

#left { text-align: left; width: 258px; float: left; margin: 0px; padding: 0px; }
#left1 { text-align: justify; font-size: 11px; color: #CCCCCC; margin: 0px; padding: 25px 30px 0px 50px; height: 248px; }
#left2 {
	text-align: justify;
	color: #827567;
	padding-right: 24px;
	padding-left: 24px;
	font-size: 10px;
}
#left3 { text-align: left; height: 127px; background: url(../gfx/visuel5.jpg) no-repeat; width: 200px; font-size: 14px; color: #333333; margin-top: 15px; padding-top: 12px; margin-left: 27px; padding-left: 12px; }
#left4 { text-align: right; height: 99px; background: url(../gfx/visuel4.jpg) no-repeat; width: 192px; font-size: 14px; color: #333333; margin-top: 15px; padding-top: 12px; padding-right: 37px; margin-left: 24px; }
#left5 { font-size: 16px; text-align: left; color: #000000; text-transform: uppercase; border-bottom: 1px dotted #000000; padding-bottom: 10px; margin-right: 16px; margin-left: 16px; }
#left6 { text-align: justify; padding: 12px 16px 20px; }
#left7 { background: #8CB732 url(../gfx/bg_right1.jpg) no-repeat; margin-right: 16px; margin-left: 16px; font-size: 10px; color: #FFFFFF; text-align: justify; padding-right: 17px; padding-left: 16px; padding-bottom: 10px; }
#left8 { background: url(../gfx/bg_right2.jpg) no-repeat; height: 7px; margin-right: 16px; margin-left: 16px; }

/* ________________________________________________ => CENTER */

#content{ margin: 0px 56px 0px 258px; padding: 0px 30px; }
#content1{
	padding: 0px;
	margin: 0px;
	height: 70px;
}
#content2{
	width: 276px;
	float: left;
	height: 70px;
}
#content3{ float: left; text-align: right; font-weight: normal; color: #9a9b18; margin: 0px; padding: 33px 0px 0px; width: 300px; font-family: Arial, Helvetica, sans-serif; }
#content4{ color: #666666; text-align: justify; padding-left: 215px; }
#content5{ background: url(../gfx/bg_flash.gif) no-repeat; height: 165px; width: 161px; float: left; margin-left: -215px; padding-top: 16px; padding-left: 32px; }
#content6{ text-align: justify; color: #666666; overflow: hidden; }
#content7{ text-align: justify; color: #666666; overflow: hidden; }

/* ________________________________________________ => FOOTER */

#footer {
	text-align: right;
	color: #cccc33;
	width: 400px;
	padding-top: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	float: right;
}
#footer a { color:#cccc33; padding-right: 10px; padding-left: 10px; font-size: 10px; }
#footer a:hover {text-decoration:underline;}
#footer1 { text-align: left; height: 100px; margin: 0px; padding: 0px; width: 100%; background: #817366; }
#footer2 {
	padding: 0px;
	width: 200px;
	float: left;
	margin: 17px 0px 0px;
	height: 16px;
}
#footer5 {
	padding: 0px;
	width: 120px;
	float: left;
	margin: 17px 0px 0px;
	height: 47px;
}
#footer3 { width: 950px; margin-right: auto; margin-left: auto; }
#footer4 {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background: #817366;
	padding: 0px 0px 0px 20px;
	height: 70px;
	margin-bottom: 30px;
}

