@charset "iso-8859-2";

/* -------------------------------- */

/* Radio Bresse 2008 - CSS Document */

/* -------------------------------- */



/* --- Initialisation des styles du navigateur par défaut --- */

html, body {

	margin: 0;

	padding: 0;

	width: 100%;

	height: 100%;

	font-size: 14px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

body {
	background-color: #1f96ce;
	}

h1, h2, h3, h4 {

	margin: 0;

	padding: 0;

	}

h2 {
	/*color: #e5a344;*/

	color: #FC0;
	font-size:1.5em;
	text-decoration: none;
	margin: 1em 0 0.6em 0;
	font-weight: normal;	/*border-bottom: 1px dotted #fff;*/
	}

	

h2.t {

	display: block;

	text-indent: -5000px;

	height: 90px;

	border: none;

	}

h2#actualite { background: url(images/t_actualite.png) no-repeat; width: 288px; }

h2#presentation { background: url(images/t_presentation.png) no-repeat; width: 343px; }

h2#programme { background: url(images/t_programme.png) no-repeat; width: 343px; }

h2#playlist { background: url(images/t_playlist.png) no-repeat; width: 249px; }

h2#ecouter { background: url(images/t_ecouter.png) no-repeat; width: 262px; }

h2#contact { background: url(images/t_contact.png) no-repeat; width: 274px; }

h2#liens { background: url(images/t_liens.png) no-repeat; width: 216px; }

h2#manifestations { background: url(images/t_manifs.png) no-repeat; width: 383px; }

h2#historique { background: url(images/t_historique.png) no-repeat; width: 303px; }

h2#t_membres { background: url(images/t_membres.png) no-repeat; width: 303px; }

h2#t_animateurs { background: url(images/t_animateurs.png) no-repeat; width: 326px; }

h2#presidente { background: url(images/t_presidente.png) no-repeat; width: 491px; }



h3 {
	font-size:1.1em;
	/*border-bottom: 1px dotted #ccc;*/

	color: #1F96CE;
	line-height: 1.6em;

	}

.news_item  {
	max-width: 100%;
	overflow-x: hidden;
	background-color: #FFF;
	margin-bottom: 20px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #1F96CE;
	border-bottom-width: 1px;
	border-bottom-color: #FFD300;
	}
	
.google_map  {
	width: 261px;
	padding: 0.3em;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}

.other_news_content {
	max-width: 100%;
	overflow-x: hidden;
	background-color: #FFF;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0.3em;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #FFD126;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFD126;
	}
	


a img { border: none; }



a {

	color: #14688c;

	text-decoration: none;

	font-size: bold;

	}

a:hover {

	color: #2a325b;

	border-bottom: 1px dotted #2a325b;

	}

	

.small { font-size: 0.7em; }

/* --- */

	

#container {
	/*width: 880px;*/

	width: 892px;
	margin: 0 auto 0 auto;
	padding: 0 6px 0 6px;

	}

#header {

	/*background: url(images/bg_tete.jpg) no-repeat;*/

	width: 880px;

	height: 145px;

	}

#header h1 {

	position: relative;

	display: block;

	width: 176px;

	height: 122px;

	background: url(images/logo_rb.png) no-repeat;

	text-indent: -5000px;

	margin: 10px 0 0 10px;

	}

#line {

	width: 880px;

	height: 22px;

	background: url(images/bg_line.gif) repeat-x;

	}

/*#line ul {

	list-style: none;

	margin: 0 0 0 30px;

	padding: 0;

	}

#line ul li {

	float: left;

	margin: 0;

	padding: 0;

	}

#line ul li a {

	color: #fff;

	border: none;

	font-weight: bold;

	font-size: 0.8em;

	border-right: 1px solid #fff;

	padding: 0 1.8em 0 1.8em;

	}

#line ul li a.last { border: none; }

#line ul li a:hover {

	text-decoration: underline;

	}*/

#margin, #content {



	}

#margin {

	width: 120px;

	background:none;

	}

#navigation, #navigation * { margin:0; padding: 0; }

#navigation li a {

	display: block;

	width: 120px;

	height: 30px;

	/*background: url(images/nav_item.png) no-repeat;*/

	line-height: 30px;

	text-decoration: none;

	font-weight: bold;

	color: #ffefd9;

	font-size: 0.8em;

	padding-left: 1em;

	border: none;

	}

#navigation li a:hover { color: #000; }

#navigation li.actualite { background: url(images/nav_item_actu.png) no-repeat; }

#navigation li.blocnote { background: url(images/nav_item_blocnote.png) no-repeat; }

#navigation li.presentation { background: url(images/nav_item_presentation.png) no-repeat; }

#navigation li.programme { background: url(images/nav_item_programme.png) no-repeat; }

