@import url('blocs.css');
@import url('extensions.css');
@import url('declinaisons.css');

.laiframe {
	height:3000px;
	width:105%;	
	border:0px solid black;
	background-color:transparent;
}

/* Reset */
* {
	margin: 0;
	padding: 0;
}

.voeux {
	display:none;
}

ul, ol {
	margin-left: 20px;
}

p {
	margin-bottom: 5px;
}

p.align-right {
	text-align: right;
}

p.align-center {
	text-align: center;
}

p.align-justify {
	text-align: justify;
}

a img { border: none; }

a { outline: none; }

a:hover { text-decoration: none; }

/* Classes g�n�riques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

body {
	text-align: center;
	font-family: Arial;
	font-size: 12px;
}

#superGlobalcontainer {
	position: absolute;
	z-index: 0;
	left: 50%;
	margin-left: -472px;
	width: 944px;
}

.imageFond {
	position: absolute;
	z-index: -10;
	left:50%;
	margin-left:-623px;
}

.imageFiltre {
	position: absolute;
	z-index: -5;
	background: url('../images/fond/fond-filtre1-left.png') no-repeat 0 0;
	width: 151px;
	height: 781px;
	left:50%;
	margin-left:-623px;
}

#globalcontainer {
	text-align: left;
	width: 944px;
	margin: 0 auto;
}

	.accueil #leftContainer {
		float: left;
		width: 380px;
		height: 781px;
		background: url('../images/fond/fond-filtre1-right.png') no-repeat 0 0;
	}
	
	.page #leftContainer {
		float: left;
		width: 172px;
		height: 781px;
		background: url('../images/fond/fond-filtre2-right.png') no-repeat 0 0;
	}
	
	.accueil #leftContainer h1 {
		text-indent: -1000em;
		font-size: 1%;
	}
	
	.page #leftContainer .retourAccueil {
		width: 150px;
		height: 95px;
		display: block;
		margin: 82px 0 0 9px;
		position: relative;
	}
	
	.accueil #leftContainer #mainMenu {
		margin: 217px 0 0 215px;
	}
	
	.page #leftContainer #mainMenu {
		margin: 40px 0 0 7px;
		/*position: relative;
		z-index: 10;*/
	}
	
		#leftContainer #mainMenu ul {
			margin: 0;
		}
		
			#leftContainer #mainMenu ul li {
				width: 154px;
				list-style: none;
			}
			
				#leftContainer #mainMenu ul li.mairie {
					background-color: #0e73bb;
				}
				
				#leftContainer #mainMenu ul li.habitants {
					background-color: #049cb1;
				}
				
				#leftContainer #mainMenu ul li.urbanisme {
					background-color: #dd6e03;
				}
				
				#leftContainer #mainMenu ul li.tourisme {
					background-color: #018b7b;
				}
				
				#leftContainer #mainMenu ul li.culture {
					background-color: #00a45d;
				}
				
				#leftContainer #mainMenu ul li.sport {
					background-color: #ff9900;
				}
				
				#leftContainer #mainMenu ul li.pratiques {
					background-color: #c5302c;
				}
				
				#leftContainer #mainMenu ul li.active {
					width: 154px;
					list-style: none;
				}
			
					#leftContainer #mainMenu ul li a {
						width: 136px;
						height: 28px;
						padding: 15px 0 0 18px;
						display: block;
						background: url('../images/menuAccueil/fond-off.png') no-repeat 0 0;
						color: #FFF;
						font-weight: bold;
						text-decoration: none;
					}
					
					#leftContainer #mainMenu ul li.active a {
						background: url('../images/menuAccueil/fond-on.png') no-repeat 0 0;
						height: 100%;
						padding: 15px 0 13px 18px;
						zoom: 1;
					}
					
					#leftContainer #mainMenu ul li a:hover {
						background: url('../images/menuAccueil/fond-on.png') no-repeat 0 0;
					}
					
						#leftContainer #mainMenu ul li.active ul {
							margin: 0;
							padding: 0 0 8px 0;
							background: url('../images/menuAccueil/fond-off.png') repeat-y 0 0;
						}
						
							#leftContainer #mainMenu ul li.active ul li {
								height: 100%;
								/*background: url('../images/menuAccueil/fond-off.png') no-repeat 0 0;*/
								padding: 3px 0 3px 14px;
								width: 140px;
							}
							
							#leftContainer #mainMenu ul li.active ul li.active {
								
							}
							
								#leftContainer #mainMenu ul li.active ul li a {
									background: url('../images/menuAccueil/puce-niveau-off.png') no-repeat 2px 6px;
									padding: 0 5px 0 8px;
									margin: 0;
									height: 100%;
									font-weight: normal;
									width: 127px;
									font-size: 11px;
								}
								
								#leftContainer #mainMenu ul li.active ul li.active a {
									background: url('../images/menuAccueil/puce-niveau-on.png') no-repeat 0 5px;
									text-decoration: underline;
								}
								
								#leftContainer #mainMenu ul li.active ul li a:hover {
									background: url('../images/menuAccueil/puce-niveau-on.png') no-repeat 0 5px;
									text-decoration: underline;
								}
								
									#leftContainer #mainMenu ul li.active ul li.active ul {
										background: none;
										margin: 0 0 0 10px;
										padding: 5px 0 0 0;
									}
									
										#leftContainer #mainMenu ul li.active ul li.active ul li {
											padding: 0;
											background: none;
											width: 130px;
										}
										
											#leftContainer #mainMenu ul li.active ul li.active ul li a {
												background: url('../images/menuAccueil/puce-niveau2.png') no-repeat 2px 8px;
												text-decoration: none;
												width: 117px;
											}
											
											#leftContainer #mainMenu ul li.active ul li.active ul li.active a, #leftContainer #mainMenu ul li.active ul li.active ul li a:hover {
												font-weight: bold;
												text-decoration: underline;
												background: url('../images/menuAccueil/puce-niveau2.png') no-repeat 2px 8px;
											}
	
	.accueil #destinations2030 {
		display: block;
		margin: 40px 0 0 36px;
	}
							
	.accueil #helyce {
		display: block;
		margin: 20px 0 0 36px;
	}
	.accueil #helyce img, .accueil #destinations2030 img {
		width: 85px;
		height: 45px;
	}
	.page #helyce, .page #destinations2030{
		display: none;
	}
	

	.accueil #leftContainer #lienBas {
		margin: 0 0 0 106px;
		position: absolute;
		top: 734px;
	}
	
		#leftContainer #lienBas a {
			font-size: 11px;
			color: #FFF;
		}
	
	.accueil #rightContainer {
		float: left;
		width: 564px;
		background: url('../images/fond/fond-droite.png') no-repeat 0 0;
	}
	
	.page #rightContainer {
		float: left;
		width: 772px;
		background: #FFF url('../images/fond/fond-droite.png') no-repeat right 0;
	}
	
		#rightContainer .rootLine {
			float: left;
			margin: 25px 0 0 20px;
			padding: 0 0 0 15px;
			width: 480px;
			background: url('../images/rootLineHome.png') no-repeat 0 3px;
			font-size: 11px;
			color: #005ca6;
		}
		
			#rightContainer .rootLine a {
				font-size: 11px;
				color: #005ca6 !important;
			}
	
		#rightContainer ul.langue {
			float: right;
			margin: 8px 42px 0 0;
		}
		
			#rightContainer ul.langue li {
				display: inline;
				padding-right: 2px;
			}
			
		#rightContainer ul.accesRapide {
			margin: 10px 0 0 25px;
			width: 470px;
			float: left;
			display: inline;
		}
		
			#rightContainer ul.accesRapide li {
				list-style: none;
				padding: 9px 0 9px 40px;
				margin: 0px 4px 0 0;
				float: left;
				width: 70px;
			}
			
				#rightContainer ul.accesRapide li.etatCivil {
					background: url('../images/accesRapide/etatCivil.png') no-repeat 0 0;
				}
				
				#rightContainer ul.accesRapide li.planVille {
					background: url('../images/accesRapide/planVille.png') no-repeat 0 0;
					padding: 2px 0 2px 40px;
				}
				
				#rightContainer ul.accesRapide li.magazine {
					background: url('../images/accesRapide/magazine.png') no-repeat 0 0;
					padding: 2px 0 2px 40px;
				}
				
				#rightContainer ul.accesRapide li.marchesPublics {
					background: url('../images/accesRapide/marchesPublics.png') no-repeat 0 0;
					padding: 10px 0 9px 40px;
					width: 80px;
				}
				
				#rightContainer ul.accesRapide li.meteo {
					background:transparent url(../images/accesRapide/meteo.png) no-repeat scroll 0 0;
					margin: 8px 4px 0 0;
					padding-left:58px;
					width: 52px;
				}
				
				#rightContainer ul.accesRapide li.agenda {
					background: url('../images/accesRapide/agenda.png') no-repeat 0 0;
					margin: 8px 4px 0 0;
				}
				
				#rightContainer ul.accesRapide li.video {
					background: url('../images/accesRapide/video.png') no-repeat 0 0;
					margin: 8px 4px 0 0;
				}
				
				#rightContainer ul.accesRapide li.telechargements {
					background: url('../images/accesRapide/telechargements.png') no-repeat 0 0;
					margin: 8px 4px 0 0;
				}
				
				#rightContainer ul.accesRapide li.stationner {
					background: url('../images/accesRapide/stationner.png') no-repeat 0 0;
					margin: 8px 4px 0 0;
					padding: 2px 0 2px 40px;
				}
			
				#rightContainer ul.accesRapide li a {
					color: #005ca6 !important;
					font-size: 11px;
					text-decoration: none;
				}
			
		#rightContainer .print {
			float: right;
			margin: 66px 65px 0 0;
			display: inline;
		}
			
		#rightContainer form.search {
			background: url('../images/recherche/champRecherche.png') no-repeat 0 1px;
			margin: 25px 14px 0 0;
			float: right;
		}
		
			#rightContainer form.search input {
				float: left;
				background: none;
				border: 0;
				width: 130px;
				padding: 4px 0 4px 24px;
				margin: 0 6px 0 0;
				font-size: 11px;
				color: #a0a0a0;
			}
			
			#rightContainer form.search button {
				float: left;
				border: 0;
				background: none;
			}
	
		#rightContainer ul.menuTop {
			float: right;
			margin: 6px 16px 0 0;
		}
		
			#rightContainer ul.menuTop li {
				display: inline;
				color: #005ca6;
				font-size: 12px;
			}
			
				#rightContainer ul.menuTop li a {
					color: #005ca6 !important;
					font-size: 12px;
					text-decoration: none;
				}
				
				#rightContainer ul.menuTop li a:hover, #rightContainer ul.menuTop li.active a {
					text-decoration: underline;
				}
	
	.page #rightContainer h1 {
		text-transform: uppercase;
		font-size: 16px;
		margin: 30px 0 0 20px;
	}
	
	.page #rightContainer h2 {
		font-size: 14px;
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
	}
	
	.page #rightContainer h3 {
		font-size: 14px;
		margin: 0 0 5px 0;
	}
	
	.accueil #rightContainer #content {
		padding: 20px 18px 0 24px;
		background: url('../images/fond/fond-content-home.png') repeat-y 0 0;
	}
	
	.page #rightContainer #content {
		padding: 20px 20px 0 20px;
		min-height: 470px;
		background: url('../images/fond/fond-content-page.png') repeat-y 0 0;
	}
	
	.page #rightContainer #content.deuxColonnes .left {
		float: left;
		width: 487px;
		padding: 10px 22px 10px 13px;
	}
	
	.page #rightContainer #content.uneColonne .left {
		width: 703px;
		padding: 10px 22px 10px 13px;
	}
	
		.page #rightContainer #content .left table {
			border-spacing: 0px;
			border-collapse: collapse;
			width: 100%;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
		}
			
		.page #rightContainer #content .left table th {
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			padding: 5px 10px;
			color: #FFF;
		}
		
		.page #rightContainer #content .left table td {
					border-left: 1px solid #fff;
					border-bottom: 1px solid #fff;
					padding: 5px 10px;
				}
	
	.page #rightContainer #content.deuxColonnes .right {
		float: left;
		width: 200px;
		margin: 0 0 0 10px;
	}
	
	.accueil #footerContent {
		height: 83px;
		background: url('../images/fond/fond-footer.png') no-repeat right 0;
		width: 564px;
	}
	
	.page #footerContent {
		height: 83px;
		background: url('../images/fond/fond-footer.png') no-repeat 0 0;
		width: 772px;
	}
	
	.accueil #footer {
		
	}
	
	.page #footer {
		
	}
	
		.copyright {
			float: right;
			color: #6e6e6e;
			font-size: 11px;
			margin: 3px 45px 0 0;
		}
	
		#footer ul {
			float: right;
			margin: 2px 5px 0 0;
		}
		
			#footer ul li {
				display: inline;
				color: #6e6e6e;
				font-size: 11px;
			}
			
				#footer ul li a {
					color: #6e6e6e;
					font-size: 11px;
					text-decoration: none;
				}

