* {
	padding:0;
	margin:0;
}
.clear { clear: both;}

html{
	height:100% - 59px;
	min-height:600px;
	overflow-y:auto
}

body {
	background-color: #000000;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height:100%;
	background-image:url(modestim_img/modestim_logo.png);
	background-repeat:no-repeat;
	background-position:center 150px;
}

	
/* index */
.page_index{
	position:relative;
	margin:auto;
	width:445px;
	height:500px;
	background-image:url(modestim_img/1erepage.png);
	background-repeat:no-repeat;
	z-index:1;
}

.entrer_index:link{
	position:relative;
	top:315px;
	left:150px;
	background-image:url(modestim_img/entrer.png);
	width:188px;
	height:68px;
	display:block;
}

.entrer_index:visited{
	position:relative;
	top:315px;
	left:150px;
	background-image:url(modestim_img/entrer.png);
	width:188px;
	height:68px;
	display:block;
}

.entrer_index:hover{
	position:relative;
	top:315px;
	left:150px;
	background-image:url(modestim_img/entrer2.png);
	width:188px;
	height:68px;
	display:block;
}

/* ==================================== titre dans le site =================================== */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #a44310;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a44310;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 5px;
	margin-	bottom: 5px;
	
	} 
/* ==================================== contenu footer =================================== */

.afooter:link{
	color:#ff8400;
	background-color:black;
	font-size:11pt;
}

.afooter:visited{
	color:#ff8400;
	background-color:black;
	font-size:11pt;
}

.afooter:hover{
	color:#ffc600;
	background-color:black;
	background-image:url(modestim_img/fond_bouton.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-size:11pt;
}

.footer_fitz{
	position:absolute;
	bottom:0;
	font-size:8pt;
	color:white;
	width:85%;
	text-align:right;
	z-index:4;
}

.footer{
	position:fixed;
	bottom:0;
	width:100%;
	background-image:url(modestim_img/footer.png);
	height:20px;
	z-index:5;
}

.chanteur_gauche{
	position:relative;
	float:left;
	text-align:left;
	width:123px;
	z-index:3;
	top:-180px;
}

.chanteur_droite{
	position:relative;
	float:right;
	text-align:right;
	z-index:3;
	top:-180px;
}

.menu{
	position:absolute;
	float:left;
	text-align:center;
	bottom:0px;
	margin:auto;
	width:100%;
	background-color:black;
	height:30px;
	z-index:2;
	padding-top:5px;
	border-top: 2px silver inset;
}

/* ==================================== contenu page boutique =================================== */

.page_boutique{
	position:relative;
	width:700px;
	min-height:400px;
	margin:auto;
	z-index:4;
}

.logo-boutique{
	border:2px outset silver; 
	width:170px;
	height:35px; 
	margin-left:65px
}

.boutique_album1{
	position:relative;
	float:left;
	width:165px;
	margin:auto;
	text-align:center;
}

.boutique_album2{
	position:relative;
	float:left;
	width:165px;
	text-align:center;
}

.boutique_formulaire{
	position:relative;
	float:right;
	left:50px;
	top:20px;
}

.boutique_prix{
	font-family:Arial black, Arial, Verdana, sans-serif;
	font-size:12pt;
	color:#ff8400;
	text-decoration:underline;
}

.boutique_etoile{
	color:#a44310;
}

.boutique-nouvelalbum{
	font-size:14pt;
	font-weight:bold;
	font-style:italic;
}

.td-commande{
	width:400px;
}

.table-commande{
	border: 1px solid #494949;
}

.td-table-commande{
	width:300px;
	border: 1px solid #494949;
}

.td-table-commande-tete {
	width:300px;
	border: 1px solid #494949;
	color: #a44310;
	font-weight:bold
}

.commande-lien:link{
	color:#a44310;
	font-size:14px;
	text-decoration:none;
}

.commande-lien:visited{
	color:#a44310;
	font-size:14px;
	text-decoration:none;
}

.commande-lien:hover{
	color:red;
	font-size:14px;
	text-decoration:none;
}

.commande-paiement{
	width:400px;
	margin:auto;
}

.commande-submit{
	width:100px;
	height:30px;
}

.commande-submit-annuler{
	width:150px;
	height:30px;
}

.commande-paiement-annuler{
	width:150px;
	margin:auto;
}

.commande-erreur{
	color:red;
}

/* ==================================== contenu page accueil =================================== */

.accueil_fond{
	position:relative;
	background-image:url(modestim_img/montagnes.png)!important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='modestim_img/montagnes.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	width:400px;
	min-height:200px;
	margin:auto;
	z-index:0
}

.logo_accueil{
	position:relative;
	background-image:url(modestim_img/modestim.png)!important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='modestim_img/modestim.png');
	background-position:center top;
	background-repeat:none;
	background-repeat:no-repeat;
	height:53px;
	margin:auto;
	width:300px;
	z-index:2;
}

.page_accueil{
	position:absolute;
	z-index:1;
	width:100%
}

