body {
background-repeat: repeat;
background-image: url(http://www.trocmusic.com/images/fond2.gif);
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
text-align: center;
}

.menu2 { font-family: verdana; font-size: 10px; font-weight: normal}
.menu3 { font-family: arial; font-size: 10px; font-weight: normal}
.menu4 { font-family: arial; font-size: 14px; font-weight: normal}
.menu5 { font-family: verdana; font-size: 11px; font-weight: normal}

#bar-haut {
width:100%;
height:18px;
background-color: #733333;
border:0px;
display:block;
}

.bar-haut-left { 
font-family: arial, geneva;
font-size: 13px;
font-weight: bold;
color:#FFFFFF;
text-align:left;
line-height:16px;
}

.bar-haut-left a, .bar-haut-left span { 
text-decoration: none;
color:#FFFFFF;
}

.bar-haut-left a:hover {
text-decoration: underline;
color:#FFFFFF;
}

.bar-haut-center { 
font-family: arial, verdana;
font-size: 12px;
font-weight: bold;
color:#AA8040;
text-align:center;
margin-top: -16px;
}

.bar-haut-right { 
font-family: arial, geneva;
font-size: 13px;
font-weight: bold;
color:#FFFFFF;
text-align:right;
margin-top: -16px;
}

.bar-haut-right a, .bar-haut-right span { 
text-decoration: none;
color:#FFFFFF;
}

.bar-haut-right a:hover {
text-decoration: underline;
color:#FFFFFF;
}

#bar-logo {
width: 1000px;
height: 85px;
margin: 0px auto;
border: 0px;
margin-top: 0px;
text-align:left;
}

div#bar-logo img#logo {
height: 75px; 
width: 189px;
border: 0px;
margin: 0px 0px 0px 0px;
background-image: url(http://www.trocmusic.com/images/logo2.gif);
}

#pubheader  {
	
	width: 750px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border:1px solid #FDEBD6;
	font-family: Geneva, Arial, sans-serif;
	font-size: 14px;
	text-align:left;
	text-decoration: none;
}

#pubheader a {
color:#408040;
text-decoration: none;
}

#pubheader a:hover {
color:#CD6030;
text-decoration : underline; 
} 

#GLobal {
	width: 1000px;
	display: block;
	background-color: #eCeCeB;
	padding: 0;
 	margin:0 auto;
	text-align:left;
}

#BarMenu {
	width: 811px;
	height: 30px;
	padding: 10px 0px 0px 0px;
	margin: 45px 0px 0px 0px;

	text-align:left;
}

#BarMenu ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	float: Right;
}

#BarMenu li {
	margin: 0;
	padding: 0;
	float: left;	
}

#BarMenu ul li a {
	float: left;
	background: url("/images/bouton-left.gif") no-repeat left top;
	margin: 0 0 0 1px;
	padding: 0 0 0 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Geneva, Arial, sans-serif;
	line-height: 19px;
	cursor: pointer;
}

#BarMenu a span {
float:left;
	display:block;
	background:url("/images/bouton-right.gif") no-repeat right top;
	padding: 8px 6px 0 5px;
	height: 22px;
}

#BarMenu .home a span {background:url("/images/bouton-right.gif") no-repeat right top;}
#BarMenu .home a {background:url("/images/bouton-left.gif") no-repeat left top;}
#BarMenu .homeActif a span {background:url("/images/bouton-right.gif") no-repeat right bottom; color:#FFFFFF; padding: 4px 6px 0 5px;height: 26px;}
#BarMenu .homeActif a {background:url("/images/bouton-left.gif") no-repeat left bottom;}

#BarMenu .rub a span {background:url("/images/bouton-right.gif") no-repeat right top;}
#BarMenu .rub a {background:url("/images/bouton-left.gif") no-repeat left top;}
#BarMenu .rubActif a span {background:url("/images/bouton-right.gif") no-repeat right bottom; color:#FFFFFF; padding: 4px 6px 0 5px;height: 26px;}
#BarMenu .rubActif a {background:url("/images/bouton-left.gif") no-repeat left bottom;}

#BarMenu a:hover span {
	color:#FFFFFF;
	padding: 4px 6px 0 5px;
	height: 26px;
}

#BarMenu a:hover {background-position:0% -31px;}
#BarMenu a:hover span {background-position:100% -31px;}



#SousMenu {
	width: 1000px;
	height: 25px;
	padding: 0;
	margin:0 auto;
	background:url("/images/fond-souscat.gif");
	text-align:center;
}

