* {margin:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;vertical-align: baseline;}              
ol,
ul {list-style: none;}
a, a:link, a:active, a:visited {text-decoration:none;cursor:pointer;cursor:hand;color:#666}
a:hover {color:#93408e;text-decoration:none}
html,body {min-height:100%;height:100%;}
/*body {text-rendering: optimizeLegibility;color:#282528;background:#fff;font-family:trebuchet MS, Arial;font-size:14px;  margin-left: auto; margin-right: auto;*/
html {color:#282528;}
#pianotech {width:980px;height:auto;min-height:100%; margin:0 auto;clear:both;background:#fff;overflow:hidden; margin-bottom: 50px; 
}
.white {color:#FFFFFF;font-size:14px}
.white:link {color:#FFFFFF;text-decoration: none;}
.white:visited {text-decoration: none;color:#FFFFFF;}
.white:hover {text-decoration: none;color:#F0F0F0;}
.white:active {text-decoration: none;color:#F0F0F0;}

h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-size:16px;}
.grey { font-size: 16px}
#header {position: relative; z-index: 1;}
	#header #searchbox {background:#000;position:absolute; z-index:1;display:block;height:28px;top:0;width:100%;}
		#header #searchbox form {display:block;margin:4px 0;padding:0 8px;background:#fff;border-radius:10px;height:20px;display:block;width:300px;overflow:hidden;float:right;margin-right:270px}		
		#header #searchbox input {margin:0;padding:0;border:none;background:#fff;height:20px;width:300px;}
		#header #searchbox #ruffo {display:inline-block;float:right;width:18px;height:18px;background:url(../img/index/recherche.gif) 50% 50%;margin:0;padding:0;}
			body.green #header #searchbox {background:#000000;}
			body.orange #header #searchbox {background:#eab059;}
			body.brown #header #searchbox {background:#c6a94e;}
			body.purple #header #searchbox {background:#d798f8;}
			body.blue #header #searchbox {background:#abb7db;}
	#header .micro {width:253px;position: relative; z-index: 2;height:138px;float:left;background-image:url('/img/index/micro.png');background-repeat:no-repeat}
		.logo {position:inherit;margin-left:20px;margin-top:77px;}
	#header .cymbale {width:279px;position: relative; z-index: 2;height:138px;float:right;background-image:url('/img/index/cymbale.png');}
	#header .actionbox {float:right;padding-top:75px} 
	 #header #menu {height:36px;clear:both}
.clearfix:before,
.clearfix:after {content: "";display:table;} 
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
#outer-content {text-align: center; width: 100%; }
#content { margin: 0 auto; width: 100%; margin-bottom: 20px}

    #userlinks-box, #panierlinks-box, #language-box  {margin:5px 0 0 10px;display:inline;float:right;}
	#panierlinks-box {border:1px solid #b2b2b2;background:#FFF url(../img/tri-box.gif) repeat-x top;padding:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
	#mon-panier {background:url(../img/mon-panier.png) no-repeat 0 50%;display:block;border:1px solid #FFF;padding:5px 10px 4px 45px;border:1px solid #FFF;height:42px;font-size:10px;width:115px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#userlinks-box {position:relative;border:1px solid #b2b2b2;background:#FFF url(../img/tri-box.gif) repeat-x top;padding:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
	#mon-compte {background:url(../img/mon-compte.png) no-repeat 0 50%;display:block;padding:5px 10px 4px 45px;border:1px solid #FFF;font-size:10px;width:120px;height:42px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
	#mon-panier b, #mon-compte b {font-size:14px;font-family:"ORBITRON-BLACK", Arial, sans-serif}
    .gradientgrey {color:#343434;background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #d7d7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#d7d7d7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */}
/*--- Fiche Produit / Occasion ---*/
	#content header {clear:both;}
		#content header .heading-box {display:inline-block;float:left;width:auto;position:relative;min-height:55px;margin-bottom:10px;}
			#content #actualites header .heading-box {padding-left:60px;}
			#actualites header .bigico {display:block;float:left;width:52px;height:52px;position:absolute;left:0}
			#content header h1.maintitle {display:inline-block;float:left;min-height:25px;color:#666666;font-size:20px;/*font-size:1.428571428rem;/*font-family:"Arial Black", Gadget, sans-serif;*/padding-top:4px;}
			#content header .breadcrumb {display:inline-block;float:left;clear:both}
		#content header ul {display:inline-block;float:right}
		
	#entry-content {width: 100%;float:left;margin-right: -200px;}
			#actualites #entry-content {width: 100%;margin:0;}		
		#the-content {margin-right: 200px;line-height:1.4;}
		#the-content .inline-pic {margin:0 10px 10px 10px;display:inline;float:left}
			#actualites #the-content {margin:0;}
	#sidebar {display:inline;float:right;width:180px;margin:0}	
		#sidebar aside {clear:both;display:block;margin-bottom:10px}
		aside.minitable {clear:both;display:block;border:1px solid #d6d6d6;padding:3px;margin-bottom:8px;position:relative;}
		aside.minitable .specialtitle {position:absolute;bottom:4px;display:block;padding:2px 5px;background:rgba(0,0,0,0.5);width:236px;}
		aside.minitable .specialtitle h5, aside.minitable .specialtitle h5 a {color:#fff;display:block;font-weight:normal;font-size:11px;}
		aside.minitable img.dontmiss {width:100%;height:auto}
			#sidebar aside h3, .minitbl_title {clear:both;display:block;width:94%;padding:0 3%;background:#777777;height:24px;line-height:24px;margin:0 0 5px 0;/* Old browsers */
background: -moz-linear-gradient(top, #777777 0%, #3e3e3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #777777 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #777777 0%,#3e3e3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #777777 0%,#3e3e3e 100%); /* IE10+ */
background: linear-gradient(to bottom, #777777 0%,#3e3e3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */}
/* Accueil produits */
ul.listcats {margin:5px 0 15px 0;padding:0;list-style:none;}
	ul.listcats li {margin:0;padding:2px 0;padding-bottom: 10px; width:48%;display:inline;float:left;margin-left:2%;color:#999999}
	ul.listcats li h2 {margin:0;padding:0;font-weight:normal;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	ul.listcats li h2 a {background:url(../img/square.png) no-repeat 0 60%;padding-left:12px;}
.filterstri {}
	.filterstri ul {list-style:none;margin:0;padding:0}
	.filterstri li {list-style:none;margin:0;padding:5px 0;clear:both;display:block;width:100%;}
	.filterstri li span {padding:0 5px;display:inline-block;float:left}
/* Index */
.logform {position:absolute;z-index:1;width:225px;top:60px; margin-left: 50px; float:right}
.login {width:180px;float:left;display:inline}
.id {clear:both;display:inline;float:left;text-align:right;width:75px;padding-top:5px;color:#FFFFFF}
.logbox {float:left;display:inline;width:75px;padding:2px;text-align:center}
.go {float:left;display:inline;padding:4px}
.smallimage {display:inline;float:left;width:10px;color:#FFFFFF}
.help {display:inline;float:left;color:#8da11f}

/* Contenu */
.page {width:100%;margin-left:auto;margin-right:auto;}
.sixty {display:inline;float:left;width:100%;margin-right:0px}
.sixty2 {display:inline;float:left;width:80%;margin-right:0px}
.sixty3 {display:inline;float:left;width:50%;margin-right:0px; margin-left: 20px}
.thirty {display:inline;float:left;width:385px;}
.thirty2 {display:inline;float:left;width:100%;}

.fifty {display:inline;float:left;width:50%}
.seventy {display:inline;float:left;width:75%;margin:0 10px 0 0;}
.twenty {float:right;display:inline;width:255px;}
.fullmargin {clear:both;width:100%;}
.line {clear:both;}
.minitable {display:block}

form.vignette {display:inline-block;float:left;width:25%}
	.list-prod .minitable,
	.thirty .minitable,
	.thirty2 .minitable,
	.fifty .minitable {clear:both;display:block;border:1px solid #d6d6d6;padding:4px;margin:4px 0 4px 4px;}
	.thirty .minitable {margin:4px 0 4px 4px;}

#cats-actus {width:480px;margin:5px auto 10px auto;padding:0;}
	#cats-actus ul {margin:5px 0 0 0;padding:0;display:block;width:100%;}
	#cats-actus ul li {display:inline-block;width:18%;margin:0 1%;padding:0;float:left;}
	#cats-actus ul li a {display:block;width:100%;background:url(../img/icons/enceinte_large.gif) no-repeat 50% 0;padding-top:55px;}
	#cats-actus ul li:nth-child(2) a {background-image:url(../img/icons/casque_large.gif)}
	#cats-actus ul li:nth-child(3) a {background-image:url(../img/icons/guitare_large.gif)}
	#cats-actus ul li:nth-child(4) a {background-image:url(../img/icons/micro_large.gif)}
	#cats-actus ul li:nth-child(5) a {background-image:url(../img/icons/test_large.gif)}
	#cats-actus ul li a span {clear:both;display:block;margin:3px;line-height:19px;height:19px;color:#000000;text-align:center;background:url('/img/greenbutton.gif') no-repeat 50% 50%;font-weight:bold;}
.marque {padding:2px;display:inline;margin-left:auto;margin-right:auto}
.clear {width:98%;height:1px;clear:both}
/* Barre de titre  de rubrique */
.titlebar {background-image:url('/img/nav/middle.png');background-repeat:repeat-x;height:26px;width:99%;margin-left:auto;margin-right:auto}
.titlebar_name {float:left;display:inline;padding-top:5px;width:auto;font-size:12px;font-weight:bold}
.titlebar_l {display:inline;float:left;background-image:url('/img/nav/left.png');background-repeat:no-repeat;width:9px;height:26px}
.titlebar_r {display:inline;float:right;background-image:url('/img/nav/right.png');background-repeat:no-repeat;width:9px;height:26px}
.hideshow {float:right;display:inline;padding-top:5px;width:auto;font-size:11px;}

/* Commentaires */
.comment {clear:both;margin-right:auto;margin-left:auto;width:890px;margin-bottom:3px;margin-top:3px;border-bottom:1px dotted #CCCCCC}
.userbox {display:inline;float:left;width:150px;height:auto;background-color:#f0f0f0;border:5px solid #FFFFFF;font-weight:bold;font-size:12px;text-align:center}
.avatar {width:75px;height:auto;border:0px solid #999999;margin-left:auto;margin-right:auto;margin-top:5px; vertical-align: middle; text-align: center}
.commentext {width:720px;height:auto;font-size:12px;border:5px solid #FFFFFF;font-size:12px;color:#666666}
/* articles */
.prevart {display:inline;float:left;width:28px;height:28px;padding:1px}
.nextart {display:inline;float:right;width:28px;height:28px;padding:1px}

.title {font-family:"Arial Black", Gadget, sans-serif;color:#666666;font-size:14px;display:inline;}
/* Display list */

ul.minitbl_title {display:block;width:100%;clear:both;margin:0;padding:4px 0 0 0;line-height:16px;}
	ul.minitbl_title li {display:inline-block;margin:0;padding:0;float:left}
		ul.minitbl_title li input {display:inline-block;margin:0 0 -3px;padding:0 3px;height:16px;overflow:hidden}
	ul.minitbl_title li:nth-child(1) {width:20%;text-align:center}
	ul.minitbl_title li:nth-child(2) {width:46%;}
	ul.minitbl_title li:nth-child(3) {width:13%;/*text-align:center*/}
	ul.minitbl_title li:nth-child(4) {width:21%;text-align:center}

.cell {clear:both;color:#666666;font-size:11px;text-align:justify;border-bottom:1px dotted #CCCCCC;height:auto;border-top:2px solid #FFFFFF;display:block;padding:3px 0 3px 130px;position:relative;margin:0}
.cell:hover {/*clear:both;color:#666666;font-size:11px;text-align:justify;border-bottom:1px dotted #CCCCCC;height:auto;background-image:url('/img/gradient.gif');border-top:2px solid #FFFFFF;background-position:bottom;background-repeat:repeat-x*/}
.cell header  {display:inline-block;}
.cellcom {clear:both;color:#666666;font-size:11px;text-align:justify;border-bottom:1px dotted #CCCCCC;height:auto;border-top:2px solid #FFFFFF;display:block;padding:3px 0 3px;position:relative;margin:0}
.cellcom:hover {/*clear:both;color:#666666;font-size:11px;text-align:justify;border-bottom:1px dotted #CCCCCC;height:auto;background-image:url('/img/gradient.gif');border-top:2px solid #FFFFFF;background-position:bottom;background-repeat:repeat-x*/}
.cellcom header  {display:inline-block;}
.pic {width:130px;height:auto;display:inline-block;float:left;margin-left:-130px;text-align:center;min-height:100px;}
	.pic img {margin:0 auto;border:none}
.descript {display:inline-block;width:100%;float:left;line-height:1.4}

#actuslisting .cell {padding:3px 0 3px 160px;}
#actuslisting .pic {width:150px;height:auto;display:inline-block;float:left;margin-left:-160px;text-align:center;min-height:100px;}


.prix {width:155px;height:auto;float:right;display:inline;padding:4px;text-align:center;color:#CC0000;font-size:14px;/*font-family:"Arial Black", Gadget, sans-serif*/}
.tarif {width:99%;height:auto;padding:2px;text-align:center;color:#CC0000;font-size:18px;font-family:Arial, Helvetica, sans-serif}
.cellpanier {width:100px;height:auto;float:right;display:inline;padding:4px;text-align:center;color:#666666;font-size:14px;font-family:Arial, Helvetica, sans-serif}
.minicellpanier {width:25px;height:auto;float:right;display:inline;padding:4px;text-align:center;}

.keywords {width:75%;height:auto;margin-right:auto;margin-left:auto;font-weight:bold;color:#CCCCCC;padding-left:2px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:14px}
.keybox {border:1px solid #CCCCCC;width:75%;height:auto;margin-right:auto;margin-left:auto;padding:5px;text-align:center}
.accueiltext {padding-left:2px;padding-right:2px;font-weight:bold}

.addfavico {width:auto;height:auto;float:right;display:inline;padding:3px;padding-top:6px}

#panier-box {width:600px;text-align:right;padding:0;margin:0;float:right;display:inline-block;}
	#panier-box .firstblocpanier {display:inline-block;float:left;width:335px;color:#b4e805}
	#panier-box .secondblocpanier {display:inline-block;float:left;width:245px;}
		#panier-box .secondblocpanier ul {display:block;margin:0;padding:0;list-style:none;padding-left:5px;}
		#panier-box .secondblocpanier ul li {clear:both;display:block;min-height:24px;border-left:1px solid #b4e805;margin:0;padding:2px 0;}
			#panier-box .secondblocpanier ul li:nth-child(2) {border-left:none;background:url(../img/panier/arrow.gif) no-repeat 0 50%;color:#b4e805;padding-left:18px;font-size:13px;}
			#panier-box .secondblocpanier ul li:nth-child(5) {font-size:18px}
		#panier-box .secondblocpanier ul li p {display:inline;float:right;width:115px;margin:0;padding:0;border-bottom:1px dotted #CCCCCC;text-align:right;font-weight: bold;margin-left:5px;}
/* Footer */
.credits {float: right; text-align:right;font-size:13px;color:#93732c;padding-right:50px; width: 250px }
.footerholder {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 100%;
}
footer{
color:#FFF;
background:#000;
position:fixed;
font-size:14px;
width:980px;
bottom: 0pt;
margin-left:-490px;
height:50px;
margin: auto;
white-space: nowrap; /* interdiction de passer à la ligne */
}   
.footer_sub {float: left; text-align: center; width: 50%; margin: 0 auto;line-height: 4em;} 
.thirty2 .minitable .minitbl_content .fullmargin ul { list-style: none outside none; margin:0; padding: 0; width: 100% }
.thirty2 .minitable .minitbl_content .fullmargin li { margin: 0 auto; display: inline; float: left; width: 18%}
article header { width: 100%;}