/*
  $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);
*/



/* - general - */


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

body {
	margin:0;
	padding:0;
	background:url(images/bg-body.jpg) repeat-x #3068BF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	text-align:left;
}

h1, h2, h3 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#646464;
}

h1 {
	font-weight:bold;
	color:#FFFFFF;
	height:60px;
	line-height:60px;
	margin-bottom:18px;
	margin-left:10px;
}

h2 {
	color:#01113a;
	margin-bottom:20px;
}

h3 {
	color:#646464;
	margin-bottom:5px;
	margin-top:10px;
	text-shadow:2px;
}

#Page_conseils_de_pros h4 {
	padding:20px;
	padding-left:0;
	border-top: #CCC dashed 1px;
	margin-top:20px;
	font-size:15px;
	font-weight:normal;
}

#Page_conseils_de_pros h3 {
	border-top:#CCC 1px solid;
	padding-top:20px;
}

#Page_conseils_de_pros p {
	margon-top:10px;
	margin-bottom:10px;
}


a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	text-decoration:underline;
}

img {
	margin:0;
	padding:0;
	border:0;
}

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

label {
	margin-top:10px;
}

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

table {width:100%;border:1px solid #fff;margin-bottom:5px;}

td, th {
	background:#eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #504F55;	
	padding-left:10px;
	border-bottom:1px solid #fff;
}

td {color:#666;}

/* Général */

#container {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/bg-container.jpg) no-repeat center top;
}

#header {
	width:990px;
	height:162px;
}

#menu-principal {
	position:absolute;
	width:981px;
	height:36px;
	margin-left:5px;
	margin-top:116px;
}

#menu-principal li {
	display:inline;
}

#menu-principal li a {
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

#menu-principal li a:hover {
	background-color:#3068BF;
	text-decoration:none;
}

#menu-principal-left a:hover {
	background:url(images/bg-menu-principal-left.jpg) no-repeat;
	background-color:transparent;
}

#menu-principal-right a:hover {
	background:url(images/bg-menu-principal-right.jpg) no-repeat;
	background-color:transparent;
}

#menu-secondaire {
	position:absolute;
	margin-top:85px;
	width:970px;
	padding-right:20px;
}

#menu-secondaire ul {
	float:right;
	
}

#menu-secondaire img {
	vertical-align:middle;
	margin-left:10px;
}

#menu-secondaire li {
	display:inline;
}

#menu-secondaire li a {
	display:inline;
	font-weight:bold;
	color:#aaaaaa;
	text-decoration:none;
}

#menu-secondaire li a:hover {
	text-decoration:underline;
}

#categories {
	position:absolute;
	margin-top:80px;
	margin-left:10px;
}

#categories h2 {
	font-size:12px;
	margin:0;
	margin-bottom:10px;
}

#categories h2 a {
	padding:10px;
	background:#01184C;
	display:block;
}

#categories h2 a:hover {
	color:#FFF;
	text-decoration:none;
	background:#3068BF;
}

#contenu {
	width:990px;
	min-height:440px;
}

#footer {

	text-align:center;
	font-size:10px;
	color:#bbbbbb;
	margin-bottom:30px;
}



#footer a {
	text-align:center;
	font-size:10px;
	color:#bbbbbb;
}

/* Gabarits */

#colonne-gauche {
	width:205px;
	float:left;
	text-align:center;
}

#colonne-centre {
	width:580px;
	float:left;
}

.colonne-centre-listing {
	width:990px;
	float:left;
}

#colonne-right {
	width:205px;
	float:left;
}

#box-centre {
	width:546px;
	margin-left:auto;
	margin-right:auto;
}

.box-centre-listing {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#box-centre-contenu {
	background:#ffffff;
	padding:30px;
	padding-top:10px;
	width:486px;
	float:left;
}

#box-centre-contenu a {
	color:#01184C;
}

#box-droite-contenu {
	background:#ffffff;
	padding:20px;
	width:159px;
	margin-left:0px;
}

.box-product {
	width:151px;
	float:left;
	margin-left:20px;
	-margin-left:10px;
	text-align:center;
	height:200px;
}

.box-product a img {
	height:100px;
	width:auto;
}

.box-product a {
	color:#01184C;
	font-weight:bold;
}

input {
	border:#cccccc 1px solid;
	
	color:#000000;
	padding:3px;
	margin-top:10px;
	margin-left:10px;
	
	-border:0;
	-margin:0;
}

input[type="radio"] {
	border:0;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:#cccccc 1px solid;
}

input[type="checkbox"] {
	border:0;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:#cccccc 1px solid;
}


select {
	margin-left:10px;
}

.bouton {
	background:#01113a;
	color:#ffffff;
	border:#ffffff 1px solid;
	width:125px;
	line-height:27px;
	cursor:pointer;
}

#flashAccueil {
	/*position:absolute;*/
	height:100px;
	margin-top:-50px;
	margin-left:200px;
}



/* Header
********************************************/
#top{
        height: 123px;
        width: 100%;
        margin : 0 0 0 0px;
        background: #fff url(images/top_back.png) top left repeat-x;

}

#topLogo {
        float: left;
        height: 123px;
        width: 700px;
        background: #fff url(images/top.png) top left no-repeat;
}

#topRight {
        float: right;
        height: 123px;
        width: 24px;
        background: #fff url(images/top_right.png) top left no-repeat;
}

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

#navi_bar {
       position: absolute;
       z-index: 100;
       top: 80px;
       left: 0px;
       padding: 0 40px 0 40px;
       margin: 0 0 0 0px;
       height:18px;
       background: transparent;
       color: #fff;
}

#navi_bar a {
	   color: #fff;
}

#breadCrumb {
       float: left;
}

#long_date {
       float: right;
}

.clear_both {
       clear: both;
}

/* Content
********************************************/
#sidebar_left {
        float: left;
        left : 0px;
        margin: 7px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        width: 165px;
        border : 0;
}

#pageContent {
        overflow: auto;
        clear: none;
        width: auto;
        min-width:400px;
        margin: 0px 10px 0px 10px;
        padding: 0px 0px 0 0px;
}

#pageContent_IE {
        float: left;
        width: auto;
        min-width:400px;
        margin: 0px 10px 0px 10px;
        padding: 0px 0px 0 0px;
}

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

.image_droite {
	float:right;
	margin:15px;
	margin-right:0;
}

.image_gauche {
	float:left;
	margin:15px;
	margin-left:0;
}

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


/* ------- 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; }