@charset "utf-8";

/*-------------------------------------------------------------------------------------*/
/* FEUILLE DE STYLES COMPOSANTS */
/* Copyright Sonilog Interactive 2007*/
/*
	Feuille de style contenant les normes de mise en page des composants du site.
	Séparation de mise en page de contenu. Mise en page par feuille de styles CSS (CSS layout).
	Les styles de typographie, tableaux et formes sont dans "typographie.css" ou "tables-forms.css"
*/
/*-------------------------------------------------------------------------------------*/



/***************************************************************************************/
/*
/*  MISE EN PAGE COMPOSANTS */
/*
/***************************************************************************************/




/*-------------------------------------------------------------------------------------*/
/* BOITE RECHERCHE */
/*-------------------------------------------------------------------------------------*/


#search-box #form {
	float:right;
}

#search-box #field {
	float:left;
}

#search-box input#search {
	margin:0;
	font-size:1.1em;
}

#search-box #button {
	float:left;
	margin:0 0 0 5px;
}

#search-box #advanced {
	clear:both;
	margin:0;
}

#search-box #advanced p {
	font-size:0.9em;
	margin:0;
	padding:7px 27px 0 0;
}



/*-------------------------------------------------------------------------------------*/
/* BARRES TITRE */
/*-------------------------------------------------------------------------------------*/



	#headingbar-1 { /* Colonne gauche, bleu brillant */
		margin:0; padding:0;
		width:572px;
	}
	
	#headingbar-1 .top {
		margin:0; padding:0;
		background:url(../images/headingbar-1-top.gif);
		width:572px;
		height:5px;
	}
	
	#headingbar-1 .middle {
		padding:0; margin:0;
		width:572px;
		background:#0095d3;
	}
	
	#headingbar-1 .middle #button {
		float:left;
		padding:2px 0 0 10px; margin:0;
	}
	
	#headingbar-1 .middle #texte {
		float:left;
		padding:0 10px 2px 10px; margin:0;
	}
	
	#headingbar-1 .middle #nav-info {
		color:white;
		float:right;
		font-size:0.9em;
		font-weight:bold;
		padding:0; margin:3px 15px 0 0;
	}
	
	#headingbar-1 .middle #texte h2{
		font-size:1.25em;
		margin:0; padding:0;
		color:white;
	}

	#headingbar-1 #wrapper {
			width:572px;
	}
	
	#headingbar-1 .bottom {
		margin:0 0 6px 0; padding:0;
		width:572px;
		height:5px;
		background:url(../images/headingbar-1-bottom.gif);
	}
	
	
	#headingbar-2 { /* Colonne gauche, bleu opaque */
		margin:0; padding:0;
		width:572px;
	}
	
	#headingbar-2 .top {
		margin:0; padding:0;
		background:url(../images/headingbar-2-top.gif);
		width:572px;
		height:5px;
	}
	
	#headingbar-2 .middle {
		padding:0; margin:0;
		width:572px;
		background:#68a5be;
	}
	
	#headingbar-2 .middle #button {
		float:left;
		padding:2px 10px 0 10px; margin:0;
	}
	
	#headingbar-2 .middle #texte {
		float:left;
		padding:0 10px 2px 0; margin:0;
	}
	
	#headingbar-2 .middle #texte h2{
		font-size:1.25em;
		margin:0; padding:0;
		color:white;
	}

	#headingbar-2 #wrapper {
			width:572px;
	}
	
	#headingbar-2 .bottom {
		margin:0 0 6px 0; padding:0;
		width:572px;
		height:5px;
		background:url(../images/headingbar-2-bottom.gif);
	}
	
	
	#headingbar-4 { /* Colonne gauche, bleu brillant, 460px large */
		margin:0; padding:0;
		width:572px;
	}
	
	#headingbar-4 #top {
		margin:0; padding:0;
		background:url(../images/headingbar-4-top.gif);
		width:440px;
		height:5px;
	}
	
	#headingbar-4 #middle {
		padding:0; margin:0;
		width:440px;
		background:#0095d3;
	}
	
	#headingbar-4 #middle #button {
		float:left;
		padding:2px 10px 0 10px; margin:0;
	}
	
	#headingbar-4 #middle #texte {
		float:left;
		padding:0 10px 2px 10px; margin:0;
	}
	
	#headingbar-4 #middle #texte h2{
		font-size:1.25em;
		margin:0; padding:0;
		color:white;
	}

	#headingbar-4 #wrapper {
			width:440px;
	}
	
	#headingbar-4 #bottom {
		margin:0 0 6px 0; padding:0;
		width:440px;
		height:5px;
		background:url(../images/headingbar-4-bottom.gif);
	}
	
	
	#headingbar-5 { /* Colonne gauche, bleu opaque, 460px large */
		margin:0; padding:0;
		width:440px;
	}
	
	#headingbar-5 #top {
		margin:0; padding:0;
		background:url(../images/headingbar-5-top.gif);
		width:440px;
		height:4px;
	}
	
	#headingbar-5 #middle {
		padding:0; margin:0;
		width:440px;
		background:#bad0d9;
	}
	
	#headingbar-5 #middle #button {
		float:left;
		padding:2px 10px 0 10px; margin:0;
	}
	
	#headingbar-5 #middle #texte {
		float:left;
		padding:0 10px 2px 10px; margin:0;
	}
	
	#headingbar-5 #middle #texte h2{
		margin:0; padding:0;
		color:black;
	}

	#headingbar-5 #wrapper {
				width:440px;
		}
	
	#headingbar-5 #bottom {
		margin:0 0 10px 0; padding:0;
		width:440px;
		height:4px;
		background:url(../images/headingbar-5-bottom.gif);
	}
	

	#greybar { /* Colonne gauche, gris */
		margin:7px 0 0 0; padding:0;
		width:572px;
	}

	#greybar #top {
		margin:0; padding:0;
		background:url(../images/bottombar-top.gif);
		width:572px;
		height:5px;
	}
	
	#greybar #middle {
		padding:0; margin:0;
		width:572px;
		background:#666c6f;
	}	
	
	#greybar #middle #texte {
		padding:0; margin:0;
		font-size:0.8em;
		color:white;
	}
	
	#greybar #middle #texte h3{
		float:left;
		font-size:1em;
		margin:0 0 0 20px; padding:0;
		color:white;
		font-weight:bold;
	}
	
	#greybar #middle #texte a{
		font-size:1em;
		margin:0; padding:0;
		color:white;
	}
	
	#greybar #middle #nav-info {
		float:left;
		font-size:1em;
		margin:0 0 0 180px; padding:0;
	}

	#greybar #wrapper {
		width:572px;
	}
	
	#greybar #bottom {
		margin:0 0 6px 0; padding:0;
		width:572px;
		height:5px;
		background:url(../images/bottombar-bottom.gif);
	}
	
	
	#headingbar-3 { /* Colonne droite */
		margin:0; padding:0;
		width:265px;
	}
	
	#headingbar-3 #top {
		margin:0; padding:0;
		background:url(../images/headingbar-3-top.gif);
		width:265px;
		height:4px;
	}
	
	#headingbar-3 #middle {
		padding:0; margin:0;
		width:265px;
		background:#b4d3e1;
	}
	
	#headingbar-3 #middle #button {
		float:left;
		padding:2px 0 0 10px; margin:0;
	}
	
	#headingbar-3 #middle #texte {
		float:left;
		padding:0 10px 2px 10px; margin:0;
	}
	
	#headingbar-3 #middle #texte h2{
		font-size:1.25em;
		margin:0; padding:0;
		color:black;
	}
	
	#headingbar-3 #middle #texte h2 span.small{
		font-size:0.6em;
		margin:0; padding:0;
	}


	#headingbar-3 #wrapper {
		width:265px;
	}
	
	#headingbar-3 #bottom {
		margin:0 0 6px 0; padding:0;
		width:265px;
		height:4px;
		background:url(../images/headingbar-3-bottom.gif);
	}
	
	
