/*============================================================*/
/*Styles communs ===================================================*/
body {
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size:10;
	color:#000000;	
}
div {
	font-family: Verdana;
	font-size:10px;
	color:#000000;
}

option, select{
	font-family:Arial;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
}
select{
	border:1px solid #DAD8D9;
	background-color:#FFFFFF;
	height:16px;
	font-size:10px;
}

select.selectLang{
	border:1px solid #DAD8D9;
	background-color:#FFFFFF;
}

select.selectCateg{
	border:1px solid #000000;
	background-color:#FFFFFF;
	width: 250px;
}
input[type=text]{
	font-family:Verdana;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #DAD8D9;
	/*margin-bottom:3px;*/
}

.inpuText {
	font-family:Verdana;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #DAD8D9;
}

input[type=password]{
	font-family:Verdana;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #DAD8D9;	
}

input[type=submit]{
  /*height:20px;*/
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  border:1px solid #FFFFFF;
  cursor: pointer;
  width: 96px;
}

input[type=button]{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  border:1px solid #FFFFFF;
  cursor:pointer;
}

input[type=buttonLarge]{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  border:1px solid #FFFFFF;
  cursor:pointer;
  width: 146px;
}

div.JustifyInterline{
	float:left;
	line-height:1.5;
	text-align:justify;
}

div.row{
	height:20px;
	margin-left:12px;
	margin-right:12px;
}

div.inputRequirement{
	float:left;
	font-family:Arial;
	font-size:12px;
	margin-left:12px;
	margin-top:4px;
}

div.msgStackCarre{
	bottom:36px;
	height:20px;
	left:12px;
	position:absolute;
	width:296px;
}

/*============================================================*/
/*Corps General ==============================================*/
div.corps{
	width:875px;
	font-family: verdana;
	font-size:10;
	color:#000000;
	text-align:left;
}

div.corpsPlein{
	width:875px;
	font-family: verdana;
	font-size:10;
	color:#000000;
	text-align:left;
	background:#FFDF00;
	position: relative;
	height: 600px;
	
}

div.navigation{
	color:#000000;
	float:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	height:25px;
	margin-bottom:5px;
	text-align:left;
	width:443px;
}
div.connection{
	color:#000000;
	float:left;
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	height:25px;
	margin-bottom:5px;
	text-align:right;
	width:281px;
}

div.language{
	width:150px;
	height:5px;
	text-align:right;
	margin-bottom:5px;
	float:right;
}

div.spacerChooseLng {
	height:30px;
	left:50%;
	margin-left:-347px;
	margin-top:-266px;
	position:absolute;
	top:50%;
	width:695px;
}

div.spacerValeurFormulaire {
	height:20px;
	width:431px;
}

div.adress_books{
	width:730px;
	height:250px;
	overflow-y:auto;
}

div.buttonNosubmit {
  height:20px;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  border:1px solid #FFFFFF;
  cursor: pointer;
}
/*============================================================*/
/*Texte Generaux =============================================*/
.texteBoldRouge{
	font-family: Verdana;
	font-size:10px;
	font-weight:bold;
	color:#E2001A;
}
.texteBold{
	font-family: Verdana;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}
/*============================================================*/
/*Pied de pages ==============================================*/

div.footer{
	width:875px;
	padding-top:7px;
	text-align:right;
	clear:both;
	}
	
	
/*============================================================*/
/*Liens ==============================================*/

.lk_fleche{
color:#000000;
text-decoration:none;
padding-left:15px;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}
.lk_fleche:hover{
color:#E2001A;
text-decoration:none;
}

.lk_sans_fleche{
color:#000000;
text-decoration:none;
padding-left:15px;
}
.lk_sans_fleche:hover{
color:#E2001A;
text-decoration:none;
}

/*Add Css style for breadcrumb*/
.headerNavigation {
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#000000;
text-decoration:none;
cursor:pointer;
}
.headerNavigation:hover {
color:#E2001A;
text-decoration:none;
}

/*============================================================*/
/*Liens ==============================================*/

