@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#000;
	font-size:72%;	/* 1em = 11px */
	background:#c7bba1 url(../images/background.jpg) repeat;
}
br.spacer{
	width:1px;
	height:1px;
	clear:both;
}
small{
	font-size:1.05em;
}
a{
	color :#000;
}
a:hover{
	text-decoration:none;
}
p{
	font-size:1.04em;
}
/* MENU
--------------------------------------------------------------------------------------------------------------------------------------*/
#menu{
	position:absolute;
	bottom:1px;
	right:0px;
}

#menu ul{
	margin-right:-1px;
}

#menu li{
	float:left;
}

#menu li a{
	float:left;
	margin-left:4px;
	height:33px;
	width:137px;
	display:block;

}
#menu li a.boutique{
	background:url(../img/catch-boutique.png) 0px 0px no-repeat;
}
#menu li a.com{
	background:url(../img/catch-communaute.png) 0px 0px no-repeat;
}
#menu li a.blog{
	background:url(../img/catch-blog.png) 0px 0px no-repeat;
}
#menu li a.boutique:hover{
	background:url(../img/catch-boutique.png) 0px -33px no-repeat;
}
#menu li a.com:hover{
	background:url(../img/catch-communaute.png) 0px -33px no-repeat;
}
#menu li a.blog:hover{
	background:url(../img/catch-blog.png) 0px -33px no-repeat;
}
/* IMG
--------------------------------------------------------------------------------------------------------------------------------------*/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	width:880px;
	margin:0 auto 10px;
	background:url(../img/bg_bas.png) no-repeat left bottom #000;
	padding:0 20px 10px;
	
}

#header{
	width:880px;
	height:169px;
	background:url(../img/head.jpg) no-repeat left bottom #000;
	position:relative;
}
#content{
	width:860px;
	margin-bottom:10px;
	background:url(../img/bas_blog.png) no-repeat left bottom #fff;
	position:relative;
	padding:16px 10px 10px;}

/* BLOG / BOUTIQUE
--------------------------------------------------------------------------------------------------------------------------------------*/

#col_gauche{
	width : 580px;
	float:left;
}

#col_droite{
	width : 266px;
	float:right;
}

.categorie{
	background:url(../img/cate_bottom.png) no-repeat left bottom #ede9e1;
	width:262px;
	color:#333;
	margin-bottom:14px;
	font-size:1.05em;
}

.one-page-checkout-progress h4 {
	background:url(../img/cate_top.png) no-repeat left top #ede9e1;
	color:#FFFFFF;
	height:19px;
	padding-left:10px;
	padding-top:6px;
	width:252px;
	font-size:1.05em;
	border-bottom:solid 2px #D7CEBC;
	}
.categorie h3, .one-page-checkout-progress h4.complete{
	background:url(../img/cate_top.png) no-repeat left bottom #ede9e1;
	color:#FFFFFF;
	height:27px;
	padding-left:10px;
	padding-top:6px;
	width:252px;
	font-size:1.05em;
	border:none;
}

.categorie .cate_content{
	padding:4px 0px 10px 10px;
}
.categorie .cate_content ul li{
	margin-bottom:6px;
}
.categorie .cate_content ul li a{
	font-weight:bold;
	color:#8b806a;
}
.categorie .cate_content ul li li.level1{
	background:url(../img/menu_puce.png) no-repeat 0px 8px;
	padding-left:10px;
}
.categorie .cate_content ul li li.level1 a{
	color:#8b806a;
}

.categorie .cate_content ul li ul.level0{
	margin-bottom:10px;
}
.categorie .cate_content ul li.level0 a{
	font-size:1em;
	color:#6c624f;
	
}

.categorie .cate_content ul li.level0 a{
	/*text-decoration:none;*/
	
}
.categorie .cate_content ul li.level0 a:hover{
	text-decoration:none;
}
.top_page {

background:#FFFFFF url(../img/haut_boutique.png) no-repeat scroll left top;
display:block;
height:13px;
left:0;
position:absolute;
top:0;
width:30px;
}

/* ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------*/
.blocs{
	width:860px;
	margin-bottom:10px;
	background:url(../img/bas_com.png) no-repeat left bottom #fff;
	position:relative;
	padding:10px;
	
}

#b_boutique{
	background:url(../img/haut_boutique.png) no-repeat left top #fff;
}

