/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  SARL EticWeb based on OsCommerce MS2.2 see www.oscommerce.com and www.eticweb.com

  Released under the GNU General Public License


  Le Hack CSS !important
Cette r�gle s'applique ˆ tout les attributs CSS. Elle permet ˆ l'attribut auquel il est ajoutŽ de prendre le pas sur tous les m�mes autres attributs qui pourraient se trouver ˆ l'intŽrieur de la m�me class ou du m�me id. En thŽorie, cette r�gle a ŽtŽ instaurŽe pour crŽer une balance entre la feuille de style "auteur" et et la feuille de style "utilisateur". Pour plus de dŽtails thŽoriques consultez la doc CSS du W3C  ˆ ce sujet .

En pratique, Internet Explorer ne comprends pas cette r�gle, il l'ignore compl�tement contrairement ˆ tout bon navigateur comme FireFox.
En d'autres mots vous pouvez gr‰ce ˆ !important afficher un ŽlŽment compl�tement diffŽremment suivant un navigateur. 
Voici un petit code offrant une interprŽtation diffŽrente suivant le navigateur :
div.maclass {
   border:1px solid #F00 !important;
   border: 5px outset #00F;
}
En CSS, si un attribut est rŽpŽtŽ deux fois au sein d'une m�me class ou id c'est le dernier nommŽ qui sera appliquŽ. Dans le code ci-dessus, !important indique que peu importe si un attribut est rŽpŽtŽ, celui appliquŽ sera celui qui contient la r�gle !important. Ainsi ce petit code affichera sur IE une <div> avec une bordure bleue embossŽe de 5px et sous FireFox une <div> avec une bordure rouge plate de 1px.
*/
* {
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-size:12px;
	color : #5d0630;
}
body {
	margin 			: 0px;
	padding 		: 0px;
	font-family 	: Verdana, Arial, Helvetica, Sans-Serif;
	color 			: #000000;
	text-align: center;
	background		: #ffa355 url(../images/LookDD/Baroque/BckGRD-Baroque.jpg) repeat-x;
}
#main {
    margin-left		: auto;
    margin-right	: auto;
    margin-top		: 37px;
    width 			: 845px;
	text-align		: center;
	z-index			: 100;
	position		: relative;
	/*border 			: 1px solid #6C6C6C;*/
}
#chLng {
	position		: absolute;
	left			: 50%;
	width 			: 464px;
	top 			: 41px;
	text-align		: right;
	/*border			: solid 1px red;*/
}
/****** PAGE ACCUEIL ******/
.bodyAccueil {
	background		: #d2fb55 url(../images/LookDD/Accueil/BckGRD-Accueil.jpg) repeat-x;
}

#zonecentralAccueil {
	background		: transparent url(../images/LookDD/Accueil/BckGRD-Central.jpg) repeat-y;
	padding-top		: 6px;
}
#headerAccueil {
	background		: transparent url(../images/LookDD/Accueil/BckGRD-SousLogo.jpg) repeat-y center;
	height			: 249px;
	/*border 			: 1px solid #6C6C6C;*/
}

/****** PAGE BAROQUE ******/
.pink {
	font-weight:bold;
	font-size:18px;
	color:#a72a64;
}
#headerBaroque {
	background		: transparent url(../images/LookDD/Baroque/MenuTop.jpg) no-repeat;
	height	: 83px;
}
#zonecentralBaroque {
	background		: transparent url(../images/LookDD/Baroque/BckGRD-Central.jpg) repeat-y;
	position		: relative;
	text-align		: center;
	margin-top		: 0px;
	padding-top		: 10px;
	padding-bottom	: 10px;
}

