@charset "UTF-8";

@media all
{
	/* (en) reset font size for all elements to standard (16 Pixel) | (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size: 100.01%; }

 /**
	* (en) reset monospaced elements to font size 16px in all browsers | (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	* @see: http://webkit.org/blog/67/strange-medium/
	*/
	textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

  /* (en) base layout gets standard font size 12px | (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color: #444; background: #424444 url("../../images/background.jpg") no-repeat top center fixed; padding-top: 0; }

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, serif; font-weight:normal; color:#222; margin: 0 0 0.25em 0; }
	h1 { font-size: 250%; }    /* 30px */
	h2 { font-size: 200%; }    /* 24px */
	h3 { font-size: 150%; }    /* 18px */
	h4 { font-size: 133.33%; } /* 16px */
	h5 { font-size: 116.67%; } /* 14px */
	h6 { font-size: 116.67%; } /* 14px */

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
	ul li { list-style-type: disc; }
	ul ul li { list-style-type: circle; }

	ol li { list-style-type: decimal; }
	ol ol li { list-style-type: lower-latin; }

	li { margin-left: 0.8em; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
	p { line-height: 1.5em; margin: 0 0 1em 0; }

	blockquote, cite, q { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
	blockquote { margin: 0 0 1em 1.6em; color: #666; }

	strong,b { font-weight: bold; }
	em,i { font-style: italic; }

	pre, code, kbd, tt, samp, var { font-size: 100%; }
	pre, code { color: #800; }
	pre { line-height: 1.5em; margin: 0 0 1em 0; }
	kbd, samp, var { color: #666; }
	var { font-style: italic; }

	acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }

	sub, sup { font-size: 91.6667%; }

	hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid; }

	/*--- Links ----------------------------------------------------------------------------------------- */
	a { color: #4D87C7; background:transparent; text-decoration:none; }
	a:visited  { color: #036; }
	a:focus, a:hover, a:active { color:#182E7A; text-decoration:underline; }

 /**
	* ------------------------------------------------------------------------------------------------- #
	* Generic Content Classes
	* (en) standard classes for positioning and highlighting | (de) Standardklassen zur Positionierung und Hervorhebung
	* @section content-generic-classes
	*/
	.highlight { color: #f60; }
	.dimmed { color: #888; }

	.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
	.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
	.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
	.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
	.center { text-align:center; }

 /**
	* ------------------------------------------------------------------------------------------------- #
	* Tables | Tabellen
	* (en) Generic classes for table-width and design definition | (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	* @section content-tables
	*/
	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 0px #888 solid; }
	table caption { font-variant:small-caps; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed; }
	th, td { padding: 0.5em; }
	thead th { color: #000; border-bottom: 2px #800 solid; }
	tbody th { background: #e0e0e0; color: #333; }

 /**
	* ------------------------------------------------------------------------------------------------- #
	* Miscellaneous | Sonstiges
	* @section content-misc
	*/
	.flash-timer { color: #000; font-weight: bold; background: url(http://www.dailymusic.fr/images/infobox/vente-flash.png) no-repeat top center; height: 33px; width: 100%; text-align: center; }
	.box-button { padding: 0.1em; color: #FFF; font-weight: bold; background-color: #223962; border: 1px solid #000; }

	.price-percent, .product-price-percent { font-family: Verdana, Arial, sans-serif; font-weight: bold; text-align: left; color: #FFF;	background: url(http://www.dailymusic.fr/images/infobox/percent-sticker.gif) no-repeat 0 0; line-height: 1.5em; }
	.price-percent { width: 60px; height: 19px; background-position: -18px -23px; font-size: 12px; padding-left: 10px; }
	.product-price-percent { width: 75px; height: 23px; font-size: 14px; padding-left: 12px; }

	.home-image { margin: 0 0 23px 12px; width: 150px; height: 150px; background: #FFF none no-repeat center center; cursor: pointer; cursor: hand; }
	.home-product { padding-bottom: 0.5em; background-color: #e7e7e7; border-bottom: #2B2B2B 1px dotted; }
	.home-product .subc { border-right: #2B2B2B 1px dotted; padding-top: 0.5em; padding-bottom: 0.6em; }
	.home-product .label { padding-top: 0.5em; padding-bottom: 2em; background-color: inherit; overflow: hidden; height: 40px; }
	.home-product h2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #36499E; font-weight: bold; }
	.home-product .home-image { margin: 0; width: 100%; border: #000 1px solid; border-bottom: none; }
	.home-product .video-pourcent { height: 27px; margin-top: -1px; border: #000 1px solid; border-top: none; background-color: #FFF; width: 100%; padding-top: 5px; }
	.home-product .price-percent { float: right; }
	.home-product .home-video { margin: 2px 0 0 2px; width: auto; float: left; }
	.home-product .home-video a { padding: 0.3em 0.3em 0.4em 28px; color: #b60e0e; background: url(http://www.dailymusic.fr/images/icons/video.png) no-repeat 1px 1px; font-size: 11pt; border: #b60e0e 1px solid; }
	.home-product .home-video a:hover { color: #FFF; background: #b60e0e url(http://www.dailymusic.fr/images/icons/video-on.png) no-repeat 1px 1px; text-decoration: none; }
	.home-title { background-color: #e5e5e5; }
	.home-product span.home-title { color: #ffd200; background-color: #213b60; font-weight: bold; font-size: 11pt; width: 400px; border: #000 2px solid; border-left: none; padding: 0.5em 0.5em 0.5em 1em; font-family: Helvetica; display: block; }

	.other-products { padding: 0.2em 0 0 0; }
	.other-products .home-image { margin: 0; width: 100%; }
	.other-products .label { padding-top: 0.1em; overflow: hidden; height: 30px; margin-top: 20px; }
	.other-products .price-percent { padding: 2px 17px 0 0; width: 135px; top: 150px; position: relative; background-position: right center; text-align: right; }
	.other-products h2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #36499E; font-weight: bold; }
	.other-products .flash-timer { width: 100%; }

	.listing-image { background: #FFF none no-repeat center center; width: 150px; height: 150px; cursor: pointer; cursor: hand; }
	.listing-video { width: 100%; margin-top: 2px; text-align: center; }
	.listing-video a { padding: 0.3em 0.3em 0.4em 28px; color: #b60e0e; background: url(http://www.dailymusic.fr/images/icons/video.png) no-repeat 1px 1px; font-size: 11pt; border: #b60e0e 1px solid;  }
	.listing-video a:hover { color: #FFF; background: #b60e0e url(http://www.dailymusic.fr/images/icons/video-on.png) no-repeat 1px 1px; text-decoration: none; }

	.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

	.no-product { padding: 1em; font-size: 20pt; color: #223962; }
	.listing-bar { font-size: 9pt; color: #FFF; background-color: #223962; line-height: 1.3em; padding: 0.3em 0 0.3em 0; }
	.listing-bar div { margin-right: 5px; }
	.pagination a { color: #FFF; font-weight: bold; text-decoration: underline; }

	h1.section-title { font-family: Arial, sans-serif; font-size: 16pt; color: #FFF; background-color: #223962; font-weight: bold; line-height: 1.3em; padding: 0.4em 0 0.5em 0.5em; }
  h2.page-title { display: inline; font-size: 10pt; font-family: Arial; color: #000; }

	#liste-produit { width: 100%; margin-bottom: 0.5em; }
	#liste-produit td { padding: 0.3em; vertical-align: top; }
	#liste-produit td.image { width: 150px; border-bottom: 1px solid #ccc; }
	#liste-produit td.prix { vertical-align: middle; width: 210px; padding: 0; }
	#liste-produit td.prix .prix-container div { font-size: 14pt; font-weight: bold; }
	#liste-produit td.prix .prix-box { float: right; margin-right: 10px; }
	#liste-produit td.prix .old-prix-box { float: left; margin-left: 15px; }
	#liste-produit td.prix .flash-timer { float: left; width: 135px; }
	#liste-produit td.prix .price-percent { float: right; margin: 7px 5px 0 0; }

	#liste-produit td.bouton { height: 40px; vertical-align: bottom; border-bottom: 1px solid #ccc; }
	#liste-produit td.video { vertical-align: middle; text-align: left; }
	#liste-produit td.video a { padding: 0.5em 0 0 25px; height: 21px; width: 85px; display: block; color: #b60e0e; background: url(http://www.dailymusic.fr/images/icons/video.png) no-repeat 1px 1px; font-size: 9pt; border: #b60e0e 1px solid; text-align: center; }
	#liste-produit td.video a:hover { color: #FFF; background: #b60e0e url(http://www.dailymusic.fr/images/icons/video-on.png) no-repeat 1px; text-decoration: none; }

	#liste-produit tr td { overflow: hidden; }
	#liste-produit tr.list-even td { background-color: #FFF; }
	#liste-produit tr.list-odd td { background-color: #e7e7e7; }
	#liste-produit h3 { margin: 0; }
	#liste-produit h3 a { font-size: 12pt; font-family: Arial; color: #223962; }
	#liste-produit input { border: #36499E 1px solid; }

	div.shopping-title { height: 47px; background: #223962 url(http://www.dailymusic.fr/images/ingobox/background-titre-panier.jpg); }
	div.float_left { color: #FFF; font-weight: bold; font-size: 14pt; margin: 12px 0 0 15px; }
	div.shopping-title img { margin-right: 10px; }

	.total-de-commande { color: red; font-size: 14pt; padding: 10px; text-align: right; }
	.total-de-commande div { font-size: 8pt; text-align: right; }
	.code-promo { background: #f0fbff url(../../images/codepromo.gif) no-repeat -8px center; border: #770202 1px solid; height: 50px; margin-left: 1px; }

	form.yform { background: #FFF; border: 0px; }
	form.yform fieldset { border: 1px #223962 solid; }
	form.yform .type-text input,
	form.yform .type-text textarea,
	form.yform .type-select select { border: 1px solid #000; }
	form.yform legend { color: #223962; font-size: 13pt; }
	form.yform legend.upper { text-transform: uppercase; }

	.columnar div.type-text input,
	.columnar div.type-text textarea, 
	.columnar div.type-select select { float: left;}

	/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
	* html .columnar div.type-text input,
	* html .columnar div.type-text textarea, 
	* html .columnar div.type-select select { float: left; }

	form.yform .message { display: none; }
	form.yform div.error .message { display: block; font-size: 11pt; }
	form.yform .type-button,
	form.yform .type-button:hover,
	form.yform .type-button:focus,
	form.yform .type-button:active { border: none; color: #FFF; background: none; padding: 0; }

	form.yform label { color: #000; }

	.padded { margin: 0 0 1em 0; padding: 5px; }
	.padded fieldset { border: 1px #36499E solid; background: #fafafa; margin: 0 0 1em 0; padding: 0.5em 1em; }
	.padded legend { font-size: 125%; font-weight: normal; color: #36499E; }
	.padded legend.upper { text-transform: uppercase; }

	/* Error messages */
	#msg-error, #msg-success, #msg-warning, #msg-info { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; padding: 0.5em; overflow: hidden; margin: 1px 0 3px 0; border: #FFF 1px dashed; }
	#msg-error   { border-color: red; color: red; background-color: #FFD2D2; }
	#msg-success { border-color: green; color: green; background-color: #C4FFC4; }
	#msg-warning { border-color: #3b69ad; color: #070C48; background-color: #FA8072; }
	#msg-info 	 { border-color: #080381; color: #FFF; background-color: #3b69ad; }

	#msg-error, #msg-success, #msg-warning, #msg-info { padding: 10px; padding-left: 40px; margin-bottom: .3em; font-size: 10pt; font-weight: normal; border: 1px #FFF dashed; }
	#msg-error 	 { background: #FFD2D2 url(../../images/icons/icon_fail.gif) no-repeat 5px 5px; color: #a50000; border-color: #a50000; }
	#msg-success { background: #C4FFC4 url(../../images/icons/icon_success.gif) no-repeat 5px 5px; color: green; border-color: green; }
	#msg-warning { background: #FA8072 url(../../images/icons/icon_warning.jpg) no-repeat 5px 5px; color: #000; border-color: #000; }
	#msg-info 	 { background: #FFF url(../../images/icons/icon_info.gif) no-repeat 5px 5px; color: #080381; border: #080381 2px solid; }

	#map h1 { font-family: Arial; font-size: 12pt; }
	#map h2 { font-family: Arial; font-size: 11pt; margin-left: 20px; }
	#map h3 { font-family: Arial; font-size: 10pt; margin-left: 40px; }

	h2.specials { font-size: 10pt; font-family: Arial; }

	.moduleRow {}
	.moduleRowOver { background-color:#fbf59c; }
	.moduleRowSelected { background-color:#f6e806; }
	.bordure { border: red 1px solid; }
}