/* Zoning */
body, div
{
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
}

#prevnext
{
	/*width:790px;*/
	height:15px;
	margin: 5px 0px 2px 30px;	
	padding: 0 0 0 0;
	
}



#prevnext div.prev
{
	float:left;
	color:#C60808; 	
	background:transparent url(/img/pop_fleche_gauche.GIF) no-repeat ;
	padding: 0 5px 0 18px;
	text-decoration:underline;
}



#prevnext div.prev a
{
	color:#C60808; 
	text-decoration:underline;	
}

#prevnext div.prev_off
{
	float:left;
	color:#dfa4a8; 	
	background:transparent url(/img/pop_fleche_gauche_off.GIF) no-repeat ;
	padding: 0 5px 0 18px;
	text-decoration:underline;
}
#prevnext div.prev_off a
{
	color:#dfa4a8; 
	text-decoration:underline;	
}

/* Header */
#haut 
{
	width:790px;
	height:64px;
	background: #fff url(/player/popupMultimedia/francais/commun/img/header.gif) 35px no-repeat ;
	border-bottom : solid 1px #ccc;
}

#haut div.haut-outils-direct
{
	float:right;	
	padding : 0;
	margin: 0 0 0 0;		
	border: none;	
	width: 200px;
	height: 64px;		
}


#haut div.haut-outils-direct div#ecouteRFI
{
	width: 127px;	
	height:26px;
	margin:18px 0 0 0;
	background-color: White;		
	border: inset 1px #ccc;
	cursor:pointer;
	
}
#haut div.haut-outils-direct div#ecouteRFI p
{
	width: auto;
	display: block;
	float: left;
	padding-top:3px;
	padding-left:14px;
	font-size:16px;
	vertical-align: middle;
}

#haut div.haut-outils-direct div#ecouteRFI div#btnEcouteRFI
{
	width: 22px;
	height: 26px;
	display: block;
	float: right;
	background-color: #c70a0e;
}

#menudirect
{
	position: absolute;
	z-index: 100;	
	width: 127px;
	border: 1px solid #CCC;
	background-color: #FFF;
	font-size: 11px;
}
#menudirect ul
{
	width: 100%;
	font-size:14px;
}

#menudirect ul li p
{
	padding-left: 2px;
	font-weight: bold;
}

#menudirect ul li a
{
	display: block;
	height:20px;
	padding-left: 10px;
	color: Black;
}

#menudirect ul li a:hover
{
	background-color: #ccc;
	text-decoration: none;
}

/* Central */
#central 
{
	width:430px;		
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;			
}

/* Central media */
#media 
{
	float:left;
	width:430px;	
	margin: 0px 0 0 2px;
	padding: 0 0 0 0;				
}

#flashobject
{
	width:328px;
	height:294px;
	margin: 0 auto 0 auto;		
}

