@import url(navigation.css);

/********************
 * BLOCS PRINCIPAUX *
 ********************/

body {
	color: #000;
	background-color: #fff;
	text-align: justify;
	font-family: arial, sans-serif;
	font-size: 10pt;
	padding: 0;
	margin: 10px;
}
div#header {
	background-color: #bbb;
	position: relative;
}
div#main {
	background-color: #eee;
	padding: 0 10px 10px;
	clear: both;
}
div#footer {
	color: #888;
	font-size: 80%;
	background-color: #ddd;
	padding: 10px;
	margin-top: 10px;
}
div#statistics {
	background-color: #a00;
	color: #fff;
	margin-top: 10px;
	padding: 10px;
	font-size: 80%;
}

/**********
 * TITRES *
 **********/

div#header h1 {
	margin: 0;
	padding: 5px 10px;
}
div#header h1 a {
	color: inherit;
	text-decoration: inherit;
	display: block;
}
h2, h3, h4 {
	/*clear: both;*/
	padding: 5px 10px;
	margin: 10px -10px 0 -10px;
}
h2 + h3 {
	margin-top: 0;
}
h2 {
	background-color: #ccc;
}
h3 {
	background-color: #ddd;
}
h4 {
	background-color: #eee;
}

/***********************
 * ELEMENTS PRINCIPAUX *
 ***********************/

p, ul, ol, pre, form, div.form {
	margin: 10px 0 0 0;
}
ul, ol {
	padding-left: 20px;
}
li ul {
	margin: 0;
}
pre {
	font-size: 8pt;
	white-space: pre-wrap;
}
pre pre {
	margin: 0;
	padding: 0;
}
form, div.form {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #aaa;
}
dl, dd {
	margin: 0;
}
a {
	color: #a00;
	text-decoration: inherit;
}
a:hover {
	text-decoration: underline;
}
img.icon {
	vertical-align: bottom;
}
a img {
	border: 0 none;
}
code {
	font: 90% monospace;
}
div.loading {
	background: black url(../images/loading/loading.gif) center center no-repeat;
	z-index: 10;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.clear {
	visibility: hidden;
	clear: both;
	height: 0;
	border: 0 none;
	margin: 0;
}
h3 + table.array {
	margin-top: 10px;
}
table.array {
	color: #000;
	border-collapse: collapse;
	border: 1px solid #aaa;
	background-color: #fff;
	width: 100%;
}
table.array td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #aaa;
}
table.array td.array-key {
	background-color: #ddd;
	font-family: monospace;
	font-size: 80%;
}

/***************
 * FORMULAIRES *
 ***************/

.form-date, .form-datetime, .form-decimal, .form-email, .form_file, .form-captcha,
.form-html, .form-image, .form-ipv4, .form-ipv6, .form-money, .form-number,
.form-password, .form-phone, .form-text, .form-textarea, .form-time, .form-uri
{
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding: 3px 3px 3px 22px;
	background-color: #fff;
	border: 1px solid #aaa;
	border-color: #666 #bbb #bbb #666;
}
.form-checkbox {
	vertical-align: middle;
}
.form-date, .form-datetime {
	background-image: url(../images/form-element/date.png);
	width: 8em;
}
.form-decimal, .form-number {
	background-image: url(../images/form-element/number.png);
}
.form-email {
	background-image: url(../images/form-element/email.png);
}
.form-file {
	background-image: url(../images/form-element/file.png);
}
.form-captcha {
	background-image: url(../images/form-element/text.png);
	display: block;
	clear: left;
}
.form-html {
	background-image: url(../images/form-element/html.png);
	width: 75%;
}
.form-html-button {
	display: block;
	width: 75%;
	clear: both;
	text-align: center;
	background-color: #ccc;
	padding: 3px 3px 3px 22px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	border-color: #bbb #888 #888 #bbb;
	cursor: pointer;
}
.form-html-button:hover {
	background-color: #ddd;
	border-color: #888 #bbb #bbb #888;
}
.form-image {
	background-image: url(../images/form-element/image.png);
}
.form-ipv4, .form-ipv6 {
	background-image: url(../images/form-element/ip.png);
}
.form-money {
	background-image: url(../images/form-element/money.png);
}
.form-password {
	background-image: url(../images/form-element/password.png);
}
.form-phone {
	background-image: url(../images/form-element/phone.png);
}
.form-time {
	background-image: url(../images/form-element/time.png);
}
.form-tree {
	border: 1px dotted #888;
	width: 100%;
	max-height: 250px;
	overflow: auto;
}
.form-tree > div {
	margin: 5px;
}
.form-text, .form-textarea {
	background-image: url(../images/form-element/text.png);
}
.form-uri {
	background-image: url(../images/form-element/uri.png);
	width: 50%;
}
.form-hidden {
	display: none;
}
.form .form-buttons {
	margin-bottom: 0;
}
.form-buttons dt, .form-extensible-buttons dt, .form-confirm dt {
	display: none;
}
.form-buttons dd, .form-extensible-buttons dd, .form-confirm dd {
	display: inline;
}
.form p.description {
	background-color: #ffa;
	border: 1px solid #dd0;
	margin-top: 5px;
	padding: 5px 10px;
}
label.required {
	padding-left: 10px;
	background: url(../images/form-element/required.png) no-repeat center left;
}

