body {
    padding : 0;
    margin : 0;
    color : #2C5BAA;
    color : #004A92;
    font-size : 12px;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    text-align : center;

    background-image : url('/images/body_background.gif');
    background-color : #227489;

    background-repeat : repeat-x;  
    margin-bottom : 10px;
}
#main {
    background-color : #FFF;
    margin : auto auto;
    width : 950px;
    text-align : left;
    display : table;
}

#page_body {
    background-color : #FFF;
    width : 950px;
/*    display : table;*/
    display : block;
    margin : 0px; 
    padding: 0px; 
}

/************/
/*  TAGS    */
/************/

img {    
  border : none;
  padding : 0px;
  margin : 0px;
  display : block;
}
a {    
  text-decoration : none;
  padding : 0px;
  margin : 0px;
}
a:hover {
    text-decoration : none;
    background-color : #F59200;
    color : #FFF;
}
a:hover.hover_image {    background-color : transparent;}


.gray{    color : #999;}
.head_gray{
    padding : 2px 2px;
    color : #999;
}
.time {
    padding-right : 2px;
    color : #999;
}
h3.index_bloc_top_h3  {
    background-color: #FFF; 
    border-bottom : 2px solid #DBDBFF; 
    padding : 6px 0px;  
    color :#F59200;
    margin-bottom : 0px;
}

#right_column select{
    font-size : 10px;
    width : 180px;
}

/************/
/*  HEADER  */
/************/

#page_header{
    background-color : #FFF;
    width : 950px;
    background : #FFFFFF;
    height : 140px;
    color : #004A92;
    margin-top : 10px;
    border-bottom : 2px solid #F59200;
    margin-bottom:0px; 
    padding-bottom:0px; 
}

#header_logo{
  width : 100px;
  height : 116px;
  margin-top : 0px;
  float : left;
  margin : 0px; 
  padding : 0px;
  padding-left : 20px;
  display : block;
}
#header_search{
  width : 790px;
  height : 26px;
  margin-left : 0px;
  margin-top : 0px;
  float : right;
  text-align : right;
}

#header_ecouter{
  float : left;
  width : 60px;
  height : 56px;

  padding : 0px;
  margin : 0px;
  margin-top : 25px;
/*  margin-left : 65px;*/

  margin-left : 15px;
  
  /*  New index  */
  height : 76px;
  margin-top : 5px;
}
#header_podcasts{
  float : left;
  width : 60px;
  height : 60px;

  padding : 0px;
  margin : 0px;
  margin-top : 21px;
  margin-left : 10px;  
  
  /*  New index  */
  height : 76px;
  margin-top : 5px;
}

#header_reecoute{
  float : left;
  width : 60px;
  height : 60px;
  padding : 0px;
  margin : 0px;
  margin-left : 10px;
  margin-top : 25px;
  /*  New index  */
  height : 76px;
  margin-top : 5px;
}

/**********************************************  Webradio 24.08.09 ************************************************/

#header_webradio{
  float : left;
  width : 60px;
  height : 60px;
  padding : 0px;
  margin : 0px;
  margin-left : 10px;
  margin-top : 25px;
  /*  New index  */
  height : 76px;
  margin-top : 5px;
}

/**********************************************  Fin Webradio 24.08.09 ************************************************/




/**********************************************  WebTv 27.08.09 ************************************************/

#header_webtv{
  float : left;
  width : 60px;
  height : 60px;
  padding : 0px;
  margin : 0px;
  margin-left : 10px;
  margin-top : 25px;
  /*  New index  */
  height : 76px;
  margin-top : 5px;
}

/**********************************************  Fin WebTv 27.08.09 ************************************************/

/*#header_endirect{*/
/*  width : 240px;*/
/*  width : 140px;*/
/*  height : 60px;*/
/*  margin-left : 30px;*/
/*  margin-top : 55px;*/
/*  margin-top : 28px;*/
/*  margin-top : 18px;*/
/*  float : left;*/
/*}*/
/*#header_endirect a {*/
/*    padding : 0 3px;*/
/*}*/

#header_banniere{
    width : 460px; 
    height : 60px; 
    float : right; 
    margin-top : 27px;
    margin-top : 17px;
}

#header_menu{
  width : 950px;
  height : 24px;
  float : left;
  background-image : url('/images/background_menu.jpg');
  background-repeat : repeat-x;  
  margin : 0px;
  padding : 0px;
}

#header_menu a{
    color : #FFF;
    font-size : 14px;
    padding : 0 6px 0 6px;
}

