/*
  $Id: stylesheet.css,v 1.1.1.1 2005/05/03 15:22:21 manmachine Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscss.org

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* ------- CSS OSC --------- */
@import url(dropDownMenu.css);

@import url(css/general.css);


@import url(css/index.css);
@import url(css/product_info.css);
@import url(css/products_new.css);
@import url(css/shopping_cart.css);
@import url(css/advanced_search.css);
@import url(css/advanced_search_result.css);
@import url(css/create_account.css);

@import url(css/checkout_shipping.css);
@import url(css/checkout_payment.css);
@import url(css/checkout_confirmation.css);
@import url(css/checkout_success.css);

@import url(css/conditions.css);
@import url(css/contact_us.css);

@import url(css/account.css);
@import url(css/address_book.css);
@import url(css/account_edit.css);
@import url(css/account_history.css);
@import url(css/account_history_info.css);
@import url(css/account_newsletters.css);
@import url(css/account_password.css);


@import url(css/boxes.css);
@import url(css/whatsnew_infobox.css);
@import url(css/products_listing.css);

@import url(css/menu.css);

@import url(css/categories_dropdown.css);

@import url(css/articles.css);


/* - general - */
body{ 
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	font-family: Arial, Georgia, Tahoma, sans-serif;
	color: #676767;
	background-color: #3c080a;
	background-image:url(images/fondpage.gif);
	background-repeat: repeat-x;
	margin-bottom: 30px;
}

/* ----------------------------------------------------- */
/* ------------------------- template ------------------ */
/* ----------------------------------------------------- */

#page{
	position: relative;
	width : 956px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fff;
	margin-bottom: 30px;
}

#top{
	height: 220px; 
	margin : 0px;
	background: #444 url(images/top.jpg) no-repeat;
}

#top h1 {
	text-indent: -9999px;
}

/* Entete
********************************************/

#header{
	width: 990px;
	height: 206px;
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image:url(images/entete.gif);
	background-repeat: no-repeat;
}

#header h1{
	display: inline;
	width: 200px;
	height: 144px;
	background-image:url(images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 68px;
	margin-top: 6px;
}

#header h1 span{
	visibility: hidden;
}

#header #rubriques{
	font-size: 11px;
	color: #fdcc11;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	margin-left: 81px;
}

#header #rubriques a:link,
#header #rubriques a:visited,
#header #rubriques a:hover{
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
}

#header #rubriques a:hover{
	color: #ffff99;
}

#header #rubriques a.bouton:link,
#header #rubriques a.bouton:visited,
#header #rubriques a.bouton:hover{
	display: block;
	float: left;
	width: 63px;
	height: 15px;
	background-image:url(images/bouton-accueil.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
}

#header #rubriques a.bouton span{
	visibility: hidden;
}

#header #panier{
	float: right;
	width: 160px;
	height: 118px;
	margin-top: 19px;
	margin-right: 35px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	display: inline;
}

#header #panier a.bouton:link,
#header #panier a.bouton:visited,
#header #panier a.bouton:hover{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 79px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/bouton-panier.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	margin-bottom: 4px;
}

#header #panier a.bouton span{
	visibility: hidden;
}

#header #panier a:link,
#header #panier a:visited,
#header #panier a:hover{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
}

#header #panier a:hover{
	text-decoration: underline;
}

/* Boutons sidebar
********************************************/

#pageContent,
#pageContent_IE{
	width: 526px;
	margin: 0px;
	padding: 0px;
}

#pageContent{
	overflow: auto;
	clear: none;
}

#pageContent_IE{
	float: left;
}

/* Fil d'ariane
********************************************/

#breadCrumb { 
 position:absolute;
 top: 220px;
 left: 0px;
 padding: 2px; margin: 0 0 0 20px; 
 width:546px; height:20px; 
 background:#D9B878; color:#fff; 
}

/* Colonnes
********************************************/

#sidebar_left,
#sidebar_right{
	margin: 0px;
	padding: 0px;
	width: 195px;
	border: 0;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}

#sidebar_left{
	float: left;
	left : 0px;
}

#sidebar_right{
	float: right;
	right: 0px;
}

#sidebar_left a.cadeaux:link,
#sidebar_left a.cadeaux:visited,
#sidebar_left a.cadeaux:hover,
#sidebar_left a.paniers:link,
#sidebar_left a.paniers:visited,
#sidebar_left a.paniers:hover,
#sidebar_left a.telecharger:link,
#sidebar_left a.telecharger:visited,
#sidebar_left a.telecharger:hover,
#sidebar_right a.conseils:link,
#sidebar_right a.conseils:visited,
#sidebar_right a.conseils:hover{
	width: 195px;
	background-repeat:no-repeat;
	text-decoration: none;
	display: block;
}

#sidebar_left a.cadeaux span,
#sidebar_left a.paniers span,
#sidebar_left a.telecharger span,
#sidebar_right a.conseils span{
	visibility: hidden;
}

#sidebar_left a.cadeaux:link,
#sidebar_left a.cadeaux:visited,
#sidebar_left a.cadeaux:hover{
	height: 106px;
	background-image:url(images/bouton-cadeaux.gif);
}

#sidebar_left a.paniers:link,
#sidebar_left a.paniers:visited,
#sidebar_left a.paniers:hover{
	height: 258px;
	background-image:url(images/panierscadeaux.jpg);
}

#sidebar_left a.telecharger:link,
#sidebar_left a.telecharger:visited,
#sidebar_left a.telecharger:hover{
	height: 81px;
	background-image:url(images/bouton-telecharger.gif);
}

#sidebar_right a.conseils:link,
#sidebar_right a.conseils:visited,
#sidebar_right a.conseils:hover{
	height: 81px;
	background-image:url(images/bouton-conseils.gif);
}

#sidebar_right div#boxlivraison{
	width: 181px;
	padding: 6px;
	margin: 0px;
	background-color: #f0f0f0;
	border: 1px solid #b5b5b5;
}

#sidebar_right div#boxlivraison a:link,
#sidebar_right div#boxlivraison a:visited,
#sidebar_right div#boxlivraison a:hover,
#sidebar_right div#boxlivraison div{
	border: 0;
	padding: 0px;
	margin: 0px;
	width: 181px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
}

#sidebar_right div#boxlivraison a span,
#sidebar_right div#boxlivraison div span{
	visibility: hidden;
}

#sidebar_right div#boxlivraison a.colissimo:link,
#sidebar_right div#boxlivraison a.colissimo:visited,
#sidebar_right div#boxlivraison a.colissimo:hover{
	background-image:url(images/livraison-colissimo.gif);
	height: 79px;
}

#sidebar_right div#boxlivraison a.cityssimo:link,
#sidebar_right div#boxlivraison a.cityssimo:visited,
#sidebar_right div#boxlivraison a.cityssimo:hover{
	background-image:url(images/livraison-cityssimo.gif);
	height: 57px;
}

#sidebar_right div#boxlivraison div.paiement{
	background-image:url(images/livraison-paiement.gif);
	height: 55px;
}

/* Footer
********************************************/
#footer{
	clear: both;
	margin: 0px;
	height: 48px;
	border: 10px solid #fff;
	background-color: #85b7e5;
	background-image:url(images/fondfoot.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	padding-right: 10px;
	padding-top: 15px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 18px;
}

#footer .copyright a {
	color: #fff;
	text-decoration: underline;
}

#footer .copyright a:hover {
	text-decoration: none;
}

/*-------------------------*/


/* ------- forms --------- */
input#search {
  width:130;
  border: 1px solid #16495C; 
  padding: 1px; 
  font-size: 0.9em;
}

/* ------- original --------- */
SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { 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; }