/* BRIN D'HERBE - PRODUCT_DESCRIPTION */

#content #productTitle {
	line-height: 3em; font-size: 1.4em; font-weight: bold;
	color: #bc1f0f; width:50%;
}
#products { }
.productBrand { display:block; float: right; margin-bottom: 2px; line-height: 3em;font-size: 1em; color: #749420; font-weight: bold; text-decoration: none; color: #749420;}
a.productBrand:visited {text-decoration: none; }
a.productBrand:hover {text-decoration: underline; }
#details { float: left; width: 66.5em; margin-bottom: 4em; font-size: 1em; }
#detailsLeft { float: left; width: 31em; }
#detailsLeft a.zoom {
	position: absolute; right: 1em; bottom: 1em; z-index: 1; line-height: 1.6em;
	padding: 0 0.5em 0 2em; text-decoration: none; color: black;
	background: #dddbdb url(../images/icon_zoom.gif) 2px center no-repeat;
}
#detailsLeft a.zoom:hover { text-decoration: underline; }
#detailsLeft img.ecoLabel {
	position: absolute; right: 1em; top: 4em; z-index: 1; color: black;
}
#detailsLeft img.preview {
	position: absolute; left: 4.4em; bottom: 0; z-index: 0;
	width: 21.2em; height: 21.2em;
}
#detailsLeft #gradient {
	position: absolute; right: 0; top: 0; z-index:1; width: 30em; height: 2em;
	background: white url(../images/fond_img_product.png) left top repeat-x;
}

#detailImg {
	position: relative; width: 30em; height: 23.2em; margin: 0;
	border: 1px solid #ebebeb;
}

#productInfos { float: left; margin-top: 1em; }
#productInfos p { float: left; margin-right: 2em; }
#productInfos p span { font-weight: bold; }

#detailsRight {
	float: right; position: relative;
	padding: 0 1.5em 0 1.5em; font-size: 1.2em; text-align: justify;
	border: 1px solid #c1e27b; border-top: 0; border-bottom: 0;
}
#detailsRight div.inner {
	float: left; width: 25em;
}

#cartForm { text-align: center; }
#cartForm p { margin: 1em 0 1em 0; }
#cartForm .field input, #cartForm .field select {
	font-size: 11px; width: 3em; padding: 1px 2px; border: solid 1px gray;
}
#cartForm .field option { font-size: 11px; }
#cartForm .field select { width: 12em; }

#edtReqIntegerQuantity { width: 2em; }
#prodBuy { display: block; margin-top: 2.5em; text-align: center; }
#prodBuy span { display: block; }
#unitPrice { font-size: 1.2em; font-weight: bold; }
#price { margin: 0.2em 0 1.5em 0; font-size: 1.9em; color: #729c11; }
.inner .outOfStock { font-size: 1.1em; text-align: center; }
#cartButton {
	width: 11em; height: 2.5em; font-size: 1.2em; font-weight: bold;
	text-decoration: underline; border: 1px solid #d6d5d5;
	cursor: pointer; color: #b33c3c;
	background: #f7f7f7 url(../images/button_cart.gif) left bottom repeat-x ;
}
#cartButton:hover {
	border: 1px solid #b8b8b8; color: #8c1d1d;
	background: #f7f3f3 url(../images/button_cart2.gif) left bottom repeat-x;
}

#detailsBottom { float: left; width: 66.5em; margin-bottom: 3em; }
#productTabs {
	float: left; width: 100%;
	background: white url(../images/border_ul.gif) left bottom repeat-x;
}
#productTabs li {
	float: left; width: 10em; height: 2.4em; margin-right: 0.1em; text-align: center;
	border: 1px solid #c1e27b; border-bottom: none;
}
#productTabs li a {
	display: block; height: 2.15em; line-height: 2.1em; font-size: 0.85em;
	text-decoration: none; font-weight: bold; color: white;
	background: #8fc312 url(../images/ul_back.gif) left top repeat-x;
}
#productTabs li a:hover, #detailsBottom #productTabs .active a {
	color: #93b83e; background: white;
}
#productTabs .last { position: relative; width: 13em; }
#productTabs .last a span {
	position: absolute; top: -1px; right: -1px; width: 1.1em; height: 0.8em;
	background: transparent url(../images/li_last_topright.gif) right top no-repeat;
}
#productTabs .last a:hover span {
	background: transparent url(../images/li_last_topright2.gif) right top no-repeat;
}

