@charset "utf-8";
/* CSS Document */

@import url(layout.css);
@import url(form.css);
@import url(lightview.css);

#principale div#page h3, #principale div#page div#url {
	width: auto;
	font-size: 40px;
	font-weight: normal;
	float: left;
	margin: 20px 0px 10px 10px;
}

#principale div#page div#url {
	font-weight: normal;
	font-size: 12px;
	padding: 28px 0px 0px 0px;
}

#principale div#page div#url a {
	color: #fff;
}

#principale div#page p#description {	
	clear: both;
	margin: 0px 0px 20px 10px;

}

#principale div#page div.service {
	position: relative;
	width: 841px;
	height: 310px;
}

#principale div#page div.service div.vignette {
	width: 830px;
	height: 290px;
	padding: 4px 6px 8px 7px;
	background:url(../../img/layout/background_ombre_projet.png) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#principale div#page div.service div.vignette img {
	border: 5px solid #fff;
}

#principale div#page div.service div.service_over {
	width: 820px;
	height: 82px;
	position: absolute;
	bottom: 21px;
	left: 12px;
	z-index: 2;
	background: #fff;
	z-index: 1;
}

#principale div#page div.service div.service_over h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -0.4px;
	width: 820px;
	height: 290px;
	position: absolute;
	top: -203px;
	left: 0px;
	z-index: 2;
}

#principale div#page div.service div.service_over h4 a {
	color: #333;
	display: block;
	padding: 210px 0px 0px 30px;
	width: 790px;
	height: 80px;
}

#principale div#page div.service div.service_over h5 {
	font-size: 11px;
	color: #999;
	text-align: right;	
	padding: 55px 11px 11px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#principale div#page div.service div.service_over div.barre_fleche {
	position: absolute;
	top: -12px;
	left: 0px;
	height: 12px;
	width: 820px;
}

#principale div#page div.service div.service_over div.barre_fleche div.col1 {
	width: 38px;
	height: 12px;
	background-color: #fff;
	float: left;
}

#principale div#page div.service div.service_over div.barre_fleche div.col2 {
	width: 24px;
	height: 12px;
	float: left;
	background: url(../../img/layout/background_fleche.png) top left no-repeat;
}

#principale div#page div.service div.service_over div.barre_fleche div.col3 {
	width: 758px;
	height: 12px;
	background-color: #fff;
	float: left;
}

#principale div#page div.service div.service_over ul.gallery {
	display: none;
}