/*-------------------------------------------------------------------------------------*/
/* MENU NAVIGATION SIDEBAR */
/*-------------------------------------------------------------------------------------*/
	
	
#nav-menu-side {
	width: 265px;
	margin:0; padding:0;
	text-align:left;
}

#nav-menu-side ul {
	list-style: none;
	padding:0; margin:0;
}
#nav-menu-side li {
	display:block;
	margin:0; padding:0;
}
#nav-menu-side li a {
	display: block;
	padding:3px 0 3px 24px;
	font-size:11px;
	text-align: left;
	color: black;
	text-decoration: none;
	margin: 0;
	background:url(../images/fond-side-menuitem.gif);
	background-repeat:no-repeat;
}

#nav-menu-side li a:hover {
	background:#b7cdd6;
	background:url(../images/fond-side-menuitem-over.gif);
	background-repeat:no-repeat;
	
}

#nav-menu-side span.smaller {
	font-size:10px;
	color:#333333;
}

#nav-menu-side div#note{
	margin:5px 0 0 20px; padding:0;
}

#nav-menu-side div#note p {
	margin:0; padding:0;
	color:#00425d;
	font-size:0.8em;
}


/*-------------------------------------------------------------------------------------*/
/* CONSOLE (ADMIN USERS, ADMIN FILMS */
/*-------------------------------------------------------------------------------------*/


#console {
	width: 265px;
	margin:0; padding:0;
	text-align:left;
}

