/* begin imported some styles  from original osC stylesheet */
.smallText, .stockWarning {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
/*background-color: #881C1C;*/
/*background-color: #57300F;*/
color: white;
font-weight: bold;
}

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

.messageStackSuccess {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: White;
}
textarea {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/* end import from original stylesheet */

body, html {
margin: 0;
padding: 0;
background-color: black;
color: white;
text-align: center; /* needed for IE center bug */
}

div#pageWrapper {
 position: absolute;
margin-top: 10px;
 width: 780px;
 left: 50%;
 margin-left: -390px;
}
form {display: inline;}

td {vertical-align: top;}

td.productListing-data {
vertical-align: middle;
color: white;
}
td.productListing-data-name {
vertical-align: middle;
color: white;
background-color:black;
border-right: thin solid white;
padding-left: 10px;
}

td.productListing-data-price {
vertical-align: middle;
color: white;
background-color:black;
}

table#mainLayoutLT {
margin: 0px auto;
width: 100%;
/*border: thin solid white;*/
border:none;
}

tr#contenuCentre {
/*border-top: thin solid white;
	background-image: url(images/drappefonce.jpg);
*/
}
td.columnLT {
width: 155px;
padding: 0;
padding-top: 0.5em;
}
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 155px;
}
table.infoBoxLT td table {
width: 100%;
}

.infoBoxLT {
margin: 5px;
color: white;
/*color: black;*/
}
td#contentLT {
padding: 10px 12px;
/*color: #4A1900;*/
}
td.infoBoxHeadingLT, .infoBoxHeading {
padding: 2px 4px;
color: white;
font-weight: bold;
}
td.boxTextLT {
padding: 6px 5px;
background-color: #8D8D8D;
color: white;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.imageNavLT {
float: right;
 height: 25px;
font-size:12px;

}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div, td#navBarBottomLT div {
margin: 2px 2px;
/*height: 17px;*/
}

.logoLT, .navLeftLT {
float: left;
color: #DCDCDC;
font-size:12px;
}

.footerLT {
text-align: center;
 background-image: url(images/bandeau_bas.jpg) ;
 padding-bottom: 30px;
}

.footerLT div {
margin: 5px auto;
font-family: Verdana, Arial, sans-serif;
}

.infoBoxHeadingLT div {
float: left;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
text-align: center;
}
/* begin colors and borders (for link colors: see the link styles section below) */
table.infoBox, table.productListing {
/*border: #fee662 solid 1px;
 background-color: #F7E6BE;
background-color: #AD8D72;*/
}

.productListing-heading {
background-color: #fee662;
color: white;
}

tr.productListing-vide{
height:8px;
}

tr.productListing-odd td.productListing-data {
background-color: #8D8D8D;
font-size:13px;
padding: 0px;
}

.errorText {
color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: red;
}
td.infoBoxHeading {
border: 0px black solid;
}
td#navBarTopLT, td#navBarBottomLT {
}

.infoBoxLT td {
/*border: 1px black solid;*/
}

.infoBoxLT td table td {
border-width: 0px;
}
.inputRequirement {
color: red;
}

.greetUser {
}font-weight: bold;
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: bold;
color: #e00;
}

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
background: url(images/background.jpg) repeat-x;
}
/* 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: 11px;
font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
font-size: 12px;
font-weight: bold;
font-family:arial,sans-serif;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 12px;
font-family: arial, sans-serif;
padding-top: 5px;
}

#contentLT table td#liste_new {
	background-color:#8D8D8D;
}
table td.titre-rubrique {
height: 30px;
margin: 0;
padding-left: 160px;
}

table td.image-rubrique{
margin: 0;
padding-left: 30px;
width: 13%;
}

table td.titre-rubrique span{
font-size: 20px;
font-weight: normal;
text-transform: capitalize;
}

table td.sous-rubrique {
margin: 0;
padding-left: 60px;
color: white;
height: 20px;
text-transform: capitalize;
font-size: 14px;
font-weight: normal;
vertical-align:top;
}

table td.sous-rubrique  a {
text-decoration: none;
}

table td.sous-rubrique a:hover {
text-decoration: underline;
}

#contentLT table td.main {
 color: white;
 padding: 8px;
 font-size: 80%;
/* border: thin solid White;*/
 background-color: Black;
}




/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 2px;
}
a {
text-decoration: underline;
color: white;
}
a:hover {
text-decoration: none;
background-color: white;
color: #8D8D8D;
}
/* end link styles */

a.headerNavigation {
	font-family: arial, sans-serif;
	color: white;
}
a.headerNavigation:hover {
	font-family: arial, sans-serif;
	text-decoration: underline;
	background-color: transparent;
}

.infoBoxContents tr td{
	margin: 5px;
	padding: 5px;
	vertical-align: middle;
	border-spacing: 7px;
}

.infoBoxContents tr td #liste_new{
	margin: 5px;
	padding: 5px;
	vertical-align: middle;
	border-spacing: 7px;
	border: thin solid White;
}
.infoBoxContents a {
	font-family: arial, sans-serif;
	font-weight:normal;
/*	color: #F7E6BE;*/
}

.infoBoxContents a:hover {
	font-family: arial, sans-serif;
	color: black;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}



div.recette {
clear: both;
 margin: 0px;
 padding: 0px;
 border: 0px;
 font: normal medium/normal Arial, Helvetica, sans-serif;
 font-variant: normal;
 font-weight: normal;
 line-height: 1em;
 word-spacing: normal;
 text-transform: none;
 text-decoration: none;
}
div.titre-recette {
font-size: 140%;
	color: Black;
}