/*
  $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
  
  
 Charte Lelievre
 
 couleurs :
 
 du plus foncé au plus clair
 
 #563649 Police
 #897280
 #AB9AA4
 #BBAEB6
 #E3DDE2 remplacer par #F2EEEE
 #FF6600  Orange validation achats
 
 
*/

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

BODY {
  background: #FFFFFF;
  color: #000000;
  
}
.pageHeading0
{
font-family:Arial, Helvetica, sans-serif;
    font:Arial;
    font-size:16px;
    color:#563649;
}

.policeglobale
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
color:#563649;
}


.lienimage
{
border-style:none;
text-decoration:none;

}

.cadre{
background-color:#FFFFFF;
position:absolute;
width:850px;
height:550px;
border-width:1px;
border-style:ridge;
border-color: #897280;
}

.global{
position:absolute;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;


}

.colonnegauche
{
position:absolute;
background-color:#897280;
left:0px;
top:103px;
width:135px;
height:400px;
}
.colonnecentregauche
{
position:absolute;
background-color:#AB9AA4;
left:138px;
top:103px;
width:135px;
height:400px;
}


.body
{
position:absolute;
top:103px;
left:276px;
width:554px;
height:400px;
overflow:auto;
scrollbar-face-color:#BBAEB6;
scrollbar-darkshadow-color:#BBAEB6;
scrollbar-shadow-color:#BBAEB6;
scrollbar-highlight-color:#BBAEB6;
scrollbar-3dlight-color:#BBAEB6;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
}
.bodybig
{
position:absolute;
top:103px;
left:138px;
width:692px;
height:400px;
overflow:auto;
scrollbar-face-color:#BBAEB6;
scrollbar-darkshadow-color:#BBAEB6;
scrollbar-shadow-color:#BBAEB6;
scrollbar-highlight-color:#BBAEB6;
scrollbar-3dlight-color:#BBAEB6;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;

}

.nouveauclient
{
position:absolute;
left:427px;
top:201px;
width:265px;
height:199px;
background-color:#563649;

}
.identification
{
position:absolute;
left:427px;
width:265px;
height:199px;
background-color:#563649;
}
.photologin
{
position:absolute;
width:425px;
height:400px;
border:thin;
border-color:#FF0000;

}
strong
{
text-transform: uppercase;
}

/* Personnalisation des ascensuers */
.ascenseur
{
scrollbar-face-color:#BBAEB6;
scrollbar-darkshadow-color:#BBAEB6;
scrollbar-shadow-color:#BBAEB6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
padding-right:20px;
}

/* bandeau haut */

.bandeaulogo
{
position:absolute;
left:0px;
width:135px;
height:100px;
}

.bandeauhaut
{
position:absolute;
width:692px;
height:100px;
left:138px;
background-color:#F2EEEE;
}
.policebandeau
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:14px;
color:#563649;
}
.policebandeau:HOVER
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:14px;
color:#563649;
text-decoration:none;
font-style:italic;
}

.fildariane
{
position:absolute;
bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:11px;
color:#563649;
}
.lienfildariane
{
color:#563649;
}
.lienfildariane:HOVER
{
color:#563649;
}
.pdv
{
position:absolute;
left:550px;
bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:11px;
color:#563649;
}
.pdv
{
color:#563649;
}
.pdv:HOVER
{
color:#563649;
}

.newsletter
{
position:absolute;
left:350px;
bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:11px;
color:#563649;
}
.newsletter:HOVER
{
color:#563649;
}


/* colonne gauche */

.menugauche
{
padding-left:14px;
padding-top:30px;
}
.policecolonnegaucheMarque
{
font-family:Arial, Helvetica, sans-serif;
font:Helvetica;
font-size:17px; /* 16px */
color:#FFFFFF;

}
.policecolonnegaucheMarque1
{
font-family:Arial, Helvetica, sans-serif;
font:Helvetica;
font-size:17px;
color:#563649;

}
.policecolonnegaucheMarque:HOVER
{
color:#563649;
text-decoration:none;
}
.policecolonnegaucheMarque1:HOVER
{
color:#563649;
text-decoration:none;
}

.policemenugauchechoix
{
font-family:Arial, Helvetica, sans-serif;
font:Helvetica;
font-size:13px; /* 13px */
color:#FFFFFF;
}
.policemenugauchechoix1
{
font-family:Arial, Helvetica, sans-serif;
font:Helvetica;
font-size:13px;

color:#563649;
}
.policemenugauchechoix:HOVER
{
color:#563649;
text-decoration:none;
}
.policemenugauchechoix1:HOVER
{
color:#563649;
text-decoration:none;
}
.paniergauche
{
position:absolute;
bottom:25px;
width:135px;

}
.fontpaniergauche
{
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:17px;

color:#FFFFFF;
}
.fontpaniergauche:HOVER
{
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:17px;

color:#563649;
text-decoration:none;
}

/*  menu centre gauche*/

.menucentregauche
{
padding-left:8px;
padding-top:30px;
}

/* footer */

.footer
{
position:absolute;
top:507px;
left:0px;
width:830px;
height:30px;

}
.policefooter
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
color:#563649;
}

.policefooter:HOVER
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
color:#563649;
text-decoration:underline;
}

.policesearch
{
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
color:#563649;
border-style:solid;
border-color:#563649;
border-width:thin;
vertical-align:bottom;
}
.submit
{
border:thin none;
height:18px;
width:30px;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
color:#FFFFFF;
background-color:#563649;
}

.submit:HOVER
{
height:18px;
width:30px;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:12px;
color:#FFFFFF;
background-color:#563649;
}

/*  anciens css  */


.product_info_bordure
{
border-style:solid;
border-collapse:collapse;
border-color:#897280;

}

.product_info_bordure_middle
{
border-bottom-color:#897280;

}


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


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

FORM {
    display: inline;
}

TD.BoxHeadingSearch {
  background:#897280;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF ;
}
A.BoxHeadingSearch {
  color: #FFFFFF;
 }
A.BoxHeadingSearch:hover {
  color: #FFFFFF;
 }

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}


TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #897280; 
  color: #ffffff;
  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: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #897280; 
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background:#563649 ; /* #b6b7cb*/
}

.infoBoxContents {
  background:#F2EEEE ; /* #f8f8f9 */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #897280;     
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  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: 0px;                  /* changé le 24 Octobre 2006 */
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color:#0000FF ; /*#563649 */
}

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

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

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color:#563649;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  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 {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}


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

/* message box */

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

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.ficheproduitretour
{
position:absolute;
bottom:105px;
left:400px;
}


a.info{
font:Arial;
font-size:12px;
color:#563649;
background-color:white; 
text-decoration:none; 
} 

a.info:hover{
color:#BBAEB6;
background-color:white;
text-decoration:none;
} 

a.info span { 
display:none;
width:150px;
margin-top:1px;
text-align:left;
font-size:15px; 
background-color:#BBAEB6;
color:#563649;
border-width:2px;
border-color:#563649; 

}

a.info:hover span{ 
position:absolute;
top:1px;
left:1px;
width:400px;
display:inline;
border-style:solid;
border-width:2px;
border-color:#563649;
}