#header_menu a:hover{  color : #999;    background-color : transparent;}
#header_menu a.on{  color : #F59200;}
#header_menu a.on:hover{  color : #999; background-color : transparent;}

#header_menu li, ul{
    display : inline;
    padding : 0px;
    margin : 0px;
}

#header_menu ul{
  margin-top : 5px; 
  display : block;
}

/********************/
/*   BODY  / CENTER */
/********************/

#center{
    background-color : #FFF;
    float : left;
    width : 500px;
    padding-left : 24px;
    padding-top : 10px;
    line-height : 140%;
}

#center h1{
    color : #004A92;
    font-family : Trebuchet MS;
    letter-spacing : 0.5px;
    font-size : 30px;
    line-height : 150%;
    padding-top : 0px;
    margin-top : 0px;    
}
#center h1.page_title a {
    text-decoration : underline;
    padding : 0 3px  0 3px ;
}

#center h2{
    color : #F59200;
    font-family : Trebuchet MS;
    letter-spacing : 0.5px;
    font-size : 1.4em;
    font-size : 20px;
    line-height : 140%;
}
#center h3{
    color : #F59200;
    font-family : Trebuchet MS;
    font-size : 14px;
    line-height : 140%;
}
#center select{
    font-size : 10px;
}

#center a{
    color : #004A92;
    text-decoration : underline;
    padding : 0 3px  0 3px ;
}

#center a:hover {
    text-decoration : none;
    background-color : #F59200;
    color : #FFF;
}

#center a.h3_center{
    color : #FFF;
    text-decoration : none;
}
#center a:hover.h3_center{
    color : #FFF;
    background-color : #F59200;
}

#center a.programme{    text-decoration : none;}

#center a:hover.hover_image {    background-color : transparent;}


#center a.emission_title {
    color : #F59200;
    text-decoration : none;
    font-weight : bold;
    font-size : 14px;
}
#center a:hover.emission_title {     color : #FFF;}

#center a.orange_link {
    color : #F59200;
    text-decoration : none;
    font-size : 16px;
    padding-left : 0px;
}
#center a:hover.orange_link {     color : #FFF;}



#center a.complet_off {
    color : #999;
    text-decoration : none;
}
#center a:hover.complet_off {    color : #FFF;}
#center a.complet_on {
    font-weight : bold;
    text-decoration : none;
}
#center  .form_tag{
    text-align : right;
    padding-right : 18px;
}


/*****************/
/*     ARIANE    */
/*****************/
#ariane{ 
  float : left;
  width : 500px;
  width : 480px;
  padding-left : 18px;
  padding-top : 10px;
  font-size : 10px;
  height : 20px;
  color : #448BC7;
}

#ariane a {   color : #999;  padding : 2px 5px;}

#ariane a:hover { color : #FFF;}

/**********************/
/*     LEFT_COLUMN    */
/**********************/
#left_column{
    float : left;
    width : 188px;
    padding-left : 7px;
    padding-top : 20px;
    height : 800px;
    display : block;
}
#left_column_top{
    width : 180px;
    height : 23px;
    background-image : url('/images/left_column_top_180.png');
    background-repeat : no-repeat;
    background-color : #DBDBFF;
    border-bottom : 2px solid #FFF;
}

#left_column_content{
    position : relative;
    float : left;
    width : 180px;
/*    height : 300px;*/
    background-color : #DBDBFF;
    background-image : url('/images/left_column_bottom_180.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:bottom;     
    display : block;
    padding : 0px;
    margin : 0px;
    padding-bottom : 18px;
    
}
#left_column_content a{
    display : block;
    padding : 0 5px 0 5px;
    margin : 2px 0px 2px 0px ;
}
#left_column_content a.on{
    background-color : #F59200;
    color :#FFF;
}
#left_column_content a:hover{
    color : #448BC7;
    background-color : transparent;
}
/*#left_column_content ul, li{*/
/*    padding: 0px;*/
/*    margin: 0px;*/
/*}*/
/*#left_column_content li{*/
/*    padding-left: 0px;*/
/*    padding-top: 5px;*/
/*    list-style-type : none;*/
/*}*/
/*#left_column_content li{*/
/*    border : 1px solid #00F;*/
/*}*/

/**********************/
/*   COLONNE DROITE   */
/**********************/