#zonecentralBaroqueTop {
	background		: transparent url(../images/LookDD/Baroque/BckGRD-CentralTop.jpg) repeat-y;
	position		: relative;
	text-align		: center;
	height			: 226px;
}
#formebaroque {
	position:absolute;
	top:0px;
	margin:0;
	background: transparent url(../images/LookDD/Baroque/forme-baroque.gif) no-repeat;
	background-position : center -150px;
	z-index:10;
	width:100%;	
}
#divcolgch, #divcolctr, #divcoldrt {
	float:left;
}
#divcolgch {
	clear:left;
	width:191px;
	margin-left:5px;
}
#divcolctr {
	width: 440px;
	margin: 0 5px 15px 5px;
	text-align:left;
}
#divcoldrt {
	width: 191px;
}
#divcolctr a {
	color : gray;
}
#chLngBaroque {
	top : 50px;
	float : right;
	margin-right:-40px;
	margin-top:5px;
	clear:both;
}
/* ie hack */
* html body #main  {
	top 			: 37px;
}
* html #zonecentralBaroque {
	height			: 100%;
}
* html #divcolctr {
	margin: 0 3px 15px 3px;
}
* html #divcolgch {
	margin-left:3px;
}
* html #formebaroque {
	margin-left:-50%;
}
/*
* html  #divcolctr {
	clear:both;
	margin-left		: 182px;
	width			: 427px;
	position		: relative;
}
* html  #divcoldrt {
	float			: right;
	position		: relative;
	display:block;
	width			: 191px;
	margin-right	: 8px;
	margin-top		: 2px;
}
* html  #divcolgch {
	float			: left;
	position		: relative;
	display:block;
	width			: 191px;
	margin-left		: 6px;
	margin-top		: 2px;
}
* html  #divcolctr {
	clear:both;
    margin-left		: 0px;
	width			: 440px;
	text-align		: left;
}
/****** contenu dans boite *****/
.products_block {
	font-size: 11px;
	overflow:auto;
	text-align:left;
	padding-top:2px;
}
.products_block li {
	clear: left;
	list-style-position: outside;
}
.products_block li h5 {
	display: inline;
	font-size:11px;
	margin-left:5px;
}
.products_block img {
	float: left;
}

.products_ul {
	list-style:none;
	margin-top:2px;
	margin-left:2px;
}
.productSpecialPrice {
	color: #da0f00;
	font-weight: bold;
	margin-left:5px;
	font-size:16px;
	text-decoration: none;
}
.price {
	text-decoration: line-through;
	font-size: 10px;
	margin-left:5px;
	white-space: nowrap;
}
/******* Boite FoncŽe exclusive *************/
#panierHead {
	/*background-image: url(../images/LookDD/Baroque/block_header_exclusive_cart.gif);*/
	background-image: url(../images/LookDD/Baroque/block_header_fushia_cart.gif);
	background-repeat: no-repeat;
	color:white;
	text-align:left;
	padding-left:8px;
	height:25px;
}
#exclusiveHead {
	background-image: url(../images/LookDD/Baroque/block_header_exclusive.gif);
	background-repeat: no-repeat;
	color:white;
	text-align:left;
	padding-left:8px;
	height:25px;
}
#exclusiveCont {
	background: #bdc2c9 url(../images/LookDD/Baroque/block_bg_exclusive.jpg) repeat-x bottom left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #595a5e;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #595a5e;
	padding-right:2px;
	padding-left:2px;
}
#exclusiveFoot {
	background-image: url(../images/LookDD/Baroque/block_footer_exclusive.jpg);
	background-repeat: no-repeat;
	height : 6px;
}
#exclusiveCont,#exclusiveCont a,#exclusiveCont a:hover,#exclusiveCont a:visited {
	color : #ffffff;
	text-decoration:none;
}
/******* Boite Verte **************/
#greenHead {
	background-image: url(../images/LookDD/Baroque/block_header_vert.jpg);
	background-repeat: no-repeat;
	color:white;
	text-align:left;
	padding-left:8px;
	height:25px;
}
#greenCont {
	background: #e5f6ed url(../images/LookDD/Baroque/block_bg_vert.jpg) repeat-x bottom left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d1f2e1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1f2e1;
	padding-right:2px;
	padding-left:2px;
}
#greenFoot {
	background-image: url(../images/LookDD/Baroque/block_footer_vert.jpg);
	background-repeat: no-repeat;
	height : 6px;
}
#greenCont,#greenCont a,#greenCont a:hover,#greenCont a:visited {
	color : #ffffff;
	text-decoration:none;
}
/******* Boite Fushia *************/
#fushiaHead {
	background-image: url(../images/LookDD/Baroque/block_header_fushia.jpg);
	background-repeat: no-repeat;
	color:white;
	text-align:left;
	padding-left:8px;
	height:25px;
}
#fushiaCont {
	background: #fae0ed url(../images/LookDD/Baroque/block_bg_fushia.jpg) repeat-x bottom left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f3d0e4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f3d0e4;
	text-align:left;
	padding-right:2px;
	padding-left:2px;
}
#fushiaFoot {
	background-image: url(../images/LookDD/Baroque/block_footer_fushia.jpg);
	background-repeat: no-repeat;
	height : 6px;
}
#fushiaCont ul.bullet {
	padding-top : 5px;
}
#fushiaCont ul.bullet li {
	/*background-image: url(../images/LookDD/bullet_myaccount.gif);
	background-repeat:no-repeat;*/
	background: transparent url(../images/LookDD/bullet_myaccount.gif) no-repeat 5px 4px;
	padding-left:20px;
	list-style-type:none;
	/*background: transparent url(../images/LookDD/bullet.gif) no-repeat 0.6em 0.5em;*/
}
#fushiaCont a,#fushiaCont a:hover,#fushiaCont a:visited {
	color : #5d0630;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#fushiaCont a:hover {
	text-decoration :underline;
}
.freeship{
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}

 .freeship2{
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/******* Boite *************/
#boiteHead {
	background-image: url(../images/LookDD/Baroque/block_header.gif);
	background-repeat: no-repeat;
	color:#506570;
	text-align:left;
	padding-left:8px;
	height:25px;
}
#boiteCont {
	background: #f1f2f4 url(../images/LookDD/Baroque/block_bg.jpg) repeat-x bottom left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dedfe0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dedfe0;
	text-align:center;
	padding-right:2px;
	padding-left:2px;
}
#boiteFoot {
	background-image: url(../images/LookDD/Baroque/block_footer.gif);
	background-repeat: no-repeat;
	height : 6px;
}
#boiteCont a,#boiteCont a:hover,#boiteCont a:visited {
	color : #88898B;
	text-decoration:none;
	/*font-weight:bold;
	text-decoration:none;*/
}
#boiteCont a:hover {
	text-decoration :underline;
}
.imgDsBox {
	width:60px;
	float:left;
	margin-right:5px;
}
/****** Fiche Produit *******/
#photoprod,#photoprod2et3 {
	float:left;
}
#photoprod {
	clear:left;
	width:280px;
	margin-left:5px;
}
#photoprod2et3 {
	width: 150px;
	text-align:left;
}
.inputQty,.prixpro {
	line-height: 18px;
	height: 18px;
	font-size : 16px;
	font-weight:bold;
	color:#45871f;
	vertical-align:middle;
}

