html, body {
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
background-color:#a7c7c6;
background-image: url(images/bagggg.jpg);
background-position: 50% 50%;
background-repeat:no-repeat;
height: 100%;
margin: 0 auto;
position: relative;
text-align: left; /* pour corriger le bug de centrage IE */
}

#fondmenu{

	background-image:url(images/fondmenu.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	margin-left : 75%;
}

#pancarte{
position: absolute;
}

#menumenu
{
padding: 0 ;
margin :0;
margin-left : -310px;
}

ul#menu_gauche
{
	margin:  0px 0 0 0px;
	padding: 0 ;
	list-style-type: none ;
	display: block ; 
	width: 62px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/menu_gauche.gif) no-repeat 0px 0 ; 
	border: 0px solid #dbd ;
}

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

ul#menu li
{
	margin: 0px 0 0px 0 ;
	padding: 0 ;
}

ul#menu li a
{
	display: block ; 
	width: 62px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/home.jpg) no-repeat -62px 0 ; 
	border: 0px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(images/home.jpg) no-repeat 0px 0px ; 
	border: 0px solid #f97 ;
}

ul#menu1
{
	margin:  0px 0  0 0px;
	padding: 0px 0 0 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu1 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#menu1 li a
{
	display: block ; 
	width: 62px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/news.jpg) no-repeat -62px 0 ; 
	border: 0px solid #dbd ;
}

ul#menu1 li a:hover
{
	background: url(images/news.jpg) no-repeat 0px 0px ; 
	border: 0px solid #f97 ;
}

ul#menu2
{
	margin:  0px 0  0 0px;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#menu2 li a
{
	display: block ; 
	width: 62px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/contact.jpg) no-repeat -62px 0 ; 
	border: 0px solid #dbd ;
}

ul#menu2 li a:hover
{
	background: url(images/contact.jpg) no-repeat 0px 0px ; 
	border: 0px solid #f97 ;
}

ul#menu3
{
	margin:  0px 0  0 0px;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu3 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#menu3 li a
{
	display: block ; 
	width: 62px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/profil.jpg) no-repeat -62px 0 ; 
	border: 0px solid #dbd ;
}

ul#menu3 li a:hover
{
	background: url(images/profil.jpg) no-repeat 0px 0px ; 
	border: 0px solid #f97 ;
}

ul#menu4
{
	margin:  0px 0  0 0px;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu4 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
}

ul#menu4 li a
{
	display: block ; 
	width: 91px ;
	height: 16px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/business.jpg) no-repeat -91px 0 ; 
	border: 0px solid #dbd ;
}

ul#menu4 li a:hover
{
	background: url(images/business.jpg) no-repeat 0px 0px ; 
	border: 0px solid #f97 ;
}

#center
{
	position: relative;
	margin :0;
	padding:0;
	height :12px;
}

#menulast
{
	display: block ; 
	position: absolute;
	width: 200px ;
	height: 114px ;
	margin :0;
	padding: 0 ;
	margin-top: 15px;
	margin-left : 15%;
	background: url(images/menu_last.gif) no-repeat 0px 0 ; 
	background-position: left;
}

#menulast a
{
	list-style-type: none ;
	text-decoration: none ;
	position:absolute;
	display: block;
	width: 192px ;
	height: 77px ;
	background: url(panc.png) no-repeat 0px 0px ; 
}


#menu3ds
{
	width: 230px ;
	height: 148px ;
	display: block ; 
	position: absolute;
	margin :0;
	padding : 0;
	background: url(images/menu_3ds.png) no-repeat -3px -0px ; 

	margin-top: 120px;
	margin-left : 30%;
}

#menu3ds a
{
	margin-top: 18px;
	margin-left:16px;
	list-style-type: none ;
	text-decoration: none ;
	position:absolute;
	display: block;
	width: 192px ;
	height: 77px ;
	background: url(images/3dsmenu.jpg) no-repeat 0px -76px;
}

#menu3ds a:hover
{
	background: url(images/3dsmenu.jpg) no-repeat 0px 0 ; 
	width: 192px ;
	height: 77px ;
}

#menupainting
{
	display: block ; 
	position: absolute;
	width: 230px ;
	height: 148px ;
	margin :0;
	padding : 0;
	margin-top: 214px;
	margin-left: 59%;
	background: url(images/painting_back.png) no-repeat 0px 0 ; 
}
#menupainting a
{
	margin-top: 18px;
	margin-left:19px;
	list-style-type: none ;
	text-decoration: none ;
	position:absolute;
	display: block;
	width: 192px ;
	height: 77px ;
	background: url(images/paintmenu.jpg) no-repeat 0px -76px ; 
}

#menupainting a:hover
{
	background: url(images/paintmenu.jpg) no-repeat 0px -0px ; 
	width: 192px ;
	height: 77px ;
}

#menudrawing
{
	display: block ; 
	position: absolute;
	width: 230px ;
	height: 148px ;
	margin :0;
	padding : 0;
	background: url(images/drawing_back.png) no-repeat 0px 0 ; 
	background-position: right;
	margin-top: 76px;
	margin-left : 45%;
}
#menudrawing a
{
	margin-top: 18px;
	margin-left:19px;
	list-style-type: none ;
	text-decoration: none ;
	position:absolute;
	display: block;
	width: 192px ;
	height: 77px ;
	background: url(images/drawmenu.jpg) no-repeat 0px -76px ; 
}

#menudrawing a:hover
{
	background: url(images/drawmenu.jpg) no-repeat 0px 0px ; 
	width: 192px ;
	height: 77px ;
}



#menuprg
{
	display: block ; 
	position: absolute;
	width: 230px ;
	height: 148px ;
	margin :0;
	padding : 0;
	margin-left: 75%;
	margin-top: 141px;
	background: url(images/prog_back.png) no-repeat 0px 0 ; 
}
#menuprg a
{
	margin-top: 18px;
	margin-left:19px;
	list-style-type: none ;
	text-decoration: none ;
	position:absolute;
	display: block;
	width: 192px ;
	height: 77px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/progmenu.jpg) no-repeat 0px -76px ; 
}

#menuprg a:hover
{
	background: url(images/progmenu.jpg) no-repeat 0px 0 ; 
		width: 192px ;
	height: 77px ;
}