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

/* couleurs du site 
gris : #414141
orange : #ff6600
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, hr { margin:0; padding:0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.productsNotifications { background: #000; }
.orderEdit { font-size : 10px; color: #ff6600; text-decoration: underline; }

h3 strong { color:#ff6600; }

/*  T A G S   H T M L  */

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #727272;
  color: #ffffff;
/*  margin-top:10px;*/
}

#cadre_body {
	width:942px;
	background: #414141 url(images/interface/ombre.png) repeat-y top right;
	border-left:4px solid black;
	padding-right:4px;
}

#footer_ombre {
	width:950px;
	height:28px;
	background: #414141 url(images/interface/footer.png) no-repeat left top;
}

td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/*  background: #414141; */
  color: #ffffff;
}

a:link {
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}

a:visited {
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}

a:hover {
  color: #ff6600;
  text-decoration: underline;
  font-weight:bold;
}


form { display: inline; }

checkbox, input, radio, select { font-size: 11px; }

textarea {
  width: 100%;
  font-size: 11px;
}

/* pour aligner les formulaires */
.droite {
	float:left;
	width:70%;
	text-align:left;
	display:inline;
/*	background-color:red; */
}


hr { color:#ff6600; }

h1 {
	font-size:28px;
	font-weight:bold;
	margin:1em 0;
}

h2 {
	font-size:18px;
	font-weight:bold;
	margin:.7em;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:.6em 0;
}

h6 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
	margin-top:1em;
}



/*  B A N D E A U   N A V I G A T I O N  */

.header_navigation { background: url(images/interface/header_navigation.png) no-repeat; }

tr.header { /*  background-color: #414141; */ }

tr.headerNavigation { /*  background-color: #414141; */ }

td.headerNavigation {
  font-size:10px;
  color: #fff;
/*   padding: 2px 0; */
}

