/* CSS Document */

*, html { margin: 0; padding: 0;}
html a{text-decoration:none;font-weight:bold; }
p.accueil{color:#77787B; font-size:11px; width:300px;}

div.player_title {  display:block ; margin-bottom:10px;color:#BFBFBF; font-weight:bold; font-size:10px; margin-left:10px; }
/*p.corpo{ display:block; font-size:10px; margin:0px; padding:0px; margin-right:30px;}*/
body { background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;   }

div#banner_top{  position:absolute; height:456px; width:100%   ; top:0px; z-index:500; overflow:hidden; left:0px;  }/* height:406px;  */

div#center{ z-index:400; width:1010px; position:relative; margin:0 auto; top:150px;  }


	div#left{ position:relative; float:left; width:220px; margin-right:10px; }
		ul#menu { line-height:24px;  width:220px; }  
			ul#menu li{ line-height:24px; height:24px; list-style:none }
				ul#menu li a{ display:block;  color:#666666;line-height:24px;height:24px; font-size:12px; padding-left:50px; font-weight:normal}
				ul#menu li a:hover{background:url(../images/layout/bullett.gif) left no-repeat;}
				ul#menu li.on {line-height:24px; height:24px; list-style:none;display:block;font-weight:bold;  color:#69A6D2;line-height:24px;height:24px; font-size:12px; padding-left:50px;background:url(../images/layout/menu_bullet.png) left no-repeat;}
				
			div#middle.accueil{position:relative; width:430px; float:left; }	
	div#middle{position:relative; width:385px; float:left;  }
		div#middle h2{ color:#69A6D2; font-size:18px; margin-bottom:20px;}
		div#middle p{color:#77787B; font-size:11px; width:300px; margin-bottom:20px; margin-left:10px;}
		div#middle p.bold{ font-weight:bold; margin-bottom:20px;width:700px;}
		div#middle p.bold a{  color:#69A6D2;font-size:12px; }
		div#middle p.bold a:hover{  color:#69A6D2;font-size:12px; text-decoration:underline }
		div#middle p.accueil{color:#77787B; font-size:11px; width:700px; margin-bottom:20px; margin-left:10px;}
	
	ul#accueil{ margin:-10px 0 -10px 0 }
	ul#accueil li{ margin:0px; list-style:none; }
	ul#accueil li a{color:#69A6D2; margin-left:20px;  font-size:10px }
	ul#accueil li a:hover{color:#939598; margin-left:20px;  font-size:12px;padding-left:15px;background:url(../images/layout/right_menu_bullet.png) left center no-repeat; }

	div#right{position:relative; float:left;  width:380px; margin-left:10px; height:450px; overflow:auto; }
	div#right.accueil{ width:350px;  }

		div#right h2{ color:#595959; font-size:14px; font-weight: bold;padding-left:12px }
		
	
			
				ul#menu2 { line-height:20px;  }
					ul#menu2 li{ line-height:20px;}
						ul#menu2 li a{  color:#69A6D2;  padding-left:12px;}
						ul#menu2 li a:hover{ color:#939598 ;background:url(../images/layout/right_menu_bullet.png) left center no-repeat;}
			
				ul#menu2.accueil li{ line-height:20px; height:20px; list-style:none; }
					ul#menu2.accueil li span{color:#BFBFBF;line-height:20px;height:20px; font-size:10px; padding-left:50px; }
					ul#menu2.accueil li a{ display:block;  color:#BFBFBF;line-height:20px;height:20px; font-size:12px; }
					ul#menu2.accueil li a:hover{color:#666;}
			
			
				ul#menu2.clips li{ line-height:12px; height:20px; list-style:none; cursor: pointer }
				ul#menu2.clips li span{color:#939598;line-height:20px;height:20px; font-size:11px; font-weight: normal;float:left;cursor: pointer }
				
				ul#menu2.clips li span.annee{  }
				ul#menu2.clips li span.titre{color:#69A6D2;line-height:20px;height:20px; font-size:11px;  font-weight: bold;}
				ul#menu2.clips li a{color:#939598;line-height:20px;height:20px; font-size:11px;  float:left; }
				ul#menu2.clips li a:hover span.titre{color:#666666;}
				
				
				ul#menu2.tv li{ line-height:20px;  list-style:none;  margin-bottom:10px;  }
					ul#menu2.tv li a  {font-weight:bold;}
					ul#menu2.tv li a span{color:#69A6D2;line-height:20px;height:20px; font-size:11px;cursor: pointer }
					ul#menu2.tv li a span.titre{ color:#69A6D2; font-weight: bold;}
					ul#menu2.tv li a span.titre:hover{ color:#939598 }
					ul#menu2.tv li  span.novid{color:#BFBFBF;line-height:20px;height:20px; font-size:11px; padding-left:12px; }
					ul#menu2.tv li  span.novid2{color:#69A6D2;line-height:20px;height:20px; font-size:11px; padding-left:12px; }
					ul#menu2.tv li div.desc{font-weight:normal; color:#BFBFBF;font-size:11px;line-height:20px;padding-left:12px;  }
					
				
				ul#menu2.pub li {  list-style:none}
				ul#menu2.pub li a{ line-height:20px; height:20px; font-size:11px;cursor:pointer; font-weight:bold;  color:#69A6D2; padding-left:12px; margin:0px; float:left}
				ul#menu2.pub li a:hover{color:#939598 ;background:url(../images/layout/right_menu_bullet.png) left center no-repeat}
				ul#menu2.pub li span.subtitle{color:#BFBFBF; line-height:20px; height:20px; font-size:11px;  padding-left:2px; }
				ul#menu2.pub li span{color:#BFBFBF; line-height:20px; height:20px; font-size:11px;  padding-left:12px}
				
				
				ul#menu2.corpo {  margin-left:0px;}
				ul#menu2.corpo li { list-style:none; color:#939598; ; line-height:20px; height:20px;}
				ul#menu2.corpo li.txt {color:#939598; font-size:12px; padding-left:11px;  margin-top:20px; width:320px;}
				ul#menu2.corpo li a{ display:block; line-height:20px; height:20px; font-size:12px;cursor:pointer; font-weight:bold;  color:#69A6D2; padding-left:12px; margin:0px; float:left; }
				ul#menu2.corpo li a:hover{color:#939598}
				ul#menu2.corpo li span.subtitle{color:#BFBFBF; line-height:20px; height:20px; font-size:12px;  padding-left:2px;  float:left}
				ul#menu2.corpo li span{color:#BFBFBF; line-height:20px; height:20px; font-size:12px;  padding-left:12px}
				
				
				
				
				/*  CONTACT  */
				div#contact{  width:660px;   position:relative; float:left;  }
				div#contact a { color: #69A6D2; }
				div#contact h2{  color:#69A6D2; font-size:18px; margin-bottom:20px; }
				.contactc1{   float:left}
				.contactc2{ float:right; width:240px; font-size:10px; color:#999999  }
				.map{ position:relative;display:block; height:135px; width:128px; background:url(../images/contact/map.jpg) left; margin-top:10px; overflow:hidden}
				.map:hover{background:url(../images/contact/map.jpg) right no-repeat;}
				form {width:240px;}
				form input{ width:240px;}
				form textarea{ width:240px; border:1px solid #69a6d2; background-color:#FFFFFF}
				form div{ margin:0px;}

				form h4{color:#595959; font-size:10px; font-weight:bold; margin-bottom:5px;}
				form label{ display:block ;color: #666666; line-height:20px; height:20px; font-size:12px;  padding-left:2px;}
				form input{ margin-top:2px; border:1px solid #69a6d2; background-color:#FFFFFF }
				form span{  color:#69a6d2; width:400px; font-size:10px;}
				span.indent{ margin-left:25px;}
				form input.submit{ width:100px; }
				div.bouton { margin-top: 10px; }
		
		div#bottom2{ text-align:center; padding-top:10px; font-size:10px; color:#CCCCCC;  width:500px;}
		div#bottom{ text-align:center; padding-top:10px; font-size:10px; color:#CCCCCC; }
		div#bottom a{text-align:center; padding-top:10px; font-size:10px; color: #999999}
				div#bottom a:hover{color:#666666}	
				
				
				
				div#bottom2 a{text-align:center; padding-top:10px; font-size:10px; color: #999999}
				div#bottom2 a:hover{color:#666666}	


				

