body{
margin:0;
padding:0;
background:#cec8a6  url('../images/backgound.jpg') repeat center top;
font: 11px/16px Arial, Helvetica, sans-serif;
color:#232323;
}

/*STRUCTURE*/
#head02, #container03, #footer02{width:944px; margin:0 auto;}

#head01{background:transparent url('../images/head01-bg.jpg') no-repeat bottom;}
	#head02{
	background:transparent url('../images/head02-bg.jpg') repeat-x bottom;
	height:86px;
	}
		#head02 img{
		display:block;
		float:left;
		}
		
		#rechercheHead{
		float:right;
		color:#1c3f71;
		margin:30px 0 10px 0;
		padding-right:10px;
		height:30px;
		}
			#rechercheHead label{padding:4px;}
			#rechercheHead input{
			font-size:11px;
			padding:2px;
			}
			#rechercheHead input.inputField{
			border:1px solid #999;
			background:#fff url('../images/input-texte-bg.gif') repeat-x top;
			}
			
			#rechercheHead input.submit{
			color:#1c3f71;
			border:0;
			padding:0;
			margin:0;
			background:none;
			cursor:pointer;
			}

		
		#menuHead{
		float:right;
		width:720px;
		}
		#menuHead ul{
		float:right;
		margin:0;
		padding:0;
		}
			#menuHead li{
			float:left;
			display:block;
			background:transparent url('../images/menuhead-bg.gif') repeat-y right;
			padding:0 10px;
			margin:0;
			height:10px;
			line-height:10px;
			}
				#menuHead a{
				color:#1c3f71;
				text-decoration:none;
				padding:0;
				font-size:9px;
				line-height:10px;
				}
				#menuHead .active{
				background:none;
				}
				#menuHead a:hover, #menuHead a.current{
				color:#685724;
				}
	
	
	
	
	
#container01{background:transparent url('../images/container01-bg.jpg') repeat-y top;}
	#container02{background:transparent url('../images/container02-bg.jpg') no-repeat top;}
		#container03{
		background:transparent url('../images/container03-bg.gif') repeat-y top;
		overflow:hidden;
		}
		#ville #container03, #loisirs #container03, #services #container03, #developp #container03, #repertoire #container03, #information #container03
		{background-image:url('../images/container03-pagemenu-bg.gif');}
		
			#flash{overflow:hidden; width:944px; height:218px;}
		
			#colLeft, #colRight{float:left;}
			
			#colLeft{
			width:723px;
			}
			#colRight{
			background:transparent url('../images/colright-bg.gif') no-repeat top right;
			width:211px;
			padding-left:10px;
	}
			
				#menuPrinc{
				float:left;
				}
					#menuPrinc img{
					display:block;
					float:left;
					}
					
			#contenu{
			clear:left;
			padding:0 14px 0 27px;
			}
			#ville #contenu, #loisirs #contenu, #services #contenu, #developp #contenu, #repertoire #contenu, #information #contenu
			{
			padding:0;
			}
				#page{
				float:left;
				width:545px;
				padding:0 14px;
				text-align:justify;
				}
				
					#menuAncre{
					margin:0;
					padding:0;
					}
						#menuAncre li{
						display:inline;
						padding-right:10px;
						}
			
				#menu-gauche{
				float:left;
				width:150px;
				height:395px;
				font-family:Arial, Helvetica, sans-serif;
				}

				#menu-gauche ul{
				padding:0; 
				margin: 0 5px 0 5px;
				}
				
					#menu-gauche li{
					padding:4px 0; margin:0;
					list-style:none none;
					border-bottom:1px dotted ;
					line-height:12px;
					}
					
						#menu-gauche li a{
						font-size:11px;
						color:#1B3B6C;
						text-decoration:none;
						}
						
						#menu-gauche li a:hover{}
							
							#menu-gauche li a span{
							padding-right:10px;
							background-color:#fff;
							}
							
							#menu-gauche #current span, #menu-gauche li a:hover span{
							background-position:right center;
							background-repeat:no-repeat;
							}		
	
