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

body {
	background-color:#000000;
	margin: 0;
	font: 0.9em Arial, Helvetica, sans-serif;
	}
	img
	{
	border:0px;}
	/*################ STRUCTURE DE LA PAGE ##############*/
div#global {
/*	min-height: 100%;*/
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	}
div#header {
	margin-top: 20px;
	background: url(images/bandeau-haut-accueil.jpg) no-repeat;
	height: 387px;
}
div#conteneur{
	background-color:#fef7e1;
	}
div#contenu{
	width:930px;
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	margin:auto;
	background:url(images/fond-accueil.jpg) no-repeat;

	}
#moto{
	position:absolute;
	top:0px;
	left:-44px;
	background-image:url(images/bandeau-moto.jpg);
	height:261px;
	width:54px;
	}
div#nav{
	position:absolute;
	top:343px;
	left:-15px;
}
 * html div#nav{
	position:absolute;
	top:357px;
	left:-15px;
}
*+html div#nav{
	position:absolute;
	top:357px;
	left:-15px;
}
	/* ----------------------------- start #nav ----------------------------- */
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block;  height: 19px; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(images/bt-accueil-over.gif) no-repeat left bottom; }
#two { background:url(images/bt-galerie-over.gif) no-repeat left bottom; }
#three { background:url(images/bt-boutique-over.gif) no-repeat left bottom; }
#four { background:url(images/bt-showroom-over.gif) no-repeat left bottom; }
#five { background:url(images/bt-newsletter-over.gif) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */


/*------------------------------------------------------------revue presse*/
#actus{
position:absolute;
width:387px;
left:85px;
top:850px;
}
#actus2{
position:absolute;
width:387px;
left:85px;
top:950px;
}

.titre{
	font-weight:bold;
	color: #980208;
}
.annoncePresse {
	float:left;
	height:134px;
	width:129px;
	background:url(images/double-filet.gif) repeat-x bottom;
	font-size:0.8em;
display:block;
padding:15px 0px 55px 0px ;
}
.annoncePresse img{
padding-bottom:7px;}

/*--------------------------------------------zone gauche*/
#gauche{
position:relative;
width: 464px;
top:90px;
}
#gauche2{
position:relative;
width: 482px;
top:90px;
left:15px;
}

/*--------------------------------------------revue texte droite*/
#presentation{
	position:relative;
	width: 350px;
	margin-left:526px;
	font-size:0.8em;
	text-align: justify;
top:-60px;
	}
#presentation2{
	position:relative;
	width: 350px;
	margin-left:526px;
	font-size:0.8em;
	text-align: justify;
top:-130px;
	}

#barre{
	position:absolute;
	left:-35px;
	bottom:106px;
	}
#btSon{
	position:relative;
	margin-left:615px;
	top:-205px;
	z-index:100;
	
	}
*+html #btSon{	
	top:-195px;
	}
*html #btSon{	
	top:-195px;
	}
	#btSon embed, #btSon object{
		display:inline;
		float:left;
	} 
#btSon2{
	position:relative;
	margin-left:620px;
	top:-307px;
	z-index:100;
	}
*+html #btSon2{	
	top:-295px;
	}
*html #btSon2{	
	top:-295px;
	}
	#btSon2 embed, #btSon2 object{
		display:inline;
		float:left;
	}
	
	/*####################caravelle*/
	#caravelle{
	position:absolute;
	top:395px;
	left:686px;
	width:32px;
	height:100px;
		
	
	}
	
	#musik{
	position:relative;
	float:left;
	width:183px;
	height:88px;
	z-index:10000;
	margin-top:15px;
	margin-left:10px;
	display:inline;
	}