/*
Software released under the General Public License (version 2 or later), available at
http://www.gnu.org/copyleft/gpl.html
*/
/********************************************************************************
    Styles communs à toutes les pages :
    - structure du site
    - styles communs (header, footer, sidebar)
    - styles qui peuvent servir dans toutes les parties du site : contenu, podcasts et forums
    
    @license    GPL
    @author     Thierry Graff
    @history    : 2007.11 Creation 
    @history    : 2009.07 Nouvelle version pour wordpress
********************************************************************************/

/*************** general *********************/
body{
    background:#333;
    font-family:arial, sans-serif;
    font-size:12px;
}
a{
    text-decoration:none;
    color:#21759b;
}
a:hover{
    color:#d54e21;
}
a:visited{ }

.error-message{
    width:70%;
    margin:1em auto 2em auto;
    text-align:center;
    font-weight:bold;
    padding:6px;
    border:2px solid red;
    color:black;
    background:#ff9;
}
.warning-message{
    width:70%;
    margin-top:1em;
    margin-bottom:1em;
    padding:1em;
    border:2px solid #cc3;
    background:#ff9;
}
.navigation{
    font-size:11px;
    background:#ff9;
    padding:1px 0 1px 4px;
    margin-bottom:2px;
}
.page-title{
    text-align:center;
}
.subtitle{
    font-weight:bold;
    font-size:120%;
    margin-top:10px; margin-bottom:10px;
}
.intro{
    font-weight:bold;
    font-size:120%;
    margin-left:20px;
    margin-bottom:1em;
}
/** tables with rows of alternate colors */
.list-table td{ padding:2px; }
.list-table .list-td0{ background:#eee; }
.list-table .list-td1{ background:#ddd; }
/* tags-cloud */
.tags-cloud .one-tag{white-space:nowrap; padding:2px 10px 2px 0; }
.tags-cloud .n1{ font-size:2em;}
.tags-cloud .n2{ font-size:1.5em;}
.tags-cloud .n3{ font-size:1.3em;}
.tags-cloud .n4{ font-size:1.1em;}
.tags-cloud .n5{ font-size:0.9em;}


/*************** partie centrale *********************/
#main-table{
    border-spacing:0px;
    border-collapse:collapse;
    width:100%;
}
#main-cell{
    margin:0; padding:0;
    background:#fff;
    vertical-align:top;
}
#contents{
    margin:0;
    padding:0 4px 4px 4px;
}
.intro{
    margin-left:20px;
    font-weight:bold;
    font-size:110%;
}


/*************** header *********************/
#header{
    position:relative; float:left; display:block;
    width:100%; height:197px;
    padding :0; margin:0 auto;    
}
#header-img{
    position:relative; float:left; display:block;
    width:100%; height:197px;
    background:#333 url('images/top_bg.jpg');
    padding :0; margin:0 auto;    
}

/* menus 
   Tweak off the Massive Blue DropDown menu from CSS Menu Maker
   http://www.cssmenumaker.com/builder/menu_info.php?menu=057
*/

.menu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.menu ul {
	background: #CCCC33;
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
	
}

.menu li {
	float: left;
	padding: 0px;
}


.menu li a {
	background: #CCCC33 url("images/menu/white_separator.gif") bottom right no-repeat;
	color: #CC3333;
	display: block;
	line-height: 35px;
	margin: 0px;
	padding: 0px 20px;
	text-align: center;
	text-decoration: none;
}

.menu li a:hover,.menu ul li:hover a {
	background: #CC3333 url("images/menu/white_separator.gif") bottom right no-repeat; /*bottom center no-repeat;*/
	color: #FFFFFF;
	text-decoration: none;
}

.menu li ul {
	background: #CCCC33;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: solid 1px;
	border-color: #CC3333;
	position: absolute;
	width: 225px;
	z-index: 200;
	/*top:1em;
		/*left:0;*/
}

.menu li:hover ul {
	display: block;
}

.menu li li {
	/*background: url('images/menu/sub_sep.gif') bottom left no-repeat;*/
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 225px;
}

.menu li:hover li a {
	background: none;
}

.menu li ul a {
	display: block;
	height: 35px;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}

.menu li ul a:hover,.menu li ul li:hover a {
	background: #CC3333 center left no-repeat;
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}

#current-menu {
	background: #CC3333 url("images/menu/white_separator.gif") bottom right no-repeat; /*center left no-repeat*/;
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}	

.menu p {
	clear: left;
}

#separation {
	height: 2px;
	background-color: white;
}

/* end Menu */ 



#frequences{
    position:absolute;
    right:16px; top:128px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* search : pas utilisé - a virer ???? */
#search {
    position:absolute;
    right:10px; top:150px;
}
#search input[type=text]{
    background:#fff url('bg-input.jpg') repeat-x;
    border:1px solid #acacac;
    padding:3px 1px 0px 2px;
    width:116px;
}
#search input[type=submit]{
    background:#fff url('bg-submit.jpg') repeat-x;
    border:1px solid #acacac;
    padding:2px 1px 0px 2px;
}

/*************** sidebar *********************/
#sidebar{
    vertical-align:top;
    width:246px;
    margin:0 8px 0 0;
    background:#990;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
}
#sidebar .title{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 2px;
    border-bottom-width: medium;
    border-bottom-style: double;
    border-bottom-color: #FFFFFF;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    background:#CCCC33 url('images/cardabelle-rouge.png') no-repeat 90% 50%;
}
#sidebar .no-cardabelle{
    background:#CCCC33;
}
#sidebar .small-title{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    background-color: #CC3333;
    margin-left: 12px;
    padding-left:4px;
}
#sidebar p{
    padding:0px 12px 0px 12px;
}
#sidebar a{
    color:#fff;
}
#sidebar .small-text{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    clip:     rect(auto auto auto auto);
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}
#sidebar .derniers-sons{
    font-size: 11px;
    font-weight: normal;
}
#sidebar .derniers-sons .date{
    font-size: 10px;
    padding-left:36px;
}
#sidebar .derniers-sons .titre{
    padding-top:4px;
}
/*    */
#sidebar #liste-emissions{
}
#sidebar #liste-emissions select{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CC3333;
    background-color: #FFFFFF;
    border: thin solid #CCCC33;
    text-decoration: none;
    line-height: 16px;
    letter-spacing: 2px;
    margin: 0 10px 10px 10px;
}
/* ou il y a www.radiolarzac.org - a changer */
#menu2{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
    vertical-align:center; text-align:center;
    color: #fff; background:#c33;
    padding:10px;
}

/*************** footer *********************/
#footer{
    display:block;
    margin:4px;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    font-size:80%;
    color:white;
}
#footer a{
    color:#cccc33;
}