.ftssMenu { 
font-family: geneva, arial, verdana;
font-size: 12px;
line-height: 23px;
font-weight: bold;
color:#EEEEEE;
}

.ftssMenu a, .ftnavig span { 
font-family: geneva, arial, verdana;
font-size: 13px;
line-height: 23px;
text-decoration: none;
font-weight: bold;
color:#EEEEEE;
}
.separ {
height:17px;
width:1px;
background:#FFAA00;
display:inline-block;
display:inline;
margin-left:1px;
margin-right:1px;
margin-top:4px;
margin-bottom:-4px;}


.separe {
font-family: arial, verdana;
font-size: 17px;
margin-top:4px;
margin-bottom:-5px;
color:#FFAA00;
}

.ftssMenu a:hover {
line-height: 23px;
color:#FFFFFF;
text-decoration: underline;
}

.ftmini { 
font-family: geneva, arial, verdana;
font-size: 12px;
font-weight: normal;
color:#777;
}

.ftmini a, .ftnavig span { 
text-decoration: none;
color:#AA2020;
}

.ftmini a:hover {
text-decoration: underline;
color:#000;
}

.ftresult { 
font-family: geneva, verdana;
font-size: 12px;
font-weight: normal;
color:#000;
}

.ftresult a, .ftnavig span { 
text-decoration: none;
color:#000;
}

.ftresult a:hover {
text-decoration: underline;
color:#000;
}

.bouton { 
	font-family: geneva, arial, verdana;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7EAB00;
	border:1px solid #666644;
	margin: 1px 7px 0px 3px;
	padding: 2px 0px 0px 0px;
	cursor: pointer;
}

.champ {
	border: 1px solid #C9BB74;
	font-size: 12px; 
	color: #666;
	font-family: Geneva, Verdana;
	font-weight: normal;
}

.msg {
	border: 1px solid #C9BB74;
	font-size: 12px; 
	color: #666;
	font-family: Geneva, Verdana;
	font-weight: normal;
}

#BoxCat {
text-align:left;
height:92px;
width:223px;
padding: 0px 0px 0px 5px;
margin: -112px 0px 0px 7px;
font-family: geneva, arial, verdana;
font-size:10px;
color:#222;
background:url("/images/fond-login.gif");
}

#BoxCat a , #BoxCat {
text-decoration: none;
color:#222;
}

#BoxCat a:hover {
text-decoration: underline;
color:#000;
}

#pubhead {
	height: 90px;
	width: 728px;
	margin: 0px 0px 0px 236px;
	background-color: #F6F4F2;
	padding: 0;
	border:1px solid #E9DB96;
	border-bottom:1px solid #E4E0C9;
}

#pubheadR {
height: 92px;
width:14px;
margin: -92px 0px 0px 966px;
padding:0px 0px 0px 0px;
background:url("/images/fond-login.gif");
}

#Hpub {
	width: 1000px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url("/images/bar-hipub.gif");
}

.BarSearch {
	width: 1000px;
	height: 30px;
	font-family: Geneva, verdana;
	border-top: 1px solid #FED;
	border-bottom: 1px solid #CCC;
	font-size: 11px;
	font-weight: normal;
	color:#555;
	background:url("/images/bar-search.gif");
}

.BarSearch a, .ftnavig span {
font-weight: bold;
color:#333;
}

.BarSearch a:hover {
color:#000;
}

.BarSearch input[type=text] {
	border: 1px solid #B9AB74;
	font-size: 12px; 
	color: #666;
	font-family: Geneva, Verdana;
	font-weight: normal;
	width: 160px;
	padding: 1px 0px 1px 0px;
}

.BarSearch select {
	border: 1px solid #B9AB74;
	font-size: 12px; 
	color: #555;
	font-family: Geneva, Verdana;
	font-weight: normal;
	width:auto;
	padding: 0px 0px Opx 0px;
}

.BarSearch input[type=submit] {
	font-family: geneva, arial, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A59F94;
	border:1px solid #888866;
	margin: 0px 7px 0px 3px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

#BarNavig {
	width: 1000px;
	height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #E4E0C9;
	background-color: #F9F9F9;
	text-align:left;
}

div#BarNavig img#god {
height: 22px; 
width: 10px;
border: 0px;
margin: 0px 0px -7px 0px;
background:url("http://www.trocmusic.com/images/god.gif") no-repeat;
}