/*********************
 * SYSTEME D'ONGLETS *
 *********************/

.tab-system {
	display: none;
}
.tab-headers {
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 30px;
	/*overflow: hidden;*/
}
.tab-header {
	list-style-type: none;
	float: left;
	border: 1px dotted #888;
	border-bottom: 0 none;
	margin-right: 5px;
	background-color: #eee;
}
.tab-header-active {
	line-height: 31px;
	font-weight: bold;
	background-color: #fff;
	margin-bottom: -1px;
	border-bottom: 0 none;
}
.tab-header a {
	display: block;
	padding: 0 10px;
}
.tab-header a span {
	vertical-align: bottom;
	font-weight: normal;
	margin-left: 5px;
}
.tab-header-error {
	color: #a00;
}
.tab-header-error-highlight {
	color: #f00;
}
.tab-header-error a {
	color: inherit;
}
.tab-header:hover {
	background-color: #fff;
}
.tab-header a:hover {
	text-decoration: inherit;
}
.tab-inactive {
	display: none;
}
.tab-active {
	display: block;
}

/*********************
 * GROUPES DE CHAMPS *
 *********************/

.block {
	border: 1px dotted #888;
	margin-bottom: 10px;
}
.block .block-title {
	padding: 5px 10px;
	margin: 0;
	background-color: #eee;
	font-weight: bold;
}
.block .block-title-active {
	padding-left: 25px;
	opacity: 1;
	background: #eee url(../images/form-element/collapse.png) no-repeat 5px center;
	cursor: pointer;
}
.block .block-title-inactive {
	padding-left: 25px;
	opacity: 0.75;
	background: #eee url(../images/form-element/expand.png) no-repeat 5px center;
	cursor: pointer;
}
.block > dl {
	margin: 10px;
}
.block .block-inactive {
	margin: 0 10px;
}
.form-locale > dl dd:last-child {
	margin-bottom: 0;
}

/*******************
 * UPLOAD D'IMAGES *
 *******************/

.form-images-image,
.form-images-upload,
.form-extensible-template {
	position: relative;
}
.form-images-image-del,
.form-extensible-template-del {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../images/form-element/delete.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
}
.form-images-image-mv {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../images/form-element/move.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 25px;
}
.form-images-image,
.form-images-upload {
	min-height: 160px;
	border-style: dashed;
}
.form-images-image > dl,
.form-images-upload > dl {
	margin-top: 0;
}
.form-images-image .tab-system,
.form-images-upload .tab-system {
	margin-left: 150px;
}
.form-images-image .form-images-image-label,
.form-images-upload .form-images-image-label {
	display: block;
	background-color: #eee;
	padding: 5px 10px;
	margin: 0 -10px 10px;
	font-weight: bold;
}
.form-images-image .form-images-image-preview,
.form-images-upload .form-images-image-preview {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}
.form-images-image .form-images-image-preview img,
.form-images-upload .form-images-image-preview img {
	width: 140px;
	max-height: 140px;
}
.form-images-image .tab,
.form-images-upload .tab {
	margin-left: 0;
}
.form-images-upload #images-new-upload-label {
	clear: left;
}

/*************************
 * AFFICHAGE DES ERREURS *
 *************************/