#footer01{background:transparent url('../images/footer01-bg.jpg') no-repeat top;}
	#footer02{
	height:110px;
	padding-top:34px;
	background:transparent url('../images/footer02-bg.jpg') no-repeat top;
	text-align:center;
	overflow:hidden;
	}
	#ville #footer02, #loisirs #footer02, #services #footer02, #developp #footer02, #repertoire #footer02, #information #footer02
	{background-image:url('../images/footer02-pagemenu-bg.jpg');}
	
		#footer02 p{
		font-size:9px;
		line-height:14px;
		color:#999;
		margin:0;
		height:41px;
		}
		#orage{
		margin-top:25px;
		}
		#orage p{
		font-size:2px;
		color:#cdc7a5;
		margin:-10px 0 0 0;
		padding:0;
		}
		#orage img{border:0;}
/*STRUCTURE -FIN-*/

/*ville*/
	#ville #menu-gauche li{
	border-color:#99A370;
	}		
	#ville #menu-gauche #current, #menu-gauche li a:hover{
	color:#99A370;
	}
	#ville #menu-gauche #current span, #menu-gauche li a:hover span{
	background-image: url(../ville/flecheverte.gif);
	}
	
	#ville h2, #ville h3, #ville h4{color:#828b5f;}
	
	#ville ul{list-style-image:url('../images/puce-ville.gif');}
	
	#ville .infoBoite{
	border-color:#99A370;
	background-color:#e9ecdd;
	}
		#ville .source{
		border-top-color:#99A370;
		}
		
	#ville .thTop th{border-top-color:#99A370; border-bottom-color:#99A370;}
	#ville .tableauComplex th.tableauTopTitre{color:#99A370;}
	#ville .tableauComplex th.tableauTopTitre02{
	background-color:#99A370; 
	border-color:#99A370;
	color:#fff;
	}	
/*ville -fin-*/
/*loisirs*/
	#loisirs #menu-gauche li{
	border-color:#9f5600;
	}		
	#loisirs #menu-gauche #current, #loisirs #menu-gauche li a:hover{
	color:#9f5600;
	}
	#loisirs #menu-gauche #current span, #loisirs #menu-gauche li a:hover span{
	background-image: url(../loisirs_culture/flechejaune.gif);
	}
		 
	#loisirs h2, #loisirs h3, #loisirs h4, #loisirs h5{color:#9f5600;}
	#loisirs ul{list-style-image:url('../images/puce-loisirs.gif');}
		
	#loisirs .infoBoite{
	border-color:#9f5600;
	background-color:#f5eee5;
	}
	#loisirs .source{
	border-top-color:#9f5600;
	}
	
	.inactif{
	color:adadad;
	text-decoration:none;
	}
	
	#loisirs .thTop th{border-top-color:#9f5600; border-bottom-color:#9f5600;}	
/*loisirs -fin-*/
/*services*/
	#services #menu-gauche li{
	border-color:#7497A5;
	}	
	#services .thTop th{border-top-color:#7497A5; border-bottom-color:#7497A5; padding:0;}
		
	#services #menu-gauche #current, #services #menu-gauche li a:hover{
	color:#7497A5;
	}
	#services #menu-gauche #current span, #services #menu-gauche li a:hover span{
	background-image: url(../services/flechebleu.gif);
	}
	
	#services h2, #services h3, #services h4{color:#7497A5;}
	#services ul{list-style-image:url('../images/puce-services.gif');}
	
	#services .infoBoite{
	border-color:#7497A5;
	background-color:#f1f4f6;
	
	}
		#services .source{
		border-top-color:#7497A5;
		}
/*services -fin-*/
/*developpement*/
	#developp #menu-gauche li{
	border-color:#9b9679;
	}		
	#developp #menu-gauche #current, #developp #menu-gauche li a:hover{
	color:#9b9679;
	}
	#developp #menu-gauche #current span, #developp #menu-gauche li a:hover span{
	background-image: url(../developpement/flechebeige.gif);
	}
	
	#developp h2, #developp h3, #developp h4{color:#9b9679;}
	
	#developp .infoBoite{
	border-color:#9b9679;
	background-color:#f3f2ef;
	}
	#developp .source{
	border-top-color:#9b9679;
	}
	
	#developp .thTop th{border-top-color:#9b9679; border-bottom-color:#9b9679;}
