body{
    background:black;
	margin:0;
	padding:0;
	text-align:center;
	}

#global{
background-color: white;
width:895px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}
#cache{
position:absolute;
margin:-5000px 0 0 0;
}
/*_________________________________________________________________
*************************** EN TETE******************************
___________________________________________________________________ */
#access a{
position:absolute;
left:20px;
margin:0;
padding:0;
visibility:hidden;
}

#header h1{
	height:400px;
	width:auto;
	margin:0;
	background:  url(fond/ensemble.gif) no-repeat;
	z-index:0;
	}
#header h1 span{
display:none;
}
#retour a{
position:absolute;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #8D170B;
height:40px;
z-index:10;
top:0;
right:50px;
padding:0;
}
/*_________________footer____________________*/
#footer{
	margin:0;
	padding:2px 0 0 0;
	width: 895px;
	height: 70px;
	border-top:3px solid #8D170B;
	text-decoration: none;
	background:url(fond/pied.jpg) left bottom  no-repeat;
    clear:both;
	  }
#footer a{
float:left;
font:14px "trebuchet ms",sans-serif; 
text-decoration:none;
margin:0px 10px 0 15px;
color:#AA9D00;
}
#footer a:hover{
color: #8D170B;
}
#footer p {
float:right;
display:block;
font:14px "trebuchet ms",sans-serif; 
color:#AA9D00;
margin:0px 20px 0 0;
}		
/*_________________________________________________________________
*************************** MENU ******************************
___________________________________________________________________ */
#linklist{
position:absolute;
top:336px;
margin:0;
width:192px;
padding:0;  
line-height:1.2em;
background-color:white;
}

#linklist h2 {
 margin:10px 0 2px 0px;
 width:192px; 
 height:25px;
 }
#linklist h2 span {
 display:none;
}
#projections h2{
background: url(liens/projections.jpg) no-repeat;
}

#coulisses h2{
	background: url(liens/coulisses.jpg) no-repeat;
}
#cinephile h2{

    background:black;
	margin:0;
	padding:0;
	text-align:center;
	}

/*_________________________________________________________________
*************************** EN TETE******************************
___________________________________________________________________ */
#access a{
position:absolute;
left:20px;
margin:0;
padding:0;
visibility:hidden;
}

#header h1{
	height:400px;
	width:auto;
	margin:0;
	background:  u	background: url(liens/cinephile.jpg) no-repeat;
}
#contact h2{
	background: url(liens/contact.jpg) no-repeat;
}

#linklist ul{
         text-align:right;
         margin:0;
         padding:0;
         background:white;              
}
	#linklist li{
	list-style: none;
	margin:0 0 0 5px;
    padding:0px;
	}
#linklist a{
	text-decoration: none;
	color: #000000;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
	}
#linklist a:hover{
color:#AA9D00;
}
/*_________________________________________________________________
*************************** CONTENU ******************************
___________________________________________________________________ */
#contenu{
margin:-250px 0 0 0;
padding:0;
}
.titre{
	font:normal bold 24px Arial, Helvetica, sans-serif;
	color: #8D170B;
    margin-left:250px;
    padding:0;
}
/*_________________________________________________________________
*************************** INDEX ******************************
___________________________________________________________________ */
#accueilindex{
	font:normal bold 24px Arial, Helvetica, sans-serif;
	color: #8D170B;
    text-align:left;
    padding:0;
}
#contenuindex{
margin:-250px 0 0 245px;
width:650px;
padding:0px;
}
#affiche{
border:1px solid #D6C238;
width:232px;
height:500px;
padding:0px;
margin-top:40px;
float:left;
z-index:0;
}