/*============================================================*/
/*Homepage ==============================================*/
a:hover div.blocHome1, a:hover div.blocHome2,a:hover div.blocHome3,a:hover div.blocHome4, a:hover div.blocHome5,a:hover div.blocHome6, a:hover div.blocHomeEnd1 {
background-position:-209px 0px;
}
.lk_home {
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
.lk_home:hover {
color:#E2001A;
text-decoration:none;
}


div.item_menu{
	float:left;
	margin-left:12px;
	margin-top:12px;
	width:175px;
}
div.blocHome{
	width:209px;
	height:142px;
	background-color:#FFDF00;
	margin-right:13px;
	float:left;
}
div.blocHomeEnd{
width:209px;
height:142px;
background-color:#FFDF00;
float:left;
}
div.separateurHome{
width: 875px;
height:9px;
clear:both;
}
/*============================================================*/
/*Homepage ==============================================*/

/*============================================================*/
/*Choose Language ==============================================*/
div.blocJauneGauche{
width:339px;
height:230px;
background-color:#FFDF00;
float:left;
}
div.blocJauneDroite{
width:339px;
height:230px;
background-color:#FFDF00;
float:right;
}
div.colonneDroite{
width:339px;
height:474px;
float:right;
}
div.colonneGauche{
width:339px;
height:474px;
background-color:#FFDF00;
float:left;
}
div.petitSeparateurLang{
width: 339px;
height:14px;
clear:both;
}
div.spacerLang{
width: 339px;
height:22px;
}
div.country{
  font-family:Arial;
  font-size:25px;
  font-weight:bold;
  text-align:left;
  margin-left:22px;
}

.lk_country{
color:#000000;
text-decoration:none;
}
.lk_country:hover{
color:#E2001A;
text-decoration:none;
}

div.countryMsg{
  font-family:Arial;
  font-size:12px;
  text-align:left;
  margin-left:22px;
}

div.choose_language{
position:absolute;
left: 50%;
width: 695px;
height: 25px;
margin-top: -200px; /* moiti? de la hauteur */
top: 50%;
margin-left: -347px; /* moiti? de la largeur */
}

div.choose_languageCountry{
float:right;	
position:absolute;
left: 75%;
width: 695px;
height: 473px;
margin-top: -260px; /* moiti? de la hauteur */
margin-top: -200px; /* moiti? de la hauteur */
top: 50%;
margin-left: -347px; /* moiti? de la largeur */
}

#global {
position:absolute;
left: 50%;
width: 695px;
height: 473px;
margin-top: -236px; /* moiti? de la hauteur */
top: 50%;
margin-left: -347px; /* moiti? de la largeur */
}
/*============================================================*/
/*Choose Language ==============================================*/

/*============================================================*/
/*HowTo ==============================================*/
div.carreGauche{
	background-color:#FFDF00;
	float:left;
	height:270px;
	width:431px;	
}
div.carreGaucheLarge{
	background-color:#FFDF00;
	background-image:url(../images/logo_mp3_medium.gif);
	background-repeat:no-repeat;
	padding:15px;
	padding-left:160px;
	width:750px;
	height:410px;
	float:left;
	overflow-y:auto;
}
div.carreLarge{
	background-color:#FFDF00;
	width:875px;
	height:510px;
	overflow-y:auto;
	float:left;
}
div.carreDroite{
	background-color:#FFDF00;
	float:right;
	height:270px;
	position:relative;
	width:431px;
}
div.titre{
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
  text-align:left;
  margin-top:6px;
}
div.lien{
	bottom:5px;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:12px;
	text-align:right;
	text-decoration:none;
}
a:hover div.lien{
	position:absolute;
	bottom : 5px;
	font-size:12px;
	color:#BB0000;
	right: 12px;
	text-align:right;
	font-weight:bold;
}
/*============================================================*/
/*Register ==============================================*/
div.carreGaucheRegister{
  width:431px; 
  height:310px; 
  background-color:#FFDF00; 
  float:left;
  position: relative;
}
div.carreDroiteRegister{
  width:431px;
  height:310px; 
  background-color:#FFDF00; 
  float:right;
  position: relative;
}
div.spacerHoriz{
  width: 874px; height:12px; float:left;
}


