/**
 * Musees de France - Screen CSS
 * Copyright 2005 Mamasam
 */

body {
	margin:0;
	padding:0;
	text-align:center;
	min-width:770px;
	background:#369 url(/images/bg.gif);
	font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif;
	color:#555;
}

body.popup {
	background:#fff;
	min-width:0;
	padding:10px;
	text-align:left;
}

form { padding:0; margin:0; border:0; }
img	{ border: 0; }
pre { display: block; text-align:left; }
.hr {
	background:#fff url(/images/bgpoints_vertical.gif) repeat-x top left;
	margin:0;
	padding:0;
	border:0;
	clear: left;
	font-size:1px;
	line-height:1px;
	height:1px;
}

ol {
	margin:0;
	padding:0;
	padding-left:16px;
}

td, th {
	font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif;
	color:#444;
}

h1, h2, h3, h5, h6 {
	font-family: Helvetica, Tahoma, Sans-Serif;
	font-weight: 600;
}

h1 {
	font-size: 24px;
	color:#369;
	line-height:26px;
	margin-top:10px;
}

h2 {
	font-size: 18px;
	color:#924584;
	font-weight:normal;
}

h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color:#369;
}

h4 {
	font-size: 14px;
	font-weight:normal;
	margin: 0;
	padding:4px 0;
	color:#91A2BC;
}

p {
	line-height:17px;
	padding: 0;
}

sup {
	color:#777;
}

blockquote {
	margin: 0 5px;
	padding: 0 10px;
	border-left: 4px solid #EBEAD7;
}

.spacer {
	margin:0;
	padding:0;
	border:0;
	clear: both;
	font-size:1px;
	line-height:1px;
	height:0px;
}

.off { display: none  }
.on  { display: block }

.new { background: #fff url(/images/new.gif) no-repeat top right; }
.promo { background: #fff url(/images/promo.gif) no-repeat top right; }
.inactif { background: #fff url(/images/inactif.gif) no-repeat top right; }

#wrapper {
	margin:0 auto;
	width:770px;
	text-align:left;
	background:#fff url(/images/bgwrapper.gif) repeat-y;
}

#topnav {
	height:81px;
}

#topnav a img, #topnav a:link img, #topnav a:active img, #topnav a:visited img {
	background-color:transparent;
}

#topnav a:hover img {
	background-color:#CFD7E5;
}

#topnav td {
	padding-top:4px;
}

#cartcontent {
	color:#000;
	padding:6px;
}

#searchform {
	padding: 9px 9px 0px 0px;
}

#content {
	float:right;
	width: 573px;
	padding:0;
	color:#777;
}

/* Left navigation and submenus */

#sidebar {
	margin-right: 574px;
	padding: 8px;
}

#sidebar a, #sidebar a:visited {
	text-decoration: none;
	color:#B41D35;
}

#sidebar a:hover {
	text-decoration: underline;
	color:#366;
}

.note {
	padding:4px;
	font-family: Arial, Sans-Serif;
}

.note p {
	margin:0 0 10px 0;
	padding-bottom:8px;
}

div.help {
	padding:10px 0 0 8px;
	background: #fff url(/images/bghelp.gif) no-repeat top left;
}

#boutique {
	margin-bottom:30px;
	border-bottom:1px solid #EBEAD7;
}

#content .submenu {
	margin:30px 12px;
	border-bottom:1px solid #EBEAD7;
}

#sidebar img {
	border:0;
	margin-right: 6px;
	padding:0;
	vertical-align:middle;
}

#sidebar ul {
	padding:0;
	margin:0;
	margin-bottom:20px;
	background:transparent url(/images/bgnav.gif) repeat-x;
}

#sidebar ul li {
	display: inline;
	list-style: none;
	margin:0;
	text-align:left;
}

#sidebar .topcat a {
	font-weight:bold;
	text-transform:uppercase;
}

