/* definitions générales */
@import url("menu.css");
@import url("publicite.css");
@import url("/generique/css/bas.css");

br.clear, p.clear, div.clear
{
	clear: both;
}

.bandeau-milieu
{
	margin-bottom: 3px;
	height: 17px;
	width: 100%;
	display: none;
}

.col-gauche
{
	margin-right: 2px;
}

.col-droite
{
}

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 15px;
	margin-right: 10px;
	padding: 0px;
}

input, select, textarea
{
    font-family: arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, dl, dd, dt
{
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, dl, dd, dt, img, a, form
{
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, li, dd, dt, span
{
	
	text-decoration: none;
	font-weight: normal;
}

sup
{
	vertical-align: text-top;
}

img
{
	border: none;
}

a, a:visited, a:active, a:hover
{
	text-decoration: none;
}

ul
{
	list-style-type: none;
}

li
{
	clear: both;
}

div.texte p
{
	margin-bottom: 15px;
}

div.texte p p
{
	margin-bottom: 0px;
}

a, a:visited, a:active, a:hover
{
	text-decoration: none;
	color : rgb(0,0,0);
}
/* fin definitions générales */

/* zoning */

#haut-bandeau
{
	/*width: 780px;*/
	width: 970px;
	padding: 5px 0px 0px 0px;
}

div#haut-publicite
{
	/* width: 780px; */
	width: 970px;
	height: 90px;
	overflow: hidden;
}


div#milieu
{
	width: 780px;
	clear: both;
}

div#milieu-menu
{
	float: left;
	width: 150px;
	margin: 0px 3px 0px 0px;
	font-size: 85%;
	overflow: hidden;
}

div#milieu-contenu-central
{
	float: left;
	width: 432px;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
}

div#milieu-contenu-central-large
{
	float: left;
	width: 627px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

div#milieu-contenu-central div.bandeau-milieu, div#milieu-contenu-central-large div.bandeau-milieu
{
	display: none;
}
div#milieu-contenu-central.languefr div.bandeau-milieu, div#milieu-contenu-central-large.languefr div.bandeau-milieu
{
	display: block;
}
div#milieu-contenu-contextuel
{
	float: left;
	width: 192px;
	font-size: 85%;
	margin-top: 258px;
	overflow: hidden;
}

div#imprimable .bandeau-milieu
{
	background-image: url(/img/bandeau_rfi_imprimable.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* fin zoning */

/* zoning player */

#player-maxi
{
width:585px;
float:left;
margin:0px 0px 0px 3px;
}

#player-mini
{
width:192px;
float:left;
}

#player-autopromo
{
width:192px;
margin:3px 0px 3px 0px;
}

#player-central
{
width:585px;
float:left;
margin:0px 0px 0px 0px;
}

#player-central2
{
width:388px;
float:left;
margin:0px 0px 0px 0px;
}


#player-central-contenu
{
width:390px;
float:left;
margin:3px 0px 0px 0px;
}

#player-central-contextuel
{
width:192px;
float:right;
margin:3px 0px 0px 0px;
}

/* fin zoning player */

/*** COPIE DU GENERIQUE */

/****** ONGLETS BASIC *****/

div p.onglet a,
div p.onglet-selection a
{
	width: 96px;
	float: left;
	color: rgb(255,255,255);
	background-color : rgb(136,136,136);
	text-align: center;
	border-style: solid;
	border-color: rgb(255,255,255);

	border-top-width : 0px ;
	border-right-width : 2px ;
	border-bottom-width : 0px ;
	border-left-width : 0px;
	
	overflow : hidden;
}

div p.onglet a,
div p.onglet a:active,
div p.onglet a:visited,
div p.onglet-selection a,
div p.onglet-selection a:active,
div p.onglet-selection a:visited
{
	text-decoration: none;
	color: rgb(255,255,255);
}


div p.onglet a:hover
{
	text-decoration: underline;
	color: rgb(255,255,255);
}


/* player footer mini */
#player-footer-mini
{
	display: none;
	margin-top: 3px;
	height: 16px;
	background: url(/img/player_agrandir_fond.gif) no-repeat;
}

#player-footer-mini p
{
	font-weight: bold;
	font-size: 90%;
	padding: 0px 5px 0px 10px;
}

#player-footer-mini p,
#player-footer-mini p a
{
	color: rgb(255,255,255);
}


/* fin player footer mini */

/* en direct */
div#boite-en-direct
{
	margin-bottom: 11px;
	margin-top: 4px;
}

div#boite-en-direct div#boite-en-direct-entete
{
	display: none;
}

div#boite-en-direct div.accesseur
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	background-color: rgb(255,255,255);
}

div#boite-en-direct a
{
	width: 100%;
	height: 100%;
	display: block;
}


div#boite-en-direct-monde p.texte
{
	height: 18px;
	background: rgb(255,255,255) url(/radiofr/img/bouton_endirect_monde.gif) no-repeat;
}

div#boite-en-direct-afrique p.texte
{
	height: 18px;
	background: rgb(255,255,255) url(/radiofr/img/bouton_endirect_afrique.gif) no-repeat;
}

div#boite-en-direct-musique p.texte
{
	height: 18px;
	background: rgb(255,255,255) url(/radiofr/img/bouton_endirect_musique.gif) no-repeat;
}
/* fin en direct */

/* player format */
div#player-format
{
	/*background-color: rgb(178,178,178);*/
}

div#player-format p.entete
{
	background: rgb(178,178,178) url(/img/player_format_header.gif) top no-repeat;
}

div#player-format h1
{
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 93%;
	background: rgb(178,178,178) url(/img/player_format_header_cask.gif) 15px 0px no-repeat;
	padding: 0px 0px 5px 35px;	
	margin-bottom: 3px;	
}

div#player-format p.action
{
	padding-left: 30px;
	background: rgb(178,178,178) url(/img/player_format_fleche_blanc.gif) left no-repeat;
}

div#player-format p.action,
div#player-format p.action a
{
	color: rgb(255,255,255);
}

div#player-format p.pied
{
	background:url(/img/player_format_fond.gif) bottom no-repeat;
}


/* fin player format */

/* player footer */
#player-footer
{
	background: url(/img/player_footer.gif) 0px 0px no-repeat;
	height: 16px;
}

#player-footer p.lien
{
	padding: 0px 0px 0px 20px;
	float: left;
	font-weight: bold;
	font-size: 90%;
}

#player-footer p.action
{
	padding: 0px 20px 0px 0px;
	float: right;
	font-weight: bold;
	font-size: 90%;
}

#player-footer p.lien,
#player-footer p.lien a,
#player-footer p.action,
#player-footer p.action a
{
	color: rgb(255,255,255);
}

/* fin player footer */

/* telechargement */

div#telechargement
{
	margin: 0px;
	padding: 0px;
	width: 560px;
}

div#telechargement div#bandeau
{
	background: rgb(199,10,14) url(/radiofr/img/haut_bandeau_pop_up.gif) no-repeat;
	height: 68px;
}

div#telechargement div#bandeau div
{
	padding-top : 12px;
	padding-right : 0px;
	padding-bottom : 0px;
	margin-left : 163px;
	color: rgb(255,255,255);
	background-color: rgb(199,010,014);
	font-size : 280%;
}

div#telechargement div#entete 
{
	padding: 10px 0px 8px 35px;	
}


div#telechargement div#entete p.titre
{
	font-weight: bold;
}

div#telechargement div#entete p.texte
{
}

div#telechargement div#action
{
	margin: 10px 0px 30px 0px;
}

div#telechargement div#action p
{
	padding: 10px 0px 0px 35px;	
}

div#telechargement div#action p,
div#telechargement div#action p a
{
	float: left;
	color: rgb(051,051,051);
}



div#telechargement div#action p#choix
{
	float: none;
}


div#telechargement div#action p#real-audio a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_real.gif) no-repeat;
}

div#telechargement div#action p#windows-media a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_windowsmedia.gif) no-repeat;
}

div#telechargement div#action p#mp3 a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_mp3.gif) no-repeat;
}


div#telechargement div#lecteur-windows-media
{
	clear: both;
}

div#telechargement div#lecteur-windows-media,
div#telechargement div#lecteur-real-audio
{
	
	float: left;
	width: 260px;
	border-width: 1px 0px 1px 0px;
	border-style : solid;
	border-color: rgb(136,136,136);
	margin: 30px 15px 0px 0px;
}

div#telechargement div#lecteur-windows-media p.texte
{
	float: left;
	text-align: right;
	color: rgb(051,051,051);
	padding: 5px 10px 5px 10px;
	width: 200px;
}

div#telechargement div#lecteur-windows-media p.picto
{
	float: left;
	width: 40px;
	padding-top: 13px;
}

div#telechargement div#lecteur-real-audio p.texte
{
	float: left;
	text-align: right;
	color: rgb(051,051,051);
	padding: 5px 10px 5px 10px;
	width: 160px;
}

div#telechargement div#lecteur-real-audio p.picto
{
	float: left;
	width: 70px;
	padding-top: 10px;
}



/* fin telechargement */

/* player audio*/

div#player-audio
{
	margin: 0px;
	padding: 0px;
}

div#player-audio div.action
{
	margin: 0px 0px 0px 0px;
}

div#player-audio div.action p
{
	padding: 0px 5px 0px 0px;
}

div#player-audio div.action p,
div#player-audio div.action p a
{
	float: none;
	color: rgb(051,051,051);
}

div#player-audio div.action p.titre
{
	float: none;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

div#player-audio div.action p.choix
{
	float: none;
	padding: 5px 0px 5px 5px;
}

div#player-audio div.action p.real-audio a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_real.gif) no-repeat;
}

div#player-audio div.action p.windows-media a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_windowsmedia.gif) no-repeat;
}

div#player-audio div.action p.mp3 a
{
	padding: 0px 0px 0px 20px;
	background: url(/img/small_mp3.gif) no-repeat;
}

div#player-audio div#lecteur-windows-media,
div#player-audio div#lecteur-real-audio
{
	clear: both;
	float: none;
	width: 190px;
	border-width: 1px 0px 0px 0px;
	border-style : solid;
	border-color: rgb(136,136,136);
	margin: 7px 0px 0px 0px;
}


div#player-audio div#lecteur-windows-media p.texte
{
	float: left;
	text-align: right;
	color: rgb(051,051,051);
	padding: 5px 0px 5px 0px;
	width: 100px;
}

div#player-audio div#lecteur-windows-media p.picto
{
	float: left;
	width: 40px;
	padding: 10px 0px 0px 10px;
}

div#player-audio div#lecteur-real-audio p.texte
{
	float: left;
	text-align: right;
	color: rgb(051,051,051);
	padding: 5px 0px 5px 0px;
	width: 100px;
}

div#player-audio div#lecteur-real-audio p.picto
{
	float: left;
	width: 70px;
	padding: 10px 0px 0px 10px;
}

/* fin player audio */

/* bandeau haut */

div#haut-publicite div.contenu
{
	/* width: 780px; */
	width: 970px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}


div#haut-publicite div.contenu img.publicite-gauche,
div#haut-publicite div.contenu img.publicite-droite
{
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}

div#haut-publicite div.contenu img.publicite-gauche
{
	float: left;
}

div#haut-publicite div.contenu img.publicite-droite
{
	float: right;
}

#haut-bandeau
{
	font-size:90%;
}

#haut-bandeau p.menu
{
	
	float: left;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rgb(255,255,255);
	margin: 0px 2px 0px 0px;
}

#haut-bandeau p.menu a
{
	float : left;
	height: 30px; /* ajout */
	display : block;
}

#haut-bandeau p.dernier
{
	margin: 0px 0px 0px 0px;
}

/* ajout*/
#haut-bandeau p#haut-bandeau-image-centrale a
{
	height: 100px;
	width: 970px;
	display : block;
	background-repeat : no-repeat;
}

#haut-bandeau #haut-bandeau-onglet-pro
{
	margin-right : 0px;
}

#haut-bandeau #haut-bandeau-onglet-accueil a,
#haut-bandeau #haut-bandeau-onglet-radio a,
#haut-bandeau #haut-bandeau-onglet-actu a,
#haut-bandeau #haut-bandeau-onglet-musique a,
#haut-bandeau #haut-bandeau-onglet-lffr a,
#haut-bandeau #haut-bandeau-onglet-presse a,
#haut-bandeau #haut-bandeau-onglet-pro a,
#haut-bandeau #haut-bandeau-onglet-sport a,
#haut-bandeau #haut-bandeau-onglet-science a,
#haut-bandeau #haut-bandeau-onglet-culture a,
#haut-bandeau #haut-bandeau-onglet-en-france a
{
	font-size : 110%;
	color : rgb(255,255,255);
	font-weight : bold;
	width : 86px;
	text-align : center;
	line-height : 30px;
}

#haut-bandeau #haut-bandeau-onglet-lffr a
{
	line-height : normal;
	font-size : 100%;
}

#haut-bandeau #haut-bandeau-onglet-pro a
{
	width : 90px;
}

#haut-bandeau #haut-bandeau-onglet-accueil a
{
	width : 84px;
	border-left : solid 2px rgb(204,204,204);
	color : rgb(199,10,14);
}

#haut-bandeau #haut-bandeau-onglet-accueil a
{
	background-color : rgb(255,255,255);
}

#haut-bandeau #haut-bandeau-onglet-radio a
{
	background-color : rgb(199,10,14);
}
#haut-bandeau #haut-bandeau-onglet-actu a
{
	background-color : rgb(126,000,021);
}

#haut-bandeau #haut-bandeau-onglet-musique a
{
	background-color : rgb(255,153,000);
}

#haut-bandeau #haut-bandeau-onglet-lffr a
{
	background-color : rgb(001,076,115);
}

#haut-bandeau #haut-bandeau-onglet-presse a
{
	background-color : rgb(136,136,136);
}

#haut-bandeau #haut-bandeau-onglet-pro a
{
	background-color : rgb(178,178,178);
}

#haut-bandeau #haut-bandeau-onglet-sport a
{
	background-color : rgb(75,82,01);
}

#haut-bandeau #haut-bandeau-onglet-science a
{
	background-color : rgb(103,153,102);
}

#haut-bandeau #haut-bandeau-onglet-culture a
{
	background-color : rgb(097,148,201);
}
#haut-bandeau #haut-bandeau-onglet-en-france a
{
	background-color : rgb(134,087,133);
}

/* fin ajout*/

img.milieu-haut
{
	margin: 0px 0px 2px 0px;
}
#haut-bandeau p.lien-navigation-accueil a
{
	background-color: rgb(199,10,14);
	float: left;
	color: rgb(255,255,255);
	text-align: center;
	border-style: solid;
	border-color: rgb(255,255,255);
	border-width: 0px 2px 0px 0px; /* border-width: 0px 0px 0px 0px; */
	width: 120px; /* ajout */
}

 #haut-bandeau p.lien-navigation-accueil a,
 #haut-bandeau p.lien-navigation-accueil a:active,
 #haut-bandeau p.lien-navigation-accueil a:visited
{
	text-decoration: none;
}


#haut-bandeau p.lien-navigation-accueil a:hover
{
	text-decoration: underline;
}

#haut-bandeau span.lien-navigation-accueil-droite
{
	/*width: 94px;*/
	width: 116px;
	background-color: rgb(199,10,14);
	float: left;
	color: rgb(255,255,255);
	text-decoration: none;
	text-align: center;
}
 
#haut-bandeau img.bord-blanc
{
	border-color: rgb(255,255,255);
}
#haut-bandeau img.bord-presse
{
	border-color: rgb(140,140,140);
}

#haut-bandeau img.bord-radio
{
	border-color: rgb(199,10,14);
}
 
 /*haut outils*/
 
#haut-outils
{
	float: left;
	margin-top: 5px;
	/*width: 780px;*/
	width: 970px;
}

#haut-outils p.alacarte
{
	float: left;
	clear: both;
	padding : 0px;
	margin: 0px 2px 0px 0px;
}

#haut-outils div.haut-outils-direct
{
	padding : 0px;
	margin: 0px 3px 0px 0px;
	border: none;
	float:left; 
}

#haut-outils p.direct,
#haut-outils p.direct a,
#haut-outils p.direct img
{ 
}


#haut-outils div.defilant
{
	/*width: 432px;*/
	width: 622px;
	float: left ;
	margin: 0px 3px 0px 0px;

}

#haut-outils div.defilant  p
{
	text-align: right;
	border-style: solid;
	border-color: rgb(204,204,204);
}

#haut-outils div.defilant p.bord-bas
{
	height: 20px;
	border-width: 0px 0px 1px 0px;
}

#haut-outils div.defilant p.tu
{
	/*width: 428px;*/
	width: 618px;
	/* background: url(/img/fond_tu.gif) top right no-repeat; */
}

#haut-outils div.defilant p.bord-iframe
{
	
	height: 17px;
	border-width: 0px 2px 1px 2px;
}

/* ajout */
#haut-outils div.defilant p.bord-iframe iframe
{
	width: 615px;
}
/* fin ajout */

#haut-outils div.defilant div.sup
{
	vertical-align: super;
}

#haut-outils div.defilant p.heure
{
	color: rgb(141,141,141);
	font-size: 110%;
}

#haut-outils div.defilant p.tu
{
	color: rgb(141,141,141);
	font-size: 80%;
}

#haut-outils div.recherche
{
	float:left;
	padding: 10px 0px 10px 10px;
	margin:0px;
	width: 182px;
	background: url(/img/haut_outils_fond_recherche.gif) top left no-repeat;
}

#haut-outils div.recherche form input
{
	float: left;
}

#haut-outils div.recherche form input.texte
{
	width: 150px;
	font-family: arial,helvetica,sans-serif;
	font-size: 80%;
	border-style: solid;
	border-color: rgb(136,136,136);
	border-width: 2px 0px 0px 0px;
}

#haut-outils div.recherche p.lien-recherche-avance
{
	float: left;
	margin: 8px 0px 0px 0px;
	padding: 2px 0px 0px 23px;
	width: 147px;
	background: url(/img/haut_outils_lien_fleche.gif)  2px 4px no-repeat;
	border-style: solid;
	border-color: rgb(136,136,136);
	border-width: 2px 0px 0px 0px;
	font-size: 80%;
	color: rgb(255,255,255);
}

#haut-outils div.recherche form a,
#haut-outils div.recherche form a:active,
#haut-outils div.recherche form a:visited,
#haut-outils div.recherche p.lien-recherche-avance a,
#haut-outils div.recherche p.lien-recherche-avance a:active,
#haut-outils div.recherche p.lien-recherche-avance a:visited
{
	color: rgb(255,255,255);
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#haut-outils div.recherche form a:hover,
#haut-outils div.recherche p.lien-recherche-avance a:hover
{
	text-decoration: underline;
	margin: 0px;
	padding: 0px;

}
#haut-outils-bottom
{
	background-color: rgb(199,010,014);
}


 
/* boite d'accesseur */

div.accesseur
{
	overflow: hidden;
}

/* fin boite d'accesseur */
div#milieu-contenu-central.newsletter,div#milieu-contenu-central.article,div#milieu-contenu-central-large.nouscontacter,div#milieu-contenu-central-large.article
{
	margin-top: 2px;
}
div#page,div#bandeau-publicite,div#footer_bandeau-publicite, div#footer
{
	/*position:absolute;
	left: 50%; 
	width: 970px;
	margin-left: -485px; */
	width: 970px !important;
	margin-left: auto;
	margin-right: auto;
}

div#footer_bandeau-publicite
{
	width: 728px !important;
}

#milieu-contenu-central.newsletter div.image-droite
{
	float: right;
	clear: right;
}

#milieu-contenu-central.newsletter div.image-gauche
{
	float: left;
	clear: left;
}

#milieu-contenu-central.newsletter div.corps h2
{
	margin: 0px;
	color: black;
    font-size: 140%;
	font-weight: normal;
}

#milieu-contenu-central.newsletter div.texte
{
	margin-left : 0px;
}