/* Tabs */
img.note { display: inline; width: 5.8em; height: 1em; margin-left: 0.1em; }
#tab7 { float: left; width: 100%; }
#tab7 .descripFirst { font-size: 1.3em; }
#others {
	float: right; margin: 0.5em 0.5em 0 0; font-size: 1.1em;
	text-decoration: none; color:#698f0f;
}
#others:hover { text-decoration: underline; }
#tab1 .inline { display: inline; margin: 0; font-weight:bold; }

/* TinyMCE editorials */
/*
#all #detailsBottom .tiny p { margin: 0.5em 0; }
#all #detailsBottom .tiny p strong { font-weight: bold; }
#all #detailsBottom .tiny hr, hr.green {
	height: 4px; margin: 1.5em 0; border: 0;
	background: transparent url(../images/div_separate.gif) left center repeat-x;
}
#all #detailsBottom .tiny h1, #detailsBottom .tiny h2, #detailsBottom .tiny h3,
#all #detailsBottom .tiny h4, #detailsBottom .tiny h5, #detailsBottom .tiny h6 {
	font: bold 1.3em Verdana, Arial, sans-serif; color: black; margin: 0.5em 0;
}
#all #detailsBottom .tiny ul, #all #detailsBottom .tiny ol {
	display: block; margin: 0.5em 0 1em 3em;
}
#all #detailsBottom .tiny ul li { list-style-type: square; }
#all #detailsBottom .tiny ol li { list-style-type: decimal; }
#all #detailsBottom .tiny table {
	border: solid 1px black; width: 100%; border-collapse: collapse;
	margin: 1em 0;
}
#all #detailsBottom .tiny table th, #all #detailsBottom .tiny table td {
	border: solid 1px black; padding: 0.1em 0.2em;
}
*/
.user span { margin: 0; }
.bold {
	display: block; margin: 1em 0;
	font-size: 1em; font-weight: bold; color: black;
}
.bold2 {
	display: block; margin-top: 1em;
	font-size: 1.1em; font-weight: bold; color: black;
}
.bold3 { font-weight: bold; }

#detailsBottom #tab1, #detailsBottom #tab2, #detailsBottom #tab3,
#detailsBottom #tab4, #detailsBottom #tab5, #detailsBottom #tab6 {
	clear: both; padding: 2em 1em 1em;
	border: 1px solid #c1e27b; border-top: 0;
}
#detailsBottom #tab4, #detailsBottom #tab5 { font-size: 1.2em; }
#detailsBottom .formBack {
	margin: 0.5em 0 1em 0; padding: 1em 0 1em 0;
	border: none; background-color: #fbf6e8;
}
#detailsBottom .formBack form { width: 50%; margin-left: 7em; text-align: right; }
#detailsBottom .formBack input { width: 10em; }
#detailsBottom .formBack input,
#detailsBottom .formBack select { font-size: 1.1em; border: 1px solid #d6d4d4; }
#detailsBottom .formBack #newsletter,
#detailsBottom .formBack #newsletter2 { width: 1em; margin-right: 0.5em; border: none; }
#detailsBottom .formBack .news {
	width: 20em; margin: 1em 0  0.5em 19.05em; text-align: left;
}
#detailsBottom .formBack span { display: block; margin: 1em 0 1em 1em; }
#detailsBottom .formBack p { margin-top: 0.5em; padding: 0; border: none; }
#detailsBottom .formBack a { text-decoration: underline; color: #749420; }
#detailsBottom .formBack a:hover { color: #51784b; }
#detailsBottom .formBack .message { width: 100%; margin: 0; text-align: center; }
#detailsBottom .formBack .message .formButton {
	margin: 1em 0 0.5em 0; text-align: center;
}
#detailsBottom .formBack .formButton { margin: 1em 0 0.5em 0; text-align: right; }
#detailsBottom .formBack .formButton input {
	margin: 0.1em; padding: 0.2em 0 0.2em 0; text-align: center;
	font-weight: bold; border: none; color: white; cursor: pointer;
	background: #91c313 url(../images/back_button.gif) left top repeat-x;
}
#detailsBottom .formBack .formButton input:hover {
	background: #95cc0f url(../images/back_button2.gif) left top repeat-x;
}
.formBack textarea {
	width: 58em; margin-top: 1em; font-size: 1.0em; border: 1px solid #d6d4d4;
}

