/* CSS Document */ /* GLOBAL WHITE SPACE RESET */
	/* Pour le developpement seulement, oblige a setter tous les paddings
   de facon � ne pas avoir de surprise avec les valeurs par defaut.
   Voir : http://leftjustified.net/journal/2004/10/19/global-ws-reset
   
   
   Last modification: content padding-top + 10px
   #content div.textItem + 15px
*/ /*
* {
	margin:0;
	padding:0;
}

select { min-width:1.5em; } /* pour eviter de faire disparaitre les select...
*/ /* END GLOBAL WHITE SPACE RESET */
.hidden {
	display: none;
}

.errorMsg {
	color: #FF0000;
	font-weight: bold;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/i/bg/page.jpg);
	background-attachment: fixed;
}

#pageBody {
	position: absolute;
	top: 17px;
	left: 50%;
	margin-left: -387px;
	background: #FFF url(/i/bg/body.png) repeat-y;
	width: 773px;
}

#header {
	position: relative;
	height: 100px;
	background-image: url(/i/bg/header.png);
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a#textLogo {
	position: absolute;
	top: 38px;
	right: 66px;
	display: block;
	width: 426px;
	height: 51px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/text_logo.png');
}

/* Sert a cacher le background de IE, comme ca il affiche pas le png tout croche */
head:first-child+body #header h1 a#textLogo {
	/*The Owen Hack, hides this from ie*/
	background: transparent url(/i/text_logo.png) no-repeat;
}

#header h1 a#textLogo span {
	display: none;
}

#header h1 a#logo {
	position: absolute;
	top: 6px;
	left: 24px;
	display: block;
	width: 108px;
	height: 104px;
	z-index: 50;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/logo.png');
}

#header h1 a#logo img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#sidebar {
	float: left;
	z-index: 0;
	width: 162px;
	padding-bottom: 80px;
	background: transparent url(/i/bg/sidebar.png) no-repeat;
}

#sidebarExtrasContainer {
	
}

#content {
	position: relative;
	float: right;
	width: 582px;
	padding-top: 33px;
	padding-right: 29px;
}

#menubar {
	padding-top: 13px;
	background: transparent url(/i/bg/top_menu.png) no-repeat;
}

#menu {
	background: transparent url(/i/bg/menu.png) no-repeat left bottom;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 7px 0 10px 7px;
}

#menu li {
	line-height: 19px;
	width: 125px;
	height: 19px;
	background: transparent url(/i/bg/menu_bullet.png) no-repeat;
	border-bottom: 1px solid #000;
	margin: 0;
}

#menu li.active a {
	color: #FFF;
}

#menu li#aboutUs {
	border: 0;
}

#menu li a {
	display: block;
	height: 100%;
	color: #000;
	text-decoration: none;
	padding-left: 11px;
	font-weight: bold;
}

#menu li a:hover {
	color: #CCC;
}

#menu li.active a:hover {
	color: #FFF;
}

#languageMenu {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: transparent url(/i/bg/language.png) no-repeat top left;
}

#languageMenu li {
	width: 67px;
	height: 19px;
	line-height: 18px;
}

#languageMenu li a {
	display: block;
	width: 92%;
	height: 100%;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}

#specialsBox,#newProductsBox {
	width: 113px;
	border: 2px outset #973131;
	background-color: #B22C03;
	color: #FFF;
	margin: 3px 0 3px 6px;
	padding: 8px;
	font-size: 10px;
}

#newProductsBox {
	border-color: #A7BE5A;
	background-color: #A7BE5A;
}

#specialsBox h2,#newProductsBox h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#specialsBox dt img,#newProductsBox dt img {
	width: 110px;
	border: 2px outset #D9D9D9;
}

#specialsBox dt,#newProductsBox dt {
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px 0;
}

#specialsBox dd,#newProductsBox dd {
	text-align: justify;
	margin: 0;
	padding: 0;
	line-height: 11px;
}

#specialsBox span.seeAllLink a,#newProductsBox span.seeAllLink a {
	font-size: 9px;
	color: #FFF;
}

#footer {
	clear: both;
	height: 25px;
	background: transparent url(/i/bg/footer.png) no-repeat;
	font-size: 9px;
	color: #FFF;
	line-height: 25px;
	padding-left: 10px;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer #pmRights a {
	text-decoration: underline;
}

