*{ margin: 0; padding: 0; }* 
	body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(../images/bg.gif) repeat-x; color: #8E8E91; }
	a {	color: #2a854d;	background: inherit; text-decoration: none; }
	a:hover { color: #808080; background: inherit; text-decoration: underline; }
	p { margin: 0 0 15px 0; font-size: 100%; }  

	span { color: #2a854d; font-weight: bold;}
	h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
	h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
	img { border: 0; }
	#content { width: 930px; margin: 25px auto; }
	#logo { margin: 10px 0 20px 0; width: 340px; float: left; }
		#logo p { margin: 0; }
	
	
/******************
           &autoplay=1
menu


*/   							


#menu {
  list-style: none;
  padding: 0;
  margin: 0px;
  width: 930px;
  height: 70px;
  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;    

}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {    

  width: 182px;
  height: 70px;
  background: url(../images/home.gif) no-repeat;

}   

#menu .learn {
  width: 182px;
  height: 70px;
  background: url(../images/learn.gif) no-repeat;
left: 183px;
}    

#menu .watch {
  width: 182px;
  height: 70px;
  background: url(../images/watch.gif) no-repeat;
  left: 366px;
}

#menu .support {
  width: 182px;
  height: 70px;
  background: url(../images/support.gif) no-repeat;
  left: 366px;
}

#menu .discuss {
  width: 182px;
  height: 70px;
  background: url(../images/discuss.gif) no-repeat;
left: 549px;
}

#menu .buy {
  width: 182px;
  height: 70px;
  background: url(../images/buy.gif) no-repeat;
left: 732px;
}


#menu .home span {
  width: 86px;
  height: 14px;
  background: url(/../images/home-over.gif) no-repeat;

}
        
	.clear { clear: both; }
	.caption { background: #fff url(../images/title-green.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
		.caption p { margin: 0; }
	#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }
	.box { background: #eee; }
	.box h2 { font-size: 130%;}
	#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
	.smallthumb { width: 109px; }
	#center { width: 240px; float: left; margin: 0 0 20px 15px; }
	#right { float: right; width: 620px; }
		.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
	.box { background: #eee; padding: 10px; }
	.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
	.box li a { padding: 0 5px; }
	#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
	#footer a { color: #444; }  
	.contact {  padding-top: 3px; border-top: 1px solid #c7c7c7;}

	
	
	
	
	
		#thumbs {  padding: 0; float: left; }
		#thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; }
		#thumbs ul li { height: 75px; }
		
	   #thumbs img { width: 174px;}
	   #thumbs h2 { 
		
		font-size: 110%; 
		padding-top: 25px;
		padding-left: 15px;
		border-bottom: none;
		
		}
		                                    
		
#video { float: left; width: 174px;  height: 340px; padding: 5px; overflow: hidden;} 
#video p { font-size: .84em; color: black; line-height: 1.3; }   	
#video  a { color: #1381ca;} 
#video a:hover { border: 0;}
#film { float: left; width: 174px;  height: 326px; padding: 5px; overflow: hidden;}
#read a { font-size: .7em;  width: 174px;  padding: 5px; text-decoration: underline}	
#wrapper { width: 930px; margin: 0px auto;  }
		


#video_player {
	       float: left;     
	width: 641px;
	                  overflow: hidden;
	padding-left: 5px; 
	padding-top: 0px;
}   

#caption_info {
	float: left;
	width: 272px;
	padding-left: 7px; 
	height: 362px;
}                    

#caption_info p {
	font-size: 90%;
	line-height: 1.3em;  
	font-family: verdana;
}

#learn_menu {
	float: left;
	width: 272px;
	padding-left: 7px; 

}                    

#learn_menu p {
	font-size: 90%;
	line-height: 1.3em;  
	font-family: verdana;
}
            
#learn_menu li {
	font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 0px; padding: 6px 0 6px; color: gray; border-bottom: 1px solid #eee; 
	
}   


 #learn_content {
	       float: left;     
	width: 620px;

	padding-left: 5px; 
	padding-top: 0px;
}  
#support_content {
    float: left;     
    width: 910px;
    padding-left: 10px; 
    padding-top: 0px;
} 


#submenu {
  list-style: none;
  padding-left: 20px;
  margin: 0px;
  width: 200px;

  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;   


}	

  #submenu a {
	   color: #333;

}

  #submenu li:hover {
	   color: white;
	background: gray;
	
}           

#submenu a:hover {
	      text-decoration: none;

	
	
}
#submenu li {   padding-left: 20px;  }
		     
		#embed {  height: 362px; width: 900px; float: left; padding: 10px; }
		
		#portrait { float: left; margin-right: 5px; max-width: 100px; }
		#stats { clear: both; margin-bottom: 20px; }  
		
		#logo {
			margin-bottom: 0px; 
			width: 930px;

		}

#left_staff_profile{
	
	width: 400px;         
	float: left;

}

#right_staff_profile {
	width: 180px;
	float: left;

	font-size: 50%;	
	line-height: 1em; 
	padding-left: 20px;
}                

#right_staff_profile img {
	width: 180px;
}


#logo {
   	float: left;
	width: 350px;
    margin-top: 2px;
}   

#symbols {
	float: left;
	width: 360px;
	padding-top: 5px;
}

#downloads {
	float: left;
padding-top: 10px;
padding-left: 15px;

} 

#downloads img {
	width: 80%;
}


	/* slideshow */

	/** 
	 * Slideshow style rules.
	 */
	#slideshow {
		margin:0 auto;
		width:640px;
		height:263px;    

	/*	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; */
		position:absolute;  
/* 	right: 329px;
		bottom: 140px; */
	}
	#slideshow #slidesContainer {
	  margin:0 auto; 
	right: 53px;
	  width:90px;
	  height:20px;
	  overflow:auto; /* affiche une scrollbar au cas ou */
	  position:relative;           

	background: white;

	}
	#slideshow #slidesContainer .slide {
	  margin:0 auto;
	  width:100px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	  height:263px;                                                                                              
	
	}

	/** 
	 * Slideshow controls style rules.
	 */
	.control {
	  display:block;

	  width:39px;
	  height:263px;
	  text-indent:-10000px;
	  position:absolute;
	  cursor: pointer;
	}
	#navDiapo{
 

	}