/* ==============================================
   FESTIVAL FILM COURT ANGOULEME
   © http://www.festivalang.com/
   Merci de ne pas reproduire impunément les auteurs !
   ============================================== */
   
/* General */
body {
	margin: 0; padding: 0; background: #780001 url('img/fond.png') repeat-x bottom fixed;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}

.souligne { text-decoration: underline; }

/* Conteneur central */
#centre {
	background: white;
	margin-top: 0px;
}

/* Navigation */
#navigation {
	
}
#navigation a {
	
}
#navigation a:hover, #navigation a:focus {
	
}


/* Contenu principal */
#principal {

}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	
}



/* --- POSITIONNEMENT --- */

/* Page */

#global {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* En-t?te */
#entete {
	padding: 20px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 250px;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}
#navigation a {
font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: #4f4f4f;
}

ul#navigation-bas li { 
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: #4f4f4f;
}
ul#navigation-bas {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

#menu-plus { margin-top: 50px; }
#menu-plus_haut { background: url('img/menu-plus_haut.png') no-repeat; width: 251px; height: 206px; margin: 0; }
#menu-plus_centre { background: #780001; width: 251px; margin: 0; }
#menu-plus_centre ul { margin: 0; padding: 0; text-indent: 10px; margin-left: 5px; }
#menu-plus_centre li { margin: 0; padding: 0; color: white; }
#menu-plus_centre li:hover { margin: 0; padding: 0; background: #5c0001; margin-right: 5px; }
#menu-plus_centre a { color: white; text-decoration: none; display: block; }
#menu-plus_bas { background: url('img/menu-plus_bas.png') no-repeat; width: 251px; height: 16px; margin: 0; margin-bottom: 10px; }

#bobine { background: url('img/bobine.png') no-repeat; width: 218px; height: 58px; margin: 0; clear: both; margin-top: -58px; }

#entrehead { background: url('img/entrehead.png') no-repeat; width: 900px; height: 27px; margin-top: -4px; }

#logo-festival { margin: 0; background: url('img/logo.png') no-repeat; width: 345px; height: 174px; margin-top: 0px; }
#logo-festival .lien { padding-left: 25px; }
#logo-festival .a1 { font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: white; text-decoration: none; }
#logo-festival .a1:hover { border-bottom: 1px dotted white; }
#logo-festival .a2 { margin-left: 25px; font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: white; text-decoration: none; }
#logo-festival .a2:hover { border-bottom: 1px dotted white; }
#logo-festival .a3 { margin-left: 25px; font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: white; text-decoration: none; }
#logo-festival .a3:hover { border-bottom: 1px dotted white; }
#logo-festival .a4 { margin-left: 25px; font-family: Lucida Sans, Verdana, Arial; font-size: 11px; color: white; text-decoration: none; }
#logo-festival .a4:hover { border-bottom: 1px dotted white; }

/* Contenu principal */
#principal {
	float: left;
	width: 410px;
	padding: 10px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

#principal h3 {
	background: #f3f3f3;
	border-bottom: 1px solid #dddddd;
	font-family: Lucida Sans, Verdana, Arial; 
	font-size: 14px; 
	color: #666666;
	padding: 5px;
	text-indent: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.onglet_description { color:#85858F; font-family:Verdana,Arial; font-size:11px; margin-left:20px; margin-right:20px; margin-top: 20px;text-align:justify; }

#principal h4 {
	border-left: 4px solid #dddddd;
	font-family: Lucida Sans, Verdana, Arial; 
	font-size: 11px; 
	color: #666666;
	padding: 5px;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.a-gagnant { margin: 5px; margin-left: 15px; }
.a-gagnant img { border: 2px solid #f3f3f3; }

#principal .onglet_ferme { margin-bottom: -5px; cursor: pointer; }

#principal p {
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #85858f;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

#principal ul{
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: #85858f;
	margin-left: 0px;
	margin-right: 25px;
	text-align: justify;
	list-style: square;
}

#principal strong {
	font-family: Verdana, Arial; 
	color: #85858f;
}

