* {
padding:0; margin:0; list-style: none; border:0;
}
img, div, a, input { behavior: url(fix/iepngfix.htc) }
body {
	background: #e8f5f7 url(img/bg_body.jpg) repeat-x top;
}
#conteneur {
	width:650px;
	margin:0 auto;
	min-height: 100%;
	position:relative;
	z-index:0;
	font:13px Arial, sans-serif;
	/*color:#016085;*/
	color:#123E5F;
}
/* HEADER */
a.logo {
	margin:0 auto;
	width:318px;
	display:block;
	position:relative;
	z-index:2;
}
/* MENU */
ul.menu1 {
	position:absolute;
	display:block;
	top:5px;
	left:80px;
	z-index:1;
}
ul.menu1 li {
	height:29px;
	width:120px;
	background:transparent no-repeat left top; 
	overflow:hidden;
}
ul.menu1 li a {
	line-height:200px;
	display:block;	
}
ul.menu1 li.acc{
	background: url(img/btn_accueil.jpg);
}
ul.menu1 li.ref {
	background: url(img/btn_references.jpg);	
}
ul.menu1 li.con {
	background: url(img/btn_contact.jpg);	
}
ul.menu1 li:hover {
	background-position: left bottom;
}
ul.menu2 {
	position:absolute;
	left:420px;
	top:5px;
	width:118px;
	display:block;
	z-index:1;
}
ul.menu2 li {
	height:29px;
	width:118px;
	background:transparent no-repeat left top; 
	overflow:hidden;
}
ul.menu2 li a {
	line-height:200px;
	display:block;	
}
ul.menu2 li.rid {
	background-image: url(img/btn_ridepark.jpg);
}
ul.menu2 li.pho {
	background-image: url(img/btn_photos.jpg);
}
ul.menu2 li:hover {
	background-position: left bottom;
}
.nuage_1 {
	position: absolute;
	top: 110px;
	left: 20px;
	width: 110px;
	height: 26px;
	background: url(img/nuage_1.png);
	overflow:hidden;
}
.nuage_2 {
	position: absolute;
	top: 115px;
	right: -30px;
	width: 191px;
	height: 46px;
	background: url(img/nuage_2.png);
	overflow:hidden;
}
#main {
	line-height:20px;
}
#main a[class="box"] {
	display:inline-block;
	padding:2px;
	padding-left: 10px;
	padding-right: 10px;
	background:#FFF;
	text-decoration:none;
	font-weight:bold;
	color:#016085;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:2px;
	margin-right:2px;
	}
#main a[class="box"]:hover {
	background:#016085;
	color:#FFF;
	text-decoration:underline;
	}
#main h1:first-child {
	clear:both;
	height:30px;
	margin-bottom:20px;
	width:263px;
	background:transparent no-repeat left top;
	overflow:hidden;
	line-height:200px;
}
#main h2 {
	padding-top:15px;
	padding-bottom:15px;
	font-size:15px;
	font-weight:bold;
}
#main h3 {
	padding-top:1px;
	padding-bottom:1px;
	font-size:14px;
	font-weight:bold;
}
#main ul.demarche {
	width:100%;
	background: url(img/soleil.png) no-repeat right center;
}
#main ul.demarche li {
	list-style-type: decimal;
	list-style-position: inside;
}
#main ul.offres li {
	list-style-type:disc;
	list-style-position: inside;
}
#main ul.ref {
	margin:0 auto;
	width:100%;
}
#main ul.ref li {
text-align:center;
padding:3px;
margin:5px;
width:180px;
height:250px;
overflow:hidden;
float:left;
font-size:12px;
background:transparent url(img/bg_ul_li.png) no-repeat top left;
}
#main ul.ref li:hover {
background:transparent url(img/bg_ul_li.png) no-repeat top right;
}
.slider_ref {
	position:relative;
}
#btn_defile {
	width:102px;
	height:30px;
	background:transparent url(img/btn_defile.png) no-repeat top left;
	position:absolute;
	top:65px;
	right:-70px;
	z-index:10;
}
#prev, #next {
	position:absolute;
	top:100px;
	height:45px;
	width:43px;
	cursor: pointer;
}
#next {
	background: transparent url(img/nav.png) no-repeat top right;
	right:0px;
}
#prev {
	background: transparent url(img/nav.png) no-repeat top left;
	left:0px;
}
#next:hover {
	background-position:bottom right;
}
#prev:hover {
	background-position:bottom left;	
}
#main ul.ref li a img {
	border:3px solid #FFF;
	}
#main ul.ref li a img:hover {
	border:3px solid #69C7EB;
	}
#main ul.ref div {
width:588px;
}	
#main ul.ref li div {
color:#CCC;
width: auto;
}
/* miniature galeries photos */
#main ul.ref li img.mini {
	width:160px;
	height:100px;
	background-position:center center;
}
/* CONTACT */
form {
	padding:10px;
	}
form input[type="text"], form textarea {
	border:0;
	width:425px;
	height:18px;
	font:13px Arial, sans-serif;
	background:transparent url(img/input.png) no-repeat top left;
	color:#69C7EB;
	padding:7px;
	padding-left: 10px;
	padding-right:10px;
	}
form textarea {
	background:transparent url(img/textarea.png) no-repeat top left;
	height:280px;
	padding:10px;
	overflow:auto;
}
form input[type="text"]:focus, form textarea:focus {
	background-position: bottom left;
}
form input[type="submit"] {
	padding:5px;
	margin:10px;
	font-size:15px;
	font-weight:bold;
	background-color:#69C7EB;
	color:#FFF;
	}
form .error {
	color:red;
	}
/* FOOTER */
#footer {
width:650px;
margin:0 auto;
text-align:center;
margin-top:15px;
padding-top:10px;
padding-bottom:10px;
border-top: 1px solid #FFF;
overflow:hidden;
clear:both;
}
#footer a {
font-size:10px;
color:#CCC;
text-decoration:none;
}