body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img,table,td,tr,input {
	margin: 0;
	padding: 0;
	border:0;
}
li{
list-style:none;
}

body {
font-family: Trebuchet, verdana, arial,sans-serif;
margin: 15px auto;
width: 100%;
color: #FBF3E3;
text-align:center;
background: url(images/stripe.png)
}

.clear{
visibility:hidden;
clear:both;
}


hr{
clear:both;
}

p{font-weight:normal;
}

h2{
text-transform:uppercase;
margin:20px 0 35px 0;
}

h3{
text-transform:uppercase;
font-size:1.3em;
color:#FFA800;
margin:20px 0;
}

h4{
font-size:1em;
}

h5{
font-size:2em;
color:#FFA800;
}

h1{
font-size:2em;
margin:0 0 50px 0;
}

table.spip{
background-color:white;
width:100%;
padding:0 5px;
border:1px solid black;
border-collapse:collapse;
}
table.spip tr, table.spip td{
color:black;
border:1px solid black;
padding:0 5px;
}
.caractencadre-spip{
color:#f0c74d;
font-weight:normal;
}
.article p.spip{
	position: relative;
}

.spip_documents_left{
margin-right:15px;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/****************************
* PAGE PROGRAMMATION
****************************/
h1.alaffiche{
	background:url(images/alaffiche.jpg) no-repeat;
	height:130px;
	margin:0 0 20px 0;
	padding:0;
	}
.alaffiche span{
	display:none;
	}	
#programmation h2{
	text-transform: uppercase;
}

	
#programmation p.bold{
	font-weight: bold;
	margin:0 0 20px 0;
	padding-right: 50px;
}

#programmation h4{
	text-transform: uppercase;
	padding-top: 20px;
	}
		
	
#programmation td{
	padding: 10px;
}

.horaires,.technique,.comment{ 
text-align:left;
font-weight:bold;
margin: 15px 0;
}
#programmation .film{
		background: url(images/guillemet_ouvrant.gif) top left no-repeat;
}

#page .comment{
color: #eed99b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

h3.festival{
	text-transform: none;
	margin: 0;
	padding-left: 25px;
	background: url(images/plus.gif) left no-repeat;
}

p.invite-forum{
	background:url(images/invite-forum.jpg) no-repeat;
	padding-left:55px;
	}


/*********Toggle***/
.minimized  { display: none; }


.horaires{ 
color:#FFA800;
border-bottom: 2px dashed #FFA800;
}
.technique{ 
padding-left: 15px;
border-left: 5px solid #eed99b;
color: #ffcc99;
}


/* places gratuites   */

#concours{
	width: 225px;
	border: 3px dotted #FFF;
	background-color: #000;
}
#concours h3{
	color: #8c1c22;
}

p.embed{color: #441419;padding-right:15px;}


#date{
	display: none;
}



/*    les évènements */
#programmation .events div{
	background:url(images/events.jpg) no-repeat ;
	background-color:#000;
	margin:130px 10px 0 0;
	padding:150px 10px 10px 10px;
	color:#FFF;

	}

/* l'abonnement newsletter */

.newsletter{
padding:15px;
margin-top:15px;
text-align:left;
border: 2px dashed white;
}
#page .newsletter h3.spip{
margin-top:0;
}
#page .newsletter img{
float:none;
}
.newsletter form.lettre p{
margin-top:10px;
}


/* proposer un film */
#programmation label{
	display:block;
	}



/* L'appel à la page gratuite*/
#cadeau{
	background-color: black;
}

/****************************
* PAGE PLANNINGS
****************************/
#planning{ 
font-size:1em;
font-weight:normal;
color:white;
}
#planning table{
width:650px;
border-top:1px solid yellow;
}
#planning table td{
padding:1px;
}




/****************************
*LES LIENS
****************************/

a, a:visited{
color:#F5D965;/* violet */
text-decoration:none;
border-bottom: 1px dashed #F5D965;
}
a:hover{
  color:#FFA800;
border-bottom: 1px dashed #FFA800;
}
a.simple, a.simple:visited, a.simple:hover{border:none;}

#haut a{
border-bottom:none;
}

