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

* {
	margin:0;
	padding:0
}

#center{ margin:0px 0 0 318px; /*border:1px solid #000;*/  height:450px; text-align:left; width:590px;  }

#container{ position:relative; z-index:9000; float:left; margin:0px 0 0 -60px;}
.clear{clear:both;}

	
#footer{
	position:absolute;
	margin:28px 0 0 188px;
	}
	
	#social{ 
		text-align:center; 
		float:left;
		width:630px;
		}
	#social img{ 
		vertical-align:middle; 
		padding-bottom:2px; 
		}
	#logos{ 
		float:left;
		}


/* mac hide \*/
html, body {
	height:100%;
	width:100%;
}
/* end hide */
body {
	font-family:Arial;
	font-size:13px;
	text-align:center;
	min-height:600px;/* for ie7*/	
}
#xouter {
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	
	background-image: url("../images/bg_maher.jpg");
	background-position: center center;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 600px;
}
#xinner {
	width: 960px;	
	height: 600px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
a img{
	border:none;
}
#top{
	text-align:left;
	height:76px;
}
#titre{
	float:left;
}
#date{	
	float:right;
	margin:25px 0px 0 0;
}

/*        //
	MENU
//		  */
		
#menu{ list-style:none; margin:0px 0 0 140px; padding:0; }
#menu li { float:left; }

.btn1 a {height:55px; width:169px;}
.btn2 a {height:55px; width:158px;}
.btn3 a {height:55px; width:121px;}
.btn4 a {height:55px; width:133px;}
.btn5 a {height:55px; width:135px;}
.btn6 a {height:55px; width:90px;}

#menu a{float:left;}

.btn1 a:hover{ background:url("../images/btn_01_ba_hover.jpg") no-repeat top left;}
.btn2 a:hover{ background:url("../images/btn_02_extraits_hover.jpg") no-repeat top left;}
.btn3 a:hover{ background:url("../images/btn_03_synopsis_hover.jpg") no-repeat top left;}
.btn4 a:hover{ background:url("../images/btn_04_distribution_hover.jpg") no-repeat top left;}
.btn5 a:hover{ background:url("../images/btn_05_production_hover.jpg") no-repeat top left;}
.btn6 a:hover{ background:url("../images/btn_06_liens_hover.jpg") no-repeat top left;}

#menu li a:hover img{display:none;}

#acceuil_concours #xouter {background-image: url("../images/bg_maher.jpg");}
#extraits #xouter {background-image: url("../images/bg_remi.jpg");}
#synopsis #xouter {background-image: url("../images/bg_denis.jpg");}
#distribution #xouter {background-image: url("../images/bg_emmanuel.jpg");}
#production #xouter {background-image: url("../images/bg_maher.jpg");}
#liens #xouter {background-image: url("../images/bg_remi.jpg");}


#resolution{ list-style:none; margin:318px 0 0 173px; padding:0; position:absolute ; z-index:9000;}
#resolution li { float:left; }

#accueil #resolution{ list-style:none; margin:265px 0 0 114px; padding:0; position:absolute ; z-index:9000;}
#accueil #resolution li { float:left; }

#accueil_concours #resolution{ list-style:none; margin:265px 0 0 114px; padding:0; position:absolute ; z-index:9000;}
#accueil_concours #resolution li { float:left; }

#hd a {height:35px; width:107px;}
#sd a {height:35px; width:113px;}

#resolution li a{float:left;}

#hd a:hover{ background:url("../images/btn_hd_selected.jpg") no-repeat top left;}
#sd a:hover{ background:url("../images/btn_sd_selected.jpg") no-repeat top left;}

#resolution li a:hover img{display:none;}




/*//// ACCUEIL ///////*/
#accueil #center img.title{
	position:relative; z-index:9000;
	margin:75px 0 10px -63px;
}
#accueil_concours #center{ 
	margin:0px 0 0 250px;
	height:450px; 
	text-align:left; 
	width:590px;  }

#accueil_concours #center img.title{
	position:relative; z-index:9000;
	margin:75px 0 10px -63px;
}
img.concours{
	position:absolute;
	margin:100px 0 0 530px;
	border:none;
}

/*//// ACCUEIL HD ///////*/

#accueil_hd #center{
	margin:0px 0 0 250px; 
	/*border:1px solid #000;*/  
	height:450px; 
	text-align:left; width:590px;  
}

#accueil_hd #center img.title{
	position:relative; z-index:9000;
	margin:50px 0 10px -63px;
}



/*///// EXTRAIT //////*/
#extrait #center{ 
	margin:0px 0 0 283px; 
	width:600px;
}


#extrait #center img{
	margin:90px 0 10px -3px;
}

#extrait #center p {
	margin:0px 0 0 0 ;
}
#extrait #center{
	/*height:360px;*/
}
#extrait #center ul#photos{
	list-style:none;
	margin:0;
	padding:0;
	width:550px;
}
#extrait #center ul#photos li{
	list-style:none;
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}
#extrait #center ul#photos img{
	margin:0;
}

/*////  DISTRIBUTION   /////*/

#distribution #center img{
	margin:75px 0 10px -3px;
}

#distribution #center ul {
	margin:0px 0 0 0 ;
	padding:0;
	list-style:none;
}

#distribution #center {
	height:450px;
	width:500px;
}

#distribution #center ul li {
	height:16px;
}

#distribution #center ul li.gris {
	background:#ededed;
}

#distribution #center ul li span.right {
	float:right;
	font-weight:bold;
}
#distribution #center ul li span.left {
	float:left;
}


/*////  PRODUCTION   /////*/

#production #center img{
	margin:90px 0 10px -3px;
}

#production #center ul {
	/*margin:78px 0 0 0 ;*/
	padding:0;
	list-style:none;
}


#production #center ul {
	/*margin:78px 0 0 0 ;*/
	padding:0;
	list-style:none;
}

#production #center {
	/*height:372px;*/
	width:500px;
	
}

#production #center ul li {
	height:17px;
}

#production #center ul li.gris {
	background:#ededed;
}

#production #center ul li span.right {
	float:right;
	font-weight:bold;
}
#production #center ul li span.left {
	float:left;
}


/*///// SYNOPSIS //////*/

#synopsis #center img{
	margin:130px 0 10px -3px;
}

#synopsis #center p {
	margin:0px 0 0 0 ;
}
#synopsis #center{
	/*height:360px;*/
}

/*///////BIO ////////////*/
#bio #center img{
	margin:120px 0 10px -3px;
}

#bio #center p {
	margin:0 ;
}
#bio #center{
	/*height:360px;*/
}
#bio #center span.back{
	text-align:right;
}
/*////// LIENS ///////*/

#liens #center{ 
	margin:0px 0 0 215px; 
	/*border:1px solid #000;*/  
	height:450px; 
	text-align:left;
 	width:650px;  }

#liens #center li img {
	vertical-align:text-bottom;
}

#liens #center img.titre{
	margin:180px 0 10px 97px;
}

#liens #center img.pub{
	margin:60px 0 0px -3px;
}

#liens #center ul {
	margin:0 0 0 100px ;
	padding:0;
	list-style:none;
}

#liens #center {
	/*height:372px;*/
}

#liens #center ul li {
	height:24px;
}