#navigation li.playlist { background: url(images/nav_item_playlist.png) no-repeat; }

#navigation li.ecouter { background: url(images/nav_item_ecouter.png) no-repeat; }

#navigation li.contact { background: url(images/nav_item_contact.png) no-repeat; }

#navigation li.liens { background: url(images/nav_item_liens.png) no-repeat; }

#navigation li:hover {

	background: url(images/nav_item_sel.png) no-repeat;

	color: #000;

	}

#nav_tete {

	width: 120px;

	height: 11px;

	background: url(images/nav_tete.png) no-repeat;

	margin-top: 36px;

	}

#nav_pied {

	width: 120px;

	height: 11px;

	background: url(images/nav_pied.png) no-repeat;

	}

/*.f_actu { background: url(images/fond_actu.jpg) no-repeat  top right; }*/

.f_blocnote { background: url(images/fond_blocnote.png) no-repeat  top right; }

.f_presentation { background: url(images/fond_presentation.png) no-repeat  top right; }

.f_programme { background: url(images/fond_playliste-13.png) no-repeat  top right; }

.f_playlist { background: url(images/fond_playliste.png) no-repeat  top right; }

.f_ecouter { background: url(images/fond_ecouter.png) no-repeat  top right; }

.f_contact { background: url(images/fond_contact.png) no-repeat  top right; }

.f_liens { background: url(images/fond_liens.png) no-repeat  top right; }

	
#content {
	max-width: 892px;
	width: 892px;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: -21px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px none #EBEBEB;
	}


/*.n_limit { width: 0; }*/

#incontent {

	width: 480px;

	}

#add_content {
	/*position: relative;*/

	float:right;
	width: 260px;
	height: 100%;
	margin-top: 4px;
	margin-left: 20px;
	}

.over_content {

	display: none;

	/*visibility: hidden;*/

	position: absolute;

	clear:both;

	/*background-color:#00CC66;*/

	right: 0;

	top: 260px;

	}

.over_content #ecoute { margin: 0; }

.over_content a { border: none; }

#player {

	width: 260px;

	height: 200px;

	}

#player #p_head {

	width: 260px;

	height: 15px;

	background-color:#e5a344;

	}

#player #p_head:hover {

	cursor:pointer;

	/*cursor:hand;*/

	cursor:move;

	}

#footer {
	clear: both;
	text-align:center;
	font-size: 0.7em;
	/*color: #999;*/

	color: #000;
	width: 100%;
	height: 35px;
	background-color: #FFD126;
	}

#footer p {
	padding-top: 11px;
	}

#footer a {

	/*color: #999;*/

	color: #000;

	font-weight: bold;

	}

	

.mep { /* separateur */

	clear:both;

	visibility:hidden;

	width:0;

	height:0;

	margin:0;

	padding:0;

}

#grandes_dates { border: 1px solid #2a325b; }



/*********************/

.bulle {

	font-size:10px;

	width:200px;

}

.bulle .btn {

	padding:5px 5px 0 0;

}

.bulle STRONG {

	font-size:12px;

	display:block;

	font-size:bold;

	color:#f90;

	width:100%;

	border-bottom:1px dotted #f90;

}

.bulle SPAN {

	font-size:10px;

	font-style:italic;

	display:block;

	margin-bottom:5px;

}

#message {

	margin-bottom:10px;

	padding:5px;

	font-size:10px;

	background:#fffdd5;

}

#message.ok {

	background:#70ff70;

}

#message.ok A {

	color:#000000;

	border:1px solid #000000;

}

#message.pasok {

	color:#fff;

	background:#ff7070;

}

#message.pasok A {

	color:#fff;

	border:1px solid #fff;

}

/* formulaires */

form { width:470px; }



fieldset {
	
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: none;
}
fieldset legend {
	font-weight:bold;
	padding:0 10px 0 10px;
	margin-bottom:10px;
}
fieldset span.igroupe {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	/*height:36px;
	line-height:36px;*/
}



legend {}

label {

	display:inline-block;

	width:35%;

	padding-left:1em;

	line-height:auto;

	vertical-align:middle;

}

input[type="text"], input[type="password"], select, textarea {

	width:40%;

	}



/*********************/

	

/* --- Accordeons --- */

#h_accordion {

	

	}

.h_accordion_toggle {

	float: left;

	

	display: block;

	width: 36px;

	text-decoration: none;

	outline: none;

	cursor: pointer;

	margin: 0 0 0 0;

	background: url(images/h_acc.png) no-repeat;

	color: #fff; /* temp */

	}

.h_accordion_toggle_active {

	background: url(images/h_acc_sel.png) no-repeat;

	}

.h_accordion_content {

	float: left;

	overflow: hidden;

	/*background: url(images/h_acc_bg) repeat-y;*/

	background-color: #81cdee;

	}

