body {
	min-width : 970px ; 	
	max-width : 1289px ;
	margin : 0px auto  ;
	padding : 0px ;
	text-align: center;
	color : #ffffff ; 
	font-size : 1em ; 
	font-family : arial ;
	background: #eaeaea;
}

	div#page {
		margin : 10px auto ;
		padding: 0 ;
		text-align: left;
		width : 95%;
	}

/* ------------------------------------------------------------------------------------------ */
/* Décoration de page : détourage */

	div#decopage_hg {
		position:absolute;
		width: 20px ;
		height: 20px ;
		background: #fff url('/interface/images/template_mai09/structure_page/entete_hg.png') no-repeat ;
	}
	div#decopage_hc {
		height: 20px ;
		text-align: center ;
		color: #000000 ;
		background-color: #fff ;
		border-top : 1px solid #999 ;
	}
	div#decopage_hd {
		float: right ;
		width: 20px ;
		height: 20px ;
		margin-right : -2px ;
		background: #fff url('/interface/images/template_mai09/structure_page/entete_hd.png') no-repeat ;;
	}
	
	div#decopage_centre {
		width : 100% ;
		margin-top : -2px ;
		border-left : 1px solid #999 ;
		border-right : 1px solid #999 ;
		background-color: #fff ;
	}	
	
	div#decopage_bg {
		float: left ;
		width: 20px ;
		height: 20px ;
		background: #fff url('/interface/images/template_mai09/structure_page/entete_bg.png') no-repeat ;
	}
	div#decopage_bc {
		height: 19px ;
		text-align: center ;
		color: #000000 ;
		background-color: #fff ;
		border-bottom : 1px solid #999 ;
	}
	div#decopage_bd {
		float: right ;
		width: 20px ;
		height: 20px ;
		margin-right : -2px ;
		background: #fff url('/interface/images/template_mai09/structure_page/entete_bd.png') no-repeat ;
	}

/* -------------------------------------------------------------------------------------------------- */
/* Bannière */
	
div#banniere {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;	
	background : #fff url('/interface/images/template_mai09/banniere/banniere_accueil.jpg') no-repeat ;
}

div#banniere.banniere_ville {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;
	background : #fff url('/interface/images/template_mai09/banniere/banniere_ville.jpg') no-repeat ;
}
div#banniere.banniere_servicepub {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;
	background : #fff url('/interface/images/template_mai09/banniere/banniere_servicepub.jpg') no-repeat ;
}
div#banniere.banniere_culture {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;
	background : #fff url('/interface/images/template_mai09/banniere/banniere_culture.jpg') no-repeat ;
}
div#banniere.banniere_jeunesse {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;
	background : #fff url('/interface/images/template_mai09/banniere/banniere_jeunesse.jpg') no-repeat ;
}
div#banniere.banniere_social {
	clear : both ;
	margin : 0px ;
	padding : 0px ;
	height : 140px ;
	border : #fff solid 0px ;
	background : #fff url('/interface/images/template_mai09/banniere/banniere_social.jpg') no-repeat ;
}

			div#banniere img.haut {
				float : left ;
				margin: 0px ;
				margin-right : 0px ;
			}
			div#banniere img.bas {
				float : right ;
				margin-top : 0px ;
				margin-right : 0px ;
			}

/* -------------------------------------------------------------------------------------------------- */
/*    Bloc du fils d'Ariane       */

div#zone_ariane {
	float : left ;
	margin : 8px 0px ;
	padding : 10px 0px ;
	text-align : right ;
	color : #999 ;
}			
			
/* -------------------------------------------------------------------------------------------------- */
/* Contenu */

div#contenu {
	clear : both ;
	overflow : auto ;
	margin : 10px 0px 0px 0px ;
	padding-left : 16px ;
	color : #000000 ;
	background-color : #fff ;
}

			#contenu_droite_newdesign {
				float : right ;
				position : relative ;
				width : 20% ;
				min-height : 525px ;
				margin : 0px auto ;
				padding : 10px 0px ;
				text-align : left ;
				background : #fff url('/interface/images/structure_page/__fond_cote.png') repeat-x ;
			}

			#contenu_droite_newdesign_contenu {
				padding : 10px ;
				text-align : center ;
				font-size : 0.9em ;
			}	
							
			#contenu_gauche_newdesign {
				float : left ;
				width : 19.5% ;
				padding : 10px 0px 15px 0px ;
				margin : 0px ;
				text-align : left ;
				/*background-color : #ffffff ;*/
				background-color : #fff ;
			}
			#contenu_centre {
				float : right ;
				width : 59.8% ; 
				min-height : 550px ;
				padding-bottom : 30px ;
				text-align : left ;
				border-right : 0px solid #cecece ;
				background-color : #ffffff ;
			}
			#contenu_centre_accueil {
				float : right ;
				width : 59.8% ; 
				min-height : 550px ;
				padding-bottom : 30px ;
				text-align : left ;
				border-left : 1px solid #999 ;
				background-color : #ffffff ;
			}	
					#contenu_centre_corps {
						padding : 10px 10px 25px 10px ;
					}
									
								