#console ul {
	list-style: none;
	padding:0; margin:0;
}

#console li {
	display:block;
	margin:0; padding:0 0 0 20px;;
}

#console form {padding:0; margin:2px 0 2px 0;}

	#console li a {
		display: block;
		padding:3px 0 3px 0px;
		font-size:11px;
		text-align: left;
		color: black;
		text-decoration: none;
		margin: 0;
	}
	
	#console li div#button {
		float:left;	
		margin:0; padding:0;
	}
	
		#console li a img{
			border:none;
		}
	
	#console li div#texte {
		float:left;	
		margin:0 0 0 10px; padding:0;
	}
	
	#console li #wrapper{
		width:200px;
	}
	
	#console li h4 {
		margin:10px 0 5px 0; padding:0;
	}
	
	#console li div#form {
		float:left;	
		margin:0; padding:0;
	}
	
	#console li div#ok {
		float:left;	
		margin:0 0 0 10px; padding:0;
	}
	
		#console li div#ok a {
			margin:0; padding:0;
		}
	
	#console li select {
		width:180px;
		font-size:0.9em;
		padding:1px 0 1px 0;
	}
	
	
/*-------------------------------------------------------------------------------------*/
/* FICHE FILM / LISTE */
/*-------------------------------------------------------------------------------------*/

#fiche-film-liste {
	width:572px;
	margin:0;padding:10px 0 10px 0;
	border-bottom:solid 1px #a9a9a9;
	text-align:left;
}
	#fiche-film-liste #cover{
		float:left;
		width:120px; height:160px;
		margin:0; padding:0;
		background:black;
	}
	
	#fiche-film-liste #info{
		float:left;
		width:437px; height:auto;
		margin:0; padding:0 0 0 15px;
	}
	
		#fiche-film-liste #info h2{
			margin:0 0 6px 0;
			font-size:1em;
			font-weight:bold;
		}		
		
		#fiche-film-liste #info p{
			font-size:0.9em;
			margin:6px 0 6px 0;
		}
		
		#fiche-film-liste #info span.color {
			color:#00425d;
			font-weight:bold;
		}

		#fiche-film-liste #info p.small{
			font-size:0.8em;
		}
		
		#fiche-film-liste #info #button{
			float:left;
			margin:6px 10px 0 0;
		}
	

	#fiche-film-liste #wrapper{
		width:572px;
		clear:both;
	}
	

	
div#topboxoffice p.week {
	text-align:left;
	margin: -2px 0 6px 15px; padding:0;
	font-size:0.7em;
	font-weight:bold;
	color:#00425d;
}


/*-------------------------------------------------------------------------------------*/
/* FICHE FILM */
/*-------------------------------------------------------------------------------------*/


#fiche-film #info-film {
	margin:20px 0 0 0;
	width:440px;
}

	#fiche-film #cover {
		float:left;
		width:138px;
		height:210px;
		background-image:url(../images/fond-cover-fichefilm.gif);
	}
	
	#fiche-film #info {
		text-align:left;
		float:left;
		width:287px;
		margin:0 0 0 15px;
	}
	
		#fiche-film #info h2{
			margin:0 0 6px 0;
			font-size:1em;
			font-weight:bold;
		}		
		
		#fiche-film #info p{
			font-size:0.9em;
			margin:6px 0 6px 0;
		}
		
		#fiche-film #info span.color {
			color:#00425d;
			font-weight:bold;
		}

		#fiche-film #info p.small{
			font-size:0.8em;
			margin:0 0 6px 0;
		}
		
		#fiche-film #info #button{
			float:left;
			margin:6px 10px 0 0;
		}
	
	
	#fiche-film #info-film #wrapper {
		width:340px;
		clear:both;
	}


#fiche-film  p{
		font-size:0.9em;
		margin:6px 0 6px 0;
}

#fiche-film #synopsis {
	margin: 0 0 15px 0;
}

#fiche-film #review {
		margin: 0 0 15px 0;
}

#fiche-film #comments {
	margin: 0 0 15px 0;
}
#fiche-film  #wrapper {
	width:330px;
	clear:both;
}


/*-------------------------------------------------------------------------------------*/
/* MOVIE */
/*-------------------------------------------------------------------------------------*/

#movie {
	width:400px;
	height:300px;
	/*background-color:black;*/
	margin:0; padding:0;
}



#fleches {
	width:400px;
	height:28px;
	margin-right:auto;
	margin-left:auto;
}

#fleche {
	float:left;
	margin:0 10px 0 10px;
}



/*-------------------------------------------------------------------------------------*/
/* Formulaire d'erreur */
/*-------------------------------------------------------------------------------------*/
.ferror{color:#ff0000;}