.clearingfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearingfix {
    display: block;
}

.clearingfix {
    /*display: inline-block; */
}

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

body {
	font:normal 0.875em arial, helvetica, sans-serif;
	color:#444;}
	
.print-only { display:none; }

a, .cbrown {
	color:#604b2a;}

a:hover {
	color:#71b96a;}
	
.lowest a {
	color:#336600;}
	
.price .comma {
	color:#71b96a;
	font-size:7pt;
}

.no-margin{
	margin:0;
}

a.nounderline {
	text-decoration:none;}
	
#footer a {
	color:#71b96a;
	text-decoration:none;}
	
.bullet {
	position:relative;
	top:3px;}
	
.flashEmail, .flashEmail object, .flashEmail embed {
	width:190px !important;
	height:18px !important;
	position:relative !important;
	display:inline-block !important;
	top:0px;
	left:-3px;
}

.justify {
	text-align:justify;
}

.btn, a.btn, #footer a.btn {
	padding: 8px 10px;
	text-align: center;
	color: #FFF;
	border: 1px #000000 solid;
	font-size:14px;
	/*text-shadow:#989e16 1px 1px;*/
	cursor:pointer;
	margin:5px 0px;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
	position:relative;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/*-webkit-box-shadow: #cccccc 0px 2px 2px;
	-moz-box-shadow: #cccccc 0px 2px 2px;
	box-shadow: #cccccc 0px 2px 2px;*/
	background: #71b96a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#71b96a), to(#71b96a));
	background: -webkit-linear-gradient(#71b96a, #71b96a);
	background: -moz-linear-gradient(#71b96a, #71b96a);
	background: -ms-linear-gradient(#71b96a, #71b96a);
	background: -o-linear-gradient(#71b96a, #71b96a);
	background: linear-gradient(#71b96a, #71b96a);
	-pie-background: linear-gradient(#71b96a, #71b96a);
	
	behavior: url(/statics/pie/PIE.php);
	
	white-space:nowrap;
}



#footer a.btn, #webToCcForm input.btn {
	-webkit-box-shadow: #cccccc 0px 0px 0px;
	-moz-box-shadow: #cccccc 0px 0px 0px;
	box-shadow: #cccccc 0px 0px 0px;
	
	behavior: url(/statics/pie/PIE.php);
}
/*
#webToCcForm input.btn {
		position:relative;
		z-index:50000;
		background-color: ##A2A81C;
}
*/

a.btn:hover, .btn:hover, #footer a.btn:hover {
	cursor: pointer;
	color:#71b96a;
	background: #ffffff;
}
#small-find-cartridge .btn.go {
	padding:5px 4px;
	float:left;
	margin:0;
}
#small-find-cartridge .pattern_find-cartridge{
	padding: 0 15px;
}
/* ///////////////////////////////////////////////// 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:150px;
	overflow:hidden;}

#services-buisnesses{
    /*background:url('../img/services_bg.png') no-repeat;
    background-position: 0px 0px;*/
	clear:right;
	float:right;
    width:340px;
/*    z-index: 10;*/
   }
#services-buisnesses a.btn{
	width:170px;
	display:inline;
	float:left;
	margin:0;
}
#services-buisnesses .reseaux_sociaux_container{
	padding: 4px 0;
}
#services-buisnesses .reseaux_sociaux_container .reseaux_sociaux{
	padding:0 0 0 11px;
	display:inline;
	float:left;
}


.logo_cartouche{
	display:inline;
	float:left;
	width:360px;
}
.logo_cartouche .details {
	position:relative;
	top:-28px;
	left:0px;
	padding-left:118px;
	color:#666;
}
.logo_cartouche img {
	padding: 20px 0px;
}

/*on laisse en place au cas ou utilisé ailleurs*/
.details {
	position:relative;
	top:-28px;
	left:135px;
	color:#666;
}
/**/

p.login{
    margin-bottom: 3px;
    margin-top: 3px;
}

div.login{
	background: url("../img/layout/login_bg.png") no-repeat scroll left top transparent;
    height: 64px;
    margin: 20px 0;
    padding: 10px 20px;
    width: 306px;
}

a.name.btn-logout {
	background: url("../img/layout/btn_account_access.png") no-repeat scroll left bottom transparent;
	width:163px;
	height:19px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	margin-top: 12px;
	text-align:left;
	font-size:12px;
	padding-left:12px;
	padding-top:2px;
	font-weight:bold;
}
 


p.font13 {
	font-size:13px;	
}

a.name.btn-logout:hover {
	background: url("../img/layout/btn_account_access.png") no-repeat scroll left top transparent;
	
}

.login input {
	width:100px;
	padding:2px 4px;
	background:#fff
}
.login input.username{
	margin-right:20px;
}

