/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* common elements */
body{
	width: 554px;
	margin: auto;
}

/* Page Elements : all pages */
#header{
	/*height: 293px;	*/
	margin-bottom:15px;
	background-image: url('../images/fond.gif');	
}
#header h1{
	font-weight:bold;
	color:#5C7C00;
	font-size:10pt;
}
#content{
	/*width: 554px;*/
}

/* default.htm, categories.htm */
body, .categories span, .topics span{
	color:Gray;
	font-size:9pt; 
    font-family:Arial,Helvetica,sans-serif;
}
.categories{
    width:167px;
    height:195px;
    float:left;
    padding:0 3px 0 3px;
}
.categories span, .topics span{    
    font-style:italic;     
}
.categories a, .topics a{
    text-decoration:none;	            
}
.topics{
    width:252px;
    height:174px;
    float:left;
    padding:0 6px 0 6px;
}

/* Videos scroll list : videos.htm */
#video-container{
	background-image: url('../images/cinema.gif');
	height: 220px;
	width: 554px;
}
#video-list-container{
	overflow-x:scroll;
	overflow-y: hidden;
	height: 200px;
	width: 554px;	
}
#video-list{
	width:3000px;
	margin-top:25px;
}

/* Video preview picto : videos.htm */
.video-preview-wrapper{
	float:left;
	width:115px;
	cursor:pointer;
}
.video-preview-container{
	width:108px;
	height:109px;
	background-image:url(../images/preview.jpg);
}
.video-preview{
	height:72px;
	width:96px;
	margin:13px 0px 0px 2px;
}

/* Video Player : videos.htm */
#video-player{
	background-image:url(../images/video_player.jpg);
	width:348px;
	height:288px;
	margin:25px 0px 0px 0px;
	float:left;
}
#vplayer{
	margin:9px 0px 0px 9px;
	background-image:url(../images/video.jpg);
	width:320px;
	height:260px;	
}

/* payment */
#payment-options{
	color:Black;
	float:right;
	width:205px;
}
#payment-options div{
	margin-top:7px;
}
#payment-options .input{
	width:95px;
}
#payment-options-abo{
	font-size:9pt;
	height:122px;
	background-image:url(../images/rectangle-gris2.gif);
	text-align:center;
}
.tarif1{
	font-size:8pt;
	font-weight:bold;
}
.tarif2{
	font-weight:bold;
	color:Red;
}

/* download */
#download-container{
	margin-top:2px;
	border:1px solid black;
	background-color:Red;
	padding:1px;
	text-align:center;
}
#download-container a{
	color:white;
	font-weight:bold;
	font-size:10pt;
}