/*	BORDER: 10px RED SOLID;*/
*
{
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

body
{
	background: #7f8078 url('http://www.bide-et-musique.com/images/fondhaut.jpg') no-repeat top center;  /* ajouté par moi, permet de centrer le halo */
    color: #333333;
    font-size: 8.5pt;
	margin : 0;
	padding : 0;
}

a
{
text-decoration:none
}

pre, tt
{
    font-family: Courier New, Courier;
}

div, p, h1, h2, h3, h4, h5, h6, form
{
    padding: 0;
    margin: 0;
}

p
{
    margin-top: 10px;
    margin-bottom: 10px;
}

h1, h2, h3
{
    margin-top: 10px;
    margin-bottom: 10px;
}

hr
{
    /* background-color: #154e79;*/
	background:url('http://www.bide-et-musique.com/images/images/hr.png') center no-repeat !important;
	background:url('http://www.bide-et-musique.com/images/images/hr.gif') center no-repeat border:none;
    /* color: #154e79;*/
    border: none;
    height: 13px;
}

ul li {
	list-style-image: url('http://www.bide-et-musique.com/images/puce.png') !important;
	list-style-image: url('http://www.bide-et-musique.com/images/puce.gif');
	}

fieldset /* les champs en bas des forums (nouveau message etc.)*/
{
	border: 2px #154e79 solid;
    padding: 10px;   
    padding-top: 20px;
    margin-bottom: 15px;
	width:auto;
}
fieldset legend, fieldset label
{
    font-weight: bold;
}
fieldset p, fieldset fieldset
{
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.spacer
{
    clear: both;
    /*visibility: hidden;*/
	background: url('http://www.bide-et-musique.com/images/images/hr3.png') center top no-repeat !important;
	background: url('http://www.bide-et-musique.com/images/images/hr3.gif') center top no-repeat;
	
}

a:hover, p#moment a:hover
{
    text-decoration: underline;
}

input, select /*les gros boutons carrés que j'avais faits pour Jenny*/
{
    background: url('http://www.bide-et-musique.com/images/bgr-btn-trans.png') repeat-x top left !important;
    background: url('http://www.bide-et-musique.com/images/bgr-btn-trans.gif') repeat-x top left;
	padding-left: 1px;
    font-size: 8.5pt;
	vertical-align: middle;
}

.forminput, select /*les champs*/
{ 
   	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
   	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    border: 1px #dedece solid;
	padding-left: 1px;
	height:18px;
    font-size: 8.5pt;
    vertical-align: middle;
}

textarea 
{ 
   	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
   	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
	width: 99%;
    border: 1px #dedece solid;
    font-size: 8.5pt;
    margin-top: 15px;
    padding: 5px;
}

.formarrows /* mystère */
{
    width: 90px;
}

.formsubmit, button 
{ 
	padding-left: 2px;
    vertical-align: middle;
	cursor: pointer;
	height: 22px;
	border: 1px #c2c0aa solid;
	border-top:hidden;
}

.sc
{
    font-variant: small-caps;
}

.big
{
    font-size: 14pt;
}

.normal
{
    text-decoration: none;
    font-size: 8.5pt;
}
.small
{
    font-size: 7.5pt;
}
.verysmall
{
    font-size: 7pt;
}
.veryverysmall
{
    font-size: 6pt;
}

.tjustify
{
    text-align: justify;
}
.tright
{
    text-align: right;
}

.emph
{
    font-weight: bold;
	color: #3171ca;
}

.hidden
{
    background-color: #3FFB3F;
}

.warnew
{
    font-weight: bold;
    color: red;
    font-size: 7pt;
}

.warning
{
    font-weight: bold;
    color: red;
}
.closed
{
    font-weight: bold;
    color: #333333;
}
.resolu
{
    font-weight: bold;
    color: #008900;
}

.bluebold, a.bluebold, .p1 .bluebold, .p0 .bluebold, 
div.article a.bluebold, .forumline a.bluebold
{
    color: #154e79; /*avant : 00ff00*/
    font-weight: bold;
}
.forumline a.bluebold
{
    text-decoration: none;
}
a:hover.bluebold, div.article a:hover.bluebold
{
    text-decoration: underline;
}

.bluebold a
{
    color: #ED600A;
}

.nounder a
{
    text-decoration: none;
}
.nounder a:hover
{
    text-decoration: underline;
}
.label
{
    font-weight: bold;
    vertical-align: top;
}

.bluetitle, #compte h1, .title, #TheMain h1
{
    width: 911px; /* avant: 689px;*/
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    /*background-repeat: no-repeat;*/
    border: 1px #dedece solid;
    text-align: center;
    /*padding-top: 14px;*/
    color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

.bluetitle a, .title a, #TheMain h1 a
{
    text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;

}
.bluetitle a:hover, .title a:hover, #TheMain h1 a:hover
{
    text-decoration: underline;
}

.fichemain h2
{
    font-size: 8.5pt;
    font-weight: bold;
}

.fright
{
    float: right;
}
.fleft
{
    float: left;
}

.forumline { background-color:#154e79; border: 0px #154e79 solid; } /*n'est plus actif que sur la page goodies, apparemment */
.databaseline { background-color:#154e79; border: 1px #154e79 solid; }

.tcentered
{
    text-align: center;
}

div.div600
{
    width: 911px;
    margin-left: auto;
    margin-right: auto;
}

div.div400
{
    width: 911px;
    margin-left: auto;
    margin-right: auto;
}

div.div650
{
    width: 911px;
    margin-left: auto;
    margin-right: auto;
}

div.div660
{
    width: 911px;
    margin-left: auto;
    margin-right: auto;
}

div#resultat
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    padding-bottom: 15px;
}

a
{
    color: #333333;
	
}

.und a
{
    text-decoration: underline;
}

table.infos
{
    width: auto; /*722px;*/ /*avant : 500*/
	padding-left: 15px;
}
table.infos a
{
    color: #333333;
}
table.infos td
{
    padding-left: 5px;
	padding-top: 0px;
    width: 100%;
	padding-bottom: 1em;
    vertical-align: top;
	text-align: left;
}
table.infos th
{
    text-align: right;
	padding-top: 0px;
    vertical-align: top;
    font-weight: bold;
}
table.infos img
{
    border: none;
}

table.infos ul
{
    margin-top: 0px;
	padding-top: 0px;
}
table.artistelist tr td
{
    width: 33%;
}

table.bmtable
{
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    border-collapse:collapse;
    border: 1px #dedece solid;
	white-space:normal;
	width: 100%;
    margin-bottom: 20px;
    margin-top: 5px;
}

table.bmtable a
{
    text-decoration: none;
}
table.bmtable a:hover
{
    text-decoration: underline;
}

table.bmtable img
{
    border: none;
    vertical-align: middle;
}

table.bmtable tr.titre
{
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    text-align: center;
    font-weight: bold;
    color: #333333;
}
table.bmtable tr.entete
{
    text-align: center;
}
table.bmtable tr.p0, div.p0
{
    background: #dedece url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
    background: #dedece url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
}
table.bmtable tr.p1, div.p1
{
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
    background: #efefe5 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
}

.p1 a, .p0 a
{
    color: #333333;
}

table.bmtable td, table.bmtable th
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 2px #dedece solid;
	border-bottom:none;
	border-top:none;
}

table.bmtable td.morestuff
{
    padding: 1px;
    text-align: right;
}

table.bmtable td.bigsp
{
    padding-left: 5px;
    padding-right: 5px;
}

.vignette20, .vignette25, .vignette30 { text-align: center; }
.vignette20 { width: 23px; }
.vignette25 { width: 28px; }
.vignette30 { width: 33px; }

table.bmtable td.vignette75
{
    width: 75px;
    height: 75px;
    text-align: center;
    padding: 1px;
}
table.bmtable td.vignette75 img
{
    vertical-align: middle;
}
table.bmtable td.category
{
    width: 12px;
    text-align: center;
}
table.bmtable td.numrow
{
    text-align: center;
    width: 25px;
}
table.bmtable td.category img
{
    vertical-align: middle;
}

table.bmtable td.fil, span.fil, p.fil
{
    font-weight: bold;
    color: #333333;
}
table.bmtable td.fil a, span.fil a, p.fil a
{
    color: #154e79;
}
table.bmtable td.auteur
{
    text-align: center;
}
table.bmtable td.rep
{
    text-align: center;
}
table.bmtable td.date
{
    text-align: center;
    white-space: nowrap;
}
table.bmtable td.user
{
    width: 130px;
    vertical-align: top;
}
table.bmtable td.messagebox
{
    padding: 5px 4px 5px 4px;
    vertical-align: top;
}

div.forums
{
    width: 911px; /*avant : 700px*/
    margin-left: auto;
    margin-right: auto;
}

div.article
{
    width: 911px; /*avant : 690px*/
    margin-left: auto;
    margin-right: auto;
}

div.articleetroit
{
    width: 700px; /*avant : 690px*/
    padding-left: 105px;
    padding-right: 106px;
}

div.article a
{
    color: black;
}

.admin
{
    border: 1px solid red;
}

#TheContainer 
{
    width: 982px; /* avant : 760px */
    /*margin-top: 4px;  /* ajouté par moi - voir remarques ci-dessous (dans #TheLogo, #TheMenuBar et #TheHead) */ 
	margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    padding: 10px;
}

#Banner
{
	width: auto;
	height: auto;
	text-align: center;
}

#Banner img
{
    border: none;
    bottom: 0px;
}

#TheLogo {
    width: 982px; /* avant : 760px */
    height: 274px; /* avant : 183px */
    text-align: center;
    margin: 0px;
/*    position: absolute;*/
/*    top: 60px; /*si on modifie margin-top dans #TheContainer, il faut faire l'inverse ici*/
    left: 0px;
}

#TheLogo img {
    border-style: none;
}

#TheMenuBar {
    margin: 0px;
    width: 982px; /* avant : 760px */
    height: 58px;
    text-align: center;
    background-image: url('http://www.bide-et-musique.com/images/arrondi-haut.gif');
/*    position: absolute;*/
/*    top: 334px; /*avant : 183px, comme la hauteur du logo ; si on modifie margin-top dans #TheContainer, il faut faire l'inverse ici*/
    left: 0px;
}