#sidebar li a, #sidebar li a:visited {
	display: block;
	margin: 0;
	padding: 4px 0 4px 4px;
	border-bottom: 1px solid #BACCE6;
	color: #369;
	text-decoration: none;
}

#sidebar li a:hover {
	background-color: #DAE4F2;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Home */

#central {
	margin: 12px 0;
	width:573px;
}

#central a {
	padding:8px;
}

.bordered {
	border:1px solid #ccc;
}

.prod_photo {
	margin-bottom:3px;
}

.prod_photo img, .expo_photo img {
	margin-bottom:3px;
}

.prod_link a {
	text-decoration: none;
	color:#B41D35;
	font:12px Georgia, Arial, serif;
}

.prod_link a:hover {
	text-decoration: underline;
	color:#366;
}

#content a, #product_list a:visited {
	color: #369;
	text-decoration: none;
}

#content a:hover {
	color:#036;
	text-decoration: underline;
}

#product_list, #content_header, .container, #related_products {
	padding:4px 8px 15px 8px;
	float:left;
	width:554px;
	\width: 566px;
	w\idth: 554px;
}

#content_header {
	background:transparent url(/images/bgdescription.gif) no-repeat;
}

#product_list ul, #related_products ul, .liste, #cadeaux ul, #page ul {
	list-style: square;
	margin:0;
	padding:0;
	padding-left:16px;
}

#page {
	padding:4px 8px 4px 8px;
	float:left;
	width:504px;
	\width: 516px;
	w\idth: 504px;
}

.prod_case {
	float:left;
	width: 269px;
	height:100px;
	margin:4px 0px;
	padding:1px;
}

.prod_case a img {
	float:left;
}

.prod_case_text {
	position:relative;
	margin-left:76px;
	padding:7px;
	height:83px;
}

.prod_case ul {
	list-style:none;
    font:12px Arial, Sans-serif;
    color:#333;
    padding-left: 0;
    margin:0;
}

.prod_price {
	color:#000;
	font:12px Arial, sans-serif;
	white-space: nowrap;
}

.prod_titre a, .prod_titre a:link, .prod_titre a:active, .prod_titre a:visited {
	font:13px Arial, Sans-serif;
	color:#369;
	text-decoration:none;
	font-weight:bold;
}

.prod_titre a:hover {
	text-decoration:underline;
}

.prod_lien {
	position:absolute;
	bottom:0px;
	right:0px;
}

.prod_note {
	font:11px Arial, Sans-serif;
	color:#924584;
	margin:3px 0 6px 0;
}

#page ol {
	margin:0;
	padding:0;
	padding-left:30px;
}

.liste li, #page ul li, #page ol li {
	margin-top:5px;
}



/* Content */

#content_description {
	margin:0;
	padding:8px;
}

#content_description h1 {
	font: 20px Arial, Sans-serif;
	padding:6px 0 2px 0;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}

#breadcrumb {
	font-size:13px;
	color: #996;
	float:left;
	width:340px;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited {
	font-size:13px;
	color: #996;
	text-decoration: underline;
}

#breadcrumb a:hover {
	text-decoration: underline;
	color:#663;
}

#related {
	margin:0px 0px 20px 20px;
	padding-top:15px;
	float:right;
	width:182px;
}

#related ul {
	list-style: none;
	padding:0;
	margin:0;
	border-bottom:1px solid #EBEAD7;
}

#related li a, #related li a:visited {
	color: #555;
	display: block;
	margin: 0;
	padding: 4px 0 4px 10px;
	border-top:1px solid #EBEAD7;
}

#related li a:hover {
	color:#000;
	text-decoration:none;
}

#prevnext td {
	white-space:nowrap;
	font: 12px Arial, sans-serif;
	color:#777;
}


.info_left {
	white-space:nowrap;
	margin-right:315px;
}

.info_right {
	float:right;
	text-align:right;
	background:#EBEAD7 url(/images/bgbarre.gif) no-repeat top left;
	padding:4px 8px 4px 0;
	width:300px;
	\width: 308px;
	w\idth: 300px;
	margin:0;
}

