/*
Site de la F�te de la lecture et du livre jeunesse
fdl.css

creation: 2006-09-01
modification: 2011-01-12
auteur: Alain Trottier

note: 		content: "Quoi de neuf";   \A pour nouvelle ligne 

*/
 
* {margin: 0; padding: 0;}

html,body {
	background	: url('../img/pattern.gif');
	height		: 100%;	
}

a {
	color				: white;
	outline				: none; /* fixe firefox */
	border				: 0px solid black;
}

#contenant {
	position	: relative;
	margin		: 0 auto;
	width		: 1100px;
	min-height	: 550px;
	height		: auto ! important;
	height		: 100%;
	background	: url('../img/cadrage.png') no-repeat;
	border-top	: 1px solid red;
}

#page {
	position		: relative;
	margin			: 18px auto 0;
	width			: 932px;
	min-height		: 580px; /* 860px; */
	padding-bottom	: 60px; /* meme valeur de top de #info (240)  + 60 = 300 */
	background		: white url('../img/bandeHaut.gif') no-repeat;
	border			: 0px solid blue;
}

div#info {
	margin			: 0 auto;
	width			: 442px;
	height			: 100%;
	min-height		: 400px;
	z-index			: 3500;
	color			: white;
	padding-bottom	: 40px;
	border-bottom	: 1px solid #3c3c3c;
}

	div#entete {
		top			: 0;
		left		: 0;
		width		: 442px;
		margin		: 0 auto;
		height		: 151px;
	}
	
	div#entete p {
		padding-top	: 90px;
		text-align	: center;
		font		: bold 22px Comic Sans MS, Verdana, Arial, sans-serif;
		color		: yellow;
	}

	div#info h3 {
		font		: bold 14px Comic Sans MS, Verdana, Arial, sans-serif;
		margin-top	: 20px;
		border		: 0px solid red;
		padding		: 0px 10px;
	}
	
	div#info h3#porte-parole {margin-top: 0;margin-bottom: 6px;padding-top:50px;}
	
	div#info h3#nature {margin-top	: 0;margin-bottom: 6px;}	

	div#info h4 {
		font		: bold 13px Comic Sans MS, Verdana, Arial, sans-serif;
		margin-top	: 10px;
		padding		: 0px 10px;
		border		: 0px solid red;
	}
	
	div#info p {
		font		: normal 13px Comic Sans MS, Verdana, Arial, sans-serif;
		margin		: 6px 0 0 0;
		padding		: 0 10px;
		width		: auto;
		border		: 0px solid red;
	}

	div#info ul {
		font			: normal 13px  Comic Sans MS, Verdana, Arial, sans-serif;
		padding			: 0 10px 0 30px;
		margin-top		: 6px;
		border			: 0px solid red;
	}

div#basPage {
	position	: absolute;
	bottom		: 0;
	left		: 0;
	margin		: 0 auto;
	background	: white url('../img/basPage40.gif') no-repeat center;
	width		: 932px;
	height		: 40px;
	z-index		: 0;
	border		: 0px solid green;
}

/* dans accueil */
div#partenaire {
	position	: absolute;
	bottom		: 0;
	left		: 0;
	margin		: 0 auto;
	background	: white url('../img/partenaires.jpg') no-repeat center;
	width		: 932px;
	height		: 280px;
	border		: 0px solid green;
}

#fete {
	position	: absolute;
	top			: 0;
	left		: 14px;
	width		: 153px;
	height		: 205px;
	background	: url('../img/fete.png');
	border		: 0px solid black;
}

#lune {
	position	: absolute;
	top			: 20px;
	left		: 699px;
	width		: 280px;
	height		: 274px;
	background	: url('../img/lune.png');
	border		: 0px solid black;
}

#jolitout {
	position	: absolute;
	z-index		: 500;
	top			: 514px;
	left		: 0;
	background	: url('../img/jelitouJeu.gif');
	width		: 195px;
	height		: 345px;
	border		: 0px solid blue;
}

/* ============== [ MENU ] ======================*/

#menu {
	position	: absolute;
	top			: 240px;
	left		: 4px;
	font		: bold 13px Comic Sans MS, Verdana, Arial, sans-serif;
	margin-left	: 2px;
	width		: 242px; /* 222 + 20 */
	/* height		: 376px; */
	min-height	: 250px;
	background	: url('../img/menu.png') no-repeat left bottom;
	border		: 0px solid black;
}

#menu img {
	position	: absolute;
	top			: 0;
	right		: 0;
	width		: 20px;
	height		: inherit;
}

div.liens {
	margin				: 6px 0 0 6px;
	width				: 210px;
	background			: url('../img/bgBlanc.png');
	border				: 0px solid lime;
}

div.liens a {
	color				: black;
	display				: block;
	padding				: 0 6px;
	text-decoration		: none;
}

div.liens:hover {background-color: #33ccff;color:white;}

div#menuSelect {
	margin				: 6px 0 0 6px;
	padding-left		: 6px;
	width				: 204px;
	display				: block;
	background-color	: #7fc421;
	color				: white;
}

a#jeux {
	z-index		: 1000;
	display		: block;
	position	: absolute;
	top			: 560px;
	left		: 120px;
	width		: 90px;
	height		: 46px;
	background	: url('../img/jeux.png') no-repeat 0 0;
	border		: 0px solid black;
}

a#jeux:hover {
	background	: url('../img/jeuxRol.png') no-repeat 0 0;
}

/*  =========   FIN ========================= */
/*  ========================================= */