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

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;
margin:1em 0 0 0;
}

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{

width:100%;
padding:0 5px;
border:1px solid #FFFFFF;
border-collapse:collapse;
}
table.spip tr, table.spip td, table.spip th{
color:white;
border:1px solid #CCCCCC;
padding:5px 5px;
}
table.spip th{
text-transform: uppercase;
font-size:1.3em;
}
table.spip td{
	}

.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 .affiche{
	position:relative;
	}
	
#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;vertical-align: top;
}

.horaires,.technique,.comment{ 
text-align:left;
font-weight:bold;
margin: 15px 0;
}
#programmation .film{
	position:relative;
	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;
}

#programmation h4.blocs_titre{
	background:none;
	padding-top:0;
	text-transform: none;
	margin-bottom:20px;
	}


p.invite-forum{
	background:url(images/invite-forum.jpg) no-repeat;
	padding:10px 0 0 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 */
td.events a{
color:#3399FF;
font-weight:bold;
border-bottom-color: #3399FF;
	}


#programmation .events {border-top:2px dotted #FFF;border-bottom:2px dotted #FFF;}

/* la semaine prochaine */
td.next_week{padding-left:100px;}


/* l'abonnement newsletter */

.newsletter{
padding:15px;
margin-top:15px;
text-align:left;
}
#page .newsletter h3.spip{
margin-top:0;
}
#page .newsletter img{
float:none;
}
.newsletter form.lettre p{
margin-top:10px;
}
.newsletter input{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.formulaire-spiplistes-abo .message-formulaire{
margin-top:15px;
color:#ffcc66;
}
.formulaire-spiplistes-abo .message-formulaire span{
text-transform: uppercase;
}
.formulaire_spip_listes_inscription li{list-style-type: none}
p.formulaire_erreur{color:red;font-weight:bold;}
span.erreur, span.erreur_message{color:#ff9933; font-style: italic}
div.message-formulaire{
border:1px solid #FFFFFF; 
background-color: #333333; 
padding:5px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
 border-radius: 20px;}

/* proposer un film */
#programmation label{
	display:block;
	}
#programmation li{list-style-type: none;}


/* 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{
font-weight: bold;
color:#F5D965;/* violet */
text-decoration:none;
border-bottom: 0px dashed #F5D965;
}
a:hover{
  color:#FFA800;
border-bottom: 0px 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_bandeau.jpg);
background-repeat:no-repeat;
padding-bottom:50px;
}
#haut span{
display:none;
}

#menu{
position:absolute;
top:245px;
right:10px;
}
#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;

}

#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 20px 20px 100px;
	width:640px;
	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;}


/***************
*
*  CAMILLE
*
*************************/
#tristesse, blockquote{
	padding:10px 50px 100px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color:#ffcc66;
	}
li.comment-li{list-style-type: none;}

/*************************
*   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;
	}
/*********************
*
* LE FORMULAIRE LOGIN
*
*******************************/	
#identification{
	width:400px;
	margin:75px auto 0;
	}
#formulaire_login{
	padding-left:100px;
	background:url(images/keys.gif) no-repeat;
	}
#formulaire_login fieldset{
	border:0;
	margin-left:100px;
	}							
/*********************
*
* LE TROMBINOSCOPE
*
*******************************/		
#document_actif{
	padding:5px;
	border:1px solid #666666;
	margin:20px 0;
	position:relative;
	}
#document_actif img{
	padding:20px;
	background-color: #FFFFFF;
	border:1px solid #999999;
	}	
#document_actif .pict{
	position:absolute;
	top:-80px;
	border:0;
	padding:0;
	background-color: #000;
	}
#document_actif  .titre_legende{
	font-weight:bold;
	}	
#documents_portfolio a{
	text-decoration:none;
	border:0;
	}
#documents_portfolio{
	text-align:center;
	}
#documents_portfolioxxxxx img{
	padding:2px;
	background-color:#999999 ;
	border:1px solid #FFFFFF;
	}
	
form#affiner_recherche{
	margin-top:50px;
	margin-bottom: 100px;
	}
/*********************
*
* INTRANET
*
*******************************/	
.post{	position:relative;}
.date{ position:absolute;
	left:-70px;
	top:-30px;
	float:left;
	width:60px;
	height:60px;
	background: url(images/date_box.jpg) no-repeat;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#666666;
	
	}
.date span{font-size:50%}
h2.blog span{text-transform: lowercase;font-size:50%;color:#CCC;}
.blog	{border-bottom:1px solid #FFF;}		
.chapo, .chapo p {color:#FFA800;
	font-weight: bold;
	padding : 10px;
	}
/* LES PLANNINGS */

#page .plannings td{font-size:0.8em;padding:2px 5px;}
	
/* SUIVI DES FILMS */
table#suivi_KDM  {border-spacing: 0;}
table#suivi_KDM  td{vertical-align: top;text-align: center;}
table#suivi_KDM  p{margin:0;font-size: 80%;}
td.border{border-right: 1px solid #CCC;padding-right:3px;}