@charset "utf-8";
/* CSS Document */

body {
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFFFFF;
}

/* généralités */
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; line-height: 12px; }
img { border: 0; }
form, input { margin: 0; padding: 0; }

a, a:link, a:active, a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }

.clear{ clear: both; }

/* corps */
#container{
	width: 930px;
	margin: 0 auto;
	background: #FFFFFF url('../images/structure/fond.gif') 0 0 no-repeat;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
	font-size: 12px;
	height: 620px;
}

/*     ---------------------------------------      CONTRIBUTION     ---------------------------------------      */
#boutons_contribution { 
	clear: both;
	position: relative;
	padding: 5px 0 10px 20px; 
	text-align: right; 
}
#boutons_contribution a { color: #AAAAAA; font-size: 12px; font-weight: bold; text-decoration: underline; }
#boutons_contribution a:hover { color: #444444; }

#contribution { position: relative; }

#contribution a { color: #333333; font-size: 12px; text-decoration: underline; }
#contribution a:link, #contribution a:visited, #contribution a:active { color: #333333; }
#contribution a:hover { color: #333333; }

#contribution fieldset { padding: 5px; margin: 5px; background-color: #FFFFFF;  }
#contribution legend { padding: 5px 5px; border: 1px solid #CCCCCC; font-size: 12px; color: #333333; padding-right: 5px;  background-color: #eeeeee;}
#contribution div { clear: both; }
#contribution label { font-size: 12px; color: #333333; padding: 5px; }
#contribution label.champ { display: inline; float: left; width: 150px; }
#contribution label.propriete { display: inline; float: left; width: 150px; }
#contribution input[type=text] { width: 537px; }
#contribution textarea { width: 537px;  height: 200px;}
#contribution select { width: 200px; }
#contribution input.propriete { width: 100px; }
#contribution input.fichier { width: 432px; float: left; margin-top: 3px; }
#contribution input.size { width: 50px; float: left; }
#contribution input.browse { width: 100px; float: left; }
#contribution input.calendar { width: 100px; float: left; }
#contribution input.displaydate { width: 100px; float: left; }

#contribution_envoyer { border: 0; background-color: transparent; color: #333333; font-size: 12px; font-weight: bold; margin-left: 470px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; }
#contribution_envoyer:hover { color: #333333; }


/*     ---------------------------------------      HEADER      ---------------------------------------      */
#header { clear: both; }
#logo { padding: 0; position: absolute; top: 20px; text-align:center; width: 930px; }


/*     ---------------------------------------      SECTIONS     ---------------------------------------      */
#sections {
	clear:both;
	padding: 0;
	position: absolute;
	top: 90px;
	color: #000000;
}
#sections li {
	float:left;
	padding:0;
}

#sections li { padding-left: 4px; padding-right: 4px; padding-top: 5px; position: relative; }
#sections li.creation { padding-left: 207px; }

#sections li a { color: #000000; }
#sections li a:hover { color: #000000; }
#sections li a:link, #sections li a:active, #sections li a:visited { color: #000000; }

#sections li ul {
	clear: both;
	position:absolute;
	margin:0px;
	padding-top:5px;
	overflow:hidden;
	width: 150px;
	top: 33px;
	left: 4px;
}
#sections li.creation ul { left: 210px; }
 
.menu { height:0px; }
.menuhover { height:200px; }

#sections li.deroulant_dossier {
	display:block;
	z-index:20; 
	position:relative;
	border-right:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	width:200px;
	height:20px;
	background-color:#FFFFFF;
}
#sections li.deroulant_dossier a {
	display:block;
	z-index:20; 
	position:relative;
	margin:0px;
	padding:3px 5px 5px 5px;
	top:0px;
	left:0px;
	width:100%;
	height:10px;
	font-size:9px;
	text-align:left;
	font-weight: normal;
	color: #666666;
}
#sections li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#666666; text-decoration: none; }

#menu_projection li.deroulant_dossier a.deroulant_dossier{ color:#663300; }
#menu_projection li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#663300; }

#menu_festival li.deroulant_dossier a.deroulant_dossier{ color:#ffcc00; }
#menu_festival li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#ffcc00; }

#menu_education li.deroulant_dossier a.deroulant_dossier{ color:#3399cc; }
#menu_education li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#3399cc; }

#menu_creation li.deroulant_dossier a.deroulant_dossier{ color:#ff0000; }
#menu_creation li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#ff0000; }

