/* BRIN D'HERBE - GENERAL */

* { margin: 0; padding: 0; }

img { border: none; }

.fontsize_10 input, .fontsize_10 textarea, .fontsize_10 select, .fontsize_10 option { font-size: 10px; }
.fontsize_12 input, .fontsize_12 textarea, .fontsize_12 select, .fontsize_12 option { font-size: 12px; }
.fontsize_16 input, .fontsize_16 textarea, .fontsize_16 select, .fontsize_16 option { font-size: 16px; }
.fontsize_10 { font-size: 10px; }
.fontsize_12 { font-size: 12px; }
.fontsize_16 { font-size: 16px; }
input, textarea, select, option { font-size: 10px; }

h1 { font: bold 2em Verdana, sans-serif; }
h2 { font: 1.3em Arial, sans-serif; }
h3 { font: 1em Verdana, sans-serif; }

ul, ol { list-style-type: none; }

.clear {
	clear: both; height: 0; line-height: 1px; font-size: 1px;
	*position: absolute;
}/* Hack IE6 */
.hidden { display: none; }

body { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
.body {
	background: white url(../images/body_bg.png) left top repeat-x; color: #000;
}
.body #content {
	position: relative; width: 94em; margin-bottom: 3.5em;
	background: white url(../images/content_background.gif) left bottom repeat-y;
	clear: both;
}
#all { width: 94em; margin: auto; padding-right: 4em; }
.others, .othersRed {
	clear: both; float: right; display: inline; color: #555; text-decoration: underline;
	margin: 1em 0; font: bold 1.2em Arial, Helvetica, sans-serif;
}
.others:hover { color: #000; }
.othersRed { color: #b33c3c; }
.othersRed:hover { color: #800; }

/* Flashes, errors & notice */
#warning {
	border: 1px solid #c0a42a; color: #c0a42a;
	padding: 0.83em; padding-left: 3.6em;
	background: #fff4cd url(../images/back/silk/error.gif) 1em center no-repeat;
}
#warning p { font-weight: bold; }
#warning ul { margin-left: 1.5em; list-style-type: square;  }

#resultNotice, #flashes .notice {
	border: 1px solid #9dc630; color: white; font-weight: bold;
	padding: 0.83em; padding-left: 2.91em; text-align: center;
	background-color: #9dc630; font-size: 11px;
	/*background: #d4f4cd url(../images/back/silk/flag_green.gif) 1em center no-repeat;*/
}
#flashes .noticeFixed {
	border: 1px solid #48a42a; color: #48a42a; font-weight: bold;
	padding: 0.83em; padding-left: 2.91em;
	background: #d5dcc0 url(../images/back/silk/flag_green.gif) 1em center no-repeat;
	width: 18em; height: 1.5em;
	left: -10em; top: -1.5em;
	margin-left: 50%; margin-top: 33%; /* FIXME */
	z-index: 1; position: fixed;
}

#errorExplanation h2 { display: none; }

#errorExplanation p, div.flashes.error p { font-size: 16px; font-weight: bold; }

#errorExplanation, .errorExplanation, #flashes .error, div.flashes.error {
	/*margin-bottom: 2.5em;*/ padding: 0.83em; padding-left: 2.91em;
	color: #cb2c2c; border: 1px solid #cb2c2c;
	background: #f4dbcd url(../images/back/icon_error.png) 1em center no-repeat;
}
#flashes .error { font-size: 11px; margin: 0 0 1em; }
#errorExplanation ul li, #flashes .error ul li, div.flashes.error ul li {
	font-size: 12px; margin-left: 1em; padding-left: 1em;
	background: transparent url(../images/back/mark_error.gif) left center no-repeat;
}

div.flashes.error label { text-decoration: underline; cursor: pointer; }


/* Content */
#content #mainColumn {
	float: right; display: inline;
	width: 66.4em; margin-bottom: 2em; padding: 1em 2.6em 2em 0;
}
#content #mainColumn .first { margin: 0; }
#content h1 {
	font: bold 1.6em Arial, Helvetica, sans-serif; color:#656363;
}

/* Fil d'Ariane */
#location { height: 2em; font-size: 1.1em; margin: 0.3em 0; }
#location p { display: inline; font-weight: bold; margin-right: 0.5em; }
#breadcrumbs { /*float: left;*/ display: inline; }
#breadcrumbs li { display: inline; padding-right: 0.3em; }
#breadcrumbs li a { text-decoration: none; color: black; }
#breadcrumbs li a:hover { text-decoration: underline; color: #749420; }
#breadcrumbs li.active a { color: #749420; }

/* Rounded image */
div.roundedImage {
	position: relative; float: left;
	font-size: 10px; width: 24em; height: 16em;
}
.roundedImage img.editorialImage { width: 24em; height: 16em; }
.roundedImage img.cornerTopLeft { position: absolute; top: 0; left: 0; }
.roundedImage img.cornerBottomRight { position: absolute; bottom: 0; right: 0; }

.userHelp p {
	font-size: 12px; padding-top: 1em; line-height: 2em; color: #4d4d4d;
}
.userHelp a { color: #666; text-decoration: underline; }
.userHelp a:hover { color: #993; }

/** CART NOTIFICATION **/

body { height: 100%; }
#cartNotification {
  position: absolute;
  top: expression( ( ignoreMeL = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
  left: expression( ( ignoreMeT = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
  width: 100%; height: 100%; z-index: 4000;
}
body > #cartNotification { position: fixed; left: 0; top: 0; }
#cartNotification div.shader {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black;
  opacity: 0.5; filter: alpha(opacity=50); z-index: 4020;
}
#cartNotification div.box {
  position: absolute; left: 50%; top: 50%; width: 30em; height: 4em; margin-left: -16em; margin-top: -4em;
  font-size: 1.2em; text-align: center; padding: 1em; z-index: 4030;
  background: white; border: 1px solid black;
}
#cartNotification div.discounted { height: 5.7em; }
#cartNotification div.extendedDiscount { height: 7.7em; }
#cartNotification div.extendedDiscount .discountInfo span { display: block; margin-top: 0.4em; }
#cartNotification .discountInfo { display: none; text-align: center; color: gray; font-size: 90%; margin-top: 1.1em; }
#cartNotification div.discounted .discountInfo { display: block; }
#cartNotification p.message { font-size: 1.1em; color: #b8cd38; font-weight: bold; }
#cartNotification p.closing { margin: 1em 0; }
#cartNotification p.closing a { color: #444; }
#cartNotification p.notice { font-size: 0.9em; color: gray; }