/* Mise en page du site des Bons-Enfants */

body
{
	color: 				black;
	font-family:		"Trebuchet MS", Arial, sans-serif;
	background-image:	url("./images/background.jpg");
	background-color:	#c3d9c2;
}


/* Logo du site */
#logo
{
	/*border:	1px solid red;*/
	display:	block;
	
	float:		right;
	
	/*height:		119px;*/
	
	margin:		0px;
	padding:	0px;
}
* html #logo
{
	margin-top:	10px;
}


/* Titre :: Nom du site
#banniere
{
	font-family:	Georgia, Times New Roman, serif;
	font-size:		1.8em;
	font-style:		italic;
	font-weight:	bold;
	/*
	text-align:	right;
	
	margin:		10px;
	margin-top:	130px;
	padding:	0px;
	*
}
*/

/* Copyright */
#copyright
{
	color: 				#816666;
	background-color:	#EEEEEE;
	border:				#CCCCCC 2px solid;
	border-radius:		8px;
	-moz-border-radius:	8px;
	
	font-style:		italic;
	font-size:		0.6em;
	text-align:		center;
	
	padding:		1px;
	margin:			10px;
	margin-top:		0px;
}
/* HACK IE */
* html #copyright
{
	margin:			0px;
}
#copyright a
{
	color: 				darkblue;
	text-decoration:	none;
}


/* Cadre principal */
#main
{
	clear:				both;
	
	background-color:	white;
	
	border:				#CCCCCC 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
	
	font-size:			0.8em;
	
	margin:			10px;
	margin-top:		0px;
	padding:		5px;
	
	overflow:		auto;
}
/* HACK IE */
* html #main
{
	margin-left:	0px;
	margin-right:	0px;
	padding:		5px;
	
	overflow:		visible;
	height:			1%;
}


/* Sous-menu sur le côté */
#menu
{
	float:	left;
	
	background:			#dffecc;
	border:				#CDEBBB 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
	
	font-size:		1em;
	
	width:			140px;
	
	margin:			10px;
	padding:		10px;
}
/* HACK IE */
* html #menu
{
	margin-left:	5px;
	padding-left:	0px;
	padding-right:	0px;
}

#menu ul
{
	margin:			0px;
	margin-top:		15px;
	margin-left:	30px;
	padding:		0px;
	
	list-style-image:	url("./images/puce.gif")
}
#menu li
{
	margin:			0px;
	margin-bottom:	10px;
	padding:		0px;
}
#menu ul a, #menu a:visited
{
	text-decoration:	none;
	
	color:			green;
	font-weight:	bold;
	padding:		1px;
}
#menu ul a:hover
{
	color:				white;
	background-color:	#BCDBAA;
	
	border-radius:		5px;
	-moz-border-radius:	5px;
}
#menu img
{
	display:		block;
	margin-left:	auto;
	margin-right:	auto;
}
/* HACK IE */
* html #menu img
{
	margin-left:	20px;
	margin-right:	20px;
}


/* Menu principal du dessus */
#menu_principal
{
	font-family:	"Trebuchet MS", Arial, sans-serif;
	font-size:		1.1em;
	line-height:	2.2em;
	font-weight:	bold;
	
	margin:			10px;
	margin-bottom:	20px;
	padding:		2px;
	
	/*border:			#CCCCCC 2px solid;*/
}
#menu_principal a img
{
	border:		none;
	
	margin:		0px;
	padding:	0px;
	
	position:	relative;
	right:		4px;
	bottom:		4px;
}
/* HACK IE *		si pas possible de séparer plus les cadres
* html #menu_principal a img
{
	right:		2px;
	bottom:		2px;
}*/
#menu_principal a.selected, #menu_principal a.selected:visited
{
	border:				green 2px solid;
}
#menu_principal a, #menu_principal a:visited
{
	background-color:	#defccc;
	color:				black;
	border:				#CDEBBB 2px solid;
	border-radius:		5px;
	-moz-border-radius:	5px;
	
	text-decoration:	none;
	white-space:		nowrap;
	
	margin:			1px;
	padding:		0px;
	padding-left:	0px;
	padding-right:	4px;
}
/* HACK IE */
* html #menu_principal a
{
	display:		block;
	float:			left;
	padding-left:	10px;
}
/* HACK IE */
* html #menu_principal div
{
	float:	left;
	width:	5px;
}
#menu_principal a:hover
{
	background-color:	#ffffcc;
	color:				green; /*#009966;*/
	border-radius:		5px;
	-moz-border-radius:	5px;
}

/* Formatage du corps de texte */
#texte
{
	/*border:	1px solid red;*/
	clear:			right;
	
	line-height:	1.5em;
	
	overflow:		auto;
	
	margin:			0px;
	margin-left:	10px;
	margin-right:	20px;
	padding-top:	0px;
}
/* HACK IE */
* html #texte
{
	clear:			both;
	overflow:		visible;
	height:			1%;
}
/* Balise corrigeant le défaut d'affichage du texte par rapport au menu dans IE */
* html #ie_float
{
	overflow:		visible;
	height:			1%;
}

#texte p
{
/* 	border: 1px red solid; */
	
	padding-left:	30px;
	padding-right:	20px;
	
	text-align:		justify;
	
}