div.form ul.errors,
form ul.errors {
	padding: 5px 10px 5px 25px;
	background-color: #f00;
	color: #fff;
}
div.messages {
	clear: both;
}
div.messages .message {
	margin-top: 10px;
	padding: 10px 10px 10px 60px;
	min-height: 38px;
	background-color: #fff;
	border: 1px solid #ddd;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
div.messages .message p {
	margin: 0;
}
div.messages .message ul {
	margin: 0;
}
div.messages .message a {
	color: inherit;
	text-decoration: underline;
}
div.messages .messages-info {
	background-color: #4d4;
	border-color: #2b2;
	background-image: url(../images/messages/info.png);
}
div.messages .messages-error {
	background-color: #d42;
	border-color: #b20;
	background-image: url(../images/messages/error.png);
	color: #fff;
}
div.messages .messages-warn {
	background-color: #fd4;
	border-color: #db2;
	background-image: url(../images/messages/warn.png);
}

/************
 * DATAGRID *
 ************/

.datagrid-filters-title {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
	cursor: pointer;
}
.datagrid-filters-title-inactive {
	background-color: #bbb;
	background-image: url(../images/form-element/expand.png);
}
.datagrid-filters-title-active {
	background-image: url(../images/form-element/collapse.png);
}
.datagrid-filters-title-highlight {
	background-color: inherit;
}
.datagrid-filters .form {
	background-color: #fff;
	border: 1px solid #aaa;
	margin: 10px 0 0;
}
.datagrid-filters .form dt {
	float: left;
	width: 150px;
	clear: left;
}
.datagrid-filters .form dd {
	clear: right;
}
.datagrid-filters .datagrid-filters-columns .form-group {
	float: left;
	border: 0 none;
}
.datagrid-filters .datagrid-filters-1-columns .form-group {
	width: 100%;
}
.datagrid-filters .datagrid-filters-2-columns .form-group {
	width: 50%;
}
.datagrid-filters .datagrid-filters-3-columns .form-group {
	width: 33%;
}
.datagrid-filters .datagrid-filters-columns .block > dl {
	margin: 0;
}
.datagrid-filters .datagrid-filters-columns dd.form-buttons,
.datagrid-filters .datagrid-filters-columns dd.form-buttons dd {
	float: none;
	width: auto;
	clear: both;
}
.datagrid-container {
	margin-top: 10px;
}
.datagrid-toolbar {
	border: 1px solid #aaa;
	background-color: #ccc;
	padding: 5px;
	min-height: 45px;
}
.datagrid-massaction {
	float: left;
	clear: left;
}
.datagrid-export {
	float: left;
	clear: left;
	margin-top: 3px;
}
.datagrid-paginator {
	float: right;
	clear: right;
	margin-bottom: 3px;
}
.datagrid-paginator span.datagrid-paginator-disabled {
	color: #888;
}
.datagrid-paginator span.datagrid-paginator-enabled {
	font-weight: bold;
}
.datagrid-paginator {
	float: right;
	clear: right;
	margin-bottom: 3px;
}
.datagrid-quantity {
	float: right;
	clear: right;
}
.datagrid-quantity span.datagrid-quantity-enabled {
	font-weight: bold;
}
.datagrid-wrapper {
	max-width: 100%;
	overflow: auto;
	margin: 10px 0;
	padding: 1px 0 0 1px;
}
.datagrid {
	width: 100%;
	border: 1px solid #555;
	border-collapse: collapse;
	font-size: inherit;
}
.datagrid thead {
	background-color: #666;
	color: #fff;
}
.datagrid thead th {
	border: 1px solid #666;
	letter-spacing: -1px;
	text-align: left;
}
.datagrid thead th span {
	vertical-align: middle;
	line-height: 18px;
	display: inline-block;
}
.datagrid th, .datagrid td {
	border: 1px solid #aaa;
	padding: 3px;
	vertical-align: middle;
	font-size: 90%;
}
.datagrid tr.datagrid-data, .datagrid tr.datagrid-data-odd {
	background-color: #eee;
}
.datagrid tr.datagrid-data-even {
	background-color: #fff;
}
.datagrid tr.datagrid-data-selected {
	background-color: #dbf0da;
}
.datagrid tr.datagrid-data:hover {
	background-color:#ffffcf;
}
.datagrid td.datagrid-actions {
	text-align: right;
}
.datagrid td.datagrid-checkboxes {
	text-align: center;
	width: 20px;
}
.datagrid td ul {
	margin: 0;
	padding: 0 0 0 15px;
}
.datagrid thead th a.datagrid-order {
	width: 12px;
	height: 18px;
	float: left;
	text-indent: 50px;
	overflow: hidden;
	margin-right: 5px;
}
.datagrid thead th a.datagrid-order-asc {
	background: transparent url(../images/datagrid/table-sort-asc.gif) center center no-repeat;
}
.datagrid thead th a.datagrid-order-desc {
	background: transparent url(../images/datagrid/table-sort-desc.gif) center center no-repeat;
}
.datagrid thead th a.datagrid-order-asc-active {
	background: transparent url(../images/datagrid/table-sort-asc-active.gif) center center no-repeat;
}
.datagrid thead th a.datagrid-order-desc-active {
	background: transparent url(../images/datagrid/table-sort-desc-active.gif) center center no-repeat;
}
.datagrid tbody td span.false, .datagrid tbody td span.true {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: 16px;
	overflow: hidden;
	margin: 0 auto;
}
.datagrid tbody td span.false {
	background: transparent url(../images/datagrid/boolean-false.png) center center no-repeat;
}
.datagrid tbody td span.true {
	background: transparent url(../images/datagrid/boolean-true.png) center center no-repeat;
}
div.selectlist-table div.datagrid-wrapper {
	border: 1px solid #555;
	padding: 10px;
}
.datagrid tr.selectlist-selected {
	background-color: #c80;
}
.datagrid tbody td.datagrid-cell-array {
	font-size: 80%;
	padding: 0;
}
.datagrid tbody td.datagrid-cell-array > ul {
	max-height: 100px;
	overflow: auto;
}
.datagrid tbody td.datagrid-cell-checkbox {
	width: 16px;
	text-align: center;
}
.datagrid tbody td.datagrid-cell-date,
.datagrid tbody td.datagrid-cell-datetime,
.datagrid tbody td.datagrid-cell-time {
	text-align: center;
}
.datagrid tbody td.datagrid-cell-float,
.datagrid tbody td.datagrid-cell-int,
.datagrid tbody td.datagrid-cell-money {
	text-align: right;
}
.datagrid tbody td.datagrid-cell-email,
.datagrid tbody td.datagrid-cell-text,
.datagrid tbody td.datagrid-cell-uri {
	text-align: left;
}
.datagrid tbody td.datagrid-cell-image {
	width: 24px;
	font-size: 50%;
	text-align: center;
}
.datagrid tbody td.datagrid-cell-image img {
	display: inline-block;
}
.datagrid tbody td.datagrid-cell-actions {
	text-align: right;
}
.datagrid tbody td.datagrid-cell-actions a {
	display: inline-block;
	float: right;
	margin-left: 3px;
}
.datagrid tbody td.datagrid-cell-actions span.datagrid-action-separator {
	display: inline-block;
	float: right;
	margin-left: 3px;
	border-left: 1px solid #888888;
	height: 16px;
}

/******************
 * MULTI-COLONNES *
 ******************/

div.column-left, div.column-right {
	width: 50%;
	float: left;
	display: block;
	min-height: 100px;
}
div.column-left > * {
	margin-right: 5px;
}
div.column-right > * {
	margin-left: 5px;
}

/*************************
 * DERNIERS PRODUITS VUS *
 *************************/

body > div#products {
	background-color: #eee;
	clear: both;
	margin-bottom: 10px;
	height: 60px;
	padding: 10px;
	overflow: hidden;
}
div#products div.product {
	width: 140px;
	height: 60px;
	float: left;
	margin: 0 10px 10px 0;
	background-color: #ddd;
}
div#products div.product:hover {
	background-color: #ccc;
}
div#products div.product a {
	text-decoration: none;
	display: block;
	padding: 5px;
	height: 45px;
	overflow: hidden;
}
div#products div.product span.product-name {
	line-height: 20px;
	display: block;
	font-weight: bold;
}
div#products div.product span.product-description {
	display: block;
	color: #666;
	font-size: smaller;
	line-height: 10px;
	margin: 0 0 5px 0;
	padding: 0;
}

