/***** Corps *****/
html, body{border: 0;margin: 0;padding: 0;}
body{font: 100%/1.25 arial, helvetica, sans-serif;background: #009ee0 url(../images/background.png) repeat-x;}

#media_initiatives{background:#000;height:22px;color:#fff;font-size:12px;padding-top:5px;}
#media_initiatives #txt{width:960px;margin:0 auto;color:#ff7f00;font-weight:bold;}
#media_initiatives #txt .blanc{color:#fff;font-weight:normal;}

/***** Taille du site *****/
#wrap{width:960px;margin:0 auto;background:#fff;}

/***** Basiques *****/
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
h1#banniere{letter-spacing:-1px;height:115px;font:1.6em arial, helvetica, sans-serif;}
h1#banniere a{display: block;height:109px;}
h2{font: 1.0em arial, helvetica, sans-serif;font-weight: bold;color: #fff;}
h3{font: 1.3em arial, helvetica, sans-serif;font-weight: bold;}
p{margin: 2px 0 6px 0;padding: 0;}
ul, ol{margin: 0;padding: 0;list-style: none;padding: 0;}
blockquote{margin: 22px 40px;padding: 0;}
small{font-size: 0.85em;}
img{border:0;}
sup{position: relative;bottom: 0.3em;vertical-align: baseline;}
sub{position: relative;bottom: -0.2em;vertical-align: baseline;}
acronym, abbr{cursor: help;letter-spacing: 1px;border-bottom: 1px dashed;}
 
/***** Liens *****/
 
a{text-decoration:none;color:#f7931e;}
a:hover, a:focus{text-decoration:underline;}
li a:hover, li a:focus{text-decoration:none;}
 
/***** Formulaires *****/
 
form{margin: 0;padding: 0;}
form p{margin:0;padding:0;}
label{cursor:pointer;margin:0;padding:0;}
input, select, textarea{font:1em arial, helvetica, sans-serif;margin:0;padding:0;}
textarea{line-height: 1.25;}
		
/***** Inscription *****/

p.aligne, p.aligneLong{color: #687078;margin: 0 0 6px 0;clear: both;}
p.petit{margin: 20px 0 10px 0;font-size: 0.9em;}
p.aligne label, p.aligneLong label{color: #687078;font-size: 0.9em;font-weight: bold;float: left;display: block;width: 190px;margin: 0 0 0 30px;padding: 2px 10px 0 0;}
p.aligneLong label{float:right;width:490px;margin:0;padding:2px 0 0 0;}
p.aligne input, p.aligne select, p.aligneLong input, p.aligneLong select{padding-left: 10px;margin: 0;padding: 0;}
p.aligneLong input, p.aligneLong select{margin-left:30px;}

/***** Tables *****/

table{border: 0;margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;}
td{padding:0;}
 
 /***** Squelette *****/
 
#header{font: 0.7em "Trebuchet MS", arial, helvetica, sans-serif;color: #fff;text-align: right;margin-top:0;}
#header a{text-decoration: none;color: #fff;}
#header a:hover, #header a:focus{text-decoration:underline;}

#partieGauche{width: 737px;} 

	ul#menu{
		float: left;
		width: 737px;
		color: #fff;
		background: #a9afb4;
		font-size: 0.7em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		ul#menu a{color:#fff;}
		
			ul#menu li{float:left;list-style-type:none;min-width: 122px; /* IE6 */}
		
				ul#menu li a, ul#menu li.menuOn a{
					display: block;
					padding-top: 6px;
					min-height: 23px; /* IE6 */
					min-width: 122px; /* IE6 */
					line-height: 23px;
					color: #fff;
					text-decoration: none;
					text-align: center;
				}

				#menu1On{ background: url(../images/background-menu-rose.png) no-repeat -194px 0; width:122px;}
				#menu2On{ background: url(../images/background-menu-orange.png) no-repeat -194px 0;width:122px;}
				#menu3On{ background: url(../images/background-menu-bleu.png) no-repeat -194px 0; width:122px;}
				#menu4On{ background: url(../images/background-menu-jaune.png) no-repeat -194px 0; width:122px;color: #A9AFB4;}
				#menu5On{ background: url(../images/background-menu-rose.png) no-repeat -194px 0; width:122px;}
				#menu6On{ background: url(../images/background-menu-violet.png) no-repeat -194px 0; width:122px;}
				#menu7On{ background: url(../images/background-menu-gris.png) no-repeat -194px 0; width:127px;}

				#menu1 a{ background: url(../images/background-menu-rose.png) no-repeat 0 0;width:122px;}
				#menu2 a{ background: url(../images/background-menu-orange.png) no-repeat 0 0;width:122px;}
				#menu3 a{ background: url(../images/background-menu-bleu.png) no-repeat 0 0;width:122px;}
				#menu4 a{ background: url(../images/background-menu-jaune.png) no-repeat 0 0;width:122px;}
				#menu5 a{ background: url(../images/background-menu-rose.png) no-repeat 0 0;width:122px;}
				#menu6 a{ background: url(../images/background-menu-violet.png) no-repeat 0 0;width:122px;}
				#menu7 a{ background: url(../images/background-menu-gris.png) no-repeat 0 0;width:127px;}
				
				#menu1 a:hover, #menu1 a:focus{ background: #f02d92 url(../images/background-menu-rose.png) no-repeat -194px 0; }
				#menu2 a:hover, #menu2 a:focus{ background: #9eeb30 url(../images/background-menu-orange.png) no-repeat -194px 0;}
				#menu3 a:hover, #menu3 a:focus{ background: #00b0e1 url(../images/background-menu-bleu.png) no-repeat -194px 0; }
				#menu4 a:hover, #menu4 a:focus{ background: #ffff00 url(../images/background-menu-jaune.png) no-repeat -194px 0;color: #A9AFB4;}
				#menu5 a:hover, #menu5 a:focus{ background: #ff7f00 url(../images/background-menu-rose.png) no-repeat -194px 0; }
				#menu6 a:hover, #menu6 a:focus{ background: #b838d8 url(../images/background-menu-violet.png) no-repeat -194px 0; }
				#menu7 a:hover, #menu7 a:focus{ background: #c8ced4 url(../images/background-menu-gris.png) no-repeat -194px 0; }
		
		
		#precontenu{ 
			clear: both;
			min-height: 21px; /* IE6 */
			background: #fff url(../images/background-preconteneur.png) repeat-x top left;
			font-size: 0.8em;
			color: #555a62;
			padding: 20px 30px 10px 30px;
		}
		
			#precontenu h1{ 
				font: 1.3em arial, helvetica, sans-serif;
				padding: 0 0 0 25px;
				margin: 35px 0 0 100px;
				font-weight: bold;
			}
	
			#date, #actuel{ 
				margin-left: 8px; 
			}
		
			#actuel{
				color: #f02d92;
			}	
		
		#conteneur, #fullConteneur, #semiConteneur, #semiConteneurOrange{
			color: #555a62;
			background: #fff url(../images/background-conteneur.png) no-repeat top right;
			font-size: 0.8em;
			min-height: 200px; /* IE6 */
			clear: both;
		}	
		
		#conteneur{	
			padding: 10px 30px 20px 30px; 
		}	
		
		#fullConteneur{	
			padding: 10px 0 20px 0; 
		}	



