@charset "utf-8";

/* ________________________________________________ => BODY */

body { font: normal 11px Arial, Helvetica, sans-serif; text-align: center; color: #7e7e7e; margin: 0px; padding: 0px; background: #1f1f1f url(../gfx/background.jpg) no-repeat center top; }
#container { margin: 0px auto; padding: 0px; width: 995px; text-align: left; }
#wrapper{ text-align: left; width: 1100px; }
.floatleft { float: left; margin: 0px; padding: 0px; overflow: auto; }
.floatright { float:right;}
.clearfloat {clear:both;}

/* ________________________________________________ => HEADER */

#header{ width: 995px; text-align: left; margin: 0px; padding: 0px; height: 398px; }
#logo{ margin: 0px; padding: 0px 0px 0px 26px; width: 210px; text-align: left; float: left; height: 89px; }
#menu{ width: 715px; text-align: left; height: 36px; margin-top: 26px; padding-left: 44px; }
#top1{ margin: 0px; padding: 0px; width: 759px; text-align: left; float: left; height: 89px; }
#top2{
	margin: 0px;
	padding: 13px 0px 0px 32px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
}
#top3 { color:#FFFFFF; font-size: 11px; font-weight: normal; float: left; height: 264px; text-align: left; width: 995px; }
#top4 { margin: 0px; text-align: left padding-left: 240px; width: 980px; height: 98px; }
#top5 { margin: 0px; text-align: left padding-left: 240px;text-align: left; width: 980px; padding: 0px; height: 98px; }
#top6 { margin: 0px; text-align: left padding-left: 240px;text-align: left; width: 321px; float: left; background-image: url(../gfx/bg_livraison.jpg); background-repeat: no-repeat; height: 98px; padding: 0px; background-position: left top;}
#top7 { margin: 0px; text-align: left padding-left: 240px;text-align: justify; width: 208px; float: left; padding: 0px 20px 0px 120px; height: 75px; background: url(../gfx/bg_top1.jpg) no-repeat; font-size: 11px; color: #666666; cursor:hand; }
#top8 { margin: 0px; text-align: left padding-left: 240px;text-align: left; width: 311px; float: left; padding: 0px; height: 98px; }
.xiti { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; margin: 8px 0px 0px; }
.flash { margin-top: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-right: 7px; padding-top: 23px; padding-left: 10px; }

/* ________________________________________________ => 	LEFT */

#left { text-align: left; width: 228px; float: left; overflow: auto; margin: 0px 0px 0px 17px; }
#left1 {
	font-size: 11px;
	color: #999999;
	text-align: left;
	background: #2D2D2D url(../gfx/bg_left1.jpg) no-repeat left top;
	width: 188px;
	padding-right: 20px;
	padding-left: 20px;
	height: 120px;
	overflow: auto;
	padding-top: 25px;
}
#left2 { font-size: 11px; color: #999999; text-align: left; background: #2d2d2d; width: 188px; padding-right: 20px; padding-left: 20px; height: 92px; }
#left3 { font-size: 11px; color: #999999; text-align: left; background: #2d2d2d; width: 188px; padding-right: 20px; padding-left: 20px; height: 92px; }
#left4 {
	font-size: 16px;
	color: #f7e214;
	text-align: left;
	background: #2d2d2d url(../gfx/puce9.gif) no-repeat 20px 32px;
	width: 188px;
	padding-right: 20px;
	padding-left: 20px;
	height: 92px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -2px;
	text-transform: uppercase;
	padding-top: 0px;
}

/* ________________________________________________ => 	RIGHT */

#right { text-align: left; width: 130px; float: right; margin-right: 11px; }
#right1 { text-align: justify; width: 146px; margin-left: 2px; margin-top: 15px; }
#right2 { text-align: justify; width: 146px; margin-left: 2px; margin-top: 5px; }

/* ________________________________________________ => CENTER */

#content{ padding: 0px; margin: 0px 172px 0px 276px; text-align: left; }
#content1{ padding: 0px; margin: 0px 10px 0px 276px; text-align: left; }
.center1{
	padding: 0px 0px 0px 20px;
	margin: 0px;
	text-align: left;
	height: 130px;
	width: 180px;
	float: left;
	overflow: auto;
}
.center2 { text-align: left; overflow: auto; }
/* ________________________________________________ => FOOTER */

#footer {
	text-align: left;
	font-size: 10px;
	color: #f7e214;
	padding-top: 5px;
	padding-bottom: 20px;
	background: url(../gfx/bg_footer.gif) repeat-x left top;
	padding-left: 7px;
	margin-top: 25px;
}
#footer a {
	color:#f7e214;
	text-decoration:none;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#footer a:hover {text-decoration:underline;}
#footer1 {
	float: right;
	margin-right: 40px;
	margin-top: 20px;
}
.basref 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7px;
	font-style: normal;
	font-weigh: normal; 
	color: #ffffff;
	padding-left: 125px;
	padding-right: 125px;
	text-align: center;
	padding-top:50px;
}