@charset "ISO-8859-1";
html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color:white;
	background-image:url(../images/BACKGROuND.jpg);
	background-repeat: no-repeat;
}
.zen_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.zen_lien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: underline;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;	
}
.zen_lien:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	border: thin solid #FFFFFF;
	text-decoration: underline;
}
.zentitre {
	font-size: 18px; 
	color: #FFFFFF; 
		font-family: Arial, Helvetica, sans-serif;
}
.zen_texte {
	font-size: 12px; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
}
.zen_plus {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.zen_link {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
}
.zen_link:hover {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:underline;
}
.zen_footer:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}
.zen_footer:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.zen_footer:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.zen_footer:active {
	text-decoration: none;
}
#Layer1 {
	position:absolute;
	left:18px;
	top:128px;
	width:733px;
	height:438px;
	z-index:1;
	background-image: url(../images/player.png);
}
#Layer2 {
	position:absolute;
	left:0px;
	top:10px;
	width:675px;
	height:104px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:452px;
	top:142px;
	width:274px;
	height:298px;
	z-index:3;
	visibility: visible;
}
#Layer4 {
	position:absolute;
	left:452px;
	top:447px;
	width:274px;
	height:20px;
	z-index:4;
	visibility: visible;
}
#Layer5 {
	position:absolute;
	left:242px;
	top:662px;
	width:270px;
	height:25px;
	z-index:5;
}
#Layer6 {
	position:absolute;
	left:242px;
	top:697px;
	width:270px;
	height:25px;
	z-index:6;
}
#Layer7 {
	position:absolute;
	left:31px;
	top:141px;
	width:415px;
	height:370px;
	z-index:7;
}
#Layer8 {
	position:absolute;
	left:452px;
	top:142px;
	width:274px;
	height:350px;
	z-index:8;
}
#Layer9 {
	position:absolute;
	left:452px;
	top:252px;
	width:274px;
	height:20px;
	z-index:9;
}
#Layer10 {
	position:absolute;
	left:452px;
	top:430px;
	width:128px;
	height:80px;
	z-index:10;
	background-image: url(../images/pod.png);
}
#Layer11 {
	position:absolute;
	left:452px;
	top:290px;
	width:274px;
	height:20px;
	z-index:11;
}
#Layer12 {
	position:absolute;
	left:400px;
	top:150px;
	width:325px;
	height:330px;
	z-index:12;
}
#Layer13 {
	position:absolute;
	left:40px;
	top:150px;
	width:320px;
	height:260px;
	z-index:13;
	background-color: #CCCCCC;
	padding: 10px;
}
#Layer14 {
	position:absolute;
	width:320px;
	height:45px;
	z-index:22;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	visibility: visible;
	left: 40px;
	top: 440px;
	background-color: #CCCCCC;
	padding: 10px;
}
#Layer15 {
	position:absolute;
	left:50px;
	top:140px;
	width:320px;
	height:260px;
	z-index:14;
	margin-top: 10px;
}
#Layer16 {
	position:absolute;
	left:35px;
	top:510px;
	width:410px;
	height:20px;
	z-index:23;
}	
a.ecard {
	width: 35px;
	height: 35px;
	position: absolute;
	border: none;
	left: 604px;
	top: 502px;
	z-index:14;
	background-image: url(../boutons/ecard.png);
	
}
	a.ecard:hover { background-position: 0 -35px; }
	
a.video {
	width: 35px;
	height: 35px;
	position: absolute;
	border: none;
	left: 642px;
	top: 502px;
	z-index:15;
	background-image: url(../boutons/video.png);	
}
    a.video:hover { background-position: 0 -35px; }
	
a.comment {
	width: 35px;
	height: 35px;
	border: none;
	left: 566px;
	top: 502px;
	z-index:16;
	background-image: url(../boutons/comment.png);
	position: absolute;
}
 	a.comment:hover { background-position: 0 -35px; }
	
a.mail {
	width: 35px;
	height: 35px;
	border: none;
	left: 566px;
	top: 502px;
	z-index:22;
	background-image: url(../boutons/mail.png);
	position: absolute;
}
 	a.mail:hover { background-position: 0 -35px; }
		
a.charg {
	width: 35px;
	height: 35px;
	border: none;
	left: 490px;
	top: 502px;
	z-index:17;
	background-image: url(../boutons/charg.png);
	position: absolute;
}
    a.charg:hover { background-position: 0 -35px; }
	
a.diapo {
	width: 35px;
	height: 35px;
	border: none;
	left: 528px;
	top: 502px;
	z-index:18;
	background-image: url(../boutons/diapo.png);
	position: absolute;
}
	a.diapo:hover { background-position: 0 -35px; }
a.rss {
	width: 35px;
	height: 35px;
	border: none;
	left: 528px;
	top: 502px;
	z-index:18;
	background-image: url(../boutons/rss.png);
	position: absolute;
}
    a.rss:hover { background-position: 0 -35px; }
a.blog {
	width: 35px;
	height: 35px;
	border: none;
	left: 490px;
	top: 502px;
	z-index:18;
	background-image: url(../boutons/blog.png);
	position: absolute;
}
    a.blog:hover { background-position: 0 -35px; }
a.mouche {
	width:52px;
	height:52px;
	position: absolute;
	border:none;
	left:680px;
	top:492px;
	z-index:19;
	background-image: url(../boutons/mouche.png);
	visibility:visible;
	}
	a.mouche:hover { background-position: 0 -52px;}

a.fledr {
	width:20px;
	height:20px;
	position: absolute;
	border:none;
	left:58px;
	top:515px;
	z-index:20;
	background-image: url(../boutons/fledr.png);
	visibility: visible;
	}
		a.fledr:hover { background-position: 0 -20px;}
		
a.flega {
	width:20px;
	height:20px;
	position: absolute;
	border:none;
	left:35px;
	top:515px;
	z-index:21;
	background-image: url(../boutons/flega.png);
	visibility: visible;
	}
		a.flega:hover { background-position: 0 -20px;}