/*developpement -fin-*/
/*repertoire*/
	#repertoire #menu-gauche li{
	border-color:#681513;
	}		
	#repertoire #menu-gauche #current, #repertoire #menu-gauche li a:hover{
	color:#681513;
	}
	#repertoire #menu-gauche #current span, #repertoire #menu-gauche li a:hover span{
	background-image: url(../repertoire/flecherouge.gif);
	}
	
	#repertoire h2, #repertoire h3, #repertoire h4,{color:#681513;}
	
	#repertoire .thTop th{
		background-color:none;
		border-top-color:#9f5600; border-bottom-color:#9f5600;}
/*repertoire -fin-*/
/*information*/
	#information #menu-gauche li{
	border-color:#695825;
	}		
	#information #menu-gauche #current, #information #menu-gauche li a:hover{
	color:#695825;
	}
	#information #menu-gauche #current span, #information #menu-gauche li a:hover span{
	background-image: url(../information/flechebrune.gif);
	}
	
	#information h2, #information h3, #information h4{color:#695825;}
/*information -fin-*/

/*BALISE*/
a{color:#1c3d70;}
a:hover{color:#49648d; text-decoration:none;}
a:active, a:focus{outline:none;}
a.inactif{
color:#adadad;
text-decoration:none;
}


span.inactif{
color:#adadad;
text-decoration:none;
}

p{margin:0 0 14px 0;}

h1, h2, h3, h4, h5, h6{
line-height:normal;
font-weight:normal;
color:#1c3f71;
text-align:left;
}

h1{
margin:0 0 14px -14px;
padding:0;
border:0;
}

h2{
font-size:18px;
margin:21px 0 14px 0;
border-bottom:1px solid;
}
	h2 span.titreSpan{font-size:16px;}

h3{
font-size:16px;
margin:21px 0 7px 0;
border:0;
}
	h3 span.titreSpan{font-size:14px;}

h4{
font-size:14px;
margin:5px 0 7px 0;
border:0;
}

h5{
font-size:12px;
margin:14px 0 7px 0;
border:0;
}

h6{
font-size:12px;
margin:14px 0 7px 0;
border:0;
}

	.first{margin-top:0;}

img{border:0;}

form{margin:0; padding:0;}

ul{
list-style:outside square url('../images/puce.gif');
margin:0 0 14px 18px;
padding:0;
text-align:left;
}
#container01 #contenu ul.sansPuce
{list-style:none none; margin-left:0;}
	li ul{margin-bottom:0;}


ol{margin:0 0 14px 0; padding-left:18px;}

li, .grosseListe li li{padding:2px 0;}
.grosseListe li{padding:6px 0;}

hr{
display:block;
height:1px;
background-color:none;
border-top:1px solid #ccc;
border-bottom:0;
margin:16px 0;
padding:0;
clear:both;
}

dt{font-weight:bold;}
dd{margin:0 0 14px 0;}

table.normale {
text-align:left;
margin-bottom:14px;
width:100%;
background-color:#CCC;

}

table.tableauComplex {
background-color:#CCC;
text-align:left;
margin-bottom:14px;
width:100%;
}


table {
text-align:left;
margin-bottom:14px;
width:100%;
}


table.liensPDF {
border-collapse:collapse;
text-align:left;
margin-bottom:14px;
width:100%;
}


table.personnel td, table.personnel th{
padding:5px 10px 0 0;
border:none;
}

table td, table th{
padding:5px 10px 0 0;
}


table.personnel td:hover{
background-color:#fff;
}
table.personnel p{
text-align:justify;
}

table {
text-align:justify;
}


table.liensPDF a, table.tableauComplex a.pdficone{
padding-left:25px;
background:transparent url('../images/pdf-ico.gif') no-repeat left;
}
table.liensPDF tr:hover{background-color:#f5f5f5;}
table.liensPDF th, table.liensPDF td{
border-top:none;
border-left:none;
border-right:none;
}

	table.liensPDF td, table.liensPDF  th{
	padding:5px 10px;
	background:url(../ligne.jpg) bottom repeat-x;
	}
	
	table.tableauComplex td, table.tableauComplex  th{
	padding:5px 10px;
	background-color:#FFF;
	}
	
	table.normale td:first-child{
background-color:#f1f1f1;
	}
	
	table.normale td, table.normale  th{
	padding:5px 10px;
	background-color:#FFF;
	
	}
	.tauxtaxe{
	font-size:9px;
	padding:1px;
	text-align:center;
	}
	
	table.normale th, table.normale td:hover{
	background-color:#f1f1f1;
	}
	
	th{
	text-align:inherit;
	}
	
	.thTop th{
	border-bottom:2px solid;
	border-top:2px solid;
	}
		th span{font-weight:normal;}
		
	
	.tableauComplex th.tableauTopTitre{
	background-color:#fff;
	border-top:0; border-left:0; border-right:0; border-bottom:2px solid #7497A5; 
	color:#7497A5; font-size:16px; font-weight:normal; 
	padding-left:0;
	}
	.tableauComplex th.tableauTopTitre02{
	background-color:#7497A5; 
	border-top:0; border-left:0; border-right:0; border-bottom:2px solid #7497A5;
	color:#fff;
	}


/*BALISE -FIN*/

/*CLASS*/
.imgLeft{
float:left;
margin:0 14px 14px 0;
border:2px solid #ccc;
}

.imgLeft_personnel{
margin:0 5px 0px 0;
border:2px solid #ccc;
}

.imgMeublage{
border:2px solid #ccc;
margin:0;
}

.vignette{
font-size:9px;
color:#333333;
}

.imgpersonel{
border:2px solid #ccc;
}

.imgRight{
float:right;
margin:0 0 14px 14px;
border:2px solid #ccc;
}

.float{float:left;}
.floatRight{float:right;}
.floatContainer{overflow:hidden;}

.clear{clear:both;}

.infoBoite{
color:#000;
padding:14px 14px 0 14px;
margin-bottom:14px;
border:1px solid;
}
	.source{
	font-size:9px;
	line-height:13px;
	text-align:left;
	margin:0 -14px;
	padding:7px 14px;
	background-color:#fff;
	border-top:1px dotted;
	}

.retourListe{
text-align:right;
margin:0;
padding:0;
}

.retourHaut{
clear:both;
text-align:center;
border-top:1px solid #ccc;
margin:21px 0 0 0;
padding:7px 0 0 0;
}

.pdfIco{border:0; vertical-align:middle;}

.deuxCol{float:left; width:340px;}
.deuxColPetit{float:left; width:270px;}
/*CLASS -FIN-*/

/*CALENDRIER*/
#calendrier{
background:transparent url('../images/calendrier-middle.gif') repeat-y top left;
width:205px;
margin-top:11px;
}
#calendrier h2{
background:#1c3e71 url('../images/calendrier-top.gif') no-repeat top;
width:185px;
height:28px;
border:0;
color:#fff;
padding:5px 10px;
margin:0;
}
	#calendrierMiddle{
	width:185px;
	padding:0 10px;
	line-height:normal;
	}
	
		
	img#calendrierBottom{display:block; border:0;}
