/*
"Cobalt Blue" stylesheet for osC created by Rhea Anthony
08/08/2005

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- modified 2007/04/01 Julien IMBERT
- To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles.
*/

/* begin imported some styles  from original osC stylesheet */
.smallText {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10px;
}
.messageStackError, .messageStackWarning {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #7D582E;
}

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

textarea {
width: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
}
/* end import from original stylesheet */

/* the body tag for the html template */
body, html {
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
}
/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {
position: relative;
margin: auto; /* sets margin from top of browser page to start of web page */
width: 842; /* set total pagewidth or set at 100% */
}

/* no need to edit this - standard setting */
form {
display: inline;
}

/* no need to edit this - standard setting */
td {
vertical-align: top;
}

/* no need to edit this - standard setting */
td.productListing-data {
vertical-align: middle;
}
table#mainLayoutLT {
margin: 0px auto;
width: 100%;
}
/* total width of the sub-table containing the info boxes */
td.columnLT {
width: 187px;
padding: 0px;
margin: 0px;
}

/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 187px;
}

/* relative width of the info box table and sub tables */
table.infoBoxLT td table {
width: 187px;
}

/* class called infoboxContents in standard osCommerce */
table#contentLT {
width: 650px;
border: none;
}

/* just sets the margins for info boxes */
.infoBoxLT {
margin: 3px 0px 0px 0px;
}

/* sets the padding for class called infoboxContents in standard osCommerce */
table#contentLT {
/*padding: 10px 12px;
padding-left: 100px;
padding-right: 12px;*/
padding: 0px 2px 1px 0px;
}

td#contentLTok {
padding-left: 1px;
padding-right: 6px;
margin-bottom: 10px;
width: 610px;
}

td#contentLTok div#hg {
background: url('images/ombre_gauche.jpg') repeat-y left;
}

td#contentLTok div#hd {
background: url('images/ombre_droite.jpg') repeat-y right;
}

td#contentLTok div#bb {
background: url('images/ombre_bas.jpg') repeat-x bottom;
}

td#contentLTok div#cg {
background: url('images/coin_gauche.jpg') no-repeat bottom left;
}

td#contentLTok div#cd {
background: url('images/coin_droite.jpg') no-repeat bottom right;
}

/* padding for the infoBox headings */
td.infoBoxHeadingLT, .infoBoxHeading {
padding: 2px 4px;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #e7e6d0;
}
td.boxTextLT {
padding: 6px 0px;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
float: right;
}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div {
margin: 0px 5px 0px 1px;
height: 40px;
}
td#navBarBottomLT div {
margin: 1px 5px;
height: 17px;
}
.logoLT {
text-align: left;
}

.navLeftLT {
float: left; 
}

.navLeftLTtop {
width: 550px;
position: absolute;
left: 40px;
top: 92px; 
}

.footerLT {
text-align: center;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: left;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
text-align: left;
color: #808183;
}
/* begin colors and borders (for link colors: see the link styles section below) */
/* controls colours of module borders and borders around button areas*/
table.infoBox, table.productListing {
border: #5a3f1d solid 0px;
}
.productListing-heading {
background: url('images/background.gif') repeat -x;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

tr.productListing-even td {
background-color: #ffffff;
}
tr.productListing-odd td.productListing-data {
background-color: #ffffff;
}
.errorText {
color: #7D582E;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: #7D582E;
}

/* leave at zero or else it will conflict with
images used in infoBox headers and new products module */
td.infoBoxHeading {
border: 0px black solid;
}
/* controls colour of top and bottom navbar borders */

td#navBarTopLT {
background: url('images/bande_menu.png') no-repeat;
border: 0px #5a3f1d solid;
border-width: 0px 0;
}

td#navBarBottomLT {
border: 0px #5a3f1d solid;
border-width: 0px 0;
}

/* controls colour and style of webpage outer border */
table#mainLayoutLT {
border: 0px #5a3f1d solid;
}

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td {
border: 0px #5a3f1d solid;
}
/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
color: #fe9c03;
}

#contentLT table td.pageHeading2, h2 {
color: #808183;
font-size: 16px;
font-weight:bold;
}

#contentLT table td.pageHeading5, h5 {
color: #808183;
font-size: 20px;
font-weight:bold;
}

#contentLT table td.pageHeading3 {
color: #7D582E;
font-size: 16px;
font-weight:bold;
}

#contentLT table td.pageHeading4 {
color: #7D582E;
font-size: 24px;
font-weight:bold;
}

/* this is a table border, so leave at zero */
.infoBoxLT td table td {
border-width: 0px;
}

/* controls colour of text used to greet user */
.inputRequirement {
color: #5a3f1d;
}
.greetUser {
color: #e7e6d0;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: normal;
color: #e00;
}