#menu_lanterne li.deroulant_dossier a.deroulant_dossier{ color:#99cc00; }
#menu_lanterne li.deroulant_dossier a.deroulant_dossier:hover{ color:#FFFFFF; background-color:#99cc00; }


/*     ---------------------------------------      FOOTER     ---------------------------------------      */
#footer {
	clear: both;
	position: absolute;
	top: 580px;
}
#footer li {
	float: left;
}

#footer li { padding-left: 10px; padding-right: 10px;  padding-top: 0px; }


/*     ---------------------------------------      CONTENU PRINCIPAL     ---------------------------------------      */
#contenu {
	position: absolute;
	top: 125px;
	clear: both;
	background: #FFFFFF url("../images/structure/contenu_projection.gif") 0 0 repeat;
	padding-top: 0;
	padding-bottom: 0;
	height: 450px;
	height: auto !important;
	min-height: 450px !important;
	width: 930px;
}

/*     ---------------------------------------      COLONNE DE DROITE     ---------------------------------------      */
#colonne_droite{   
	float: right;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	width: 295px;
}


/*     ---------------------------------------      NEWSLETTER     ---------------------------------------      */
#newsletter {
	background: transparent url("../images/structure/newsletter.png") 0 0 no-repeat !important;
	background: transparent url("../images/structure/newsletter.gif") 0 0 no-repeat;
	margin-top: 40px;
	height: 130px;
	padding: 30px 37px 0 25px;
	color: #FFFFFF;
	font-size: 10px;
}

#newsletter input { margin-top:10px; float:left; margin-right:5px; }
#newsletter input[type=text] { width: 150px; margin-right:10px; }
#newsletter input[type=submit] { width: 60px; font-size: 11px; font-weight: bold; margin-right:0; }

/*     ---------------------------------------      FORMULAIRE DE CONTACT     ---------------------------------------      */
#contact { clear:both; margin:0px; margin-top: 20px; }

#contact label { clear:both; display: block; float:left; width:150px; height:18px; font-size:12px; color:#333333; margin-bottom:5px; }
#contact input, #contact textarea { display:block; margin-bottom:5px; float:right; width:420px; }
#contact input[type=text] { width:420px; }
#contact input[type=select] { width:420px; }
#contact textarea { width:416px; height:50px; overflow-y:auto; }

#contact #bouton {  clear:both; float:right; width:auto; background: transparent url('../images/pictos/envoyer.png') 0 3px no-repeat !important; background: transparent url('../images/pictos/envoyer.gif') 0 3px no-repeat; padding:0 0 5px 17px; font-size: 14px; font-weight:bold; border:0; color:#333333; }
#contact #bouton:hover { color:#333333; cursor:pointer; }

.asterisque { padding-left:3px; font-size:9px; }
.remarque { clear: both; display: block; color:#333333; width:370px; margin-left : 5px; margin-top:0px; text-align:left; font-size:9px; }
.invalide { border:1px solid #FF0000; }

/*     ---------------------------------------      PROPOSER A UN AMI     ---------------------------------------      */
#proposer { clear:both; margin:0px; margin-top: 20px; }

#proposer label { clear:both; display: block; float:left; width:200px; height:18px; font-size:12px; color:#333333; margin-bottom:5px; }
#proposer input { display:block; margin-bottom:5px; float: right; width:375px; }

#proposer #bouton {  clear:both; float:right; width:auto; background: transparent url('../images/pictos/envoyer.png') 0 3px no-repeat !important; background: transparent url('../images/pictos/envoyer.gif') 0 3px no-repeat; padding:0 0 5px 17px; font-size: 14px; font-weight:bold; border:0; color:#333333; }
#proposer #bouton:hover { color:#333333; cursor:pointer; }



/*     ---------------------------------------      COLONNE DE DROITE     ---------------------------------------      */
#colonne_droite{   
	float: right;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	width: 295px;
}

/*     ---------------------------------------      COLONNE CENTRALE     ---------------------------------------      */
#colonne_centre {   
	padding: 0;
	padding-right: 10px;
	margin: 20px 0 10px 0;
	margin-left: 20px;
	margin-right: 310px;
	width: 580px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 420px;
}

#colonne_centre h1 { font-weight: bold; font-size: 14px; color: ; margin-bottom: 5px; }
#colonne_centre p { font-size: 12px; margin: 10px 0; text-align: justify;}
#colonne_centre img { margin: 0 10px 0 0; }
#colonne_centre p.ligne { margin-top: 10px; padding-top: 10px; border-top: 2px dotted #666666;  }