/****** Boutons *******/
/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	color:black!important;
	font-weight: bold;
	font-size: 10px!important;
	text-align: center;
	text-decoration: none!important;	
	cursor: pointer;
	display: block;
	line-height: 18px;
	height: 18px;
}
.button_large {
	width: 180px;
	background-image: url(../images/LookDD/Baroque/button-large.gif);
	color:black;
	font-size:10px;
}
.button {
	width: 120px;
	background-image: url(../images/LookDD/Baroque/button-medium.gif);
	color:black;
	font-size:10px;
	vertical-align:middle;
}
.button_small {
	width: 60px;
	background-image: url(../images/LookDD/Baroque/button-small.gif);
	color:black;
	font-size:10px;
}
.button_mini {
	width: 30px;
	background-image: url(../images/LookDD/Baroque/button-mini.gif);
	color:black;
	font-size:12px;
}
.exclusive_large {
	width: 180px;
	background-image: url(../images/LookDD/Baroque/button-large_exclusive.gif);
	color:white;
	font-size:10px;
}
.exclusive {
	width: 120px;
	background-image: url(../images/LookDD/Baroque/button-medium_exclusive.gif);
	color:white;
	font-size:10px;
}
.exclusive_small {
	width: 60px;
	background-image: url(../images/LookDD/Baroque/button-small_exclusive.gif);
	color:white;
	font-size:10px;
}
.exclusive_mini {
	width: 30px;
	background-image: url(../images/LookDD/Baroque/button-mini_exclusive.gif);
	color:white;
	font-size:10px;
}
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
	color:white!important;
}
/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
	background-position: left -18px;
}

/****** MENU TOP ******/
#navbar {
	font-size:13px;
	line-height:normal;
	/*font-weight:bold;*/
	position : relative;
	padding-top:40px;
}

#navbar ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
}