/*************
 * CATALOGUE *
 *************/

.catalog-category-thumbnail,
.catalog-product-thumbnail,
.catalog-reference-thumbnail,
.catalog-highlight-thumbnail,
.catalog-kit-thumbnail,
.catalog-collection-thumbnail,
.catalog-search-thumbnail {
	padding: 0;
}
.catalog-category-thumbnail li,
.catalog-product-thumbnail li,
.catalog-reference-thumbnail li,
.catalog-highlight-thumbnail li,
.catalog-kit-thumbnail li,
.catalog-collection-thumbnail li,
.catalog-search-thumbnail li {
	display: block;
	float: left;
	width: 128px;
	height: 164px;
	text-align: center;
	background: #fff;
	margin: 5px 10px 5px 0;
	border: 1px solid #aaa;
	overflow: hidden;
}
.catalog-category-thumbnail .catalog-category-thumbnail-image,
.catalog-product-thumbnail .catalog-product-thumbnail-image,
.catalog-reference-thumbnail .catalog-reference-thumbnail-image,
.catalog-highlight-thumbnail .catalog-highlight-thumbnail-image,
.catalog-kit-thumbnail .catalog-kit-thumbnail-image,
.catalog-collection-thumbnail .catalog-collection-thumbnail-image,
.catalog-search-thumbnail .catalog-product-thumbnail-image,
.catalog-search-thumbnail .catalog-kit-thumbnail-image {
	display: block;
	clear: right;
	height: 128px;
	overflow: hidden;
}
.catalog-category-thumbnail .catalog-category-thumbnail-image img,
.catalog-product-thumbnail .catalog-product-thumbnail-image img,
.catalog-reference-thumbnail .catalog-reference-thumbnail-image img,
.catalog-highlight-thumbnail .catalog-highlight-thumbnail-image img,
.catalog-kit-thumbnail .catalog-kit-thumbnail-image img,
.catalog-collection-thumbnail .catalog-collection-thumbnail-image img,
.catalog-search-thumbnail .catalog-product-thumbnail-image img,
.catalog-search-thumbnail .catalog-kit-thumbnail-image img {
	width: 128px;
	height: 128px;
}
.catalog-category-thumbnail .catalog-category-thumbnail-name,
.catalog-product-thumbnail .catalog-product-thumbnail-name,
.catalog-reference-thumbnail .catalog-reference-thumbnail-name,
.catalog-highlight-thumbnail .catalog-highlight-thumbnail-name,
.catalog-kit-thumbnail .catalog-kit-thumbnail-name,
.catalog-collection-thumbnail .catalog-collection-thumbnail-name,
.catalog-search-thumbnail .catalog-product-thumbnail-name,
.catalog-search-thumbnail .catalog-kit-thumbnail-name {
	display: block;
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	overflow: hidden;
}
.catalog-category-thumbnail .catalog-category-thumbnail-price,
.catalog-product-thumbnail .catalog-product-thumbnail-price,
.catalog-reference-thumbnail .catalog-reference-thumbnail-price,
.catalog-highlight-thumbnail .catalog-highlight-thumbnail-price,
.catalog-kit-thumbnail .catalog-kit-thumbnail-price,
.catalog-collection-thumbnail .catalog-collection-thumbnail-price,
.catalog-search-thumbnail .catalog-product-thumbnail-price,
.catalog-search-thumbnail .catalog-kit-thumbnail-price {
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 80%;
	background-color: #ddd;
	color: #000;
	overflow: hidden;
}
.catalog-category-thumbnail .catalog-category-thumbnail-count,
.catalog-product-thumbnail .catalog-product-thumbnail-count,
.catalog-reference-thumbnail .catalog-reference-thumbnail-count,
.catalog-highlight-thumbnail .catalog-highlight-thumbnail-count,
.catalog-kit-thumbnail .catalog-kit-thumbnail-count,
.catalog-collection-thumbnail .catalog-collection-thumbnail-count,
.catalog-search-thumbnail .catalog-product-thumbnail-count,
.catalog-search-thumbnail .catalog-kit-thumbnail-count {
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 80%;
	background-color: #ddd;
	color: #000;
	overflow: hidden;
}
.catalog-category-display,
.catalog-product-display,
.catalog-reference-display,
.catalog-highlight-display,
.catalog-kit-display,
.catalog-collection-display {
	margin: 10px 0;
}
.catalog-category-display .catalog-category-display-image,
.catalog-product-display .catalog-product-display-image,
.catalog-reference-display .catalog-reference-display-image,
.catalog-highlight-display .catalog-highlight-display-image,
.catalog-kit-display .catalog-kit-display-image,
.catalog-collection-display .catalog-collection-display-image {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 300px;
}
.catalog-category-display .catalog-category-display-name,
.catalog-product-display .catalog-product-display-name,
.catalog-reference-display .catalog-reference-display-name,
.catalog-highlight-display .catalog-highlight-display-name,
.catalog-kit-display .catalog-kit-display-name,
.catalog-collection-display .catalog-collection-display-name {
	display: block;
	font-weight: bold;
	font-size: 120%;
}
.catalog-category-display .catalog-category-display-price,
.catalog-product-display .catalog-product-display-price,
.catalog-reference-display .catalog-reference-display-price,
.catalog-highlight-display .catalog-highlight-display-price,
.catalog-kit-display .catalog-kit-display-price,
.catalog-collection-display .catalog-collection-display-price {
	display: block;
	font-style: italic;
}
.catalog-category-display .catalog-category-display-count,
.catalog-product-display .catalog-product-display-count,
.catalog-reference-display .catalog-reference-display-count,
.catalog-highlight-display .catalog-highlight-display-count,
.catalog-kit-display .catalog-kit-display-count,
.catalog-collection-display .catalog-collection-display-count {
	display: block;
	font-style: italic;
}
.catalog-category-display .catalog-category-display-description,
.catalog-product-display .catalog-product-display-description,
.catalog-reference-display .catalog-reference-display-description,
.catalog-highlight-display .catalog-highlight-display-description,
.catalog-kit-display .catalog-kit-display-description,
.catalog-collection-display .catalog-collection-display-description {
	font-size: 80%;
	font-family: monospace;
}
.catalog-category-display .catalog-category-display-date,
.catalog-product-display .catalog-product-display-date,
.catalog-reference-display .catalog-reference-display-date,
.catalog-highlight-display .catalog-highlight-display-date,
.catalog-kit-display .catalog-kit-display-date,
.catalog-collection-display .catalog-collection-display-date {
	clear: left;
	font-size: 80%;
	font-style: italic;
	margin-top: 10px;
}
.catalog-product-display .feedback-relevance,
.catalog-reference-display .feedback-relevance,
.catalog-kit-display .feedback-relevance {
	float: right;
	text-align: right;
}
.catalog-product-display .feedback-relevance .feedback-relevance-score span,
.catalog-reference-display .feedback-relevance .feedback-relevance-score span,
.catalog-kit-display .feedback-relevance .feedback-relevance-score span {
	margin-bottom: 5px;
}

