body {margin:0; padding:0; font-family:Arial; font-size:12px; background:transparent url(images/fond-body.gif) 0 0 no-repeat; }
body#page { background:transparent url(images/fond-body_page.gif) 0 0 no-repeat; }

#globale { width:980px; margin:0 auto; }

/************************** Bloc central - INDEX.DWT **********/
#centre {}
	#haut_texte { width:100%; height:32px; }
	#haut { width:100%; height:276px; background:transparent url(images/fille-haut.png) 0 0 no-repeat; }
		#logo {float:left;padding:0; width:159px; height:251px;}	
		#connexion { float:right; width:173px; text-align:right; margin:30px 0 0;}
		#animation { float:right; height:251px; width:380px;}
				
	#milieu { clear:both; width:100%; overflow:auto; background-color:#FFF; }	
			
			#col_gauche { float:left; margin:0; padding:0; width:215px; text-align:center; }
				#video a{ margin:60px auto 40px; padding:0; display:block; width:185px; height:61px; background:transparent url(images/btn-video.gif) 0 0 no-repeat; }
				#video a:hover{ width:185px; height:61px; background:transparent url(images/btn-video_hover.gif) 0 0 no-repeat; }
				
			#col_milieu { float:left; margin:0; padding:10px 20px 10px 10px; width:520px;}
				
			#col_droite { float:right; margin:0; padding:0; width:215px; text-align:center; }				
				#actualites{ margin:20px auto 0; padding:0; width:201px; border-bottom:1px solid #3399CC; }
					#actualites .titre_actu{ margin:0 0 3px 0; padding:0; width:100%; height:26px; font-size:24px; font-weight:bold; letter-spacing:-2px; text-align:left; color:#3399CC; border-bottom:1px solid #3399CC; }				
					#actualites .liste{ margin:0 0 3px 0; padding:10px; background-color:#C1E0F0; overflow:auto; }
					#actualites a.lien_actu{ margin:10px 0 0; padding:0; float:right; clear:both; text-decoration:none; font-size:11px; font-weight:bold; color:#3399CC;}
					#actualites a.lien_actu:hover{ text-decoration:underline; }
				#agenda{ margin:20px auto 20px; padding:0; width:201px; border-bottom:1px solid #99CC00; }
					#agenda  .titre_agenda{ margin:0 0 3px 0; padding:0; width:100%; height:26px; font-size:24px; font-weight:bold; letter-spacing:-2px; text-align:left; color:#99CC00; border-bottom:1px solid #99CC00; }
					#agenda .liste{ margin:0 0 3px 0; padding:10px; background-color:#E0F0B2; overflow:auto; }
					#agenda ul{ margin:0; padding:0; list-style-type:none; color:#000;}
					#agenda li{margin-bottom:10px;}
					#agenda p{margin:0; padding:0;}
					#agenda p.titre{letter-spacing:normal; text-align:left;}
					#agenda p.titre a{ color:#000000; font-size:12px; font-weight:bold; text-decoration:none; }
					#agenda p.titre a:hover{ text-decoration:underline; }
					#agenda a.lien_agenda{ margin:5px 0 0 0; padding:0; float:right; clear:both; text-decoration:none; font-size:11px; font-weight:bold; color:#99CC00;}
					#agenda a.lien_agenda:hover{ text-decoration:underline; }
					
	#bas { margin:10px; padding:0; clear:both; }
	
/************************** Bloc central - PAGE.DWT **********/	

	#haut_page { width:100%; height:222px; background:transparent url(images/fille-haut_page.png) 0 0 no-repeat; }
		#logo_page {float:left; margin:10px 0 0 10px; padding:0; width:110px; height:178px;}	
		#connexion_page { float:right; width:173px; text-align:right; margin:30px 340px 0 0; }
		
	#col_milieu_page { float:left; margin:0; padding:10px; width:745px;}