#TheMenuBar ul
{
    margin: 0;
    padding: 19px;
    height: 28px;
}

#TheMenuBar li 
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    height: 28px;
}

#TheMenuBar li img 
{
    border-style: none;
	padding-left: 10px;
	padding-right: 10px;
}

#TheHead 
{
    margin: 0;
    width: 982px; /* avant : 760px */
	height:236px;
    background: url('http://www.bide-et-musique.com/images/fond-maintable.gif');
/*    position: absolute; */
/*    top: 377px; /* avant : 241 px ; si on modifie margin-top dans #TheContainer, il faut faire l'inverse ici*/
    left: 0px;
}

#LeftHP
{
    padding-left: 0px;
	width: 260px;
	padding-top: 4px;
    float: left;
    text-align: right;
}

#LeftHP img { border: none; }

#TheBottomMiddle /*idéalement pourrait s'appeller TheHeadMiddle, pour cause de déplacement de la radio vers le haut de la page. Essayé, mais sans succès */
{
    margin: 0;
    width: 392px; /*avant : 474*/
    height: 183px;
	position: absolute;
    left: 297px; /*avant : 145px;*/
}

#TheRadioInside
{
    width: 355px;
    height: 100px;
    position: absolute;
    left: 20px;
    top: 24px;
	text-decoration:none;
}