/*CALENDRIER -FIN-*/
/*PROMO*/
#promoIframe{
margin-top:10px;
width:205px;
height:400px;
}
/*PROMO -fin*/	



	#formulaire .inline p{
	width:270px;
	float:left;
	}
	
	
	#formulaire .cv p{
	float:left;
	}
	
	#formulaire .cv label{
	float:none;
	display:inline;
	}
	
	
	#formulaire .lettre p{
	float:left;
	}
	
	#formulaire .lettre label{
	float:none;
	display:block;
	}
	
	
	#formulaire label{
	float:none;
	display:block;
	}
	
	
	#formulaire .inline .input, #formulaire .inline .select{
	width:255px;
	}
	
	
		
	#formulaire .lettre .input{
	width:400px;
	height:100px
	}

				#formulaire input.submit{
				margin:0;
				background:none;
				padding:0;
				border:0;
				color:#695825;
				font-size:12px;
				border:1px solid #695825;
				
				}
				
				
				#formulaire input.submit:hover{
				margin:0 0 0px 0px;
				background:none;
				padding:0;
				border:0;
				color:#867646;
				border:1px solid #695825;
				
				}
	
	
	
	.select{
	padding:2px 0;
	}

.txtbleu{
color:#1c3f71;
font-weight:bold;
font-size:12px;
}

