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

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* ------- CSS OSC --------- */
@import url(css/general.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);
*/



/* - general - */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
	border:0;
}
HTML {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
}
body {
   background:url(images/bg.jpg) center top no-repeat fixed #001123;
   text-align: center;
   color: #000;
}
A{
	color:#002c45;
}
/* ----------------------------------------------------- */
/* ------------------------- template ------------------ */
/* ----------------------------------------------------- */
#exterieur {
	position:relative;
	width:1000px;
	margin:0 auto;
}
#onglets{
	width:25px;
	height:293px;
	position:absolute;
	top:232px;
	left:888px;
}
#onglets IMG{
	clear:both;
}
#page{
        position: relative;
        width : 774px;
	border-left:1px solid white;
	border-right:1px solid white;
        margin: 0 auto;
        text-align: left;
        background: white;
}

/* Header
********************************************/
#top{
		position:relative;
        height: 139px;
        width: 100%;
        margin : 0;

}

#topLogo {
        float: left;
		position:relative;
        height: 139px;
		width:774px;
        background: #fff url(images/bg_top.png) top left no-repeat;
}
#logo{
	position:absolute;
	top:15px;
	left:22px;
}
#slogan{
	position:absolute;
	top:98px;
	left:36px;
}
#pub{
	position:absolute;
	top:36px;
	left:290px;
}
#gr_menu {
	position:absolute;
	top:136px;
	width:709px;
	height:38px;
	background:url(../../../template/images/bg_menu_top.gif) repeat-x center left;
	text-align:center;
	padding-left:65px;
}

.btn_menu_ht {
	float:left;
	display:inline;
	min-width:20px;
	line-height:38px;
	height:38px;
	padding:0;
	margin:0;
}
P.btmid_orange{
	position:relative;
	padding:0 6px;
	margin:0;
	display:inline;
	height:48px;
}
.btmid_orange:hover, .activ_orange {
	height:38px;
}
#gr_menu DIV A {
	text-decoration:none;
	color:white;
	font-weight:bold;
	line-height:38px;
	font-size:15px;
}
#grand_titre {
	clear:both;
	position:relative;
	margin-top:35px;
	width:100%;
	height:48px;
	background-color:#FC9100;
}
#grand_titre P{
	color:white;
	float:left;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	padding:10px 20px;
}
#grand_titre P IMG, #grand_titre DIV IMG{
	float:left;
	padding-top:5px;
}
#grand_titre P LABEL, #grand_titre DIV LABEL{
	float:left;
	margin:1px 8px;
}
#grand_titre P INPUT{
	height:16px;
	float:left;
	font-size:16px;
	border:none;
	padding:0;
	margin:4px;
}
#grand_titre DIV{
	float:right;
	color:white;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	padding:10px 20px;
}
#grand_titre DIV SPAN{
	font-size:11px;
	background-color:#fff;
	color:#ac5101;
	padding:3px 10px;
}
#grand_titre A{
	color:white;
}
.effect_upper_under {
	clear:both;
	width:100%;
	height:8px;
	background-color:#f7e1c2;
	border-bottom:1px solid white;
}

#breadCrumb {
       float: left;
	   display:inline;
	   width:720px;
	   padding:3px 0 8px 15px;
}


.clear_both {
       clear: both;
}

/* Content
********************************************/
.productPrice{
	font-weight:bold;
	font-size:2em;
	color:#990000;
}
#sidebar_left {
	clear:both;
        float: left;
		display:inline;
        left : 0px;
        width: 206px;
        border : 0;
		margin-left:18px;
}

#pageContent {
		float:right;
		display:inline;
        width: 518px;
		margin-right:16px;
}


#sidebar_right {
        float: right;
        right: 0px;
        width : 165px;
        border : 0;
        padding: 0px 10px 0px 0px;
        margin: 7px 0px 0px 0px;
}

/* Footer
********************************************/
#bottom {
	position:relative;
	width:774px;
	height:30px;
	background-color:#023047;
}
#bottom UL {
	list-style:none;
	text-align:center;
	padding-top:6px;
}
#bottom UL LI {
	display:inline;
	color:white;
	letter-spacing:1px;
	font-size:10px;
	font-weight:bold;
}
#bottom UL LI A {
	text-decoration:none;
	color:white;
}
#bottom UL LI A:hover {
	text-decoration:underline;
}
#footer{
	height:28px;
	background:url(images/bg_footer.gif) top left repeat-x #dff3fe;
}
#footer IMG{
	float:right;
	margin:7px 20px 0 0;
}
#footer P{
	float:left;
	color:#709cb5;
	padding:8px 0 0 20px;
	font-size:10px;
}
#footer P A{
	color:#709cb5;
}
/*-------------------------*/


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

/* ------- original --------- */
SPAN.newItemInCart {color: #f00; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #f00;}

.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; }