/* Firefox & IE 7 : Style Dek 2008 */
body {
	background-color: #c8c9cb;
	background-image: url("images/fond.png");
	background-repeat: repeat-x;
	background-position: top;
	font-family: 'Trebuchet MS',Verdana,Tahoma,Sans serif;
	font-size: 0.8em;
	color: #000000;
}

#panel_center {
	width: 900px;
	margin: auto;
}

#panel_left {
	float: left;
	width: 165px;
	height: 500px;
}

#logo {
	margin-left: 30px;
	padding-bottom: 30px;
	background: url("images/logo.png");
	width: 255px;
	height: 84px;
	background-repeat: no-repeat;
}

/* Menu utilisateur */
#menu_top {
	width: 150px;
	height: 10px;
	background-image: url("images/bloc_menu_top.png");
	background-repeat: no-repeat;
}

#menu {
	width: 150px;
	height: 205px;
	background-image: url("images/bloc_menu_middle.png");
	background-repeat: repeat-y;
}

#menu_bottom {
	padding-top: 20px;
	width: 150px;
	height: 9px;
	background-image: url("images/bloc_menu_bottom.png");
	background-repeat: no-repeat;
}

/* Menu membre (connexion, menu prive) */
#menu_membre_top {
	width: 150px;
	height: 10px;
	background-image: url("images/bloc_menu_top.png");
	background-repeat: no-repeat;
}

#menu_admin {
	width: 150px;
	height: 155px;
	background-image: url("images/bloc_menu_middle.png");
	background-repeat: repeat-y;
}

form#deconnexion {
	padding-left: 10px;
}

#menu_connexion {
	width: 150px;
	height: 130px;
	background-image: url("images/bloc_menu_middle.png");
	background-repeat: repeat-y;
}

#menu_membre {
	width: 150px;
	height: 136px;
	background-image: url("images/bloc_menu_middle.png");
	background-repeat: repeat-y;
}

#menu_admin_bottom {
	width: 150px;
	height: 9px;
	background-image: url("images/bloc_menu_bottom.png");
	background-repeat: no-repeat;
}

#menu_membre_bottom {
	width: 150px;
	height: 9px;
	background-image: url("images/bloc_menu_bottom.png");
	background-repeat: no-repeat;
}

#panel_middle {
	padding-left: 110px;
	padding-top: 45px;
}

#corps {
	margin-bottom: 0px;
	background: url("images/fond-base.png");
	width: 642px;
	height: 484px;
	background-repeat: no-repeat;
}

#contenu {
	float: left;
	margin-top: 15px;
	width: 510px;
	height: 450px;
	overflow: auto;
	padding-right: 5px;
}

#panel_connect {
	float: left;
	margin-left: -300px;
	margin-top: -508px;
	width: 300px;
	height: 22px;
}

#panel_connect_corps {
	width: 300px;
	height: 22px;
	background-image: url( "images/connect-corps.jpg" );
	background-repeat: repeat-x;
}

#panel_connect_bord {
	float: left;
	background-image: url( "images/connect-bord.jpg" );
	background-repeat: no-repeat;
	background-position: top;
	width: 30px;
	height: 22px;
}

#panel_right {
	float:left;
	margin-left: 680px;
	margin-top: -550px;
}

/* Image aleatoire */
#fond_image_aleatoire {
	width: 227px;
	height: 175px;
	background-image: url("images/fond_image.png");
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

/* Bloc calendrier */
#fond_calendrier_top {
	margin-left: 30px;
	width: 160px;
	height: 10px;
	background-image: url("images/bloc_calendrier_top.png");
	background-repeat: no-repeat;	
}

#fond_calendrier {
	margin-left: 30px;
	height: 130px;
	background-image: url("images/bloc_calendrier_middle.png");
	background-repeat: repeat-y;	
}

#fond_calendrier_bottom {
	margin-left: 30px;
	height: 10px;
	background-image: url("images/bloc_calendrier_bottom.png");
	background-repeat: no-repeat;
	padding-bottom: 30px;	
}

