/* CSS d'Yffic */
#header {
	float:left;
	width:100%;
	border-bottom: 1px solid black;
	font-size:100%;
	line-height:normal;
}
#header ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}
#header li {
	float:left;
	background:url("../images-base/onglet/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	font-weight:bold;
}
#header a, #header strong, #header span {
	display:block;
	color: #FF0000;
	background:url("../images-base/onglet/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
}
#header #current {
	background-image:url("../images-base/onglet/left_on.gif");
}
#header #current a {
	background-image:url("../images-base/onglet/right_on.gif");
	padding-bottom:5px;
}
#essai:hover{
	background:url('../images-base/essai.gif') no-repeat left top;
}

/* CSS de Greg */
div#navigationfiche1 {
width: 594px;
height: 25px;
position: relative;
}
div#navigationfiche2 {
width: 594px;
height: 25px;
left: -44px;
position: relative;
}
div#essai {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
				 }
div#presentation {
	position:absolute;
	left: 84px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
				 }
div#fichetechnique {
	position:absolute;
	left: 168px;
	top: 0px;
	width: 4px;
	height: 89px;
	border: 1px;
				 }
div#photos {
	position:absolute;
	left: 252px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
				 }
div#avis {
	position:absolute;
	left: 336px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
}
div#avis6 {
	position:absolute;
	left: 336px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
}
div#millesimes {
	position:absolute;
	left: 420px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
				 }
div#concurrence {
	position:absolute;
	left: 504px;
	top: 0px;
	width: 82px;
	height: 89px;
	border: 1px;
				 }	
div#technique {
width: 586px;
height: 420px;
position: relative;
}
div#moteur {
position: absolute;
top: 313px;
left: 406px;
width: 185px;
height: 98px;
}
div#img-moteur {
position: absolute;
top: -90px; 
left: -38px;
width: 35px;
height: 197px;
background-image:url(../images-base/div-moteur.gif);  
}	  
div#trainavant {
position: absolute;
top: 0px;
left: 290px;
width: 296px;
height: 55px;
border: 1px;
}
div#img-trainavant {
position: absolute;
top: 50px; 
left: 255px;
width: 338px;
height: 200px;
background-image:url(../images-base/div-trainavant.gif);  
}
div#trainarriere {
position: absolute;
left: 4px;
top: 310px;
width: 281px;
height: 53px;
border: 1px;
	}
								
div#img-trainarriere {
position: absolute;
top: 215px; 
left: 100px;
width: 195px;
height: 107px;
background-image:url(../images-base/div-trainarriere.gif);  
}
div#transmission {
	position:absolute;
	left: 4px;
	top: 163px;
	width: 164px;
	height: 57px;
	border: 1px;
	}
div#img-transmission {
	position:absolute;
	left: 45px;
	top: 18px;
	width: 298px;
	height: 47px;
background-image:url(../images-base/div-transmission.gif);  
  }
div#assise {
	position:absolute;
	left: 4px;
	top: 0px;
	width: 248px;
	height: 52px;
	border: 1px;
		 }					   
div#img-assise {
position: absolute;
top: 32px; 
left: 2px;
width: 304px;
height: 164px;
background-image:url(../images-base/div-assise.gif);  
}
div#cadrepublateral {
top: 0px;
left: 0px;
width: 10px;
height:10px;
position: relative;
}div#publateral {
position: absolute;
top: -119px;
left: 765px;
width: 120px;
height: 600px;
}
div#cadre-essai-index {
top: 0px;
left: 0px;
width: 10px;
height:10px;
position: relative;
}div#essaialaune {
position: absolute;
top: 142px;
left: 172px;
width: 80px;
height: 49px;
}
/* ------------------- */
/* Gestion des onglets */
/* ------------------- */
#onglet {
	float:left;
	width:100%;
	border-bottom: 1px solid black;
	font-size:100%;
	line-height:normal;
}
#onglet ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}
#onglet li {
	float:left;
	background:url("../images-base/onglet/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	font-weight:bold;
}
#onglet a, #onglet strong, #onglet span {
	display:block;
	color: #FF0000;
	background:url("../images-base/onglet/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
}
#onglet #current {
	background-image:url("../images-base/onglet/left_on.gif");
}
#onglet #current a {
	background-image:url("../images-base/onglet/right_on.gif");
	padding-bottom:5px;
}
#essai:hover{
	background:url('../images-base/essai.gif') no-repeat left top;
}


body {
	margin: 0; padding: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
*{outline: none;}
img {border: 0;}
.container {
	width: 140px;
	margin: -2px 0 0 0;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	}
ul#topnav li a {
	float: left;
	padding-top: 6px;
	margin-bottom: -6px;
	/margin-bottom : 0px;
	text-indent: 18px;
	font-weight: bold;
	font-size:10px;
	color: #FFFF00;
	text-decoration: none;
	height:24px;
}

ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.menu2010 {
	background: url(/menu/BG-menu-onglet.gif) no-repeat;
	width: 140px; 
}
ul#topnav a.menu2010:hover {
	background: url(/menu/BG-menu-onglet-vierge.gif) no-repeat;
	width: 140px; 
}
ul#topnav a.menu2010arrow {
	background: url(/menu/BG-menu-onglet-arrow.gif) no-repeat;
	width: 140px;
}
ul#topnav a.menu2010arrow:hover {
	background: url(/menu/BG-menu-onglet-vierge.gif) no-repeat;
	width: 140px;
}
ul#topnav li .sub {
	position: absolute;	
	top: 1px; left: 140px;
	background: #FFFFFF url(/menu/sub_bg.png) repeat-y;
	padding: 2px 8px 10px;
	float: right;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 100%;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #000000;
	/padding: 0 0 0 0;
	padding: 3px 0 3px 0;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a {
	font-size: 14px;
	padding: 5px 0;
	background-image: none;
	text-decoration: underline;
	color: #000000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/menu/navlist_arrow.png) no-repeat 5px 8px;
	padding: 4px 4px 4px 14px;
	display: block;
	text-decoration: none;
	color: #333333;
}
ul#topnav .sub ul li a:hover {color: #FF0000; background-position: 5px 8px ;}