/*
  $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/address_book.css);
@import url(css/whatsnew_infobox.css);
@import url(css/products_listing.css);
@import url(css/checkout_confirmation.css);
@import url(css/checkout_payment.css);
@import url(css/checkout_shipping.css);
@import url(css/checkout_success.css);
@import url(css/contact_us.css);
@import url(css/create_account.css);

/*
@import url(css/menu.css);

@import url(css/categories_dropdown.css);
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(images/bg_degrade.png);
	background-repeat:repeat-x;
	background-color:#ffffff;
}

h1 {
	margin-left:10px;
	font-size:20px;
	color:#970F25;
}

h4 {
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
	color:#ffffff;
}

div.contentBox h4 {
	color:#646464;
	margin:0;
	padding:0;
}

input {
	margin-left:20px;
}

textarea {
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}

td {
	color:#666666;
}
td, th {
	background:#EEEEEE none repeat scroll 0 0;
	border-bottom:1px solid #FFFFFF;
	color:#504F55;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-left:10px;
}

#container {
	width:955px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:955px;
	height:176px;
	background-image:url(images/fond-header.png);
	background-repeat:no-repeat;
}

#contenu {
	float: left;
	width:955px;
	background-image:url(images/fond-contenu.png);
	background-repeat:repeat-y;
	background-attachment:scroll;
	display: block;
}

#colonne-gauche {
	float:left;
	width:228px;
	margin-left:3px;
	-margin-left:1px;
	background:url(images/fond-menu-gauche.png) no-repeat;
}

#colonne-gauche p {
	margin-left:10px;
	margin-top:10px;
	padding:0 0 0 0;
}

#colonne-centre {
	float:left;
	width:493px;
	margin-top:-7px;
}

#colonne-centre p {
	margin-left:10px;
	margin-top:10px;
	padding:0 0 0 0;
}

#breadscrumb {
	font-size:10px;
	margin:10px;
}

#breadscrumb a{
	color:#646464;
	text-decoration:none;
}

#breadscrumb a:hover{
	text-decoration:underline;
}

#visu-rubrique {
	width:493px;
	height:187px;
	margin-top:-11px;
	-position:absolute;
}

#colonne-droite {
	float:left;
	width:228px;
	background:url(images/fond-colonne-droite.png) no-repeat;
	text-align:center;
	-margin-left:1px;
}

#colonne-droite p {
	margin-left:10px;
	margin-top:10px;
	padding:0 0 0 0;
}

#footer {
	clear:both;
	width:955px;
	background-image:url(images/fond-footer.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#aaaaaa;
	padding-top:30px;
	padding-bottom:20px;
}

#footer a {
	color:#aaaaaa;
}

#credits {
	font-size:10px;
}

a {
	color:#008a3a;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
	behavior: url(./pngHack/pngHack.htc);
}

.header-box {
	height:48px;
	line-height:48px;
	background-image:url(images/fond-header-box.png);
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	-margin-left:1px;
	-width:228px;
	//margin-top:-5px;
}

#flash {
	-margin-left:1px;
}

.header-box span {
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-left:10px;
}

#box-rechercher {
	margin-top:20px;
}

#menu {
	margin:0;
	margin-top:50px;
	padding:0;
	list-style:none;
}

#menu li a {
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:20px;
	border-bottom:#cccccc 1px solid;
	display:block;
}

#menu li li a {
	font-weight:normal;
	padding-left:40px;
	font-size:12px;
}

#menu li a:hover {
	text-decoration:none;
	background:url(images/fond-menu-hover.png) no-repeat;
	color:#970F25;
}

.input {
	
	color:#000000;
	border:#cccccc solid 1px;
	margin-right:5px;
	height:20px;
}

.input-listing {
	color:#000000;
	border:#cccccc solid 1px;
	margin-right:2px;
	margin-left:2px;
	margin-top:-9px;
	//margin-top:-5px;
	height:15px;
	//height:13px;
	width:16px;
	text-align:center;
	font-size:11px;
	vertical-align:middle;
}

#box-panier {
	text-align:left;
	color:#FFFFFF;
	margin-top:10px;
}

#box-panier p {
	margin-left:20px;
}

#login-box {
	text-align:left;
	margin-top:20px;
}

#login-box p {
	margin-left:25px;
}

#container-listing {
	width:473px;
	margin-left:10px;
	-margin-left:5px;
	//margin-top:-10px;
	float:left;
	background-image:url(images/fond-listing.gif);
	background-repeat:repeat-y;
}

.box-listing {
	width:236px;
	height:163px;
	float:left;
}

.img-listing {
	float:left;
	width:104px;
	height:120px;
	margin-top:10px;
	margin-left:5px;
}

.descriptif-listing {
	float:left;
	width:117px;
	height:120px;
	margin-top:10px;
	margin-left:5px;
	margin-bottom:7px;
}

.add-cart-listing {
	clear:both;
	text-align:center;
}

.titre-box-listing {
	color:#008a3a;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.titre-box-listing a {
	color:#008a3a;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.titre-box-listing a:hover {
	text-decoration:underline;
}

.texte-vert {
	color:#839b2d;
}

.valign {
  display:block;
  position:absolute;
  top: 50%;
  height: 9px;
  margin-top: -0.5em;
}