/**********
 * PANIER *
 **********/

.cart {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #555;
	font-size: inherit;
}
.cart-full {
	width: 100%;
}
.cart-full input {
	width: 50px;
	text-align: right;
}
.cart-full td.cart-description {
	font-family: monospace;
	font-size: 90%;
}
.cart-full td.cart-description > p {
	margin: 0;
}
.cart-details {
	float: left;
	width: 59%;
}
.cart-summary {
	float: right;
	margin-top: 10px;
	width: 39%;
}
.cart-partial {
	width: 100%;
	margin-top: 10px;
}
.cart-default {
	display: none;
}
.cart-buttons {
	margin-top: 10px;
	float: right;
}
.cart thead, .cart tfoot {
	background-color: #666;
	color: #fff;
}
.cart thead th {
	border: 1px solid #666;
}
.cart th, .cart td {
	border: 1px solid #aaa;
	padding: 5px;
	vertical-align: middle;
}
.cart tr.cart-odd {
	background-color: #eee;
}
.cart tr.cart-even {
	background-color: #fff;
}
.cart td ul {
	margin: 5px 0;
}

/*************************
 * PROCESSUS DE COMMANDE *
 *************************/

.checkout-timeline {
	border: 1px solid #aaa;
	background-color: #fff;
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}
.checkout-timeline td {
	padding: 10px 5px;
	text-align: center;
}
.checkout-timeline td.checkout-timeline-step-enabled {
	background-color: #888;
	color: #fff;
}
#checkout-addresses,
#checkout-carriers,
#checkout-gift,
#checkout-summary,
#checkout-methods,
#checkout-payment {
	border: 0 none;
	background: none;
	margin: 0;
	padding: 0;
}
#checkout-addresses .checkout-addresses-address {
	display: block;
	margin-top: 5px;
	padding: 5px 10px;
	border: 1px solid #aaa;
	background-color: #fff;
	position: relative;
}
#checkout-addresses .checkout-addresses-address input {
	float: left;
}
#checkout-addresses .checkout-addresses-address span {
	display: block;
	margin-left: 30px;
}
.checkout-navigation {
	border: 1px solid #aaa;
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
}
.checkout-navigation #checkout-navigation-previous {
	float: left;
}
.checkout-navigation #checkout-navigation-next {
	float: right;
}
div.messages .messages-checkout {
	background-color: #f00;
	color: #fff;
}
#checkout-carriers-list {
	border: 1px solid #aaa;
	background-color: #fff;
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}
#checkout-carriers-list thead,
#checkout-carriers-list tfoot {
	background-color: #ccc;
}
#checkout-carriers-list th,
#checkout-carriers-list td {
	border: 1px solid #aaa;
	padding: 10px 5px;
}
#checkout-carriers-list td.checkout-carriers-selector,
#checkout-carriers-list td.checkout-carriers-image {
	vertical-align: top;
}
#checkout-carriers-list td.checkout-carriers-selector {
	cursor: pointer;
}
#checkout-carriers-list td p {
	padding: 0;
	margin: 0;
}
.checkout-order {
	border-collapse: collapse;
	border: 1px solid #555;
	font-size: inherit;
}
.checkout-order-full {
	width: 100%;
}
.checkout-order-fees {
	float: left;
	width: 59%;
}
.checkout-order-summary {
	float: right;
	margin-top: 10px;
	width: 39%;
}
.checkout-order thead,
.checkout-order tfoot {
	background-color: #666;
	color: #fff;
}
.checkout-order thead th {
	border: 1px solid #666;
}
.checkout-order th,
.checkout-order td {
	border: 1px solid #aaa;
	padding: 5px;
	vertical-align: middle;
}
.checkout-order tr.checkout-order-odd {
	background-color: #eee;
}
.checkout-order tr.checkout-order-even {
	background-color: #fff;
}
.checkout-order-full img {
	width: 40px;
	height: 40px;
	display: block;
}
#checkout-summary .checkout-summary-block {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #aaa;
	background-color: #fff;
}
#checkout-summary .checkout-summary-block input.checkout-edit {
	float: right;
}
.orders-payment-thumbnail {
	padding: 0;
}
.orders-payment-thumbnail li {
	display: block;
	float: left;
	width: 192px;
	height: 150px;
	background: #fff;
	margin: 5px 10px 5px 0;
	border: 1px solid #aaa;
	overflow: hidden;
}
.orders-payment-thumbnail .orders-payment-thumbnail-image {
	display: block;
	clear: right;
	width: 192px;
	height: 128px;
	overflow: hidden;
}
.orders-payment-thumbnail .orders-payment-thumbnail-name {
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	overflow: hidden;
}