#valeur_champ_programme, #valeur_champ_dossier, #valeur_champ_fiche { margin: 15px 0;  }
#valeur_champ_programme a, #valeur_champ_dossier a, #valeur_champ_fiche a { background: transparent url('../images/pictos/download.png') 0 2px no-repeat !important; background: transparent url('../images/pictos/download.gif') 0 2px no-repeat; padding:0 0 5px 17px; font-weight: bold; }


/*     ---------------------------------------      ACCUEIL     ---------------------------------------      */
#colonne_centre .prochainementliste { position: absolute; top: 200px; width: 580px; padding-right: 10px; overflow-y: auto; border-bottom: 2px dotted #666666; }

#colonne_centre .prochainement  { 
	position: absolute; 
	top: 172px; 
	left: 17px; 
	width: 130px; 
	height: 69px; 
	z-index: 100; 
	background: transparent url(../images/structure/actuellement.png) 0 0 no-repeat !important; 
	background: transparent url(../images/structure/actuellement.gif) 0 0 no-repeat; 
}

/*     ---------------------------------------      PROGRAMME PROJECTION     ---------------------------------------      */
#colonne_centre .projectionliste { clear: both; padding-right: 10px; height: 340px; overflow-y: auto; }
#colonne_centre .projectionliste .finliste{ clear: both; padding-top: 0; height: 2px; border-top: 2px dotted #666666; }


#colonne_centre .evenementfiche { clear: both; padding: 10px 0; height: 90px; border-top: 2px dotted #666666; position: relative; }
#colonne_centre .evenementfiche img.visuel { position: absolute; left: 0; width: 120px; height: 90px; margin: 0; }
#colonne_centre .evenementfiche .description { position: absolute; left: 130px; width: 420px; }
#colonne_centre .evenementfiche .date { font-weight: bold; color: ; }
#colonne_centre .evenementfiche .titre { font-weight: bold; font-size: 14px; color: ; }
#colonne_centre .evenementfiche .suite {  position: absolute; right: 0; top: 90px; font-weight: bold; font-size: 12px; color: ; }


#colonne_centre .projectionfiche { clear: both; padding-top: 5px; height: 345px; position: relative; }

#colonne_centre .projectionfiche img.affiche { position: absolute; left: 0; width: 150px; margin: 0; }
#colonne_centre .projectionfiche .description { position: absolute; left: 160px; }
#colonne_centre .projectionfiche .date { font-size: 12px; font-weight: bold; }
#colonne_centre .projectionfiche .titre { font-weight: bold; font-size: 14px; color: ; }
#colonne_centre .projectionfiche .infos { font-size: 12px; height: 25px; }
#colonne_centre .projectionfiche .texte { font-size: 12px; height: 270px; width: 410px; padding-right: 10px; overflow-y: auto; margin: 10px 0; text-align: justify; }
#colonne_centre .projectionfiche .tarif { padding-top: 15px; }

#precedentsuivant { float:left; width:580px; margin-right:0px; border-top: 2px dotted #666666; padding-top:8px; margin-bottom: 10px; }
#precedent { font-size:12px; font-weight: normal; color:#333333; float:left; text-align:left; width:200px; margin-right:0px; }
#suivant { font-size:12px; font-weight: normal; color:#333333; float:right; text-align:right; width:200px; margin-left:0px; }
#precedentsuivant .boutonprecedent { margin-right: 10px; text-align:center; width:18px; height:18px; padding:2px; background-color:#333333; color:#FFFFFF; font-size:14px; font-weight:bold; }
#precedentsuivant .boutonsuivant { margin-left: 10px; text-align:center; width:18px; height:18px; padding:2px; background-color:#333333; color:#FFFFFF; font-size:14px; font-weight:bold; }
#precedentsuivant a { text-decoration:none; }
#precedentsuivant a:hover { text-decoration:none; }

/*     ---------------------------------------      EDUCATION     ---------------------------------------      */
.educationliste { float: left; margin: 0; }
.educationliste a { display: block; clear: both; font-weight: normal; margin-bottom: 5px; }

/*     ---------------------------------------      POPIN     ---------------------------------------      */
#containerpopup {
	width: 480px;
	margin: 10px;
	text-align: left;
	color: #333333;
	font-size: 12px;
}
#containerpopup #logo { display: none; }
#containerpopup h1 { clear: both; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
#containerpopup label { clear: both; font-weight: bold; }
#containerpopup div { clear: both; margin-bottom: 10px; text-align: justify; }


