@charset "utf-8";

/* ________________________________________________ => BODY */

body { font: normal 11px Arial, Helvetica, sans-serif; text-align: center; color: #5a5a5a; margin: 0px 0px 20px; padding: 0px; background: #FFFFFF url(../gfx/background.jpg) no-repeat center top; }
#container { margin: 0px auto; padding: 121px 0px 0px; text-align: center; width: 944px; }
#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 0px 30px; background: #e9e9e6 url(../gfx/bg_wrapper.jpg) no-repeat; }
.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: 360px; }
#logo{ width: 293px; margin: 0px; padding: 0px; height: 79px; 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: 97px; }
#top2 { text-align: left; margin: 10px 0px 0px; padding: 0px; height: 343px; width: 944px; float: left; background: url(../gfx/bg_top.jpg) no-repeat; }
#top3 { height: 52px; text-align: left; width: 129px; float: left; background: url(../gfx/bg_top.jpg) no-repeat 0px 21px; padding-top: 26px; padding-left: 63px; font-size: 18px; letter-spacing: -1px; }
#top4 { text-align: left; margin: 0px; padding: 0px 0px 0px 1px; height: 25px; }
#top5 { text-align: left; margin: 0px; padding: 53px 0px 0px 340px; height: 43px; z-index: 2; }
#top6 { height: 91px; padding: 0px 0px 0px 340px; }
#top7 { margin: 0px; padding: 0px 0px 0px 340px; height: 68px; }
#top8 { height: 92px; padding-left: 302px; }
#top9 { height: 90px; width: 219px; padding-top: 2px; float: left; }
#top10 { height: 90px; width: 219px; padding-top: 2px; float: left; margin-left: 10px; }
#top11 { height: 90px; width: 218px; padding-top: 2px; float: left; margin-left: 10px; }
#top12 { height: 31px; background: #1b1813 url(../gfx/visuel3.jpg) no-repeat; float: left; width: 193px; padding-top: 71px; padding-left: 8px; margin-left: 19px; }
.xiti { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; padding: 0px; margin: 20px 0px 0px -318px; }
.flash { font-size: 10px; color: #454d55; padding: 1px 0px 5px 25px; float: right; background: url(../gfx/icons/ico_flash.gif) no-repeat; margin: 6px 188px 0px 0px; }

/* ________________________________________________ => 	RIGHT */

#right { text-align: justify; width: 168px; float: right; margin: 0px 35px 0px 0px; padding: 0px; }
#right1 { height: 42px; margin-top: 47px; border-bottom: 1px solid #b2b2af; }
#right2 {
	height: 150px;
	padding-left: 10px;
	text-align: left;
	padding-top: 20px;
	border-bottom: 1px solid #b2b2af;
}
#right3 { text-align: justify; font-size: 11px; color: #4e4945; background: url(../gfx/bg_right3.jpg) no-repeat; height: 105px; margin-top: 10px; }
#right4 { height: 46px; padding-top: 14px; padding-left: 14px; font-size: 18px; font-style: italic; text-transform: capitalize; color: #FFFFFF; }
#right5 { height: 45px; padding-top: 20px; font-size: 24px; font-weight: bold; color: #FFFFFF; letter-spacing: -1px; text-align: left; text-transform: uppercase; padding-left: 14px; }
/* ________________________________________________ => 	LEFT */

#left { text-align: left; width: 286px; float: left; overflow: hidden; margin: 0px; padding: 0px; }
#left1 {
	height: 305px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	width: 286px;
	background: url(../gfx/visuel2.jpg) no-repeat;
}
#left2 { background: url(../gfx/visuel2.jpg) no-repeat; color: #505d60; text-align: right; font-size: 12px; height: 230px; }
#left3 { cursor: pointer; height: 77px; background: url(../gfx/bg_left3.jpg) no-repeat; color: #505d60; text-align: right; margin-right: 23px; margin-top: 20px; padding: 8px 15px 0px 0px; font-size: 12px; }
#left4 { background: url(../gfx/bg_left4.jpg) no-repeat; text-align: left; height: 51px; padding-top: 25px; padding-left: 19px; }
#left5 { color: #505d60; background: #ccd9e1; padding-bottom: 30px; }

/* ________________________________________________ => CENTER */

#content{ margin: 0px 0px 0px 286px; padding: 0px; width: 432px; }
#content1{ text-align: justify; padding-top: 40px; height: 49px; padding-left: 0px; border-bottom: 1px solid #b2b2af; margin-right: 40px; margin-left: 40px; }
#content2{ padding-left: 34px; height: 56px; }
#content3{ padding-top: 20px; text-align: justify; font-size: 11px; padding-right: 40px; padding-left: 40px; }
#content4{ font-size: 11px; background: #FFFFFF; text-align: justify; height: 40px; width: 384px; margin: 30px 0px 0px 37px; padding-top: 12px; padding-left: 12px; }
#content5{
	padding-top: 20px;
	text-align: justify;
	font-size: 11px;
	padding-right: 40px;
	padding-left: 10px;
}

/* ________________________________________________ => FOOTER */

#footer { text-align: left; color: #141819; font-size: 10px; padding-top: 10px; padding-bottom: 10px; margin: 0px; padding-left: 0px; height: 30px; }
#footer a { color:#141819; padding-right: 10px; padding-left: 10px; font-size: 10px; }
#footer a:hover {text-decoration:underline;}
#footer1 { text-align: left; background: #F1F0EE url(../gfx/bottom.jpg) no-repeat; height: 49px; margin: 0px; padding: 0px; }
#footer2 { text-align: left; height: 33px; padding-top: 20px; padding-right: 0px; padding-left: 20px; }
#footer3 { width: 860px; height: 40px; padding-top: 10px; padding-right: 20px; padding-left: 20px; }
#copyright { float: right; height: 16px; width: 80px; margin-top: 0px; margin-right: 10px; }