#TheRadioInside p
{
    margin-top: 12px;
    margin-left: 91px;
    padding-top: 0px;
    color: white;
}

#TheRadioInside p a, #TheRadioInside p em
{
    font-size: 8.5pt;
    color: white;
	line-height: 1.5em;
}

#TheRadioInside img
{
    border: none;
    float: left;
    margin-left: 8px;
    margin-top: 12px;
    margin-right: 8px;
}

#TheLQButton
{
    position: absolute;
    bottom: 0px;
}
#TheLQButton img
{
    border: none;
    width: 100px;
    height: 90px;
}

#TheHQButton
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#TheHQButton img
{
    border: none;
    width: 100px;
    height: 90px;
}

#TheSHQButton
{
    position: absolute;
    left: 147px;
    bottom: 0px;
}
#TheSHQButton img
{
    border: none;
    width: 100px;
    height: 85px;
}



#RightHP
{
    padding-right: 73px;
	padding-top: 4px;
    float: right;
    text-align: left;
}
#RightHP img { border: none; }



#LinkLine
{
    /* margin-left: 140px; */
    padding: 10px 15px 0px 25px;
    text-align: center;
    clear: both;
}

#QuickSearch
{
/*    margin-left: 20px;
    padding-right: 5px;*/
	padding-bottom: 4px;
    text-align: left;
/*    float: right;*/
}

