@charset "utf-8";
/* CSS Document */

body {
background-color:#000;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
color:#FFF;
}

div#container {
width:1000px;
margin:0 auto;
min-height:600px;
}

div#header {
height:92px;
background:url(img/bg-hdr.png) repeat-x bottom left transparent;
width:100%;
display:block;
}
div#relativediv {
position:relative;
width:1000px;
margin:0 auto;
}
div#etoile {
position:absolute;
right:0;
top:-84px;
z-index:1;
}
h1#headerinner {
padding-top:10px;
width:1000px;
margin:0 auto;
font-size:50px;
color:#FFF;
position:relative;
}
h1#headerinner span {
display:block;
position:absolute;
left:440px;
top:30px;
background-image:url(img/cineaste-hicham_lasri.jpg);
width:129px;
height:22px;
color:#000;
font-size:20px;
text-indent:-9999px;
}

div#corps {
width:1000px;
margin:0 auto;
float:none;
clear:both;
}

div#right {
display:block;
width:250px;
float:right;
padding:150px 10px 20px 10px ;
position:relative;
}



div#left, div#leftinner {
width:724px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
div#leftinner {
padding-top:20px;
}

div#footer {
font-size:10px;
color:#FFF;
width:1000px;
margin:0 auto;
padding:20px 0;
text-align:left;
}

/* MENU RIG>HT */
ul#rightmenu {

}
ul#rightmenu, ul#rightmenu li {
margin:0;
padding:0 0 10px 0;
}
ul#rightmenu li a {
background-image:url(img/menu-right.gif);
background-color:#000;
text-indent:-9999px;
color:#FFF; font-size:20px;
line-height:29px;
}
ul#rightmenu li a:hover {

}
		/*  Accueil */
		ul#rightmenu li a.accueil {
			padding:0;
			display:block;
			background-position: -4px 0px;
			width:130px;
			height:29px;

		}

		/*  Biographie */
		ul#rightmenu li a.bio {
			padding:0;
			display:block;
			background-position: -4px -38px;
			width:194px;
			height:35px;

		}
		
				/* filmographie  */
		ul#rightmenu li a.filmo {
			padding:0;
			display:block;
			background-position: -4px -77px;
			width:234px;
			height:35px;

		}
		
		
				/*  bibliographie */
		ul#rightmenu li a.biblio {
			padding:0;
			display:block;
			background-position: -4px -119px;
			width:249px;
			height:35px;

		}
		
		
				/*  Accueil */
		ul#rightmenu li a.press {
			padding:0;
			display:block;
			background-position: -4px -163px;
			width:182px;
			height:29px;

		}
		
					/*  Actu */
		ul#rightmenu li a.actu {
			padding:0;
			display:block;
			background-position: -4px -204px;
			width:184px;
			height:29px;

		}
		
		ul#rightmenu li a.contact {
			padding:0;
			display:block;
			background-position: -2px -246px;
			width:131px;
			height:29px;
		}
/* Social  */
a.facebook {
width:44px;
height:44px;
float:left;
text-indent:-9999%;
background-image:url(img/social.jpg);
background-position:left -47px;

margin-right:10px;
}
a.facebook:hover {
background-position:left 0px;
}

a.youtube {
width:44px;
height:44px;
float:left;
text-indent:-9999%;
background-image:url(img/social.jpg);
background-position:-51px -47px;
}
a.youtube:hover {
background-position:-51px 0px;
}

h1 {
font-size:30px;
font-weight:bolder;
color:#FFF;
padding:10px 0;
font-family:"Courier New", Courier, monospace;
}
div.leftbio h2, div.rightbio h2{
font-family:"Courier New", Courier, monospace;
font-size:14px;
font-weight:bolder;
color:#FFF;
background-color:#000;
margin:10px 0;

}

div.leftbio h3, div.rightbio h3 {
font-family:"Courier New", Courier, monospace;
font-size:18px;
font-weight:bolder;
color:#000;
padding:10px 0;
}
p {
line-height:14px;

}		
		
/* BIO */

div.leftbio, div.rightbio {
padding:30px 15px;
width:332px;
color:#000;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
height:850px;
position:relative;
}
div.leftbio {
background:url(img/bg-bio.jpg) left top no-repeat  #FFF;
float:left;
}
div.rightbio {
background:url(img/bg-bio2.jpg) right top no-repeat #FFF;
float:right;
}


div.leftbio h1, div.rightbio h1 {
font-family:"Courier New", Courier, monospace;
font-size:30px;
font-weight:bolder;
color:#000;
padding:10px 0 20px 0;
}


/* FICHES */
div.fiche {
background:url(img/bg-fiche.jpg) no-repeat center top #FFF;
height:275px;
width:210px;
padding-top:15px;
text-align:center;
float:left;
margin-left:20px;
margin-bottom:20px;
color:#000;
font-weight:bold;
}
div.fiche span {
display:block;
padding-top:5px;
}
div.fiche  a {
color:#000;
text-decoration:none;
font-size:14px;
}
div.fiche  a:hover {
color:#c40109;
text-decoration:underline;
}



/* NEWS STYLE  */


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


div#news {
background:url(img/bg-news.jpg) left top no-repeat #FFF;
padding:20px;
color:#000;
}
div#news h1 {
font-size:30px;
font-weight:bolder;
color:#000;
padding:10px 0;
font-family:"Courier New", Courier, monospace;
}
div#news h2 {
font-size:18px;
font-weight:bold;
padding:10px 0;
}
div#news .small {
}
div#news .post {
padding-bottom:20px;
border-bottom:1px dashed #CCCCCC;

}

div#news p {
line-height:18px;
}

div#news a {
color:#f4232c;
text-decoration:none;
}

div#news a:hover {
color:#c40109;
text-decoration:underline;
}
div#news .more-link {
display:block;
padding-top:6px;
color:#999999;
}

div#news .navigation {
padding:10px;
text-align:center;

}
.separer {
height:1px;
display:block;
float:none;
clear:left;
}