/*  Body
********************************************************************/
body {
	margin : 0;
	padding : 0;
	text-align : center;
	font-size : 0.7em;
	color : #000;
	font-family : arial;
}

#1film  #image  {
background : url(images/film.jpg) no-repeat;
}

#2voyage #image {
background : url(images/voyage.jpg) no-repeat;
}

#3actualite #image {
background : url(images/actualite.jpg) no-repeat;
}

#4distribution #image {
background : url(images/distribution.jpg) no-repeat;
}

#5partenaires #image {
background : url(images/partenaires.jpg) no-repeat;
}

#index #image  {
background : url(images/index.jpg) no-repeat;
}
 
/*  SITE
********************************************************************/
 #site {
	position : relative;
	margin-left: auto;
	margin-right: auto;
	width : 1024px;
	height : 768px;
	background : transparent;
	text-transform: none;
	text-decoration: none;
}
     
/*  banniere
********************************************************************/
#banniere {
	position : relative;
	height : 135px;
	background : url(images/banniere.jpg);
}

/*  gauche_ext
********************************************************************/
#gauche_ext {
	position : relative;
	width : 120px;
	height : 605px;
	background : url(images/gauche_ext.jpg) no-repeat;
}

/*  centre
********************************************************************/
#centre {
	position : absolute;
	width : 783px;
	height : 605px;
	background: transparent;
	float: left;
	left: 120px;
	top: 135px;
}

/*  image
********************************************************************/
#image {
    position : relative;
	width : 783px;
	height : 248px;
}


/*  menu
********************************************************************/
#menu{
	position : relative;
	width : 783px;
	height : 28px;
	background-color: #000;
	text-align: center;
}

#menu ul {
	height : 20px;
	list-style : none;
	top: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 10px;
	width: 700px;
	padding-left: 5px;
	float: left;
	letter-spacing: 0.2em;
	text-decoration: none;
	position: absolute;
	left: 28px;
	font-weight: bold;
	margin: 0px;
}
 

	
#menu ul a {
	display : block;
	height: 20px;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	width: auto;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	float: left;
	color: #FFF;
	padding-top: 0px;
}
	
#menu ul a:hover{
	color : #ccc;
	background-color: #666;
}
	
/*  contenu
********************************************************************/
#contenu {	
    position : relative;
	width: 783px;
	height : 329px;
	background : url(images/contenu.jpg) no-repeat;
}
	
/*  menu_gauche
********************************************************************/
#menu_gauche {
	position : absolute;
	width: 253px;
	height : 329px;
	left: 50px;
	top: 0px;
	background-image: url(images/menu_gauche.jpg);
}
	
#menu_gauche  ul{
	list-style : none;
	margin : 0;
	padding: 40px;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align: left;
}

#menu_gauche  li{
	text-transform : none;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	background : url(images/bg-li-menu.jpg) right no-repeat;
}
	
#menu_gauche  li a{
	margin : 0;
	padding : 0 15px;
	text-decoration : none;
	color : #000;
	text-transform: none;
}

#menu_gauche li a:hover {
	color : #ccc;
	text-transform: none;
	text-decoration: none;
}
	
/*  texte
********************************************************************/
#texte {
	position : absolute;
	width: 364px;
	height: 329px;
	background : url(images/texte.jpg) no-repeat;
	right: 0px;
	top: 0px;
	text-align: center;
}

#texte_t {
	position:absolute;
	width: 340px;
	height: 329px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	overflow:auto;
	left: 0px;
	top: 0px;
}
 
/*  droite_ext
********************************************************************/
#droite_ext {
	position: absolute;
	width: 121px;
	height: 605px;
	background : url(images/droite_ext.jpg) no-repeat;
	left: 903px;
	top: 135px;
}   

/*  bas
*******************************************************************/ 
#bas {
	position : relative;
	width: 1024px;
	height :28px;
	text-align : center;
	padding : 15px 0 0 0 ;
}

#bas p {
	margin : 0;
	color : #000;
}

#bas a {
	color : #000;
	text-decoration : none;
}

#bas a:hover { 
text-decoration : underline ;  
}