/*------------GENERAL------------*/

* {
padding: 0;
margin: 0;
}

body {
font-family: trebuchet ms, Verdana, Arial, sans-serif ; color: #2a2a2a;
font-size: 1em;
font-weight: 400;
background-color: #FFFFFF;
background: url(../images/fond.jpg) repeat-x;
}

/*------------MENU------------*/

#menu {
position: absolute;
width:649px;
height:26px;
left: 245px;
top: 235px;
text-indent: -10000px;
}

#m1 {
position: absolute;
width :70px;
height: 26px;
left: 0px;
top: 0px;
background: url(../images/menu/m1.gif) no-repeat;
}

#m1:hover {
background: url(../images/trans.gif) no-repeat;
}

#m2 {
position: absolute;
width :72px;
height: 26px;
left: 78px;
top: 0px;
background: url(../images/menu/m2.gif) no-repeat;
}

#m2:hover {
background: url(../images/trans.gif) no-repeat;
}

#m3 {
position: absolute;
width :95px;
height: 26px;
left: 159px;
top: 0px;
background: url(../images/menu/m3.gif) no-repeat;
}

#m3:hover {
background: url(../images/trans.gif) no-repeat;
}

#m4 {
position: absolute;
width :65px;
height: 26px;
left: 261px;
top: 0px;
background: url(../images/menu/m4.gif) no-repeat;
}

#m4:hover {
background: url(../images/trans.gif) no-repeat;
}

#m5 {
position: absolute;
width :62px;
height: 26px;
left: 333px;
top: 0px;
background: url(../images/menu/m5.gif) no-repeat;
}

#m5:hover {
background: url(../images/trans.gif) no-repeat;
}

#m6 {
position: absolute;
width :60px;
height: 26px;
left: 403px;
top: 0px;
background: url(../images/menu/m6.gif) no-repeat;
}

#m6:hover {
background: url(../images/trans.gif) no-repeat;
}

#m8 {
position: absolute;
width :102px;
height: 26px;
left: 468px;
top: 0px;
background: url(../images/menu/m8.gif) no-repeat;
}

#m8:hover {
background: url(../images/trans.gif) no-repeat;
}

#m9 {
position: absolute;
width :71px;
height: 26px;
left: 577px;
top: 0px;
background: url(../images/menu/m9.gif) no-repeat;
}

#m9:hover {
background: url(../images/trans.gif) no-repeat;
}

/*------------HAUT------------*/

#header {
width :906px;
height: 270px;
background: url(../images/header.gif) no-repeat;
}

#header ul {
list-style:none;
width: 900px;
padding-left: 0;
padding-top: 2px;
font-family: Verdana;
font-size: 0.8em;
text-align: right;
font-weight: 700;
color: #FFFFFF;
}

#header li {
color: #FFFFFF;
display: inline;
}

#header p {
color: #80A6BB;
font-family: Arial;
font-size: 0.7em;
text-align: center;
}

#header a:link, #header a:visited {
color: #FFFFFF;
}

#header a:hover, #header a:active {
color: #EFAE97;
}

#logo {
position: absolute;
width :505px;
height: 86px;
top: 99px;
left: 384px;
}

/*------------CONTENU------------*/

#contenu {
position: relative;
width :886px;
}

.line {
width: 540px;
height: 32px;
background: url(../images/line.gif);
}

.spacer10 {
width: 5px;
height: 10px;
background: url(../images/trans.gif);
}

.spacer20 {
width: 5px;
height: 20px;
background: url(../images/trans.gif);
}

#page {
position: relative;
width: 906px;
margin: auto;
background: url(../images/corps.gif);
}

#page img {
border: 0;
}

#page a {
color: #B64C26;
text-decoration: none;
}

#page a:link {
color: #B64C26;
}

#page a:visited {
color: #B64C26;
}

#page a:hover {
color: #F09878;
}

h1, h3, h4, h5 {
position: absolute;
top: -10000px;
left: -10000px;
}

h2 {
color: #3C6D84;
font-weight: 400;
}

table {
margin-top : 15px;
}

ul {
list-style:none;
}

/*------------GAUCHE------------*/

#gauche {
float: left;
width: 540px;
margin-left: 30px;
margin-top: 45px;
}

#gauche p {
text-align: justify;
line-height: 1.4em;
margin-top : 8px;
}

#gauche em {
font-size: 1.2em;
}

.song {
padding-top: 15px;
padding-bottom: 15px;
}

.song p {
font-family: Arial;
font-size: 1em;
text-align: left;
color: #595959; /gris/
}

.song span {
font-size: 0.9em;
line-height: 1.3em;
text-align: left;
color: #565555; /gris/
}

.song strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #808080; /bleu/
}

/*------------GAUCHE 2------------*/

#gauche2 {
float: left;
width: 540px;
margin-left: 30px;
margin-top: 45px;
line-height: 3em;
}

#gauche2 p {
text-align: center;
line-height: 1.8em;
font-size: 1.2em;
}

#gauche2 em {
font-size: 1.5em;
}

/*------------PETITS CARACTERES------------*/

#gauche3 {
float: left;
width: 540px;
margin-left: 30px;
margin-top: 45px;
font-size: 0.9em;
text-align: justify;
}

#gauche3 p {
line-height: 1.4em;
margin-top : 8px;
}

#gauche3 em {
font-size: 1.2em;
}

#petite-police {
font-size: 0.9em;
}

/*------------DROITE------------*/

#droite {
float: right;
margin-top: 0px;
width :265px;
}

