/* proprietes du corps du text */
body { background:#000000;
margin:0px 0px 0px 0px; padding:0px;
font-family: Arial, Verdana, Sans-serif; font-size: 12pt; color: #FFFFD4;}

i{font-size: 10pt;}
b{text-transform: uppercase; font-family: Verdana, Arial, Serif; font-weight: 600; color: #7EBEFE; text-align: left; font-size: 10pt;}

/* proprietes des liens */
a {text-decoration: none; color:#A6A6FF;}
a:hover {text-decoration: none; color:#FF8080;}
a:visited {text-decoration: none; color:#FFBC9B; font-style: italic;}

/* menu background position for the different buttons on the same image bgd-menu-buttons.jpg*/
a#menu-trashzen {display: block; height: 85px; width: 135px; background-image: url(images/bgd-menu-trashzen.jpg); 
background-position: 0px 0px;} 
a#menu-trashzen:hover {background-position: 136px 0px;}

a#menu-home {display: block; height: 53px; width: 130px; background-image: url(images/bgd-menu-home.jpg); 
background-position: 0px 0px;} 
a#menu-home:hover {background-position: 136px 0px;}

a#menu-bikes {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-bikes.jpg); 
background-position: 0px 0px;} 
a#menu-bikes:hover {background-position: 136px 0px;}

a#menu-links {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-links.jpg);
background-position: 0px 0px;} 
a#menu-links:hover {background-position: 136px 0px;}

a#menu-forum {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-forum.jpg); 
background-position: 0px 0px;} 
a#menu-forum:hover {background-position: 136px 0px;}

a#menu-email {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-email.jpg);  
background-position: 0px 0px;} 
a#menu-email:hover {background-position: 136px 0px;}

a#menu-guestbook {display: block; height: 71px; width: 130px; background: url(images/bgd-menu-guestbook.jpg); 
background-position: 0px 0px;} 
a#menu-guestbook:hover {background-position: 129px 0px;}

/* menufr background position for the different buttons on the same image bgd-menu-frbuttons.jpg*/
a#menu-frhome {display: block; height: 53px; width: 130px; background-image: url(images/bgd-menu-frhome.jpg); 
background-position: 0px 0px;} 
a#menu-frhome:hover {background-position: 137px -1px;}

a#menu-frbikes {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-frbikes.jpg); 
background-position: 0px 0px;} 
a#menu-frbikes:hover {background-position: 137px -1px;}

a#menu-frlinks {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-frlinks.jpg); 
background-position: 0px 0px;} 
a#menu-frlinks:hover {background-position: 137px -1px;}

a#menu-frforum {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-frforum.jpg); 
background-position: 0px 0px;} 
a#menu-frforum:hover {background-position: 137px -1px;}

a#menu-fremail {display: block; height: 53px; width: 130px; background: url(images/bgd-menu-fremail.jpg); 
background-position: 0px 0px;} 
a#menu-fremail:hover {background-position: 137px -1px;}

a#menu-frguestbook {display: block; height: 78px; width: 130px; background: url(images/bgd-menu-frguestbook.jpg); 
background-position: 0px 0px;} 
a#menu-frguestbook:hover {background-position: 137px -1px;}


/* proprietes des images */
img {border: 0px; padding:2px 2px 2px 2px;}
img.contour {
border-left: 1px solid #0000A0;
border-right: 1px solid #0000A0;
border-top: 1px solid #7979FF;
border-bottom: 1px solid #000040;
}
span {font-family: Arial, Verdana, Serif; font-weight: 600; text-align: left;} /* change text attributes over selected text */ 
          
.video {
        font-size: 10pt; font-style: italic; font-weight: 400; color: #D6ECFE;
	    padding-top:5px; padding-right:10px; padding-left:5px; padding-bottom:10px;
        border-left: 1px solid #C1C1FF; border-right: 1px solid #0000A0;
        border-top: 1px solid #7979FF; border-bottom: 1px solid #000059;
        }
         
