/* CSS Document *
//* ---------------------------------------------------------------- Global */
	#global {
		width:770px;
		background-image:url(../img/left_home.gif);
		background-repeat:repeat-y;
		float:left;
	}
/* ---------------------------------------------------------------- id et class propres à la page d'accueil */
/* ---------------------------------------------------------------- Left */
	#left{
		width:235px;
		height:100%;
		background-color:#687b90;
		float:left;
	}
	* html #left{
		margin-top:-3px;
	}
/* ------------------------ Nouveaux arrivants */
	#arrivants{
		height:106px;
		margin:40px 0 0 3px;
		padding:0 0 0 80px;
		font-size:0.9em;
		color:#fff;
		background-image:url(/library/img/left_arrivants.jpg);
	}
	#arrivants p{
		position:relative;
		top:60px;
	}
	#arrivants img{
		position:relative;
		top:45px;
		left:110px;
	}
/* ------------------------ Questions */
	#questions{
		width:229px;
		height:125px;
		margin:5px 0 0 2px;
		background-image:url(/library/img/left_questions.jpg);
	}
	#identification{
		position:relative;
		top:58px;
		left:145px;
	}
	#cliquez{
		position:relative;
		top:90px;
		left:90px;
	}
/* ------------------------ Malvoyant */
	#malvoyant{
		width:226px;
		height:41px;
		margin:10px 0 0 3px;
	}
/* ------------------------ Accès rapide */
	#accesRapide_top{
		width:227px;
		height:13px;
		margin:10px 0 0 2px;
		background-image:url(/library/img/left_accesrapide_top.gif);
	}
	#accesRapide{
		width:227px;
		margin-left:2px;
		background-image:url(/library/img/left_accesrapide.gif);
		background-repeat:repeat-y;
		padding-top:5px;
		float:left;
		padding-bottom:10px;
	}
	* html #accesRapide{
		margin-top:-2px;
		margin-left:1px;
	}
	#accesRapide_title{
		width:110px;
		height:18px;
		margin:0 0 0 5px;
		background-image:url(/library/img/left_accesrapide_title.gif);
	}
	#accesRapide ul{
		width:107px;
		margin:10px 0 0 3px;
		float:left;
	}
	#accesRapide ul li{
		margin-bottom:3px;
		background-image:url(/library/img/puce_carreRouge.gif);
		background-position:0 6px;
		padding-left:7px;
	}
	#accesRapide ul li a{
		color:#000;
		font-size:0.9em;
	}
	#accesRapide ul li a:hover{
		text-decoration:underline;
	}
	#accesRapide_bottom{
		width:227px;
		height:3px;
		margin-left:2px;
		background-image:url(/library/img/left_accesrapide_bottom.gif);
		float:left;
	}
	* html #accesRapide_bottom{
		margin-left:1px;
	}
/* ------------------------ Navigation boutons */
	#nav_left{
		width:100%;
		margin-top:50px;
		float:left;
		text-align:center;
	}
	#nav_left img{
		margin-top:7px;
	}