a.spip_note{
color:#F5D965;
text-decoration:none;
border:0;
}
#menu a,#menu a:visited{
text-decoration:none;
text-transform:uppercase;
color:#726F6F;
font-weight:bold;
}
#menu a:hover{
text-decoration:underline;
color:#FFA800;
}
tools div  {
float : left;
width : 80px;
}
#tools span {
display : none;
}
#haut #tools a {
margin : 0 auto;
display : block;
width : 50px;
height : 50px;
background-repeat : no-repeat;
background-position : center top;
}
#tools p.legende {
clear : left;
position : relative;
text-align : center;
top : -10px;
}
#membres a {
background-image : url(images/lock_off.gif);
}
#membres a:hover {
background-image : url(images/lock_on.gif);
}
#private a {
background-image : url(images/private_off.jpg);
}
#private a:hover {
background-image : url(images/private_hover.jpg);
}
#print a {
background-image : url(images/print_off.jpg);
}
#print a:hover {
background-image : url(images/print_on.jpg);
}
#contact a {
background-image : url(images/contact_off.jpg);
}
#contact a:hover {
background-image : url(images/contact_on.jpg);
} 

.forum-repondre a, .forum-repondre a:visited{
border:0;
color:#549EFA;
text-decoration:none;
}
.forum-repondre a:hover{
text-decoration:underline;
}


/****************************
*LES DIVs
****************************/
#content{
width: 760px;
margin:0 auto;
}


#haut{
color:black;
font-size:0.6em;
font-weight:bold;
text-align:left;
position:relative;
width:100%;
height:250px;
background-image:url(images/haut.jpg);
background-repeat:no-repeat;
}
#haut span{
display:none;
}

#menu{
position:absolute;
top:80px;
right:20px;
}
#tools{
position:absolute;
top:0px;
right:0px;
}
#tools p{
position:relative;
top:-15px;
}


#haut h1{
text-transform:uppercase;
font-size:3em;
color:#FFA800;
position:relative;
top:285px;
left:25px;
border-top:1px dashed white;
}

#page{
position:relative;
width: 760px;
background-image:url(images/fond.jpg);
background-repeat:repeat-y;
text-align:justify;
font-size:0.8em;
padding:0;
}
.article{
	padding:20px;
	width:720px;
	position: relative;
	background-image:url(images/fond.jpg);
	}
#ligne{
	height:50px;
	background:url(images/ligne.jpg) no-repeat;
	}

#foot{
clear:both;
color:black;
font-size:0.7em;
position:relative;
height:216px;
background-image:url(images/bas.jpg);
background-repeat:no-repeat;
margin-bottom:50px;
}
#foot p{
text-align:center;
position:absolute;
top:220px;
}
#foot a, #foot a:visited{color:orange;}
#foot a:hover{ color:black; background:orange;}




/*************************
*   Les Icones du haut
**************************/

#membres, #private{
width:80px;
float:left;
}
#private p{
clear:left;
position:relative;
left:5px;
top:-10px;
}
#print,#contact{
float:left;
}
#print{
float:left;
width:80px;
}
#contact{
float:left;
width:60px;
}

/*****************************
* FORMULAIRE accs membre
******************************/
#page .form_acces fieldset legend{
color:white;
}
.form_acces{
color:white;
text-align: center; 
width: 400px; 
margin: 0 auto; 
padding: 1em 0;
}

/*****************************
* PAGE DES FILMS
******************************/
.titre{
	margin-left:25px;
	}
.affiche{
	width:320px;
	float:left;
	margin:0;
	padding:0;
	}
div#forum{
clear:both;
width:600px;
margin:0 auto;
background-color:#FFF;
color:#000;
	}
/*  forum
**************************/
#forum fieldset{
	margin:0 15px;
	border:0;
	padding:0;
	}
#forum #identite{
	display:none;
	}
.formulaire_forum label{
	display:block;
	width:250px;
	}
p.forum-repondre{
	height:129px;
	background:url(images/comments.jpg) no-repeat;
	}
p.forum-repondre span{
display:none;
	}	
span.compteur{
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	}
.forum dt{
	height:35px;
	line-height:35px;
	background:url(images/forum-top.jpg)
	}
.forum dd{
	padding-left:100px;
	color:#EED99B;
	}
.previsu{
	background-color:red;
	}
.previsu legend{
	padding : 0 10px 0 0;
	}	
	
.previsu input{
	background-color:#eed99b;
	}