.ftnavig { 
font-family: geneva, arial, verdana;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
color:#777;
}

.ftnavig a, .ftnavig span {
text-decoration: none;
margin: -7px 0px 0px 0px;
color:#777;
}

.ftnavig a:hover {
color:#000;
}

.Searchfoot { 
font-family: geneva, verdana;
font-size: 10px;
font-weight: normal;
line-height: 18px;
color:#555;
}

.Searchfoot a, .Searchfoot span {
text-decoration: none;
color:#555;
}

.Searchfoot a:hover {
text-decoration: underline;
color:#333;
}

.flnavig {
display:block;
height: 15px;
width: 10px;
margin: 0px 0px 0px 0px;
line-height: 18px;
background: url("/images/flnavig.gif");
}

#LoginBox {
text-align:center;
height:100%;
width:205px;
font-family: geneva, arial, verdana;
font-size:11px;
color:#222;

}

#LoginBox .txtfield {
width:100px;
height:12px;
margin:2px 0px 2px 0px;
padding: 2px 0px 2px 0px;
border:1px solid #B9AB74;
font-family: Geneva, Verdana;
font-size:11px;
color:#666;
}

#LoginBox a {
color:#990000;
font-weight:normal;
font-size:10px;
text-decoration: none;
}

#LoginBox a:hover {
text-decoration : underline; 
} 

.LoginBox .submit {
	font-family: geneva, arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #958F94;
	border: 1px solid #787856;
	margin: 1px 1px 0px 3px;
	padding: 2px 0px 0px 0px;
	cursor: pointer;	
}

#sp1 {
padding: 0px 0px 1px 0px;
}

#sp2 {
padding: 0px 0px 2px 0px;
}

#sp3 {
padding: 0px 0px 2px 0px;
}

#sp4 {
padding: 0px 0px 4px 0px;
}

#sp5 {
padding: 0px 0px 5px 0px;
}

#sp7 {
padding: 0px 0px 7px 0px;
}

#sp9 {
padding: 0px 0px 9px 0px;
}

#sp10 {
padding: 0px 0px 10px 0px;
}

#sp10 {
padding: 0px 0px 11px 0px;
}

#sp15 {
padding: 0px 0px 15px 0px;
}

.space {
background:url("/images/greywhite.gif");
}

.spaceT {
background:url("/images/redwhite.gif") no-repeat;
}

#BarTitre {
height: 20px;
padding: 0px 0px 0px 10px;
margin: 3px 0px 0px 0px;
color:#FFFFFF;
font-family: geneva, arial, verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background:url("/images/fond-titre.gif") no-repeat;
text-align:left;
line-height:20px;
}

#BarTitreR {
height: 20px;
width: 10px;
padding: 0px 0px 0px 0px;
margin: 3px 0px 0px 0px;
background:url("/images/fond-titre-right.gif") no-repeat;
text-decoration: none;
text-align:left;
line-height:20px;

}

#BarTitre a , #BarTitre {
text-decoration: none;
color:#FFFFFF;
}

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

.ftitre {
font-family: geneva, arial, verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color:#BD0B1C;
}

.ftitre a , .ftitre span {
text-decoration: none;
font-weight: bold;
color:#DD8000;
}

.ftitre a:hover {
font-weight: bold;
text-decoration: none;
color:#222;
}

#ico {
width: 58px;
height: 46px;
margin: 0px 0px 0px 0px;
text-align:center;
}

div#ico img#prod {
height: 42px;
width: 42px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/promotion.gif);
}

div#ico img#emploi {
height: 42px;
width: 42px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/formation.gif);
}

div#ico img#audio {
height: 42px;
width: 49px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Audio-Pro-Home-Studio.gif);
}

div#ico img#mao {
height: 42px;
width: 50px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Informatique-Musicale.gif);
}

div#ico img#gtr {
height: 42px;
width: 32px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Guitare.gif);
}

div#ico img#bass {
height: 42px;
width: 39px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Basse.gif);
}

div#ico img#drum {
height: 42px;
width: 43px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Batterie.gif);
}

div#ico img#percu {
height: 42px;
width: 44px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Percussions.gif);
}

div#ico img#clavier {
height: 42px;
width: 44px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Instruments-Electroniques.gif);
}

div#ico img#dj {
height: 42px;
width: 47px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Djing.gif);
}

div#ico img#sono {
height: 42px;
width: 49px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Sono.gif);
}

div#ico img#light {
height: 42px;
width: 50px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Eclairage.gif);
}

