/* CSS Document */

body {
	
	background-color: #252525;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#page {
	text-align :center;
	height:791px;
	width:1004px;
	margin:0 auto;
	padding:0;
}

a 
	{
	color: white;
	text-decoration: none
	}

a:hover 
	{
	color: #fc0;
	text-decoration: none
	}

#colonne-gauche {
	float:left;
	height:811px;
	width:64px;
	background:url(../images/bg_gauche.jpg) no-repeat;
	margin:0;
	padding:0;
}

#bloc-centre {
	float:left;
	height:521px;
	width:862px;
	margin:0;
	padding:0;
}

#colonne-droite {
	float:left;
	height:811px;
	width:64px;
	background: url(../images/bg_droite.jpg) no-repeat;
	margin:0;
	padding:0;
}

#bandeau {
	margin:0;
	padding:0;
	width:872px;
	height:201px;
	background:url(../images/bg_bandeau.jpg) no-repeat;

}

/*-------------------------- navigation menu --------------------------*/
#nav {
	background: url(../images/nav_bg1.gif) no-repeat;
	height:47px;
	width:873px;
	font: 20px Verdana, Arial, sans-serif;
	text-align: center;
	
}
#nav ul {
	list-style-type:none;
	padding: 0;
	margin:0;
}

#nav li {
	float:left;
}
#nav li a {
	display:block;
	height:47px;
	text-indent:-5000px;
}
#nav li a.accueil {
	background: url(../images/menu/accueil.jpg) no-repeat;
	width:135px;	
}

#nav li a.accueil:hover {
	background: url(../images/menu/accueil_hover.jpg) no-repeat;
	width:135px;
	
}

#nav li a.filmographie {
	background: url(../images/menu/films.jpg) no-repeat;
	width:158px;
}

#nav li a.filmographie:hover {
	background: url(../images/menu/films_hover.jpg) no-repeat;
	width:158px;
}

#nav li a.videos {
	background: url(../images/menu/videos.jpg) no-repeat;
	width:123px;
}

#nav li a.videos:hover {
	background: url(../images/menu/videos_hover.jpg) no-repeat;
	width:123px;
}

#nav li a.photos{
	background: url(../images/menu/photos.jpg) no-repeat;
	width:121px;
}

#nav li a.photos:hover{
	background: url(../images/menu/photos_hover.jpg) no-repeat;
	width:121px;
}

#nav li a.partenaires {
	background: url(../images/menu/partenaires.jpg) no-repeat;
	width:161px;
}

#nav li a.partenaires:hover {
	background: url(../images/menu/partenaires_hover.jpg) no-repeat;
	width:161px;
}

#nav li a.contact{
	background: url(../images/menu/contact.jpg) no-repeat;
	width:175px;
}

#nav li a.contact:hover{
	background: url(../images/menu/contact_hover.jpg) no-repeat;
	width:175px;
}

/*---------------------------fin de navigation menu -------------------------*/

#conteneur {
	margin:2px;
	padding:0;
	width:869px;
	height:0px;
	background: #353838;
	color:#dddddd;
}

#conteneur_contact {
	margin:0;
	padding:0;
	width:869px;
	height:740px;
	background: url(../images/bg_contact.jpg) no-repeat;
	color:#ffffff;
}

#formulaire {
	margin : 80px auto;
	padding:0;	
	width:610px;
	height:500px;
}

#formulaire h3 {
	display :none;
}

.bloc_gauche {
	float:left;
	margin-left:5px;
	margin-top:10px;
	padding:15px 10px 0 0;
	background:url(../images/cadre_left.jpg) no-repeat;
	width:320px;
	height:435px;
	color:#dddddd;
}

.bloc_milieu {
	float:left;
	margin-top:10px;
	padding:0 0 0 10px;
	background:url(../images/cadre_right.jpg) no-repeat;
	width:513px;
	height:440px;
	font-size:12px;	
	color:#dddddd;
}

.bloc_bas {
	clear:both;
	text-align:left;
	margin-left:5px;
	margin-top:10px;
	background:url(../images/cadre_bottom.jpg) no-repeat;
	padding:0;
	width:855px;
	height:74px;
}

.bottom-left {
	float:left;
	padding-left:10px;
	padding-top:10px;
	margin:0;
	width:270px;
	height:24px;
}

.bottom-centre {
	float:left;
	padding-left:5px;
	padding-top:10px;
	margin-left:5px;
	width:270px;
	height:24px;
}
.bottom-right {
	float:left;
	padding-top:10px;
	margin-left:5px;
	width:280px;
	height:24px;
	font-size:12px;
}

#footer {
	margin:0 auto;
	text-align:center;
	font-size:12px;
	padding:0px 0;
	width:1004px;
	height:px;
	background:url(../images/bg_footer.jpg) no-repeat;	
}