#principal hr { border: 0px; background: url('img/hr.png') repeat-x; }

.gauche { float: left; margin-right: 2px; border: 3px solid #dddddd; }
.droite { float: right; margin-left: 2px; border: 3px solid #dddddd; }
.centre { border: 3px solid #dddddd; }

span.center { text-align: center; }

.alignement-droite { text-align: right; color:#85858F; font-family:Verdana,Arial; font-size:11px; font-style: italic; }

/* LES EXTRAITS */
.extrait-bg { width: 368px; height:378px; background: url('img/extrait-bg.png') no-repeat; margin-left: 20px; margin-right: 20px; padding-top: 19px; }
.extrait-bg p { color: white; margin-top: 26px; }

/*LES AFFICHES*/
.les-affiches { text-align: center; text-indent: 50px; }
.les-affiches a { cursor: help; }
.les-affiches img { border: 2px solid #dadada; }

/* Contenu secondaire */
#secondaire {
	margin-left: 700px;
	margin-right: 10px;
	padding: 12px 0;
}

#secondaire  h3 {
	background: #f3f3f3 url('img/h3-bg.png') no-repeat left;
	border-top: 1px solid #dddddd;
	border-bottom: 1px dotted #dddddd;
	font-family: Lucida Sans, Verdana, Arial; 
	font-size: 11px; 
	color: #780001;

	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#secondaire  h3 a {
	font-family: Lucida Sans, Verdana, Arial; 
	font-size: 11px; 
	color: #780001;
	text-decoration: none;
	border-bottom: 1px dotted #780001;
}

#secondaire  h3 a acronym{
	cursor: help;
}

#secondaire ul { list-style: square; margin-left: -25px; margin-right: 2px; }
#secondaire ul li { margin-top: 8px; }
#secondaire { font-family: Verdana, Arial; font-size: 11px; text-align: justify; }

/* HAUT FESTIVAL */
#haut_festival { margin: 0; background: url('img/haut_festival-fond.png') repeat-x left; height: 48px; }
#haut_festival p { margin: 0; font-family: Lucida Sans, Verdana, Arial; font-size: 12px; color: white; padding-top: 15px; }
#haut_festival .puce { background: url('img/puce_haut.png') no-repeat; width: 27px; height: 16px; margin-left: 150px; float: left; margin-top: 15px; }
#haut_festival .lien_haut { float: right; margin-right: 200px; margin-top: -20px; }
#haut_festival .lien_haut img { border: 0; opacity : 0.7; filter : alpha(opacity=70); }
#haut_festival .lien_haut img:hover { border: 0; opacity : 1; filter : alpha(opacity=100); }

.logo-animation { width: 141px; height: 125px; margin-left: 25px; }
.logo-animation object { margin-left: 15px; }

/* Pied de page */
#pied { width: 880px; background-color: black; padding: 10px; margin-bottom: 20px; clear: both; }
#pied .logo { background: url('img/logo-bas.png') no-repeat left; width: 65px; height: 48px; float: left; margin-top: -5px; margin-right: 10px; }
#pied p { margin: 0; font-family: Verdana, Arial; font-size: 9px; color: #3b4546; border-left: 4px solid #280101; padding-left: 10px; }
#pied a { color: #3b4546; text-decoration: none; }
#pied a:hover { color: #3b4546; text-decoration: underline; }
#pied .remonter { float: right; margin-top: -29px; }
#pied .remonter a { color: #2d2d2d; background-color: #070707; padding: 12px; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; }
#pied .remonter a:hover { background-color: #1d1d1d; color: #a0a0a0; }

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

/* Administration */

#login-admin { margin: auto; margin-top: 50px; background: white; border: 3px solid black; width: 165px; }
#login-admin form { margin: auto; font: 11px Lucida Sans, Verdana; padding: 10px; }
#login-admin input { border: 1px solid black; }
#login-admin a { display: block; margin: auto; }