/*============================================================
  Theme Styles - contains all the base styles for the theme.
  To receive automatic updates and bug fixes, we recommend
  leaving this import and overriding specific styles below.
============================================================*/

@import url(/themes/sexy/stylesheets/styles.css);



/*============================================================
  Basic Styles - used for the simple controls.
============================================================*/

/* @gui Font */
* 
{font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}


/* @gui Background */
body 
{background-color: #000000;}


/* @gui Text */
body, 
p, 
input, 
textarea, 
#product-details .price, 
#faq-content .faq-list dt, 
#contact-form label, 
#cart-footer .cart-total #cart-shipping-tax p 
{color: #887b7b;}


/* @gui Links */
a:link, 
a:visited, 
#products .product-a h3, 
#products .product-a p 
{color: #1D9DFF;}


/* @gui Links rollover */
a:hover, 
a:active, 
#products .product-a:hover h3, 
#products .product-a:hover p 
{color: #9d1f06;}


/* @gui Header background */
#main-title, 
#navigation div.pod h3, 
#minicart h3, 
#cart-head 
{background-color: #000000;}


/* @gui Header text */
#main-title h2, 
#navigation div.pod h3, 
#minicart h3, 
#minicart .minicart-contents, 
#cart-head 
{color: #8b715d;}

#minicart .minicart-total 
{border-left-color: #8b715d;}
                

/* @gui Sidebar links */
#navigation div.pod a 
{color: #1D9DFF;}
        

/* @gui Sidebar rollovers */
#navigation div.pod a:hover 
{color: #9d1f06;}
       

/* @gui Products background */
#products, 
#products .product-pic,
#product-images .images-nav
{background-color: #090909;}



/*============================================================
  Custom Styles - add and override styles below.
============================================================*/

* {margin: 0;}

html {height:100%;}


body{
	background: #000 /*url(http://www.tranchedepain.com/img/nastee/background-header.jpg) center top no-repeat*/;
	height:100%;
}

#main{display: inline;}
#navigation{display: inline;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -300px; /* the bottom margin is the negative value of the footer's height */

}

.footer {background: url(http://www.tranchedepain.com/img/nastee/background-footer.jpg) center bottom no-repeat;}

.footer, .push {height: 300px; /* .push must be the same height as .footer */}

.footer p{
	padding: 275px 0 0 45px;
	font-size:1.1em;
}

#header{
	position:relative;
	padding:0;
	height:350px;
	
}

#main-title h2{
	color:#887b7b;
	padding:0 0 0 10px;
	font-size:24px;
	text-transform: uppercase;
	}
	
#main-title p{
	font-size:12px;
	color:#887b7b;
	padding:0 20px 0 23px;
	}
	
#navigation div.pod {
background:#000 none repeat scroll 0 0;
}

#navigation div.pod h3	{
	font-size:13px;
	color:#887b7b;
	background: #0e0d0d;
	font-weight: bold;
}

#navigation div.pod li {
border-bottom:1px solid #1e1c1c;
font-size: 11px;
}

#navigation div.pod a {
	color:#887b7b;
}

#navigation div.pod a:hover {
	color:#9d1f06;
}

#minicart {
background:#0e0d0d;
float:left;
height:auto !important;
margin:20px 0 67px;
min-height:50px;
width:178px;
padding:0 0 10px 0;
border:2px solid #1e1c1c;

}

#minicart h3{
	font-size:12px;
	font-weight: bold;
	background:#0e0d0d;
}

#product-details .price{
	border-bottom:1px solid #1e1c1c;
}

#product-details .info, #product-form .options {
	border-bottom:1px solid #1e1c1c;
}

#inventory {
	border-bottom:1px solid #1e1c1c;
}

#inventory li {
	background:#000 none repeat scroll 0 0;
}
#inventory .bar {
	background:#1e1c1c none repeat scroll 0 0;
}

#product-addtocart {
	background:transparent url(http://www.tranchedepain.com/img/nastee/ajout-panier.gif) no-repeat scroll 0 0;
	height:25px;
	width:181px;
}