#TheMain 
{
    width: 932px;
	margin: 0;
    padding: 5px 25px 20px;
    background-image: url('http://www.bide-et-musique.com/images/fond-maintable.gif');
    /*margin-top: 511px; /* avant : 355px ; si on modifie margin-top dans #TheContainer, il faut faire l'inverse ici*/
}

#TheBottom {
	margin: 0;
	width: 982px; /* avant : rien */
	position: relative;
}

#TheBottom a
{
    text-decoration: none;
}
#TheBottom a:hover
{
    text-decoration: underline;
}

#TheBottom p
{
    margin: 0px;
    padding-top: 31px; 
}

#TheBottomLeft
{
	width: 256px; /*avant : 145*/
    height: 155px;
    text-align: right;
    font-weight: bold;
}

#TheBottomLeft p
{	
	width: 145px;
	padding-left:111px;
}

#TheBottomLeft img
{
    padding-left: 5px;
    padding-right: 5px;
}

#TheBottomRight
{
    width: 252px; /*avant : 141*/
/*    height: 155px;*/
    text-align: left;
/*  position: absolute;
    left: 730px; /* avant : 619px;*/
    top: 0px;
    font-weight: bold;
}

#TheBottomRight p
{	
	width: 141px;
	padding-right:111px;
}



#TheUnderBottom
{
    width: 982px; /* avant : 760px */
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
	padding-top: 160px;
    color: white;
    font-size: 8.5pt;
    overflow: hidden;
    background: url('http://www.bide-et-musique.com/images/bas2.gif') no-repeat;
}

#TheUnderBottom img
{
    border: none;
}

#TheUnderBottom p
{
    color: white;
    font-size: 8.5pt;
    text-align: center;
    line-height: 1;
}
#TheUnderBottom p strong
{
    color: white;
    font-size: 8.5pt;
}
#TheUnderBottom p a
{
    color: white;
    font-size: 8.5pt;
    text-decoration:none;
}
#TheUnderBottom p a:hover
{
    text-decoration: underline;
}

#TheUnderBottom pre
{
    color: white;
    font-size: 8.5pt;
}

div.box
{
    border: 1px #dedece solid;
    font-size: 8.5pt;
    margin-top: 15px;
    padding: 3px;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
}

div.box img
{
	padding-left: 10px;
}

div.fichegauche
{
    font-size: 8.5pt;
    margin-left: 10px;
    margin-right: 5px;
    width: 175px;
	float:left;

}

div.fichegauche img
{
    border: none;
}

div.fichemain
{
    margin-left: 195px;
	width:716px;
	margin-right: auto;
	text-align:center;
}

div.commentbox
{
/*	border-bottom: 1px #154e79 solid; */
	border: none;
	background: url('http://www.bide-et-musique.com/images/images/hr2.png') center bottom no-repeat !important;
	background: url('http://www.bide-et-musique.com/images/images/hr2.gif') center bottom no-repeat;
    margin-top: 15px;
    padding-bottom: 30px;
}

div.commentbox p
{
    margin: 0;
}

div.commentbox a
{
    color: #333;
}

div.bottomlinks
{
    margin-left: 10px;
    margin-right: 20px;
    font-size: 8.5pt;
    border: 1px #154e79 solid;
}
div.bottomlinks div
{
    margin: 5px;
}
div.bottomlinks img
{
    border: none;
}

div.linkbox
{
    border: 1px #dedece solid;
    font-size: 8.5pt;
    margin-top: 15px;
    padding: 3px;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
}
div.linkbox a
{
    text-decoration: none;
}
div.linkbox a:hover
{
    text-decoration: underline;
}

div.linkbox ul 
{
    margin: 5px 2px 5px 0px;
    padding-left: 20px;
}

div#pageslivre
{
   margin-left: 5px;
}

div#pageslivre div
{
    font-size: 8.5pt;
    text-align: center;
    margin: 3px;
}
div#pageslivre img
{
    border: none;
}