/* Bloc sponsors */
#fond_sponsors_top {
	width: 150px;
	height: 9px;
	margin-left: 60px;
	background-image: url("images/bloc_option_top.png");
	background-repeat: no-repeat;
}

#fond_sponsors {
	width: 150px;
	height: 90px;
	margin-left: 60px;
	background-image: url("images/bloc_option_middle.png");
	background-repeat: repeat-y;	
}


#fond_sponsors_bottom {
	width: 150px;
	height: 11px;
	margin-left: 60px;
	background-image: url("images/bloc_option_bottom.png");
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

acronym {
	border: none;
}

.space {
	padding-bottom: 10px;
}

.space_left {
	padding-left: 20px;
}

/* Partennaire officiel */
#fond_partennaire_officiel_top {
	width: 150px;
	height: 9px;
	margin-left: 17px;
	background-image: url("images/bloc_option_top.png");
	background-repeat: no-repeat;	
}

#fond_partennaire_officiel {
	width: 150px;
	height: 100px;
	margin-left: 17px;
	background-image: url("images/bloc_option_middle.png");
	background-repeat: repeat-y;	
}

#fond_partennaire_officiel_bottom {
	width: 150px;
	height: 11px;
	margin-left: 17px;
	background-image: url("images/bloc_option_bottom.png");
	background-repeat: no-repeat;	
}

a.titre_menu:active, a.titre_menu:focus, a.titre_menu:visited:active, a.titre_menu:visited:focus {
	background-image: url("images/lien_surligne.png");
	background-repeat: no-repeat;
}

a.titre_menu:hover, a.titre_menu:visited:hover {
	display: inline-block;
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	width: 135px;
	height: 15px;
	background-image: url("images/lien_surligne.png");
	background-repeat: no-repeat;
}

a.titre_menu, a.titre_menu:visited {
	display: inline-block;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	width: 135px;
	height: 15px;
	padding-bottom: 3px;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

dl.titre_menu {
	margin-bottom: -15px;
}

.titre_menu dt, img.display_calendar {
	cursor: pointer;
}

.titre_menu dd {
	position: absolute;
	margin-left: 60px;
	margin-top: -30px;
	z-index: 100;
	width: 75px;
	background-color: #ddddde;
	border: 1px #ff9933 dotted;
}

.titre_menu ul {
	padding: 2px;
}

.titre_menu li {
	text-align: left;
	font-size: 85%;
}

.titre_menu li a, .titre_menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
}

a.titre_smenu span {
	padding-left: 10px;
}

a.titre_smenu:hover {
	background-image: url("images/lien_surligne_s.png");
	background-repeat: no-repeat;
	padding-left: 5px;
}

a {
	text-decoration: none;
	color: #e0ab7c;
}

a:hover {
	text-decoration: none;
	color: #f5781e;
}

a.lien_autre {
	text-decoration: none;
	color: #000000;
}

a.lien_autre:hover {
	text-decoration: none;
	font-style: italic;
}

a img {
	border: none;
}

table {
	border-collapse: collapse;
}

.hot {
	background-color: #FF9933;
}

input[type="text"], textarea {
	font-family: 'Trebuchet MS',Verdana,Tahoma,Sans serif;
	font-size: 1em;
	color: #0033CC;
}

.editer, .ajouter {
	margin-left: 450px;
	margin-top: 10px;
	float:right;
	position: absolute;
}

/* MEDIAS */
div#media_annee {
	padding-left: 350px;
	padding-bottom: 20px;
}

table td.media_titre {
	color: #f5781e;
}

/* PHOTOS */
table#photos {
	width: 100%;
}

table#photos td.manif {
	width: 40%;
}

table#photos td.lieu {
	width: 35%;
}

table#photos td.date {
	width: 25%;
}

/* VIDEOS */
table#videos {
	width: 100%;
}

table#videos td.titre {
	width: 30%;
	font-weight: normal;
}

table#videos td.artiste {
	width: 20%;
}

