/*******************************************************************************
CSS OnewoVision.com, version 3, juin 2009
*******************************************************************************/


/*******************************************************************************
Définition du gabarit commum
*******************************************************************************/

/* --- Niveau 0 ------------------------------------------------------------- */
/* Conteneurs principaux */
body {font-family:arial,helvetica,sans-serif;}
html, body {height:100%;margin:0;}


/* --- Niveau 1 ------------------------------------------------------------- */
/* Contenu de body */
#global {min-height:100%; width:975px; padding:0 10px; margin:0 auto;
 position:relative; background:url(/grx/global995white.png) center repeat-y;}


/* --- Niveau 2 ------------------------------------------------------------- */
/* Contenu de #global */

#toplinks {height:20px;overflow:hidden;padding:5px 4px 0 4px;text-align:right;
 font-size:85%;font-weight:bold;font-family:arial,helvetica,sans-serif;}
#header2 {height:138px;position:relative;}
#center {padding-bottom:140px;overflow:auto;}
#footer0 {height:120px;position:absolute;width:975px;bottom:0;}
#footer {height:120px;position:absolute;width:975px;bottom:0;}


/* --- Niveau 3 ------------------------------------------------------------- */
/* Contenu de #header2 */
#header2 a {padding: 0 4px;}
#header2 #headlogo2 {position:absolute; left:5px; top:5px; background-image:url(/grx/logo_une_1z.png); height:95px; width:232px;}
/*#header2 #headlogo2 {position:absolute; left:5px; top:5px; background-image:url(/grx/logo_une_1z_foot.png); height:95px; width:232px;}*/
#header2 #headbanner2 {position: absolute;left: 242px;top: 5px;height: 90px;width: 728px;}
#header2 #headmenu3 {position:absolute; left:5px; top:104px; height:20px; width:965px; overflow:hidden; font-size:12px;}
#header2 #headmenu3 .headmenu_box {height:20px; padding:2px 6px 0 6px; display:block; margin-left:5px;text-decoration:none;}
#header2 #headmenu3 .headmenu_box_bleu {float:left;color:#000000;background: url(/grx/menu_bg_blue2a.jpg) top left repeat-x #00A2DC;}
#header2 #headmenu3 .headmenu_box_bleu:hover {color:#FFFFFF;background: url(/grx/menu_bg_blue2a.jpg) bottom left repeat-x #00A2DC;}
#header2 #headmenu3 .headmenu_box_roug {float:left;color:#000000;background: url(/grx/menu_bg_red2a.jpg) top left repeat-x #CD1020;}
#header2 #headmenu3 .headmenu_box_roug:hover {color:#FFFFFF;background: url(/grx/menu_bg_red2a.jpg) bottom left repeat-x #CD1020;}
#header2 #headmenu3 .headmenu_box_mout {float:left;color:#000000;background: url(/grx/menu_bg_yellow1a.jpg) top left repeat-x #F7D618;}
#header2 #headmenu3 .headmenu_box_mout:hover {color:#CD1020;background: url(/grx/menu_bg_yellow1a.jpg) bottom left repeat-x #F7D618;}
#header2 #headmenu3 .headmenu_box_noir {float:left;color:#AAAAAA;background: url(/grx/menu_bg_black1a.jpg) top left repeat-x #111111;}
#header2 #headmenu3 .headmenu_box_noir:hover {color:#FFFFFF;}

#header2 #headmenu2 {position: absolute;left: 5px;top: 104px;height: 20px;width: 485px;overflow:hidden;padding-top:4px;font-size: 85%;font-weight: bold;font-family: arial,helvetica,sans-serif;text-align: center;}
#header2 #headmenuother2 {position: absolute;right: 5px;top: 104px;height: 20px;width: 475px;padding-top:4px;}

#header2 a#headhomelink{position:absolute; left:5px; top:96px; height:14px;overflow:hidden;font-size:80%;display:block;text-decoration:none;}
#header2 a#headhomelink:hover{text-decoration:underline;}
#header2 #box_menu {position:absolute; left:5px; top:114px; height:21px; width:965px;overflow:hidden;font-size:14px;font-family:arial, helvetica, sans-serif;background: url(/grx/965x25_menu0.png) no-repeat;padding-top:4px;}
#header2 #box_menu a {text-decoration:none;font-size:95%;font-weight:bold;}

