body
{
margin:0px;
padding:0px;
}

#haut
{
position:absolute;
top:0px;
width:100%;
height:47%;
padding:0px;
margin:0px;
background: url(fond_droite.jpg) no-repeat center right;
}

#bas
{
position:absolute;
bottom:0px;
width:100%;
height:53%;
background:black;
}

#logotop
{
position:absolute;
width:215px;
height:91px;
bottom:0px;
}

#logobottom
{
position:absolute;
width:215px;
height:87px;
top:0px;
left:0px;
z-index:1;
}

#news
{
display:block;
position:absolute;
top:0px;
left:250px;
width:100px;
height:110px;
padding:0px;
margin:0px;
background: url(newsbackground.gif) no-repeat bottom center;
}

#newscontent
{
position:absolute;
padding:0px;
left:330px;
bottom:0px;
margin:0px;
}

#newscontent li
{
list-style: none;
line-height:1px; 
}

.li_newsitem
{
display:block;
padding-top:5px;
padding-left:10px;
padding-right:10px;
color:white;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}

#tagline
{
position:absolute;
bottom:0px;
padding:0px;
margin:0px;
left:220px;
font: 28px "Calibri","Trebuchet MS";
font-style:italic;
}

#menubar
{
position:absolute;
height:87px;
top:0px;
padding:0px;
margin:0px;
right:50px;
}

#menubar ul
{
padding:0px;
margin:0px;
}

#menubar li
{
float:left;
list-style: none;
line-height:0px;
}

.li_top
{
display:block;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
color:white;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}

.li_top:hover
{
display:block;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
background:white;
color:black;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}

.li_topactif
{
display:block;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
background:white;
color:black;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}

.li_actif
{
display:block;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
background:white;
border-right:1px solid black;
border-left:1px solid black;
color:black;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}

.li_bottom
{
display:block;
float:left;
padding-top:40px;
padding-left:30px;
padding-right:30px;
color:white;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none;
}


.li_bottom:hover
{
display:block;
float:left;
padding-top:40px;
padding-left:30px;
padding-right:30px;
background:white;
color:black;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none; 
}

.li_bottomactif
{
display:block;
float:left;
padding-top:40px;
padding-left:30px;
padding-right:30px;
background:white;
color:black;
font: 18px "Trebuchet MS";
text-transform: uppercase;
text-decoration:none; 
}



#gallery
{
position:absolute;
bottom:15px;
width:95%;

overflow:hidden;
}

#galleryhaut
{
position:absolute;
top:15px;
left:180px;
width:90%;
overflow:auto;
}


.thumbfilm {
	float: left;
	width: 193px;
	height: 229px;
	margin: 4px;
	margin-left:-200px;
	padding: 5px;
	text-align: left;
	overflow: hidden;
	float:left;
	z-index:2;
}

.thumbfilmnew {
	float: left;
	width: 223px;
	height: 199px;
	margin: 4px;
	margin-left:-200px;
	padding: 5px;
	text-align: left;
	overflow: hidden;
	float:left;
	z-index:2;
}

 
.thumbfilm span { 
	margin-top:0;
	padding:0;
	margin-left:40px;
	color:white;
	font: 12px "Trebuchet MS";
	font-style:italic;
	text-decoration:none;
}

.thumbfilmnew span { 
	margin-top:0;
	padding:0;
	margin-left:50px;
	color:black;
	font: 13px "Trebuchet MS";
	font-style:italic;
	text-decoration:none;
}

.thumbfilm a { 
	text-decoration:none;
}

.thumbfilmnew a { 
	text-decoration:none;
}
 
.popular {
	color: #2e8531;
	font-weight: bold;
}
 
.SUPERpopular {
	font-weight: bold;
	color: #d62222;
}
 
.normal {
	font-weight: bold;
}
 
.thumbfilm h3{
	margin-top: -30px;
	margin-left:30px;
	color:white;
	font: 18px "Trebuchet MS";
	text-transform: uppercase;
	margin-bottom:0px;
	text-decoration:none;
}

.thumbfilmnew h3{
	margin-top: -30px;
	margin-left:30px;
	color:black;
	font: 18px "Trebuchet MS";
	text-transform: uppercase;
	margin-bottom:0px;
	text-decoration:none;
}

#descriptionfilm {
width:75%;
padding-left:30px;
padding-top:15px;
overflow:auto;
height:150px;
}

#association {
width:75%;
padding-left:30px;
padding-top:15px;
overflow:auto;
height:70%;
}

#partenaires {

width:75%;
padding-left:30px;
padding-top:75px;
margin-top:60px;
overflow:hidden;
height:100%;
}

#wrapperinfo
{
position:absolute;
left:300px;
margin-top:50px;
color:white;
height:80%;
overflow:hidden;
width:30%;
}

#infosfilm
{
float:left;
height:100%;
width:90%;
overflow:hidden;
padding-right:5px;
}

.infosfilm {
position:absolute;
left:300px;
margin-top:50px;
color:white;
float:left;
height:80%;
overflow:auto;
width:30%;
}


.pieceofnews {
width:75%;
padding-left:30px;
padding-top:15px;
overflow:auto;
height:200px;
}

h1
{

text-decoration:underline;
display:block;
padding-left:30px;
font: 18px "Calibri","Trebuchet MS";
font-weight:bold;
font-style:italic;
}

h2
{

display:block;
padding-left:15px;
font: 14px "Calibri","Trebuchet MS";
font-weight:bold;
}

.highlight
{
color:orange;
}

img
{
border:0;
}

.bigtitle
{
display:block;
float:left;
font: 28px "Calibri","Trebuchet MS";
font-style:italic;
}

#myGallery
{
width: 300px !important;
height: 200px !important;
position:absolute;
right:30px;
top:50px;
} 


			.scrollbar-vert{
				border-left:1px dashed orange;
				background-color: black;
				height: 100%;
				float:left;
				width:1px;
			}
			.handle-vert{
				height: 37px;
				width: 30px;
				background: url(handle.gif) no-repeat;
			}