* {
	font-family: verdana;
	margin: 0px;
	padding: 0px;}
	
a { cursor: pointer; }
a:link,a:visited {color: #FFFFFF;}
a:hover {color: #999966;}
body { background-color: #ffffff;}

#big01 {
	width: 955px;
	margin: 0px auto;
	margin-top: 10px;
	background: url(images/bordure.gif) repeat-y; }
	
.logo {
	position: absolute; top: 0px; right: 0px; }
	
 /* Menu principal*/
 
#menu {
	height: 20px;
	list-style-type: none;
	position: absolute;
	top: 90px;
	left: 180px;}
	#menu ul { }
	#menu a {
		display: block;
		text-decoration: none;
		font-size: 12px;}
	#menu li {
		float: left;
		position: relative;
		margin-right: 15px;
		line-height: 20px;}
	#menu a:link,#menu a:visited {
		color: #ffffff;}
	#menu a:hover {
     	color: #999966;}
		
 /* Menu secondaire*/
 
	#menu ul {
		position: absolute;
		top: 15px;
		left: 0px;
		list-style-type: none;
		visibility: hidden;
		height: 0px;
		z-index: 2; }
	#menu ul a {
		margin-right: 10px;}
	#menu ul li {
   	float: none;
		border: 0px none;
		padding: 2px;
		background-color: #3f3f02;}
		
	/* Menu tertiaire*/
	
#fondMenuRider {
	background: url(images/zone_menu.gif) no-repeat right top;
	width: 147px;
	height: 219px;
	position: absolute;
	top: 150px;
	right: 0px;
	padding-top: 10px;}
#menuRider ul {}
	#menuRider li {
		text-align: right;
		list-style-type: none;
		margin-right: 15px;
		line-height: 20px;
		height: 20px; }
	#menuRider a {
		display: block;
		padding-right: 12px;
		text-decoration: none;
		font-size: 11px; }
	#menuRider a:link,#menuRider a:visited {
		color: #ffffff;}
	#menuRider a:hover {
     	color: #999966;}
	
	/* START variable en fonction des pages */
#bike {
	background: url(images/bike.jpg) no-repeat 0px 167px;
	width: 955px; }
#bikeVelo {
	background: url(images/bike_velo.jpg) no-repeat 0px 167px;
	width: 955px; }
#bikeBobo {
	background: url(images/bike_bobo.jpg) no-repeat 0px 167px;
	width: 955px; }
#bikeFoto {
	background: url(images/bike_foto.jpg) no-repeat left top;
	width: 493px;
	height: 222px;
	padding-top: 140px; }
#bikeProtec {
	background: url(images/bike_protec.jpg) no-repeat 0px 167px;
	width: 955px; }
#bikeVideo {
	background: url(images/bike_video.jpg) no-repeat left top;
	width: 493px;
	height: 222px;
	padding-top: 140px; }
/* FIN variable en fonction des pages */

#rider {
	background: url(images/top.jpg) no-repeat left top;
	width: 955px;
	height: 200px;
	position: relative; }
	
#animation360 { float: left; }
	#cadre { 
		position: relative;
		margin-top: 20px;
		margin-left: 20px; 
		width: 300px; 
		height: 259px; 
		background-color: #999966; }
	#fond { 
		position: absolute; 
		top: 0; 
		left: 84px; 
		height: 259px; 
		width: 111px; 
		background: url(images/anim_franck.jpg); }
#descript {
	margin-top: 106px;
	padding-left: 84px;
	width: 276px;
	height: 222px;
	float: left; }
#descript ul {
	background: url(images/descript.gif) no-repeat;
	width: 300px;
	font-size: 11px;
	color: #FFFFFF;
	padding:20px 20px;
	list-style-type: none; }
#descript ul li {padding: 3px;}
#descript ul li span {
		font-size: 12px;
		font-weight: bold; }
		
#bigBikeTxt {
	background: url(images/bikeofrank.jpg) no-repeat 50px 140px; 
	padding-left: 500px;
	width: 300px; }
#bigBikeTxt h1 {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 10px; }
#bigBikeTxt h2 {
	font-size: 14px;
	color:#FFFFFF;
	padding-bottom: 5px; }
#bigBikeTxt p {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 70px;
	padding-bottom: 10px; }
	
#epaule {
	background: url(images/bobo01.jpg) no-repeat 50px 100px;
	position: relative; 
	padding-left: 350px;
	width: 400px;
	padding-bottom: 50px; }
#epaule h1 {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	padding: 25px 0px 10px 0px; }
#epaule h2 {
	font-size: 14px;
	color:#FFFFFF;
	padding-bottom: 5px; }
#epaule p {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 70px;
	padding-bottom: 10px; }
#poignet {
	background: url(images/bobo02.jpg) no-repeat;
	position: absolute;
	top: 300px;
	left: 50px; 
	height: 190px;
	width: 300px;
	 }
	
#valeur {
	background: url(images/valeur.gif) no-repeat;
	width: 210px;
	height: 123px;
	margin-top: 200px;
	float: right; }
#bigProTxt {
	background: url(images/protecofrank.jpg) no-repeat 500px 0px; 
	padding: 200px 400px 50px 150px;
	width: 300px; }
#bigProTxt h1 {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 10px; }
#bigProTxt h2 {
	font-size: 14px;
	color:#FFFFFF;
	padding-bottom: 5px; }
#bigProTxt p {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 70px;
	padding-bottom: 10px; }
	
#copyright {
	background: url(images/copyright.gif) no-repeat left bottom;
	clear: both;
	width: 955px;
	height: 68px; }
	#copyright p {
   	font-size: 10px;
		color: #ffffff;
		text-align: center;
		padding-top: 30px; }
	#copyright p a { text-decoration: none;}	
	#copyright p a:hover { color: #999966;}