#footer #picutreCourtesy a {
	text-decoration: underline;
}

h2.headers {
	width: 100%;
	height: 25px;
	line-height: 21px;
	margin: 34px 0 10px 0;
	padding: 1px 0 0px 0;
	background-color: transparent;
	background-repeat: no-repeat;
}

/* Sert a setter la margin-top comme du monde, jhais ca avoira faire ca. */
head:first-child+body h2.headers { /*The Owen Hack, hides this from ie*/
	margin: 10px 0 10px 0;
}

#catalogHeader {
	float: left;
	width: 472px;
	height: 25px;
	line-height: 25px;
	margin-top: 15px;
	padding-left: 0;
}

#content div.textItem {
	clear: both;
	margin-bottom: 15px;
	padding-top: 15px;
}

#content p.mainText {
	font-size: 12px;
	text-align: justify;
	margin: 0 0 20px 0;
	padding: 0;
	/*  padding-right:16px;*/
}

#content p.mainText img {
	border: 3px solid #AAA;
}

#content p.mainText img.left {
	margin-top: 15px;
	margin-right: 8px;
	margin-bottom: 10px;
	float: left;
}

#content p.mainText img.right {
	margin-top: 15px;
	margin-left: 8px;
	margin-bottom: 10px;
	float: right;
}

#contentExtrasContainer {
	position: absolute;
	top: 0;
	left: -16px;
	width: 624px;
	background: transparent url(/i/bg/search.png) no-repeat;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
}

#searchBox {
	display: inline;
}

#keywordSearchBox {
	display: inline;
}

#sectionBrowseBox {
	display: inline;
}

#contentExtrasBox {
	display: inline; /* IE double floated margin bug */
	margin-left: 20px;
}

#sectionBrowseBox #section_jump {
	width: 300px;
}

#contentExtrasBox form {
	display: inline;
}

#contentExtrasBox input,#contentExtrasBox select {
	height: 12px;
	border: 1px solid #000;
	font-size: 10px;
}

#contentExtrasBox input#keyword {
	width: 70px;
}

#contentExtrasBox input#page_jump {
	width: 25px;
}

#contentExtrasBox select {
	margin-top: 2px;
	height: 18px;
	width: 125px;
}

#contentExtrasBox select#locale_jump {
	width: 104px;
}

#contentExtrasBox input#startSearch,#contentExtrasBox input#jumpToSection,#contentExtrasBox input#changeLocale
	{
	width: 22px;
	height: auto;
	margin-right: 5px;
}

#contentExtrasBox input#changeLocale {
	width: 50px;
}

.pageNavigation {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	width: 96%;
	list-style: none;
	text-align: center;
}

.pageNavigation li {
	margin-right: 5px;
}

.pageNavigation li a {
	color: #000;
}

.pageNavigation li.prevPage {
	float: left;
}

.pageNavigation li.nextPage {
	float: right;
}

#pageNumberBox {
	float: right;
	height: 25px;
	width: 107px;
	line-height: 21px;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 12px;
}

#pageNumberBox input {
	width: 30px;
	height: 15px;
	border: 1px solid #AAA;
	font-size: 10px;
	margin-right: 5px;
	text-align: right;
}

#pageNumberBox input#jumpToPage {
	text-align: center;
	height: auto;
	width: 22px;
}

#pageHolder {
	clear: both;
	width: 603px;
	text-align: center;
	height: 790px;
	margin-bottom: 15px;
}

#pageHolder img {
	width: 100%;
	border: 2px solid #000;
}

#content div.newsBlock {
	clear: both;
	padding: 0;
	margin: 0 0 18px 0;
}

#content div.newsBlock div.newsHeader {
	padding-bottom: 7px;
	margin: 0;
}

#content div.newsBlock .closed div.newsHeader {
	padding: 3px 0 3px 0;
}

#content div.newsBlock div.newsHeader h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	float: left;
	width: 100%;
}

#content div.newsBlock .closed div.newsHeader h3 a {
	font-size: 12px;
	text-decoration: underline;
}

#content div.newsBlock .closed div.newsHeader h3 a:hover {
	cursor: pointer;
}

#content div.newsBlock div.newsHeader span.newsDate {
	float: right;
	font-size: 11px;
}

#content div.newsBlock p {
	clear: both;
	border-top: 1px solid #AAA;
	padding-top: 3px;
	margin: 0;
}

