/*
screen styles
--------------------------------------------------------------------------- 
@filename	screen.css
@author		Guillaume Lambert - guillaume@ax2.ca
@description	site main screen stylesheet
*/

/* @group reset */
/* -------------------------------------------------- - */
   
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul { 
	list-style: none; 
}

blockquote, q { 
	quotes: none; 
}

img {
	display: block;
}

/* @end */

/* @group general */
/* -------------------------------------------------- */

body { 
	background: #eee6db; 
	color: #6d462f;
	font: normal 14px Georgia, Times, "Times New Roman", serif;
	/* font: normal 13px Arial, Helvetica, Verdana, sans-serif; */
	text-align: center;
}
	
h1, h2, h3, h4, h5, h6 { 
	color: #54311a;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	margin-bottom: 15px;
}

h1 {
	font-size: 24px;
	line-height: 1.2em;
}

h2 {
	font: 24px 'Homemade Apple', Georgia, Times, serif;
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 0;
}

h4 {
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 10px;
}
	
p, ul, ol, dl {
	margin: 0 0 10px;
}

p, li, dt, dd {
}

a {
	color: #85b335;
	font-style: italic;
	text-decoration: none;
}

a:hover,
a.active {
	color: #54311a;
}

sup,
sub {
	font-size: 85%;
	height: 0;
	line-height: 1em;
	vertical-align: baseline;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* @end */

/* @group forms */
/* -------------------------------------------------- */

form { 
	margin-bottom: 20px; 
}

input[type=text], 
input[type=password], 
select, 
textarea { 
	border: 1px solid #d8cfc6;
	color: #54311a;
	font: italic 14px Georgia, Times, "Times New Roman", serif;
	background-color: #fff; 
}
	
input[type=text], 
textarea {
	background-color: #f2eee8;
	color: #b6a697;
	padding: 4px 5px;
	width: 210px;
}

input[type=text]:focus, 
textarea:focus,
input[type=text].active, 
textarea.active {
	background-color: #fff;
	color: #54311a;
}

select {
	padding: 2px;
}

input[type=submit] {
	line-height: 1em;
}

input[type=radio],
input[type=checkbox] {
	margin: 0 3px 0 0;
	padding: 0;
}

form .quantity {
	background-color: #eeebe7;
	width: 60px;
}

/* @end */

/* @group global classes */
/* -------------------------------------------------- */
    
.tiny 		{ font-size: 0.8em; }
.smaller 	{ font-size: 0.9em; }
.normal 	{ font-size: 1em; }
.bigger 	{ font-size: 1.1em; }
.bold 		{ font-weight: bold; }
.no-bold 	{ font-weight: normal; }
.italic		{ font-style: italic; }
.right 		{ text-align: right; }
.uppercase 	{ text-transform: uppercase; }
.normalcase 	{ text-transform: none; }
.no-pad 	{ padding-bottom: 0px; }
.small-pad 	{ padding-bottom: 5px; }
.top-pad 	{ padding-top: 5px; }
.bot-pad 	{ padding-bottom: 10px; }
.hide, hr 	{ display: none; }
.float-left	{ float: left; }
.float-right	{ float: right; }

.centered { 
	margin: 0 auto;
	text-align: center; 
}

.centered img {
	display: inline;
}

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

* html .group { /* IE6 */ height: 1%; }

*:first-child+html .group { /* IE7 */ min-height: 1px; }

/* text & colors */
/* ---------------------- */

.arial {
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}

.lime-green {
	color: #85b335;
}

.dark-brown {
	color: #54311A;
}

/* gutters & line sep */
/* ---------------------- */

.gutter.bottom {
	margin-bottom: 10px;
}

.line-sep {
	border-bottom: 1px dotted #54311a;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.line-sep-top {
	border-top: 1px dotted #54311a;
	padding-top: 5px;
}

/* borders */
/* ---------------------- */

img.border {
	border: 1px solid #eeebe7;
}

/* breadcrumb */
/* ---------------------- */

.breadcrumb {
	font-size: 12px;
	padding: 10px 10px 3px 10px;
}

/* pagination */
/* ---------------------- */

.pagination {
	text-align: center;
	padding: 10px 0;
}

.pagination a {
	color: #54311a;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 3px 5px;
	text-transform: uppercase;
}

.pagination a:hover,
.pagination a.active {
	color: #85b335;
}

/* buttons */
/* ---------------------- */

.button {
	background: #6d462f;
	border: 0;
	display: inline-block;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1em;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.ie6 .button, .ie7 .button {
	padding-left: 5px;
	padding-right: 5px;
}

.button:hover {
	color: #fff;
}

.button:active {
	position: relative;
	top: 1px;
}

.button.large {
	font-size: 14px;
	padding: 7px 19px;
}

.button.brown {
	background-color: #c8b39e;
}

.button.red {
	background-color: #b33535;
}

/* alerts */
/* ---------------------- */

.alert {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin-bottom: 10px;
	padding: 8px 10px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.alert.success {
	background: #229555;
	color: #fff;
}

.alert.error {
	background: #f9763c;
	color: #fff;
}

.alert.tip {
	background: #FFFBCC;
	border-color: #E6DB55;
}

.error {
	border-color: #D8000C;
	color: #D8000C;
}

.alert dl {
	margin: 0;
}

.alert dd:before {
	content: '* ';
}

/* box */
/* ---------------------- */

.box {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	z-index: 99;
}

.box.shadow {
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.box-head {
	padding: 10px 0 0 10px;
}

.box-head h2 {
	float: left;
	line-height: 1em;
	margin-bottom: 5px;
	position: relative;
	z-index: 100;
}

.ie7 .box-head h2 {
	line-height: 1.4em;
}

.box-head .box-head-right {
	float: right;
	padding-right: 5px;
}

.box-head a.more {
	background-color: #c8b39e;
	color: #fff;
	display: block;
	font: 10px Arial, Helvetica, sans-serif;	
	margin: 5px 5px 0 0;
	padding: 5px 10px;
	text-transform: uppercase;
}

.box-head .filter strong {
	font-weight: normal;
}

.box-head .filter span a {
	padding: 0 5px;
}

.box-head .filter span a.active {
	color: #54311a;
}

.box-head .filter .jump-page {
	float: right;
	margin-bottom: 0;
}

.box-head .filter .jump-page input[type=text] {
	padding: 2px;
	width: 20px;
}

.box.text {
	padding: 15px 20px 5px;
}

.box.brown-bg {
	background-color: #dccec0;
}

.box.brown-bg h3 a {
	color: #54311a;
	font-style: normal;
}

.box h3 {
	border-bottom: 1px dotted #54311a;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.box h3 a {
	color: #85b335;
	font-style: italic;
}

.box h4.date {
	color: #85b335;
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
}

.box .share {
	margin-bottom: 15px;
}

.box .share .addthis_default_style .at15t_compact {
	margin-top: 2px;
}

.box.alert {
	margin-top: 10px;
}

.box.alert p {
	color: red;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

.box.error-bg {
	background: #FFBABA;
	color: #D8000C;
}

.box.error-bg .cart-table td.col-name,
.box.error-bg .cart-table td.col-total {
	color: #D8000C;
}

.box.error-bg .border {
	border-color: #D8000C;
}

.box.text .buttons {
	bottom: 5px;
	right: 20px;
	position: absolute;
	z-index: 100;
}

.box.text .buttons a {
	margin-left: 6px;
}

.col-300 .box h3 {
	font-style: italic;
}

/* filters box */
/* ---------------------- */

.box.filters {
	padding-bottom: 10px;
}

.box.filters h4 {
	float: left;
	font-style: italic;
	line-height: 22px;
	margin-bottom: 0;
	padding: 2px 10px 0 0;
}

.box.filters .sep-or {
	display: block;
	float: left;
	padding: 4px 10px 0 5px;
}

.box.filters form {
	float: left;
	margin-bottom: 0;
}

.box.filters select {
	background-color: #85b335;
	color: #fff;
	margin-right: 5px;
	padding: 1px;
	width: 200px;
}

/* product details box */
/* ---------------------- */

.box.product-details {
	min-height: 440px;
	padding-right: 10px;
}

.box.with-thumbs {
	min-height: 547px;
}

.box.product-details h1 {
	color: #85b335;
	font-size: 18px;
}

.box.product-details h4 {
	font-size: 16px;
}

.box.product-details .line-sep {
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.box.product-details .related-img {
	background-color: #eeebe7;
	margin-bottom: 10px;
	text-align: center;
}

.box.product-details .related-img img {
	margin: 0 auto;
}

.box .overflow-scroll-inner {
	padding: 0 10px 15px 0;
}

.box.product-details .overflow-scroll {
	overflow: auto;
	height: 435px;
}

.box.with-thumbs .overflow-scroll {
	height: 542px;
}

/
/* @end */

/* @group structure : container + content */
/* -------------------------------------------------- */
    
#container {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}

#content {
	padding-bottom: 80px;
}

/* @end */

/* @group structure : main */
/* -------------------------------------------------- */
    
#main {
	margin:0 auto;
	width: 1020px;
}

#main .col-460 {
	float: left;
	width: 400px;
}

#main .col-300 {
	float: right;
	width: 600px;
}
#main .col-300 .box,
#main .col-460 .box {
	min-height:557px;vertical-align:bottom;
}

#main .col-460 .box h4,
#main .col-460 .box img {
	text-align:left;
	margin:0px 0;
	font-size:12px;
}


