body {
	background: url('../img/body.jpg') no-repeat center top #5A5A62;
	margin: 0;
	padding: 0;
	font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* -- CONTENEUR -- */
#conteneur {	
	width: 1087px; height: 752px;
	margin: 0 auto;
}
/* -- CONTENEUR -- */

/* -- FOOTER -- */
#footer {	
	background: url(../img/footer.jpg) no-repeat center;
	height: 85px;
	margin: 0 0 0 0;
}
/* -- FOOTER -- */

/* -- MENU -- */
#menu { 	
	float: left;
	background: url(../img/menu_bg.png) no-repeat 10px 16px;	
	width: 239px; height: 752px;	
}

#menu ul {
	padding: 0;
	list-style: none;
	margin: 450px 0 0 28px;
}

#menu ul li a{
	height: 41px; width: 193px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 41px;
	display: block;
	background: url(../img/btn_menu.png) no-repeat top left;
	color: #0097b1;
	text-transform: uppercase;
}
/* -- MENU -- */

/* -- CONTENT -- */
#content {	
	float: right;
	width: 829px;	
	margin: 50px 0 0 0;
}

#content.welcome {		
	background: url(../img/content.png) no-repeat right top;
	height: 702px;
}

#content .text {
	overflow-y: scroll;			
	text-align: justify;
	width: 780px; height: 700px;
	line-height: 16px;
	color: #ffffff;
	padding-right: 30px;	
	margin: 0 0 15px 0;
}

#content ul li {
	list-style: circle;
}

#content ul.ulvideo li a {
	font-size: 12px;
	line-height:20px;
	color: #fff;
	margin: 20px;
}

/* -- CONTENT -- */

/* -- OTHERS -- */
#home {
	position: absolute;
	margin: 25px 0 0 25px;
	width: 200px; height: 400px;
}

#logo_mallette {
	background: url(../img/logo_mallette.png) no-repeat left 270px;
	width: 336px; height: 488px;
}