#content div.newsBlock p img.left {
	margin-top: 15px;
	margin-right: 8px;
	float: left;
}

#content div.newsBlock p img.right {
	margin-top: 15px;
	margin-left: 8px;
	float: right;
}

#content div.newsBlock .closed p {
	display: none;
}

#pageErrorBubble {
	position: absolute;
	top: 50px;
	right: 60px;
	background: transparent url(/i/bg/help_bubble_top_right.gif) no-repeat;
	width: 350px;
	height: 22px;
	padding: 6px 0 0 0;
	text-align: center;
}

#divResultsHeader {
	
}

#pageFound {
	
}

#pageMatched {
	list-style: none;
}

#content #siteMap {
	
}

#content #siteMap a {
	color: #000;
}

#content #siteMap dt {
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 5px 0;
}

#content #siteMap dd {
	margin: 0 0 10px 0;
	padding: 5px 10px 15px 15px;
	border-bottom: 1px solid #AAA;
}

#content #siteMap dd ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

#content #siteMap dd #productionsList {
	margin: 0;
	padding: 0;
}

#content #siteMap dd #productionsList li {
	margin-left: 20px;
}

#content #siteMap dd ul.sectionsList {
	margin: 0;
	padding: 0;
}

#content #siteMap dd #productionsList li.sectionsListHeader {
	margin-top: 10px;
	margin-bottom: 10px;
}

#content #siteMap dd ul.pagesList {
	margin: 0;
	padding: 0;
}

#content #siteMap dd ul.pagesList li {
	list-style: none;
	display: inline;
	white-space: nowrap;
}

#priceListBox {
	width: 100%;
}

#priceListBox col#filename {
	width: 50%;
}

#priceListBox col#format {
	width: 25%;
	text-align: center;
}

#priceListBox col#download {
	width: 25%;
	text-align: center;
}

#priceListBox tr.even {
	background-color: #DDD;
}

#priceListBox th {
	text-align: left;
	background-color: #999;
	color: #FFF;
	padding: 2px;
}

#priceListBox td {
	padding: 2px;
	border-bottom: 1px solid #999;
}

/* ADMIN */
#textItemsToolbar {
	text-align: right;
	margin-bottom: 5px;
	background-color: #999;
	padding: 2px;
}

#textItemsToolbar h3 {
	float: left;
	margin: 0;
	line-height: 22px;
	font-size: 14px;
	color: #FFF;
}

div.itemBlock {
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

div.itemBlock h4 {
	clear: both;
}

div.itemBlock h5 {
	font-size: 16px;
	margin: 5px auto;
}

div.itemBlock div.contentHeader {
	padding: 2px;
	background-color: #DDD;
	height: 22px;
	border-top: 3px solid #999;
	border-bottom: 2px solid #999;
}

div.itemBlock div.contentHeader h3,div.itemBlock div.contentHeader h4 {
	float: left;
	margin: 0;
	line-height: 22px;
	font-size: 14px;
}

div.itemBlock div.contentHeader div.itemToolBar {
	float: right;
}

div.itemBlock #textContent,div.itemBlock #imagesContent {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
}

div.itemBlock #textContent tr th,div.itemBlock #textContent tr td {
	margin: 0;
	padding: 2px;
}

div.itemBlock #textContent tr th {
	vertical-align: top;
	text-align: left;
	width: 70px;
}

div.itemBlock #textContent tr th.contentCategory {
	font-size: 14px;
}

div.itemBlock #textContent tr td input,div.itemBlock #textContent tr td textarea
	{
	width: 99%;
}

div.itemBlock #textContent tr td textarea {
	font-family: Arial, Helvetical, sans-serif;
	font-size: 12px;
	height: 100px;
}

div.itemBlock div.itemContentBox p {
	float: left;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 20px 0;
	padding: 0;
}

div.itemBlock div.itemContentBox p img {
	border: 3px solid #AAA;
}

div.itemBlock div.itemContentBox p img.left {
	margin-top: 15px;
	margin-right: 8px;
	float: left;
}

div.itemBlock div.itemContentBox p img.right {
	margin-top: 15px;
	margin-left: 8px;
	float: right;
}

#productsTable {
	width: 582px;
	margin-bottom: 10px;
}

#productsTable col#locale {
	width: 10%;
}

