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;}

#navigation {font-size:18px; color:#344D75; text-align:left; float:left; height:1000px;}

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;
	}
	
#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:#000;
	}
	
#b2connect {
    float:left;
    text-align:left; 
	width:180px;
	height:90px;
	background-color:#FFF;
	}

#contenu {
    margin-left:190px;
	margin-top:0px;
	width:924px;
	height:1000px;
	background-color:#000;
	}
#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;}	

#contenu  a{text-decoration:none; font:18px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#contenu  a:hover{text-decoration:underline; color:#344D75;}		

	
#contenu1 {
    text-align:left; 
	float:left;
	width:614px;
	height:1000px;
	background-color:#FFF;
	}
	


#cont1b1 {
	width:610px;
	height:30px;
	background-color:#D1DDF0;
	margin:0 auto 0 auto;

	}

#cont1c1 {
	width:610px;
	height:200px;
	background-color:#FFF;
	margin:0 auto 0 auto;

	}
	
#cont1v1 {
margin-top:5px;
    text-align:left; 
	float:left;
	width:250px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t1 {
   margin-left:5px;
	margin-top:5px;
    text-align:left; 
	float:left;
	width:354px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t11 {
    text-align:left; 
	float:left;
	width:354px;
	height:160px;
	background-color:#FFF;
	}
	
#cont1t11 .titre {text-decoration:none; font:16px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#cont1t11 .description {text-decoration:none; font:14px 'Tahoma', Arial, sans-serif;color:#344D75;}
	
#cont1t21 {

    text-align:left; 
	float:left;
	width:354px;
	height:30px;
	background-color:#FFF;
	text-decoration:none; 
	font:16px 'Tahoma', Arial, sans-serif;
	font-weight:bold;
	color:#344D75;
	
	}	
#cont1b2 {
	width:614px;
	height:30px;
	background-color:#D1DDF0;
	margin:0 auto 0 auto;
	}
#cont1c2 {
	width:614px;
	height:200px;
	background-color:#FFF;
	margin:0 auto 0 auto;
	}
	
	#cont1v2 {
margin-top:5px;
    text-align:left; 
	float:left;
	width:250px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t2 {
   margin-left:5px;
	margin-top:5px;
    text-align:left; 
	float:left;
	width:354px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t12 {
    text-align:left; 
	float:left;
	width:354px;
	height:160px;
	background-color:#FFF;
	}
	
#cont1t12 .titre {text-decoration:none; font:16px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#cont1t12 .description {text-decoration:none; font:14px 'Tahoma', Arial, sans-serif;color:#344D75;}
	
#cont1t22 {

    text-align:left; 
	float:left;
	width:354px;
	height:30px;
	background-color:#FFF;
	text-decoration:none; 
	font:16px 'Tahoma', Arial, sans-serif;
	font-weight:bold;
	color:#344D75;
	
	}
#cont1b3 {
	width:614px;
	height:30px;
	background-color:#D1DDF0;
	margin:0 auto 0 auto;
	}
#cont1c3 {
	width:614px;
	height:200px;
	background-color:#FFF;
	margin:0 auto 0 auto;
	}
	
	#cont1v3 {
margin-top:5px;
    text-align:left; 
	float:left;
	width:250px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t3 {
   margin-left:5px;
	margin-top:5px;
    text-align:left; 
	float:left;
	width:354px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t13 {
    text-align:left; 
	float:left;
	width:354px;
	height:160px;
	background-color:#FFF;
	}
	
#cont1t13 .titre {text-decoration:none; font:16px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#cont1t13 .description {text-decoration:none; font:14px 'Tahoma', Arial, sans-serif;color:#344D75;}
	
#cont1t23 {

    text-align:left; 
	float:left;
	width:354px;
	height:30px;
	background-color:#FFF;
	text-decoration:none; 
	font:16px 'Tahoma', Arial, sans-serif;
	font-weight:bold;
	color:#344D75;
	
	}
	
#cont1b4 {
	width:614px;
	height:30px;
	background-color:#D1DDF0;
	margin:0 auto 0 auto;
	}
#cont1c4 {
	width:614px;
	height:200px;
	background-color:#FFF;
	margin:0 auto 0 auto;
	}

#cont1v4 {
margin-top:5px;
    text-align:left; 
	float:left;
	width:250px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t4 {
   margin-left:5px;
	margin-top:5px;
    text-align:left; 
	float:left;
	width:354px;
	height:190px;
	background-color:#FFF;
	}
	
#cont1t14 {
    text-align:left; 
	float:left;
	width:354px;
	height:160px;
	background-color:#FFF;
	}
	
#cont1t14 .titre {text-decoration:none; font:16px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#344D75;}
#cont1t14 .description {text-decoration:none; font:14px 'Tahoma', Arial, sans-serif;color:#344D75;}
	
#cont1t24 {

    text-align:left; 
	float:left;
	width:354px;
	height:30px;
	background-color:#FFF;
	text-decoration:none; 
	font:16px 'Tahoma', Arial, sans-serif;
	font-weight:bold;
	color:#344D75;
	
	}
#contenu2 {
    text-align:left; 
	float:left;
	width:310px;
	height:1000px;
	background-color:#FFFFFF;
	}	
	
#c2connect {
    text-decoration:none;
	margin-top:5px;
	width:300px;
	height:135px;
	margin:0 auto 0 auto;
	}
	
#pub {
	margin-top:5px;
	width:300px;
	height:250px;
	margin:0 auto 0 auto;
	}
	
	#cont2b1 {

	width:300px;
	height:30px;
	background-color:#D1DDF0;
	margin:0 auto 0 auto;

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


#description {
    text-align:left;
    float:left;	
	width:560px;
	height:160px;
	background-color:#D1DDF0;
	}
#description_text {
    text-align:left;
	margin-left:5px;
	font-size:12px;
	color:#344D75;
	}
#description_time {
    text-align:left;
	margin-left:5px;
	margin-top:5px;
	font-size:12px;
	font-weight: bold ;
	color:#808080;
	}




	
#video {
width:900px;
height:500px;
text-align:left;
margin:0 auto 0 auto;
}

#playlist {
width:300px;
height:600px;
float:right;
margin:0 auto 0 auto;
}
#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;} 

#playlist ul{overflow:auto;height:600px;position:relative;}
#playlist ul li{clear:both;height:65px;margin-top:1px;margin-left:-40px;background:#D1DDF0;}
#playlist ul li a{text-decoration:none; font:10px 'Tahoma', Arial, sans-serif;font-weight:bold;color:#000;}
#playlist ul li a:hover{color:#339;}
#playlist ul li .thumbnail{float:left;height:60px;width:80px;margin-right:2px;}
#playlist ul li .titre {position:relative;margin-left:115px;left:-30px;top:1px;font-size:10px; font-weight:bold; color:#344D75;}
#playlist ul li .utilisateur {position:relative;margin-left:115px;left:-30px;font-size:10px; font-weight:bold; color:#FF6600;}
#playlist 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);}