#droite p {
margin-top: 15px;
font-size: 1.1em;
text-align: center;
}

#droite li {
margin-top: 4px;
text-align: center;
}

#droite2 {
float: right;
margin-top: 0px;
width :265px;
}

#droite2 p {
font-size: 1em;
line-height: 1.3em;
text-align: justify;
}

#droite2 a {
font-size: 1em;
line-height: 2em;
}

#droite2 span {
font-size: 1em;
}

#droite3 {
float: right;
margin-top: 0px;
width :265px;
}

#droite3 p {
margin-top: 4px;
font-size: 0.9em;
text-align: center;
}

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

#droite3 li {
margin-top: 4px;
text-align: center;
}

#droite4 {
float: right;
margin-top: 0px;
width :265px;
}

#droite4 p {
margin-top: 4px;
font-size: 1em;
text-align: center;
}

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

/*------------DROITE TABLEAU------------*/

.haut {
width : 265px;
height : 25px;
background: url(../images/droite/haut.gif) no-repeat;
background-position: center; 
}

.color-middle {
background-image: url(../images/droite/color-middle.gif);
}

.bord-g {
width : 21px;
background-image: url(../images/droite/bg.gif);
background-repeat: repeat-y;
background-position: left; 
}

.bord-d {
width : 21px;
background-image: url(../images/droite/bd.gif);
background-repeat: repeat-y;
background-position: right; 
}

.bord-g2 {
width : 5px;
background-image: url(../images/droite/bg.gif);
background-repeat: repeat-y;
background-position: left; 
}

.bord-d2 {
width : 5px;
background-image: url(../images/droite/bd.gif);
background-repeat: repeat-y;
background-position: right; 
}

.bas {
width : 265px;
height : 52px;
background: url(../images/droite/bas.gif) no-repeat;
background-position: center; 
}

#caddie-01 {
position: absolute;
left :780px;
top: 285px;
}

#caddie {
position: relative;
left :50px;
top: -15px;
}

/*------------PIED------------*/

#pied {
width: 906px;
margin-top: 60px;
margin-left: 0px;
padding-top : 60px; 
padding-bottom : 10px;
clear: both;
text-align: center;
}

#pied p {
color: #B64C26;
text-align: center;
font-family: verdana;
margin-top: 6px;
font-size: 0.7em;
}

#pied ul {
width: 906px;
margin: 0 0 5px; 
text-align: center;
font-family: verdana;
font-size: 0.9em;
border-bottom: 1px solid #EFAE97
}

#pied li {
display: inline;
color: #B64C26;
}

#pied li p {
margin: 5px 0 10px; 
padding: 5px 0 0;
text-decoration: none;
display: inline;
}

#pied a {
color: #2C5A70;
text-decoration: none;
}

#pied a:link {
color: #2C5A70;
}

#pied a:visited {
color: #2C5A70;
}

#pied a:hover {
color: #83A4B3;
}

#box {
position: absolute;
width: 906px;
top: 13000px;
background: url(../images/corps.gif);
}

#tags {
width: 876px;
margin-top: 0px;
margin-left: 15px;
text-align: justify;
}

#tags p {
font-family: verdana;
margin-top: 6px;
margin-bottom: 6px;
font-size: 0.7em;
}

#tags h1 {
position: absolute;
font-size: 1.1em;
font-weight: 400;
top: -30px;
left: 0px;
}

.boxbas {
width: 906px;
height: 8px;
background: url(../images/googleboxbas.gif)  no-repeat;
}

#message {
position: absolute;
width :900px;
height: 95px;
top: 0px;
left: 0px;
}


/*Mise en forme des modules listant les produits */


.mod_vm_chanson table{
	border-collapse:collapse;
	text-align: center;
	width:100%;
}

.mod_vm_chanson table td{
	color:#666666;
}

.mod_vm_album{
	text-align:center;
	border:1px solid transparent;
	padding: 5px 0;
}

.mod_vm_album:hover{
	border:1px solid #ffe3a7;
	/*background-color:#fff7d9;*/
}

.mod_vm_album a:hover{
	color:#B64C26;
	/*background-color:#fff7d9;*/
}

.mod_vm_album p{
	margin-bottom:10px;
}

/*Mise en forme de la page de présentation d'une chanson (template : chanson.tpl.php) */

.table_chanson{
	margin-top:0;
}

.table_chanson h2{
	top:0;
	left:0;
	padding:0 0 10px 10px;
}

.table_chanson hr{
	color: #B64C26;	
	margin:20px 0 0;
}

.table_chanson .typelist{
	margin:0px 0 10px;
	width:100%;
	border-collapse:collapse;
}

.table_chanson .typelist td{
	vertical-align:top;
}

.table_chanson .typelist .row0{
	background-color:#f2f2f2;
}

.table_chanson .typelabel, .table_chanson .typevalue{	
	font-size:0.9em;
	padding:3px;
}

.table_chanson .typelabel{
	font-weight:bold;
}

.table_chanson .pos1 .typelabel{
	width:100px;
}

.table_chanson  .pos1 .typevalue{	
	width:300px;
}

.table_chanson .pos2 .typelabel, .table_chanson  .pos2 .typevalue{	
	width:200px;
}

.vmCartModule{
	text-align:center;
}

#cart_details{
	display:none;
	position:absolute;
	border:1px solid #8e8e8e;
	background-color:#ffffff;
	padding:5px;
	width:213px;
}

.show_cart{
	width:150px;
	margin: 0 auto 10px;
}