/* LECTEUR PAGE ACCUEIL */
#lecteur_home{
	width: 675px;
	height:335px;
	margin-top:4px;
	background: url(../images/a-antenne-fond.gif) no-repeat;
}

#options_home{
	padding-top: 70px;
	margin-left: 30px;
	width: 220px;
	float:left;
}
#ecran_home{
	float: left;
	width: 373px;
	height: 325px;
	padding: 5px 0 0 19px;
}
#resume_home{
	width: 220px;
	height:218px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom:5px;
}

#resume_home h3{
	color: #4f88cd;
	padding: 3px 0 3px 0;
	border-bottom:1px solid #d4d4d4;
}

#resume_home p{
	padding: 6px 10px 2px 0;
	font-size: 11px;
	margin: 0;
}
/* FIN : LECTEUR PAGE ACCUEIL */



		
			#lecteur{
				width: 675px;
				margin-top: 4px;
			}
			
				#lecteur h2{
					text-transform: uppercase;
					color: #000;
					width: 660px;
					height: 25px;
					padding: 0;
				}
				
				#mainLecteur{ 
					background: url(../images/background-lecteur.png) no-repeat;
					border-right: 1px solid #d4d4d4;
					border-left: 1px solid #d4d4d4;
					min-height: 322px; /* IE6 */ /*337*/
				}
				
					#ecran{
						float: left;
						width: 365px;
						height: 316px;
						padding: 6px 0 0 19px;
					}
						#ecran1{
						float: left;
						width: 365px;
						height: 316px;
						padding: 10px 20px 15px 30px;
						padding-left:65px;
						
					}
				
					
					#options{
						padding-top: 6px;
						margin-left: 403px;
						width: 255px;
					}
							
						#choixVideo{
							width: 255px;
							height: 188px;
							border: 1px solid #d4d4d4;
							margin-bottom: 10px;
							overflow: scroll;
						}
						
							#choixVideo li{
								clear: left;
								height: 34px;
							}
						
							li.choixVideo1, li.choixVideo1 a{
								background: #fff;
							}
							
							li.choixVideo2, li.choixVideo2 a{
								background: #dedede;
							}
							
							#choixVideo li a{
								display: block;
								height: 34px;
								color: #555A62;
								width: 237px; /* IE6 */
							}
							
							#choixVideo li.choixVideo3, #choixVideo li.choixVideo3 a{
								color: #fff;
								background: #f02d92;
							}
														
								#choixVideo li:hover{
									clear: left;
									height: 34px;
									background: #fca9de;
								}
							
								#choixVideo li a:hover{
									background: #fca9de;
								}
								
								#choixVideo li.choixVideo3:hover, #choixVideo li.choixVideo3 a:hover{
									color: #fff;
									background: #f02d92;
								}								
								
									li span.nomVideo{
										float: left;
										display: block;
										width: 225px;
										padding-left: 10px;
										cursor: pointer;
									}
								
									li span.dureeVideo{
										display: block;
										padding: 9px 0 0 190px;
									}
									
						#resume{
							width: 257px;
							margin-bottom: 8px;
							border-bottom: 1px solid #d4d4d4;
						}
						
							#resume h3{
								color: #fff;
								background: #f02d92;
								padding: 3px 0 3px 10px;
								border-top: 1px solid #d4d4d4;
								border-right: 1px solid #d4d4d4;
								border-left: 1px solid #d4d4d4;
							}
			
							#resume h4{
								background: #FCA9DE;
								font-size: 1.2em;
								padding: 3px 0 3px 10px;
								border-right: 1px solid #d4d4d4;
								border-left: 1px solid #d4d4d4;
							}
							
							#resume p{
								background: #FCA9DE;
								padding: 3px 10px 3px 10px;
								border-right: 1px solid #d4d4d4;
								border-left: 1px solid #d4d4d4;
								font-size: 0.9em;
								margin: 0;
							}
							
			#bottomLecteur{
				clear: left;
				width: 675px;
				height: 10px;
				background: url(../images/background-lecteur-bottom.png) no-repeat;
			}
			
			#actualites, #dossiers{
				width: 335px;
				margin-top: 7px;
			}
			
			#actualites{
				margin-right: 5px;
			}
				#actualites h2{
					float: left;
					font-size: 1.3em;
					height: 24px;
					padding: 8px 0 0 15px;
				}
				
				#actualites div#voirActu{
					float: left;
					height: 23px;
					padding: 9px 20px 0 30px;
					color: #fff;
				}
				
						#actualites div#voirActu a{
							color: #fff;
						}
											
							#actualites div#voirActu a:hover, #actualites div#voirActu a:focus{
								text-decoration: underline;
							}
							
				#actualites div.pictoRss{
					background: url(../images/bandeau-actualites.png) no-repeat;
					padding: 8px 0 2px 0;
				}
			
				#actualites ul{
					clear: left;
					border-right: 1px solid #d4d4d4;
					border-bottom: 1px solid #e215a1;
					border-left: 1px solid #d4d4d4;
					padding: 0 5px;
				}
				
					#actualites li{
						clear: left;
						height: 34px;
						margin-left: 4px;
					}
				
					li.choixActu1{
						background: #fff;
					}
					
					li.choixActu2{
						background: #dedede;
					}
							
							#choixActu li a{
								display: block;
								height: 34px;
								color: #555A62;
							}
							
								#choixActu li a:hover, #choixActu li a:focus{
									background: #fd7fd5;
								}
							
									li span.nomActu{
										float: left;
										display: block;
										width: 230px;
										padding-left: 10px;
										cursor: pointer;
									}
									
									li span.dateActu{
										display: block;
										color: #b838d8;
										font-weight: bold;
										padding: 9px 0 0 240px;
									}
				#dossiers h2{
					float: left;
					font-size: 1.3em;
					height: 24px;
					padding: 8px 0 0 15px;
					color:#9d9d9d;
				}
				
				#dossiers div#voirDossier{
					float: left;
					height: 23px;
					padding: 9px 20px 0 30px;
					color: #fff;
				}
				
						#dossiers div#voirDossier a{
							color: #9d9d9d;
						}
											
							#dossiers div#voirDossier a:hover, #dossiers div#voirDossier a:focus{
								text-decoration: underline;
							}
							
				#dossiers div.pictoRss{
					background: url(../images/bandeau-dossier.png) no-repeat;
					padding: 8px 0 2px 0;
				}
			
				#dossiers ul{
					clear: left;
					border-right: 1px solid #d4d4d4;
					border-bottom: 1px solid #d3dd36;/*00b0e1*/
					border-left: 1px solid #d4d4d4;
					padding: 0 5px;
				}
				
					#dossiers li{
						clear: left;
						height: 34px;
						margin-left: 4px;
					}
				
					li.choixDossier1{
						background: #fff;
					}
					
					li.choixDossier2{
						background: #dedede;
					}
					
							#choixDossier li a{
								display: block;
								height: 34px;
								color: #555A62;
							}
							
								#choixDossier li a:hover, #choixDossier li a:focus{
									background: #f4ff40;/*9ce9ff*/
								}
							
									li span.nomDossier{
										float: left;
										display: block;
										width: 230px;
										padding-left: 10px;
										cursor: pointer;
									}
								
									li span.dateDossier{
										display: block;
										color: #dede05;/*00b0e1*/
										font-weight: bold;
										padding: 9px 0 0 240px;
									}