#mediainfo
{	
	width:430px;		
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#mediainfo .publication
{
	font-family:Arial;
	color: #777;
	font-weight:bold;	
	font-size : 11px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

/* Central navigation */
#navigation 
{
	float:left;
	width:352px;	
	margin: 0px 0 0 4px;
	padding: 0 0 0 0;
}

#onglets 
{
	width:350px;
	height:31px;	
	margin : 0 0 0 0;
	padding: 0 0 0 0;	
}

#onglets div
{
	float:left;	
	width:87px;
	height:31px;
	background: #fff url(/player/popupMultimedia/img/ongletPopup.gif) no-repeat ;
	text-align:center;			
}

#onglets a
{
	display:block;
	color:#333;
	font-weight:bold;
	line-height:1.2em;
	font-size:11px;		
	padding-left:4px;
	padding-top:9px;
	
}

#onglets a.actif
{
	display:block;
	color:#c70a0e;
	font-weight:bold;
	line-height:1.2em;
	font-size:11px;		
	padding-left:4px;
	padding-top:4px;
}

#tabview 
{
	width:350px;
	/*height:390px;*/
	border:solid 1px #ccc;
	margin : 0 0 0 0;
	padding: 0 0 0 0;	
	overflow:auto;	
}

#tabview div.liste, div.accesseur
{
	width: 320px;
	margin: 5px 0 0 5px;
}

#tabview div.accesseur h2
{
	width: auto;	
}

#tabview div.accesseur h2.disabled
{
	width: auto;	
	color:#999;
}

#tabview div.accesseur p.note
{
	font-family:Arial;
	color: #333;
	font-weight:normal;	
	font-size : 13px;
	margin : 0 0 10px 0;
}

#tabview div.accesseur p.citation
{
	font-family:Arial;
	color: #333;
	font-weight:normal;	
	font-style:normal;
	font-size : 12px;	
}

#tabview p.noresult 
{
	font-family:Arial;
	color: #ccc;
	font-weight:normal;	
	font-size : 16px;	
	font-weight:bold;	
	margin-top:12px;
	margin-left:12px;
}

/* Footer */
#bas 
{
	
	/*background-color:Lime;*/
	width:790px;
	height:100px;		
	margin : 2px 0 0 30px;
	padding: 0 0 0 0;	
	/*top:620px;
	position:absolute;*/
}

#pub 
{
	
	height:90px;
	text-align:center;		
	margin : 0 0 0 0;
	padding: 0 0 0 0;	
}

/* Surchage des éléments du générique */

div.corps.video div.action.video

{
	width: 430px;
	display : none;
}

div.corps.diaporama div.action.diaporama

{
	display : none;
	width: 430px;	
}

div.corps.flash div.action.flash

{
	display : none;
	width: 430px;	
}

/* Direct */
#flashobjectDirect
{
	height:80px;
	margin: 10px 0 0 0;			
}

#flashobjectDirect p.playerLabel 
{
	font-family:Arial;
	color: #666262;	
	font-size : 18px;		
	text-align: center;
	margin-bottom : 15px;
}

#flashobjectDirect.MP3 embed
{
	margin-left:100px;	
}

#flashobjectDirect.WMA embed 
{
	margin-left:10px;	
}

#flashobjectDirect span.playerLabelStrong 
{
	font-weight:bold;	
}

div#flashobjectDirect div.action a
{
	color:#999999;
}


div#flashobjectDirect div.action p.mp3
{
	float:left;	
	margin-top:15px;
	
	margin-bottom: 20px;
}

div#flashobjectDirect div.action p.windows-media
{
	float:left;		
	margin-top:15px;
	
	margin-bottom: 20px;
}

div#flashobjectDirect div.action p.mp3 a
{
	margin-left: 0px;
	padding: 0px 0px 0px 20px;
	color:#C60808;
	background: url(/img/pop_fleche.GIF) no-repeat;
}

.calarchive
{background-color:#C70A0E;color:White;font-weight:bold;text-align:center;
	padding: 3px 0px 3px 0px;border:4px solid #CCCCCC;border-bottom:0px;white-space:nowrap;
}


div#flashobjectDirect div.action p.windows-media a
{
	
	margin-left: 0px;
	
	padding: 0px 0px 0px 20px;
	background: url(/img/pop_fleche.GIF) no-repeat;
	color:#C60808;
}
/*
div#jDirectEcoute div.player
{
	height:60px !important;
	border:solid;	
}*/

div#flashobjectDirect div.action p.downloadFlash
{
	float:left;	
	width:380px;
	margin-left:50px;
	font-size:10px;
	margin-bottom:10px;
}

div#flashobjectDirect div.action p.downloadMediaPlayer
{
	float:left;	
	width:380px;
	margin-top:10px;
	margin-left:50px;	
	font-size:10px;
}

div#flashobjectDirect div.action p.downloadFlash a
{
	font-family:Arial;		
}

div#flashobjectDirect div.action p.downloadMediaPlayer a
{
	font-family:Arial;	
	/*color: #666262;		*/
}

div#flashobjectDirect div.telecharger
{
	width:55px;	
	margin: 5px 0 0 316px;		
 	padding: 0px 0px 0px 25px;
 	font-family:Arial;
 	font-size:11px;
 	color:#4C4C4C; 	
	text-decoration: none;	
	background: url(/francais/actuv2/img/picto_telecharger.gif) no-repeat;
}

div#mediainfodirect
{	
	width:430px;		
	margin: 15px 0 0 0;
	padding: 0 0 0 0;		
}

div#mediainfodirect .publication
{
	font-family:Arial;
	color: #777;
	font-weight:bold;	
	font-size : 11px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

div#mediainfodirect .directLabel
{
	font-family:Arial;
	color: #c70a0e;
	font-weight:bold;	
	font-size : 18px;	
	margin: 0 0 10px 15px;	
}

div#mediainfodirect .directContent
{
	font-family:Arial;
	color: #333;
	font-size : 12px;	
	margin: 0 0 14px 15px;	
}

div#mediainfodirect .journauxLabel
{
	font-family:Arial;
	color: #c70a0e;
	font-weight:bold;	
	font-size : 14px;
	margin: 0 0 10px 15px;		
}

div#mediainfodirect .journauxContent
{
	font-family:Arial;
	color: #333;
	font-size : 12px;	
	margin: 0 0 0 15px;		
}

div#mediainfodirect span.disabled
{
	font-family:Arial;
	color: #999;
	font-size : 12px;	
}

/* Audio */

#mediainfoson
{
	width:430px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;				
}


#mediainfoson p.publication
{
	font-family:Arial;	
	color: #777;
	font-weight:bold;	
	font-size : 11px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#mediainfoson h2
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 16px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#mediainfoson p.note
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

#mediainfoson p.citation
{
	font-family:Arial;
	color: #333;
	font-weight:normal;	
	font-style:italic;
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width : 430px;	
	overflow:hidden;			
}

#mediainfoson span.auteurs
{	
	font-size : 11px;	
	color:#999999;		
}

#flashobjectson
{
	width:430px;	
	height:25px;
	margin: 0 0 0 0;	
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

#flashobjectson object 
{
	float:left;
	margin: 2px 0 0 0;
}

#flashobjectson embed 
{
	float:left;
	margin: 2px 0 0 0;
}

#flashobjectson div.telecharger
{
	float:right;
	width:55px;
	margin: 5px 0 0 0;		
 	padding: 0px 0px 0px 25px ;
 	font-family:Arial;
 	font-size:11px;
 	color:#4C4C4C; 	
	text-decoration: none;
	background: url(/francais/actuv2/img/picto_telecharger.gif) no-repeat;
}

/* Diaporama */

#mediainfodiaporama
{
	width:430px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;				
}


#mediainfodiaporama p.publication
{
	font-family:Arial;
	color: #777;
	font-weight:bold;	
	font-size : 11px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#mediainfodiaporama h2
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 16px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

#mediainfodiaporama p.note
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

#mediainfodiaporama p.citation
{
	font-family:Arial;
	color: #333;
	font-weight:normal;	
	font-style:italic;
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

/* Infographie */

#mediainfoinfographie
{
	width:430px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;				
}


#mediainfoinfographie p.publication
{
	font-family:Arial;
	color: #777;
	font-weight:bold;	
	font-size : 11px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

#mediainfoinfographie h2
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 16px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

#mediainfoinfographie p.note
{
	font-family:Arial;
	color: #333;
	font-weight:bold;	
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

#mediainfoinfographie p.citation
{
	font-family:Arial;
	color: #333;
	font-weight:normal;	
	font-style:italic;
	font-size : 13px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;		
}

/* pub audio */
div#contextuel-publicite-video-audio
{
	width : 354px;
	height : 250px;	
	padding: 0 0 0 0;
	margin-top:20px;
	margin-left:25px;
 	border-color: rgb(204,204,204);
	border-style: solid;
	border-width: 1px;
	overflow: hidden;		
}

div#contextuel-publicite-video-audio iframe 
{
	float:left;
}

div#contextuel-publicite-video-audio div.bandeau#pub-video-gauche
{
	float: left;
	width: 26px;
	height: 250px;	
	background-image: url(/img/publicite_video_gauche.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

div#contextuel-publicite-video-audio div.bandeau#pub-video-droite
{
	float: right;	
	width: 26px;
	height: 250px;
	background-image: url(/img/publicite_video_droite.gif);
	background-repeat: no-repeat;
	background-position: left;	
}