/**************************
 * COLONNES DE NAVIGATION *
 **************************/

div#navigation-tree {
	float: left;
	width: 20%;
	max-height: inherit;
}
div#navigation-tree .form-tree {
	max-height: none;
}
div#navigation-tree > * {
	margin-right: 5px;
}
div#navigation-datagrid {
	float: left;
	width: 80%;
}
div#navigation-datagrid > * {
	margin-left: 5px;
}

/**********
 * STOCKS *
 **********/

.catalog-reference-thumbnail .stocks-reference-thumbnail-outofstock {
	opacity: 0.5;
}
.catalog-reference-thumbnail .stocks-reference-thumbnail-outofstock .catalog-reference-thumbnail-price {
	background-color: #888;
	color: #fff;
}
.catalog-reference-thumbnail .stocks-reference-thumbnail-oneweek .catalog-reference-thumbnail-price {
	background-color: #dd6;
}
.catalog-reference-thumbnail .stocks-reference-thumbnail-twoweeks .catalog-reference-thumbnail-price {
	background-color: #d66;
	color: #fff;
}
.catalog-reference-thumbnail .stocks-reference-thumbnail-default .catalog-reference-thumbnail-price {
	background-color: #6d6;
}
.stocks-reference-display-status {
	display: block;
	padding: 2px 5px;
	margin-bottom: 10px;
}
.stocks-reference-display-oneweek .stocks-reference-display-status {
	background-color: #dd6;
}
.stocks-reference-display-twoweeks .stocks-reference-display-status {
	background-color: #d66;
	color: #fff;
}
.stocks-reference-display-outofstock .stocks-reference-display-status {
	background-color: #888;
	color: #fff;
}
.stocks-reference-display-default .stocks-reference-display-status {
	background-color: #6d6;
}