/*
#texte h1 + p:first-letter,
#texte h2 + p:first-letter,
#texte h3 + p:first-letter,
#texte h1 + img + p:first-letter,
#texte h2 + img + p:first-letter,
#texte h3 + img + p:first-letter,
#texte h1 + img + img + p:first-letter,
#texte h2 + img + img + p:first-letter,
#texte h3 + img + img + p:first-letter,
#texte h1 + blockquote p:first-letter*/
#texte p:first-letter,
#texte blockquote:first-letter,
#texte blockquote p:first-letter,
#texte .lettrine
{
	color:			#0060B0;
	
/* 	float:			left; */
	
	font-family:	cursive, sans-serif;
	font-size:		1.3em;
	font-weight:	bold;
	text-transform:	uppercase;
}

#texte a
{
	color: darkblue;
}
#texte a:hover
{
	/*color:				red;*/
	background-color:	#E0ECF8;
	
	/*border:				1px solid #A8C8E8;*/
	border-radius:		5px;
	-moz-border-radius:	5px;
	
	/*text-decoration: 	none;*/
}
#texte a img
{
	border:		none;
	margin:		0px;
}

#texte p + ul
{
	text-align:		justify;
	
	margin-left:	40px;
	margin-right:	10px;
}

/* Règles  gérérales */
#main .fin
{
	clear:		both;
}

#main .flotte_gauche
{
	display:		block;
	float:			left;
	
	margin:		10px;
	padding:	10px;
}

#main .flotte_droite
{
	display:	block;
	float:		right;
	
	margin:		10px;
	padding:	10px;
}

#main .flotte_centre
{
	display:		block;
	clear:			both;
	
	margin:			10px;
	margin-left:	auto;
	margin-right:	auto;
}
* html #main .flotte_centre
{
	margin:	20px;
	margin-left: 130px;
}

#main pre
{
	clear:			both;
	
	color:			black;
	
	
	/*font-family:	Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:		1.2em;
	
	margin-left:	40px;
	margin-right:	50px;
	padding:		10px;
	
	background-color:	#FCFCFC;
	border:				#DDDDDD 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
	
}
/* HACK IE */
* html #main pre
{
	height:			1%;
}

#main blockquote
{
/* 	display:	table-cell; */
	clear:			both;
	
	color:			black;
	
	font-size:		1em;
	
	width:	auto;
	
	margin:			15px;
	margin-left:	50px;
	margin-right:	50px;
	padding:		0px;
	
	background-color:	#FCFCFC;
	border:				#DDDDDD 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
}
#texte blockquote p
{
	padding:	10px;
}

#main h1
{
	clear: both;
	
	color: 			#004090;
	font-size:		2.2em;
	font-weight:	bold;
	
	margin:			0px;
	padding:		5px;
}
/* HACK IE */
* html #main h1
{
	margin-top:		20px;
}
#main h2
{
	clear:			both;
	
	background-color: 	#E0ECF8;
	color: 			#0060B0;
	
	font-family:	Verdana, Arial, sans-serif;
	font-size:		1.4em;
	font-weight:	bold;
	
	padding-left:	15px;
	margin-top:		40px;
}
#main h3
{
	color: 			#358FC0;
	
	font-family:	Arial, sans-serif;
	font-size:		1.1em;
	font-weight:	bold;
	font-style:		italic;
	
	padding-left:	15px;
	margin-top:		25px;
}
#main h4
{
	color:			green;
	
	font-size:		1.5em;
	line-height:	1.6em;
	font-weight:	bold;
	
	padding:		0px;
	margin:			10px;
	margin-left:	15px;
}
#main table
{
	border-collapse:		separate;
	border-spacing:			5px;
	
	width:		100%;
}


#image img
{
	border:		2px solid black;
}
#image .cadre
{
	clear:			right;
	
	color:			black;
	
	font-size:		1em;
	
	margin:			20px;
	margin-left:	50px;
	padding:		20px;
	
	background-color:	#FCFCFC;
	border:				#DDDDDD 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
}
/* HACK IE */
* html #image .cadre
{
	margin-top:		20px;
}



/* Admin */

#info
{
	font-size:			0.8em;
	
	background-color:	white;
	
	margin:			10px;
	margin-left:	10px;
	padding:		10px;
	
	border:			#CCCCCC 2px solid;
	border-radius:		15px;
	-moz-border-radius:	15px;
	
	overflow:			auto;
}
/* HACK IE */
* html #info
{
	overflow:		visible;
	margin-left:	220px;
	height:			1%;
}

#info p
{
	text-align:		justify;
	
	margin-left:	40px;
	margin-right:	10px;
}

#info h2
{
	clear:			both;
	
	background-color: 	#E0ECF8;
	color: 			#0060B0;
	
	font-family:	Verdana, Arial, sans-serif;
	font-size:		1.4em;
	font-weight:	bold;
	
	padding-left:	15px;
	margin-top:		40px;
}

#info h3
{
	color: 			#358FC0;
	
	font-family:	Arial, sans-serif;
	font-size:		1.1em;
	font-weight:	bold;
	font-style:		italic;
	
	padding-left:	30px;
	margin-top:		25px;
}