.login .submit {
	width:auto;
	vertical-align:middle;
	background:transparent !important;
	border:0;
	margin:0px;
	padding:0px;
}
.login .forget_pass, .login .inscription{
	display:inline;
	float:left;
	margin-top:10px;
	color:#524d2d;
	font-size:11px;
	text-decoration:underline;
}
.login .inscription{
	float: right;
    padding-right: 62px;
    text-align: right;
}

/*header acceuil illustration et module de rechercher*/
.header_illustration{
	position:relative;
}
.header_illustration .header_illustration_img{
	display:block;
}
.title_Illustration{
	width: 320px;
	height:140px;
	position:absolute;
	bottom:12px;
	right: 45px;
}
.title_Illustration.fr h1{
	font-size:48px;
	font-weight:bold;
	color:#FFF;
}
.title_Illustration.fr h2{
	font-size:29px;
	font-weight:bold;
	color:#275203;
}
.title_Illustration.en h1{
	font-size:57px;
	font-weight:bold;
	color:#FFF;
}
.title_Illustration.en h2{
	font-size:29px;
	font-weight:bold;
	color:#275203;
}

#find-cartridge {
	/*background:url('../img/layout/bg-recherche.gif') no-repeat top left;
	height:290px;*/
	margin-bottom:20px;
}
.top_find-cartridge{
	background:url('../img/layout/top_form_find-cartridge.jpg') no-repeat top left transparent;
	padding: 20px 0 0 0;
}
.bottom_find-cartridge{
	background:url('../img/layout/bottom_form_find-cartridge.jpg') no-repeat bottom left transparent;
	padding: 0px 0 34px 0;
}
.pattern_find-cartridge{
	background:url('../img/layout/pattern_form_find-cartridge.jpg') repeat-y top left transparent;
	padding: 0px 30px;;
}

#find-cartridge .halfsies,#small-find-cartridge .halfsies{
    margin-top: 20px;
    width: 350px;
}
#find-cartridge .fright, #small-find-cartridge .fright{
    margin-top: 20px;
    width: 328px;
	padding-left:20px;
}

#small-find-cartridge {
/*
	background:url('/statics/img/layout/bg-banner-small.gif') no-repeat top left;
	height:50px;
	padding:12px 15px;
	color:#999;
	margin-top:40px;
*/
}
#small-find-cartridge input.text {
	width:180px;
	margin-right:10px;
	margin-top:3px;
}
#small-find-cartridge h3 {
	margin-top:0px;
}

#content-left {
	float:left;
	width:450px;
        border:0px
}
.first_content{
	min-height:80px;
}

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

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

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

 #footer .reseaux_sociaux{
	padding:0 11px 0 0 ;
	display:inline;
	float:left;
}
	
	
/* ///////////////////////////////////////////////// NAVIGATION /// */

#nav-container {
	background:#313131;}

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

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

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

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

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

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

#nav-container ul li img {
	vertical-align:middle;
	padding-left:3px;
}	


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

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