.content_item {
	width: 450px;
	line-height: 150%;
	border-bottom: 1px solid #000;
	}

#h_accordion, .h_accordion_toggle, .h_accordion_content { /* hauteur de l'accordeon horizontal */

	height: 300px;

	}

	

#h_accordion h3 {

	font-size:1em;

	padding: 1em 0 0 0.2em;

	}

.h_accordion_content .subscroll {
	width: 470px;
	height: 300px;
	overflow-y: scroll;
	}

.h_accordion_content .subscroll a {

	border: none;

	margin:0;

	padding:0;

}

.content_item .ems {

	font-size:0.8em;

	padding-left: 5em;

	border-top: 1px dotted #999999;

	}

/**************************/

	

#v_accordion {

	width: 750px;

	}

.v_accordion_toggle {

	display: block;

	height: 36px;

	line-height: 36px;

	text-decoration: none;

	outline: none;

	cursor: pointer;

	margin: 0 0 0 0;

	color: #fff; /* temp */

	background: url(images/v_acc.png) no-repeat;

	}

.v_accordion_toggle_active {

	background: url(images/v_acc_sel.png) no-repeat;

	}

.v_accordion_content {

	overflow: hidden;

	/*background: url(images/v_acc_bg.png) repeat-x;*/

	background-color: #81cdee;

	/*width: 470px;*/

	}

.v_accordion_toggle, .v_accordion_content { /* largeur accordeon vertical */

	width: 750px;

	}

#v_accordion h3 {

	padding: 0 0 0 1em;

}



#v_accordion h3 { border: none; }

/*#v_accordion ul, #v_accordion li { margin:0; padding: 0; }*/

#v_accordion ul {

	margin-top: 1em;

	list-style:square;

	}



/* ------------------ */



/* Liens partenaires */

/*#v_accordion.parts { width: 410px; }*/

#add_content.map, #map {
	width: 700px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: 27px;
	}



#ecoute {
	margin-top: 36px;
	text-align: center;

	}

#about_content {

	width:460px;

	background-color: #81cdee;

	padding: 1em;

	}



/*#membres {

	width: 250px;

	margin-bottom: 20px;

	font-size: 0.8em;

	}

.membre_toggle {

	height: 34px;

	background-color: #009ee1;

	outline: none;

	cursor: pointer;

	border-bottom: 1px solid #fff;

	color: #fff;

	}

.membre_toggle_active { background-color: #e5a344; }

.membre_toggle img { margin: 2px; }

.membre_toggle .profil { display: inline-block; height: 34px; vertical-align: top; line-height: 17px; top:0; }

.membre_content {

	overflow: hidden;

	border: 1px dotted #999999;

	background-color: #fff;

	}

.membre_content .photo { float: left; margin: 5px; }

.membre_content .description { text-align: justify; padding:1em; background-color: #fff; }*/

.photo_t {

	float: left;

	margin: 3px 10px 0 3px;

	}

.photo_g { float: left; margin: 10px; width: 90px; height: 100px; border: 1px dotted #14688c; }

#v_accordion_content .description  { text-align: justify; padding:1em; }

	

	

#liste_ecoute {

	width: 460px;

	background: url(images/v_acc_bg.png) repeat-x;

	border: 1px solid #ccc;

	}

#liste_ecoute .head {

	background-color: #000;

	color: #fff;

	}

#liste_ecoute .center { text-align: center; }

#liste_ecoute a { border: none; }

	

	

h3 a { border: none; }




.infoblock {
	display: none;
	/*position:fixed;

	z-index: 1000;*/

	/*width: 200px;

	height: 160px;*/

	border: 1px solid #EAEAEA;
	background-color:#FFFFFF;
	}#menu {
	/*position: relative;*/

	float:left;
	width: 134px;
	height: 100%;
	margin-top: 64px;
	margin-right: 20px;
	margin-left: -20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu_ss {
	margin-left: -2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -2px;
	margin-bottom: 1px;
}
#bandeau_pub {
	margin-top: 15px;
	height: 600px;
	width: 134px;
	margin-right: 0px;
	margin-left: auto;
	border: 1px solid #333;
	background-color: #FAFAFA;
}

#promo {
	margin-left: 5px;
}

#page {
	background-image: url(images/haut_site.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 935px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#flash {
	width: 912px;
	height: 165px;
}

#install_flash {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
}

#prog {
	width: 500px;
	margin-left: 138px;
}
#prog2 {
	width: 720px;
	margin-left: 138px;
	text-align: center;
}

#print {
	width: 100%;
	margin-left: 75px;
}


#photo_news {
	margin-left: 15px;
	margin-right: 0px;
	border: 1px solid #333;
	margin-bottom: 15px;
}