@charset "utf-8";

/*-------------------------------------------------------------------------------------*/
/* FEUILLE DE STYLES LAYOUT */
/* Copyright Sonilog Interactive 2007*/
/*
	Feuille de style contenant les normes de mise en page generales et particulieres 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"
*/
/*-------------------------------------------------------------------------------------*/

body {
	background-color:#ccd9de;
	background-image:url(../images/fond.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding:0;
	text-align:center;
}

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
	font-family: verdana, arial, sans-serif;
	color: black;
	font-size:12px;
}




/***************************************************************************************/
/*
/*  I. MISE EN PAGE PRINCIPALE  */
/*
/***************************************************************************************/




#maincontainer {
	margin : 0 auto 0 auto;
	width:860px;
}


/*-------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------*/


#header {
	margin:0;
	width:860px;
	height:125px;
}

	#header #logo {
		float:left;
		margin:0;
		width:300px;
		height:125px;
	}
	
	#header #tools {
		float:left;
		margin:0;
		padding:0;
		width:560px;
		height:125px;
	}

		#tools #menu-login {
			font-size:0.95em;
			text-align:right;
			margin:7px 0 0 0;
			width:560px;
		}
			
		#tools #search-box {
			font-size:0.95em;
			text-align:right;
			margin:50px 0 0 0;
			width:560px;
		}
		

/*-------------------------------------------------------------------------------------*/
/* COVERS (HOME) */
/*-------------------------------------------------------------------------------------*/


#covers {
	margin:20px 0 0 0;
	width:860px;
	height:225px;
}

	#covers #jaquette {
		float:left;
		padding:0;
		width:138px;
		height:223px;
		margin:0 6px 0 0;
		background:url(../images/ombre-jaquette.gif);
	}
	
	#covers #jaquette-fin {
		float:left;
		margin:0; 
		padding:0;
		width:138px;
		height:223px;
		background:url(../images/ombre-jaquette.gif);
	}
	
	#covers #shadowss {
		clear:both;
		margin:0; padding:0;
		width:860px;
		height:40px;
		background:url(../images/ombres-jaquettes.gif);
	}

/*-------------------------------------------------------------------------------------*/
/* CONTENT */
/*-------------------------------------------------------------------------------------*/

/* LAYOUT GENERAL */

#maintable {
	margin:20px 0 0 0;
	width:860px;
}

#maintable #left-col {
	float:left;
	margin:0 23px 0 0;
	width:572px;	
}

#maintable #right-col {
	float:left;
	margin:0 0 0 0;
	width:265px;	
}

#maintable #wrapper {
	clear:both;
	width:860px;
	margin:0;
}

/* LAYOUT ALTERNATIF (FICHE FILM) */

#maintable #left-col-alt {
	float:left;
	margin:0 20px 0 0; padding:0;
	width:440px;
	
	text-align:left;
}

#maintable #right-col-alt {
	float:left;
	margin:0 0 0 0;
	width:400px;	
	text-align:left;
}

/*-------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------*/

#footer {
	
}