h1 a, a:hover { color:#2d5201; text-decoration:none; }

h2 {
	font-size:1.571em;
	color:#738400;
	letter-spacing:0px;
	margin-bottom:13px;}
h2 a, a:hover { color:#738400; text-decoration:none; }

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

h3 a, a:hover { color:#336600; text-decoration:none; }

#content-right h3, #content-left h3 {
	margin-bottom:20px;}

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

p {
	margin-bottom:15px;
	line-height:19px;
}

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

.big {
	display:block;
	color:#336600;
	font-size:2.8em;}
	
.breadcrumb {
	margin-top:30px;
	font-size:0.786em;}


.submit {
	background: linear-gradient(#D8E01B, #A2A81C) repeat scroll 0 0 transparent;
    border: 1px solid #989D1A;
    border-radius: 4px 4px 4px 4px;
	color:#fff !important;
	cursor:pointer;
	font-weight:bold;
	vertical-align:bottom;
	text-decoration:none;
	font-size:0.929em;
	width:auto !important;
	padding:3px;
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d8e01b), to(#A2A81C));
	background: -webkit-linear-gradient(#d8e01b, #A2A81C);
	background: -moz-linear-gradient(#d8e01b, #A2A81C);
	background: -ms-linear-gradient(#d8e01b, #A2A81C);
	background: -o-linear-gradient(#d8e01b, #A2A81C);
	background: linear-gradient(#d8e01b, #A2A81C);
	-pie-background: linear-gradient(#d8e01b, #A2A81C);
	
	behavior: url(/statics/pie/PIE.php);

	
}
.submit:hover{
	background: linear-gradient(#D8E01B, #D8E01B) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d8e01b), to(#D8E01B));
	background: -webkit-linear-gradient(#d8e01b, #D8E01B);
	background: -moz-linear-gradient(#d8e01b, #D8E01B);
	background: -ms-linear-gradient(#d8e01b, #D8E01B);
	background: -o-linear-gradient(#d8e01b, #D8E01B);
	background: linear-gradient(#d8e01b, #D8E01B);
	-pie-background: linear-gradient(#d8e01b, #D8E01B);
	
	behavior: url(/statics/pie/PIE.php);
}

.productsubmit {
    padding: 10px 20px;
    text-transform: uppercase;
    vertical-align: baseline;
    background: linear-gradient(#71b96a, #71b96a); 
}

.productquantity {
    padding: 10px !important;
}


.fatsubmit{background:#c1c1c1 !important;
	color:#fff !important;
	cursor:pointer;
	font-weight:bold;
	vertical-align:bottom;
	text-decoration:none;
	font-size:0.929em;
	width:auto !important;
	padding:7px}

.pretendbtn {
	padding:5px;
	background:none;
	color: #604B2A;
	font-size:11px;	
	cursor:pointer;
	vertical-align:bottom;
}
.pretendbtn:hover{
	color: #336600;
	text-decoration:underline;
}
	
.hr {
	border-top:1px dotted #d1d1d1;
	margin-top:20px;
	padding-top:20px;}


ol, ul {
    margin-left: 30px;
    padding: 10px 0;
	line-height:19px;
}
li {
    padding: 2px 0;
}
/* -- 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 -- */

/* -- products -- */
.product-img {
	vertical-align:middle;
	width:105px;
	margin-right:8px;}

.product-listing {
	padding:5px;
	height:160px;
	width:210px;
	margin-bottom:40px;
	text-align:center;
	float:left;}
	
.product-listing-no-desc {
	width:160px !important;}
    
.product-listing-no-img {
    height:40px !important;}

.product-fullspan {
	background: url('/statics/img/products/bg-full.gif') 0 0 repeat-y;
    width:100%;
}

.product-img-and-price {
	width:250px;
	padding:35px 0 0 25px;
	padding-top:35px;
	height:120px;
	float:left;}

.product-img-and-price2 {	
height:auto; padding:15px 0 0 25px;}

.product-img-and-price .price {
	position:relative;
	left:-30px;}

.product .price {
	position:relative;
	left:-70px;}
	
.product-desc {
    width:250px;
	padding:15px;
	color:#4b4b4b;
    float:left;}

.product-specialmsg {
	border-left:1px dotted #ccc;
	width:180px;
	height:130px;
	margin-left:8px;
	padding:15px 0 0 15px;
	font-weight:bold;}

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

.price sup {
	font-size:0.5em;}
table.price-listing {
	width:460px;
}
table.price-listing td.title {
	width:280px;
	padding:4px;}

table.price-listing tr.clicked {
	background:#71b96a;}

table.price-listing td {
	vertical-align:top;
	padding:5px;}

table.price-listing a:hover, table.price-listing tr.clicked a, table.price-listing tr.clicked td, table.price-listing tr.clicked .cbrown {
	color:#202020;}

table.price-listing img {
	margin-left:5px;}

/* occurs when an item is clicked */
table.price-listing tr.unclicked {
	filter:alpha(opacty=50);
	opacity:0.5;}

table.price-listing tr.add-item td {
	border-bottom:1px solid #c0c0c0;}

p.desc {
	font-size:0.929em;
	margin:10px 0 40px 0;}

/* -- end products -- */

/* -- 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:center;
	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 -- */

/* -- forms -- */
.text {
	width:auto;
	padding:5px;}

input.quantity {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	width:25px;
	text-align:right;}

select, .textarea, #contactForm input {
	color:#666666;
	font-family: arial, heltiva, sans-serif;
	font-size:0.85em;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;}

option {
	padding:0 4px;}
	
#contactForm input, .textarea {
	width:250px;
	display:block;
	margin-bottom:15px;}

.textarea {
	height:120px;}
	
.g-recaptcha{
    margin-left: 30px;
    margin-top: 40px;
}
	

/* -- end forms -- */

/* ///////////////////////////////////////////////// TABLES → CART & SHIPPING /// */

th {
	font-weight:normal;
	text-align:right;
	font-size:0.857em;
	color:#604b2a;}
    
table#address th {
    text-align:left;
}

table#cart td, table#orders td, table#address td {
	background:#f0f0f0;
	padding:5px;
	text-align:right;
	color:#2d2518;
	font-size:1em;
}

table#address td {
    text-align:left;
}

table#orders tr td.cartridge {
	padding-left:25px;
	background:url(/statics/icons/color_swatch.png) no-repeat 2px 5px #f0f0f0;}
	

table#cart tr.alt td, table#orders tr.alt td, table#address tr.alt td {
	background-color:#e4e6dc;}
	
table#orders tr.printer td {
	background:#fff;
	font-weight:bold;
	padding-top:30px;
	border-top:dotted 1px #ddd;
	padding-left:25px;
	background:url(/statics/icons/printer.png) no-repeat 2px 30px;}
	
table#orders tr.item td label {
	font-size:14px;
	cursor:pointer;
	}

table#cart td.item{
	text-align:left;
	font-weight:bold;}

table#cart td.small {
	color:#827f7f;
	vertical-align:middle;
	font-size:0.857em;}

.shipping-spacer {
	display:block;
	width:350px;}
	
table.shipping {
	width:350px;}

table.shipping td, label {
	font-size:0.875em;
	padding:5px 3px;}
	
table.shipping td input, table.shipping td select {
	width:100%;
	background:#f0f0f0;
	margin-top:3px;
	color:#666;
	border:1px solid #c1c1c1;}

table#orders td, table#orders th {text-align:left !important}
	

/* IE only */
html * table.shipping td input, html * table.shipping td select {
	width:95%;}


/* ///////////////////////////////////////////////// ACCOUNT → CREATE SUBMISSION /// */


#items .item {
	background:#eee;
	padding:5px 3px;
	margin:3px 0}

#items .item img {
	vertical-align:middle}
    
    
/* ///////////////////////////////////////////////// ACCOUNT Address /// */

.address_new {
    margin-top: 20px;
    margin-bottom: 20px;
}

table#address th {
    padding-left: 5px;   
}

table#address td {
    font-size: 0.75em;   
}
	
/* ///////////////////////////////////////////////// MISC /// */

.clear    {clear:both;}
.nomargin { margin:0 !important;}
.fleft    { float:left;}
img.fleft { float:left; padding-right:8px;}
label.fleft { text-align:right; margin:5px 5px 0 0; }
.fright   { float:right;}
.vmiddle  { vertical-align:middle;}
.dblock   { display:block;}
.aright   {text-align:right;}

.rdborder { border-right:1px dotted #999;}
.ldborder { border-left:1px dotted #999;}
.lsborder { border-left:1px solid #999;}
.rsborder { border-right:1px solid #e0e0e0;}
.sborder  { border: 1px solid #ccc;}
.noborder { border:0;}
.lpadding { padding-left:15px;}
.rpadding { padding-right:20px;}
.padding  { padding:5px;}
.rmargin  { margin-right:20px;}
.lmargin  { margin-left:15px;}
.nomargin { margin-bottom:0 !important;}

.tcenter  { text-align:center;}
.cgray    { color:#888;}
.cgray  a, .cgray  a:hover   { color:#888;}
.cgreen   { color:#6f8000;}
.clgreen  { color:#738400;}
.bgwhite  { background:#fff;}
.bgdarkgray { background:#999 !important}
.font9    { font-size:0.875em;}
.font8    { font-size:0.79em;}
.u        { text-decoration:underline;}
.nou      { text-decoration:none;}
.b        { font-weight:bold;}


.invisible { visibility:hidden; }
.mr5 { margin-right:5px; }
.ml5 { margin-left:5px; }
.mb5 { margin-bottom:5px; }
.p5  { padding:5px;}
.w25        { width: 25px;}
.w30        { width: 30px !important; }
.w50True    { width: 50px !important;}
.w100       { width:100px;}
.width135   { width:135px;}
.width165   { width:165px;}
.w50        { width:215px;}
.w250       { width:250px;}
.width263   { width:263px;}
.wsmall     { width:285px;}
.wsmall305  { width:305px;}
.w300	    { width:350px;}
.w350	    { width:350px;}
.wlarge     { width:450px;}
.wfull      { width:100%; }

.spacer   { display:block; height:20px;}
.sm-spacer{ display:block; height:5px;}
.sm-spacer_2{ display:block; height:2px;}
.days_30  {width:65px; font-weight: bold;}
.free     {width:50px; font-weight: bold;}
.obvious_check  {background-color: #71b96a; padding:5px; font-weight:bold; }

.maringright5px     {margin-right:5px;}
.marginbottom35px   {margin-bottom:35px;}
.marginbottom20px   {margin-bottom:20px;}  

.no-border {border:none;}

span.phone-extension-class {font-size: 0.875em;margin-top: 5px;padding: 5px 3px;}

/************************************************************************/
/* 							BOUTON CHAT 
************************************************************************/

div#chat_btn {
	position: fixed;
	right:0;
	top:250px;
}

.doubleheight{
    height:1.3em;  
    font-size:1.3em;     
}

.doubleheight::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#336600;
}    

.doubleheight::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#336600;
   opacity:1;
}
.doubleheight:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#336600;
}
.doubleheight:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color:#336600;
}