div#ico img#hifi {
height: 42px;
width: 52px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Hifi-Video-MP3.gif);
}

div#ico img#corde {
height: 42px;
width: 31px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Instruments-a-Cordes.gif);
}

div#ico img#vent {
height: 42px;
width: 33px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Instruments-a-Vent.gif);
}

div#ico img#lib {
height: 42px;
width: 40px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Librairie-Musicale.gif);
}

div#ico img#destock {
height: 42px;
width: 46px;
border: 0px;
background-image: url(http://www.trocmusic.com/images/graphics/Destockage-Promotions.gif);
}

#cadrecat {
padding: 0px 0px 0px 0px;
text-decoration: none;
border:1px solid #E4E0C9;
background-color: #F9F9F9;
}


#cadrezoom {
padding: 0px 0px 0px 0px;
text-decoration: none;
border:1px solid #E4E0C9;
height: 100%;
width: 470;
}

.fcat {
font-family: geneva, arial, verdana;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color:#9f1c35;
}

.fcat a, .fcat span {
text-decoration: none;
color:#9f1c35;
}

.fcat a:hover {
text-decoration: underline;
color:#000;
}

.fcatb {
font-family: geneva, arial, verdana;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color:#333;
}

.fcatb a, .fcat span {
text-decoration: none;
color:#333;
}

.fcatb a:hover {
text-decoration: underline;
color:#000;
}

.ftitmag {
font-family: geneva, arial, verdana;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color:#A86606;
}

.cadrescat  {
height: 19px;
padding: 0px 0px 0px 7px;
background:url("/images/bar-navig.gif");
font-family: geneva, arial, verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color:#222;
text-align:left;
}

.gocat  {
margin-left: -5px;
padding: 3px 0px 3px 10px;
font-family: geneva, arial, verdana;
font-size: 13px;
}

.goscat  {
margin-left: -5px;
padding: 3px 0px 3px 3px;
font-family: geneva, arial, verdana;
font-size: 12px;
font-weight: bold;
}

.fscat {
font-family: geneva, arial, verdana;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color:#000;
}

.fscat a, .fcat span {
text-decoration: none;
color:#000;
}

.fscat a:hover {
text-decoration: underline;
color:#000;
}

.ico-fl {
width:12px;
height:12px;
float:left;
margin:0px 0px 0px 10px;
background-image: url("/images/fl.gif");
}

#Map {
background:url("/images/map/France.gif") no-repeat;
width:191px;
height:200px;
}


.Map {
background:url("/images/map/France.gif") no-repeat;
width:191px;
height:200px;
}

#cadrepub {
padding: 0px 0px 0px 0px;
font-family: Geneva, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
border:1px solid #E4E0C9;
background-color: #FFFFFF;
}

#cadrepub a {
color:#222;
text-decoration: none;
}

#cadrepub a:hover {
color:#000;
text-decoration: underline; 
} 

#cadrepubG {
padding: 5px 0px 5px 0px;
border:1px solid #E4E0C9;
font-family: Geneva, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
background-color: #FFFFFF;
}

#cadrepubG a {
color:#408040;
text-decoration: none;
}

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

.fond_V {
float: center;
width: 140px;
height: 90px;
margin: 0px 0px 0px 0px;
background: url(/images/fond-vignette.gif) no-repeat;
}

.fl-inf {
display:block;
width:14px;
height:10px;
float:right;
margin:3px 0px 0px 0px;
background-image: url(/images/fl-int.gif);
}

#Menufoot {
	width: 1000px;
	height: 25px;
	padding: 0;
	margin:0 auto;
	background:url("/images/fond-cat-footer.gif");
	text-align:center;
}



.ftfooter {
font-family: Geneva, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color:#CFCCCC;
}

.ftfooter a, .ftfooter span { 
font-family: Geneva, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
text-decoration: none;
font-weight: normal;
color:#CFCCCC;
}

.ftfooter a:hover {
font-family: Geneva, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
text-decoration:underline;
font-weight: normal;
color:#CFCCCC;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 7px;
padding-bottom: 0;
background: #D9D9C9;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font: bold 14px Geneva, arial, verdana;
color:#555;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: normal 10px Geneva, arial, verdana;
letter-spacing: 1px;
line-height: 1.1em;
padding: 1px 0;
text-align: right;
color:#333;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(http://www.trocmusic.com/images/star.gif) right -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: right top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: right bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: right center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(http://www.trocmusic.com/images/star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */