/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.errorBox {
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
  background: #ffb3b5;
  font-weight: bold;
}
.stockWarning {
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
  color: #cc0033;
}
.productsNotifications {
  background: #f2fff7;
}
.orderEdit {
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
  color: #70d250;
  text-decoration: underline;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}
  
A:hover {
  color: #666699;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #666699;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #666699;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.table_footer {
  background: #666699;
}

TD.table_footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #666699;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #666699;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.pageHeading_price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #666699;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver {
  background-color: #D7E9F7;
  cursor: pointer;
}
.moduleRowSelected {
  background-color: #E9F4FC;
}

.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}
.checkoutBarCurrent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/* message box */

.messageBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #ffb3b5;
}
.messageStackSuccess {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #99ff00;
}

/* input requirement */

.inputRequirement {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*------------------------------------------------------------------------
  Nippon-Export needed
------------------------------------------------------------------------*/
.underlined {
  text-decoration: underline;
}

input {
  border: 1px solid #666699;
  /*background-color: #666699;*/
  color: #666699;
}

/*===================================================================
=====================================================================

    NEW LAYOUT

  Start: 2005-10-07

=====================================================================
===================================================================*/

/*--------------------------------------------------------------------
        PAGE
--------------------------------------------------------------------*/
body {
  background: white;
  color: black;
  margin: 0px;
}
a[hreflang]:after {
  content: "\0000a0(" attr(hreflang) ")";
  /* \0000a0 = nonbreaking space (hexadecimal: #xa0)  */
  color : gray;
  background : transparent;
}
/*-----------------
Fin PAGE
-----------------*/
/*--------------------------------------------------------------------
        HEADER
Hauteur : 100 px (80 liens + 20 breadcrumb)
--------------------------------------------------------------------*/
.header {
  height: 100px;
  background-image: url(images/layout/header_bg.gif);
}

.header_logo {
  position: absolute;
  top: 0px;
  height: 80px;
  width: 170px;
}
a.header_logo_link {
}
.header_logo_image {
  border: 0px;
}

.header_top_middle {
  position: absolute;
  top: 0px;
  left: 170px;
  right: 170px;
  padding-top: 10px;
  height: 40px;
}

.header_horloge {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 170px;
  text-align: right;
  color: white;
}

.header_info_links {
  position: absolute;
  top: 40px;
  right: 0px;
  padding-top: 10px;
  text-align: right;
  font-weight: bold;
}
a.header_info_link {
  margin-right: 15px;
  color: white;
}
a.header_info_link:hover {
  color: #b6b7cb;
}

.header_navigation {
  position: absolute;
  top: 80px;
  left: 0px;
  right: 0px;
  height: 20px;
  margin: 0 7px 0 7px;
  color: #b6b7cb;
  background-color: #666699;
  overflow: hidden;
}
.header_navigation a {
  font-weight: bold;
  margin: 0 7px 0 7px;
  color: white;
}
.header_navigation a:hover {
  color: #b6b7cb;
}
.breadcrumb_current_page {
  margin: 0 7px 0 7px;
  color: white;
}
/*-----------------
Fin HEADER
-----------------*/
/*--------------------------------------------------------------------
        FOOTER
Hauteur : 100 px 
--------------------------------------------------------------------*/
.footer {
  height: 100px;
  background-image: url(images/layout/header_bg.gif);
}

.footer_date_today {
  visibility: hidden;
  float: left;
  height: 20px;
  margin: 10px 0 0 15px;
  font-weight: bold;
  color: white;
}

.footer_total_hits {
  float: right;
  height: 20px;
  margin: 10px 15px 0 0;
  color: white;
}

.footer_rss {
  position: absolute;
  margin-top: 40px;
  right: 15px;
}

.footer_copyrights {
  position: absolute;
  margin-top: 40px;
  right: 130px;
  text-align: right;
  color: white;
}
.footer_copyrights a {
  text-decoration: underline;
  color: white;
}
.footer_copyrights a:hover {
  text-decoration: none;
}

.footer_mozilla_banner {
  position: absolute;
  margin-top: 60px;
  right: 15px;
  text-align: right;
}
.footer_mozilla_banner img {
  border: 0px;
}

.footer_banner {
  position: absolute;
  margin-top: 25px;
  left: 25px;
  text-align: left;
  border: 1px solid white;
  background-color: #b6b7cb;
}

.banner_link {
}
.banner_image {
}
/*-----------------
Fin FOOTER
-----------------*/
/*--------------------------------------------------------------------
        MESSAGES
--------------------------------------------------------------------*/
.error_message {
  height: 20px;
  text-align: center;
  border: 1px solid black;
  margin: 2px 2px 2px 2px;
  font-weight: bold;
  color: white;
  background-color: #FF0000;
}

.info_message {
  height: 20px;
  text-align: center;
  border: 1px dashed black;
  margin: 2px 2px 2px 2px;
  font-weight: bold;
  color: black;
  background-color: #00FF00;
}

.messageStackWarning {
}

.notice {
  margin: 10px;
  padding: 5px;
  border: 2px dashed red;
  text-align: center;
  color: #666699;
}
.notice a {
  text-decoration: underline;
  color: #666699;
}
.notice a:hover {
  text-decoration: none;
  color: black;
}

.home_page_message {
  width: 80%;
  margin: 0px auto;
  /*margin-left: 10%; Ne centre pas dans IE */
  padding: 0.5em;
  border: 2px #666699 solid;
}
.home_page_message h2 {
  text-align: center;
  color: #666699;
}

.info_title {
  padding: 0.2em 1em 0.2em 1em;
  border: 1px black solid;
  font-weight: bold;
  color: black;
  background: white;
  -moz-border-radius: 2em;
}

.christmas_announce {
  position: absolute;
  top: 35px;
  width: 50%;
  left: 25%;
  padding: 0.5em;
  border: 2px #666699 solid;
  background: white;
  z-index: 100;
}
.christmas_announce h2 {
  text-align: center;
  color: #666699;
}

/*-----------------
Fin MESSAGES
-----------------*/
/*--------------------------------------------------------------------
        CONTENU
--------------------------------------------------------------------*/
.content {
}

/* DEBUT utilisé ? */
.text {
  color: black;
}
.text a {
  text-decoration: underline;
}
.text a:hover {
  text-decoration: none;
}
/* FIN utilisé ? */

.page_main_text {
  color: black;
}
.page_main_text a {
  text-decoration: underline;
  color: black;
}
.page_main_text a:hover {
  text-decoration: none;
}

.page_title {
  min-height: 3em;
  font-size: 1.5em;
  font-weight: bold;
  color: #666699;
}
.page_title_icone {
  float: right;
  padding: 0.2em;
  margin-left: 1em;
  color: #666699;
}

/*-------------------------------
  Dans une catégorie (index.php)
--------------------------------*/

/* Affichage du nom de la catégorie */
.category_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #666699;
}