/* Contenu de #center */
#center #sidebar {float: left;width: 165px;}
#center #sidebar2 {float:left;width:160px;margin-left:5px;display:inline;}
#center #content {float:right;width: 805px;overflow:hidden;display:inline;}

/* Contenu de #footer */
#footer0 #footbanner {height:56px;width:965px;overflow:hidden;margin-left:5px;}
#footer0 #footcopyright {margin-top:6px;height:20px;font-size: 85%;font-weight: bold;font-family: sans-serif;}

#footer #foot_hr {position:absolute;top:38px;height:13px;width:895px;overflow:hidden;background:url(/grx/bg_bjr0.png) repeat-x;}
#footer #foot_hr_rdc {position:absolute;right:5px;height:79px;width:75px;overflow:hidden;background:url(/grx/75x79_hr_droite1.png) no-repeat;}
#footer #foot_logo_ov {position:absolute;top:58px;left:12px;height:36px;width:88px;background:url(/grx/88x36_ov1.png) no-repeat;}
#footer #footcopyright {position:absolute;top:56px;left:110px;font-size:82%;font-weight:normal;font-family:arial,helvetica,sans-serif;color:#333333;}
#footer a{color:#333333;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/* --- Niveau 4 ------------------------------------------------------------- */
/* Contenu de #sidebar */
#sidebar .sbitem {margin: 5px 0 5px 5px;}
#sidebar2 .sbitem {margin-top: 5px;}

/* Contenu de #content */
#content #page_content {float:left;display:inline;width:524px;margin:5px 0 0 0;}
#content #page_sidebar {float:left;display:inline;width:271px;margin:5px 0 0 5px;font-size:14px;}

/* Contenu de #footbanner */
#footbanner .link_part{display:block;float:left;margin-left:10px;}
/* bannière des partenaires */
#footbanner #part_africatime {height:50px;width:150px;background: url('/grx/ov_part_africatime_bg.jpg') no-repeat left top;}
#footbanner #part_africatime:hover {height:50px;width:150px;background: url('/grx/ov_part_africatime_bg.jpg') no-repeat left bottom;}
#footbanner #part_afriquechos {height:50px;width:153px;background: url('/grx/ov_part_afriquechos_bg.jpg') no-repeat left top;}
#footbanner #part_afriquechos:hover {height:50px;width:153px;background: url('/grx/ov_part_afriquechos_bg.jpg') no-repeat left bottom;}



/*******************************************************************************
Classes communes
*******************************************************************************/

