#intro {position:relative;}

img { max-width:750px; }

#content #imageProduit {border:1px solid #D8D8D8; float:left; width:260px; height:260px; padding:0; margin:0 20px 0 0;}
#content #imageProduit img {width:100%;}

#content #imageProduit #code { position:absolute; background:transparent url("img/encart-cadeau.png") no-repeat scroll center; width:248px; height:68px; top:0; left:0; padding:7px; }
#content #imageProduit #code img { border:1px solid #D8D8D8; float:left; }
#content #imageProduit #code p { float:left; color:#FFF; font-size:0.9em; }
#content #imageProduit #code a { color:#FFF }
#content #imageProduit #code p span, #content #imageProduit #code p a { font-weight:bold; }
#content #imageProduit #code p#enCode span { font-family:Helvetica-77-boldCondensed; font-size:2em; display:block; line-height:1.2em; letter-spacing:-0.05em; }

#content #infos {float:left; width:460px; position:relative; }
#resume {overflow:hidden; }
#resume p, #servicesGratuits {width:49.5%; float:left; display:block; margin-bottom:15px; _width:49%; }
#resume p { margin:0 0.5% 0 0; }
#servicesGratuits { margin:0 0 0 0.5%; }

#content span.titraille{display:block; font-weight:bold; color:black;}

#priceContainer { border-bottom:1px solid #D8D8D8; border-top:1px solid #D8D8D8; margin:0 0 0 0.5%; margin:20px 0; width:100%; padding:10px 0; clear:both; overflow:hidden; position:relative; }

.prefixe, .vente, .ecotaxe, .fraction {display:block; width:160px; margin:3px 5px 0 0;}
#content #prix {float:left; position:relative; }
#content #prix .vente,
#content #prix .vente .devise,
#content #prix .vente .nombre,
#content #prix .fraction,
#content #priceContainer #prix div.prixBarre .nombre,
#content #priceContainer #prix div.prixBarre .devise {
	color:#cc0000;
	}
#content #prix .vente {font-size:2em; font-weight:bold; line-height:1em;}
#content #prix .vente .devise {font-size:0.5em;}
#content #prix .prixBarre { position:absolute; right:40px; top:14px; }
.fraction { margin-top:3px; }
.fraction span {line-height:1em;}

#conditions {  }

.prodRef { width:100%; clear:both; display:block; }

div.pictoLivraison {float:left; }

div#frais-livraison-gratuits { background-position:-417px -4px; float:left; height:73px; right:0; text-indent:-9999px; top:5px; width:73px; margin:10px 0 0 5px; }

#infos #pourcentage { background-position:-177px -41px; float:left; height:63px; padding:10px 5px 0; text-align:center; width:63px; -webkit-transform: rotate(-8deg);  -moz-transform: rotate(-8deg); -o-transform:rotate(-8deg); margin:10px 0 0 5px; }
#infos #pourcentage span { display:inline; font-family:'Helvetica-77-boldCondensed', arial narrow, arial; }
#infos #pourcentage span.reduction { font-size:2em; line-height:1em; }
#infos #pourcentage span.finPromo { font-size:1.15em; line-height:1em;  font-variant:small-caps; }
#infos #pourcentage span.pourcentReduc { font-size:1.5em; line-height:1em; }

div#actions { float:left; height:52px; margin:0; } 
/*div#actions a, div#actions div { background:transparent url("img/amalgame-langue.png") no-repeat scroll center; width:116px; height:52px; display:inline-block; }
div#actions a, div#actions div { background:transparent url("img/amalgame-langue.png") no-repeat scroll center; width:152px; height:20px; display:inline-block; }
div#actions a.commande { background-position:-17px -208px;  } 	div#actions a.commande:hover { background-position:-134px -208px;  }
div#actions a.devis { background-position:-17px -447px;  } 		div#actions a.devis:hover { background-position:-134px -447px;  }
div#actions div.rupture { background-position:-16px -393px; } */
div#actions a, div#actions div { background:transparent url("img/amalgame-langue.png") no-repeat scroll center; width:154px; height:24px; display:inline-block; }
div#actions a.commande { background-position:-15px -204px;  } 	div#actions a.commande:hover { background-position:-15px -234px;  }
div#actions a.devis { background-position:-190px -204px;  } 	div#actions a.devis:hover { background-position:-190px -234px;  }
div#actions div.rupture { background-position:-16px -393px; }

span#conditions { color:#CCC; font-size:0.8em; margin-top:-10px; }

ul#liste-action { width:100%; margin:10px 0; }
ul#liste-action li { border-bottom:1px solid #D8D8D8; overflow:hidden; float:left; }

ul#liste-action li div { margin:3px 1%; float:left; _margin:3px 0.5%; }
ul#liste-action li div.libelle { margin-top:10px; }
ul#liste-action li div.prix { position:relative; margin-top:20px; }
ul#liste-action li div.action { height:55px; width:155px; }
ul#liste-action .prixBarre { text-decoration:line-through; font-size:1em; position:absolute; top:-15px; right:0; }
ul#liste-action .vente {font-size:2em; line-height:1em; }
ul#liste-action li div .ecotaxe { font-size:0.9em; margin-top:0; width:100%; }

ul#liste-action div.action a, ul#liste-action div.action span { background:transparent url("img/amalgame-langue.png") no-repeat scroll center; width:153px; height:25px; display:inline-block; }
ul#liste-action div.action a.commande { background-position:-15px -204px; }
ul#liste-action div.action a.commande:hover { background-position:-15px -234px; }
ul#liste-action div.action a.devis { background-position:-191px -204px; margin-top:5px; }
ul#liste-action div.action a.devis:hover { background-position:-191px -234px; }
ul#liste-action div.action span.rupture { background-position:-15px -394px; }

ul.cols1 li { width:100%; font-size:1em; }	ul.cols1 li div.libelle { width:59%; width:48%\9; }	ul.cols1 li div.prix { width:12%; width:23%\9;  }		
ul.cols2 li.produit { width:50%; font-size:0.9em; width:48%\9; }	ul.cols2 li.produit div.libelle { width:100% }	ul.cols2 li.produit div.prix { width:45%; } ul.cols2 li.produit div.action { float:right; }
ul.cols3 li { width:33%; font-size:0.9em; }	ul.cols3 li div.libelle { height:13px; line-height:1.1em; width:96%; }	ul.cols3 li div.prix { width:27%; } ul.cols3 li div.action a.devis { margin-top:0; }
ul.cols3  li div.action { margin-top:10px; }

#garantieBdP { line-height:2em; }

#pictoAuto {width:76px; height:76px; margin:0 5px; float:left; }
