@import url(/sites/xtra-tones/css/header.css);
@import url(/sites/xtra-tones/css/commun.css);
@import url(/sites/xtra-tones/css/star_rating.css);



#grabber1 {margin:0px 0px 0px 10px; clear:both;  }
.rouge {color:#ff9900;}

* html #livraison #manuel {margin-left:10px; }
* html #livraison  ul {margin-left:0px;}
* html #livraison #grabber .btn-grab {margin-left:177px;}

.conserves { color:#ff1010; clear:both; margin:6px 0px 24px 0px; font-weight:normal;}



#telecharge h2 {
	background-image: url(/sites/xtra-tones/images/fnd-titre-grand.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 733px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding: 6px 10px 0px 45px;
	color:#FFFFFF;
	overflow:hidden;
	line-height:20px
}


.details, .related-products, .bloc-comments{
	background-image: url(/sites/xtra-tones/images/fnd-bloc-grand.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:745px;
	padding:0px 0px 0px 50px;
}

.details { padding:20px 50px 0px 50px; width:695px; }
#telecharge h1 {margin:0; padding:0;}
.preview img { float:left; border:1px solid #424242; margin-right:13px; width:180px; height:180px;}
.product-title { font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
.product-author {font-size:12px; font-weight:normal; color:#000000; margin:0; padding:5px 0px 0px 0px;}

/*Mots clefs*/
.clefs {font-size:11px; font-weight:bold;}
.tags {
	clear:both;
	color:#000000;
	text-align:left;
	min-height:15px;
	font-size:12px;
}
.tags a {text-decoration:none; color:#6d6d6d;}
.tags a:HOVER {text-decoration:underline;}

.motpetit { font-size:10px; font-weight:bold;}
.motmoyen { font-size:12px; font-weight:bold;}
.motgrand {font-size:14px; font-weight:bold;}


/*  */

.related-products {clear:both;}
h4.title,  h4.author {margin:0; padding:0;}
.description {width:340px; clear:both;}
.liseret {width:340px; margin:8px 0px; padding:0; clear:both; height:1px; background-color:#666666;}
.chiffres-produit { color:#333333; font-size:11px;}
#telecharge .product { width:500px; height:105px; overflow:hidden;  float:left; background-image:none; margin:0; padding:0; }
* html #telecharge .product { width:520px;}
*+html #telecharge .product { width:520px;}

#telecharge .player {float:left;  padding-top:6px; padding-right:5px;}

#telecharge .pied {
	background-image: url(/sites/xtra-tones/images/pied-grand.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	width: 788px;
	clear:both;
	margin:0px 0px 0px 0px;
}


#form-comment br {clear:both;}

.vote input {
	float:left;
	width:27px;
	height:20px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-image: url(/sites/xtra-tones/images/bouton-ok.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:none;
	cursor:pointer;
	margin-top:5px;
}
.vote select {float:left; border:1px solid #666666; width:80px; margin:5px 5px 0px 0px; height:20px;}

.details .download {
	float:left; display:block; height:30px; padding-top:10px; padding-bottom:6px;
}

.download {margin:0px 0px 0px 3px;}
#telecharge .vote {	
		
	margin:10px 0px 0px 0px;
	padding:0;	
	vertical-align:top; 	
}

.star-rating, .voter {float:left;}
.voter {line-height:20px; text-decoration:underline;}

#related-products-css .vote {height:auto; float:left; margin:0;}



/* lightbox envoyer amis */

#grabber, #manuel {margin-left:10px;  width:350px;}
#grabber {margin-bottom:15px; width:390px;}
* html #grabber {width:400px;}
#manuel br {
	height:1px;
	padding:0px;
	margin:0px;
	line-height:0.01em;
}
.contenu-amis {margin:0; padding:0; color:#000000; font-weight:bold; font-size:10px;}
#partage-amis {margin:15px 0px 0px 58px;}
#globe {margin:-5px 3px 0px 3px; vertical-align:middle; height:18px;}
#form-inscription .sel-amis {
	background-image: url(../images/fleche-menu.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	height:auto;
	background-position: -10px 5px;	
}
#grabber input, #mail {margin:5px 0px; border:1px solid #999999;}
* html #grabber {margin-left:-35px;} 
*+html #grabber { margin-left:-30px;}
* html #manuel {margin-left:10px;}
#passwordgrab, #passwordtext {  float:left;  margin:5px 0px; width:145px;}
* html #passwordgrab, * html #passwordtext { width:137px;}
#provider { margin-left:5px; margin-top:5px; }

#gg, #msn {margin:0px; padding:5px 5px 0px 0px; vertical-align:top;}
.btn-grab {
	clear:both; 	
	margin-left:152px;
	margin-top:5px;
	display:block; 
	width:87px; 
	height:22px; 
	background-image: url(/sites/xtra-tones/images/fnd-bouton-connexion.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:none; 	
	text-align:center;
	padding:3px 0 0 0;

}
.btn-mes-amis { clear:both; display:inline-block; background-color:#ff9900; border:1px solid #cc3300;  padding:5px 13px; color:#FFFFFF; text-decoration:none; margin:5px 0px; }
* html #grabber .btn-grab {margin-left:198px; }
*+html #grabber .btn-grab {margin-left:198px;}
.gauche, .droite { margin:0; padding:0; width:152px; text-align:left; display:block;  float:left;  }


.gauche br {height:1px; margin:0px; padding:0px;}
.contenu ul {margin:18px 5px 5px 35px; padding:0; text-align:left;}
.contenu .title {color:#000000; font-weight:bold;}
#form-inscription li {
	background-image: url(../images/fleche-menu.gif);
	background-repeat: no-repeat;
	background-position: -10px top;
	padding-left: 10px;
	height:auto;
	margin-bottom:3px;
}
#password, 
#manuel .gauche input, 
#manuel .droite input {
	margin: 0px 5px 5px 0px; 
	border:1px solid #999999;
	width:145px;
}
.barre {width:415px;}

.btn-comment {
	border:none; 
	margin:0; 
	padding:0px 0 5px 0; 
	width:87px; 
	height:22px; 
	background-image: url(/sites/xtra-tones/images/fnd-bouton-connexion.gif);
	background-repeat: no-repeat; 
	text-align:center;
	}
	


/* lightbox telecharge non identifie */

.deviens {font-weight:bold;}


#form-inscription .bouton-ins1  {
 background-image: url(/sites/xtra-tones/images/fnd-bouton-connexion.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width:92px;
 height:22px;
 display:block;  
 float:left;
 margin:0 0 1px 5px; 
 text-align:center;
 font-weight:normal;
 color:#000000;
 text-decoration:none;
 
  }
#unsubscribe .mdp { margin-right:5px;}
*+html  #unsubscribe .mdp { margin-right:0;}
#form-inscription .connex .bouton-ins1 {margin-top:11px; clear:right; }
* html #form-inscription .connex .bouton-ins1 {margin-top:11px; margin-left:0px;  clear:right; }
*+html #form-inscription .connex .bouton-ins1 {margin-top:11px; vertical-align:top; clear:right;}
#form-inscription .champ-mdp1, #form-inscription .champ-pseudo1 {
 width:80px; 
 border:1px solid #999999;
 height:17px;
 margin:0;
 padding:0;
 
  }
#form-inscription .champ-pseudo1 {width:100px}
#form-inscription .champ-mdp1 {margin-right:5px;}
* html #form-inscription .champ-mdp1, * html #form-inscription .champ-pseudo1 {margin-left:-80px;}
*+html #form-inscription .champ-mdp1, *+html #form-inscription .champ-pseudo1 {margin-left:-80px;}

#unsubscribe .content { margin:10px 10px 10px 30px;}

#unsubscribe .pseudo {margin:0px 4px 0px 0px;}

* html #unsubscribe .pseudo {margin:0px 2px 0px 0px;}
*+html #unsubscribe .pseudo {margin:0px 0px 0px 0px;}
* html #unsubscribe .mdp {margin:0px 0px 0px 0px;  }
*+html #unsubscribe .mdp {margin:0px -2px 0px 0px;}

#unsubscribe .insc{ clear:both; margin-top:5px;}

.pas-membre {display:block; text-align:left; float:left; }
* html .pas-membre {margin-right:5px;}
.oublie1 {
 text-align:right;
 font-size:10px;
 color:#9a9a9a;
 margin:10px 96px 0px 0px; 
 padding:0px;
 clear:both;
 display:block; 
 height:20px;
 margin-top:3px;
}
* html .oublie1 {margin-right:50px;}

.oublie1 a{color:#000099; font-weight:normal; text-decoration:underline;}

/*telecharge identifié */

#livraison  #grabber {margin-left:10px; padding-left:0px; }
*+html #livraison #grabber {margin-left:-12px; padding-left:0px;}
*+html #livraison #grabber .btn-grab {margin-left:182px;}
#livraison  .contenu {margin-left:45px; padding-left:0px; color:#999999;}
#livraison   ul {margin-left:0px; padding-left:0px;}
#livraison h3 {color:#666666;}
.troisetapes {margin:5px 0px;}


/****************  Ajout css rachid 06/04/2009 pour formulaire d'inscription*******************/


.identification{
	background-image: url('/sites/xtra-tones/images/fnd-log.gif') ;
	background-repeat : no-repeat;
	height: 70px;
	padding: 10px 10px 20px 20px;
}
.deviens-membre-img img{
	border : 0;
}

#deviens-membre img{
	margin-left : -10px;
}
#deja-membre img{
	margin-left : -10px;
}
#inputs{
	padding-top: 5px;
	margin: 0px;
	clear:both;
	
}

#phone  {
	width:110px;
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 4px;
	font-size:10px;
	border:1px solid #3333333;
}
#phone2 {
	float:left;
	width:85px;
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 4px;
	font-size:10px;
	border:1px solid #3333333;
}

#unsubscribe .content{
	margin-top : 25px;
}