.accueil_contenu{
	position:relative;
	margin:auto;
	width:800px;
	z-index:2;
}

.texte-accueil-gros{
	position:relative;
	margin-left:100px;
	top:20px;
	width:600px;
	height:120px;
	color:#ec6f13;
	font-size:14pt;
	font-family:Verdana, Times, Arial;
	text-align:center
}

.texte_accueil  {
	position:relative;
	margin-left:100px;
	top:0px;
	width: 600px;
	/*background-color:silver;
	border:2px inset #a44310;*/
	color:white;
}

/* ==================================== contenu global =================================== */

.entete{
	position:relative;
	height:53px;
	margin:auto;
	width:300px;
	z-index:2;
	color: #a44310;
	text-align:center;
	text-decoration:underline;
}


/* ==================================== contenu page news =================================== */
#contenu_news {

	}
#news {
	width: 600px;
	margin-left: 80px;
	padding:5px;
	}
#auteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 450px;
	}
#news hr {
	width: 100%;
	background-color: #a44310;
	color: #a44310;
	margin-top: 5px;
	}

#pagination a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
	}
#pagination a:hover {
	color: #a44310;
	}
#pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 190px;
	}
	
	
/* index */

.page{
	position:relative;
	margin:auto;
	width:445px;
	height:351px;
	background-image:url(modestim_img/1erpage.jpg)
}
	
/* ==================================== page livre =================================== */

#contenu_livre{
	position:relative;
	margin:auto;
	width:670px;
	z-index:4;
}

#formulaire_livre {
	position:relative;
	float:left;
	border: 1px solid #a44310;
	width: 220px;
	padding-left:5px;
	padding-bottom:5px;
}
#message_livre {
	position:relative;
	margin-left:10px;
	width: 420px;
	float:left;
}
#message_livre hr {
	background-color: #a44310;
	color: #a44310;
}
#message_livre span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.plivre{
	background-color:#212121;
	border-top:2px silver inset;
	border-bottom:2px silver inset;
}

#pseudo{
	text-align:right
}
/* ==================================== page partenaire =================================== */

#partenaire {	
	margin-left: 30px;
	float:left;
	padding:5px;
	border: 1px solid #a44310;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#partenaire a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a44310;
	text-decoration:underline;
	}
#partenaire a:hover {
	color: #d56326;
	}
/* ==================================== page mail =================================== */
#contenu_page_mail {
	position:relative;
	margin:auto;
	background-image: url(modestim_img/modestim_contact.png);
	height: 427px;
	width: 760px;
	
	}
#formulaire_mail {
	position:relative;
	margin-top:30px;
	margin-left:420px;
	border: 1px solid #a44310;
	width:320px;
	padding:5px;
	}
#contenu_page_mail a {
	margin-left:420px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #a44310;
	text-decoration:underline;
	}
#contenu_page_mail a:hover {
	color: #d56326;
	}
/* ==================================== page album =================================== */
#contenu_album {
	position:relative;
	margin:auto;
	background-image: url(modestim_img/modestim_album.png);
	height: 427px;
	width: 760px;
	}
#piste {
	border: 1px solid #a44310;
	width:250px;
	margin-top:30px;
  margin-left:20px;
  padding:10px;
  min-height:200px;
	}
#piste ul {
	margin-left:20px;
	}
#piste li {
	list-style-type: decimal;
	margin:0px;
	}
	#piste a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	#piste a:hover {
	color: #a44310;
	text-decoration:underline;
	}
	#player object {
	margin-left: 50px;
	
	}
#liens_album {
	line-height:60px;
	margin-left:50px;
	margin-top:10px;
	}
#liens_album a {
		font-size:16px;
	color:#ffffff;
	text-decoration:none;
	
	}
#liens_album a:hover {
	font-size:16px;
	color:#a44310;
	text-decoration:underline;
	}	
	
	
.album-texte{
	position:relative;
	top:160px;
	font-size:14px;
	text-align:center;
}

.album-130{
	width:130px
}

/* ==================================== page parole =================================== */
#contenu_parole {
	position:relative;
	background-image: url(modestim_img/modestim_parole.png);
	height: 427px;
	width: 760px;
	margin:auto;
}
/* ==================================== contenu_parole_txt =================================== */
#contenu_parole_txt{
	position:relative;
	width:550px;
	margin:auto;
	text-align:center;
	z-index:4;
}
/* ==================================== acheter_album =================================== */
#formulaire_acheter {
	margin-left:30px;
	margin-top:30px;
	border: 1px solid #a44310;
	width:340px;
	padding:5px;
	float:left;
	}
#formulaire_acheter span {
	color:#a44310;
	}
#comment {
	margin-left:420px;
	margin-top:40px;
	border: 1px solid #a44310;
	width:300px;
	padding:5px;
	}
	
	

/* ==================================== Videos =================================== */

.table-video{
	width:100%;
	text-align:center;
}

/* ==================================== autres =================================== */

.ub{
	font-weight:bold;
	text-decoration:underline
}

.acentre{
	text-align:center
}

.underline{
	text-decoration:underline
}