/* CSS Document */
div{
	-webkit-border-radius:8px;
}

a {
 	text-decoration:none;
	color: #993333;
	font-weight:bold;
}

#slidemenubar2{
position:absolute;
z-index:2;
}

#divMenu{
	position:absolute;
	z-index:2;
	color:#000000;
	background-color:#FFFFFF;
	top:0px;
	height:200px;
	width:115px;
	border-style:solid;
	text-align:center;
}

#divMenu a{
	text-decoration:none;
	font-weight:normal;
}

#divOnglet{
	position:absolute;
	color:#000000;
	background-color:#FFFFFF;
	height:200px;
	width:20px;
	border-style:solid;
	text-align:center;
	font-weight:normal;
	left:120px;
}

body {
	background-image:url(sakura_mp.jpg);
	background-repeat:repeat-x;
	background-position:left;
	background-attachment:fixed;
	background-color:#000000;
	scrollbar-face-color:#993333;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: black;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: white;
	scrollbar-arrow-color: black;
}

#artTexte{
	position:absolute;
	height:220px;
	width:700px;
	margin-left:-350px;
	bottom:20px;
	left:50%;
	border-style:double;
	padding:5px 5px 5px 5px;
	
}

#art{
	position:absolute;
	height:200px;
	width:750px;
	left:50%;
	top:70px;
	margin-left:-375px;
	z-index:1;
}

#art img{
	cursor:pointer;
	bottom:30px;
	position:absolute;
}

#art label{
	text-align:center;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-style:ridge;
	width:120px;
	bottom:5px;
}

#gallery {
	position:absolute;
	width:550px;
	height:150px;
	left:50%;
	top:120px;
	margin-left:-275px;
	text-align:center;
}

.global {
     position:absolute;
	 background-repeat:no-repeat;
	 background-color:#FFFFFF;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 550px;
     margin-top: -275px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: 1px solid #000;
	 overflow:none;
}

#glob1 {
	background-image:url(pics/fond.jpg);
	background-position:top left;
}

#glob2 {
	background-image:url(pics/news.jpg);
	background-position:left;
}

#glob3 {
	background-image:url(pics/fond2.jpg);
	background-position: right bottom;
}

#glob4 {
	background-color:#FFFFFF;
}

#imagelogo{
	position:absolute;
	float:right;
	right:0px;
	top:0px;
	background-image:url(Logo2.jpg);
	background-repeat:no-repeat;
	width:329px;
	height:170px;
	cursor:help;
}

#imagenavig{
	position:absolute;
	left:57%;
	top:50%;
	margin-left:-75px;
	margin-top:-25px;
	width:150px;
	height:50px;
	background-repeat:no-repeat;
	background-position:left top;
}

#imageprof{
	position:absolute;
	background-image:url(pics/cats.jpg);
	background-repeat:no-repeat;
	float:left;
	top:50%;
	left:25%;
	margin-left:-50px;
	margin-top:-75px;
	height:150px;
	width:200px;
	border:none;
	cursor:crosshair;
}

.btsub2 {
	border-color:#FFFFFF;
	background-color:#993333;
	border-style:solid;
	border-width:thin;
	width:200px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt; 
	color: #FFFFFF;
	text-align:center;
	}

#playlist{
	position:absolute;
	z-index:5;
	float:left;
	top:135px;
	left:25%;
	margin-left:-100px;
	height:400px;
	width:200px;
	border:none;
}

#header{
	position: absolute;
  	top:10px;
	width:390px;
  	right:5px;
	height:50px;
}

#headerfic{
	position: absolute;
  	top:10px;
	width:390px;
	height:50px;
	left:50%;
	margin-left:-195px;
}

#headerfic2{
	position: absolute;
  	top:10px;
	width:500px;
	height:50px;
	left:50%;
	margin-left:-250px;
}

.navigation{
background-position:top left;
height:75px;
width:75px;
border-style:double;
position:absolute;
cursor:pointer;
}

#navig1{
	top:90px;
	left:250px;
	background-image:url(fukkou.jpg);
}

#navig2{
	top:190px;
	left:200px;
	background-image:url(twilight.jpg);
}

#navig3{
	top:290px;
	left:250px;
	background-image:url(colorbd.jpg);
}

#navig4{
	top:350px;
	left:350px;
	background-image:url(bonus.jpg);
}

#navig5{
	top:380px;
	left:450px;
	background-image:url(illus.jpg);
}

#navig6{
	top:350px;
	left:550px;
	background-image:url(musiikki.jpg);
}

#navig7{
	top:250px;
	left:600px;
	background-image:url(links.jpg);
}

#navig8{
	top:30px;
	left:350px;
	background-image:url(niouz.jpg);
}

#content{
	position:absolute;
	top:70px;
	right:5px;
	width:390px;
	height:460px;
	border-style:none;
	overflow:auto;
	text-align:justify;
	padding-right:10px;
}

#content2{
	position:absolute;
	top:70px;
	right:5px;
	width:390px;
	height:470px;
	border-style:none;
	overflow:auto;
	text-align:justify;
	padding-right:10px;
	visibility:hidden;
}

#fiction{
	position:absolute;
	z-index:1;
	top:60px;
	right:0px;
	width:750px;
	height:480px;
	border-style:none;
	overflow:auto;
	text-align:justify;
	padding-right:10px;
	padding-bottom:10px;
}

#fiction a{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

#annonces {
	height:115px; 
	width:375px; 
	bottom:0px; 
	position:absolute; 
	border-style:double; 
	background-color:#AA3333; 
	color:#FFFFFF; 
	padding:5px 5px 5px 5px;
}

#annonces a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#footer {
	position:absolute;
	left:50%;
	margin-left:-300px;
	width: 600px;
	color:#FFFFFF;
	text-align:center;
	bottom:5px;
}

#footer a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#mainContainer{
	width:600px;
	margin:0 auto;
	margin-top:10px;
	border:1px double #000;
	padding:3px;

}
#calendarDiv,#calendarDiv2{
	width:240px;
	height:240px;
	float:left;
	background-color:#FFFFFF;
}
.clear{
	clear:both;
}

#choixplaylist{
	position:absolute;
	float:left;
	top:95px;
	left:25%;
	margin-left:-100px;
	height:400px;
	width:180px;
	border:none;
	text-align:center;
}