
/* CSS Document */
body{
background-image:url(../images/background.jpg);
background-position:top left;
background-repeat:repeat-x;
margin:0;
text-align:center; /*IE*/
padding:0;
background-color:#ffffff;
/*background-image:url(../images/MenuHaut.png);
background-repeat:repeat-x;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.over{
background-image:url(../images/MenuOver.png); color:#ffffff;
}
.out{
background-image:url(../images/Menu.png); color:#999999;
}
#boody{
/* background-image:url(../images/MenuHaut.png); */
background-repeat:repeat-x;

height:42px;

}
#box{
width:1024px;
height:2px;
margin-left:auto;
margin-right:auto;
background-color:#;
text-align:right;
}
#h1{
width:1024px;
height:22px;
text-align:left;
color:#FFFFFF;
margin-top:0px;
margin-left:5px;
}

#h1texte{
margin-left:5px;
font-size:11px;
}

#logo{
width:380px;
float:left;
text-align:center;
}


#encours{
margin-top:-29px;
width:644px;
float:left;
text-align:center;
}

.encours_image{
background:url(../images/encours.png);
background-repeat:no-repeat;
height:66px;
margin-left:auto;
margin-right:auto;
width:412px;
}

.photoartiste{
background:url(../images/photoartiste.jpg) no-repeat scroll 0 0 transparent;
float:left;
height:49px;
margin-left:90px;
margin-top:4px;
margin-right:10px;
width:49px;
}

.nomartiste{
text-align:left;
padding-top:13px;
width:350px;
font-weight:bold;

}

.titreartiste{
text-align:left;
width:350px;
color:#d60012;

}

.telecharger{
float:left;
height:25px;
margin-left:160px;
margin-top:-25px;
width:25px;
}


#textedefilant{
width:644px;
float:left;
padding-top:10px;
color:#FFFFFF;
}



#titre{

float:right;
height:42px;
position:absolute;
text-align:right;
top:22px;
right:24px;
width:100%;
}
#menu{
background:url(../images/barremenu.png) no-repeat scroll 0 0 transparent;
float:left;
font-size:14px;
height:32px;
padding:9px 8px 2px;
text-decoration:none;
width:100%;
margin-top:-3px;
}

.boutons{
width:1024px;
float:left;
font-size:12px;
margin-top:-4px;
}
.b_webradio{
float:left;
height:30px;
margin-left:-15px;
margin-top:-8px;
padding-right:11px;
padding-top:8px;
text-align:center;
width:127px;

}

a.webradio{
color:#fffe00;
text-decoration:none;
}

a.webradio:hover{
color:#a80316;



}



.b_accueil{
width:150px;
float:left;
text-align:center;
}

a.accueil{
color:#ffffff;
font-size:16px;
font-weight:bold;
padding-left:28px;
padding-right:64px;
text-decoration:none;
}

a.accueil:hover{
color:#a80316;
font-size:16px;
font-weight:bold;
padding-left:28px;
padding-right:64px;
text-decoration:none;
}

.b_grille{
float:left;

}
a.grille{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;

}
a.grille:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;

}

.b_animateurs{
float:left;
}
a.animateurs{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;

}
a.animateurs:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

.b_frequences{
float:left;
}
a.frequences{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}
a.frequences:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

.b_agenda{
float:left;
}
a.agenda{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}
a.agenda:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

.b_telechargement{
float:left;
}
a.telechargements{
color:#000000;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}
a.telechargements:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

.b_poadcast{
float:left;
}
a.poadcast{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}
a.poadcast:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

.b_contact{
float:left;
}
a.contact{
color:#ffffff;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}
a.contact:hover{
color:#a80316;
text-decoration:none;
padding-left:40px;
padding-right:40px;
width:154px;
height:30px;

background-repeat:no-repeat;
}

#contenu{
float:left;
text-align:left;
margin-bottom:22px;
text-align:left;
width:1024px;
}



#slider{
width:726px;
height:270px;
background-image:url(../images/cadreslider.png);
background-repeat:no-repeat;
margin-top:21px;
float:left;
}
/*CSS du Slideshow*/
#featured{ 
	width:462px; 
	padding-right:250px; 
	position:relative; 
	height:250px; 

}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
	margin-left:65px;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  
	background:#fff; 
	line-height:20px;
	
		margin-top:4px;
width:241px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(../images/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; 
	height:250px; 
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	background:url(../images/transparent-bg.png) repeat scroll 0 0 transparent;
	height:70px;
	left:0;
	margin-left:5px;
	position:absolute;
	top:180px;
	width:464px;
	display:none;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


#webradio{
width:292px;
height:287px;
background-repeat:no-repeat;
margin-top:21px;
float:left;

}