/* @end */

/* @group messages */
/* -------------------------------------------------- */
#messages-list{width:1010px;margin:30px auto;text-align:left;}
#messages-list li{list-style-type:none;padding:20px;}
#messages-list li label{display:block;width:100%;border-bottom:1px dotted #bdaa9d;float:none;padding:0 0 10px;margin:0 0 15px;}

#messages-list li .forimg{float:left;margin-right:20px; width:120px;overflow:hidden;display:block;}



.monmessage{float:left;width:820px;}

/* @end */
#messages-list2{width:1010px;margin:30px auto;text-align:left;}
#messages-list2 li label{display:block;width:100%;border-bottom:1px dotted #bdaa9d;float:none;padding:0 0 10px;margin:0 0 15px;}
#messages-list2 li{list-style-type:none;padding:20px;}
#messages-list2 li .forimg2 img{float:left;margin-bottom:10px;margin-right:20px;overflow:hidden;display:inline;}
.petit{font-size: 11px;}
/* @group section : infos pratiques */
/* -------------------------------------------------- */

#form-contact p {
	margin-bottom:10px;
}
#form-contact p.forsubmit {
	margin-top:20px;
}

#form-contact input[type=text],
#form-contact textarea {
	width: 350px;
	float:right;
}
#form-contact input[type=submit] {
	width: 362px;
	float:right;
}
#form-contact textarea {
	height:140px;
}

label {
	width:150px;
	display:block;
	float:left;
	text-align:left;
}
#form-contact span.note {
	line-height:11px !important;
	font-size:11px;
	display:block;
	margin-top:4px;
	text-align:left;
}
#form-contact input#forcaptcha{width:280px;display:inline;}
#form-contact #floatcaptcha {float:right; display:block;width:362px;}
#cryptogram{padding:4px 0 0;display:inline;float:left;margin:0;}
.for_file_transfert{background-color: #F2EEE8;padding:5px;
	width: 350px;
	float:right;}
/* @end */