/* Généralités */
body {font-family: sans-serif;font-size: 14px;background-color: #00A3DD; /* bleu drapeau */}
img {border: 0;}
h1, h2, h3, p, table, tr, td {padding: 0;margin: 0;}

/* Formats des textes */
.smallcaps {font-variant: small-caps;}
.txtbold{font-weight: bold;}
.txtslim{font-weight: 100;}
.txt70{font-size: .7em;}
.txt75{font-size: .75em;}
.txt80{font-size: .8em;}
.txtsmall{font-size: .85em;}
.txt90{font-size: .9em;}
.txt120{font-size: 1.2em;}
.txt150{font-size: 1.5em;}
.txt80p {font-size:80%;}
.txt85p {font-size:85%;}
.txt90p {font-size:90%;}
.txt100p {font-size:100%;}
.txt110p {font-size:110%;}
.txt120p {font-size:120%;}
.txt130p {font-size:130%;}
.txt150p {font-size:150%;}
.txt160p {font-size:160%;}
.txtcenter {text-align: center;}
.txtjustify {text-align: justify;}
.txtright {text-align: right;}
.txtunderline {text-decoration: underline;}
.txtnounderline {text-decoration: none;}
.txtlink1{font-size: .85em;font-family: sans-serif;font-variant: small-caps;font-weight: bold;text-decoration: none;}
.txttitle1, .txttitle2{font-family: verdana,sans-serif;font-variant: small-caps;font-weight: bold;letter-spacing: 0px;}
.txttitle1{font-size: 22px;line-height:22px;}
.txttitle2{font-size: 28px;line-height:28px;margin-left: 23px;margin-top: -12px;}
.txtls1{letter-spacing:.1em;}

/* Couleurs des fonds et textes */
.fndnoir {background-color: #000000;}
.txtnoir, .hovnoir:hover {color: #000000;}
.fndgris {background-color: #777777;}
.txtgris, .hovgris:hover {color: #777777;}
.txtgrif, .hovgrif:hover {color: #444444;}
.fndblan{background-color: #FFFFFF;}
.txtblan, .hovblan:hover {color: #FFFFFF;}
.fndmout {background-color: #F7D618;}
.border5mout {border:5px solid #F7D618;}
.fndmout1 {background-color: #D7D618;}
.txtmout2 {color: #FBEA8E;}
.fndmout_grad0 {background: url(/grx/menu_bg_1.jpg) top left repeat-x #F7D618;}
.txtmout, .hovmout:hover {color: #F7D618;}
.txtsabl {color:#F3E199;}
.fndoran {background-color: #FF3F00;}
.txtoran {color: #FF3F00;}	
.txtbleu, .hovbleu:hover {color: #00A3DD;}	
.border5bleu {border:5px solid #00A3DD;}
.txtblef, .hovblef:hover {color: #0C0273;}	
.txtbleu1, .hovbleu1:hover {color: #2452C4;}
.txtbleu_eee {color: #7D7EDF;}
.fndbleu {background-color: #1299C8;}
.fndbleu1 {background-color: #2452C4;}
.fndbleu_eee {background-color: #1918C1;}
.txtvert, .hovvert:hover {color: #00AA00;}
.fndroug {background-color: #CE1021;}
.border5roug {border:5px solid #CE1021;}
.txtroug, .hovroug:hover {color: #BE0011;}
.fndroug_grad {background: url(/grx/menu_bg_red2.jpg) top left repeat-x #CD1020;}
.fndbleu_grad {background: url(/grx/menu_bg_blue2.jpg) top left repeat-x #00A2DC;}
.fndble3_grad {background: url(/grx/menu_bg_blue3.jpg) top left repeat-x #1188B6;}
.fndmout_grad {background: url(/grx/menu_bg_yellow1.jpg) top left repeat-x #E3C620;}
.fndmout1_grad250 {background: url(/grx/2x250_fndmout1_grad250.png) top left repeat-x #FBEA8E;}
.fndgris1_grad30 {background: url(/grx/2x30_fndgris1_grad30.png) top left repeat-x #FBEA8E;}
.fndnoir_grad {background: url(/grx/menu_bg_black1.jpg) top left repeat-x #111111;}
.hovnoirjaun:hover {background: #000000; color: #F9FA00;}
.fndetoilebleu {background:url(/grx/fnd_etoile2.png) top left #3DB7E6;}
.fndetoilenoir {background:url(/grx/fnd_etoile3.png) top left #3DB7E6;}
.fndetoilemari {background:url(/grx/fnd_etoile4.png) top left #3DB7E6;}
.fndetoilemout {background:url(/grx/fnd_etoile5.png) top left #3DB7E6;}
.border5black {border:5px solid #000000;}
.clearboth1px {clear:both;height:1px;overflow:hidden;}
.clearboth {clear:both;}
.left {float:left;}
.right {float:right;}

.title_ov_h30 {height:30px;margin:5px 0 0 7px;}
.title_ov_logo {float:left;display:block;height:30px;width:42px;margin:0 2px 0 0;}
.title_ov_text {float:left;height:14px;overflow:hidden;font-size:17px;line-height:13px;margin-top:9px;}
.title_ov_text1 {float:left;height:17px;overflow:hidden;font-size:17px;line-height:17px;margin-top:7px;}


/* Couleurs des boîtes */
div.boxmout {background-color: #F7D618;}
div.boxmout, div.boxmout a{color: #000000;}
div.boxmout span{color: #CE1021;}
div.boxnoir {background-color: #000000;}
div.boxnoir, div.boxnoir a{color: #F7D618;}
div.boxnoir span{color: #CE1021;}

/* Formats des boîtes */
div.box{padding: 8px;}
/*div.box p{font-size: 14px;line-height: 18px;font-family: sans-serif;margin: 8px 0;}*/
div.padding8 {padding: 8px;}
div.c3item {font-size: 13px;font-family: sans-serif;margin-bottom: 5px;}
div.c3item p{margin: 5px 0;}
div.sb_box {margin-bottom: 5px; border:5px solid #000000; padding:5px;}

/* Colonne gauche : Formats des boîtes */ 
.sb_box1 {margin-bottom: 5px; border:5px solid #000000; padding:5px; font-size:15px; font-family:arial, helvetica, sans-serif;}
.box_thumb_150 {margin-top:5px; margin-left:5px; text-align:center; background-color:#000000; width:150px; border:5px solid #000000; overflow:hidden;}
.box_thumb_150 img {border:0;}
.box_thumb_150 a {display:block; text-decoration:none; overflow:hidden;}

/* UNE : boîte miniature vidéo */
.box_video_thumb {text-align:center; background-color:#000000;width:155px;height:165px;overflow:hidden;font-size:14px;font-family:arial, helvetica, sans-serif;}
.box_video_thumb img {border:0;margin:0px;}
.box_video_thumb a {display:block;text-decoration:none;padding:2px 2px;height:161px;width:151px;overflow:hidden;}
.box_video_thumb a:hover {background-color: #1F1F1F;}

.box_video_thumb0 {text-align:center; background-color:#000000;width:155px;height:165px;overflow:hidden;font-size:14px;font-family:arial, helvetica, sans-serif;}
.box_video_thumb0 a {display:block;text-decoration:none;padding:0px;height:165px;width:155px;overflow:hidden;}
.box_video_thumb0 a:hover {background-color: #1F1F1F;}
.box_video_thumb0 a img {border:0;margin:0;}
.box_video_thumb0 a img.channel_logo{display:block;height:15px;width:155px;}
.box_video_thumb0 a img.video_thumb{display:block;height:116px;width:155px;}
.box_video_thumb0 a table.video_title{display:block;height:32px;width:155px;overflow:hidden;}
.box_video_thumb0 a table.video_title td{height:32px;width:155px;}
.box_video_thumb0 a table.video_title td p{line-height:.9em;padding:0 3px;}

/* boîte miniature vidéo élargie (une) */
.box_video_thumb_wide {text-align:center; background-color:#000000;width:315px;height:165px;overflow:hidden;font-size:14px;}
.box_video_thumb_wide a {display:block;text-decoration:none;padding:3px;width:309px;height:159px;overflow:hidden;}
.box_video_thumb_wide a:hover {background-color: #1F1F1F;}

.box_video_thumb_wide0 {text-align:center; background-color:#000000;width:315px;height:165px;overflow:hidden;font-size:14px;}
.box_video_thumb_wide0 a {display:block;text-decoration:none;padding:0px;width:315px;height:165px;overflow:hidden;}
.box_video_thumb_wide0 a:hover {background-color: #1F1F1F;}
.box_video_thumb_wide0 a img.video_thumb{float:left;width:220px;height:165px;overflow:hidden;}
.box_video_thumb_wide0 a table.video_title{display:block;float:left;height:165px;width:95px;overflow:hidden;margin-left:0px;}
.box_video_thumb_wide0 a table.video_title td{height:165px;padding:5px;}
.box_video_thumb_wide0 a table.video_title td img{width:85px;height:55px;margin-bottom:5px;}

/* Boîtes pub */
div.sbp_box_pub {font-family: sans-serif; margin-bottom: 5px; border:5px solid #000000; padding:15px; font-size:.9em;}
div.sbp_box_pub_mout {font-family: sans-serif; margin-bottom: 5px; border:5px solid #000000; padding:15px; font-size:.9em;}
div.sbp_box_pub_mout a{text-decoration: none;}
div.sbp_box_pub_mout .pub_title{text-decoration: underline; color:#F7D618; font-weight:bold;}
div.sbp_box_pub_mout .pub_desc{text-decoration: none; font-size:.9em; color:#F7D618;}
div.sbp_box_pub_mout .pub_url{text-decoration: none; font-size:.8em; color:#CE1021;}
div.boxovpub {padding: 5px;overflow: hidden;word-wrap: break-word;text-align: left;}
div.boxovpub, div.boxovpub a {font-size: 13px;font-family: sans-serif;text-decoration: none;}
div.boxovpub p {margin: 5px 0;}

/* boîte miniature vidéo (temp) */
.box_video_link, .box_video_link2 {margin-top:5px; margin-left:5px; text-align:center; background-color:#000000; width:150px; height:145px; padding:5px; overflow:hidden;}
.box_video_link img {border:0; margin-bottom:1px;}
.box_video_link a {display:block; text-decoration:none; height:135px; overflow:hidden;}
.box_video_link a:hover {background-color: #1F1F1F;}
.box_video_link2 a {display:block; text-decoration:none; height:145px;}

/* boîte miniature radio */
.box_radio_thumb {text-align:center; background-color:#000000;width:155px;height:165px;overflow:hidden;}
.box_radio_thumb a{display:block;width:149px;height:159px;overflow:hidden;text-decoration:none;padding:0;margin:3px;} 

/* boîte miniature vidéo (sidebar) */
.box_video_thumb_sd {text-align:center; background-color:#000000;width:160px;height:165px;overflow:hidden;margin-left:5px;margin-top:5px;}
.box_video_thumb_sd img {border:0;margin:1px 0px;}
.box_video_thumb_sd a {display:block; text-decoration:none;padding:2px 5px;height:161px;overflow:hidden;}
.box_video_thumb_sd a:hover {background-color: #1F1F1F;}

/* popup partage podcast (partager.php) */
.box_shared_title{height:80px;width:440px;margin:5px 5px 0 5px;text-align:center;background:url('/grx/banner_radioonewo440a.jpg') top right no-repeat;}
.box_shared_media{float:left;height:240px;width:150px;padding:5px;overflow:hidden;margin:5px 0px 5px 5px;text-align:center;background-color:#000000;}
.box_shared_send{float:left;margin:5px 0px 5px 5px;padding:10px;width:255px;height:230px;background-color:#000000;}
.box_send_friend{float:left;margin:5px 0px 5px 5px;padding:10px;width:255px;height:230px;background-color:#000000;}
.field_email{width:250px;}

/* message temporaire sur la page JT RTNC */
#box_msg_jt{background: url('/grx/fnd_msg_jt.jpg') repeat-y #F7D618;color:#000000;margin-top:5px;height:300px;}
#box_msg_jt p{font-size:90%;}
input.bt_mout{border:none;height:39px;width:39px;background:transparent url('/grx/bt_mout_39.gif') left no-repeat;}
input.bt_mout:hover{background:url('/grx/bt_mout_39.gif') right no-repeat;}

/* éléments de oneworadio_popup.css*/
#podcast_bt_share{
  display:block;
  background: url(/grx/podcast_bt_share2.png) top center no-repeat;
  width:90px;
  height:22px;
  padding-top:54px;
  margin-top:4px;
  margin-left:auto;
  margin-right:auto;
  text-decoration:none;
  color:#FFFFFF;
  text-align:center;
  font-size:1.2em;
}
#podcast_bt_share:hover{
  background: url(/grx/podcast_bt_share2.png) bottom center no-repeat;
  color:#EEEE00;
}

/* intro player */
#intro_bt_infostop {display:block;float:left;margin-top:2px;}
#intro_player {display:block;float:left;}
#intro_bt_sound {display:block;float:left;width:20px;height:20px;overflow:hidden;background: url('/introplayer/intro_bt1b.png') bottom left no-repeat #FFFFFF;}
#intro_bt_sound:hover {background-position:top left;}
#intro_bt_nosound {display:block;float:left;width:20px;height:20px;overflow:hidden;background: url('/introplayer/intro_bt1a.png') top left no-repeat #FFFFFF;}
#intro_bt_nosound:hover {background-position:bottom left;}
#intro_msg {display:block;float:left;padding-top:3px;margin-left:10px;}
#intro_msg_right {display:block;float:right;padding-top:3px;}

a.box_link160x40 {display:block;border:4px solid #000000;}
a.box_link160x40:hover {border-color:#E8C709;}
a.box_link160x40 img {width:152px;height:32px;display:block;}