div#linkbar
{
    text-align: center;
    font-size: 7pt;
}
div#linkbar a
{
    text-decoration: none;
}
div#linkbar a:hover
{
    text-decoration: underline;
}

div#ident
{
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 842px; /*avant : 620px;*/
}
div#ident table
{
    margin-top: 5px;
    margin-bottom: 5px;
}

table.button
{
	height: 23px;
    border-collapse: collapse;
    padding: 0;
}
table.button a
{
    color: white;
    text-decoration: none;
}
table.button a:hover
{
    text-decoration: underline;
}
table.button td.middle
{
    background-image: url('http://www.bide-et-musique.com/images/boutonmilieu.gif');
    background-repeat: repeat-x;
    height: 21px;
    white-space: nowrap;
}
table.button td.left
{
    width: 9px;
    height: 21px;
    background-image: url('http://www.bide-et-musique.com/images/boutongauche.gif');
    background-repeat: repeat-x;
}
table.button td.right
{
    width: 9px;
    height: 23px;
    background-image: url('http://www.bide-et-musique.com/images/boutondroite.gif');
    background-repeat: repeat-x;
}

span.decibeldor, span.decibeldor a
{
    font-weight: bold;
    color: #83510A;
}
span.adminuser, span.adminuser a
{
    font-weight: bold;
    color: #3171ca;
}
span.bienfaiteur, span.bienfaiteur a
{
    font-weight: bold;
    color: #006600;
}
span.honneur, span.honneur a
{
    font-weight: bold;
    color: #B03333;
}
span.user, span.user a
{
    font-weight: bold;
}

div.fildesc
{
    font-size: 8.5pt;
    border-bottom: none;
    padding-bottom: 3px;
}

div.filadm
{
    text-align: right;
}