#titlaffiche{
position:absolute;
color:#998908;
width:120px;
height:20px;
background-color:white;
font:bold 19px Verdana, Arial, Helvetica, sans-serif;
margin:-15px 0 0 10px;
padding:0px;
z-index:10;
}
	#date{
	font:bold 19px Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding:0px;
	text-align:center;
	}
	#film{
	margin:-5px 0 0 15px;
	padding:0px;
	text-decoration:none;
	border:0;
	}
	#tarif{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #8D170B;
	text-align:center;
	}
	#para1,#para3{
	float:right;
	width:384px;
	padding:0px;
	}
	#para1{
	margin-top:40px;
	background-image:url(index/cadre1.jpg);
	}
	#para2{
	float:right;
	width:385px;
	padding:0px;
	background-image:url(index/cadre2.jpg);
	margin-top:30px;
    }
	#para3{
	background-image:url(index/cadre3.jpg);
	margin:30px 0 30px 0;
	}
	.titreindex{
	margin:10px 0 0 5px;
	color: #8D170B;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	}
	.paraindex{
	margin:10px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	}
	#loi{
	font-size:8px;
	}
	.hiver{width:200px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align:justify;
	margin:10px 0 0 10px;
	padding:0;}
	.hiver a{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #998908;
	text-align:justify;
	text-decoration:none;
	margin:0;
	padding:0;}
	.right{float:right;
	margin:0 20px 20px 0;}
	.right a{text-decoration:none;}
	/*_________________________________________________________________
*************************** PROGRAMME ******************************
___________________________________________________________________ */
	.blocprog{
	width:610px;
	height:383px;
	background-image:url(programmes/cadre.jpg);
	margin:20px 0 0 245px;

	}
	.blocprog a{
	width:287px;
	padding:0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#998908;
	text-align:center;
	display:block; 
	margin:15px 0 0 0;
	}
	 .blocprog a:hover{
    color: #8D170B;
    }
	.mois, .date, .titlfilm, .realise,.synopsis{
	  width:287px;
	  }  
	.mois{
	border-bottom: 2px solid #998908;
    text-align:left;
    color:#998908;
    height:20px;
    font: bold 18px Georgia, Times New Roman, Times, serif;
    padding:0;
    margin:0;
   }
.date{
    text-align:right;
    color:#B4A84A;
    font:bold 16px Georgia, Times New Roman, Times, serif;
    padding:0;
    margin:0;
   }
   .titlfilm{
   text-align:center;
   color:black;
   font: bold 24px Verdana, Arial, Helvetica, sans-serif;
   padding:0;
   margin-top:20px;
   }
  .realise{
   text-align:justify;
   color:black;
   font:bold 12px Georgia, Times New Roman, Times, serif;
   padding:0;
   margin:10px 0 0 15px;
   }
   .synopsis{
   text-align:justify;
   color:black;
   font:12px Georgia, Times New Roman, Times, serif;
   padding:0;
   margin:5px 0 0 15px;
 }
   .affiche{
   float:right;
   padding:5px;
   margin:5px;
   }
   .heure{
   color:#8D170B;
   font:20px Georgia, Times New Roman, Times, serif;
   padding:0;
   margin:0 0 0 245px;
   }
   /*_________________________________________________________________
*************************** Evenements ******************************
___________________________________________________________________ */
.realise1{width:610px;
margin:20px 0 0 245px;
font:bold 12px Georgia, Times New Roman, Times, serif;}
.bloceven{
	width:500px;
	height:383px;
	background-image:url(programmes/cadre.jpg);
	margin:150px 0 30px 245px;
	z-index:10;}
#nonevenement{
   width:500px;
   height:50px;
   background-image:url(programmes/cadre.jpg);
   margin:50px 0 50px 245px;
   color:#8D170B;
   font:20px Georgia, Times New Roman, Times, serif;
   text-align:center;
   padding-top:25px;
   }
  .souseven{
   width:280px;
   text-align:center;
   color:#8D170B;
   font:bold 14px Georgia, Times New Roman, Times, serif;
   padding:0;
   margin:5px 0 0 15px;
} 
  .menu{
   width:275px;
   text-align:center;
   color:black;
   font:bold 14px Georgia, Times New Roman, Times, serif;
   margin:5px 0 0 15px;
   } 
   .affevenement{
   position:absolute;
   float:right;
   padding:10px;
   margin:-85px 0 0 300px;
   z-index:101;
   }
   #even{
	font:normal 20px Georgia, Times New Roman, Times, serif;
	color: #998908;
    margin-left:250px;
    padding:0;
}
/*_________________________________________________________________
************************ SALLE DE PROJECTION *******************
___________________________________________________________________ */
#bobine{
clear:right;
margin:-10px 0 40px 295px;
width:470px;
padding-top:30px;
height:150px;
}
#bobine p{
float:left;
margin-top:30px;
width:250px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
#bobine h1{
	float:left;
	font:lighter 22px Georgia, Times New Roman, Times, serif;
	margin-top:30px;
	width:290px;
	text-align:justify;
	color:#998908;
	border-bottom:2px solid #AA9D00;
	height:23px;
	}
