@charset "utf-8";
/* CSS Document */


/*
gris fond  231f20
rouge 802517

 */

html, body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center;
	background-color:#231f20;
	background-image: url(images/background.jpg); background-repeat:repeat-x; background-position:top;
}


a { text-decoration: none; outline-style:none; color:#802517;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
}

h3 { color:#802517; margin-top:20px;}

ol, ul { margin: 10px 0px 10px 30px; padding:0;}
li { margin:0; padding:0;}
.ligneseparation {height:1px; margin:20px 0 40px 0;}
.sourislien { cursor: pointer;}

/* TABLEAU NOIR */
.tableau { border:1px solid #444; color:#555; border-collapse:collapse; }
.tableau td, .tableau th{  padding:11px; text-align:center; border-bottom:1px solid #ccc;}
.tableau th{color: #fff;}

.tableauhoraire { border:1px solid #444; color:#555;}
.tableauhoraire th{  padding:0px; }
.tableauhoraire td{  padding:20px 11px 20px 11px; border-bottom:1px solid #ccc; }
.tableauhoraire th{color: #fff;}

.tableauhoraire td a{  padding-left:20px; }
.fonthoraire {font-size:140%; font-weight:bold;}
.heure {font-size:160%; font-weight:bold; text-align:right; color:#888}

.vzebra-odd { background-color:#dfdfdf;}
.vzebra-even { background-color:#f4f2f2;}


/* TABLEAU emission */
.tableauemission { border:1px solid #444; color:#555;}
.tableauemission td, .tableauemission th{  padding:3px; text-align:center; border-bottom:1px solid #ccc;}
.tableauemission th{color: #fff;}

/* Tableau rouge
.tableaurouge { border:1px solid #802517; color:#802517;}
.tableaurouge td, .tableaurouge th{  padding:11px; text-align:center; border-bottom:1px solid #f3d5d1;}
.vzebra-oddtableaurouge { background-color:#f3bdb6;}
.vzebra-eventableaurouge { background-color:#f4c9c3;}
*/

 /* CLASSES GÉNÉRALES */
.flottegauche { float:left;}
.flottedroite{ float: right;}
.margebulles { margin-bottom:10px;}
.rouge { color:#802517;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

/* contour blanc */
#contourblanc { width:955px; border-left:2px solid #ffffff; border-right:2px solid #ffffff; text-align:center; margin:auto;}


/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 955px;
	background-color:#231f20;
	position: relative;
	
	} /* largeur du contenu */
#header {}
	#pubtop {background:white;height:105px;}
	#menu {position:relative;z-index:999;}
			#accueil { background-image:url(images/accueil.gif); height:43px; width: 119px;}
			#programmationmenu { background-image:url(images/programmation.gif); height:43px; width: 137px;}
			#animateurs { background-image:url(images/animateurs.gif); height:43px; width: 107px;}
			#musique { background-image:url(images/musique.gif); height:43px; width: 86px;}
			#photos  { background-image:url(images/photos.gif); height:43px; width: 80px;}
			#nousjoindre { background-image:url(images/nousjoindre.gif); height:43px; width: 120px;}
			#telechargements { background-image: url(images/telechargements.gif); height:43px; width: 150px;}
			#plandusite { background-image:url(images/plandusite.gif); height:43px; width: 156px;}
	
#contenu { z-index:2; position:relative; background-color:#231f20;}/* Il faut que cette zone ÉTIRE ************************ */
	#colonnegauche { width: 613px; float: left; margin:0; padding:0; border: none; vertical-align:text-top; }
		/* div pour les pages internes, contenu de gauche*/
		#pageinterneglobal { position: relative; text-align:left;}
			#pageinterneglobal ul,  #contenujour li{ margin:0 0 0 10px; padding:0;}	
			#pageinterneglobal ul{ margin-bottom:40px;}		
			#pageinternecontenu { position:relative; background-image:url(images/bulleblancheetire.png); background-repeat:repeat-y; background-color:#231f20; padding-bottom:2px; font-size:110%; min-height:999px;}
				#pageinternetxt { text-align:left; width:530px ; padding-left:50px; float:left;}
				
				.titrepageinterne {color: #FFFFFF; position:absolute; z-index:3; top:47px; left:48px;}
			
			.telechargements li{ margin:0; padding:0; list-style-type:none; list-style-image:none; /*background-image:url(images/liste.gif);*/ background-position:left top; background-repeat:no-repeat; padding-left:30px; margin-left:0px; margin-top:10px; margin-bottom:30px; min-height:23px; overflow:hidden;}
		
		/* FIN div pour pages internes */

		#logo {width:613px; height:176px; }
		#iconesactualite { width:613px;}
			#icones { width:255px; height:318px; background-image:url(images/icones.jpg);}
				#icones a { margin-left:30px;}
					#ecouteznous { width:201px; height:55px; background-image:url(images/ecoutezendirect.gif);}
					#ecriveznous  { width:201px; height:55px; background-image:url(images/ecriveznous.gif);}
					#demandez  { width:201px; height:55px; background-image:url(images/demande.gif)}
					#leshits  { width:201px; height:55px; background-image: url(images/leshits.gif);}
					#communiquez  { width:201px; height:55px; background-image:url(images/communiquez.gif);}
			
			#actualites { font-size:1.1em; width:358px; height:318px; background-image:url(images/actualites.jpg); text-align:left; position:relative;}
				#actualites a { color:#231f20;}
				.titreactualite { font-weight:bold; }
				.actualites { background-image:url(images/autresactualites.gif); width: 89px; height:13px;}
				
			#zoneimage { clear:both; }	
			
			    #innercontenuevenements { background-image:url(images/evenementetire.png); background-repeat:repeat-y; background-color:#231f20; padding-bottom:2px; }
				
				#contenujour { width:205px; text-align:left; float:left; padding-left:40px;}
					#contenujour h2 { height:60px; vertical-align:middle; font-weight: bold; font-size:12pt;}
					#contenujour ul { margin-left:10px;}
					.guillemet {  margin-top:21px; }
					.iconecontenu{margin-right:10px; }
					.titrecontenu { margin-top:15px;}
					#miniphoto img { float:left; margin-bottom:5px; margin-right:5px;}

				#evenements { text-align:left;width:318px ; padding-left:10px; float:left;}
					#evenements ul li { margin-bottom:10px;}
					#evenements ul li a{ color:#000000;}
						
					
	#colonnedroite { width: 342px; float: right; margin:0; padding:0; border: none; background-position:bottom right; background-color:#231f20; }
		#presentementenondes { height: 176px; position: relative; background-image:url(images/enondes.jpg); width:342px; height: 176px; }
		#pubdroite { background:url(images/pubdroite.jpg); height:282px; width:315px; padding:25px 19px 0 8px; }
		#programmation { background-image:url(images/programmation.jpg); width: 342px; height: 307px; text-align:left;}
			#programmation ul {margin:80px 0 0 30px; padding:0;}
			#programmation ul li { list-style-type:none; list-style-image:none; background-image:url(images/liste.gif); background-position:left top; background-repeat:no-repeat; padding-left:30px; margin-left:0px; margin-top:5px; min-height:23px; }
			#programmation a { color:#231f20;}

		#meteo { background-image:url(images/meteo.jpg); width: 342px; height: 253px; }
			#meteo h2 { font-weight:bold; color:#802517; font-size:12pt;}

#footer { z-index:1; height:178px; background-image:url(images/footer.gif); background-repeat:repeat-x; clear:both; margin-top:-48px; float:left; width:955px;}
	#footer a { color:#FFFFFF;}
	.copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff; margin-top:0px;}

/* rollover */
.rollOver{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left}
	
.rollOver:hover {background-position: bottom right;}
.rollOver span { display: none;}
.icone { width: 354px; height: 34px;}

/* hr */
div.hr {
  height: 27px;
  background: #fff url(images/hr.gif) no-repeat scroll center; margin:30px 0 30px 0;
}
div.hr hr {
  display: none;
}

#boutonecoutezendirectgeneral { position: absolute; top:275px; left:480px; z-index:4; width:130px; height:43px; background-image: url(images/ecoutezendirect.png);}

/* PROGRAMMATION*/
.jourhoraire { padding:10px 20px 10px 20px; background-color:#333; display:block; color:#FFFFFF;}
.jourhoraire:hover {background-color: #fff; color:#802517; }

.jourhoraireactive { padding:10px 20px 10px 20px; display:block;background-color: #fff; color:#802517; }

/* Demandez uen chanson */
.formulairegauche { float:left; width:111px; }
.formulairechamp {  width:222px; }

/* PLAN DU SITE */
#plandusiteliste { color:#802517;  font-variant:small-caps; font-size:120%;}
#plandusiteliste ul {margin:0px; padding:0px; font-variant:normal;}

#plandusiteliste .marge { color:#333333; margin-bottom:5px; margin-left:20px; list-style-type: disc; margin-bottom:10px; font-size:80%;}
#plandusiteliste .marge a { color:#333333;}


.jourhoraireemission { width:100px; float: left; clear: both;}

/* animateurs*/
.animateur {float:left; margin-right:10px; border:1px solid #802517;}
.animateurover {font-size:130%; font-weight: bold;}
.animateurover:hover {font-size:145%;}

#imageanimateurdavidk { width:100px; height:150px; background-image: url(images/david.jpg); cursor: default;}

#boutonfermer { background-image: url(images/closebutton.gif); width:24px; height:24px; }
.listeanimateur {list-style-type:none; margin:0; padding:0; float:left; width:520px; }
.listeanimateurrr a:hover { background-color:#e8b3ab; text-decoration:none;}
.liseanimateur li { float:left; margin:0; padding:0;}
.cleartout { clear:both;}

/* BOUTONS */
.boutonvotez {background-color: transparent; border-style: none; background-image:url(images/boutonvotez1.png); width: 88px; height: 28px; background-position: top left;}
.boutonenvoyer {background-color: transparent; border-style: none; background-image:url(images/btn_envoyer.png); width: 78px; height: 28px; background-position: top left;}
.boutonrecommencer {background-color: transparent; border-style: none; background-image:url(images/btn_recommencer.png); width: 118px; height: 28px; background-position: top left;}
.boutonrechercher {background-color: transparent; border-style: none; background-image:url(images/btn_rechercher.png); width: 118px; height: 28px; background-position: top left;}


#btnecoutezendirect { background-image:url(images/ecoutezendirect.png); width:130px; height:43px;}


/* NOUS JOINDRE */
#onglet1 { background-image:url(images/onglet_1.png); width:124px; height:27px;}
#onglet2 { background-image:url(images/onglet_2.png); width:133px; height:27px;}
#onglet3 { background-image:url(images/onglet_3.png); width:192px; height:27px;}

/* MUSIQUE */
.titremusique { font-size:200%;} 
.margetableau {margin-bottom:80px;}

/* EMISSION */
.videotitre {font-family:Arial, Verdana, Sans-Serif; font-weight: bold; color:#231F20;} 
.videotitretxt {font-size:32px; }
.videotitredate {font-size:16px; }

/* EMISSION (CALENDRIER) */
.showCalendar {background:url(images/calendar-bg.gif) no-repeat top left;width:273px;height:227px;float:left;}
.innerShowCalendar {width:257px;margin:auto;padding:10px 0 0 0;}
.showCalendar a {text-decoration:none;}
.otherMonthDay {visibility:hidden;height:25px;padding:0;}      
.nextPrevButton img {display:block;border:0;}
.titleCalendar {text-transform:capitalize;}
.monthDay {height:25px;padding:0;}
.headerDay {height:23px;padding:0;}

/* EMISSION (EXTRAITS SONORES) */
.showPreviews {float:right;width:269px;background:url(images/show-preview-bg-stretch.jpg) repeat-y;}
.innerShowPreviews {background:url(images/show-preview-bg-top.jpg) no-repeat top;}
.innerInnerShowPreviews {background:url(images/show-preview-bg-bottom.jpg) no-repeat bottom;min-height:207px;padding-bottom:20px;position:relative;}
.showPreviews h6 {color:White;font:bold 25px arial,sans-serif;margin:0;padding:14px 0 10px 22px;}
.showPreviews li {margin:0 0 5px 20px;}
.showPreviews li a {text-decoration:none;background:url(images/show-preview-icon.gif) no-repeat left;display:inline-block;padding:0 0 0 40px;min-height:30px;}
.showPreviews li a:hover {text-decoration:underline;}
.showPreviews li, .showPreviews li a {font:12px arial,helvetica,sans-serif;color:white;}
.showPreviews .pagination {position:absolute;bottom:5px;left:22px;}
.showPreviews .pagination a {color:White;}
.showPreviews .pagination .Active {color:gray;text-decoration:underline;}

/* NOUVELLES */
.paginationnouvelle {margin-top:20px;}
.paginationnouvelle .Active {font-weight:bold;color:black;text-decoration:underline;}

/* Clearfix (pour les floats) */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}