*{
	margin:0;
	padding:0;
	text-align:justify;
}
body{
	font-size:62.5%; /* 10px */
	color: #fff;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:normal;
	min-height:100%;
	font-family: Verdana, Geneva, sans-serif;
}
select, input, caption, textarea{
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
}
textarea{
	overflow:auto
}
img, fieldset, table{
   border: 0px none;
}
fieldset{
	display:block
}
table{
	border-collapse:collapse;
	table-layout:fixed
}
legend{
	margin-left:-7px;
}
input[type=text], label, .label{
height:20px;
width:300px;
font-size:1.2em;
}
textarea {
width:300px;
}
ul, ol, li{
	list-style: none;
}
address{
   font-style: normal;
}
q{
	font-size:1em;
	font-style:inherit;
	font-weight:inherit;
}
q:before,
q:after{
	content:"";
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

a{
	color: #fff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}

.clear {
	display: block;
	clear:both;
	height: 0px;
	visibility:hidden;
}

body{
	background: url(../images/common/bg_body.png) repeat 0 0;	
}

input[type="submit"] {
background:#FFFFFF none repeat scroll 0 0;
color:#000;
font-family:"lucida grande",verdana,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.right {
float:right;
}

/***************************** HEADER */
#header{
	background: url(../images/common/bg_headerRepeat.png) repeat-x 0 -20px;
}
	#header .headerContent1{
		background: url(../images/common/header1.png) no-repeat center 0;	
	}
	#header .headerContent2{
		background: url(../images/common/header2.png) no-repeat center 0;	
	}
	#header .headerContent3{
		background: url(../images/common/header3.png) no-repeat center 0;	
	}
	#header .headerContent4{
		background: url(../images/common/header4.png) no-repeat center 0;	
	}

		#header .headerTop{
			margin:0 auto;
			width:1000px;
			height:275px;
		}
		#header #mainLogo{
			height:220px;
			width:220px;
			padding: 43px 0 0 10px;
		}
			#header #mainLogo a{
				display:block;
				height:220px;
				width:240px;
			}
				#header #mainLogo a span{
					position:absolute;
					left:-999em;
				}
		#header .mainNavigation{
			background: url(../images/common/bg_mainNavigation.png) repeat-x 0 0;
		}
			#header .mainNavigation ul{
				width:780px;
				margin:0 auto;
				height:49px;
				font-size:1.2em;
			}
				#header .mainNavigation ul li{
					float:left;	
					padding: 0 15px;
				}
					#header .mainNavigation ul li a{
						float:left;
						height:41px;
						color:#fff;
					}
						#header .mainNavigation ul li a span{
							display:block;	
							padding:11px 4px 0 4px;
							height:30px;
							float:left;
							cursor:pointer;
						}
				#header .mainNavigation ul li.active a,
				#header .mainNavigation ul li a:hover{
					border-bottom: 7px solid #ae2831;
					text-decoration:none;
				}
						#header .mainNavigation ul li.active a span,
						#header .mainNavigation ul li a:hover span{
							border-bottom: 1px solid #999999;
							background-color:#2c2b2b;
							text-decoration:none
						}
/***************************** FOOTER */
#footer{
	width:100%;
	background: url(../images/common/bg_footerRepeat.png) repeat-x 0 0;
	bottom:0;
}
* html body #footer{
	position: absolute;
	top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
}
	#footer #innerFooter{
		height:60px;
		background: url(../images/common/bg_footer.png) no-repeat center 0;
	}
	#footer .footerContent{
		margin:0 auto;
		width:1000px;	
		color:#fff;
		font-size:1em;
		padding:15px 0 0 0;
	}
		#footer .footerContent address{
			line-height: 1.6em;	
		}
			#footer .footerContent address strong{
				color:#000;
				font-size:1.2em;
			}
	
/***************************** CONTENT */
#mainContent{
	width:1000px;
	margin:20px auto;
	padding: 0 0 10px 0;
	font-size:1.1em;
	min-height:280px;
}
#mainContent:after{
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
		
.separateContainer{
	background: url(../images/common/bg_separator.png) repeat-y 420px 0;		
}
	.introBlock{
		float:left;
		width:370px;
		padding: 0 60px 0 0
	}
	.introBlockBig{
		float:left;
		width:920px;
		padding: 0 60px 0 0
	}	
		.introBlock .introTitle{
			padding: 0 0 20px 40px;
			color:#ae2831;
			font-size:2em;
			background: url(../images/common/picto_pellicule.png) no-repeat 0 2px;
		}	
		.introBlock .textTitle, #MooFlow h3{
			font-size:1.4em;
			margin: 0 0 20px 40px;
			border-left: 3px solid #ae2831;
			padding: 0 0 0 11px
		}
		.introBlock .introContent{
			padding: 0 0 0 52px;	
		}
			.introBlock .introContent p,
			.introBlock .introContent ul{
				padding: 0 0 15px 0;	
			}
			.introBlock .introContent .linkMore{
				margin: 0 0 0 172px;
				padding: 6px 0 16px 44px;
				background: url(../images/common/picto_whiteArrow.png) no-repeat 0 0px;
			}
	.infoBlock{
		float:left;
		width:560px;
	}
		.infoBlock .newsContainer{
			width:546px;	
		}
		.infoBlock .newsContainer:after{
			content:".";
			clear:both;
			display:block;
			height:0;
			visibility:hidden;
		}
			.infoBlock .newsContainer .visuDisplay{
				float:right;
				margin:0 0 0 22px;
			}
			.infoBlock .newsTitle{
				padding: 5px 0 15px 34px;
				background: url(../images/common/picto_news.png) no-repeat 2px 0px;
				font-size:1.54em;
			}
			.infoBlock .newsBlock{
				padding: 0 0 0 35px;	
			}
				.infoBlock .newsBlock p,
				.infoBlock .newsBlock ul{
					padding: 0 0 10px 0;	
				}
		.latestTitle{
			padding: 0 0 9px 36px;
			background: url(../images/common/picto_latest.png) no-repeat 0px 0px;
			font-size:1.54em;
		}
			.latestTitle span{
				display:block;
				background: url(../images/common/bg_dotSeparator.png) no-repeat 2px 100%;
				padding: 0 0 8px 0;
			}
		.infoBlock .workList{
			margin: 0 0 0 36px;
			background: url(../images/common/bg_dotSeparator.png) no-repeat 2px 100%;
			padding: 20px 0 12px 0;
			height:153px
		}
			.infoBlock .workList li{
				float:left;
				width:103px;
				height:103px;
				padding: 0 10px;
				text-align:center;
			}
				.infoBlock .workList li img{
					display:block;
					border:3px solid #fff;
				}
			.infoBlock .workList li.seeMore{
				width:30px;
				padding: 39px 0 0 0;
				height:auto;
			}
				.infoBlock .workList li.seeMore a{
					display:block;
					height:27px;
					width:32px;
					background: url(../images/common/picto_whiteArrow.png) no-repeat 0 0;
				}
				 .infoBlock .workList li.seeMore a span{
					position:absolute;
					left:-999em
				 }

.fieldname {
float:left;
width:110px;
}

.input_field {
width:100px;
}

#map_canvas {
border:2px solid #ae2831;
}

a.red {
color:#ae2831;
}