#navbar li {
	display :inline;
	margin:0;
 	padding:0;
	color : white;
	list-style:armenian;
	border-left : dotted white 1px;
	margin-left : 5px;
	padding-left : 5px;
}
#navbar li.firstitem {
	border-left : none;
}
#navbar a,#navbar a:hover,#navbar a:visited {
 	text-decoration:none;
	color : white;
	/*border-right: 1px solid #ffffff;*/
}
/****** MENU FOOTER ******/
#navbarFooter,#navbarFooterAccueil {
	font-size:13px;
	line-height:normal;
	/*font-weight:bold;*/
	position : relative;
	padding-top:5px;
}

#navbarFooter ul,#navbarFooterAccueil ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
}

#navbarFooter li,#navbarFooterAccueil li {
	display :inline;
	margin:0;
 	padding:0;
	color : white;
	list-style:armenian;
	border-left : dotted white 1px;
	margin-left : 5px;
	padding-left : 5px;
}
#navbarFooterAccueil li {
	color : #9a5ca7;
}
#navbarFooter a,#navbarFooter a:hover,#navbarFooter a:visited {
 	text-decoration:none;
	color : white;
	/*border-right: 1px solid #ffffff;*/
}
#navbarFooterAccueil a,#navbarFooterAccueil a:hover,#navbarFooterAccueil a:visited {
 	text-decoration:none;
	color : #9a5ca7;
	/*border-right: 1px solid #ffffff;*/
}
#navbarFooter li.firstitem,#navbarFooterAccueil li.firstitem {
	border-left : none;
}
/****** MENU CATEGORIES ******/
#navbarCat {
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	position : relative;
	padding-top:5px;
	text-align:left;
}
#navbarCat ul {
    margin:0;
    padding:0px 10px 0 10px;
    list-style:none;
}

#navbarCat li {
	margin:0;
 	padding:0;
	margin-left : 5px;
	padding-left : 5px;
}
/****** MENU DANS BOëTE ******/
#navbarCol {
	font-size:13px;
	line-height:normal;
	/*font-weight:bold;*/
	position : relative;
	padding-top:5px;
	text-align:left;
}
#navbarCol ul {
    margin:0;
    padding:0px 10px 0 10px;
    list-style:none;
}

#navbarCol li {
	margin:0;
 	padding:0;
	margin-left : 5px;
	padding-left : 5px;
}
/****** FIN MENU ******/
h1,h2,h3 {
color:#6db33f;
font-size:17px;
font-weight:bold;
text-align:left;
margin-left:25px;
}
h2 {
font-size:14px;
}
h3 {
font-size:11px;
}
#pagenav {
	width:100%;
	text-align:right;
}
div.logoff,div.logoff a {
	color : red;
	color : red!important;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	width:100%;
	margin-top:5px;
}
/****** ANCIENNE CLASSE *********/
TD.barreSep{
  background: #000000;
}
TD.menubas {
  font-size: 10px;
  vertical-align:top;
  text-align:center;
  vertical-align: top;
}
hr {
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: 0;
}
.titreprolist {
	font-size:12px;
	font-weight:bold;
}

.boxText {  font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }


TD.infoPrix {
	font-size: 12px;
	font-weight:bold;
	color:red; 
}
FORM {
	display: inline;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 10px;
}

TD.infoBoxHeading {
  
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 10px;
}

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

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  font-size: 12px;
}

A.pageResults,A.pageResults U {
  color: #0000FF;
  text-decoration:none;
  font-size:12px;
}

A.pageResults:hover, A.pageResults:hover U {
  text-decoration:none;
  color: #0000FF;
  background: #FFFF33;
  font-size:12px;
}

TD.pageHeading, DIV.pageHeading {
  
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.main, P.main {
  
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  
  font-size: 12px;
}
.smallText a,.smallText a:visited {
	color:black;
	text-decoration:none;
}
.smallText a:hover {
	color:gray;
}
TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  
  font-size: 11px;
}
input {
margin: 1px 3px 1px 0px;
padding: 0px 0px 0px 1px;
height: 14px;
border:1px solid gray;
color: #666666;
font-size: 10px;
vertical-align: middle;
}
TEXTAREA {
  width: 100%;
  
  font-size: 11px;
}

SPAN.greetUser {
  
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.errorText {
  color: #ff0000;
}
TD.productPriceInListing {
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-size: 12px;
  background: #ccffcc;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

.titreproaccueil,.titreproaccueil:hover {
	text-decoration:none;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.titreproaccueil:hover {
	color:red;
}