#right_column{
  font-size : 12px;
  margin-top : -30px;
  padding-top : 20px;
  padding-right : 5px;
  float : right;
  width : 183px;
  color : #448BC7;
}
#right_column_bloc_top_gray {
    background-image : url('/images/right_column_bloc_top.png');
    background-repeat:no-repeat;
    width :183px;
    background-color  : #DBDBFF;    
    border-bottom : 2px solid #FFF; 
    padding : 3px 0; 
    color : #004A92;
    margin : 0;
}
#right_column_bloc_bottom{
    background-image : url('/images/right_column_bloc_bottom.png');
    background-repeat:no-repeat;
    width :183px;
    height : 10px;
}
#right_column a{
  color : #004A92;
  padding : 0 3px  0px 3px ;  
  display : inline;
}
#right_column a:hover{  color : #FFF;}
#right_column a.h4_droite{  padding-left : 3px;}
#right_column h3{
  margin : 12px 0 4px 0px;
  font-size : 13px;
  color : #F59200;
  font-family : Trebuchet MS;
  line-height : 150%;
}
#right_column ul, li{
  padding: 0px ;
  margin: 0px;
}
#right_column  li{  margin-left : 20px ;}


/******************************/
/*   COLONNE DROITE WIDGETS   */
/******************************/

.center_fc_widget{
width:190px;
padding-left:2px;
background-image:url('http://www.radionotredame.net/images/center_fc_widget.png');
background-repeat:repeat-y;
}




/********************/
/*      FOOTER      */
/********************/

#footer{
    width :950px; 
    text-align:center; 
    color : #999; 
    margin-top : 20px; 
    border-top : 1px solid #AAA; 
    float : left;
    display : block;
}


#footer li, ul{
    display : inline;
    padding : 0px;
    margin : 0px;
}

#footer a {
    color : #999;
    padding : 5px;
}

#footer a:hover {
    color : #004A92;
    padding : 5px;
    text-decoration : underline;
    background-color : #FFF;
}

#search_results a {
    text-decoration : none;
    
}




/**********************/
/*   SOCIAL BOOKMARK  */
/**********************/

#social_bookmark a
{
	float:left;
	background-color:transparent;
}

#social_bookmark a:hover
{
	float:left;
	background-color:transparent;
}

/***********************/
/* FIN SOCIAL BOOKMARK */
/***********************/



/*****************/
/*	LIGHTBOX	 */
/*****************/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 47%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.radionotredame.net/contenus/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.radionotredame.net/contenus/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*****************/
/* FIN LIGHTBOX  */
/*****************/



/******************/
/**** TOP FIVE ****/
/******************/


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */


.top_five_title{
color:#FFFFFF;
font-size:16px;
margin-bottom:15px;
padding-top:10px;
background-color:#023354;
font-weight:bold;
width:500px;
height:60px;

}

.number_top{
font-size:48px;
width:50px;
height:60px;
}

hr{
width:500px;
color:#E8E8E8;
margin:30px 0 30px 0;
}

hr_index{
color:#E8E8E8;
width:240px;
margin:0px;
}

.emissions1 li {
list-style-type:none;
}

.emissions2 li {
list-style-type:none;
}

#une_semaine{
padding:30px 0 0 0;
}

#deux_mois{
padding:30px 0 0 0;
}

.tableau_style{
width:240px;
border-bottom: thin #E8E8E8;
}

#une_semaine_index{
width:240px;
padding:30px 0 0 0;
}

#deux_mois_index{
width:240px;
padding:30px 0 0 0;
}

.tabs-nav {
    list-style: none;
	margin: 0;
	padding: 0 0 0 170px;
	
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float:right;
	padding-right:3px;
	width:152px;
	height:30px;
	border-bottom: 3px solid #598AB5;
	min-width: 84px; /* be nice to Opera */
	
}
.tabs-nav a, .tabs-nav a span {
	display:block;
	width:152px;
	height:30px;
}


.tabs-nav a {
    position:relative;
    top: 0px;
    padding-left: 0;
    color: #27537a;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

}
.tabs-nav a span {
    width: 152px; /* IE 6 treats width as min-width */
    min-width: 152px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 8px;
	background-image:url(http://www.radionotredame.net/contenus/jquery/tab_off.png);
	background-repeat:no-repeat;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
	background-image:url(http://www.radionotredame.net/contenus/jquery/tab_on.png);
	background-repeat:no-repeat;
    width:152px;
	height:30px;
	color:#FFFFFF;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	width:503px;
	padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/**********************/
/**** FIN TOP FIVE ****/
/**********************/