/**************************************************************************************************************************************************************/
/***																																						***/
/***															MISE EN PAGE GENERAL																		***/
/***																																						***/
/**************************************************************************************************************************************************************/

body, div, ul, ol, li, p, hr, img, h1, h2, h3, h4, a, form, table, legend, fieldset, dl, dt, dd, input, label, textarea
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: transparent;
	background-image: url(../images/degrade.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

img
{
	border: none;
}

a
{
	color: #000000;
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}

a img
{
	vertical-align: bottom;
	margin-right: 5px;
}

a:hover
{
	text-decoration: none;
}



#page
{
	width: 990px;
 	margin: 30px auto 0;
 	background-color: #ffffff;
 	position:relative;
 	
}



/**************************************************************************************************************************************************************/
/***																																						***/
/***																L'ENTETE DU SITE																		***/
/***																																						***/
/**************************************************************************************************************************************************************/

#header
{
	height: 126px;
	background-color: transparent;
	background-attachment: scroll;
}

/**************************************************************************************************************************************************************/
/***																																						***/
/***																LE MENU																					***/
/***																																						***/
/**************************************************************************************************************************************************************/

#menu
{
	height: 23px;
	text-align: center;
	color: #ffffff;
	background-color: transparent;
	background-image: url(../images/fond-menu.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

#menu a
{
	line-height: 23px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin: 0 5px 0;
}

/**************************************************************************************************************************************************************/
/***																																						***/
/***																CENTRE DU SITE																			***/
/***																																						***/
/**************************************************************************************************************************************************************/

#outerWrapper
{
	width: 100%;
}


/******************************************************************************************************************************/
/***																														***/
/***														CONTENU															***/
/***																														***/
/******************************************************************************************************************************/
#innerWrapper
{
	width: 800px;
}

#content
{
	float: right;
	width: 562px;
}

span
{
	font-weight: bold;
}

span.italic
{
	font-weight: normal;
	font-style: italic;	
}

#paginationControl
{
	text-align: center;
}

#content .cadre
{
	background-color: #ececec;
	padding: 20px;
}

#content .cadre p
{
	padding-bottom: 10px;
}

#content img.direct
{
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

#content  .titreEdition
{
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: center;
	font-weight: bold;	
	font-size: 14px;
}

#content  .descrEdition
{
	padding: 10px 10px 15px 10px;
	margin-bottom: 15px;
	border: 1px #da82bf solid;
}


#content  .ecouter_icone
{
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
}

#content .ecouter
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
}

#content .media
{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

#content .pair {
	background-color: #e1effb; 
}


#content .impair {
	background-color: #c6e2fa;
}

/***************************************************************/
/***                        RUBRIQUES                        ***/
/***************************************************************/


#content .rubrique
{
	margin: 20px;
}

#content .rubrique h1
{
	margin-bottom: 15px;
}


#content #station span.grand
{
	font-size: larger;
	color: #e05407;
}

/***************************************************************/
/***                 JOURNAL LOCAL                           ***/
/***************************************************************/


#content #journal .edition h2
{
	margin-top: 10px;
	padding: 3px 20px 3px 10px;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
	background-image: url(../images/journal_titres.png);
	background-repeat: repeat-x;
}


#content #journal .edition .descrEdition
{
	border: 1px #f97a1f solid;
}



/***************************************************************/
/***                     EMISSION                            ***/
/***************************************************************/

#content #emission
{
	font-weight: bold;
	padding-left: 35px;
	padding-bottom: 15px;
}

#content #emission .uneEmission
{
	list-style-type: none;
	background-image: url(../images/emission_puce.png);
	background-repeat: repeat-y;
	bacground-position: left;
	padding: 5px 15px 3px 15px;	
	width: 400px;
}

#content #emission .uneEmission:hover 
{
	background-color: #fcebf7;
}

#content #emission .uneEmission a
{
	text-decoration: none;
}


#content #emission .lettre
{
	padding-bottom: 10px;
}


#content .emissionDetail
{
	padding: 10px 20px 10px 20px;
	
}

#content .emissionDetail .titre
{
	padding: 10px 20px 20px 20px;
	font-weight: bold;
	font-size: x-large
}

#content .emissionDetail .description
{
	background-color: #fcebf7;
	padding: 10px 20px 10px 20px;
	margin-bottom: 25px;
}

#content .emissionDetail .horaires
{
	padding: 10px 20px 15px 20px;
}

#content .emissionDetail .horaires td
{
	width: 100px;
	padding: 5px 5px 5px 10px;
}

#content .emissionDetail .horaires span
{
	font-weight: bold;
}


#content .emissionDetail .editions
{
	padding-bottom: 20px;
	padding-top: 10px;

}

#content .emissionDetail .edition
{
	padding-left: 10px;
	padding-right: 10px;
}

#content .emissionDetail .edition h2
{
	margin-top: 5px;
	padding: 5px 20px 5px 10px;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
}

#content .emissionDetail .edition h2.ouvert
{
	background-color: #fcebf7;
}

#content .emissionDetail .edition h2.ferme
{
	background-color: transparent;
}

#content .emissionDetail .edition h2:hover
{
	background-color: #fcebf7;
}



/***************************************************************/
/***                   PROGRAMME                             ***/
/***************************************************************/

#content .ui-datepicker-trigger
{
	margin-top: 10px;
	margin-left: 10px;
	cursor: pointer;
}

#content #programme
{
	padding-top: 10px;
	padding-left: 5px;
}


#content #programme h2
{
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
	color: #2e6e9e;
}

#content #programme li
{
	padding-top: 5px;
	list-style-type: none;	
	padding-left: 15px;
}

#content #programme .unProgramme
{
	padding: 5px 10px 5px 15px;
	color: #2e6e9e;
}

#content #programme .unProgramme a
{
	color: #2e6e9e;
	text-decoration: none;
	font-weight: bold;
}

#content #programme .unProgramme a:hover
{
	color: #e87008;
}



/***************************************************************/
/***                        NEWS                             ***/
/***************************************************************/

#content #news h1.titreListeNews
{
	float: left;
	padding-bottom: 10px;
}

#content #news .rss
{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

#content .uneNews
{
	margin-bottom: 15px;
}

#content .uneNews .titre
{
	font-weight: bold;
	font-size: 14px;;
	padding-bottom: 2px;
}

#content .uneNews .date
{
	color: #b13600;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
}

#content .uneNews .image
{
	float: left;
	margin:0 10px 10px 0;
}

#content .uneNews .descriptionComplete
{
	margin-top: 15px;
}

#content .retour a
{
	font-weight: bold;
}

/***************************************************************/
/***                   PODCAST                               ***/
/***************************************************************/
#content #podcast 
{
	margin: 20px 0 0;
	padding: 0 20px 0;
}

#content #podcast h1
{
	margin-left: 10px;
}

#content #podcast h2
{
	color: #A0A0A0;
}

#content #podcast #lastEmissions
{
	margin-left: 20px;
}


#content #podcast .unPodcast
{
	padding: 0px 20px 10px 20px;
	border-top: 1px solid grey;
}

#content #podcast .unPodcast .emission
{
	font-size: larger;
	padding-bottom: 20px;
}

#content #podcast .unPodcast .titre
{
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 5px;
}

#content #podcast .unPodcast .date
{
	color: #A0A0A0;
	padding-bottom: 4px;
	font-weight: bold;
}

#content #podcast .unPodcast a
{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

/** LES FLUX **/

#content #podcast #lesFlux
{
	margin: 50px 0 0 20px;
}

#content #podcast #lesFlux a
{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	height: 100%;
}

#content #podcast .unFlux
{
	margin: 20px 10px 0 0;
	float: left;
	height: 50px;
	width: 150px;
	/*border: 1px solid #000000;*/
}

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


#rightColumn
{
	float: right;
	width: 186px; 
	color: #ffffff;
	font-size: x-small;
}

#rightColumn img
{
	padding-bottom: 5px;
}

#rightColumn p
{
	padding: 0 10px 5px 10px;
}

#rightColumn span
{
	text-decoration: underline;
	font-weight: bold;
}

#rightColumn a
{
	color: #ffffff;
	text-decoration: none;
}

#rightColumn #ecoute
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#rightColumn #menu_news
{
	background-color: #ed7b00;
	margin-top: 4px;	
}

#rightColumn #menu_news a
{
	display: block;
	width: 100%;
}

#rightColumn #menu_emissions
{
	background-color: #da82bf;
	margin-top: 4px;
}

#rightColumn #menu_emissions a
{
	display: block;
	width: 100%;
}

#rightColumn #menu_editorial
{
	background-color: #07b7dc;
	margin-top: 4px;
}

#rightColumn #menu_editorial a
{
	display: block;
	width: 100%;
}

#rightColumn #menu_station
{
	background-color: #e05407;
	margin-top: 4px;
}

#rightColumn #menu_station a
{
	display: block;
	width: 100%;
}

#rightColumn #menu_contacts
{
	background-color: #b7b7b7;
	height: 49px;
	margin-top: 4px;
}

#rightColumn #menu_contacts a
{
	display: block;
	width: 100%;	
}



/******************************************************************************************************************************/
/***																														***/
/***													COLONNE GAUCHE														***/
/***																														***/
/******************************************************************************************************************************/
#leftColumn
{
	float: left;
	width: 238px;
	background-color: #41596c;
	background-image: url(../images/fond_degrade.png);
	background-position : bottom;
	background-repeat : no-repeat;	
	height: 500px;
	color: #ffffff;
}
	
#leftColumn #submenu .journalMenu
{
	padding: 3px 10px 2px 22px;
	min-height: 14px;
	display: block;
	border-bottom: 1px solid #697c8b;
	font-size: 12px;
}

#leftColumn #submenu  #courant
{
	background-image: url(../images/curseur_horloge.png);
	background-position : left;
	background-repeat : no-repeat;			
	background-color: #a9c331	;
}

#leftColumn #submenu #courant a 
{
	color: black;
	display:block;
}

#leftColumn #submenu a
{
	color: #ffffff;
	text-decoration: none;
	display:block;
}

#leftColumn #submenu hr
{
	color: #697c8b;
	background-color: #697c8b;
	height: 1px;
	border: 0;
}

#leftColumn #submenu table
{
	width: 100%;
}



td.journal
{
	border-bottom: 1px solid #697c8b;
}

/**************************************************************************************************************************************************************/
/***																																						***/
/***																PIED DU SITE																			***/
/***																																						***/
/**************************************************************************************************************************************************************/

#footer
{
	width: 100%;
	color: #ffffff;
	font-size: 0.85em;
	text-align: center;
	margin-top: 4px;
	line-height: 20px;
	height: 20px;
	background-color: #a0a0a0;
}

#footer a
{
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

.clearer
{
	clear: both;
	height: 0;
}



/**************************************************************************************************************************************************************/
/***																																						***/
/***																LES TITRES																				***/
/***																																						***/
/**************************************************************************************************************************************************************/

h1
{
	font-size: 16px;
	
	margin: 0 0 5px 0;
}

/**************************************************************************************************************************************************************/
/***																																						***/
/***																LES FORMULAIRES																			***/
/***																																						***/
/**************************************************************************************************************************************************************/

.ligne
{
	width: 100%;
	clear: both;
}

.label
{
	float: left;
	width: 30%;
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
	font-size: 0.9em;
}

div.champ
{
	float: right;
	width: 65%;
	text-align: left;
	margin-top: 10px;
}

div.submit
{
	text-align: center;
	padding-top: 10px;
}

input[type='text'], input[type='password']
{
	width: 200px;
}

textarea
{
	width: 400px;
	height: 200px;
}

input[type='checkbox']
{
	vertical-align: middle;
	margin-right: 5px;
}

div.error
{
	margin: 5px 0 10px;
	color: #8d2222;
	text-align: center;
	font-weight: bold;
	background-color: #f89494;
	border: 1px solid #d80202;
	padding: 3px 5px;
}

/**
Erreur de formulaire
**/

ul.errors
{
	list-style-type: inside;
	list-style-type: none;
}

ul.errors li
{
	margin: 5px 0 10px;
	color: #8d2222;
	text-align: center;
	font-weight: bold;
	background-color: #f89494;
	border: 1px solid #d80202;
	padding: 3px 5px;
}

div.notification
{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.message
{
	margin: 30px auto 10px;
	color: #8d2222;
	text-align: center;
	font-weight: bold;
	background-color: #f89494;
	border: 1px solid #d80202;
	padding: 3px 5px;
	width: 80%;
}

.messageBleu
{
	margin: 30px auto 10px;
	color: #2E6E9E;
	text-align: center;
	font-weight: bold;
	background-color: #E1EFFB;
	border: 1px solid #2E6E9E;
	padding: 3px 5px;
	width: 80%;
}

#mentionsLegales
{
	margin: 0 0 0 0;
	padding: 0 20px;
}

#mentionsLegales h1
{
	font-size: 16px;
	margin-top: 20px;
}

#mentionsLegales h2
{
	font-size: 14px;
}

#mentionsLegales ul
{
	list-style: inside;
}

.gras
{
	font-weight: bold;
}

ul.menu_item, ul.menu_item li, ul.menu_item ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.menu_item {
position:relative;
z-index:597;
}
ul.menu_item li {
display:inline;
line-height:20px;
padding-bottom:3px;
position:relative;
vertical-align:middle;
}
ul.menu_item li.hover, ul.menu_item li:hover {
cursor:default;
position:relative;
z-index:599;
}
ul.menu_item ul {
display:block;
left:-14px;
position:absolute;
text-align:left;
top:100%;
visibility:hidden;
width:120px;
z-index:598;
border: 1px solid #3e4561;
background-color:#5f698c;
}
ul.menu_item ul li {
color:#FFF;
display:block;
float:left;
padding:2px 5px;
}
ul.menu_item ul ul {
left:99%;
top:1px;
}
ul.menu_item li:hover > ul {
visibility:visible;
}