h4.packTitle { font-size: 1.3em; }
table.packComposition {
	font-size: 1.2em; margin-top: 1em; border-collapse: collapse; width: 100%;
	background-color: #f7f2d4; text-align: center;
}
table.packComposition thead th.first { width: 8em; }
table.packComposition th, table.packComposition td { padding: 3px; }
table.packComposition thead th {
	background-color: #f1e8b7; color: gray; font-weight: bold;
}
table.packComposition tbody td { color: black; }
table.packComposition tbody tr.highlighted { background-color: #fbf6e8; }
table.packComposition .left { text-align: left; }
table.packComposition a { color: #b33c3c; text-decoration: underline; }
table.packComposition a:hover { color: #c9796b; }

p.contact { font-size: 1.3em; font-weight: bold; margin-top: 1em; text-align: center; }
p.contact a { color: #749420; font-style: underline; }
p.contact a:hover { color: #363; }

/* Produits similaires et associ�s */
.sameProd { float: left; margin: 2.5em 0 1em 0; }
.sameProd div { float: left; width: 32.5em; text-align: center; }
.sameProd .sameLast { float: right; }
.sameProd div span { font-weight: bold; }
.sameProd div ul {
	margin: 0.5em 0 0 0; border-top: 1px solid #d0d0d0;
	background: transparent url(../images/back_same.jpg) right top no-repeat ;
}
.sameProd div ul li {
	float: left; width: 10.8em; margin: 0; padding: 0; background-color: transparent;
}
.sameProd div ul li a { display: block; text-decoration: none; color: #698f0f; }
.sameProd div ul li a:hover { text-decoration: underline; }
.sameProd div ul .first {
	background: transparent url(../images/back_same.jpg) left top no-repeat;
}
.sameProd div ul li img { width: 6.4em; height: 6.4em; }

.mentions { font-size: 1.1em; margin-top: 1.5em; }

/** CUSTOMER RATINGS -- Massive context override using #content #tab4 to kick ugly existing styles out of this. **/

#content #tab4 div.descrip {
  margin: 1em 0;
	padding: 0.2em 0.5em 0; background: transparent url(../images/rating_back.png) left top repeat-x;
}
#content #tab4 span { display: inline; margin: 0; }
#content #tab4 h4 { font-size: 1.3em; }
#content #tab4 .formBack p { margin: 0 1em 0.5em; }
#content #tab4 div.descrip p { margin-bottom: 0.5em; }
#content #tab4 div.reply {
  font-style: italic; border-left: 1em solid #c1e27b; padding-left: 1em;
}
#content #tab4 p.error {
  margin: 1em; padding: 1em; color: maroon; border: 1px solid maroon; background: #fdd; text-align: center;
}

#content #tab4 form.regular { width: 33em; margin: 0 auto; text-align: left; }
#content #tab4 form.regular p { float: left; display: inline; }
#content #tab4 form.regular label { float: left; display: inline; width: 8em; text-align: right; }
#content #tab4 form.regular select { font: inherit; }
#content #tab4 form.regular .field { font: inherit; display: inline; float: left; margin-left: 0.5em; width: 20em; }
#content #tab4 form.regular .field.offset { margin-left: 8.5em; }
#content #tab4 form.regular .field.terms { width: 26em; }
#content #tab4 form.regular .field label { float: none; width: auto; text-align: left; }
#content #tab4 form.regular p.formButton { padding-left: 8.5em; }
#content #tab4 form.regular #chkNewsletter,
#content #tab4 form.regular #chkTermsOfUse { border: 0; width: auto; }

#content #tab4 #ratingForm { width: auto; margin: 0 1em; text-align: left; }
#content #tab4 span { display: inline; }
#content #tab4 select { margin: 0; }
#content #tab4 textarea { width: 100%; }
#content #tab4 #errorExplanation { margin: 1em 1em; }