.flou{
float:right;
margin-top:0;
}
.serie{
clear:left;
margin:0px 0px 10px 290px;
width:450px;
padding:5px;
}
.suite{
float:left;
padding:0;
}
.serie p{
float:right;
width:200px;
margin-top:40px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
/*_________________________________________________________________
*************************** SALLE ******************************
___________________________________________________________________ */
#hall{
clear:right;
margin:0px;
margin-left:280px;

}
#hall p{
width:240px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin:0px;
padding-top:60px;
}
#hall a{
text-decoration:none;
color:#AA9D00;
}
.lou{
float:right;
padding-bottom:15px;
margin:-20px 30px 0 0;
 }
.salle{
padding:15px 15px 15px 0;
margin-bottom:10px;
float:right;
line-height:30px;
clear:right;
}
/*_________________________________________________________________
*************************** BENEVOLES ******************************
___________________________________________________________________ */
#cinema{float:left;
text-align:justify;
font:bold 14px arial,"Times New Roman", Times, serif;
width:400px;
height:500px;
padding:0 0 0 250px;
}
/*_________________________________________________________________
*************************** HISTORIQUE ******************************
___________________________________________________________________ */
#histoire{
float:left;
text-align:justify;
font:bold 14px arial,"Times New Roman", Times, serif;
width:400px;
padding:0 0 0 250px;
}
#path?{
float:right;
margin:-20px 20px 0 0;
padding:0;
}
#sstitre{
margin:-5px 0 0 60px;
padding:0;
text-align:center;
}
#avis{
float:right;
border:1px solid red;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:red;
margin:0px;
width:200px;
text-align:center;
padding:0;
}

#histo{
	margin:30px 0 10px 0;
	width:350px;
	font: lighter 22px Georgia, Times New Roman, Times, serif;
	text-align:center;
	color:#998908;
	border-bottom:2px solid #AA9D00;
	height:23px;
	padding:0px;}
	
	#projohisto{
	float:left;
	padding:0px;
	margin:-50px 0 -10px 0;
	}
	#filmhisto{
	margin:-86px 0 0 0;
	float:right;
	padding:0px;
	}
	#furax{
	text-align:right;
	width:380px;
	}
	
/*_________________________________________________________________
*************************** FORMULAIRE ******************************
___________________________________________________________________ */
.paraform {
font: 14px "trebuchet ms",sans-serif;

}
#formulaire {
background-color:#D6CF74;
padding:10px;
width:550px;
margin:50px 0 50px 250px;
}
label {
font:bold 16px "trebuchet ms",sans-serif;
}
.bouton{
border:1px solid black;
background-color:#ECBF69;
font-family:"trebuchet ms",sans-serif;
color:black;
}
select, option {
background-color:red;
color:black;
}
#rea {
border:1px solid black;
background-color:#ECBF69;
font-family:"trebuchet ms",sans-serif;
color:black;
}
/*_________________________________________________________________
*************************** Liens ******************************
___________________________________________________________________ */  
.paraliens{
margin:20px 0 5px 250px;
font:18px "trebuchet ms",sans-serif;
color:#998908;}
.lienlien{
margin:0 0 0 250px;
font:14px "trebuchet ms",sans-serif;
line-height:1em;}
.lienlien a{
font:bold 14px "trebuchet ms",sans-serif;
color:#8D170B;
text-decoration:none;
}
.lienlien a:hover{
color:#998908;}
#blanc{
height:300px;
margin:0 0 0 25px;}
	
/*_________________________________________________________________
*************************** newsletter ******************************
___________________________________________________________________ */  
#contenunews{
margin-top:-250px;
float:left;
clear:both;}
FORM {
font: 80% "trebuchet ms",sans-serif;

}
form {
background-color:#D6CF74;
padding:10px;
width:550px;
margin:0 0 50px 250px;
}
label {
font:bold 16px "trebuchet ms",sans-serif;
}
input{
border:1px solid black;
background-color:#ECBF69;
font-family:"trebuchet ms",sans-serif;
color:black;
 }
select, option {
background-color:red;
color:black;
}
textarea {
border:1px solid black;
background-color:#ECBF69;
font-family:"trebuchet ms",sans-serif;
color:black;
}