.manager {
	padding:8px;
	float:left;
}
.manager h3 {
	border-bottom:1px dotted #ccc;
}

.error, .message {
	padding:6px 6px 6px 20px;
	margin:8px;
	width:480px;
	float:left;
	font-size:12px;
}
.error {
	background:transparent url(/images/arrowred.gif) no-repeat left 7px;
	color:#f00;
}
.message {
	background:transparent url(/images/arrowgreen.gif) no-repeat left 7px;
	color:#093;
}
.message p, .error p {
	margin:0px;
}

/* Fiche produit */

#detail_texts {
	padding:8px 0px 2px 16px;
	float:left;
	width:542px;
	\width: 554px;
	w\idth: 542px;
}

#detail_photos {
	float:right;
	width:272px;
	margin-left:8px;
	padding-top:24px;
	background-color:transparent;
}

#detail_texts ul, div.help ul {
	list-style: square;
	margin-left:1.25em;
	padding-left:0;
	line-height:17px;
}

#detail_texts ol {
	margin-left:1.25em;
	padding-left:0;
	line-height:17px;
}

#detail_texts ul li ul {
	list-style: circle;
}

#detail_texts h2 {
	color:#91A2BC;
}

#total dl dt {
	font-weight:bold;
	float:left;
	margin-right:8px;
	margin-left:5px;
	line-height:17px;
	color:#C1A0BB;
}

#total dl dt:after {
	content:' :';
}

#total dl dd {
	margin-left:20px;
	margin-bottom:5px;
	line-height:17px;
}

#detail_photos dl {
	width:270px;
	margin:0;
	padding:10px 0 0 0;
	background:#fff url(/images/bgpoints_vertical.gif) repeat-x top left;
	font:11px Arial, Sans-serif;
}

#detail_photos dl dt {
	width: 74px;
	float: left;
	margin: 0;
	padding:3px 0 3px 3px;
	border-top: 1px solid #fff;
	font-weight: bold;
	background-color:#C1A0BB;
	color:#fff;

}

/* commented backslash hack for mac-ie5 \*/
#detail_photos dl dt { clear: both; }
/* end hack */

#detail_photos dl dd {
	float: left;
	width: 190px;
	border-top: 1px solid #fff;
	padding:3px 0 3px 3px;
	margin:0;
	background-color:#DABFD5;

}

#detail_photos h2 {
	font-size:13px;
	margin:0;
	padding:8px 0 0 0;
}

#extraviews {
	float:left;
	padding-top:8px;
}

#extraviews img {
	margin: 3px 6px 3px 0;
}

#extraviews .vue {
	float:left;
}

.stdtable {
	padding-top:10px;
	background:#fff url(/images/bgpoints_vertical.gif) repeat-x top left;
}

.stdtable td {
	background-color:#DABFD5;
	font:12px "Lucida Grande", Tahoma, Arial, sans-serif;
}

.stdtable th {
	background-color:#C1A0BB;
	color:#fff;
	text-align:center;
	font-weight:normal;
}

.summary, .summary_light {
	padding-top:10px;
	background:#fff url(/images/bgpoints_vertical.gif) repeat-x top left;
	border-bottom:1px solid #C1A0BB;
	margin-top:10px;
}

.summary_light td, .summary_light th {
	font:10px Arial, Sans-serif;
}

td.odd {
	background-color: #fff;
}

td.even {
	background-color: #DAE4F2;
}

.summary th, .summary_light th {
	background-color:#C1A0BB;
	color:#fff;
	font-weight:normal;
}

.summary th a, .summary th a:link, .summary th a:active, .summary th a:visited {
	background-color:#DABFD5;
	font-weight:bold;
	padding:0 3px;
}

.totals {
	color:#777;
	border-bottom:1px solid #ccc;
}

.tobepaid {
	color:#000;
	border-bottom:2px solid #C1A0BB;
	font-weight:bold;
}

#total {
	margin:15px 0;
}