#alantene{
float:left;
margin-top:20px;
}

#titre_module_alantene{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

#fond_module_alantene{
background:url(../images/fondalantenne.png);
background-repeat:no-repeat;
width:348px;
height:310px;
}

#morceau_alantenne{
padding-top:20px;
padding-left:30px;
font-size:10px;
}

#heure_alantenne{
float:left;
color:#FFFFFF;
font-weight:bold;
}

#nom_alantenne{
float:left;
padding-left:23px;
width:233px;
}

#agenda{
float:left;
margin-top:20px;
}


.titreagendaimage{
background-image:url(../images/barreagenda.png);
width:1024px;
height:25px;

}
.titreagenda{
color:#FFFFFF;
height:25px;
padding-left:20px;
padding-top:5px;
width:1024px;
}

.contenuagenda{
margin-top: 10px; 
margin-right: 13px;
margin-bottom: 13px;
}


.titrepodcastimage{
background-image:url(../images/barrepodcast.png);
width:320px;
height:25px;

}
.titrepodcast{
color:#FFFFFF;
height:25px;
padding-left:20px;
padding-top:5px;
width:1024px;
}

.contenupodcast{
margin-top: 10px; 
margin-right: 13px;
margin-bottom: 13px;
}


#titre_module_agenda{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

#module_agenda{
background:url(../images/cadre.png);
background-repeat:no-repeat;
width:280px;
height:180px;
}

#titre_module_frequences{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

#module_frequences{
background:url(../images/frequences.png);
background-repeat:no-repeat;
width:280px;
height:180px;
}

#frequences{
font-size:14px;
padding-top:30px;
padding-left:40px;
font-weight:bold;
}

#animateurs{
margin-left:40px;
float:left;
margin-top:10px;
}

#titre_module_animateurs{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

#module_animateurs{
background:url(../images/cadre.png);
background-repeat:no-repeat;
width:280px;
height:180px;
}

#footer {
background-image:url(../images/footer.png);
background-position:center bottom;
background-repeat:repeat-x;
clear:both;
color:#FFFFFF;
height:140px;
padding-top:120px;
text-align:center;
width:auto;
margin-top:auto;

}

#footermenu{
margin-left:200px;
padding-top:10px;

}


#footermenu ul li{
background-image:url(../images/menucategorie.png);
background-repeat:no-repeat;
height:25px;
text-align:center;
padding-top:px;
display:inline;
padding-right:10px;
}

#footermenu ul li a:link{
color:#FFFFFF;
height:50px;
list-style-type:none;
text-decoration:none;
}

#footermenu ul li a:hover{
color:#A80316;
height:50px;
list-style-type:none;
text-decoration:none;
}

#footermenu ul li a:visited{
color:#ffffff;
height:50px;
list-style-type:none;
text-decoration:none;
}

#footermenu ul li a:visited:hover{
color:#A80316;
height:50px;
list-style-type:none;
text-decoration:none;
}

#copyright-right{
margin-top:40px;
}
.formulairecontact{
padding-left:70px;
margin-bottom:50px;
}

#publicite2{
margin-top:50%;
}


#calendar-header { background-color: #6699CC; padding-top: 2px; margin: auto; width: 100%; }
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding: 2px 3px 3px 3px; background-color: #6699CC; margin: auto; width: 100%; }
#calendar-body .general { background-color: #FFFFFF; }
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#calendar-body .header { background-color: #6699CC; color: #FFFFFF; }
#calendar-body .today { background-color: #FFFFCC; }
#calendar-body .bg { background-color: #6699CC; }
#calendar-body .select { background-color: #FFCC99; }
#calendar-body .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#calendar-body .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#calendar-body .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; }
#calendar-body a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-body a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-body a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }
#calendar-body .disabledate { color: #669999; }

#calendar-body .refresh { color: #FFF; padding: 10px 3px 3px; }
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px; }

#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #66C; }
#calendar-body .sat a:link { color: #66C; }
#calendar-body .sun { color: #930; }
#calendar-body .sun a:link { color: #930; }

#calendar-footer { background-color: #CCCCCC; border: 0px solid #000000; }
#calendar-footer .btn { line-height: 21px; }
#calendar-footer .btn a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-footer .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#calendar-footer .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
#contenu #calendar-container { background-color: #6699CC; }

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #cccccc; background-color: #efefef; padding: 2px; float: left; margin-right: 2px; text-align: center; }

 #calendar-page { float: left; }
.div_calendar { width: 150px; height: 200px; }
.calendar-border { border: 1px solid #000; }