#minicart .minicart-view a {
	background:transparent url(http://www.tranchedepain.com/img/nastee/consulter.gif) no-repeat scroll 0 0;
}

#minicart .minicart-checkout a {
	background:transparent url(http://www.tranchedepain.com/img/nastee/payer.gif) no-repeat scroll 0 0;
}

#cart-footer .cart-update {
	border-bottom:1px solid #1e1c1c;
	border-top:1px solid #1e1c1c;

}

#cart-footer .cart-total {
	border-bottom:1px solid #1e1c1c;
}

#cart-footer .update-btn {
	background:transparent url(http://www.tranchedepain.com/img/nastee/maj-panier.gif) no-repeat scroll 0 0;
	height:22px;
	width:135px;
}

#cart-footer .checkout-btn {
	background:transparent url(http://www.tranchedepain.com/img/nastee/commander.gif) no-repeat scroll 0 0;
	height:22px;
	width:110px;
}

#contact-submit {
	background:transparent url(http://www.tranchedepain.com/img/nastee/envoyer.gif) no-repeat scroll 0 0;
	height:22px;
	width:58px;
}

#main-content {
	background:#0e0e0e none repeat scroll 0 0;
}

#products div.product{border:0;  }
#products .product-info{border:0;}


#header2 {
	height: 191px;
	position:relative;
}

/*======= Menu Top Droit ========*/

#menutopdroit {
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 10px;
}

#menutopdroit li {
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0 0 0 25px;
}
#menutopdroit li a {
	color:#aa9e97;
	text-decoration: none;
}

#menutopdroit li a:hover {
	text-decoration: underline;
}

/*======= Menu Principal ========*/

#menuprincipal {
	top: 290px;
	list-style-type: none;
	position: absolute;
	margin: 0 0 0 28px;
	width: 710px;
	z-index:400;
	background-color:#000;
	padding:8px;
}

#menuprincipal li {
	font-size: 1.4em;
	font-weight: bold;
	float: left;
	margin: 0 45px 0 0;
	text-transform: uppercase;
	line-height: 21px;
}

#menuprincipal li a {
	padding: 0 0 6px 0;
	text-decoration: none;
	/*color:#aa9e97;*/
	color:#FFF;
}

#menuprincipal li a:hover {
	/*border-bottom: 3px solid #524131;*/
	border-bottom: 3px solid #FFF;
}

#cart-footer .cart-discount{
	border-bottom:1px solid #1e1c1c;
}


.cadrecontact {
	position: relative;
	background-color: #0c0a09;
	height:70px;
	margin: 10px 0 10px 0;

}

 .logocontact {
	width: 28%;
	float: left;
	padding: 16px 0 0 20px;
}
.textecontact{
	float: right;
	width: 49%;
	padding: 20px 50px 0 0;
	color: #aa9e97;
}



.clearfix:after {
			    content: "."; 
			    display: block; 
			    height: 0; 
			    clear: both; 
			    visibility: hidden;
			}
			
			.clearfix {display: inline-block;}
			
			/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
			/* End hide from IE-mac */


/*======= Champ Bulletin ========*/

#bulletin{
	text-align: right;
	margin:0 0 20px 0;
}

#bulletin label{
	color:#aa9e97;
}

#bulletin input{
	margin:5px 0 4px 0;
}




/*======= rotator in-page placement ========*/

    div#rotator {
	position:absolute;
	left:-30%;
	height:351px;
	/*margin-left: 15px;*/

}

/* rotator css */
	div#rotator ul li {
	/*float:left;*/
	position:absolute;
	list-style: none;


}
/* rotator image style */	
	div#rotator ul li img {
	/*border:1px solid #ccc;	padding: 4px;*/

	
}
    div#rotator ul li.show {
	z-index:300
}

#logonastee{
	position:absolute;
	top:160px;
	left:20px;
	z-index:600;
}



.opaque1 {	// for all other browsers
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;}

.opaque2 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);					
}