div.msgadm
{
    float: right;
    font-size: 8.5pt;
}
div.msgadm a, div.filadm a { color: #3171ca; }

div.fildesc span
{
    float: right;
    margin-left: 10px;
    margin-bottom: 3px;
    padding-right: 35px;
}

div.signature
{
    font-size: 7.5pt;
    padding-top: 2em;
    margin-top: 2.5em;
/*    border-top: 1px solid #F0A627;*/
	background: url('http://www.bide-et-musique.com/images/images/hr2.png') center top no-repeat !important;
	background: url('http://www.bide-et-musique.com/images/images/hr2.gif') center top no-repeat;
    width: 100%;
}
div.message
{
    padding-top: 5px;
	padding-left: 15px;
    width: 772px; /*avant : 550px;*/
    overflow: auto;
}
div.message a, div.signature a
{
    text-decoration: underline;
    color: #333333;
}

div.quotebox
{
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}

div.quotewho
{
    font-size: 8.5pt;
    margin-bottom: 2px;
}

div.quotearea 
{
    background-color: #154e79;
    border: 1px solid black;
    padding: 6px 6px 6px 6px;
    font-style: italic;
}

div.postit
{
    margin-top: 5px;
	height:175px;
    background: url('http://www.bide-et-musique.com/images/fondpostit.png') no-repeat !important;
    background: url('http://www.bide-et-musique.com/images/fondpostit.gif') no-repeat;
    border: none;
    padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 25px;
    font-style: italic;
    font-size: 7pt;
	color:#000066;
}

span.pagebar
{
    font-weight: bold;
}
span.pagebar span.current
{
    color: #ED600A;
	
}

table#searchform
{
    width: 911px; /*avant : 500px*/
    margin-left: auto;
    margin-right: auto;
}

table#searchform tr.p0 td
{
    width: 50%;
    font-size: 8.5pt;
}

table.programme
{
    width: 911px; /* avant : 600px;*/
    margin-left: auto;
    margin-right: auto;
}

dd
{
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

p.alphabar
{
    margin-bottom: 15px;
    text-align: center;
}
p.alphabar a
{
    text-decoration: none;
    font-weight: bold;
}
p.alphabar a:hover { text-decoration: underline; }

li.vert { list-style-image: url('http://www.bide-et-musique.com/images/ico_vert.png'); !important}
li.vert { list-style-image: url('http://www.bide-et-musique.com/images/ico_vert.gif'); }
li.orange { list-style-image: url('http://www.bide-et-musique.com/images/ico_orange.png'); !important}
li.orange { list-style-image: url('http://www.bide-et-musique.com/images/ico_orange.gif'); }
li.rouge { list-style-image: url('http://www.bide-et-musique.com/images/ico_rouge.png'); !important}
li.rouge { list-style-image: url('http://www.bide-et-musique.com/images/ico_rouge.gif'); }
li.bleu { list-style-image: url('http://www.bide-et-musique.com/images/ico_bleu.png'); !important}
li.bleu { list-style-image: url('http://www.bide-et-musique.com/images/ico_bleu.gif'); }

table.listearticle
{
    width: 911px; /*avant : 500px;*/
    margin-left: auto;
    margin-right: auto;
}

td.vert
{
    background-image: url('http://www.bide-et-musique.com/images/ico_vert.png') !important;
    background-image: url('http://www.bide-et-musique.com/images/ico_vert.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
}

.top50
{
    text-align: center;
    font-size: 8.5pt;
}
.top50 .titre
{
    font-size: 8.5pt;
}

.top50 .topdown
{
    color: #FF0000;
}
.top50 .topup
{
    color: #ED600A;
}

td.baseitem
{
    text-align: left;
}

div.resolu
{
    float: right;
    font-size: 8.5pt;
    font-style: italic;
}

.commentbox {
    /*margin-left: auto;
    margin-right: auto;*/
    width: 911px; /*avant : 660px;*/
    border-bottom: 1px #154e79 solid;
    margin-top: 15px;
    padding-bottom: 8px;    
    vertical-align: middle;
}

.commentinside {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.commentplus {
    border-left: 2px dotted #FF0627 ;
    padding-left: 4px;
}

.commentplusplus {
    border-left: 2px dotted #FF0627 ;
    padding-left: 4px;
    font-weight: bold;
}

.commentmoins {
    border-left: 2px solid #ED600A;
    padding-left: 4px;
}

.commentadminbox {
    margin-left: 10px;
}

div#feedback
{
    width: 912px; /*avant : 690px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 2px #ED600A solid;
    background-color: #dedece;
    overflow: auto;
}

div#feedback p
{
    margin: 10px;
    text-align: center;
    font-weight: bold;
}

div#compte
{
    width: 911px; /*avant : 730px;*/
    margin-left: auto;
    margin-right: auto;
}

div#compte table#tavatar
{
    text-align: center;
    font-weight: bold;
}

div#compte img
{
    padding: 0;
    margin: 0;
}

div#compte .infos blockquote
{
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
}

div#compte div.fichegauche
{
    margin-left: 0px;
}

table.favtable
{
    font-size: 8.5pt;
    width: 912px; /*avant : 690px;*/
    margin-left: auto;
    margin-right: auto;
}

table.favtable .titre
{
    font-size: 8.5pt;
}

div.listsong
{
    width: 902px; /*avant : 680px;*/
    margin-left: auto;
    margin-right: auto;
}

div.progheader
{
    width: 902px; /*avant : 680px;*/
    border: 3px #154e79 solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 15px;
}
div.progheader img { width: 400px; }

div.pochettoscope area, div.pochettoscope map, 
div.pochettoscope img
{
    border: none;
    margin: 0;
    padding: 0;
}

div.pochettoscope table.bmtable td
{
    border: 2px;
    margin:0;
    padding: 1px;
}

div.pochettoscope
{
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

.agenmargin { margin: 2pt 2pt 2pt 5pt; }

.agenfull { margin-top: 0.5cm; }

.agenfullnow { margin-top: 0.5cm; border: 2px dotted #FF0000 ; }

.agenheader { 
  background-color: #dedece;
  border: 1px #154e79 solid;
  padding: 2pt 2pt 2pt 5pt;
  margin-bottom: 2pt;
}

.agendesc { 
  background-color: #efefe5;
  border: 1px #154e79 solid;
  color: #333333;
  font-size: 10pt; 
}

.agendescnotvalidated { 
  background-color: #AAAAAA;
  border: 1px #154e79 solid;
  color: #333333;
  font-size: 10pt; 
}

.agenwhat { 
  margin-left: 0.5cm;
  color: #333333; 
  font-size: 14pt
}

.agendate { 
  color: #333333; 
  text-decoration: none; 
  font-size: 14pt
}

.agenwhatnow { 
  margin-left: 0.5cm;
  color: #ED600A; 
  text-decoration: none; 
  font-size: 14pt
}

.agendatenow { 
  color: #DD0000; 
  text-decoration: none; 
  font-size: 14pt
}

.thinborder {
  border: 1px #154e79 solid; 
  padding: 3px;
}

div#programme
{
    width: 822px; /*avant : 600px;*/
    margin-left: 10px;
    margin-right: auto;
}

p#moment
{
    text-align: center;
}
p#moment a
{
    font-weight: bold;
    text-decoration: none;
}
p#moment img
{
    vertical-align: middle;
    border: none;
}

div.murmsg
{
    margin-left: auto;
    margin-right: auto;
    width: 892px; /*avant : 670px; */
    max-height: 450px; 
    overflow: auto;
/*    border-bottom: 2px solid #154e79;*/
	background: url('http://www.bide-et-musique.com/images/images/murmsg_haut.png') left top no-repeat !important;
	background: url('http://www.bide-et-musique.com/images/images/murmsg_haut.gif') left top no-repeat;
    margin-top: 10px;
    margin-bottom: 0px;
	padding-top:15px;
    padding-bottom: 0px;
}

div.murmsg div.quotebox
{
    margin-bottom: 8px;
    width: 80%;
}
div.murmsg div.quotebox div.quotearea
{
    padding-top: 5px;
}

div.corpsmsg
{
	background: url('http://www.bide-et-musique.com/images/images/murmsg_fond.png') left repeat-y !important;
	background: url('http://www.bide-et-musique.com/images/images/murmsg_fond.gif') left repeat-y;
	padding: 0px 20px;
}

div.basmsg
{
	background: url('http://www.bide-et-musique.com/images/images/murmsg_bas_gch.png') left bottom no-repeat !important;
	background: url('http://www.bide-et-musique.com/images/images/murmsg_bas_gch.gif') left bottom no-repeat;
	padding-left: 45px;
	padding-top:15px;
}

.quotezone
{
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.quotezone span.quotewho
{
    font-size: 8.5pt;
}
.quotezone div.quotetext
{
    margin-top: 2px;
    background-color: #f8faf0;
    padding: 6px 6px 6px 6px;
    font-style: italic;
	border: 1px #dedece solid;
    font-size: 8.5pt;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
	
}

div#bidebox
{
    width: 860px; /* avant : 640px;*/
	padding-top: 1.5em;
	padding-left: 60px;
	padding-right: 60px;
    /*margin-bottom: 15px;*/
    overflow: auto;
    background-image: url('http://www.bide-et-musique.com/images/fond-maintable.gif');
}
div#bidebox img
{
    vertical-align: middle;
    border: none;
}

#bideboxlist td
{
    border: none;
}

.fbleu
{
    color: #3171CA;
}
.fvert
{
    color: #008900;
}
.frouge
{
    color: #AA0000;
}
.redwarning
{
    color: #FF0000;
}
.fgris
{
    background-color: #BFBFBF;
}

.fnoir
{
    color: #333333;
}

div.tagsbar
{
    text-align: center;
    font-size: 8.5pt;
}

div.newshead
{
    width: 700px;
	margin-left: 96px;
/*  border-left: 2px #154e79 solid; 
    border-bottom: 2px #154e79 solid; */
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    border: 1px #dedece solid;
	padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

div.newshead h2, div.newshead h2 a
{
    font-size: 13pt;
    font-weight: bold;
    color: #ED600A;
    text-align: center;
}

div.newshead div.newswho
{
    /*float: right;*/
    font-size: 8pt;
	font-weight:bold;
	color: #999999;
}

div.newshead p
{
    margin-left: 20px;
}

#Tagline
{
	text-align: center;
	text-decoration: none;
    background-image: url('http://www.bide-et-musique.com/images/fond-maintable.gif');
}
a.infobulle
{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.infobulle:hover
{
	z-index:500;
	background: none;
	cursor: help;
}

a.infobulle span
{
	display: none;
}

a.infobulle:hover span
{
    display:inline;
    position:absolute;
	white-space:nowrap;
	top: 17px;
	right: 10px;
/*    top:2em;
	left:2em; 
	width:auto;*/
    padding:3px;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    border: 1px #e00c0a solid;
    font-size: 8.5pt;
    vertical-align: middle;
	text-align:center;
}

/* TEST BOUTONS */

.clear
{
     overflow: hidden;
     width: 100%;
}
a.bouton
{
    background: transparent url('http://www.bide-et-musique.com/images/bg_boutonbleu_a.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
width:180px;
    /*font: normal 12px arial, sans-serif;*/
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.bouton span
{
    background: transparent url('http://www.bide-et-musique.com/images/bg_boutonbleu_span.gif') no-repeat;
	color: #FFF;
	display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-align:center;
}
a.bouton:active
{
    background-position: bottom right;
    color: #FFF;
    outline: none;
}
a.bouton:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

#fixedmenu {
   position: fixed;
   top: 22px;
   left: 6px;
   width: 24px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 24px;
   height: 24px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

#fixedmenu ul, #fixedmenu li {
   list-style:none;
   margin: 1px 0;
   padding: 0;
}

#fixedmenu #up {
   background: transparent url('http://www.bide-et-musique.com/images/ico_haut.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_haut.gif') no-repeat;
}

#fixedmenu #qui {
   background: transparent url('http://www.bide-et-musique.com/images/ico_codbar.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_codbar.gif') no-repeat;
}

#fixedmenu #inscr {
   background: transparent url('http://www.bide-et-musique.com/images/ico_inscrstylo.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_inscrstylo.gif') no-repeat;
}

#fixedmenu #moi {
   background: transparent url('http://www.bide-et-musique.com/images/ico_bm.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_bm.gif') no-repeat;
}

#fixedmenu #oust {
   background: transparent url('http://www.bide-et-musique.com/images/ico_exit.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_exit.gif') no-repeat;
}

#fixedmenu #lq {
   background: transparent url('http://www.bide-et-musique.com/images/ico_lq.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_lq.gif') no-repeat;
}

#fixedmenu #hq {
   background: transparent url('http://www.bide-et-musique.com/images/ico_hq.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_hq.gif') no-repeat;
}

#fixedmenu #shq {
   background: transparent url('http://www.bide-et-musique.com/images/ico_shq.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_shq.gif') no-repeat;
}

#fixedmenu #look {
   background: transparent url('http://www.bide-et-musique.com/images/ico_loupe.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_loupe.gif') no-repeat;
}

#fixedmenu #news {
   background: transparent url('http://www.bide-et-musique.com/images/ico_newspap.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_newspap.gif') no-repeat;
}