table#videos td.enregistrement {
	width: 30%;
}

table#videos td.date {
	width: 20%;
}

div#mediaplayer {
	text-align: center;
	vertical-align: middle;
}


/* REPERTOIRE */
table#repertoires {
	width: 100%;
}

table#repertoires td.titre {
	width: 50%;
	font-weight: normal;
}

table#repertoires td.artiste {
	width: 50%;
}

/* SONS */
table#sons {
	width: 100%;
}

table#sons td.titre {
	width: 40%;
}

.lien:hover {
	cursor: pointer;
}

table#sons td.artiste {
	width: 35%;
}

table#sons td.date {
	width: 25%;
}

/* AGENDA */
.agenda {
	width:90%;
	margin:auto;
	margin-top:30px;
	border: 1px gray dotted;
	min-height: 150px;
	background-color: #ffffff;
}

.agenda .agenda_date {
	font-weight: bold;
	font-size: 1em;
	background-color:#FF9933;
	color: #ffffff;
	padding: 5px;
	border-bottom: 3px double gray;
	font-variant: small-caps;
}

.agenda .agenda_date span.editer_supprimer {
	float: right;
	margin-left: 237px;
}

.agenda .agenda_infos {
	width: 425px;
	padding: 5px;
	margin-right: 5px;
}

.agenda .agenda_infos .label {
	font-weight: bold;
}

.agenda .agenda_infos .valeur {
	margin-bottom: 5px;
	padding: 3px;
	padding-left: 10px;
	background-color: #F0DAA8;
}

/* SHOP */
.shop {
	width:90%;
	margin:auto;
	margin-top:30px;
	border: 1px gray dotted;
	min-height: 250px;
	background-color: #ffffff;
}

.shop .shop_titre {
	font-weight: bold;
	font-size: 1em;
	background-color:#FF9933;
	color: #ffffff;
	padding: 5px;
	border-bottom: 3px double gray;
	font-variant: small-caps;
}

.shop .shop_titre span.editer_supprimer {
	float: right;
	margin-top: -18px;
	margin-left: 237px;
}

.shop .shop_infos {
	margin-left: 220px;
	padding: 5px;
	margin-right: 5px;
}

.shop .shop_infos .label {
	font-weight: bold;
}

.shop .shop_infos .valeur {
	margin-bottom: 5px;
	padding: 3px;
	padding-left: 10px;
	background-color: #F0DAA8;
}

.shop .photo_shop {
	width: 220px;
	float: left;
	padding: 5px;
	text-align: center;
}

.block_contrat {
	border: 1px solid #000;
	background-color: #ccccff;
	padding: 5px;
	width: 300px;
}

/* MEMBRE */
.membre_mail {
	width: 50px;
}

.membre_nom {
	width: 70px;
}

.membre_prenom {
	width: 150px;
}

.membre_prenom_admin {
	width: 100px;
}

/* CONTACT */
table td.titre_contact {
	padding-right: 20px;
}


/* LIVRE D OR */
#livreor{
	width: 480px;
}

.bulle-top {
	width: 480px;
	height: 10px;
	background: url( "images/bulle-top.png" );
}

.bulle-middle {
	width: 458px;
	padding: 0px 10px 0px 10px;
	background-color: #fafafa;
	border-left: 1px solid #ec974a;
	border-right: 1px solid #ec974a;
}

.bulle-bottom {
	width: 480px;
	height: 26px;
	background: url( "images/bulle-bottom.png" );
}

.lo-pseudo {
	margin: -10px 0px 0px 10px;
	margin-bottom: 30px;
}

.lo-time {
	float: right;
	margin: 0px 10px 0px 0px;
	font-size: 10px;
}

table td.livreor,
table td.liens,
table td.contact,
table td.sponsors,
table td.morceaux {
	padding-left: 50px;
}


.livreor_ajouter {
	display: block;
	text-align: right;
}

span.editer_supprimer_livreor {
	float: right;
	margin-top: -22px;
	margin-left: 237px;
}