p.info {
	background: transparent url(/images/info.gif) no-repeat left top;
	padding: 2px 0 5px 22px;
	font:10px Arial, sans-serif;
	color:#aaa;
}

#related_products {
	float:left;
	background:#fff url(/images/bgpoints_vertical.gif) repeat-x top left;
	padding-top:10px;
}


/* Footer */

#footer, #header {
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#369;
	text-align:center;
}

#copyright {
	position:absolute;
	bottom: 40px;
	left: -22px;
	border:1px solid #f00;
}

/* Quickform */

#tabs {
  float:left;
  width:100%;
  background:#fff url("/images/bgtabs.gif") repeat-x bottom;
  font:11px "Lucida Grande", Tahoma, Arial, sans-serif;
  line-height:normal;
}

#tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}

#tabs li {
  float:left;
  background:url("/images/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
}

#tabs a {
  float:left;
  display:block;
  width:.1em;
  background:url("/images/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
#tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
	color:#333;
	text-decoration:underline;
}

#tabs #current {
  background-position:0 -150px;
  border-width:0;
  }
#tabs #current a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
}

#mid_content {
	margin-right:200px;
	padding:0 0 0 6px;
}

#mid_content .qfmaintable, #mid_content .widthhack {
	width:348px;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	width:354px;
/* End IE5-Mac hack */
	float:left;
}

.qfmaintable {
	background-color:#DABFD5;
}

.qfheader {
	background-color:#C1A0BB;
	text-transform:uppercase;
	color:#fff;
	font:12px Arial, Sans-serif;
	padding:6px;
	border:0;
	font-weight:bold;
	border-bottom:1px solid #fff;
}

.qflabel {
	font:11px Tahoma, Arial, Sans-serif;
	padding:6px;
	vertical-align:top;
	text-align:right;
	background-color:#DABFD5;
	color:#969;
}

.qfelement {
	font-size:11px;
	padding:6px;
	vertical-align:top;
	text-align:left;
	background-color:#DABFD5;
}

.qfbuttons {
	background-color:#fff;
	padding:10px 10px 10px 10px;
	vertical-align:bottom;
	text-align:right;
}

.qfrequirednote {
	background-color:#fff;
	padding:10px;
	text-align:right;
	color:#999;
}

.qferror {
	color:red;
	padding-bottom:3px;
}

.qfrequired {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color:#B41D35;
}

.qfsection {
	background-color:#C1A0BB;
	text-transform:uppercase;
	color:#fff;
	font:11px Arial, Sans-serif;
	padding:6px;
	border:0;
	font-weight:bold;
}

.qfrepeatdelete {
	background:transparent url(../images/bgrepeatdelete.gif) no-repeat;
	padding:4px 10px 24px 10px;
}

.qfrepeatadd {
	background-color:transparent;
	padding:2px 10px;
}

/* Panier */

#panier th {
	padding-left: 6px;
	padding-right: 6px;
}

#panier td span.reference {
	font:11px Tahoma, Arial, sans-serif;
	color:#000;
}

#panier td span.designation {
	font:13px "Lucida Grande", Tahoma, Arial, sans-serif;
}

#panier td span.option {
	font:11px "Lucida Grande", Tahoma, Arial, sans-serif;
}

/* Pages */

.right_info {
	float:right;
	width:176px;
	padding:10px 6px 0 0;
}

.right_info p {
	font:10px Arial, Sans-Serif;
	line-height:12px;
}

.right_info h4 {
	margin-top:25px;
	padding:0 0 0 20px;
	background:transparent url(/images/info.gif) no-repeat;
	font-size:12px;
}

.logout {
	margin-top:8px;
	font:10px Arial, Sans-Serif;
	color:#AA9;
}

.imgleft {
	float:left;
	padding:0 8px 8px 0;
	border:0;
}

.highlight {
	background-color:#ff0;
}

/* Pages wysiwyg */

#page p img {
	padding: 5px 5px 10px 5px;
	margin:15px;
	background-color:#EBEAD7;
}
