/*
*	----------------------------------------------------------------------------
*	MAIN.CSS : feuille de style principale pour le site
*	----------------------------------------------------------------------------
*/

	html, body {margin:0; height:100%; background:#0D5578}

/*
*	----------------------------------------------------------------------------
*	CONTENEUR
*	----------------------------------------------------------------------------
*/

	#global {position:relative; margin:0 auto; width:800px; min-height:100%; background:url('../img/page-background.jpg')}

/*
*	----------------------------------------------------------------------------
*	EN-TETE
*	----------------------------------------------------------------------------
*/

	#header {height:90px; background:url('../img/page-background-noborder.jpg')}

	#logo {float:left; width:145px}

	#quickbar {float:left; margin:10px 0 0 90px; padding:3px 10px 0 0; width:490px; height:17px; text-align:right; color:#FFF; background:url('../img/quickbar-background.jpg')}
	#quickbar a {color:#FFF}
	#quickbar a:hover {color:#F90}

	#menu {float:left; margin-top:20px; width:590px; height:25px; border:1px solid #CCC; color:#0D5578; font-size:11px; font-weight:bold; text-align:center; line-height:2.2em; background:url('../img/menu-background.jpg')}
/*
*	----------------------------------------------------------------------------
*	PIED DE PAGE
*	----------------------------------------------------------------------------
*/

	#footer {position:absolute; bottom:0; margin:0 5px; padding:5px; width:773px; text-align:center; color:#0D5578; border-top:5px solid #CCC; background:url('../img/page-background-noborder.jpg')}

/*
*	----------------------------------------------------------------------------
*	MILIEU : CONTENEUR
*	----------------------------------------------------------------------------
*/

	#center {clear:both; padding-bottom:50px; overflow:auto}

/*
*	----------------------------------------------------------------------------
*	MILIEU : DROITE
*	----------------------------------------------------------------------------
*/

	#right {float:right; padding-left:4px; width:160px}

/*
*	----------------------------------------------------------------------------
*	MILIEU : GAUCHE
*	----------------------------------------------------------------------------
*/

	#left {float:left; width:145px}
	#left ul {list-style:none; border-right:1px dotted #999}
	#left li {margin-left:5px; padding:5px; text-align:right; border-bottom:1px dotted #999; color:#999}
	#left li a {display:block; color:#999}
	#left li a:hover {color:#0D5578}
	#left table {margin:10px 0 0 5px}
	#left .title {width:140px; height:25px; font-size:11px; line-height:0.7em; text-align:center; font-weight:bold; color:#0D5578; background:url('../img/cadre-droite-haut.jpg')}
	#left .link {padding:0 5px; width:130px; height:25px; font-size:10px; vertical-align:middle; background:url('../img/cadre-droite-bas.jpg')}
	#left .link a:hover {color:#F90}
	#left .link img {vertical-align:middle}
	#left .middle {padding:0 4px; width:130px; font-size:10px; border-right:1px solid #CCC; border-left:1px solid #CCC}
	#left .bottom {width:140px; height:6px; background:url('../img/cadre-droite-bas-02.jpg')}

/*
*	----------------------------------------------------------------------------
*	MILIEU : CENTRE
*	----------------------------------------------------------------------------
*/

	#content {float:left; padding:0 5px 30px 5px; width:480px; line-height:1.7em}
	#content ul {margin-left:20px}
	#content a {text-decoration:underline}

	#navbar {padding:4px 0; color:#0D5578; text-align:right; border-bottom:1px dotted #0D5578}