div.titreRegister{
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
  text-align:left;
  margin-top:18px;
  margin-left:12px;
}

div.coordonnee{
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  margin-left:12px;
  margin-top:5px;
  width:405px;
  height:15px;
}

div.coordonneeBouton{
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  margin-left:12px;
  margin-top:5px;
  width:395px;
  height:15px;
}

div.nom_coord{
  font-weight:bold; float:left;
}
div.val_coord{
  float:right;
}
div.val_coord_bold{
  float:right;font-weight:bold;
}
div.val_coord_detaillant{
  margin-top:5px;
  /*width:415px;*/
  text-align:right;
}
div.prix {
  font-weight:bold; 
  float:right; 
  margin-top:6px;
}
div.form01{
  /*width:415px;*/
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  /*margin-right:10px;float:right;border:1px solid #000000;*/
}
div.form02{
  /*width:415px;*/
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  /*margin-left:12px;*/
  /*margin-right:12px;*/
}
div.libelle{
  width:150px; 
  float:left; 
  margin-top:4px;
  font-weight:bold;
}
div.libelle_r{
  width:250px; 
  float:left; 
  margin-top:4px;
  font-weight:bold;
}
div.champ{
  float:right;
}
div.les_liens{
  text-align:left;
  margin-left:0px;
  margin-top:0px;
  height:10px;
  float:left;
 /*width:415px;*/
}

div.bouton{
  float:right;
}

/*============================================================*/
/*Register ==============================================*/

/*============================================================*/
/*Login ==============================================*/
div.carreGaucheLogin{
  width:431px; height:293px; background-color:#FFDF00; float:left;
}
div.carreDroiteLogin{
  width:431px; 
  height:293px; 
  background-color:#FFDF00; 
  float:right;
  position: relative;
}
div.spacerLangLogin{
width: 12px;
height:293px;
float:left;
}
div.titreLogin{
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
  text-align:left;
  margin-left:12px;
  margin-top:18px;
  margin-bottom:20px;
}
div.titre2{
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  margin-left:184px;
  margin-right:12px;
  margin-bottom:20px;
  color: #FFFFFF;
  background: #000000;
  padding-left: 12px;
}

div.titre2InsideLeft{
	color:#FFFFFF;
	float:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
}

div.titre2InsideRight{
	color:#FFFFFF;
	float:right;
	font-family:Arial;
	font-size:11px;
	margin-right:12px;
	margin-top:2px;
}

div.form_login{
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  text-align:left;
  margin-left:12px;
  margin-top:65px;
  margin-right:12px;
}
div.les_liensLogin{
  text-align:left;
  margin-left:12px;
  margin-top:0px;
  height:20px;
}
div.boutonLogin{
  float:right;
  margin-right:0px;
  margin-left:0px;
}
/*============================================================*/
/*Login ==============================================*/

