/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient les CSS de la page liste-produits.php
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Détails produit
// - Général à tous
// - Promotion
// - Nouveauté
// - Top vente
// - Simple
// Packs
// Formulaire
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Détails produit
///////////////////////////////////////////////////////////////////////////////////*/
/* Général à tous */
div#divContEnteteDetailPdt{
	position:relative;
	height:40px;
	margin-left:10px;
}
div#divContLigneDetailPdtPromotion, div#divContLigneDetailPdtNouveaute, div#divContLigneDetailPdtTopVente, div#divContLigneDetailPdtSimple{
	position:relative;
}
div#divContLigneDetailPdtPromotion p, div#divContLigneDetailPdtNouveaute p, div#divContLigneDetailPdtTopVente p, div#divContLigneDetailPdtSimple p{
	width:590px;
	padding:0 0 0 10px; margin:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#828282; text-align:justify;
}
div#divContInfosDetailPdtPromotion input, div#divContInfosDetailPdtNouveaute input, div#divContInfosDetailPdtTopVente input, div#divContInfosDetailPdtSimple input{
	width:30px; 
}
div#divContInfosDetailPdtPromotion select, div#divContInfosDetailPdtNouveaute select, div#divContInfosDetailPdtTopVente select, div#divContInfosDetailPdtSimple select{
	margin:5px 0 5px 0;
}
div#divContInfosDetailPdtPromotion div#btn, div#divContInfosDetailPdtNouveaute div#btn, div#divContInfosDetailPdtTopVente div#btn, div#divContInfosDetailPdtSimple div#btn{
	margin-top:5px; height:43px;
}
div#divLienAjouterPanier a{
	display:block;
  width:120px; height:38px;
  background:url(../images/interface/btn-ajouter-au-panier.png) 0 0 no-repeat;
}
div#divLienAjouterPanier a:hover{	
  background-position: -120px 0;
}
/* Promotion */
div#divContLigneDetailPdtPromotion p img{
	float:left;
	border:1px solid #6ad372;
	margin-right:10px;
}
div#divContLigneDetailPdtPromotion p strong#marque{
	font:bold 20px Arial, Helvetica, sans-serif; color:#068601; text-transform:uppercase;
}
div#divContLigneDetailPdtPromotion p strong#nom{
	font:bold 15px Arial, Helvetica, sans-serif; color:#068601;
}
div#divContLigneDetailPdtPromotion p span#ref{
	font:bold 12px Arial, Helvetica, sans-serif; color:#15a211;
}
div#divContLigneDetailPdtPromotion p span#stock{
	font:bold 12px Arial, Helvetica, sans-serif; color:#15a211;
}
div#divContInfosDetailPdtPromotion{
	position:absolute; top:0px; right:10px;
	width:130px;
	background:#edfbed;
	text-align:center;
}
div#divContInfosDetailPdtPromotion span#prix{
	font:bold 30px Arial, Helvetica, sans-serif; color:#068601;
}
div#divContInfosDetailPdtPromotion span#metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#068601;
}
div#divContInfosDetailPdtPromotion span#prixBarre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#52cc5c; text-decoration:line-through;
}
div#divContInfosDetailPdtPromotion span#pourcent{
	font:bold 18px Arial, Helvetica, sans-serif; color:#52cc5c;
}
div#divContInfosDetailPdtPromotion span#qte{
	font:bold 12px Arial, Helvetica, sans-serif; color:#068601;
}
div#divContInfosDetailPdtPromotion a:link, div#divContInfosDetailPdtPromotion a:visited{
	font:bold 10px Arial, Helvetica, sans-serif; color:#068601;
}
div#divContInfosDetailPdtPromotion a:hover, div#divContInfosDetailPdtPromotion a:active{
	text-decoration:none;
}
/* Nouveauté */
div#divContLigneDetailPdtNouveaute p img{
	float:left;
	border:1px solid #f076ba;
	margin-right:10px;
}
div#divContLigneDetailPdtNouveaute p strong#marque{
	font:bold 20px Arial, Helvetica, sans-serif; color:#af0054; text-transform:uppercase;
}
div#divContLigneDetailPdtNouveaute p strong#nom{
	font:bold 15px Arial, Helvetica, sans-serif; color:#af0054;
}
div#divContLigneDetailPdtNouveaute p span#ref{
	font:bold 12px Arial, Helvetica, sans-serif; color:#ee6bb5;
}
div#divContLigneDetailPdtNouveaute p span#stock{
	font:bold 12px Arial, Helvetica, sans-serif; color:#ee6bb5;
}
div#divContInfosDetailPdtNouveaute{
	position:absolute; top:0px; right:10px;
	width:130px;
	background:#ffdcf0;
	text-align:center;
}
div#divContInfosDetailPdtNouveaute span#prix{
	font:bold 30px Arial, Helvetica, sans-serif; color:#af0054;
}
div#divContInfosDetailPdtNouveaute span#metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#af0054;
}
div#divContInfosDetailPdtNouveaute span#prixBarre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#ee6bb5; text-decoration:line-through;
}
div#divContInfosDetailPdtNouveaute span#pourcent{
	font:bold 18px Arial, Helvetica, sans-serif; color:#ee6bb5;
}
div#divContInfosDetailPdtNouveaute span#qte{
	font:bold 12px Arial, Helvetica, sans-serif; color:#af0054;
}
div#divContInfosDetailPdtNouveaute a:link, div#divContInfosDetailPdtNouveaute a:visited{
	font:bold 10px Arial, Helvetica, sans-serif; color:#af0054;
}
div#divContInfosDetailPdtNouveaute a:hover, div#divContInfosDetailPdtNouveaute a:active{
	text-decoration:none;
}
/* Top vente */
div#divContLigneDetailPdtTopVente p img{
	float:left;
	border:1px solid #aebd53;
	margin-right:10px;
}
div#divContLigneDetailPdtTopVente p strong#marque{
	font:bold 20px Arial, Helvetica, sans-serif; color:#4c5901; text-transform:uppercase;
}
div#divContLigneDetailPdtTopVente p strong#nom{
	font:bold 15px Arial, Helvetica, sans-serif; color:#4c5901;
}
div#divContLigneDetailPdtTopVente p span#ref{
	font:bold 12px Arial, Helvetica, sans-serif; color:#b4c15f;
}
div#divContLigneDetailPdtTopVente p span#stock{
	font:bold 12px Arial, Helvetica, sans-serif; color:#b4c15f;
}
div#divContInfosDetailPdtTopVente{
	position:absolute; top:0px; right:10px;
	width:130px;
	background:#f3f6df;
	text-align:center;
}
div#divContInfosDetailPdtTopVente span#prix{
	font:bold 30px Arial, Helvetica, sans-serif; color:#4c5901;
}
div#divContInfosDetailPdtTopVente span#metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4c5901;
}
div#divContInfosDetailPdtTopVente span#prixBarre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#b4c15f; text-decoration:line-through;
}
div#divContInfosDetailPdtTopVente span#pourcent{
	font:bold 18px Arial, Helvetica, sans-serif; color:#b4c15f;
}
div#divContInfosDetailPdtTopVente span#qte{
	font:bold 12px Arial, Helvetica, sans-serif; color:#4c5901;
}
div#divContInfosDetailPdtTopVente a:link, div#divContInfosDetailPdtTopVente a:visited{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4c5901;
}
div#divContInfosDetailPdtTopVente a:hover, div#divContInfosDetailPdtTopVente a:active{
	text-decoration:none;
}
/* Simple */
div#divContLigneDetailPdtSimple p img{
	float:left;
	border:1px solid #9f9f9f;
	margin-right:10px;
}
div#divContLigneDetailPdtSimple p strong#marque{
	font:bold 20px Arial, Helvetica, sans-serif; color:#4b4b4b; text-transform:uppercase;
}
div#divContLigneDetailPdtSimple p strong#nom{
	font:bold 15px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div#divContLigneDetailPdtSimple p span#ref{
	font:bold 12px Arial, Helvetica, sans-serif; color:#868686;
}
div#divContLigneDetailPdtSimple p span#stock{
	font:bold 12px Arial, Helvetica, sans-serif; color:#868686;
}
div#divContInfosDetailPdtSimple{
	position:absolute; top:0px; right:10px;
	width:130px;
	background:#f3f3f3;
	text-align:center;
}
div#divContInfosDetailPdtSimple span#prix{
	font:bold 30px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div#divContInfosDetailPdtSimple span#metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div#divContInfosDetailPdtSimple span#prixBarre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4b4b4b; text-decoration:line-through;
}
div#divContInfosDetailPdtSimple span#pourcent{
	font:bold 18px Arial, Helvetica, sans-serif; color:#868686;
}
div#divContInfosDetailPdtSimple span#qte{
	font:bold 12px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div#divContInfosDetailPdtSimple a:link, div#divContInfosDetailPdtSimple a:visited{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div#divContInfosDetailPdtSimple a:hover, div#divContInfosDetailPdtSimple a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Packs