/*************
 * LOGIN BOX *
 *************/

div#header div#loginbox {
	padding: 0 10px 5px 10px;
	margin: 0;
}
div#header div#loginbox span.login {
	font-weight: bold;
}
div#header div#loginbox #disconnect {
	display: block;
	height: 32px;
	width: 0;
	float: left;
	margin-right: 5px;
	padding-left: 32px;
	background: transparent url(../images/users/disconnect.png) 0 0 no-repeat;
	overflow: hidden;
}

/**************
 * NEWSLETTER *
 **************/

div#header div#newsletters {
	margin: 5px;
	position: absolute;
	top: 0;
	right: 0;
}
div#header div#newsletters form {
	margin: 0;
	padding: 8px;
}
div#header div#newsletters form dt {
	display: none;
}
div#header div#newsletters form input.form-submit {
	position: absolute;
	top: 8px;
	right: 9px;
}

/**********************
 * FEEDBACK: COMMENTS *
 **********************/

.feedback-comment {
	border: 1px solid #aaa;
	background-color: #fff;
	margin-top: 10px;
}
.feedback-comment .feedback-comment-header {
	margin-top: 0;
	padding: 5px;
	background-color: #ddd;
	position: relative;
	min-height: 16px;
}
.feedback-comment .feedback-comment-author {
	font-weight: bold;
}
.feedback-comment .feedback-comment-date {
	font-style: italic;
}
.feedback-comment-rating {
	vertical-align: top;
}
.feedback-comment .feedback-comment-rating {
	display: block;
	position: absolute;
	top: 5px;
	right: 50px;
}
.feedback-comment-rating-positive,
.feedback-comment-rating-negative {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.feedback-comment-rating-positive {
	background-image: url(../images/feedback/star.on.png);
}
.feedback-comment-rating-negative {
	background-image: url(../images/feedback/star.off.png);
}
.feedback-comment .feedback-comment-text {
	margin-top: 0;
	padding: 5px;
}
.feedback-comment-nocomment, .feedback-comment-nopost {
	border: 1px solid #aaa;
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
}
.feedback-comment .feedback-relevance .feedback-relevance-posting {
	position: absolute;
	top: 5px;
	right: 5px;
}
.feedback-comment .feedback-relevance .feedback-relevance-score span {
	margin-top: 3px;
}

/************************
 * FEEDBACK: RELEVANCES *
 ************************/

.feedback-relevance .feedback-relevance-likers {
	color: #060;
}
.feedback-relevance .feedback-relevance-dislikers {
	color: #600;
}
.feedback-relevance .feedback-relevance-score {
	font-weight: bold;
	text-align: right;
}
.feedback-relevance .feedback-relevance-score span {
	background: #fff;
	border: 1px solid #aaa;
	display: inline-block;
	text-align: center;
	width: 34px;
}
.feedback-relevance .feedback-relevance-posting {
	margin: 0;
	padding: 0;
	background: none;
	border: 0 none;
}

/*******************
 * NAVIGATION/MENU *
 *******************/

#menu {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} /* Conteneur menu */
#menu ul.navigation {background:#FFFFFF;} /* Liste de lien du menu */
#menu li {background:#FFFFFF; border-right: 1px solid #BBBBBB;}
        #menu li a {color:#AA0000;}

#menu li li {background:#ededed; border-bottom:1px solid #ededed; border-top:1px solid #CCCCCC;}
        #menu li:hover, #menu li.sfhover {background:#CCCCCC; color:#AA0000;}
                #menu li:hover a, #menu li.sfhover a {color:#000000;}
                #menu li li:hover, #menu li li.sfhover {background:#BBBBBB; border-bottom:1px solid #CCCCCC; border-top:1px solid #888888; color:#FFFFFF;}
                #menu li:hover li a, #menu li.sfhover li a {color:#000000;}


#menu {width:100%; overflow:hidden; text-align:left;}
#menu ul.navigation {width:100%; border:none;}
#menu ul {margin: 0; padding: 0; list-style-type: none; float:left; border-left: 1px solid #bbb;}
        #menu li {display: inline; float: left; font-size: 12px;}
                #menu li a {display: block; padding: 5px 10px; text-decoration: none;}

#menu li.sfhover li.sfhover ul,
#menu li.sfhover li.sfhover li.sfhover ul,
#menu li.sfhover li.sfhover li.sfhover li.sfhover ul,
#menu li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover ul
{left:100%; top:0;}

/* keep further levels hidden */
#menu li.sfhover ul ul,
#menu li.sfhover li.sfhover ul ul,
#menu li.sfhover li.sfhover li.sfhover ul ul,
#menu li.sfhover li.sfhover li.sfhover li.sfhover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/*1st sub level menu*/
#menu li ul {position: absolute; left: -9999px; display: block; width:200px; z-index:5;}
#menu li li {width:200px; position:relative;}
#menu li:hover ul, #menu li.sfhover ul {left:auto;}
#menu li:hover li:hover > ul, #menu li.sfhover li.sfhover > ul {left:auto; top:0; margin:-1px 0 0 201px;}
#menu li:hover li:hover > ul.left, #menu li.sfhover li.sfhover > ul.left {left:auto; top:0; margin:-1px 0 0 -201px;}
#menu li:hover li:hover li:hover > ul, #menu li.sfhover li.sfhover li.sfhover > ul {left:auto; top:0; margin:-1px 0 0 201px;}
#menu li:hover > ul ul, #menu li.sfhover > ul ul {position:absolute; left:-9999px;}

#menu li li ul {
        left: -9999px;
        position: absolute;
        display: block;
        width:200px;
        border: none;
        border-bottom-style: none;
        border-right-style: none;
}

.orders-adress-window {
	position: absolute;
	left: 50%;
	top: 50%;
	width:600px;
	height: 400px;
	overflow: auto;
	margin-left: -300px;
	margin-top: -200px;
	z-index: 20;
	background-color: #FFF;
}