/* ----------------------------------------------LAYOUT------------------------------------ */
	body {
		text-align: center;
		padding: 0;
		margin: 0;
		border:0px solid red;
		background: #fff url('../img/bg_body.jpg') repeat-x;
	}
	#conteuneur {
		text-align: left;
		border: 0px solid red;
		width: 990px;
		margin: 0 auto;
		font: 10px Verdana; /*FIXME*/
		color: #487db5; /*bleu*/
		
		}
	.colonne_gauche {
		float:left;
		width:300px;
		
	}
	.colonne_droite {
		margin-left:300px;
	}
	
	#logo_flash {
		position:absolute;
		margin-left:37px;
		margin-top:-158px;
		}
	
	#flash_object {
		float:left;
		margin:0;
		margin-top:-10px;
		width:675px;
		height:350px;
	}
	
	
	#banniere {
		padding: 0;
		height: 174px;
		border:0px solid red;
		background:  url('../img/bg_banner.jpg') no-repeat;
		}	
		#banniere a#logo{
			text-decoration:none;
			border:0px solid red;
			display:block;
			width:210px;
			height:80px;
			margin-left:38px;
		}
		#banniere .colonne_gauche,
		#banniere .colonne_droite{ 
			height:71px;
		}
		
				
	#hMenu{
		margin-top:-42px; 
		border:0px solid red;
		clear:both;
		}
		#hMenu .colonne_gauche,
		#hMenu .colonne_droite{ 
			height:42px;
			border:0px solid red;
	/*		background-color:#eee;*/
		}
		/* voir menus.css pour tout les styles du menu horizontal. */
		
	#page {
		width:100%;
		min-height:450px;
		float: left;
		font-size: 1.2em;
		border:0px solid blue;
		}
		#page .colonne_gauche{
			height:100%;
			border:0px solid blue;
		}
		#page .colonne_gauche .partie_haute{ 
			background: url('../img/bg_colonne_gauche.jpg') repeat-y;
			min-height:250px;
			
		}
		#page .colonne_gauche .partie_haute ul li span{
			clear:both;
			float:right;
			font-size:7pt;
			margin-top:-1em;
		}
		#page .colonne_gauche .partie_haute ul li span a{
			color:#f47920; /* orange */
		}
		
		/* voir menus .css pour les styles des menus verticaux et des news. */
		#page .colonne_gauche .partie_haute_fin{
			
			border:0px solid blue;
			background:  url('../img/bg_colonne_gauche_end.jpg') no-repeat;
			height:50px;
		}
		
		#page .colonne_gauche .contacts{
			height:200px;
			width:230px;
			background: url('../img/bg_contacts.jpg') repeat-x;
			margin-left:27px;
		
		}
		#page .colonne_gauche .contacts .left{ float:left; 	}
		#page .colonne_gauche .contacts .right{	float:right; }
		#page .colonne_gauche .contacts .adresse{
			line-height:1.2em;
			padding-top:2.5em;
			font-weight:bold;
			color:#fff;
			font-size:1.1em;
		}
		#page .colonne_droite{
			height:100%;
			margin-left:310px;
			/*padding-top:10px;*/
			border:0px solid red;
		}

		
		#footer{
			clear:both;
			margin-top:2em;
			height:2em;
			color:#ccc;
			font-size:8pt;
			border-top:1px solid #eee;
			margin-left:310px;
		}
		#footer p{
			text-align:right;
		}
		
		/* voir styles.css pour les styles globaux d'affichage de texte. */
		
		
		
/* styles generaux : styles specifiques au systeme de popups */

#popup_conteneur{
	position:absolute;
	top:90px;
	left:450px;
	overflow:hidden;
	display:none;
	width:430px;
	background:url('../img/bg_ombre_popup.jpg');
	border:2px solid #fff;
	/*padding:5px -0px 5px 5px;*/
	padding:2px 2px 2px 2px;
}
#popup_conteneur.popup_map{
	width:600px;
	top:40px;
}

#popup{
	width:428px;
	background-color:#fafafa;
	/*border:1px solid #f47920;*/ /*orange*/	
	border:1px solid #888;
	
	font: 10px Verdana; 
	text-align:left;
	color: #487db5;
	padding-bottom:2em;
	}
#popup.popup_map{
width:598px;
}

	#popup p{
		margin:0 2em;
	}
	#popup h3{
		margin-left:1em;
		color: #f47920;
	}
	#popup ul{
		margin-right:2em;
	}

	#popup #titre{
		cursor:move;
		height:2em;
		background: url('../img/bg_body.jpg') repeat-x 0 -15px;
		color:#fff;
		font-size:1.5em;
		font-weight:bold;
		padding:5px 0 0 5px;
		
		letter-spacing:0.04em;
	}

	#popup .fermer{
		width:100%;
	}
	#popup .fermer a{
		text-decoration:none;
		margin-right:4px;
		font-size:14px;
		float:right;
		color:#fff;
	}