/* -------------------------------------------------------------------------------------------------- */
/*  old design  */
			#contenu_gauche_1 {
				float : left ;
				width : 20% ;
				height : 10px ;
				background-color : #99CAFA ;
			}
			#arrondi_g {
				float : left ;
				width : 30% ; 
				height : 10px ;
				padding : 0px ;
				background: #ffffff url('/interface/images/structure_page/arrondi_g.png') no-repeat left ;
			}
			#arrondi_d {
				float : right ;
				width : 79.5% ; 
				height : 10px ;
				padding : 0px ;	
				border-right : 1px solid #99CAFA ;
				background: #ffffff url('/interface/images/structure_page/arrondi_d.png') no-repeat right ;
			}				
			#contenu_droite_1 {
				float : right ;
				width : 20% ;
				height : 10px ;
				margin-left : -1px ;
				background-color : #99CAFA ;
			}

			#contenu_gauche_2 {
				clear : both ;
				float : left ;
				width : 20% ;
				min-height : 525px ;
				background : #99CAFA url('/interface/images/structure_page/fond_cote.png') repeat-x ;
			}								

			#contenu_ariane {
				float : left ;
				width : 79.5% ; 
				height : 35px ;
				text-align : left ;
				border-left : 1px solid #cecece ;
				font-size : 0.9em ;
				background-color : #ffffff  ;
			}

			#contenu_droite {
				padding : 0px ;
				margin : 0px ;
				float : right ;
				width : 19.5% ;
				text-align : right ;
				background-color : #ffffff ;
			}
			#contenu_droite_accueil {
				margin : 20px 0px 0px 0px ;
				padding : 0px ;
				float : right ;
				width : 19.5% ;
				text-align : right ;
				background-color : #ffffff ;
			}
			#contenu_droite_accueil_u {
				min-height : 525px ;
				padding : 0px ;
				float : right ;
				width : 20% ;
				text-align : right ;
				background : #99CAFA url('/interface/images/structure_page/fond_cote.png') repeat-x ;
			}
				
/* -------------------------------------------------------------------------------------------------- */

div#miseajour {
	font-size:0.9em;
	padding-top:25px;
}
	div#miseajour p {
		font-weight:bold;
		text-decoration:underline;
	}
	div#miseajour ul {
		list-style:none;
		padding:0px;
		margin:0px;
	}
		div#miseajour li {
			padding-bottom:10px;
		}

/* -------------------------------------------------------------------------------------------------- */	
/* Formulaire d'inscription */

 div#formulaire_inscription {
	clear : both ; 
	padding : 0px 20px 20px 20px ; 
	text-align : left ;
}

	fieldset.identification2 {
		margin : 5px ;
		padding : 5px ;
		background-color : #d1dbe5 ; 
		border : 1px solid #999 ;
	}	

		fieldset.identification2 legend {
			margin-left : 30px ;
			padding : 7px 15px ;
			background-color : #fff ;
			border : 1px solid #999 ; 
		}	

		div.genre_user {
			float : left ;
			margin : 5px 30px 5px 5px ;
		}	
		
		fieldset.identification2 label {
			clear : both ;
			float : left ;
			display : block ;
			width : 30% 
		}
		
		div.zone_formulaire_inscription {
			clear : both ;
			margin : 5px ;
			padding : 5px ;
		}
		
			div.zone_formulaire_inscription label {
				display : block ;
				float : left ;
				width : 30% ;
			}

			
div #bloc_identification_ok {
	margin-bottom:40px;
	padding : 0px 15px ;
	font-size: 0.8em ;
	text-align : right ;
}


table.form-identite {
	margin-left : 25px ;
	border:0px solid #fff ;
	font-size : 0.9em ;
}	

	table.form-identite tr {
		border:0px solid #fff ;	
		padding-bottom : 5px ;
	}
	
	table.form-identite td.titre {
		width : 150px ;
		padding : 5px 10px ;
		border:0px solid #fff ;
		background-color : #ccc ; 
	}
	
	table.form-identite td.contenu {
		width : 300px ;
		margin-left : 20px ;
		padding : 0px 10px ;
		border:0px solid #fff ;	
		background-color : #eaeaea ; 
	}	


img#cryptogram {
	background-color:white;
}	
	
/* -------------------------------------------------------------------------------------------------- */
/* Bas de page */

div#piedpage {
	clear : both ;
	display: block;
	height : 60px ;
	margin : 0px ;	
	padding : 16px 0px 3px 0px ;
	background : #fff url('/interface/images/template_mai09/ombre_footer.png') repeat-x left ;
}

	
	div#piedpage p {
		float: left ;
		margin: 0;
		padding: 5px 10px 5px 50px ;
		color : #999 ;
		font-size : 0.9em ; 	
	}

		a.piedpage {
			padding :  2px 10px ;
			color : #4284ba ;
			font-size : 0.9em ;
			text-decoration: none ;
		}

		a.piedpage:hover, a.piedpage:focus, a.piedpage:active {
			color : #999999 ;
			text-decoration: underline ;
		}

		div#piedpage a.sep {
			padding: 0px 10px ;
			border-right : 1px solid #999 ; 
		}

div#adresse {
	height : 25px ;
	text-align : center ;
	font-size : 0.8em ;
	color : #000 ;
	padding : 10px ;
}