	
	
	html, body {
		margin:0; padding:0;
	}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333;
		background:url(images/body.jpg) 50% 0 #EBEBEB repeat-y;
		overflow:auto;
		overflow-x:hidden;
	}
	
	/**************************************************************************************************************
	                                                    LAYOUT                                     
	***************************************************************************************************************/
	
	#logoHeader {
		width:190px; height:130px;
	}
	
	#global {
		width:960px; min-height:100%; height:100%;
		position:absolute; left:50%; top:0;
		margin-left:-480px;
		border-left:1px solid #999;
		border-right:1px solid #999;
		background:#fff;
	}
		
	#lnkHome {
		position:absolute; top:63px; right:8px;
		text-decoration:none; color:#BDBDE5; font-weight:bold;
	}
	
	#menu {
		height:32px; padding-top:15px;
		background:url(images/menu.jpg) 0 0 transparent repeat-x;
		width:776px; position:absolute; top:80px; right:1px;
	}
	
	#content {
		width:765px;
		margin:30px 0 10px 193px; padding:0;
		border:0px solid #fff;
	}
	
	.item-niveau-1 a {
		padding:3px 7px;
	}
	.item-niveau-2 a, .item-niveau-3 a, .item-niveau-4 a { padding:3px; }
	.item-niveau-4 { position:relative; top:1px; }
	
	#pied {
		font-size:13px;
		margin:30px 50px 10px 0;
		text-align:right;
		font-weight: bold;
	}
	
	#imprimer {
		text-align:center;
	}
	
	/**************************************************************************************************************
	                                                    HTML                                     
	***************************************************************************************************************/
	
	p {
		margin:10px 50px 10px 0;
		text-align:justify;
		color:#009;
		clear:both;
	}
	
	a {
		color:#FF8C00; text-decoration:none;
	}
	
	a:hover { 
		text-decoration:underline; font-weight: bold;
	}
	
	a img{ border:0;  }
	
	ul {
		margin:10px 50px 10px 30px; padding:0;
	}
	li {
		list-style:url(images/li.gif) square outside;
		color:#009;
	}
	
	h1 {
		margin:0 50px 10px 0;
		font-size:14px;
		color:#FF8C00;
		padding:2px 5px;
		border-bottom:1px solid #009;
	}
	
	h2 {
		margin:10px 0; padding:0;
		font-size:13px; color:#009;
	}
	
	dl { margin:10px 30px; line-height:2; }
	dt { float:left; clear:left; width:120px; color:#009 }
	dd { color:#009; }
	
	table {
		border-spacing:0; border-collapse:collapse; margin-left:auto; margin-right:auto;
	}
	
	th, td {
		padding:2px 5px;
		border:1px ridge #EBEBEB; 
	}
	th {
		height:24px; line-height:24px; background:#f6f6f6; 
	}
	

	/**************************************************************************************************************
	                                                    BLOCS                                     
	***************************************************************************************************************/
	
	p.error {
		color:#cc0101;
	}
	
	td.center {
		text-align:center;
	}
	
	td.gras {
		font-weight:bold;
	}
	
	p.gras {
		font-weight:bold;
		margin:10px 0px -10px 0;
		text-align:justify;
		color:#009;
		clear:both;
	}
	
	.couleurVert {
		color:#009966;
		font-weight:bold;
	}
	
	.couleurBleuClair {
		color:#6699FF;
		font-weight:bold;
	}
	
	.couleurRouge {
		color:#FF3366;
		font-weight:bold;
	}
	
	.couleurOrangeClair {
		color:#FF9933;
		font-weight:bold;
	}
	
	.fondVertClair {
		background-color:#D4FAD0;
	}
	
	.fondOrangeClair {
		background-color:#FBE4A6;
	}
	
	.fondRougeClair {
		background-color:#F3CDCD;
	}
		
	.photos {
		text-align:center;
	}
	
	.coordonnees {
		text-align:center;
	}
	
	.responsable {
		color:#000000; font-weight:bold;
	}
	
	.photos img {
		margin-right:70px;
	}
	
	.center { 
		text-align:center;
	}
	
	.souligne {
		text-decoration:underline;
		margin:10px 0px -10px 0;
	}
	
	#photosEtablissementsScolaires { margin:10px 0 10px 0; overflow:auto; color:#009  }
	#photosEtablissementsScolaires div {
		float:left; width:45%; margin:5px;
	}
	
	#photosInstallations { margin:10px 0 10px 0; overflow:auto;  }
	#photosInstallations div {
		float:left; width:45%; margin:5px;
	}
	
	#photosParcs { margin:10px 0 10px 0; overflow:auto;  }
	#photosParcs div {
		float:left; width:45%; margin:5px;
	}
	
	#imagesCollecte { margin:10px 0 10px 0; overflow:auto; color:#009 }
	#imagesCollecte div {
		float:left; width:45%; margin:5px;
	}
	
	#photosElus { margin:10px 0 10px 0; overflow:auto; color:#009}
	#photosElus div {
		float:left; width:45%; margin:5px; 
	}
	