///////////////////////////////////////////////////////////////////////////////////*/
div#divContEntetePacks{
	clear:both; height:24px;
	padding-top:10px; margin-left:10px;
}
div#divContListePacks{
	width:730px;
	border:1px solid #dff5e0;
	margin-left:10px;
}
div.divContLignePack{
	clear:left;
	margin:5px;
}
div.divContLignePack div.photo{
	float:left; width:50px;
}
div.divContLignePack div.titreTexte{
	float:left; width:320px; margin-left:5px;
}
div.divContLignePack div.titreTexte strong{
	font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#068601;
}
div.divContLignePack div.titreTexte span.etat1{
	font:italic bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#19e904;
}
div.divContLignePack div.titreTexte span.etat2{
	font:italic bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ff8a00;
}
div.divContLignePack div.titreTexte span.etat3{
	font:italic bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ff0000;
}
div.divContLignePack div.titreTexte p{
	margin:0; padding:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#5ec164;
}
div.divContLignePack div.prixBarre{
	float:left; width:55px; padding-top:6px;
	font:bold 10px Arial, Helvetica, sans-serif; color:#52cc5c; text-decoration:line-through; text-align:right;
}
div.divContLignePack div.pourcent{
	float:left; width:55px; padding-top:4px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#52cc5c; text-align:right;
}
div.divContLignePack div.prix{
	float:left; width:85px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#079601; text-align:right;
}
div.divContLignePack div.btn{
	float:left;
}
div#divLienAjouterPackPanier a{
	display:block; margin-left:10px;
  width:136px; height:18px;
  background:url(../images/interface/btn-ajouter-au-panier-vert.jpg) 0 0 no-repeat;
}
div#divLienAjouterPackPanier a:hover{	
  background-position: -136px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Formulaire
///////////////////////////////////////////////////////////////////////////////////*/
select#id_modele{
	width:120px;
}