/*     ---------------------------------------      FESTIVAL     ---------------------------------------      */
#colonne_centre .festivalfiche { clear: both; margin-top: 20px; padding-top: 20px; position: relative; border-top: 2px dotted #666666; }

#colonne_centre .festivalfiche .images { position: absolute; left: 0; width: 150px; margin: 0; text-align: center; }
#colonne_centre .festivalfiche .images img.affiche { width: 150px; margin: 0; }
#colonne_centre .festivalfiche .images .liengalerie a { display:block; margin-top: 10px; background: transparent url('../images/pictos/galerie.png') 10px 0 no-repeat !important; background: transparent url('../images/pictos/galerie.gif') 10px 0 no-repeat; padding:1px 0 5px 25px; font-weight:bold; }
#colonne_centre .festivalfiche .description { position: absolute; left: 160px; }
#colonne_centre .festivalfiche .description .date { font-size: 12px; font-weight: bold; }
#colonne_centre .festivalfiche .description .titre { font-weight: bold; font-size: 14px; color: ; }
#colonne_centre .festivalfiche .description .texte { font-size: 12px; width: 410px; padding-right: 10px; margin: 10px 0; text-align: justify; }

/*     ---------------------------------------      BONUS     ---------------------------------------      */
#colonne_centre .bonusliste { clear: both; position: relative; }

#colonne_centre .bonusfiche {  margin-top: 20px; padding-top: 10px; border-top: 2px dotted #444444; }
#colonne_centre .bonusfiche .titre { font-weight: bold; font-size: 14px; color: ; }

/*     ---------------------------------------      PARTENAIRES     ---------------------------------------      */
#cadrepartenaires { background-color:#FFFFFF; margin:0; margin-top:12px; padding:0; }
#cadrepartenaires #listepartenaires { background-color:#FFFFFF; margin:0; padding:0; height:290px; }
#cadrepartenaires #listepartenaires .fichepartenaire { float:left; height:130px; width:135px; margin:4px 3px; text-align:center; }
#cadrepartenaires #listepartenaires .fichepartenaire img { margin:5px 0; }
#cadrepartenaires #listepartenaires .fichepartenaire div { clear:both; font-size: 10px; margin: 0 5px; }
#cadrepartenaires #listepartenaires .fichepartenaire a {  }
#cadrepartenaires #listepartenaires .fichepartenaire a:hover {  text-decoration:underline; }
#cadrepartenaires #textepartenaires { clear:both; font-size:11px; padding:10px; padding-bottom:10px;}


/*     ---------------------------------------      CALENDRIER     ---------------------------------------      */
#calendrier {
	background: transparent url("../images/structure/calendrier.png") 0 0 no-repeat !important;
	background: transparent url("../images/structure/calendrier.gif") 0 0 no-repeat;
	height: 150px;
	margin-top: 40px;
	padding: 30px 10px 0 10px;
}

table.calendar_main { font-size: 11px; }
.calendar_title { color: #333333; font-weight:bold; text-align: center; }
.calendar_title_month { }
.calendar_title_month_clickable { color: #333333; font-weight:bold; text-decoration: none; }
.calendar_title_left_arrow { font-weight:bold; text-align: left; }
.calendar_title_right_arrow { font-weight:bold; text-align: right; }
.calendar_title_left_arrow_clickable { color: #333333; font-weight:bold; text-decoration: none; }
.calendar_title_right_arrow_clickable { color: #333333; font-weight:bold; text-decoration: none; }
.calendar_table { border: none; border-collapse: collapse; font-size: 10px; margin-top: 5px;}
.calendar_table th { border: 0px; font-weight: bold; text-align: center; color:#cccccc; padding: 1px 1px 5px 1px; font-size: 10px; }
.calendar_table td { border: 0px; text-align: center; color:#333333; width: 35px; padding: 1px 1px; font-size: 10px; }
.calendar_weekend { }
.calendar_other_month { color: #FFFFFF; }
.calendar_other_month_clickable { color: #FFFFFF; text-decoration: none; }
.calendar_today { color: #333333; }
.calendar_today_clickable { color: #333333; text-decoration: none; }
.calendar_current { color: #333333; text-decoration: none; }
.calendar_current_clickable { color: #ff0000; text-decoration: none; }
.calendar_day_clickable { color: #333333; text-decoration: none; font-weight: bold; }