.disclaimer {font-family: Arial, Serif; font-weight: 600; font-size: 12px; color:#434732; text-align: center;}

.promo {font-weight: 400; font-size: 12px; color:#B39E62;} /* promo text at bottom of index2 */ 

p { margin:5px 65px 3px 20px;}	 /* donne une marge gauche et droite aux paragraphes */ 

p.menu {
        float: center;
		padding-right:0px;
        padding-bottom:2px;
        padding-top:0px;
        padding-left:0px;
        margin:0px 0px 0px 0px; 
        background: url(images/bgd-menu.jpg) no-repeat top; background-position: 2px -145px;
		}
        

        
p.tutorialsteps {
        color:#FFBC9B; border-top:1px solid #FFBC9B;
		width: 700px;
        text-align: center;
        padding-top:5px; padding-bottom:5px; 
		}
        
p.onestep {
        color:#E8F3FF; border:0px solid #3C3C00;
        float: left;
		width: 210px;
		padding-right:4px;
        padding-bottom:4px;
        padding-left:2px;
        margin:0px 0px 0px 0px; 
        text-align: justify;
        background: url(images/bgd-p-onestep.jpg) no-repeat bottom center;
		}
        
p.rightimage {
        float: right;
		width: auto;
		padding: 0px 0px 4px 2px;
        margin: 0px 25px 0px 0px;
        text-align: center;
		}
        
p.leftimage {
        float: left;
		width: auto;
		padding: 0px 4px 2px 0px;
        margin: 0px 5px 0px 0px;
        text-align: center;
		}
       
        /* text box for other-video link */ 
p.video {
       	width: 100px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 20px;
        text-align: right;
        font-size: 10pt; font-style: italic; font-weight: 400; color: #D6ECFE;
        border-left: 0px solid #78674E; border-right: 0px solid #3D3427;
        border-top: 0px solid #594D39; border-bottom: 0px solid #221E15;
		}

p.image {
        float: left;
		width: auto;
        text-align: center;
        padding: 0px 2px 0px 2px;
        margin: 0px 0px 0px 0px;
		}      
        
     
/* text box for feedback */          
input {color:#A0C6FE; font-size: 12pt; background-color:#1A1827; border-left: 1px solid #FFFFFF; border-right: 1px solid #442950; border-top: 1px solid #A0C6FE; border-bottom: 1px solid #442950;} /* submit buttons Text, background and borders */ 
input.radio {color:#A0C6FE; background-color:#000000; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px;} /* submit radio buttons */ 
select {color:#A0C6FE; font-size: 12pt; background-color:#1A1827; border-left: 1px solid #FFFFFF; border-right: 1px solid #442950; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #442950;} /* select option in scroll down menus Text, background and borders */ 
textarea {color:#A0C6FE; font-family: Arial; font-size: 12pt; background-color:#1A1827;} 

	
/* en dessous la structure des pages definies par les blocs principaux */
			
   /* cadre flottant au milieu dans lequel tout le reste se trouve */
	#wrapperframe {
		width:960px;
		border:1px solid #6060A4;
        border-top: 0px;
        border-bottom: 0px;
        Margin: 0 auto;
		padding: 2px 0;
        background:#000000;
		}
         
            /* colonne de gauche pour les boutons du menu */
    #leftcontent {
		float: left;
		width:136px;
		text-align: center;
        border:0px solid #FF0080;
		}
    #leftcontentfr {
	    background: url(images/bgd-menu-fr.jpg) no-repeat top left;
		float: left;
		width:135px;
		text-align: center;
        border:0px solid #FF0080;
		}  
        
    #leftcontentuni {
		background:#000000;
		float: left;
        width:135px;
		text-align: center;
        border:0px solid #FF0080;
		}        
        	      
			/* colonne de droite pour les pubs adsense */
	#rightcontent {
		float: right;
        margin-left:-135px;
		width:120px;
		border:0px solid #FF0080;
		background:#000000;
        text-align: center;
		}
		
		  /* decale la colonne pub pour la homepage plus etroite */ 
	#rightcontenthome {
		float: right;
        margin-left: -200px;
        margin-top:-110px;
		width:120px;
		border:0px solid #FF0080;
		background:#000000;
        text-align: center;
		}
          
          /* bloc tout en haut de page avec image du pedalier */
	#header {
	    background: url(images/bgd-header-tutorial.jpg) no-repeat top right; 
		float: right;
		margin-top:10px;
        margin-right:30px;
		width:760px;
		height:164px;
		border:0px solid #8080C0;
		}
              	
    #headerhome {
		float: right;
		margin-top:5px;
        margin-right:220px;
      	width: 300px;
		background:#000000;
        font-family: Arial, Serif; font-weight: 600; font-size: 12px; color:#AEB5D0;
        border:0px solid #8080C0;
		}
            
        /* seulement pour les pages de rider profiles */
    #headerprofile {
	    background: url(images/bgd-header-profile.jpg) no-repeat top right; 
		float: right;
		margin-top:0px;
        margin-right:30px;
		width:600px;
		height:164px;
		border:0px solid #8080C0;
		}
          /* seulement pour les pages d'animation */
    #headeranimation {
	    background: url(images/bgd-header-animation.jpg) no-repeat top right; 
		float: right;
		margin-top:12px;
        margin-right:31px;
		width:700px;
		height:164px;
		} 
          /* seulement pour les pages de videos */
    #headervideo {
	    background: url(images/bgd-header-video.jpg) no-repeat top right; 
		float: right;
		margin-top:4px;
        margin-right:24px;
		width: 700px;
		height:180px;
        border:0px solid #FF0080;
		}
		
        	/* colonne du milieu le contenu */
	#centercontent {
	    background: url(images/bgd-centercontent.jpg) no-repeat top left; 
		float: left;
		margin-top:-120px;
		width:700px;
        text-align: justify;
        border:0px solid #FF0080;
		}
   
	#centercontentprofile {
	    background: url(images/bgd-centercontent.jpg) no-repeat top left; 
		float: left;
		margin-top:-95px;
		width:820px;
        text-align: left;
        border:0px solid #FF0080;
		}        
        
        /* seulement pour les homepages fr et uk */
	#centercontenthome {
		float: left;
		margin-top:-200px;
        width:620px;
		text-align: center;
        border:0px solid #800080;
		}
        
	#centercontentnowhere {
	    background-color:#000000; 
		float: left;
		margin-top:40px;
		width:820px;
        text-align: left;
        border:0px solid #FF0080; }

		 	/* seulement pour les pages videos */
    #centercontentvideo {
		background: url(images/bgd-centercontent-video.jpg) no-repeat top;
		float: left;
		margin-top:-8px;
        margin-left: 14px;
		width:680px;
		border:0px solid #800080;
        text-align: center;
        font-style: italic; font-size: 10pt;
		}
               
        	/* seulement pour les pages d'animation gif */
    #centercontentanimation {
		background: url(images/bgd-centercontent-animation.jpg) no-repeat top;
		float: left;
		margin-top:-15px;
        margin-left:2px;
		width:680px;
		border:0px solid #800080;
        text-align: center;
        font-style: italic; font-size: 10pt;
		}
		 
             /* boites intro et footer dans les sections tutorial */ 
	 #intro {
	    padding:10px 20px 10px 70px;
      	width: 570px;
		text-align: left;
        background: url(images/bgd-intro.jpg) no-repeat bottom center;
		}
			
		     /* bloc tout en bas de page avec la chaine */ 
	  #footer {
        margin-left:20px;
        padding:10px 20px 10px 20px;
		background: url(images/bgd-footer-chain.jpg) no-repeat bottom right;
		border:0px solid #8080C0;
        text-align: center; width: 560px;
		}
        
        /* GALLERY */
