body {
	font-family: Arial;
	font-size: 11px;
	margin: 0px; padding: 0px; border: 0px;
	color: #000;
}

img { border: 0px; }

a { font-size: 11px; color: #000; }

#site {
	width: 988px; 
	}
	
/* ----- TETIERE ----- */
#t00 {
	width: 988px;
	height: 107px;
	background: url(images/t00.png);
	}
	
	#t00 a {
		width: 988px;
		height: 107px;
		display: block;
		}

#t20 {
	float: left;
	display: block;
	width: 988px;
	height: 20px;
	background: url(images/t_20.png);
	}
	
#t30 {
	float: left;
	background: url(images/t30_bgd.png);
	display: block;
	height: 24px;
	width: 988px;
	}	

	/* --- RECHERCHE --- */
		#search {
			/* position: relative;
			top: 3px; */
			float:left;
			width: 140px;
			height: 19px;
			background: url(images/_search_bgd.png) no-repeat 0px 0px;
			text-align: left;
			
			margin: 3px 0px 0px 50px;
			_margin: 3px 0px 0px 25px;
			padding: 1px 0px 0px 0px;
			_padding: 0px;
			border: 0px;
			}
		
		#search form {	margin: 0px; padding: 0px; border: 0px; }
		
		#search input.text {
			color: #7BA9D6;
			font-size: 10px;
			width: 103px;
			height: 14px;
			padding: 1px 0px 0px 7px;
			margin: 1px 1px 1px 1px;
			border: 0px;
			}
		
		#search input.button {
			width: 17px;
			height: 15px;
			background: url(images/espace.png);
			margin: 0px; padding: 0px; border: 0px;
			}
		
			/* spécifique safari */
			#search_safari {
				float:left;
				width: 150px;
				height: 19px;
				text-align: left;
				padding: 0px; border: 0px;
				margin: 3px 0px 0px 40px;
			}
			
			#search_safari form { margin: 0px; padding: 0px; border: 0px; }
			
			#search_safari input.text {
				color: #fff;
				font-size: 10px;
				width: 103px;
				height: 14px;
				padding: 1px 0px 0px 7px;
				margin: 0px 1px 1px 1px;
				border: 2px;
				background: #0066CC;
			}
			
			#search_safari input.button { width: 40px; margin-top: 0px; }
			
		/* recherche */


		#t30 a {
			float: left;
			height: 24px;
			}

		#accueil {
		display: block;
		width: 92px;
		background: url(images/_accueil.png);
		border-left: 1px solid #fff;
		}
		a#accueil:hover { background: url(images/_accueilo.png); }
		
		#actualites {
			display: block;
			width: 92px;
			background: url(images/_actualites.png);
			}
			a#actualites:hover { background: url(images/_actualiteso.png); }
			
		#agenda {
			display: block;
			width: 92px;
			background: url(images/_agenda.png);
			}
			a#agenda:hover { background: url(images/_agendao.png); }

		#newsletter {
			display: block;
			width: 92px;
			background: url(images/_newsletter.png);
			}
			a#newsletter:hover { background: url(images/_newslettero.png); }
			
		#plan {
			display: block;
			width: 92px;
			background: url(images/_plan.png);
			}
			a#plan:hover { background: url(images/_plano.png); }
			
		#diaporama {
			display: block;
			width: 92px;
			background: url(images/_diaporama.png);
			}
			a#diaporama:hover { background: url(images/_diaporamao.png); }
		
		#galerie {
			display: block;
			width: 92px;
			background: url(images/_galerie.png);
			}
			a#galerie:hover { background: url(images/_galerieo.png); }			
			
						

#t40 {
	clear: both;
	display: block;
	width: 988px;
	}
	
#t40 div { float: left; }	

	#date {
		display: block;
		width: 180px;
		text-align: right;
		padding: 10px 10px 10px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 7pt;
		color: #3770B8;
		border-right: 1px solid #5D97DC;
		}
		
	#marquee {
		font-size: 8pt;	
		padding: 10px 0px 6px 20px;	
		width: 534px;
		color: #5D97DC;
		}		

/* point sensible */
#page {
	/* ie mac */float: left;
	display: block;
	width: 988px;
	clear: both;
	padding: 0px; margin: 0px; border: 0px;
	text-align: left;
	background: url(images/page_bgd.png);
}

#gauche {
	width: 190px;
	padding-bottom: 20px;
	}
	
	#gauche2 {
		height: 96px;
		background: url(images/g2_bgd.html)
	    }
		
	#ale_infos {
		padding: 10px 0px 10px 10px;
		_padding: 10px 0px 10px 10px;			
		border-top: 1px solid #5D97DC;		
		border-bottom: 1px solid #5D97DC;
		background: url("images/ale_infos_bgd.png");
		}
		
			
	#ale_infos a {
		display: block;
		height: 100%;
		width: 174px;
		border: 1px solid #fff;
		}
		#ale_infos a:hover {
			background: url("images/ale_infoso.png") no-repeat 82px 80px;
			_background: url("images/ale_infoso.png") no-repeat 82px 80px;			
			}			
		
	#ale_infos .image_accueil {
		/* border: 1px solid #5D97DC; */
		}
	
	#ale_infos .titre_article { display: none; }
	#ale_infos .legende_photo { display: none; }
	#ale_infos .article_intro { display: none; }
	#ale_infos a.lire_la_suite { display: none; }
	#ale_infos .auteur { display: none; }
	#ale_infos .date_article { display: none; }		
		
	#gauche3 {
		height: 96px;
		background: url("images/g3_bgd.png")}
		
	#gauche3 a {
		display: block;
		height: 96px;
		}
		#gauche3 a:hover { background: url("images/g3_over.png"); }

	#contenu {
	display: block;
	width: 573px;
	margin: 0px 1px 0px 0px;
	border-top: 1px solid #5D97DC;
	}
	
#droite {
	display: block;
	width: 223px;
	height: 534px;
	background: url(../../design/style/images/d_bgd.png) no-repeat 0px 1px;
	margin: 0px; padding: 0px; border: 0px;
	}
	
#bas {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 978px;
	background: #000000;
	color: #97BDE8;
	padding: 6px 0px 6px 10px;
	font-size: 7pt;
	}


#bas span {
	margin-left: 150px;
	}		
	
#bas a {
	text-decoration: none;
	color: #3770B8;
	}	
	#bas a:hover { color: #fff; }

#bas a.a2 {
	font-size: 7pt;
	text-decoration: none;
	color: #fff;
	}	
	#bas a.a2:hover { color: #B8B8B8; }