/* Powermail */
form.tx_powermail_pi1_form fieldset {
	padding: 10px;
}

form.tx_powermail_pi1_form fieldset legend {
	padding: 2px 8px;
	background-color: #DCDCDC;
	font-weight: bold;
}

form.tx_powermail_pi1_form label,
form.tx_powermail_pi1_form p
{
	float: left;
	text-align: right;
	width: 180px;
	padding-right: 10px;
	font-weight: bold;
}

form.tx_powermail_pi1_form input {
	width: 245px;
	height: 20px;
}
form.tx_powermail_pi1_form div.powermail_radio_inner label {
	min-width: 28px;
	width: auto;
	font-weight: normal;
}

form.tx_powermail_pi1_form input.powermail_radio {
	width: auto;
	height: auto;
	margin-top: 2px;
}

form.tx_powermail_pi1_form textarea {
	width: 245px;
	height: 100px;
}

form.tx_powermail_pi1_form div.tx_powermail_pi1_fieldwrap_html_submit {
	margin: 20px auto;
	text-align: center;
}

form.tx_powermail_pi1_form input.powermail_submit {
	border: none;
	padding: 2px 8px;
	background-color: #DCDCDC;
	width: auto;
	font-weight: bold;
}

form.tx_powermail_pi1_form div {
	margin-bottom: 10px;
}

form.tx_powermail_pi1_form input[size="50"] {
	width: 50px;
}

form.tx_powermail_pi1_form input.validation-failed, textarea.validation-failed {
	background: url("/typo3conf/ext/powermail/img/icon_exclamation.gif") no-repeat 98% 1px;
}

form.tx_powermail_pi1_form div.powermail_mandatory_js {
	color: red;
	margin: 4px 0 0 190px;
}

form.tx_powermail_pi1_form span.powermail_mandatory {
	color: red;
	margin-left: 5px;
}

form.tx_powermail_pi1_form img.powermail_captcha,
form.tx_powermail_pi1_form div.tx_powermail_pi1_fieldwrap_html_label {
	margin: 10px 0 10px 190px;
}