/* displays a background image or colour plus style in headers for info boxes and product listings */

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
background-color: #5a3f1d;
}
/* end colors and borders */
.infoBoxHeading img {
display: none;
}
/* begin fonts */
#copyRightLT {
font-size: 11px;
}
td.infoBoxHeading {
font-weight: bold;
}
.infoBoxLT td, .infoboxLT td.boxTextLT form select {
font-size: 12px;
font-family: Helvetica, arial, sans-serif;
}
#navBarTopLT {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #e7e6d0;
width: 824px;
}

#navBarTopLT .navRightLT {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #e7e6d0;
}

#navBarTopLT .navRightLT a {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 11px;
font-weight: normal;
color: #e7e6d0;
}

#navBarTopLT .navRightLT a:hover {
font-size: 11px;
font-family: Helvetica, Arial, sans-serif;
text-decoration: underline;
font-weight: normal;
color: #7D582E;
}

#navBarBottomLT {
font-size: 11px;
font-weight: normal;
color: #808183;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 12px;
font-family: Helvetica, arial, sans-serif;
}

#contentLT table td.productListing-heading {
  font-weight: bold;
  color: #ffffff;
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
font-size: 24px;
font-weight: normal;
font-family: Helvetica, arial, sans-serif;
text-indent: 0px;
padding-top: 0px;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 6px;
}
a {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
color: #808183;
}
a:hover {
font-family: Helvetica, Arial, sans-serif;
text-decoration: underline;
color: #7D582E;
}
/* end link styles */

/* mise en page des pages du processus de commande */
.tab_under {
width: 100%;
background: url("../templates/beaute-nat/images/fleur.jpg") no-repeat bottom center;
margin-bottom: 5px;
}

.tab
{
margin-top: 40px;
border: solid 1px #808183;
width: 98%;
}

td.txt
{
font-family: Helvetica, Arial, sans-serif;
color: #808183;
font-size: 12px;
padding-right: 10px;
text-align: justify;
}

.tab_1 {
margin-right: 10px;
margin-left: 10px;
}

.tab a 
{
text-decoration: none;
color: #7D582E;
}
.tab a:hover 
{
color: #7D582E;
}

.tab_in {
border: solid 1px #808183;
width: 98%;
margin-left: 5px;
}

.tab_in2 {
border: solid 2px #7D582E;
width: 98%;
margin-left: 5px;
}

.checkoutBarTo, .checkoutBarCurrent {
color: #808183;
}

/* extension hauteur des pages statiques */

td.txt {
}

/* menu déroulant */

TD.menuitem2 {
vertical-align: middle;

}

SPAN.productRegularPrice {
  font-family: Helvetica, Arial, sans-serif;
  color: #5a3f1d;
  font-size:14px;
  font-weight:bold;
}
SPAN.productRegularPrice.cut {
  text-decoration:line-through;
}
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #7D582E;
  font-size:14px;
  font-weight:bold;
}

A.menuitem {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#e7e6d0;
  vertical-align: middle;
}

A.menuitem:HOVER {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#fe9c03;
  text-decoration:none;
  vertical-align: middle;
}

A.submenuitem {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#e7e6d0;
  line-height:18px;
  }
  
A.submenuitem:HOVER {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#fe9c03;
  line-height:18px;
  text-decoration:none;
  
}

DIV.submenu {
  border-bottom:solid 1px #fe9c03;
  padding:0px;
  margin:0px;
  width:100%;
  text-align:left;
  padding-left:2px;
}
TD.sep {
  color:#fe9c03;
  font-weight:bold;
  font-size:12px;
  padding-left:3px;
  padding-right:3px;
  vertical-align: middle;
  text-align:center;
  width:3px;
}
#dropmenudiv {
font: 12px Helvetica;
visibility:hidden;
}
.imgHref {
  cursor:pointer;
}

/* mise en page de account.php */

#cmpte {
width: 45%;
float: left;
}

#cmpte_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

#cmd {
width: 45%;
float: right;
}

#cmd_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

#produits {
width: 45%;
float: left;
}

#produits_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

#reunion {
width: 45%;
float: right;
}

#reunion_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

#cont2 {
padding-top: 20px;
clear: both;
}

#cont1 {
padding-top: 20px;
clear: both;
}

#outils {
width: 45%;
float: left;
}

#outils_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

#formation {
width: 45%;
float: right;
}

#formation_s {
padding: 10px;
width: 100%;
height: 100px;
border: solid #808183 1px;
}

.tab_static
{
background: url("../templates/beaute-nat/images/fleur.jpg") no-repeat bottom center;
margin-bottom: 5px;
padding-bottom: 10px;
}

td.txt
{
font-family: Helvetica, Arial, sans-serif;
color: #808183;
font-size: 12px;
text-align: justify;
}

.s_tit {
font-size: 14px;
font-weight:bold;
}

.tab_static a 
{
text-decoration: none;
color: #808183;
}
.tab_static a:hover 
{
color: #7D582E;
text-decoration: underline;
}