#partieDroite{
	width: 247px;
	background: #fff url(../images/background-marecherche.gif) no-repeat;
} 
 
	#recherche{
		background: #fff url(../images/background-recherche.gif) no-repeat;
		margin-top:126px;
		margin-bottom:40px;
		width: 247px;
		padding: 3px 0 0 0;
	}
	
		#recherche input#search{
			width: 170px;
			height:17px;
			padding:5px 2px 2px 4px;
			margin: 10px 0 0 16px;
			color: #000;
			border: 0;
			cursor: text;
			font-size:12px;
		}
		#recherche input#query{
			width: 170px;
			height:17px;
			padding:5px 2px 2px 4px;
			margin: 10px 0 0 16px;
			color: #000;
			border: 0;
			cursor: text;
			font-size:12px;
		}
		
		#recherche input#searchOk{
			margin: 7px 0 4px 8px;
		}
		
		
		/***** Affichage suggestions Recherche *****/
		#recherche .SuggestFramework_List{border: 1px solid #CCCCCC;border-top: 0;margin-left:15px;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#recherche .SuggestFramework_Heading{
			padding: 0 1px 0 1px;
			background-color: #CCCCCC;
			color: #FFFFFF;
			font-weight: bold;
		}
		
		#recherche .SuggestFramework_Highlighted{
			padding: 0 1px 0 1px;
			background-color: Highlight;
			color: HighlightText;
		}
		
		#recherche .SuggestFramework_Normal{
			padding: 0 1px 0 1px;
			background-color: #ffeac9;
			color: #000000;
		}
		
		#recherche .SuggestFramework_Combo{
			width: 100%; 
			margin: 0; 
			padding: 0;
		}
		
	#soutien{width: 213px;margin: 10px auto;}
	#pub{width: 213px;margin: 10px auto;}
	#lesvideos{margin-left:17px;}
	
	#adsense{
		width: 205px;
		height:210px;
		padding:30px 5px 0 5px;
		margin: 20px auto 20px auto;
		text-align:justify;
		background:url(../images/bg-adsense.gif);
	}

	#emissions{
		margin: 10px auto;
		width: 213px;
		color: #fff;
		background: #f7931e url(../images/emissions-foot.png) no-repeat left bottom;
	}	
	
	#emissions img{display:block;}
	
		#emissions ul{
			background: url(../images/emissions-head.png) repeat-x;
			padding: 6px 0 6px 0;
			text-transform: uppercase;
		}
		
			#emissions ul li{
				/*background: url(../images/picto-orange-orange.png) no-repeat left center;*/
				border-bottom: 1px dotted #fff;
			}
			
			#emissions ul li:hover{background-color:#fdd3a1;}
			#emissions ul li:hover a, #emissions ul li:hover a:hover{color:#000;}
			
			#emissions ul li.last{border-bottom: 0;}
		
				#emissions ul li a{
					color: #fff;
					font-weight: bold;
					font-size: 0.7em;
					text-decoration: none;
					display:block;
					width:auto;
					padding:4px 1px 4px 6px;
				}
			
				#emissions ul li a:hover, #emissions ul li a:focus{
					text-decoration: none;
				}
			
