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

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

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

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

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

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

a#menu-uniguestbook {display: block; height: 68px; width: 130px; background: url(uni-images/bgd-menu-uniguestbook.jpg); 
background-position: 0px 0px;} 
a#menu-uniguestbook:hover {background-position: 132px 0px;}

a#menu-tshirt {display: block; height: 340px; width: 125px; background-image: url(uni-images/banner-css-left-bottom120a.gif); 
background-position: 0px 0px;} 
a#menu-tshirt:hover {background-position: 125px 0px;}

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 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(uni-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(uni-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;
        background:#000000;
		}    
        	        	      
			/* colonne de droite pour les pubs adsense */
	#rightcontent {
		float: right;
        margin-left:-120px;
		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(uni-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(uni-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(uni-images/bgd-header-animation.jpg) no-repeat top right; 
		float: right;
		margin-top:12px;
        margin-right:62px;
		width:700px;
		height:164px;
		} 
          /* seulement pour les pages de videos */
    #headervideo {
	    background: url(uni-images/bgd-header-video.jpg) no-repeat top right; 
		float: right;
		margin-top:4px;
        margin-right:48px;
		width: 700px;
		height:190px;
        border:0px solid #FF0080;
		}
		
        	/* colonne du milieu le contenu */
	#centercontent {
	    background: url(uni-images/bgd-centercontent.jpg) no-repeat top left; 
		float: left;
		margin-top:-120px;
		width:700px;
        text-align: justify;
        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;
        background:#000000;
		}

		 	/* seulement pour les pages videos */
    #centercontentvideo {
		background: url(uni-images/bgd-centercontent-video.jpg) no-repeat top;
		float: left;
		margin-top:-2px;
        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(uni-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(uni-images/bgd-intro.jpg) no-repeat bottom center;
		}
			
		     /* bloc tout en bas de page avec la chaine */ 
	  #footer {
        float: right;
        margin-right:70px;
        margin-top:20px;
        padding:0px 0px 0px 0px;
		background: url(uni-images/bgd-footer-chain.jpg) no-repeat bottom left;
		border:0px solid #8080C0;
        text-align: center; width: 560px;
		}