/****************************
*** design.css
*** Permet de styler les boites du
*** site ainsi que leur dispositions
****************************/


body
{
	margin: 0px;
	background: url('../images/background.png') no-repeat white; /*#6699FF*/
	background-position: top left;
	color: black;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
}

/* Cadre principal qui contient TOUT le site */
#live_site
{
	width: 100%;
	margin: 0px auto 0px auto;
}

/* Cadre contenant la bannière du site */
#live_banniere
{
	text-align: left;
	margin-bottom: 30px;
}

/* Groupe de menus 1 */
#live_menu_grp1
{
	float: left;
	width: 14%;
}
/* Groupe de menus 2 */
#live_menu_grp2
{
	float: right;
	width: 14%;
}

/********************
** STYLE DES MENUS
********************/
	
	/* Bloc menu */
	.menu_bloc
	{
		background: #3399FF;
		color: white;
		border: 2px solid #0033FF;
		margin-bottom: 20px;
	}
	
	/* Titre menu */
	.menu_titre
	{
		vertical-align: middle;
		font-size: 130%;
		font-weight: bold;
		text-align: center;
		background: #3366FF;
		color: white;
	}
	
	/* Titre de menu survolé */
	.menu_bloc:hover .menu_titre
	{
		background: #0066FF;
		color: white;
	}
	
	/* Contenu menu */
	.menu_content
	{
		/* Rien pour le moment */
	}

/* Contenu */
#live_contenu
{
	float: left;
	width: 69%;
	padding: 5px;
	color: black;
	overflow: auto;
}

/* Réservé aux personnes à mobilité réduites. Les navigateurs graphiques l'afficherons quand même */
#live_accessibilite
{
	display: none;
}

/* Contenu d'une popup */
#popup_contenu
{
	width: 100%;
	color: black;
}

/* Footer de la page */
#live_pied
{
	width: 100%;
	text-align: center;
	float: left;
	border-top: 1px dashed #0033FF;
}