/* CSS Document */
a { outline:none;}
*, html { margin: 0; padding: 0;}
html a { text-decoration:none; font-weight:bold; }
p.accueil { color:#000000; font-size:11px; width:300px; background-color:#ffffff; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; height:auto; padding:0; margin:0; background:#000000; }
div.player_title { display:block; margin-bottom:10px; color:#000000; font-weight:bold; font-size:10px; margin-left:10px; }
/*p.corpo{ display:block; font-size:10px; margin:0px; padding:0px; margin-right:30px;}*/


div#banner_top { position:absolute; height:700px; width:100%; top:0px; z-index:500; overflow:hidden; left:0px; }/* height:406px;  */
div#banner_top2 {position:absolute; height:120px; z-index:500; width:100%; z-index:500; overflow:hidden; left:0px; background: url(../images/banner_top/bg_header2.png) repeat-x}

div#center { z-index:400; width:1078px; margin:150px auto 0; clear:both; } 
div#content { z-index:400; width:100%;  background:url(../images/layout/fumee_srcom.jpg) 50px 400px no-repeat #ffffff ;  clear:both; float:left; } 

div#contentAccueil { z-index:400; width:100%; clear:both; float:left; background:url(../images/layout/fumee_srcom.jpg) 50px 500px no-repeat #ffffff; }

/*background:url(../images/layout/fumee_srcom.jpg) 50px 400px no-repeat; position:relative; */

#contentBanner { z-index:400; width:1078px; margin:0 auto; clear:both; }
#contentBanner h1 {}
#contentBanner h1 a {  background:url(../images/layout/logo_header2.png) left top no-repeat; text-indent:-3000px; overflow: hidden;  width:173px; float:left; height:48px; margin:57px 0 0 53px;}
#contentBanner h2{ background:url(../images/layout/slogan-header2.jpg) left top no-repeat; text-indent:-3000px; overflow: hidden;  width:280px; float:left; clear:none; height:46px; margin:65px 0 0 565px;}


	div#left{ position:relative; float:left; width:220px; margin:0 10px 0 40px; min-height:520px;  }
		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:#000000; 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:#000000; font-size:18px; margin-bottom:20px; background-color:#ffffff; }
		div#middle p { color:#666666; 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:#666666; font-size:12px; }
		div#middle p.bold a:hover { color:#333333; font-size:12px; text-decoration:underline; }
		div#middle p.accueil {color:#666666; 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:#666666; margin-left:20px;  font-size:10px; }
	ul#accueil li a:hover {color:#333333; margin-left:20px;  font-size:12px; padding-left:15px; background:url(../images/layout/right_menu_bullet.png) left center no-repeat; }

	div#right {  float:left; width:390px; margin-left:10px; height:auto; padding-bottom:25px; background-color:#ffffff;  }/* position:relative; overflow:auto; height:450px; */
	div#right.accueil { width:390px; }

		div#right h2 { color:#000000; 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:#666666; padding-left:12px; }
						ul#menu2 li a:hover { color:#333333; 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:#666666; line-height:20px; height:20px; font-size:10px; padding-left:50px; }
					ul#menu2.accueil li a { display:block; color:#666666; line-height:20px; height:20px; font-size:12px; }
					ul#menu2.accueil li a:hover { color:#333333; }
			
			
				ul#menu2.clips li{ line-height:12px; height:20px; list-style:none; cursor: pointer; }
				ul#menu2.clips li span { color:#666666; 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:#999999; line-height:20px; height:20px; font-size:11px; font-weight: bold; }
				ul#menu2.clips li a { color:#666666; line-height:20px; height:20px; font-size:11px; float:left; }
				ul#menu2.clips li a:hover span.titre { color:#333333; }
				
				
				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:#999999; line-height:20px; height:20px; font-size:11px; cursor: pointer; }
					ul#menu2.tv li a span.titre { color:#777777; font-weight:bold; }
					ul#menu2.tv li a span.titre:hover { color:#222222; }
					ul#menu2.tv li  span.novid { color:#666666; line-height:20px; height:20px; font-size:11px; padding-left:12px; }
					ul#menu2.tv li  span.novid2 { color:#999999; line-height:20px; height:20px; font-size:11px; padding-left:12px; }
					ul#menu2.tv li div.desc { font-weight:normal; color:#999999; 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:#999999; padding-left:12px; margin:0px; float:left; }
				ul#menu2.pub li a:hover { color:#333333; background:url(../images/layout/right_menu_bullet.png) left center no-repeat; }
				ul#menu2.pub li span.subtitle { color:#333333; line-height:20px; height:20px; font-size:11px; padding-left:2px; }
				ul#menu2.pub li span { color:#333333; 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:#666666; 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:#666666; padding-left:12px; margin:0px; float:left; }
				ul#menu2.corpo li a:hover { color:#333333; }
				ul#menu2.corpo li span.subtitle { color:#333333; line-height:20px; height:20px; font-size:12px; padding-left:2px; float:left; }
				ul#menu2.corpo li span {color:#333333; line-height:20px; height:20px; font-size:12px; padding-left:12px;}
				
				
				
				
				/*  CONTACT  */
				div#contact { width:660px; position:relative; float:left; font-size:10px; color:#999999; }
				div#contact a { color: #666666; }
				div#contact h2 { color:#000000; font-size:18px; margin-bottom:20px; }
				.contactc1 { float:left; }
				.contactc2 { float:right; width:350px; 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 #666666; background-color:#FFFFFF; }
				form div { margin:0px; }

				form h4 { color:#333333; 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 #666666; background-color:#FFFFFF; }
				form span { color:#F00; width:400px; font-size:10px; }
				span.indent { margin-left:25px; }
				form input.submit { width:100px; }
				div.bouton { margin-top: 10px; }
		
div#bottom3{ text-align:center; padding:15px 0; z-index:1200; font-size:10px; /*min-height:75px;*/ color:#CCCCCC; margin:0 auto; width:100%; background-color:#000000; background:url(../images/layout/ligne-tv.jpg) left top repeat-x; }
div#bottom2{ text-align:center; padding:15px 0; z-index:1200; font-size:10px; /*min-height:280px;*/ color:#CCCCCC; margin:0 auto; width:100%; background-color:#000000; background:url(../images/layout/ligne-tv.jpg) left top repeat-x; }
div#bottom { text-align:center; padding:15px 0 ; z-index:1200; /*min-height:150px;*/ font-size:10px; color:#CCCCCC; margin:0 auto; background-color:#000000; background:url(../images/layout/ligne-tv.jpg) left top repeat-x; }
		        div#bottom a,div#bottom2 a,div#bottom3 a { text-align:center; padding-top:10px; font-size:10px; color: #999999; }
				div#bottom a:hover,div#bottom2 a:hover, div#bottom3 a:hover { color:#,666666; }	