/* SPONSORS */
/*
.logo_sponsor {
	float: left;
	padding-right: 20px;
}
*/
.logo_sponsor {
	margin-bottom: 10px;
}

table td.info_sponsor {
	padding-left: 30px;
}

/* Style des titres */
h3 {
	padding-bottom: 3px;
	font-size: 13px;
	color: #ff6600;
	border-bottom: dashed 1px;
	margin-right: 250px;
}

h4 {
	margin-top: -10px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #ff6600;
}

#connexion {
	padding-left:10px;
}

.petit {
	font-size: 0.7em;
}

.form_input {
	background-color: #fff;
	border: #000 solid 1px;
}

.erreur {
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

.info {
	font-style: italic;
}

.titre {
	vertical-align: top;
	width: 200px;
	/*font-weight: bold;*/
}

table .voir {
	border-collapse: collapse;
}

fieldset {
	border:none;
	border-top: 1px dashed #ff6600;
	margin-top: 5px;
}

.auteur {
	text-align: right;
	
}

#container_video {
	text-align: center;
}

.lecteur_mp3 {
	padding-left: 20px;
}

#titre_log_inter {
	color: #f5781e;
	padding-right: 100px;
}

#titre_log {
	color: #f5781e;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.pos-right {
	float: right;
}

div.titre_h3 {
	font-size: 10px;
	color: #ff6600;
	border-bottom: dashed 1px;
	margin-left: 10px;
	margin-right: 50px;
	padding-bottom: 3px;
}

#partennaire_officiel {
	padding-top: 10px;
	padding-left: 25px;
}

#chargement {
	padding-top: 30px;
	text-align: center;
}

#pied_page {
	float: left;
	text-align: center;
	font-size: 8pt;
	vertical-align: middle;
	margin-top: 3px;
}

#pied_page a {
	text-decoration: none;
	color: #f5781e;
}

#pied_page img {
	vertical-align: middle;
	margin-top: -3px;
}

div#livreor span.editer_supprimer_livreor a {
	border: none;
}

div#livreor span.no-border-link a {
	border: none;
}

table.groupe_membre td.image {
	width: 90px;
	background-color: #DDDDDD;
}

table.groupe_membre td.nom {
	width: 130px;
	background-color: #DDDDDD;
}

table.groupe_membre tr.membre {
	height: 100px;
}

table.groupe_membre tr.ligne_space {
	height: 20px;
}

table.groupe_membre td.nom {
	vertical-align: top;
	padding-top: 10px;
}

table.groupe_membre td.space {
	width: 30px;
}

.recherche {
	background-color: #FFFF33;
}

.new {
	font-style: italic;
	color: #f5781e;
}

/* Anniversaire */
table thead {
	font-weight: bold;
	color: #f5781e;
	padding-bottom: 10px;
}

table.titre_anni {
	width: 100%;
}

div#livreor a.lien {
	text-decoration: none;
	color: #e0ab7c;
}

div#livreor a.lien:hover {
	text-decoration: none;
	color: #f5781e;
}

/* Log */
table#afficher_log {
	width: 100%;
}

/* Affichage des membres en lignes */
div#membre_online {
	padding-left: 25px;
	padding-top: 2px;
}

table#membres-online {
	width: 100%;
}

#banniere-iphone {
	width: 100%;
	background-color: #FFFF66;
}

table#administration-morceaux {
	width: 100%;
}

.gras {
	font-weight: bold;
}

.play-sounds {
	width: 26px;
	height: 24px;
	background-image: url( "images/play-sound.png" );
	background-repeat: no-repeat;
	margin-top: 10px;
	float: right;
}

.view-refresh {
	width: 26px;
	height: 24px;
	background-image: url( "images/refresh.png" );
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
}

#pub {
	position: absolute;
	top: 0px;
	right: 0px;	
}

#pub #fermer {
	position: absolute;
	top: 8px;
	right: 8px;
	
}

.important {
	color: #ff6600;
}

#sMenuMedia,
#sMenuMediaPrive {
	display: none;
}