a:link.headerNavigation { color: #fff; }

a.headerNavigation:hover { color: #ff6600; }

tr.headerError { background: #ff2400; }

td.headerError {
  font-size: 12px;
  background: #ff2400;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo { background: #00ff00; }

td.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



/*  L O G I N B O X  */

.loginbox { color:#fff; }
.blanc { color:#fff; }
a.blanc:link {}
a.blanc:visited { color:#fff; }

a.blanc:hover { color:#ff6600; text-decoration:none; }
/* end loginbox */



/*  P I E D   D E   P A G E  */

td.footer a {
  color: #fff;
  font-weight: bold;
}

td.footer a:hover {
	color: #ff6600;
}


td.footer {
  font-size: 13px;
  font-weight:bold;
  color: #fff;
  background-color: #000000;
}

td.date {
  font-size: 9px;
  color: #fff;
}


tr.subBar { background: #fff; }

td.subBar {
  font-size: 10px;
  color: #fff;
}

td.main, p.main {
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

td.main_souligne, p.main_souligne {
	font-size: 11px;
	line-height: 1.5;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

td.smallText, span.smallText, p.smallText { font-size: 10px; }

td.accountCategory {
  font-size: 13px;
  color: #fff;
}

td.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue { font-size: 12px; }

td.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-size: 10px;
  color: #ff6600;
}

span.greetUser {
  font-size: 12px;
  color: #ff6600;
  font-weight: bold;
}

table.formArea {
  background: #414141;
  border:1px solid #ff6600;
}

td.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}


span.errorText { font-size:11px; color: #ff2400; }

.moduleRow { }
.moduleRowOver { background-color: #ff6600; }
.moduleRowSelected { background-color: #ff6600; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #ff6600; }



/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 11px; color: #ff2400; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; color:#000; }



/* input requirement */

.inputRequirement { font-size: 10px; color: #ff2400; }



/*  P A N I E R  */

.titrepanier1 { padding-left:50px; color: #fb9700; font-size: 18px; font-weight: bold; }
.titrepanier2 { color: #fb9700; font-size: 24px; font-weight: bold; }
.refpanier { color: #aeaeae; font-size: 12px; }
.texteblanc { color: #fff; font-size: 14px; font-weight: bold; }
.soustotal { font-size:14px; font-weight:bold; color: #fff; padding-right:20px; }

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: #000;
}

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: #333;
}

.logo {padding-bottom:8px;}

table.productListing { /* border: 1px solid #ff6600; */ }

.productListing-heading {
	font-size: 12px;
	background-color: #996633;
	color: #fff;
	font-weight: bold;
    padding: 6px 0;
}

td.productListing-data {
  font-size: 10px;
  padding: 4px 0;
}

.productListing-footer {
	color: #fff; 
	font-size: 14px; 
	font-weight: bold;
	background-color: #996633;
    padding: 6px 10px 6px 0;
}


/* CHECKOUT_CONFIRMATION */

.titre_recap { font-size:18px; color:#ff6600; font-weight:bold; }


/*  M E N U   O N G L E T S  */

div#navcontainer {
	font-weight: bold;
	background: #414141;
	float:left;
	right: 0px;
	margin: 0;
	padding: 10px;
	border: 0;
}

div#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#navcontainer ul li {
	display: inline;
	margin-left:4px;
	padding-left: 2px;
}

div#navcontainer ul li a {
	background: #FFF;
	margin: 0;
	padding: 2px 15px 2px 15px;
}

div#navcontainer ul li a:hover {
	border-bottom: solid 9px #fff;
}



/* menu liens catégories */

.espace_categorie {
	color:#f60;
	background-color:#f60;
	border:0;
	height:1px;
	margin:3px 0;
}

.liencat_cour {
	color:#ff6600;
	font-size: 1.2em;
}

.liencat {
	text-decoration:none;
}

a.liencat_cour:link {
	color: #ff6600;
	text-decoration:none;
}

a.liencat_cour:visited {
	color: #ff6600;
	text-decoration:none;
}

a.liencat:hover {
	color: #ff6600;
	text-decoration:none;
	background: #fff;
}

a.liencat_cour:hover {
	color: #ff6600;
	text-decoration:none;
	background: #fff;
}

/* bords des colonnes */

.bordure { border-left: 1px solid #ff6600; }
.bordure_droite { border-right: 1px solid #ff6600; }



/*  S T Y L E   D E S   P A G E S  */ 

.cadre_orange_pointille { background-color:#000; /* border:1px dotted #ff6600;*/ }
.ligne_grise_pointille { border-bottom:1px dotted #ccc; }
.ligne_grise_pointille_top { border-top:1px dotted #ccc; }


.bordure_image {
/*	border:1px dotted #ff6600; */
	margin:5px 10px 5px 0;
	background-repeat:no-repeat;
}

a.bouton:link {
	font-weight:bold;
	font-size:10px;
	background-color:#000;
	color:#fff;
	padding:4px;
	line-height:200%;
	border:1px solid #ff6600;
}

a.bouton:visited {
	font-weight:bold;
	font-size:10px;
	background-color:#000;
	color:#FFF;
	padding:4px;
	line-height:200%;
	border:1px solid #ff6600;
}

a.bouton:hover {
	text-decoration:none;
	color: #ff6600;
	border:1px solid #ff6600;
	background-color:#000;
	padding:4px;
	line-height:200%;
}

.bouton_espace { margin:3px; } /* corrige un défaut d'affichage sous MSIE 6 */

.nom_bandeau_souscat {
/*	font-size:24px;
	color:#fff;*/
	font-weight:bold;
	color:#ccc;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

td.pageHeading, div.pageHeading {
  font-size: 14px;
/*  color: #ff6600; */
  color:#fff;
  font-weight:bold;
  
}

.espace { padding: 0 18px; }
.espace_pages { padding: 0 10px; }



/*  L I S T I N G   P R O D U I T S  */

.prix {
	color:#fff;
	font-size:23px;
}



/*  P A G E  PRODUCT_INFO  */

span.markProductOutOfStock {
  font-size: 11px;
  color: #ff2400;
  font-weight: bold;
}

span.productSpecialPrice { color: #ff2400; }

a.pageResults { color: #fff; }

a.pageResults:hover { color: #ff6600; }

.nom_categorie_produit {
	font-weight:bold;
	color:#ccc;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

.caracteristiques_produit {
	font-weight:bold;
	color:#ccc;
	font-size:14px;
	text-align:left;
}

a.lien_agrandir:link {
	color:#ccc;
	text-decoration:none;
	font-weight:bold
}

a.lien_agrandir:visited {
	color:#ccc;
	text-decoration:none;
	font-weight:bold
}

a.lien_agrandir:hover {
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
}

.nom_produit {
	color:#ff6600;
	font-size:12px;
	font-weight:bold;
}

.ref_fiche_produit { 
	color:#fff;
	font-size:14px;
	font-weight:bold;
/*	padding-left:10px; */
}

.nom_fiche_produit {
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.texte_descriptif_produit {
	text-align:left;
	line-height:150%;
	font-size:11px;
	padding:10px;
}

.texte_descriptif_produit ul {
	list-style:disc;
	margin-left:20px;
	padding-left: 2px;

}

.ref {
	color:#ff6600;
	font-size:14px;
	font-weight:bold;
}

.nom_nouveaute {
	color:#ff6600;
	font-size: 10px;
}

.ref_nouveaute {
	color:#ff6600;
	font-size:12px;
}

.stockWarning { font-size : 11px; color: #ff2400; background-color:#000;}

#etiquette {
	position:relative;
	width:129px;
	height:203px;
	background: #fff url(images/interface/label_P2.png) no-repeat;
}

#prix {
	position:relative;
	top:110px;
	width:129px;
	height:100px;
}

#prix a:link { color:black; }
#prix a:visited { color:black; }

#bouton_panier {
	position:relative;
	top:70px;
	width:129px;
	height:103px;
}


.prix_produit {
	font-size:20px;
	font-weight:bold;
	color:#000;
}



/* BOX FEATURED COINS ARRONDIS */

* html .boxhead h2 {height: 1%;} /* pour IE 5 PC */

.sidebox {
	margin: 0 auto;
	width: 200px;
	background: url(images/featured/box_br.png) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(images/featured/box_tr.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h2 {
	background: url(images/featured/box_tl.png) no-repeat top left;
	margin: 0;
	padding: 30px 0px 10px;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	color: #fff;
/*	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; */ /* ombre juste pour Safari */
}

.boxbody {
	background: url(images/featured/box_bl.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 20px 30px;
	color: #ff6600;
}

.boxfooter {text-align: right; /* boutons alignés à droite */}
.boxfooter input {font-weight: bold; /* boutons en gras */}


.featured_box {
	background: #000;
/*
	border-top: 4px outset #222222;
	border-right: 4px solid #323232;
	border-bottom: 4px solid #323232;
	border-left: 4px outset #727272;
*/
}

.featured_box a:link { color:#fff; }
.featured_box a:visited { color:#fff; }
.featured_box a:hover { color:#ff6600; }
.featured_text { color:white; font-size:14px; }
.featured_prix { color:white; font-size:24px; font-weight:bold;}

/* STYLES FCKEDITOR */

.orange { color:#ff6600; }

.blanc { color:#ffffff; }

.gras_orange {
	color:#ff6600;
	font-weight:bold;
}

.gras_blanc {
	color:#fff;
	font-weight:bold;
}

a.lien:link {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a.lien:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a.lien:hover {
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
}
