/* Common CSS */

/* ---------- Eléments communs -------- */

#content h1 { font-size:2.5em; }
#content .titraille { font-size:1 em; color:#333; font-weight:bold; display:block; margin:5px 0 3px 0}
#infos #resume, #infos #serviceList { width:48%; float:left; overflow:hidden; }

/* ---------- Introduction -------- */

#intro { }

#content #imageProduit { border:1px solid #D8D8D8; float:left; }

#infos { float:left; width:470px; padding:0 10px; _padding:0 5px; position:relative; }
#infos #resume { margin-right:1%; }
#infos #resume p { padding-right:1%; }

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

#infos ul { margin:0; }
#infos ul li { font-weight:normal; color:#666; font-size:0.9em; }
#infos ul li.titraille span { color:#333; }

#infos #serviceList { /*background: url("img/pictos/livraison-offerte-99.gif") no-repeat scroll left bottom #FFFFFF;*/ height: 130px; margin-left: 1%; }
#infos #serviceList li { width:100%; clear:both; margin:0 0 10px 0; }
#infos #serviceList .imageCommune { width:35px; height:35px; float: left; }
#macaronTel { background-position:-160px -139px; }
#macaronPaiement { background-position:-201px -139px; }
#macaronSav { background-position:-242px -139px; }
#serviceList span { display:block; margin:0 0 0 46px; padding-top:5px; }

#content #serviceList li.titraille { margin-top:0; }
#content #serviceList li.titraille span { margin-left:0; padding-top:0; }
#serviceList li#assistancetel span { padding-top:0; }

div#priceContainer { width:150px; float:left; position:relative; }

#infos #infosAchat { width:100%; float:left; clear:both; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; margin:5px 0; padding:5px 0; }
#infos #infosAchat p.prix, #infos #infosAchat p.fraction { width:100%; clear:both; }
#infos #infosAchat p.fraction { line-height:0.95em; display:block; margin-top:5px; }
#infosAchat .prixPrefixe { display:block; }
#infosAchat .prixVente { font-size:3em; display:inline-block; line-height:0.9em; }
#infosAchat .prixBarre { display:inline; font-size:1.3em; line-height:1.2em; text-decoration:line-through; }
#infosAchat .fraction .nombre { font-weight:bold; }
#infosAchat .devise, #infosAchat .decimal { font-size:1.8em; }

div.pictoLivraison { }
div#frais-livraison-gratuits { background-position:-6px -51px; float:left; height:73px; right:0; text-indent:-9999px; top:5px; width:73px; margin:0 0 0 5px; }

#infos #pourcentage { background-position:-291px -133px; float:left; height:63px; padding:10px 5px 0; text-align:center; width:62px; -webkit-transform: rotate(-8deg);  -moz-transform: rotate(-8deg); -o-transform:rotate(-8deg); margin:0 0 0 5px; }
#infos #pourcentage span { display:inline; color:#FFF; font-family:Helvetica-77-boldCondensed; }
#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; margin:5px 10px; } 
div#actions a, div#actions div { background:transparent url("img/amalgame-langue.png") no-repeat scroll center; width:111px; height:46px; display:inline-block; }
div#actions a.list { background-position: -236px -324px; height: 20px; width: 214px; margin:7px 0; }
div#actions a.list:hover { background-position: -236px -348px; }

div#actions a.commande { background-position:-6px -137px;  } 	div#actions a.commande:hover { background-position:-123px -137px;  }
div#actions a.devis { background-position:-6px -376px;  } 		div#actions a.devis:hover { background-position:-123px -376px;  }
div#actions div.rupture { background-position:-6px -323px;  } 

div#facebookLink { float:left; margin:5px 10px; position:relative; }
div#facebookLink iframe { width:450px; }

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:5px 1% 0; float:left; _margin:3px 0.5%; }
ul#liste-action li div.libelle { margin-top:10px; }
ul#liste-action li div.prix { position:relative; }
ul#liste-action .prixBarre { text-decoration:line-through; font-size:1em; position:absolute; top:-8px; right:0; }
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:83px; height:38px; display:inline-block; }
ul#liste-action div.action a.commande { background-position:-243px -137px; }
ul#liste-action div.action a.commande:hover { background-position:-329px -137px; }
ul#liste-action div.action a.devis { background-position:-243px -377px; }
ul#liste-action div.action a.devis:hover { background-position:-329px -377px; }
ul#liste-action div.action span.rupture { background-position:-121px -323px; }
ul#liste-action div.action a.list { background-position: -464px -324px; height: 20px; width: 130px; display:block; margin:10px 0 0 2px; float:right; }
ul#liste-action div.action a.list:hover { background-position: -464px -348px; }

ul.cols1 li { width:100%; font-size:1em; }	ul.cols1 li div.libelle { width:40%; width:30%\9; }	ul.cols1 li div.prix { width:14%; width:24%\9;  }	ul.cols1 li .prixVente { font-size:2.1em; } 
ul.cols2 li { width:48%; font-size:0.9em; margin-right:1%; }	ul.cols2 li div.libelle { width:60%; }	ul.cols2 li div.prix { width:27%; } div#content ul.cols2 li.produit div.action { float:left; width:98%; }
ul.cols3 li { width:33%; font-size:0.9em; }	ul.cols3 li div.libelle { height:13px; line-height:1.1em; width:96%; }