/***** Pied de page *****/

#footer{clear:both;text-align:center;}
#foot1{font-size: 0.7em;color: #5f5959;padding-bottom: 4px;margin-bottom: 4px;border-bottom: 1px solid #fff;}
#foot1 a{color: #fff;}
#foot2{text-transform: uppercase;font-size: 0.7em;color: #fff;padding-bottom:3px;}
#foot2 a{color:#fff;}

#foot1 a:hover, #foot1 a:focus, #foot2 a:hover, #foot2 a:focus{text-decoration: underline;}

#sunmedia {padding-bottom:10px;}
#sunmedia a{font-size:11px;color: #fff;}
#sunmedia img{vertical-align:middle;padding-bottom:3px;}

/***** Global Classes *****/
 
p.hidden, p.hidden label, p.hidden input{ visibility: hidden; margin: 0; padding: 0; }
 
.clear{ clear: both; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
 
.textLeft{ text-align: left; }
.textRight{ text-align: right; }
.textCenter{ text-align: center; }
.textJustify{ text-align: justify; }

.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ border-bottom: 1px solid; }
.highlight{ background: #ffc; }
 
.img-left{ float: left; margin: 4px 10px 4px 0; }
.img-right{ float: right; margin: 4px 0 4px 10px; }
 
.nopadding{ padding: 0;}
.noindent{ margin-left: 0; padding-left: 0; }
.nobullet{ list-style: none; list-style-image: none; }


/***** Mur vidéo *****/
.murvideo{float:left;margin-right:45px;width:135px;height:140px;padding-top:12px;background:url(../images/murvideo-bleu.gif) top left no-repeat;}
.murvideo_last{float:left;margin-right:0;width:135px;height:140px;padding-top:12px;background:url(../images/murvideo-bleu.gif) top left no-repeat;}
.murvideo img{border:2px solid #fff;margin-left:12px;margin-bottom:13px;}
.murvideo_last img{border:2px solid #fff;margin-left:12px;margin-bottom:13px;}
.murvideo a{color:#000;font-size:11px;}
.murvideo_last a{color:#000;font-size:11px;}

.infos_bulle {z-index:500;position:absolute;top:-999px;width:179px;visibility:hidden;opacity:0.92;-moz-opacity:0.92;-khtml-opacity:0.92;filter:alpha(opacity=92);}
.infos_bulle_bas {font:normal 10px Verdana, Arial;color:#fff;height:88px;padding:10px 10px 10px 20px;background:url(../images/murvideo-bulle-orange.png) no-repeat left top;}