html{
	margin: 0;
	padding: 0;
	height: 100%;
	overflow:hidden;
}

body{
	background-image:url(bando-couleur/couleurs10.jpg);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	height: 100%;
}

#top{
	position:absolute;
	top:20px;
	left:40px;
	height:58px;
	width:6000px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:58px;
	color:#680002;
	font-weight:bold;
	z-index:5;
}

.bw-800 #top{
	display:none;
}

.bw-600 #top{
	display:none;
}

.bw-400 #top{
	display:none;
}

#titre-box{
	float:left;
	margin:-13px 0 0 0;
	padding:0 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:64px;
	color:#680002;
	font-weight:bold;
}


#bando{
	position:relative;
	float:left;
	margin-top:-20px;
	margin-left:10px;

}

#viewer{
	position: fixed;
	text-align:center;
	top: 46%;
	left : 50%;
	margin : -200px 0px 0 -325px;
	width:650px;
	z-index:9;
}

#viewercenter{
	width:600px;
	margin:0;
	padding:20px 0px 0 25px;

}

.bw-800 #viewer{
	position: fixed;
	text-align:center;
	top: 37%;
	left : 50%;
	margin : -200px 0px 0 -300px;
	width:600px;
	z-index:9;
}

.bw-600 #viewer{
	position: fixed;
	text-align:center;
	top: 37%;
	left : 50%;
	margin : -200px 0px 0 -300px;
	width:600px;
	z-index:9;
}

.bw-300 #viewer{
	position: fixed;
	text-align:center;
	top: 37%;
	left : 50%;
	margin : -200px 0px 0 -300px;
	width:600px;
	z-index:9;
}

#blog{
	position:fixed;
	background-color:#680002;
	margin: 0;
	padding: 20px 30px 25px 30px;
	right:0px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;
	color:#FFF;
	font-weight:bold;
	z-index:11;
}

#menu-films{
	position:fixed;
	margin: 0;
	padding: 0;
	bottom:160px;
	left:40px;
	font-family:"Courier New", Courier, monospace;
	font-size:22px;
	color:#680002;
	letter-spacing:0px;
	font-weight:bold;
	z-index:8;
}



#content{
	position:absolute;
	background-color:none;
	bottom:5px;
	height:150px;
	margin:-80px 0 0 0px;
	padding:0 0 0 0px;
	width:12000px;
	
}

#box{
	position: relative;
	float:left;
	margin:0 0px 0 0px;
	padding:0;	
}


#film-box{
	position:relative;
	float:left;
	margin:0;
}

#text-box{
	position:relative;
	float:left;
	margin:0;
	padding:15px 0 0 0;
	width:150px;
	height:75px;
	text-align:center;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;
	color:#FFF;
	font-weight:bold;
}

#plus{
	position:relative;
	float:left;
	width:300px;
	height:60px;
	margin:0;
	padding:20px 20px 10px 20px;
	border : dashed 3px #680002;
	text-align:justify;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#680002;;
}

#space-box{
	position:relative;
	float:left;
	width:20px;
	margin:0;
}

#megaspace-box{
	position:relative;
	float:left;
	width:100px;
	margin:0;
}

h2.center{
	background-color:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#680002;
	font-size:18px;
	font-weight:bold;
}

p.center{
	text-align:justify;
	font-family:"Courier New", Courier, monospace;
	color:#FFF;
	opacity:0.6;filter:alpha(opacity=60);
	padding:10px;
	background-color:#680002;
	font-size:16px;
	font-weight:bold;
}

h3.categorie{
	text-align:center;
	background-color:fff;
	color:#680002;
	margin: 0 0 15px 0;;
	padding: 0;
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
	letter-spacing:1px;
	border-bottom: solid 1px #680002;
}

a {
	color:inherit;
}

a:hover{
	color:#680002;
}

a.films{
	text-decoration:none;
	color:inherit;
}

a.films:hover{
	background-color:#680002;
	color:#fff;
}

a.lienblog{
	text-decoration:underline;
	color:#FFF;
}

a.lienblog:hover{
	background-color:#680002;
	color:#F90;
}

a.menu{
	text-decoration:none;
	color:inherit;
}

a.menu:hover{
	color:#F90;
}

a.plus{
	text-decoration:underline;
	color:inherit;
}

a.plus:hover{
	color:#F60;
}

a.tooltip span {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	display:none;
	padding:10px 20px 10px 20px;
	margin-top:-150px;
	margin-left:-150px;
	width:200px;
	text-align:justify;
	
	}
	
a.tooltip:hover span{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	display:inline;
	position:absolute;;
	border:2px dashed white;
	background-color:#680002;
	color:#FFF;
	z-index:20;
	}
	
a.tooltip2 span {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	display:none;
	padding:10px 20px 10px 20px;
	margin-top:100px;
	margin-left:-150px;
	width:200px;
	text-align:justify;
	
	}
	
a.tooltip2:hover span{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	display:inline;
	position:absolute;;
	border:2px dashed white;
	background-color:#680002;
	color:#FFF;
	z-index:20;
	}