#productsTable col#sku {
	width: 16%;
}

#productsTable col#name {
	width: 44%;
}

#productsTable col#price {
	width: 15%;
}

#productsTable col#special {
	width: 15%;
}

#productsTable col#edit {
	width: 5%;
}

#productsTable col#delete {
	width: 10%;
}

#productsTable col#add {
	width: 15%;
}

#productsTable tr.odd {
	background-color: #DDD;
}

#productsTable tr.even {
	background-color: #FFF;
}

#productsTable tr.itemFirstRow td {
	border-top: 2px solid #AAA;
}

#productsTable td.contentHeader {
	padding: 2px;
	background-color: #DDD;
	height: 22px;
	border-top: 3px solid #999;
	border-bottom: 2px solid #999;
}

#productsTable td.locale,#productsTable td.sku {
	font-weight: bold;
}

#productsTable td.price,#productsTable th.price,#productsTable td.special,#productsTable th.special
	{
	text-align: right;
}

#productsTable td.special,#productsTable th.special {
	color: red;
}

#productsTable th.locale,#productsTable th.sku,#productsTable th.name {
	text-align: left;
}

#productsTable td.specialPrice {
	text-align: center;
}

#productsTable td.specialPrice input {
	width: 50px;
}

#productsTable td.contentHeader h3 {
	float: left;
	margin: 0;
	line-height: 22px;
	font-size: 14px;
}

#productsTable td.contentHeader div.itemToolBar {
	float: right;
}

#submitButtonBox {
	width: 582px;
	text-align: right;
}

div.itemBlock div.productContentBox {
	clear: both;
}

div.itemBlock div.productContentBox div.productImageBox {
	float: left;
	margin: 0 10px 5px 0;
	overflow: hidden;
	width: 550px;
}

div.itemBlock div.productContentBox div.productImageBox {
	border: 3px solid #AAA;
}

div.itemBlock div.productContentBox h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

div.itemBlock div.productContentBox h3 span {
	font-size: 12px;
	font-weight: normal;
}

div.itemBlock div.productContentBox div.productPrice {
	font-size: 14px;
}

div.itemBlock div.productContentBox div.originalPrice,div.itemBlock div.productContentBox div.specialPrice
	{
	display: inline;
	font-size: 14px;
	margin-right: 4px;
}

div.itemBlock div.productContentBox div.originalPrice {
	text-decoration: line-through;
}

div.itemBlock div.productContentBox div.specialPrice {
	color: red;
	font-weight: bold;
}

div.itemBlock div.productContentBox p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content div.aboutUsBlock {
	clear: both;
	padding: 0;
	margin: 12px 0 18px 0;
}

#content div.aboutUsBlock div.newsHeader {
	padding-bottom: 7px;
	margin: 0px;
}

#content div.aboutUsBlock .closed div.newsHeader {
	padding: 3px 0 3px 0;
}

#content div.aboutUsBlock div.newsHeader h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	float: left;
}

#content div.aboutUsBlock .closed div.newsHeader h3 a {
	font-size: 12px;
	text-decoration: underline;
}

#content div.aboutUsBlock .closed div.newsHeader h3 a:hover {
	cursor: pointer;
}

#content div.aboutUsBlock div.newsHeader span.newsDate {
	float: right;
	font-size: 11px;
}

#content div.aboutUsBlock p {
	clear: both;
	border-top: 1px solid #AAA;
	padding-top: 3px;
	padding-bottom: 70px;
	margin: 0px;
}

#content div.aboutUsBlock p img.left {
	margin-top: 15px;
	margin-right: 8px;
	float: left;
}

#content div.aboutUsBlock p img.right {
	margin-top: 15px;
	margin-left: 8px;
	float: right;
}

#content div.aboutUsBlock .closed p {
	display: none;
}

#content #table_import {
	overflow: scroll;
	font-size: 8pt;
	height: 500px;
}

#content .active {
	color: #000000;
}

#content .inactive {
	color: #00FF00;
}

#content #nav #previous {
	float: left;
	width: 40%;
}

#content #nav #previous a {
	color: #000000;
}

#content #nav #divGoto {
	float: left;
}

#content #nav #divNext {
	float: right;
	text-align: right;
}

#content #nav #divNext a {
	color: #000000;
}

.SortLink {
	color: #000000;
}