#fixedmenu #rss_n {
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.gif') no-repeat;
}

#fixedmenu #rss_e {
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.gif') no-repeat;
}

#fixedmenu #rss_p {
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_rss.gif') no-repeat;
}

#fixedmenu #mur {
   background: transparent url('http://www.bide-et-musique.com/images/ico_murmsg.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_murmsg.gif') no-repeat;
}

#fixedmenu #box {
   background: transparent url('http://www.bide-et-musique.com/images/ico_bidebox.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_bidebox.gif') no-repeat;
}

#fixedmenu #chat {
   background: transparent url('http://www.bide-et-musique.com/images/ico_chat.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_chat.gif') no-repeat;
}

#fixedmenu #coin {
   background: transparent url('http://www.bide-et-musique.com/images/ico_coin.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_coin.gif') no-repeat;
}

#fixedmenu #admin {
   background: transparent url('http://www.bide-et-musique.com/images/ico_admin.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_admin.gif') no-repeat;
}

#fixedmenu #feed {
   background: transparent url('http://www.bide-et-musique.com/images/ico_feeder.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_feeder.gif') no-repeat;
}

#fixedmenu #gal {
   background: transparent url('http://www.bide-et-musique.com/images/ico_galerie.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_galerie.gif') no-repeat;
}

#fixedmenu #lez {
   background: transparent url('http://www.bide-et-musique.com/images/ico_lezniv.png') no-repeat !important;
   background: transparent url('http://www.bide-et-musique.com/images/ico_lezniv.gif') no-repeat;
}

#bonjour {
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.png') repeat-x top left !important;
	background: #fbfbf9 url('http://www.bide-et-musique.com/images/bgr-box-trans.gif') repeat-x top left;
    border: 1px #dedece solid;
	width: 100%;
	margin-top: 0px;
	margin-bottom:10px;
	padding-left: 5px;
	}