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


body {
	margin:0;
	padding:0;
	background:#e6e7e8 url(bg_body.gif) repeat-x top left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}


#menu {
	position:relative;
	z-index:1000;
	background: transparent url(header_logo.gif) no-repeat top left;
	width: 998px;
	height: 87px;
}

ul#nav {
	position:relative;
	left: 248px;
	top: 25px;
	margin:0;
	padding:0;
	width: 750px;	
}

ul#nav li {
	list-style-type:none;
	margin:0;														
	padding:0;
	width: 150px;
	height: 31px;
	line-height: 31px;
	text-align:center;
	float:left;
	background: transparent url(sepa_menu.jpg) no-repeat top right;	
}
	ul#nav li.menu_no_border, ul#nav li ul li {background:none;}

#nav a {
	display:block;
	color:#FFF;
	text-decoration:none;
	width:100%;
	height:100%;
}
ul#nav li a:hover, ul#nav li a#menu_select {
	color:#73b249;
}




/* SuckerFish ------------- */
ul#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #004b8d;
	width: 149px;
	left: -999em; /*  using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0;
	margin:0;
}
	ul#nav li ul.bleu_clair {background-color: #0157a3;}

	ul#nav li ul li a {
		border-bottom: 1px solid #346a9a;
		width: 149px;
	}
	
		ul#nav li ul li a:hover {
			background: #014582;
			width: 149px;
		}
		
		
		ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
/* FIN SuckerFish -------------  */



#logolink {
	display: block;
	position: absolute;
	width: 125px;
	height: 50px;
	bottom: 0;
	left: 75px;
	text-decoration: none;
	background: url(vide.gif);
}


#showroom {
	position:relative;
	z-index:1;
	background: transparent url(header_showroom.jpg) no-repeat top left;
	width: 998px;
	height: 111px;
}
	#showroom a {
		display:block;
		width:140px;
		float:right;
		margin: 8px 5px 0 0;
		
		text-align:right;
		color: #73b249;
		font-size: 11px;
		letter-spacing: 5px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration:none;
	}
	#showroom a:hover {
		color: #004b8d;
	}



/* fil d'ariane */

ul#ariane {
	background-color: #7f7f7f;
	height: 23px;
	padding:0;
	margin:0;
	color: #e6e7e8;
}

	ul#ariane li {
		display:inline;
		list-style-type:none;
		margin: 0;														
		padding:0;	
		border-left:1px solid #FFF;
	}
	ul#ariane li#ariane_accueil {
		border-left:none;
	}	
	ul#ariane li a {
		color: #e6e7e8;
		text-decoration:none;
		margin: 0 10px;
		line-height:22px;
	}
	ul#ariane li a:hover {color: #FFF;}	
	
	ul#ariane li a#ariane_select {
		color:#FFF;
		font-weight:bold;
	}	
	
	

/*--------- STUFF ---------*/
	/*image*/
		img {border:0;}
	
	/*margin*/
		.mgb10 {margin-bottom:10px;}
		.mgb25 {margin-bottom:26px;}
		.mga {margin:0 auto;}
		.mgt0 {margin-top:0;}
		
	/*padding*/
		.pgb5 {padding-bottom:5px;}
		.pgb15 {padding-bottom:15px;}
		.pgt10 {padding-top:10px}
		
	/*text align*/
		.justify {text-align:justify;}
		.center {text-align:center}
		.tar {text-align:right;}
	
	/*color*/
		.blue li, .blue {color:#01315c;}
		.green {color:#5e9836;}
		.red {color:red;}
		.w {color:#fff;}
		.gray {color:#7f7f7f;}
	
	/*background*/
		.white {background-color: #FFF;}
	
	/*font size weight*/
		.mini {font-size:8px;}
		.fs10 {font-size:10px;}
		.fs14 {font-size:14px;}
		.b {font-weight:bold;}
	
	/*clear*/
		.clear {clear:both;}
		.clear_r {clear:right;}
		.clear_l {clear:left;}
		
	/*border*/
	.bb1sw {border-bottom:1px solid #fff;}
	.bb1sg {border-bottom:1px solid #7f7f7f;}
	
	.lh {line-height:20px;}
	a:active, a:focus {outline: 0;}
	.btn {cursor:pointer;}

/*showroom*/

#video {float:left;width:448px;height:367px;border:2px solid #7f7f7f;}

#info {padding:10px;float:left;width:496px;height:155px;border:2px solid #7f7f7f;}

#gallery {padding:10px 10px 2px 10px;float:left;width:500px;height:180px;background:#7f7f7f;}
	#gallery a span {visibility:hidden;}
	#gallery a {display:block;width:150px;height:60px;text-decoration:none;float:left;margin:0 22px 15px 0;border:1px solid #444444;}
		#gallery #vr1 {background:url(../img/Bati-C_01.jpg) no-repeat;}
		#gallery #vr2 {background:url(../img/Bati-C_02.jpg) no-repeat;}
		#gallery #vr3 {background:url(../img/Bati-C_03.jpg) no-repeat;margin:0 0 15px 0}
		#gallery #vr4 {background:url(../img/Bati-C_04.jpg) no-repeat;}
		#gallery #vr5 {background:url(../img/Bati-C_05.jpg) no-repeat;}
	#gallery a:hover {border:1px solid #fff;}
		#gallery #vr1:hover, #gallery #vr1.current {background:url(../img/Bati-C_01-hover.jpg) no-repeat;border:1px solid #fff;}
		#gallery #vr2:hover, #gallery #vr2.current  {background:url(../img/Bati-C_02-hover.jpg) no-repeat;border:1px solid #fff;}
		#gallery #vr3:hover, #gallery #vr3.current  {background:url(../img/Bati-C_03-hover.jpg) no-repeat;border:1px solid #fff;}
		#gallery #vr4:hover, #gallery #vr4.current  {background:url(../img/Bati-C_04-hover.jpg) no-repeat;border:1px solid #fff;}
		#gallery #vr5:hover, #gallery #vr5.current  {background:url(../img/Bati-C_05-hover.jpg) no-repeat;border:1px solid #fff;}
		
/*contact*/
#form_contact {padding:0 10px;}
#form_contact p {overflow:hidden;height:1%;}
#form_contact .fr {float:right;}
#form_contact .fl {float:left;}
#form_contact .champ, #form_contact textarea {border:1px solid #004b8d;}