/* ---------------------------------------------------------------- Images aléatoires */	
	#aleatoires {
		width:770px;
		height:236px
	}
	.visu1 {background:url(../img/visu1.jpg)}
	.visu2 {background:url(../img/visu2.jpg)}
	.visu3 {background:url(../img/visu3.jpg)}
	.visu4 {background:url(../img/visu4.jpg)}
	.visu5 {background:url(../img/visu5.jpg)}
	.visu6 {background:url(../img/visu6.jpg)}
	.visu7 {background:url(../img/visu7.jpg)}
	.visu8 {background:url(../img/visu8.jpg)}
	.visu9 {background:url(../img/visu9.jpg)}
	.visu10 {background:url(../img/visu10.jpg)}
	.visu11 {background:url(../img/visu11.jpg)}
	.visu12 {background:url(../img/visu12.jpg)}
	.visu13 {background:url(../img/visu13.jpg)}
	.visu14 {background:url(../img/visu14.jpg)}
	.visu15 {background:url(../img/visu15.jpg)}
	.visu16 {background:url(../img/visu16.jpg)}
	.visu17 {background:url(../img/visu17.jpg)}
	.visu18 {background:url(../img/visu18.jpg)}
	.visu19 {background:url(../img/visu19.jpg)}
	.visu20 {background:url(../img/visu20.jpg)}
	.visu21 {background:url(../img/visu21.jpg)}
	.visu22 {background:url(../img/visu22.jpg)}
	.visu23 {background:url(../img/visu23.jpg)}
	.visu24 {background:url(../img/visu24.jpg)}
	.visu25 {background:url(../img/visu25.jpg)}
	.visu26 {background:url(../img/visu26.jpg)}
	.visu27 {background:url(../img/visu27.jpg)}
	.visu28 {background:url(../img/visu28.jpg)}
	.visu29 {background:url(../img/visu29.jpg)}
	.visu30 {background:url(../img/visu30.jpg)}
	.visu31 {background:url(../img/visu31.jpg)}
	.visu32 {background:url(../img/visu32.jpg)}
	.visu33 {background:url(../img/visu33.jpg)}
	.visu34 {background:url(../img/visu34.jpg)}
	.visu35 {background:url(../img/visu35.jpg)}
/* ---------------------------------------------------------------- Main */
	#main{
		width:507px;
		height:auto;
		float:left;
		background-image:url(/library/img/nav_bas_triangle.gif);
		background-position:bottom right;
		padding:20px 0 30px 28px
	}
/* ------------------------ Agenda */
	#main table.agenda {
		width:100%;
		float:left;
		background:#e9f3fb url(/library/img/dotted.gif) repeat-x top;
		border-collapse:collapse;
		text-align:center;
		margin:5px 0 20px 0
	}
	#main table.agenda tr td {
		background:url(/library/img/dotted.gif) repeat-x bottom;
		padding:5px
	}
	#main table.agenda tr.pair td {background-color:#fff}
	#main table.agenda tr td img {border:solid 1px #738498}
	#main table.agenda tr td.text {
		vertical-align:top;
		text-align:left
	}
	#main table.agenda tr td.text a {color:#3b3b3b; text-decoration:none}
	#main table.agenda tr td.text a:hover {text-decoration:underline}
/* ------------------------ La une */
	#une {
		float:left;
		width:100%;
		text-align:justify;
		margin-bottom:20px
	}
	#une span.title {
		display:block;
		color:#c80c0b;
		padding:4px 0;
		font-size:1.2em;
		font-weight:bold
	}
	#une a.savoir {
		padding:0 0 0 4px;
		color:#c80c0b;
		text-decoration:underline
	}
	#une a:hover.savoir {text-decoration:none}
/* ------------------------ Eclats de vie */
	#eclat {
		float:left;
		width:100%;
		text-align:justify;
		margin-bottom:20px
	}
	#eclat span.title {
		display:block;
		color:#8fc740;
		padding:4px 0;
		font-size:1.2em;
		font-weight:bold
	}
	#eclat a.savoir {
		padding:0 0 0 4px;
		color:#8fc740;
		text-decoration:underline
	}
	#eclat a:hover.savoir {text-decoration:none}
/* ------------------------ Eclats de vie */
	#quartiers {
		float:left;
		width:100%;
		text-align:justify;
		margin-bottom:20px
	}
	#quartiers span.title {
		display:block;
		color:#953f32;
		padding:4px 0;
		font-size:1.2em;
		font-weight:bold
	}
	#quartiers a.savoir {
		padding:0 0 0 4px;
		color:#953f32;
		text-decoration:underline
	}
	#quartiers a:hover.savoir {text-decoration:none}
/* ------------------------ Copyright */
	#copyright{
		width:100%;
		float:left;
		text-align:center;
		margin-top:110px;
		color:#fff;
		font-size:0.8em;
		padding-bottom:10px;
	}
	#copyright a{
		color:#fff;
	}