/*
  $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 : 
vert : B3CC3A

 MENU : 
rouge : B00A18
text clair et hover sous-menu : D7DEB4
noir  : 363D11

*/




@import url(menucat.css);

@import url(theme.css);

@import url(includes/css/jquery.lightbox-0.5.css);


.leftcolor {

margin-top :10px;
background-color: #B3CC3A;
}

table , tr, td {

}

.boxText {  font-size: 10px; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orde it { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 font-family: Verdana, Arial, sans-serif;
  background: #E9E0D2;
  color: #000000;
  margin: 0px;
text-align : center;
border-top : 1px solid #fff;position : relative;
}
 
#corps {

 background: #ffffff;
 margin: 0px;
text-align : center;
 
 width : 1050px; /* old  */
margin-left : auto;
margin-right : auto;
position : relative;
border-bottom : 2px solid #777
}

table , tr, td {

}




img
{
border: 0;
}

A {
  color: #111;
  text-decoration: none;
}

A:hover {
  color: #B3CC3A;
  text-decoration: underline;
}

FORM {
	display: inline;
	text-align : left;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #B3CC3A;

}

TD.headerNavigation {
   
  font-size: 10px;
  background: #fff;

  font-weight : bold;
}

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

TR.footer {
  background: #B3CC3A;
}

TD.footer {
   
  font-size: 10px;
  background: #B3CC3A;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #fff;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

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

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #C1DB40;
  border-spacing: 1px;
}

.productListing-heading {
   
  font-size: 10px;
  background: #C1DB40;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
   
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

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

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
   
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
position:relative;
z-index :0;   
  font-size: 11px;
  line-height: 1.5;
}

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

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

CHECKBOX, INPUT, RADIO, SELECT {
   
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
   
  font-size: 11px;
  white-space: pre;
}

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-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
   
  color: #ff0000;
}

SPAN.errorText {
   
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: auto; }
.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; }



/* ------------------------------------------NEW------------------------------------------------------  */



.colonneleft  {
padding :0;
margin : 0;
border-top :2px solid #94A831;
}

.box {
width : 200px;
padding :0;
margin : 0;
color : white;
}
.box td { /* td generale left  */ ??
padding :0;
margin : 0;
font-size : 12px;
}

div.productlist  { 
margin : 0; padding : 0;
display :block;
text-align : center;
padding-top : 20px;
padding-bottom : 20px;
}

div.product{

margin: 0;
padding :0;

float : left;
position :relative;
display : block; 
text-align :center; 
}

div.productlist > div.product {   /* ie bug */ 
float : none; 
clear : both; 
display : inline-block; 


} 




.productimage {
display : block;
margin: 0;
padding :0;
z-index : 1;
padding : 2;

}
.productimage img {
text-align : center;

}

.productimage:hover img {



}

.productname {
font-size : 10px;
margin : 0;
padding : 0; 
}




.productbutton img {
width : 45px;
height : 12px;
}



/* IMAGES INCRUTEE De PAGE */
div.imagerep {
position : absolute;
margin: 0; padding : 0;
right : 0px;
top :75px;
z-index :0;

}
 div.imagerep img  {
 margin: 0; padding : 0;
 }


h1 {
position : relative;
z-index : 200;
width : 500px ;
margin-top : 30px;

}


table.colonneleft td.box{
padding :0;
margin : 0;

}

td.headernavigation {
border : 1px solid #fff;
height : 15px;
}


table.colonneleft a {
color :#777;
}


.centrecontenu  { /* sur  <td width="100%" valign="top"> */ 
position : relative;
padding : 10px;
background : transparent;
z-index: 0;


}



 /* ---------- IMAGES BANDEAU   -----------   */  
a.banner  {
position : relative;
height : 200px;
display : block;
z-index: 500;
text-align : left;
}

a.banner img { 
position : relative;
z-index: 500;

}

div.menucompte {

position :absolute;
right : 0;
top : 120px;
z-index : 100;
font-size : 12px;
height : 32px;
line-height : 30px;
background: transparent url(./images/CSS/menu_fond.png) repeat-x 0 0px;
z-index : 1000;

}
div.menucompte span {
position : absolute;
top : 0;
left : -50px;
margin : 0;
padding : 0;
float : left;
display :block;
height : 32px;
width : 250px;
background: transparent url(./images/CSS/menu_entete.gif) no-repeat 0 0;

}

div.menucompte a {
position : relative;
display : inline;
padding-right : 15px;
top : 0
}

a.mediumimage img {
width : 150px;
height : 125px;
}

div.product span {
width :100%;
padding: 5px;
display : block;
 }
div.product span  a{
width :100%;
position : relative;
display : inline;
text-align : center;
 }


div.categorie {
margin-top : 29px;
margin-bottom : 20px;
font-size : 1.1em;
}


.textpage p {
padding :0;
margin : 0;
}

div.textpage ul  {
left :25px;
}


span.clik-icon {
position : absolute;
float : right;
display: block ;
text-decoration : none;
top :0;
right : 0;
margin : 2px;
height : 75px;
width : 150px;
background : transparent url('http://www.mouchesyannlefevre.com/images/Image/clik-icon.png' ) no-repeat right top ;
}

a:hover span.clik-icon {
margin : 4px;
text-decoration : none;
}


.bigger {
font-size : 1.1em!important;
color : #555
}