@charset "utf-8";

/* ________________________________________________ => BODY */

body { font: normal 11px Arial, Helvetica, sans-serif; text-align: center; color: #7d8488; margin: 0px 0px 20px; padding: 0px; background: #FFFFFF url(../gfx/background.jpg) repeat-x; }
#container { margin: 0px auto; padding: 0px; text-align: center; width: 948px; }
#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: 40px 0px 0px; }
.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: 351px; }
#logo{ margin: 0px; padding: 0px; height: 99px; }
#menu{ text-align: left; height: 72px; margin: 0px; padding: 0px; width: 531px; float: right; }
#top1 { text-align: center; height: 101px; width: 948px; margin: 0px auto; padding: 0px; background: url(../gfx/bg_top1.jpg) no-repeat; }
#top2 { text-align: center; height: 40px; width: 668px; margin: 0px auto; padding: 15px 0px 0px 280px; background: url(../gfx/bg_top2.jpg); }
#top3 { height: 356px; margin: 0px; width: 494px; float: left; text-align: left; padding: 0px; }
#top4 { text-align: left; margin: 0px; padding: 15px 70px 0px; height: 145px; }
#top5 { text-align: left; margin: 0px; padding: 28px 0px 0px 50px; height: 30px; }
#top6 { text-align: left; margin: -5px 0px 0px; padding: 0px 0px 0px 50px; height: 39px; }
#top7 { text-align: left; height: 60px; }
#top8 { text-align: left; height: 149px; margin: 0px; padding: 0px; }
#top9 { height: 147px; }
#top10 { float: left; height: 137px; width: 324px; }
#top11 { height: 45px; margin: 0px; padding: 32px 0px 0px 38px; }
#top12 { height: 56px; }
#top13 { height: 56px; width: 60px; padding-left: 276px; float: left; }
#top14 { float: left; height: 53px; width: 608px; padding-top: 3px; }
.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 { width: 400px; padding: 0px; margin: 0px; float: right; }
#right1 { height: 35px; margin: 0px; padding: 0px 0px 0px 15px; width: 105px; }
#right2 { text-align: left; background: url(../gfx/visuel2.jpg) no-repeat; padding: 18px 32px 0px 170px; font-size: 10px; }
#right3 { text-align: left; height: 38px; background: url(../gfx/visuel3.jpg) no-repeat; padding: 10px 0px 0px 80px; }
#right4 { text-align: left; height: 37px; background: url(../gfx/visuel4.jpg) no-repeat; padding: 10px 0px 0px 80px; }
#right5 { padding-left: 170px; }
/* ________________________________________________ => 	LEFT */

#left { text-align: right; width: 241px; float: left; overflow: hidden; background: url(../gfx/visuel1.jpg) no-repeat 52px 65px; height: 210px; font-weight: bold; }
#left1 { height: 35px; margin: 0px; padding: 0px; }
#left2 { height: 40px; margin: 0px; padding: 0px 0px 0px 2px; }
#left3 { height: 179px; line-height: 16px; margin: 0px; padding: 0px; background: url(../gfx/visuel_left1.jpg) no-repeat;}
#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 400px 0px 0px; padding: 0px; }
#content1{
	text-align: justify;
	margin: 0px;
	height: 30px;
	padding: 0px 0px 0px 25px;
}
#content2{ text-align: left; padding-left: 25px; }
#content3{ text-align: left; padding: 15px 30px 25px 25px; }
#content4{ text-align: justify; margin: 25px 20px 0px 0px; height: 48px; float: right; width: 200px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#content5{ font-size: 11px; padding-top: 43px; padding-bottom: 15px; text-align: justify; background: url(../gfx/carte.gif) no-repeat 0px 30px; padding-left: 100px; }
#content6{ padding-left: 286px; margin-top: 40px; text-align: justify; }
#content7{ background: url(../gfx/visuel1.jpg) no-repeat; padding-left: 110px; height: 110px; }
#content8{ background: url(../gfx/visuel2.jpg) no-repeat; padding-left: 110px; height: 140px; margin-top: 25px; }
#content9{ height: 37px; }
#content10{ height: 37px; float: left; width: 35px; font-size: 30px; color: #395553; font-weight: bold; margin: -7px 0px 0px; padding: 0px; }
#content11{ height: 37px; float: left; width: 410px; font-size: 30px; color: #395553; font-weight: bold; }

/* ________________________________________________ => FOOTER */

#footer { text-align: left; color: #7d8488; font-size: 10px; margin: 0px auto; width: 948px; height: 24px; border-top: 1px solid #e2e2e2; padding: 25px 0px 0px; }
#footer a { color:#7d8488; padding-right: 10px; padding-left: 10px; font-size: 10px; }
#footer a:hover { text-decoration:underline; }
#footer1 { text-align: center; margin: 0px auto; padding: 0px; width: 944px; }
#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 { height: 16px; width: 80px; padding: 0px; display: block; margin-left: 10px; float: right; margin-right: 0px; }
.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;
}