﻿* {
	margin:0;
	padding:0;
	border:0;}

body {
	font:normal 0.875em arial, helvetica, sans-serif;
	color:#444;}

a {
	color:#604b2a;}

a:hover {
	color:#c1d72e;}

#footer a {
	color:#c1d72e;
	text-decoration:none;}

/* ///////////////////////////////////////////////// MAIN DIVS /// */

#outer-container {
	width:760px;
	margin:auto;
	background:url('../img/layout/bg-blob.gif') no-repeat top right;}

#logo-login {
	padding-top:20px;
	height:122px;
	overflow:hidden;}

#find-cartridge {
	background:url('../img/layout/bg-recherche.gif') no-repeat top left;
	height:290px;
	padding:50px 20px 20px 20px;}

#content-left {
	float:left;
	width:450px;}

#content-right {
	float:right;
	width:285px;}

#footer-container {
	padding-top:15px;
	clear:both;
	background:#444;}

#footer {
	color:#ccc;
	line-height:1.5em;
	font-size:0.857em;
	width:760px;
	margin:auto;}

.details {
	position:relative;
	top:-28px;
	left:135px;
	color:#666;}
	
	
/* ///////////////////////////////////////////////// NAVIGATION /// */

#nav-container {
	background:#313131;}

#nav {
	width:760px;
	margin:auto;}

#nav-container ul {
	list-style:none;
	text-transform:uppercase;
	padding:4px 0;
	font-size:0.786em;
	text-align:center;}

#nav-container ul li {
	display:inline;
	margin:12px;}

#nav-container ul li a {
	text-decoration:none;
	color:#fff;}

#nav-container ul li a:hover {
	color:#f3f7d5;}

#nav-container ul li a#panier {
	color:#c4df12;
	font-weight:bold;}

#nav-container ul li img {
	vertical-align:middle;}	


/* ///////////////////////////////////////////////// CONTENT /// */

h1 {
	color:#2d5201;
	font-size:1.857em;
	letter-spacing:-2px;}

h2 {
	font-size:1.571em;
	color:#738400;
	letter-spacing:-2px;}

h3 {
	color:#336600;
	font-size:1.3em;
	margin-bottom:10px;
	letter-spacing:-1px;}

.section {
	display:block;
	margin-top:40px;
	padding-top:10px;
	border-top:5px solid #c1d72e;}

p {
	margin-bottom:15px;}

big {
	font: bold 1.143em arial, helvetica, sans-serif;
	color:#6f8000;}

/* -- find cartridge area on home page -- */
.halfsies {
	margin-top:20px;
	width:350px;}

.halfsies input.text {
	display:block;
	padding:5px;
	width:90%;
	margin-bottom:10px;
	color:#999;
	font-size:1.071em;}

.halsies input.submit {
	float:right;}
/* -- end find cartridge area -- */

/* -- weekly specials -- */
.product-img {
	vertical-align:middle;
	width:105px;}

.price {
	background:url('../img/layout/bg-price.gif') no-repeat top left;
	font: bold 2.49em arial, helvetica, sans-serif;
	text-align:center;
	padding-top:13px;
	color:#fff;
	display:block;
	width:91px;
	height:75px;
	float:right;
	letter-spacing:-2px;
	position:relative;
	left:-50px;}

.price sup {
	font-size:0.5em;}

p.desc {
	margin:10px 0 40px 0;}
/* -- end weekly specials -- */

/* -- témoignages on home page -- */
p.temoignage {
	width:100%;
	background:url('../img/layout/bg-temoignage.gif') no-repeat;
	height:120px;
	font-size:0.875em;}

p.temoignage span {
	display:block;
	text-align:left;
	padding:8px;
	position:relative;
	left:-3px;}

p.author, p.moredetails {
	position:relative;
	top:-45px;
	text-align:right;
	width:140px;}

p.moredetails {
	text-align:left;}
/* -- end témoignages -- */


/* ///////////////////////////////////////////////// MISC /// */

.clear    {clear:both;}
.nomargin { margin:0 !important;}
.fleft    { float:left;}
img.fleft { float:left; padding-right:8px;}
.fright   { float:right;}
.vmiddle  { vertical-align:middle;}

.rdborder { border-right:1px dotted #999;}
.ldborder { border-left:1px dotted #999;}
.lpadding { padding-left:15px;}
.rpadding { padding-right:15px;}

.cgray    { color:#888;}
.font9    { font-size:0.875em;}
.u        { text-decoration:underline;}

.w50      { width:215px;}
.wlarge   { width:450px;}
.wsmall   { width:285px;}
.spacer   { display:block; height:20px;}
 .sm-spacer{ display:block; height:5px;