/*============================================================*/
/*Messages ==============================================*/
.messageBox{ font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning 
{
	background-color:#FFDF00;
	color:#E2001A;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
}

.messageStackSuccess { 
	background-color:#FFDF00;
	color:#E2001A;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
div.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/*============================================================*/
/*Messages ==============================================*/

/*============================================================*/
/*Catalog prices ==============================================*/
div.conteneurFormulaire
{
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  margin-left:12px;
  margin-top:5px;
  width:405px;
  height:15px;
}
div.valeurFormulaire{
	float:left;
	margin-left:5px;
	margin-top:4px;
	width:205px;
}
div.valeurFormulaireTitle{
	float:left;
	font-weight:bold;
	width:419px;
}
div.formulaire{
  float:right;
  width:250px;
}
.lk_medium_sans_fleche{
color:#000000;
text-decoration:none;
padding-left:15px;
font-family: Arial;
font-size:19px;
font-weight:bold;
}
.lk_medium_sans_fleche:hover{
color:#E2001A;
text-decoration:none;
font-family: Arial;
font-size:19px;
font-weight:bold;
}

div.carreCentral{
	width:875px;
	height: auto;
	background-color:#FFDF00;	
	float:left;
}

/*Address BOOK==============================================*/
div.carreGaucheAddressBook{
	width:431px;
	height:350px;
	background-color:#FFDF00;
	float:left;
}
div.carreDroiteAddressBook{
	padding: 12px;
	width:409px;
	height:350px;
	background-color:#FFDF00;
	float:right;
}
/*============================================================*/
/*Address BOOK ==============================================*/
/*============================================================*/
/*Payment ==============================================*/

.checkoutBarFrom {
	color:#000000;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	text-decoration:none;
}
.checkoutBarCurrent {
	color:#000000;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.checkoutBarTo {
	color:#000000;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	text-decoration:none;
}

/*============================================================*/
/*Messages ==============================================*/
.messageBox { 
  font-family: Verdana, Arial, sans-serif; font-size: 10px; 
}
div.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
div.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/*============================================================*/
/*Messages ==============================================*/

/*============================================================*/
/*Catalog prices ==============================================*/
div.conteneurFormulaire
{
  font-family:Verdana;
  font-size:10px;
  text-align:left;
  margin-left:12px;
  margin-top:5px;
  width:405px;
  height:15px;
}

.lk_medium_sans_fleche{
color:#000000;
text-decoration:none;
padding-left:15px;
font-family: Arial;
font-size:19px;
font-weight:bold;
}
.lk_medium_sans_fleche:hover{
color:#E2001A;
text-decoration:none;
font-family: Arial;
font-size:19px;
font-weight:bold;
}

/*============================================================*/
/*Address BOOK==============================================*/
div.carreGaucheAddressBook{
	width:431px;
	height:350px;
	background-color:#FFDF00;
	float:left;
}
div.carreDroiteAddressBook{
	padding: 12px;
	width:409px;
	height:350px;
	background-color:#FFDF00;
	float:right;
}
/*============================================================*/
/*Address BOOK ==============================================*/
/*============================================================*/
/*Payment ==============================================*/
div.sousTitreRegister{
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  text-align:left;
}
div.billingAddress{
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  text-align:left;  
}
/*============================================================*/
/*Payment ==============================================*/
div.ligneRollOut {
	background-color:#FFDF00;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	padding: 1px;
	margin-left:25px;
	width:120px;
	height:20px;
	/*float:left;*/
}
div.ligneRollOver {
	background-color:#000000;
	font-family:Arial;
	font-size:12px;
	color:#E2001A;
	padding: 1px;
	margin-left:25px;
	width:120px;
	height:20px;
	/*float:left;*/
}
div.headingSubTitle {
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding-left: 15px;
	width:685px;
	height:20px;
	float:left;
}
div.ordersText {
	color:#000000;
	font-family:Arial;
	font-size:12px;
	padding: 1px;
	padding-left: 25px;
	margin-top: 30px;
	margin-bottom: 10px;
	width:300px;
	height:20px;
}
div.ordersdetailsLabel {
	font-weight:bold;
	width:188px;
	height:18px;
	float:left;
}
div.ordersdetailsInfo {
	color:#000000;
	font-family:Arial;
	font-size:11px;
	width:175px;
	height:18px;
	float:left;
}
div.ordersdetailsRow {
	float:left;
	margin-left:112px;
	width:652px;
}
div.orderDetailsGlobal {
	margin-left:212px;
}
div.mp3Logo {
	height:150px;
	width:150px;
	padding:0px;
}
div.orderCorps {
	float:left;
}
div.backgroundMP3 {
	background-color:#FFDF00;
	background-image:url(../images/logo_mp3_medium.gif);
	background-repeat:no-repeat;
	float:left;
	height:150px;
	padding-left:150px;
	padding-top:24px;
}
.lk_headingSubTitle{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding-left: 15px;
}
.lk_headingSubTitle:hover{
	color:#E2001A;
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding-left: 15px;
}
.globalOrderList{
	width:700px;
	height:220px;
	float:left;
}
.globalOrderDetails{
	width:700px;
	height:220px;
	float:left;
}
.colonneOrders {
	width:150px;
	height:130px;
	float:left;
}
div.titreBlack {
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	margin-left:12px;
	margin-top:18px;
	margin-bottom:20px;
	background: #000000;
	color: #FFFFFF;
	padding-left: 12px;
}