ul#gallery { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }
ul#gallery li { border-right:1px solid #000000; width:103px; display:block; float:left; }
ul#gallery li#first { border-left:1px solid #000000; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; width:150px; padding:15px 0 15px 3px; color:#9191FF; text-decoration:none; }
ul#gallery li a:hover { background-color:#000000; }
ul#gallery li ul { padding:4px 4px 4px 4px; list-style:none; margin-top:105px; margin-left:-10px; width:580px; background-color:#464646; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #A393EE; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:2px solid #FF0080; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#464646;padding:15px 15px 15px 15px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#FFFFFF; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#FFFFFF; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {	cursor: default;	list-style: none; }
.hoverbox a {	cursor: default; }
.hoverbox a .preview {	display: none; }
.hoverbox a:hover .preview { display: block;	position: absolute;	top: -33px;	left: -45px;	z-index: 1; }
.hoverbox img { background: #353359; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 87px; } /* thumbnail */

.hoverbox li { 	background: #3D3971; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative; }

.hoverbox .preview { border-color: #8080FF; width: 400px; height: 350px; } /* preview zoom */

/* =Internet Explorer Fixes for hoverbox et marges decalees
----------------------------------------------------------------------*/

.hoverbox a
{position: relative;}

.hoverbox a:hover {	display: block;	font-size: 100%; z-index: 1; }

.hoverbox a:hover .preview { top: 110px; left: -120px;}

.hoverbox li {position: static; }