/* 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)}
	.visu36 {background:url(../img/visu36.jpg)}
	.visu37 {background:url(../img/visu37.jpg)}
	.visu38 {background:url(../img/visu38.jpg)}
	.visu39 {background:url(../img/visu39.jpg)}
	.visu40 {background:url(../img/visu40.jpg)}
	.visu41 {background:url(../img/visu41.jpg)}
	.visu42 {background:url(../img/visu42.jpg)}
	.visu43 {background:url(../img/visu43.jpg)}
	.visu44 {background:url(../img/visu44.jpg)}
	.visu45 {background:url(../img/visu45.jpg)}
	.visu46 {background:url(../img/visu46.jpg)}
	.visu47 {background:url(../img/visu47.jpg)}
	.visu48 {background:url(../img/visu48.jpg)}
	.visu49 {background:url(../img/visu49.jpg)}
	.visu50 {background:url(../img/visu50.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;

	}