/************************_ GENERAL _**************************/
html { width: 100%; }
body { width: 100%; background: #FFC646 url(images/template/body_bg.jpg) repeat-x; margin: 0; text-align: center; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.7em; }
table { font-size: 1em; }
img { border: none; } 
p { margin: 0; padding: 0.5em 0 0.5em 0; text-align: justify; }
form p label { float:left; width: 150px; padding-right: 0.5em; text-align: right; }
input { font-family: verdana, arial, helvetica, sans-serif;  font-size: 1.1em; vertical-align: middle; }
h1, h2, h3 { line-height: 22px; margin: 10px 0 0 0; padding: 0 0 0 8px; color: #A40000; font-family: arial, helvetica, sans-serif;  font-size: 15px; 	font-weight: bold; text-transform: uppercase; } 
h1, h2 { background: transparent url(images/template/content_bloc_top.gif) no-repeat left top; height: 30px; } 
h1 a, h1 a.hover { color: #A40000; }
h3 { background: transparent url(images/template/small_bloc_top.gif) no-repeat left top; height: 28px; }
h3.livres { color: #626A00; } 
h3.partitions { color: #005B00; }
h3.black { color: #000; } 
h4 { line-height: 20px; margin: 0; padding: 10px 0 5px 0; color: #A40000; font-family: arial, helvetica, sans-serif;  font-size: 15px; 	font-weight: bold; } 
hr { display: block; height: 1px; margin: 0; _margin: -7px 0; border: none; color: #333; background-color: #333; }
hr.line { height: 1px; margin:0; padding:0; font-size: 1px; line-height: 1px; color: #A40000; background-color: #A40000; border: 0px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

/************************_ BLOCS _**************************/
#pagination { text-align:center; }
#pagination a { margin: 0 5px 0 0; }
#page_background { margin: 0 auto 0 auto; width: 1004px; background: transparent url(images/template/page_bg.jpg) repeat-y; text-align: left; }
#content_background { background: transparent url(images/template/content_bg.jpg) no-repeat 0 350px; }
#content { background: transparent url(images/template/top.jpg) no-repeat 0 0;  min-height: 1843px;  height: auto !important;  height: 1843px; }
#products { padding: 378px 212px 20px 211px; }
#cols { position:absolute; top:0; }
#search_bar { position: absolute;  top: 306px;  left: 211px; width: 581px;  height: 21px;  line-height: 21px;  background: transparent url(images/template/search_bg.jpg) no-repeat;   text-transform: uppercase;  vertical-align: middle; font-size: 0.9em; }
#left_col, #right_col { position: absolute; top: 155px; left: 42px; width: 156px; height: 1400px; }
#right_col { top: 259px; left: 804px; }

dl#menu { position: absolute; top: 327px; left: 211px; width: 582px;  height: 27px; margin: 0; padding: 0; }
div#sousmenu { position: absolute; top: 356px; left: 211px; width: 582px;  height: 27px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 0.9em; }

/************************_ MENU _**************************/
dl#menu dd, dl#sousmenu dd { display:inline; margin: 0; padding: 0; } 
dl#menu dd a { display: table-cell !important; /* pour Firefox*/ display: inline-table !important; /* pour safari */ display: block; float:left; /* pour IE */ height: 27px;  line-height: 27px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; font-family: arial; font-weight: bold; font-size: 17px; color: #fff; } 
dl#menu dd a.menu_cd {  height: 27px; width: 39px; background: transparent url(images/template/menu/cd.jpg) no-repeat left top; color: #A40000;}
dl#menu dd a.menu_cd_actif { height: 27px; background: transparent url(images/template/menu/cd_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_cd:hover { height: 27px; background: transparent url(images/template/menu/cd_over.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_dvd { height: 27px; width: 46px; background: transparent url(images/template/menu/dvd.jpg) no-repeat left top; color: #915400; }
dl#menu dd a.menu_dvd_actif { height: 27px; background: transparent url(images/template/menu/dvd_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_dvd:hover { height: 27px; background: transparent url(images/template/menu/dvd_over.jpg) no-repeat left top; color: #fff; } 
dl#menu dd a.menu_livres { height: 27px; width: 113px; background: transparent url(images/template/menu/livres.jpg) no-repeat left top; color: #777D00; }
dl#menu dd a.menu_livres_actif { height: 27px; background: transparent url(images/template/menu/livres_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_livres:hover { height: 27px; background: transparent url(images/template/menu/livres_over.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_partitions { height: 27px; width: 118px; background: transparent url(images/template/menu/partitions.jpg) no-repeat left top; color: #1A7100; }
dl#menu dd a.menu_partitions_actif { height: 27px; background: transparent url(images/template/menu/partitions_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_partitions:hover { height: 27px; background: transparent url(images/template/menu/partitions_over.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_magazines { height: 27px; width: 116px; background: transparent url(images/template/menu/magazines.jpg) no-repeat left top; color: #005957; }
dl#menu dd a.menu_magazines_actif { height: 27px; background: transparent url(images/template/menu/magazines_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_magazines:hover { height: 27px; background: transparent url(images/template/menu/magazines_over.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_news { height: 27px; width: 63px; background: transparent url(images/template/menu/news.jpg) no-repeat left top; color: #000059; }
dl#menu dd a.menu_news_actif { height: 27px; background: transparent url(images/template/menu/news_actif.jpg) no-repeat left top; color: #fff;  }
dl#menu dd a.menu_news:hover { height: 27px; background: transparent url(images/template/menu/news_over.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_agenda { height: 27px; width: 86px; background: transparent url(images/template/menu/agenda.jpg) no-repeat left top; color: #77004A; }
dl#menu dd a.menu_agenda_actif { height: 27px; background: transparent url(images/template/menu/agenda_actif.jpg) no-repeat left top; color: #fff; }
dl#menu dd a.menu_agenda:hover { height: 27px; background: transparent url(images/template/menu/agenda_over.jpg) no-repeat left top; color: #fff; }

ul#menu_styles { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; text-align: left; }
ul#menu_styles li { margin: 0; list-style-type: none; padding: 0.1em 0 0.2em 0; }
ul#menu_styles li a { display: block; padding-left: 12px; margin: 0; background: transparent url(images/template/list_item_styles.gif) no-repeat left center; color: #000; text-transform: uppercase; text-decoration: none; font-size: 0.9em; }
ul#menu_styles li a:hover { text-decoration: underline; }

/************************_ STYLES DE BLOCS _**************************/

#search_bar img { vertical-align: middle; margin: 0 4px 0 4px; }  
.cdc_body { background: transparent url(images/template/coupdecoeur_bg.gif) repeat-y;  } 
.cdc_content { background: transparent url(images/template/coupdecoeur_top.jpg) no-repeat;  padding: 182px 20px 0 25px; min-height: 178px; height: auto !important; height: 360px; }
.panier_body { background: transparent url(images/template/panier_bg.gif) repeat-y;  }
.panier_content { background: transparent url(images/template/panier_top.jpg) no-repeat;  padding: 15px 24px 0 28px; min-height: 95px; height: auto  !important; height: 110px; }

div.moncompte_bloc { padding: 10px 0 10px 0; margin: 0; text-align:left; font-size:1em; }
div.moncompte_bloc div { text-align:left; padding-left:12px; }
div.newsletter_bloc { padding: 10px 0 10px 5px; margin: 0; } 

div#bons { margin:10px; padding:0px 10px 10px 10px;border:1px solid #999; }

.products_bloc { background: #F3FED6 url(images/template/content_bloc_bg.gif) repeat-y; padding: 0 20px 0 20px; }
.small_bloc { background: #F3FED6 url(images/template/small_bloc_bg.gif) repeat-y; padding: 0 10px 0 10px; text-align: center; }

.divleft { float:left; }
.divright { float:right; margin-right:60px; }

#etapes { margin:0 0 20px 0; }
#etapes span { margin: 0 20px 0 0; }
.datecommande { margin:0 0 5px 0; padding:5px; border: 1px solid #000; }

/************************_ STYLES DE TABLES _**************************/

table.shopCart { margin: 0.5em 0 1em 0;	padding:0;	width:530px; border-collapse: collapse;  }
table.shopCart td { padding:2px 3px 2px 3px; }
table.shopCart th { border-bottom:1px solid #666;  }
table.shopCart td.tdQant { width:70px; }
td.cartHeader { padding: 0.3em 1em 0.3em 0.1em; color: #666; border-bottom: 1px solid #666; }
td.cartRow { padding: 0.3em 1em 0.3em 0.1em; border-bottom: 1px solid #000; }
td.cartRow .formfield { width:20px; } 

table.shipping { margin: 0.5em 0 1em 0;	padding:0;	width:300px; border-collapse: collapse; border:1px solid #666; }
table.shipping td { padding:5px; vertical-align:top; }
table.shipping th { padding:5px; }

.selection_jour td.column_02 { width:100px; text-align: center; vertical-align: top; }
.selection_jour td.column_02 a { margin: 0.4em; }
.products_bloc_table { width: 541px; }
.products_bloc_table td { vertical-align: top; }
.products_bloc_table td.column_01 { width: 220px; }

.articlesList { width: 541px; border-collapse: collapse; border: none; }
.articlesList td { padding: 0.7em 0 0.7em 0.5em; border-bottom: 1px solid #333; vertical-align: top; }

.cartProductPrice { text-align: right; }
.cartTotalPrice { font-family: arial, helvetica, sans-serif;  font-size: 1.3em; color: #fff; font-weight : bold; }

.bordertop { border-top:1px solid #666; }

/************************_ STYLES _**************************/

.priceText { font-family: arial, helvetica, sans-serif; font-size: 1.2em; color: #A60000; font-weight : bold; }
.priceRouge { color: #A60000; }
.priceTextEuros { font-family: arial, helvetica, sans-serif;  font-size: 1.1em;   }
.priceTextPourcent { font-family: arial, helvetica, sans-serif;  font-size: 1.1em;  }
.priceTextMP3 { font-family: arial, helvetica, sans-serif;  font-size: 1em; color: #45756d; }
.priceTextZIP { font-family: arial, helvetica, sans-serif;  font-size: 1.1em; color: #45756d; }

.rouge { font-weight:bold;color:#A60000; }
.hidden { display:none; }
.small { font-size:0.7em; }
.strong { font-weight:bold; }
ul#menu_styles li a.menustrong, ul#menu_styles li a.menustrong:link, ul#menu_styles li a.menustrong:hover, ul#menu_styles li a.menustrong:active, ul#menu_styles li a.menustrong:visited { color:#A60000; }
ul#menu_styles li ul li a.menustrong, ul#menu_styles li ul li a.menustrong:link, ul#menu_styles li ul li a.menustrong:hover, ul#menu_styles li ul li a.menustrong:active, ul#menu_styles li ul li a.menustrong:visited { color:#A60000; }
.text_accueil { color: #AB5C15; margin-left: 50px; text-decoration: none; }
.capitales { text-transform: uppercase; }
.selection_jour { width: 541px; }
.nouveautes_column { width: 270px; }
.modepaiement { font-weight: bold; }
.validButton { padding: 0.5em 0 0.5em 0; text-align: center; }
.login_formfield { width: 75px; } 
.whiteText { color: #fff; }
.alignRight { text-align: right; }
.right { float:right; margin-right:10px; }
.lineText { text-decoration: line-through; }
.bt_listen_big { margin: 0 0 7px 0; }
.warningText { font-size:1.3em; }
.topsite_products { position: relative; padding: 4px 0 4px 0; font-size: 0.9em; text-align: left; }
.charts_number { display: block; width: 128px; position: absolute; top: 0px; left: 0px; z-index: 2; }
.alignCenter { text-align: center; }
.textWhite { color: #fff; }
.clearing { clear:both; }
.footer_text { text-align: center; padding: 1em 0 1em 0; text-transform: uppercase; font-size: 0.9em; }
.audiofiles { width: 521px; }
.audiofiles th { display: none; }
.audiofile tr td { vertical-align:middle; }
.backButton { text-align: right; } 
.autoMessage1 { display: block; padding: 0.2em 0 0.2em 0; font-weight: bold; }

.imgProductBig { float: left; width: 180px; margin: 0 10px 0 0; }
.imgProductMedium { width: 100px; margin: 4px; }
.imgProductSmall { width: 64px; margin: 2px; }
.imgProductExtraSmall { width: 42px; margin: 10px; } 
.img_module { margin: 0 0 7px 0; }
.nouveautes_column img { float: left; margin: 0 10px 0 0; } 

a.more { display: block; padding: 0.5em 0 0.2em 0; }
a.shopButtonText { display: block; background: transparent url(images/template/fleche_shop.jpg) no-repeat left; line-height: 16px; padding-left: 16px; }
.current { font-weight:bold; }
.listingArtDesc1 a, .listingArtDesc a { font-size:1.6em; }

span#cartmodgennexstep { font-size: 1.3em; } 

/************************_ FORMULAIRES _**************************/


select, textarea, .formfield, .search_formfield { border: 1px solid #fff; border-color: #666 #fff #fff #666; font-family: verdana, arial, helvetica, sans-serif;  font-size: 1.1em; width: 250px; }
textarea { width: 280px; height: 70px; }
fieldset { padding: 1em; margin-bottom: 1em; border: none; }
legend { font-size: 1.2em; font-weight: bold; color: #A60000; padding: 0.5em 0; }

form#formcommande { }
form#formcommande p { }
form#formcommande p label { float: left; width: 150px; padding-right: 0.5em; text-align: right; }

form#formlisting { float:left; }
form#formlisting label { display:none; }
form#formlisting select { width:100px; }

form#formartpage { float:right; color: #000000; font-weight:bold; }
form#formartpage label { width:120px; margin-top:10px; }  
form#formartpage select { width:50px; }

form#formident { text-align:left; margin:0; padding:0; }
form#formident p label { float:left; width:30px; margin-top:3px; }
form#formident p input.formfield { width:80px; border: 1px solid #fff; border-color: #666 #ccc #ccc #666;}
form#formident fieldset { padding: 0.3em; margin:0; }
form#formident legend { font-size:1em; padding:0; }
form#formident .formbutton { margin-left:10px; }

form#formcomment { text-align:left; }
form#formcomment p label { float:left; text-align:left; width:70px; }

form#formidentlong p label { float:left; width:100px; }
form#formidentlong p input.formfield { width:150px; }

form#formidentlarge p label { float:left; width:200px; }
form#formidentlarge p input.formfield { width:200px; }

form#advanced_search { float: right; margin:0; padding:0; width: 300px; height:21px; line-height:18px; white-space:nowrap; text-align:right; }
form#advanced_search label { vertical-align: middle; }
form#advanced_search input { margin: 0; padding: 0; }

form#formidentlarge p label.labellong { width:250px; }
.search_formfield { width: 120px; }

.inputsmall { width:20px; }
.btsleft { float:left; height:20px; width:9px; margin-right:3px; }
.bt_left { float:left; height:9px; width:9px; margin-bottom:1px; }

.formbutton { background-color: #A60000; border: none !important; color: #fff; font-weight: bold; height: 16px; line-height: 14px; padding: 0; margin: 0; cursor: pointer; text-align: center; }

.boutoncommande { background-color: #A60000; border: none !important; color: #fff; font-weight: bold; height: 16px; line-height: 14px; padding: 0; margin: 0; cursor: pointer; text-align: center; }

.boutoncommandelien { background-color: #A60000; border: none !important; color: #fff; font-weight: bold; height: 16px; line-height: 14px; padding: 0; margin: 0; cursor: pointer; text-align: center; }