#b_blog{
	background:url(../img/bas_blog.png) no-repeat left bottom #fff;
}
.vignette{
	width:68px;
	left:-3px;
	position:absolute;
	top:-3px;
	height:67px;
}
#v_boutique{
	background:url(../img/v_boutique.png) no-repeat left bottom;
	top:-4px;
}
#v_com{
	background:url(../img/v_co.png) no-repeat left bottom;
}
#v_blog{
	background:url(../img/v_blog.png) no-repeat left bottom;
}

#catchbook{
	width:568px;
	height:237px;
	background:url(../img/catchbook.gif) no-repeat top left;
	position:relative;
	float:left;
}
#catchbook a{
	width:187px;
	height:100px;
	display:block;
	right:50px;
	top:120px;
	position:absolute;
	background:url(../img/rejoignez.png) no-repeat top left;
}	
.connexion{
	width:275px;
	height:224px;
	background:url(../img/connexion.png) no-repeat top left;
	position:relative;
	float:left;
	margin-left:14px;
	margin-top:12px;
}
.connexion h3{
	color:#fff;
	margin : 6px auto 0;
	text-align:center;
}

.connexion form{
	margin:13px 20px 20px 10px;
}

.connexion label{
	color:#fff;
	font-size:1.2em;
	margin-top:10px;
	
}

.connexion input.inputText{
	margin-bottom:10px;
	padding:3px;
	font-size:1.1em;
	width:200px;
}

.connexion input.inputText.last{
	margin-bottom:2px;
}

.connexion input.btn{
	margin:10px 0 2px 60px;
}
.connexion p{
	text-align:center;
}

.connexion a{
	color :#fff;
}

h2{
	font-size:2em;
	color:#aba08a;
	margin:0 0 20px 60px;
}
h2 a{
		color:#aba08a;
}

a.suite{
	color:#bc1723;
	font-weight:bold;
}
/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
#header h1 a {
height:150px;
left:60px;
position:absolute;
top:10px;
width:340px;
}
#header h1 a span {
display:none;

}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
	color:#c7bba1;
	margin:4px auto;
	width:593px;
	height:10px;
	
}

#footer li{
	float:left;
	margin-right:4px;
}

#footer a{
	color:#c7bba1;
}


/* MAGENTO
--------------------------------------------------------------------------------------------------------------------------------------*/
#content .base-mini{
color:#8B806A;
font-size:1.05em;
margin-bottom:14px;
width:262px;
border:0;
}
#content .base-mini .head{
	background:#EDE9E1 url(../img/cate_top.png) no-repeat scroll left bottom;
	color:#FFFFFF;
	font-size:1.05em;
	height:27px;
	width:252px;
	
	border-bottom:none;
	margin:0;
	padding:6px 0 0 10px;
}
#content .base-mini .content{
	padding:4px 10px 10px;
		background:#EDE9E1 url(../img/cate_bottom.png) no-repeat scroll left bottom;

}
#content .base-mini .head h4 {
	color:#FFFFFF;
	font-size:1.05em;
}

#content .base-mini ol{
	margin:0;
	padding:0;
}

#content .product-essential{
	padding:0;
	background:none;
	border:none;
}

#content .product-info-box {
	padding:0;
	background:none;
	border:none;
}

#content .product-shop{
	width:283px;
	margin:0 10px 0 15px;
}

#content .listing-type-grid{
	background:none;
}

#content .catalog-listing ol{
	margin:0;
	padding-left:13px;
}

#page .footer {
	background:none;
}
#page .header-nav {
	width:auto;
}
.one-page-checkout-progress{
	display:none;
}
.shopping-cart-collaterals{

}
.shopping-cart-collaterals .col2-set .upsell {
	width:515px;
	margin-bottom:10px;
}
.shopping-cart-collaterals .generic-product-list li {

display:block;
float:left;
}

.shopping-cart-collaterals .price-box{
	background:transparent url(../images/prix.gif) no-repeat scroll left top;
	padding:5px 0;
	width:87px;
	float:left;
	margin-top:4px;
}

.shopping-cart-collaterals  .price-box .price {
color:#FFFFFF;
font-weight:bold;
margin:7px auto 7px 12px;
}

.shopping-cart-collaterals .product-shop small{
	display:none;
}

.shopping-cart-collaterals .upsell .product-shop h5 {
font-size:1em;
margin-bottom:7px;
margin-left:6px;
}

 .shopping-cart-collaterals .form-button {
 	float:left;
	margin:0;
	padding:16px 45px 8px;
	background:transparent url(../images/panier.gif) no-repeat;

 }
 
 #content  .shopping-cart-collaterals .product-shop {
margin:6px 10px 0 15px;
width:283px;
}

#upsell-product-table .product-info-box .price-box{
}