.category_lastadded_link a {
  color: gray;
  text-decoration: underline;
}
.category_lastadded_link a:hover {
  text-decoration: none;
}

/* Affichage de l'image de la catégorie courante */
.category_image {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
}

/* Souscription à la catégorie */
.category_subscribe_link {
  color: gray;
}
.category_subscribe_link a {
  color: gray;
  text-decoration: underline;
}
.category_subscribe_link a:hover {
  text-decoration: none;
}

/* Listing des produits contenus dans une catégorie */
.product_title_in_listing {
  font-size: 170%;
}
.product_title_in_listing a {
  text-decoration: none;
}
.product_title_in_listing a:hover {
  text-decoration: none;
}
.product_model_in_listing {
}
.product_desc_in_listing {
  color: #666699;
}

/* Affichage des sous-catégories contenues dans une catégorie */
.sub_categories_listing {
  text-align: center;
}
.sub_categories_listing img {
  border: 1px solid #666699;
}
.sub_categories_listing a {
}

/* Lien vers le Feed RSS de la catégorie quand on s'y trouve */
.rss_of_this_category {
  text-align: right;
}
.rss_of_this_category img {
  border: 0px;
  vertical-align: middle;
}

/* Flouer les images des articles non-dispos et les barrer */
div.indispo {
  background: url(images/layout/not_available.png) no-repeat center;
}
div.indispo img {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
/* ne pas barrer les images qui ne sont pas dans un div */
a.indispo img {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
/* survol */
div.indispo:hover {
  /*background-image: url();*/
}
div.indispo:hover img {
  filter: alpha(opacity=100);
  opacity: 1.0;
}
a.indispo:hover img {
  filter: alpha(opacity=100);
  opacity: 1.0;
}

/*-----------------------------------
  Dans un article (product_info.php)
------------------------------------*/

.product_page_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #666699;
}

.product_price_title {
  float: right;
  font-size: 1.5em;
  padding: 0.2em;
  margin-left: 1em;
  border: 1px dashed silver;
}
.product_price {
  color: #666699;
}
.product_special_price {
  padding: 0.1em;
  border: 1px solid red;
  color: red;
  background: white;
}
.product_old_price {
  font-style: italic;
  text-decoration: line-through;
  color: silver;
  background: white;
}

.product_model {
  color: gray;
}

.product_info_search_this {
  color: gray;
}
.product_info_search_this a {
  color: gray;
}

.product_info_main {
  min-height: 9em; /* environ 100px, pour l'image-icone */
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: left;
}

.product_info_date_available {
  margin-bottom: 1em;
  text-align: left;
  color: red;
}

/* L'image-icone de l'article */
.image_box {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
}
.image_box img {
  padding: 0.5em;
  border: 1px solid #b6b7cb;
  background: white;
}
.big_image_box {
  position: absolute;
  overflow: visible;
  margin: 0;
  z-index: 20;
}
.big_image_box img {
  padding: 0;
  border: 1px solid #666699;
  background: #b6b7cb;
}

/* Les images-icone supplémentaires */
.subimage_box {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.subimage_box img {
  margin: 0.2em;
  padding: 0.5em;
  border: 1px solid #b6b7cb;
  background: white;
}
.big_subimage_box {
  position: absolute;
  overflow: visible;
  z-index: 10;
}
.big_subimage_box img {
  padding: 0;
  border: 1px solid #666699;
  background: #b6b7cb;
}

.product_info_desc {
}

.product_info_options {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  border: 1px dashed #666699;
}
.product_info_options_table {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
}

.product_info_url {
  margin-top: 1em;
  text-align: left;
  color: gray;
}
.product_info_url a {
  color: gray;
}

.product_info_warnings {
  padding-top: 1em;
  border-top: 1px dashed #666699;
  color: #444444;
}
.product_info_warnings a {
  color: #444444;
}
.product_info_warnings ul {
  margin-right: 2em;
  list-style-position: outside;
  list-style-type: square;
}
.product_info_warnings li {
  margin-bottom: 1em;
}


/*-----------------
Fin CONTENU
-----------------*/
/*--------------------------------------------------------------------
        BOXES
--------------------------------------------------------------------*/

.box {
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  border: 1px solid #b6b7cb;
}
.box_title {
  margin-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 0.9em;
  font-weight: bold;
  color: white;
  background: #666699;
}
.box_text {
  padding: 0.2em;
  font-size: 0.9em;
  color: black;
  background: white;
}

/*---------------------
  Member Login
----------------------*/
.quick_login_box {
  text-align: center;
}
#quick_email_address {
  width: 100px;
}
#quick_password {
  width: 100px;
}
#show_quick_login_message {
  display: none;
  margin: 0.5em;
  border: 2px solid #666699;
  text-align: center;
  font-weight: bold;
  color: white;
  background: #666699;
}

/*---------------------
  Currencies converter
----------------------*/
.converter_box {
  text-align: center;
}
.converter_input {
  text-align: right;
}

/*---------------------
  Quick Search Box 
----------------------*/
.quick_search_options {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  text-align: left;
}
/*---------------------
  Search Box (advanced_search.php)
----------------------*/
.search_input {
  text-align: center;
}
.search_input input {
  vertical-align: middle;
}
.search_input_field {
  width: 70%;
}

.search_options {
  margin: 1em;
  border: 1px dashed #666699;
}
.search_options li {
  margin: 1em 0 1em 0;
}

.search_help {
  margin: 1em;
}
.search_help code {
  background: silver;
}

/*-----------------
Fin BOXES
-----------------*/

/*--------------------------------------------------------------------
        MODEL_MODEL
--------------------------------------------------------------------*/
/*-----------------
Fin MODEL_MODEL
-----------------*/