* {margin:0; padding:0; outline: none;}
html, body { font-size:100%;}
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, font, 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 {margin:0; padding:0; border:0; outline:0; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {
	outline:none;
	outline-style:none;
	outline-width:0;
	color:#9D8953;
} /*ae9a64*/

img {margin:0; padding:0; outline-style:none; outline-width:0; }




body {font-family:Arial, Helvetica, sans-serif;color:#000;background-color:#5f5d60;} /*background-color:#fff;background-repeat: repeat-y;background-position: center top;background-attachment:fixed;*/

#body-news, #body-shop, #body-result, #body-mix, #body-coverart, #body-contact  {
	background-image: url(images/fonds/fond_01_45.gif);
	background-repeat: repeat;
	background-attachment:fixed;
}
/*#body-shop {
	background-image: url(images/fonds/fond_01_45.gif);
	background-repeat: repeat;
	background-attachment:fixed;
}
#body-result {background-image: url(images/fonds/index.jpg);}
#body-mix {background-image: url(images/fonds/index.jpg);}
#body-coverart {background-image: url(images/fonds/index.jpg);}
#body-contact {
	background-image: url(images/fonds/fond_02big.gif);
	background-repeat: repeat-y;
	background-position: center -600px;
	background-attachment:fixed;}*/


#wrapper-global{width:940px;margin:0 auto;background-color:#fff;} /*border:solid 1px #ff0000;*/
#wrapper-main{width:898px;margin:0 auto;} /*border:solid 1px #ff0000;*/
#header{
	position:relative;
	width:100%;
	height:208px;
	margin:0;
	/*border:1px dotted #0000FF;*/
	background-image: url(images/fonds/degrade_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#header #logo{position:absolute;bottom:24px;left:0px;width:460px;height:110px;margin:0;}

#header #div-search{position:absolute;bottom:52px;right:0px;margin:0;padding:0;} /* background-color:#ff0000;border:solid 1px #ff0000;*/
#form-search input[type=text] {float:left;margin:0;padding:0 0 0 4px;width:210px;height:22px;line-height:22px;border:solid 1px #d1c7bd;background-color:#d1c7bd;font-size:.8em;}
#form-search input[type=submit] {
	float:left;
	width:24px;
	height:24px;
	margin-left:2px;
	border:solid 1px #d1c7bd;
	background-color:#d1c7bd;
	color:#000;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	background-image: url(images/menus/arrow_search.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

#wrapper-nav{width:100%;margin:0 0 40px 0;height:30px;} /*border:dotted 1px #0000FF;*/

#wrapper-footer{margin-top:10px; width:100%;height:34px;border-top:solid 1px #aaa;
	background-image: url(images/fonds/degrade_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#arrow-footer{float:right; margin-right:3px;}
#arrow-footer a {
	display:block;
	height:34px;
	width:120px;
	font-size:.7em;
	text-align:right;
	text-decoration:none;
	color:#5f5d60;
	padding:3px 22px 0 0;
	background-image: url(images/fonds/arrow_bottom.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*background-color: #ddd;*/
}
#wrapper-footer p.copy {float:left;padding:4px 0 0 8px;font-size:.7em;color:#8c7459;}
#wrapper-footer p.copy a {text-decoration:none;border-bottom:dotted 1px #eee;}
#wrapper-footer p.copy a:hover {border-bottom:dotted 1px; }

/*
#arrow-top, #arrow-bot {width:30px;height:30px;font-size:.7em;color:#fff;text-align:center; z-index:9999;position:fixed;bottom:20px;display:none;}
#arrow-top {background-color:#FF0000;right:30px;}
#arrow-bot {background-color:#0000FF;right:0;}
*/

#col-social{
	float:right;
	width:178px;
	min-height:240px;
	padding-top:10px;
	font-size:.8em;
	color:#777;
	background-image: url(images/fonds/degrade_social.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#facebook, #rss, #text-annonce {margin-left:10px;}
#text-annonce {padding-bottom:15px}/*padding-top:15px;*/
#facebook p {padding:4px 0;}


/* nav main, horizontale, top */
ul#nav-main {
	position: relative;
	height: 30px; /*538*/
	width: 898px;
	margin: 0;
	padding:0;
	list-style-type: none;
	/*border: solid 1px #333;*/
}
ul#nav-main li {
	float: left;
	margin:0 2px 0 0;/**/
	width: 178px;
}
ul#nav-main li a {
	margin: 0;
	padding:0 0 0 4px;/**/
	display:block;
	width: 174px;
	height: 2.4em;
	line-height:3.2em;	
	background-color:#5f5d60;
	text-decoration: none;
	color: #fff;
	font-size:.8em;
	font-weight: bold;
	/*text-indent:-9999px;  texte du lien hors champ */
}
ul#nav-main li a:hover,ul#nav-main li a.actif {background: #8c7459;color: #fff;}
ul#nav-main li.last  {margin:0;padding:0;} /*background-color:#000;*/

/* menu shop, left */
ul#menu-shop {
	width: 178px;
	list-style: none;
	margin:8px 0 0 0;
	padding:0;
}
ul#menu-shop li {
	background: #c6c7c8;
	color: #fff;
	/*border: 1px solid #600;*/
	margin-bottom: 1px;
}
ul#menu-shop li a {
	display: block;
	color: #4e4c4f;
	font: 0.75em Arial,sans-serif;
	height:1.4em;
	line-height: 1.4em;
	text-align: left;
	text-decoration: none;
	padding: 4px 0 4px 15px;
	background-color: #c6c7c8;
	background-image: url(images/menus/fl_off.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
ul#menu-shop li a:hover, ul#menu-shop li a:focus, ul#menu-shop li a:active {
	background: #8c7459 ;
	color: #fff;
	background-image: url(images/menus/fl_on.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
ul#menu-shop li a.actif {
	background: #8c7459;
	color: #fff;
	background-image: url(images/menus/fl_on.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
ul#menu-shop li.spacer {background-color:#fff !important;color:#fff;height:1.4em;line-height: 1.4em;}

.tb_delais {border:1px solid #aaa;border-collapse:collapse;background-color:#fff;}
.tb_delais th, .tb_delais td {padding: 2px 10px; border: 1px solid #666;}
.tb_delais th {color:#444; background-color:#eee;}

input[type=text], select {padding:3px; width:auto; height:auto; background-color:#fff; border:1px solid #b8b9ba; font:normal 14px Arial, Helvetica, sans-serif;text-align:middle;}
textarea { border:1px solid #b8b9ba;width:400px;}

#form_insert { overflow:auto;padding:10px 20px;background-color: #dadada;} /**/
	#form_insert label{display:block;float:left;width:140px;padding:3px 10px 3px 0px; margin-bottom:6px;text-align:right; } /*border-bottom: dotted 1px; background-color: #FFCC66;*/
	#form_insert input[type=submit] {margin-top:10px;}
	#form_insert p.lib {padding-bottom:10px;}
	/*#form_mariage input {float: left;}*/
	span.ho {display:inline;color:#ff0000;}


/*moasaique index + cover-art*/
.pochettes {float:left;background-color:#ddd; margin:0 2px 2px 0;}
.pochettes .little {width:178px;height:178px;}
.pochettes .big {width:178px;height:178px;}

/*
shop + myresult + mix : affichageblocs pieces
*/
.bloc-piece {margin-bottom:8px;padding:0 0 25px 0; font-size:.8em;color:#777;border-bottom:solid 2px #d8d8d9;} /*background-color:#ddd;*/
.bloc-piece	.descr {float:left; width:512px;} /*background-color:#333;*/
.bloc-piece	.pochette {float:right;width:178px;height:auto;}
.bloc-piece	.pochette img {padding-bottom:6px;overflow:hidden;}
.bloc-piece	.pochette span {font-weight:bold;font-size:.85em;color:#555;}
.bloc-piece	.descr-artiste {padding-top:10px;font-size:1.4em;font-weight:bold;color:#000;}
.bloc-piece	.descr-artiste span{margin-left:12px;font-size:.8em;color:#8c7459;}
.bloc-piece	.descr-album {font-weight:bold;color:#777;}
.bloc-piece	.descr-txt {padding:15px 0 20px 0;}
.bloc-piece	.descr-label {font-weight: bold;color: #006600;}
.bloc-piece	.dewplayer_content{padding:0;} /*background-color:#ff0000;border:solid 1px #ff0000;*/

.bloc-piece	.dewplayer_content.mix {float:left}

.bloc-piece	.download {float:left;margin-left:6px;padding-top:2px;height:20px;text-align:center;}
.bloc-piece	.download a{
	display:inline-block;
	width:68px;
	height:16px;
	font-size:.85em;
	line-height:16px;
	color:#777;
	text-decoration:none;
	background-image: url(images/fonds/btn_download.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bloc-piece	.download a:hover, .bloc-piece .download a:visited, .bloc-piece	.download a:active {color:#9D8953;}

.bloc-piece.shop {width:710px;}
.bloc-piece.mix {width:718px;}

.bloc-piece	.descr.mix {float:right; margin-right:40px; width:494px;} /* background-color:#333;width:494px;*/
.bloc-piece	.pochette.mix {float:left;width:178px;height:auto;} /*background-color:#ddd;*/

/*
num-pages / shop .num-pages-footer
*/
/* no page */
.num-pages, .num-pages-footer {float:left;;margin-left:30px;padding:0;font-size:1.7em;} /*border:solid 1px #ff0000;*/
.num-pages-footer {float:none;margin-left:0;}
.num-pages .pg, .num-pages .pg-on,
.num-pages-footer .pg, .num-pages-footer .pg-on {
	display:inline-block;
	margin:0;padding:0;
	text-align: center;
	font-size:.6em;
	font-weight:bold;
	background-color: #fff;/**/
	cursor: default;
}
/* no page ON */
.num-pages .pg-on, .num-pages-footer .pg-on {color:#8c7459;; padding:1.2em 8px 0 8px;} /*padding: 1px 8px 2px 8px; background-color: #333;*/
.num-pages .pg a, .num-pages-footer .pg a {display:block;cursor: pointer; padding:1.2em 8px 0 8px;} /*padding: 1px 8px 2px 8px; background-color: #555;*/
.num-pages .pg a:link, .num-pages .pg a:visited, .num-pages .pg a:active,
.num-pages-footer .pg a:link, .num-pages-footer .pg a:visited, .num-pages-footer .pg a:active{color:#ccc;text-decoration: none;}
.num-pages .pg a:hover, .num-pages-footer a:hover {color:#8c7459;;}

.num-pages-footer .pg-on, .num-pages-footer .pg a {padding:0 8px 0 8px;}

/*contact-links */
ul.contact {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.contact li {font-size:.8em;color:#777;}
ul.contact li a {
	font-weight: bold;
	color:#8c7459;
	text-decoration:none;
}
ul.contact li.separ {
	color:#8c7459;
	height:1em;
	line-height:1em;
	background-image: url(images/divers/li_separ.gif);
	background-repeat: no-repeat;
	background-position: left .6em;	
}
h2.title-contact, h2.title-links {font-size:1em;padding-bottom:10px;}
h2.title-links {padding-top:30px;}

/*.btn {
	width:140px;
	margin: .5em 0;
	margin:0;
	padding: 1px 2px 2px 2px;
	border: solid 1px #ffffff;
	background-color:#ae9a63;
	color:#000;
	text-align:center;
	text-decoration:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
}*/	


#loadmore{position:fixed;bottom:0px;left:0;z-index:1001;height:70px;/*line-height:100px;*/width:100%;font-size:30px;}/*background-color:#fff;*/ 
#loadmore .bg {position:absolute;top:0;left:0;width:100%; height:70px;background-color:#fff;opacity: .6;}
#loadmore .wrapper-loader {position:absolute;width:100%;height:70px;/*border:solid 2px #0000ff;*/}
#loadmore .wrapper-loader .loader {margin: 10px auto;/**/width:50px;height:50px;background-color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;/**/}
#loadmore .wrapper-loader .loader img {margin:10px 0 0 10px;}/*border:solid 1px #ff0000;*/


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup_block h2 {
	font-size:1em;
	padding-bottom:10px;
}
.popup_block h2 span {
	font-style: italic;
	color:#ff0000;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* grading policy */
#grading-policy{padding-top:20px;font-size:0.8em;}
p.title-policy{padding:0 0 10px 0;font-size:1em;font-weight:bold;color:#9D8953;}
/*p.policy {width:100%;padding:5px 0;font-size:0.8em;border-bottom:dashed 1px #999;} height:2em;line-height:2em;
span.abrev, span.eq {display:inline;float:left;}
span.abrev {width:45px;} border:dotted 1px #000;
span.eq {width:30px;color:#ff0000;}*/

.grading-policy-table {width:100%;font-size:0.8em;}
.grading-policy-table td {padding:5px 0;border-bottom:dashed 1px #999;}
.grading-policy-table td.abrev {}/*width:45px;*/
.grading-policy-table td.eq {color:#9D8953;padding-left:5px;padding-right:5px;} /*width:30px;*/

/* audio player mediaelement */
.mejs__container {
    background: #5f5d60;
}
.mejs__time-current {
    background: rgba(255, 255, 255, 0.7);
}
.mejs__controls {
    height: 35px;
}
.mejs__time-handle-content {
    border: 4px solid rgba(255, 255, 255, 1);
}
.mejs__time {
    font-size: 12px;
}

.clr-format {overflow: hidden;height: 1%;}
	

.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w120 {width:120px !important;}
.w140 {width:140px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w190 {width:188px !important;}
.w200 {width:200px !important;}
.w240 {width:240px !important;}
.w320 {width:320px !important;}
.w400 {width:400px !important;}
.w408 {width:408px !important;}
.w413 {width:413px !important;}
.wAuto {width:auto !important;}

/*div.alert p {background-color:#FF6600;color:#fff;padding:2px 20px; border-bottom:dotted 1px #fff;}
div.alert ul {background-color:#FF6600;margin:0;padding:0;}
div.alert ul li {
	list-style: none;
	background-color:#FF6600;
	color:#fff;
	padding:0px 0px 0px 30px;
	border-bottom:dotted 1px #fff;
	background-image: url(img/alert.png);
	background-repeat: no-repeat;
	background-position: 2px top;
}*/

.gras {font-weight: bold;}

.gris {color:#ccc;}
.vert {color:#454b00;}
.rouge {color:#ff0000;}
	
.clr {clear:both;}
.debug {border-top:dotted 1px #000; margin-top:40px;color:#333;font:12px "Courier New", Courier, monospace; display:none;}
.debug pre {font: 12px "Courier New", Courier, monospace;}


/*a.update_actif {display:block;color:#fff;text-align:center;text-decoration:none;}
td.cell-off{background-color:#ff0000;}
td.cell-on{background-color: #339900;}*/