#contenu h5{
color:#333333;
font-size:12px;

}

#bordergris img{
margin:0 5px 0px 0;
border:2px solid #ccc;
}

#nouvelles ul{margin:0; padding:0; list-style:none none;}
	
	#nouvelles li{
	border-bottom:1px solid #cccccc;
	padding:4px 0 4px 0;
	margin:0;
	}
	
	
	#nouvelles a{
	text-decoration:none;
	}
	
	#nouvelles h4{
	font-size:12px;
	font-weight:normal;
	padding-top:0px;
	margin:0 0 0 0;
	}
	
	#nouvelles h4 a{color:#1b3c6e;}
	
	#nouvelles h4 span{
	font-weight:normal;
	font-size:12px;
	}
	#nouvelles h4 a span{color:#1b3c6e;}

	#nouvelles p{text-align:left; margin:6px 0}
	#nouvelles p a{
	text-decoration:underline;
	}
	#nouvelles p a:hover{
	text-decoration:none;
	}
	
	a.retourNouvelles{
	float:left;
	padding-left:13px;
	margin-top:8px;
	margin-bottom:8px;
	font-size:12px;
	}
	
	#nouvelles #allNouvelles{
	margin-top:0; padding-top:8px;
	text-align:right;
	}
		#nouvelles #allNouvelles a{background:none; padding-left:0; color:#1b3c6e;}

#nouvellesBig{
	margin:20px 20px 0 0;
	text-align:justify;
	font:12px/16px Arial, Helvetica, sans-serif;
	
	}

	a.retourNouvelles{
	float:left;
	padding-left:13px;
	margin-top:8px;
	margin-bottom:8px;
	font-size:12px;
	background: url(../images/acceuil_new/fleche_verslagauche.png) no-repeat center left;
	}

#nouvellesBig ul{
margin:12px 0px; 
padding:0 0 0 12px;
list-style:none none;
}
	#nouvellesBig li{
	border-top:1px solid #ccc;
	padding:20px 0;
	overflow:hidden;
	}
		#nouvellesBig li:first-child{border:0; padding-top:0;}
		
		#nouvellesBig h3{
		font-weight:normal;
		margin-top:0;
		padding:0;
		color:#695825;
		font-size:16px;
		}
			#nouvellesBig h3 span{
			font-size:12px;
			font-weight:normale;
			color:#695825;
			}
			#nouvellesBig h2{
				margin-top:0;
				padding-top:0;
			}
			
			#nouvellesBig h2 span{
			color:#1b3c6e;
			font-size:12px;
			font-weight:normale;
			}
		
		#nouvellesBig img{
		margin:0 10px 0 0;
		float:left;
		border:2px #cccccc solid;
		padding:0;
		}
		
		#nouvellesBig img{
		float:left;
		border:2px #cccccc solid;
		padding:0;
		}
		
		
			
		#nouvellesBig  table th{
			text-align:justify;
	font:12px/16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0px 10px 0 0px;
	vertical-align:top;
		}
		
		
		
			#nouvellesBig  table td{
			text-align:justify;
	font:12px/16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0px 10px 0 10px;
	vertical-align:top;

		}
		
		
		
	#nouvellesBig  table{
	
		
	}