html {overflow:auto;}

h1 {font-size:20px; color:#344D75;}
h2 {font-size:14px; color:#344D75;}
ul {list-style:none;}

#title {color:#FFF;font: 'Tahoma', Arial, sans-serif;font-weight:bold;margin:auto;width:895px;padding:20px;}



body{
font:10px Arial, sans-serif;
width:auto;
text-align:center;
margin:0 auto 0 auto;
}



#bandeau {
    text-align:left; 
	width:auto;
	height:50px;
	background-color:#344D75;
	}
	
#bandeau .logo {margin:auto;width:200px;padding:0px;margin-left:160px;}
	
	
#bandeau1 {
    text-align:left; 
	width:auto;
	height:26px;
	background-color:#D1DDF0;
	}

#description_time {
    text-align:left;
	margin-left:5px;
	margin-top:5px;
	font-size:12px;
	font-weight: bold ;
	color:#808080;
	}
#contenu {
	width:auto;
	height:1000px;
	background-color:#FFF;
	}
#contenu  ul li a{text-decoration:none; font:20px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#contenu  ul li a:hover{color:#D1DDF0;}	

#bandeau2 {
    margin-left:190px;
	margin-top:5px;
    text-align:left; 
	width:924px;
	height:110px;
	background-color:#FFF;
	}

#b2pub {
    float:left;
    text-align:left; 
	width:728px;
	height:90px;
	background-color:#FFF;
	}
	
#b2connect {
    float:left;
    text-align:left; 
	width:180px;
	height:90px;
	background-color:#FFF;
	}
	
	
	
#contenu1 {
    text-align:left; 
	float:left;
	width:190px;
	height:1000px;
	background-color:#FFF;
	}


#c1navigation {font-size:18px; color:#344D75; text-align:left; float:left; height:400px;background-color:#FFF;}


#c1pub {text-align:left; float:left; width:160px; height:600px; background-color:#000;}

#contenu2 {
    text-align:left; 
	float:left;
	width:614px;
	height:1000px;
	background-color:#FFF;
	}
	
#c2titre {text-align:left; float:left;width:560px;height:30px;background-color:#D1DDF0;}

#c2video {text-align:left; float:left;width:560px;height:460px;background-color:#000;}

#c2description {overflow:auto; text-align:left; float:left;width:560px;height:230px;background-color:#D1DDF0; font:12px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}

#contenu3 {
    text-align:left; 
	float:left;
	width:310px;
	height:1000px;
	background-color:#FFF;
	}
#c3pub {text-align:left; float:left;width:310px;height:260px;background-color:#FFF;}
#c3playlist {text-align:left; float:left;width:310px;height:740px;background-color:#FFF;}


	
#piedpage {
	width:auto;
	height:50px;
	background-color:#344D75;
	}
	


#playlist1 ul{ padding:0;margin:0;list-style-type:none;}
#playlist1 li{margin-left:2px;float:left; /*pour IE*/}
#playlist1 ul li a{display:block;float:left;width:90px;background-color:#D1DDF0;color:black;text-decoration:none;text-align:left;padding:10px;border:2px solid;/*pour avoir un effet "outset" avec IE :*/
 border-color:#D1DDF0 #344D75 #344D75 #D1DDF0;
 }
#playlist1 ul li a:hover{background-color:#344D75;border-color:#D1DDF0 #344D75 #344D75 #D1DDF0;} 

#c3playlist ul{overflow:auto;height:450px;position:relative;}
#c3playlist ul li{clear:both;height:65px;margin-top:1px;margin-left:-40px;background:#D1DDF0;}
#c3playlist ul li a{text-decoration:none; font:10px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#000;}
#c3playlist ul li a:hover{color:#339;}
#c3playlist ul li .thumbnail{float:left;height:60px;width:80px;margin-right:2px;}
#c3playlist ul li .titre {position:relative;margin-left:115px;left:-30px;top:1px;font-size:10px; font-weight:bold; color:#344D75;}
#c3playlist ul li .utilisateur {position:relative;margin-left:115px;left:-30px;font-size:10px; font-weight:bold; color:#FF6600;}
#c3playlist ul li .duree {float:left;position:relative;left:-37px;top:37px;height:14px;color:#344D75;background:#D1DDF0;moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70);}