@import 'blueprint/plugins/sprites/sprite.css';
@import 'blueprint/plugins/buttons/buttons.css';
@import 'blueprint/plugins/css-classes/css-classes.css';
body {
	font-family: Verdana, Helvetica, sans-serif;
	background: #fff url(../img/layout/body_background.png) top center repeat-x;
	margin: 0 auto;
	padding: 0;
	color: #333;
	font-size: 70%;
	line-height: 1.8;
}

/* =LINKS */
a:link, a:visited, a:active 	{ color: #555; text-decoration: none;}
a:hover 						{ text-decoration: underline}

a.no-underline:hover, .no-underline a:hover { text-decoration: none}

.inline li 	{ display: inline; margin-right: 2em;}

/* =FORMS */
label { display: block; line-height: 1;}

input, textarea	{font-family: Verdana, Helvetica, sans-serif;}
/* textarea too high in bprint */
textarea 		{height: auto; font-size: 100%; width: 95%; }
/* paragraphs making forms far too high */
/* fieldset p 		{ margin-bottom: 0.25em; line-height: 1} */

/* MISC STYLES */
/* hides text but still visible to screen readers */
.hidetext 	{ text-indent: -9999px;}
/* 1px only separators */
hr 			{ height: 1px;}

p.last 		{ margin-bottom: 0;}

/* used to insert code with breaklines */
tt 			{ overflow: auto; background-color: #fff; padding: 0.5em; margin-top: 0.5em }

/* alert boxes */
.notice, .error, .success { border-width: 1px 0; text-align: center}


/* =LAYOUT */
/* columning */
#wrapper 	{ width: 100%; height: 100%; margin: 0; padding: 0; background: transparent url(../img/layout/main_background.png) top center repeat-y; position: relative;}
.container 	{position: relative; padding: 0; margin-top: 0;}
#content 	{ float: right; margin-right: 0px; width: 750px; padding-bottom: 25px; background: transparent; overflow: auto;}
#sidebar 	{ margin-right: 10px; width: 170px; padding: 10px; }
#header 	{position: relative; height: 175px; margin: 0 auto; width: 950px;  background: transparent url(../img/layout/main_header.png) 0 0 repeat-x; padding: 0 25px; }

#main-actus #header,
#main-contact #header,
#main-index #header { height: 200px;}

/* logo */

#header a#home { height: 100px; width: 450px; display: block; background: transparent url(../img/layout/logo450.png) top left no-repeat; position: absolute; top: 26px; left: 35px; text-indent: -9999px;}

#main-contact #header a#home,
#main-actus #header a#home,
#main-index #header a#home { height: 150px; width: 740px; background: transparent url(../img/layout/logo740.png) top left no-repeat; position: absolute; top: 26px; right: 35px; left: auto; text-indent: -9999px;}


/* content, footer */
#content #content-content { background: white; margin: 0; padding: 0; }
#footer { background: white url(../img/layout/main_footer.png) top center no-repeat; padding: 0 25px; height: 50px; margin: 1em 0 0 0; text-align: center;}
#footer * { color: #AE8D7C; }
#footer ul {  padding-top: 20px;}
#footer ul li { display: inline; margin-right: 1em; }

/* =NAVLINKS */
#navlinks { position: absolute; top: 5px; right: 0; height: 72px; width: 575px; padding: 3px 0 0 0; margin: 0 auto; width: 950px; background: transparent url(../img/layout/navlinks_background.png) top right no-repeat;}
	#navlinks ul { list-style: none; padding: 0 0 0 20px; margin: 0; line-height: 1;}
		#navlinks ul li { margin: 0 0 0 20px; padding: 0; line-height: 1; font-size: 18px; height: 25px; display: block; float: left; }
			#navlinks ul li a { line-height: 1; color: white; }

/* =TABLES
override blueprint 0.7 sucky defaults
*/
thead th {
  background:#eee;
  border-bottom:1px solid #999;
  color:#202020;
}
tr.even td {
  background:#F1F5FA;
}

tr.odd td {
  background:#fff;
}

/* =HEADERS */
h1, h2, h3 { font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;}
h1 { font-size: 1.8em }
h2 { font-size: 1.6em }
#main-contact h3 { margin-top: 3.5em; line-height: 1.5; color: #5E391E; }

/* =SIDEBAR */
div.sidebox .sidebox-header 	{ height: 30px; background: transparent url(../img/layout/sidebar_background.png) top left no-repeat;}
div.sidebox .sidebox-content 	{ padding: 0 10px 30px; background: transparent url(../img/layout/sidebar_background.png) bottom left no-repeat;}
.sidebox li ul, .sidebox li ol 	{ margin:0;}
.sidebox ul, .sidebox ol      	{ margin: 0; list-style: none;}

#sidebar h2 { text-align: center; color: #9c9c9c; font-size: 1.5em; margin: 0 0 9px 0; line-height: 1}

#sidebar a {
	font-weight: bold;
	text-decoration: none;
}

/* header */

#content #content-header { margin: 0; padding: 0;}
/* #content>#content-header { background: transparent url(../img/layout/content_header740.png) top left no-repeat; }
#content>#content-footer { background: transparent url(../img/layout/content_footer740.png) bottom left no-repeat; } */
	#content #content-footer,
	.index #content #content-footer { height: 12px; width: 740px; background-color: #DAD8C9;}
	#content #content-header,
	.index #content #content-header { height: 36px; width: 740px; background-color: #DAD8C9;}
	#content #content-header h1 { margin: 0.5em 0 0; line-height: 1; font-size: 2.2em;}
		#content #content-header h1 span.showtitle { height: 1.5em; display: block;}

#content-header { position: relative; text-transform: uppercase;}
#content-header ul,
#header ul 		{ list-style: none;}
#content-header ul li,
#header ul li 	{ display: block; margin-right: 15px; float: left; }

#menu_actus 			{ padding: 9px 0 0 15px; margin: 0;}
#menu_actus a 			{ text-decoration: none;  font: bold 1.3em Arial, Helvetica, sans-serif;}
	#content #menu_actus .h_marron a 		{ color: #5E391E;}
	#content #menu_actus .h_violet a,
	#actus-salons *		{ color: #9B8174;}
	#content #menu_actus .h_vert a,
	#actus-evenements *	{ color: #759146;}
	#content #menu_actus .h_bleu a,
	#actus-presse *		{ color: #799CA1;}


/* liens accueil, espace pro, contact */
#menu_bar 			{ position: absolute; margin: 0; padding: 0; right: 50px; top: 55px; font: bold 1.3em Arial, Helvetica, sans-serif;}
#menu_bar a			{ color: #706456;}
#menu_bar a:hover 	{ text-decoration: underline;}

#content-header #menu_bar 				{ right: 0; top: 5px; }
#content-header #menu_bar li a span		{ position: absolute;left: -9999px;}
#content-header #menu_bar li			{ height: 26px; margin-right: 5px;}
#content-header #menu_bar li a			{ display: block; height: 26px; }
	#content-header #menu_bar .btn_accueil a	{ background: transparent url(../img/layout/buttons/btn_accueil.png) top left no-repeat; width: 94px;}
	#content-header #menu_bar .btn_espacepro a	{ background: transparent url(../img/layout/buttons/btn_espacepro.png) top left no-repeat; width: 109px;}
	#content-header #menu_bar .btn_contact a		{ background: transparent url(../img/layout/buttons/btn_contact.png) top left no-repeat; width: 88px; margin-right: 0;}
	#content-header #menu_bar .btn_panier a		{ background: transparent url(../img/layout/buttons/btn_panier.png) top left no-repeat; width: 82px; margin-right: 0;}
	#content-header #menu_bar .btn_admin a		{ background: transparent url(../img/layout/buttons/btn_admin.png) top left no-repeat; width: 82px; margin-right: 0;}
#content-header #menu_bar a:hover { text-decoration: none;}

/* espace pro */
#main-espacepro #content  					{ width: 950px; margin-right: 0; margin-top: -50px; overflow: hidden}
#main-espacepro #content-header 			{ left: 15em; }
#main-espacepro #content-content 			{ margin-left: 2px; position: relative; }
#main-espacepro #content-content form {
	left:100px;
	position:absolute;
	top:254px;
	width:450px;
}
#main-espacepro #content-content form label { font-weight: normal; padding-top: 12px; }
#main-espacepro #content-content form input { width: 100px; }
#main-espacepro #content-content form fieldset { padding: 0.5em 1em; background: #DAD8C9; margin-bottom: 0; }
#main-espacepro #content-content form a { color: white; margin-right: 25px; float: left; }

#main-espacepro #content-content form label,
#main-espacepro #content-content form input,
#main-espacepro #content-content form button { float: left; display: block; margin-right: 4px; }
#main-espacepro #content-content form button { margin-top: 3px; background: transparent; border: 0 }


/* produits */
#produits 				{ padding: 1em 0 0 0; border: 1px solid #AE8D7C; width: 738px;}
#main-univers #produits	{ border-top-width: 4px;}
#produits div 			{ margin-left:8px; margin-bottom: 1em;}
#produits div a 		{ color: white; font-weight: bold;}
#produits dl 			{ text-align: left; color: white; background: #AE8D7C; margin: 2px;}
#produits dt			{ margin-left: 1em;}
#produits dd.price		{ text-align: right; padding-right: 3px;}
#produits dd.price a 	{ background: transparent url(../img/layout/icons/cart.png) center right no-repeat; padding-right: 20px;}

/*	Horizontal Accordion */
ul.accordion {overflow:hidden; width: 150px; }
ul.accordion,
.accordion ul { list-style: none;}
.accordion .accordionPanel .label
{
	height:24px;
	font:normal 120%/24px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

.accordion .label a
{
	display:block;
	width: 150px;
	text-decoration: none;
	color: #232323;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: 3px 0 0 10px;
}

.accordion .collapsed-panel .content { display:none;}
.accordion .content a { color: white;}


.accordion .label a { height: 22px; background: transparent url(../img/layout/box_headers.png) 0 0 no-repeat;}
.accordion .content-footer { height: 6px; background: transparent url(../img/layout/box_footers.png) 0 0 no-repeat;}
.accordion .accordionPanel { overflow:hidden; margin-bottom: 5px;}
.sIFR-root { cursor: pointer;}

/* accordion labels & footers
#796F92 acc-la-table
#984F7C acc-en-cuisine
#AE8D7C acc-accessoires-deco
#ECEADB acc-mobilier
#A375A3 acc-tisse
#B9D588 acc-sous-la-tonelle (jardin d'hiver: #7e696d)
#86A750 acc-dedans-dehors (hiver: #b1a0a5)
#77C0E1 acc-lumiere (hiver: #c3a495)
#FED41E acc-kid-deco
#ae8877 acc-promo
*/
.accordion .acc-horizon-bleu .label a { background-position: 0 0;}
.accordion .acc-horizon-bleu .content,
body.horizon-bleu #content #content-header,
body.horizon-bleu #content #content-footer,
body.horizon-bleu #content #produits,
body.horizon-bleu #content #produits div,
body.horizon-bleu #content #produits div dl { background-color: #87ACBC; border-color: #87ACBC; }
.accordion .acc-horizon-bleu .content-footer { background-position: 0 0;}

.accordion .acc-la-table .label a { color: white; background-position: 0 -25px;}
.accordion .acc-la-table .content,
body.la-table #content #content-header,
body.la-table #content #content-footer,
body.la-table #content #produits,
body.la-table #content #produits div,
body.la-table #content #produits div dl { background-color: #C33D3E; border-color: #C33D3E;}
.accordion .acc-la-table .content-footer { background-position: 0 -6px;}

.accordion .acc-en-cuisine .label a { background-position: 0 -50px;}
.accordion .acc-en-cuisine .content,
body.en-cuisine #content #content-header,
body.en-cuisine #content #content-footer,
body.en-cuisine #content #produits,
body.en-cuisine #content #produits div,
body.en-cuisine #content #produits div dl { background-color: #984F7C; border-color: #984F7C;}
.accordion .acc-en-cuisine .content-footer { background-position: 0 -12px;}

.accordion .acc-accessoires-deco .label a { color: white; background-position: 0 -75px;}
.accordion .acc-accessoires-deco .content,
body.accessoires-deco #content #content-header,
body.accessoires-deco #content #content-footer,
body.accessoires-deco #content #produits,
body.accessoires-deco #content #produits div,
body.accessoires-deco #content #produits div dl { background-color: #C25C4D; border-color: #C25C4D;}
.accordion .acc-accessoires-deco .content-footer { background-position: 0 -18px;}

.accordion .acc-mobilier .label a { color: white; background-position: 0 -100px;}
.accordion .acc-mobilier .content,
body.mobilier #content #content-header,
body.mobilier #content #content-footer,
body.mobilier #content #produits,
body.mobilier #content #produits div,
body.mobilier #content #produits div dl { background-color: #CD4C36; border-color: #CD4C36;}
/* fond clair donc liens et texte foncés */
body.mobilier #breadcrumbs a,
.accordion .acc-mobilier a { color: white}
.accordion .acc-mobilier .content-footer { background-position: 0 -24px;}

.accordion .acc-tisse .label a { background-position: 0 -125px;}
.accordion .acc-tisse .content,
body.tisse #content #content-header,
body.tisse #content #content-footer,
body.tisse #content #produits,
body.tisse #content #produits div,
body.tisse #content #produits div dl { background-color: #A375A3; border-color: #A375A3;}
.accordion .acc-tisse .content-footer { background-position: 0 -30px;}

.accordion .acc-sous-la-tonelle .label a { color: white; background-position: 0 -150px;}
.accordion .acc-sous-la-tonelle .content,
body.sous-la-tonelle #content #content-header,
body.sous-la-tonelle #content #content-footer,
body.sous-la-tonelle #content #produits,
body.sous-la-tonelle #content #produits div,
body.sous-la-tonelle #content #produits div dl { background-color: #9B8174; border-color: #9B8174;}

.accordion .sous-la-tonelle a { color: white; }
.accordion .acc-sous-la-tonelle .content-footer { background-position: 0 -36px;}

.accordion .acc-dedans-dehors .label a { background-position: 0 -175px;}
.accordion .acc-dedans-dehors .content,
body.dedans-dehors #content #content-header,
body.dedans-dehors #content #content-footer,
body.dedans-dehors #content #produits,
body.dedans-dehors #content #produits div,
body.dedans-dehors #content #produits div dl { background-color: #86A750; border-color: #86A750;}
.accordion .acc-dedans-dehors .content-footer { background-position: 0 -42px;}

.accordion .acc-lumiere .label a { color: white; background-position: 0 -200px;}
.accordion .acc-lumiere .content,
body.lumiere #content #content-header,
body.lumiere #content #content-footer,
body.lumiere #content #produits,
body.lumiere #content #produits div,
body.lumiere #content #produits div dl { background-color: #9BACBC; border-color: #9BACBC;}
.accordion .acc-lumiere .content-footer { background-position: 0 -48px;}



.accordion .acc-kid-deco .label a { background-position: 0 -225px;}
.accordion .acc-kid-deco .content,
body.kid-deco #content #content-header,
body.kid-deco #content #content-footer,
body.kid-deco #content #produits,
body.kid-deco #content #produits div,
body.kid-deco #content #produits div dl { background-color: #FED41E; border-color: #FED41E;}
.accordion .acc-kid-deco .content-footer { background-position: 0 -54px;}

.accordion .acc-noel .label a { background-position: 0 -250px; color: #FFF;}
.accordion .acc-noel .content,
body.noel #content #content-header,
body.noel #content #content-footer,
body.noel #content #produits,
body.noel #content #produits div,
body.noel #content #produits div dl { background-color: #ACA18F; border-color: #ACA18F;}
.accordion .acc-noel .content-footer { background-position: 0 -60px;}

.accordion .acc-promo .label a { background-position: 0 -275px; color: #FFF;}
.accordion .acc-promo .content,
body.promo #content #content-header,
body.promo #content #content-footer,
body.promo #content #produits,
body.promo #content #produits div,
body.promo #content #produits div dl { background-color: #ae8877; border-color: #ae8877;}
.accordion .acc-promo .content-footer { background-position: 0 -66px;}



/* on enleve le background #produits et desc produit */
#main-univers #content #content-content #produits div,
#main-univers #content #content-content #produits,
#main-produits #content #content-content #produits div,
#main-produits #content #content-content #produits { background-color: white;}

/* petit hover pour les liens de la sidebar */
ul.accordion li div.content ul li a:hover { color: #2c2c2c;}
ul.accordion li.acc-la-table div.content ul li a:hover,
ul.accordion li.acc-mobilier div.content ul li a:hover { color: #ddd;}

/* =actus */

#main-actus p img 		{ float: right; margin: 0 0 1em 1em;}
#main-actus #content-content div { border: 1px solid #5E391E; margin-bottom: 25px; margin-right: 10px; padding: 20px;}

#main-actus #content #actus-salons		{ border-color: #9B8174;}
#main-actus #content #actus-evenements 	{ border-color: #759146;}
#main-actus #content #actus-presse 		{ border-color: #799CA1;}

/* liens en bas des actus */
.actus_links { text-align: right;}
.actus_links li  { display: inline; margin-right: 25px;}
	.actus_links li a { font-weight: bold;}

/* on style les produits random d'un univers */
body#main-univers #content #content-content { line-height: 0;}
body#main-univers #content #content-content div { line-height: 1.5; }

/* sous familles */
#sous-familles 			{ width: 740px;}
#sous-familles div,
#produits div 			{ float: left; width: 170px; border: 1px solid #AE8D7C; text-align: center; margin-left:10px; margin-bottom: 1em; padding-top: 1em; height: 230px; min-height: 210px; position: relative; }
#sous-familles div.first { margin-left: 0;}
#sous-familles .right,
#sous-familles .left 	{ margin-top: 40px;}
#produits div dl,
#sous-familles div dl	{ text-align: left; position: absolute; bottom: 0; left: 0; width: 164px; border: 1px solid white}
#produits div dl dt,
#sous-familles div dt	{ padding: 0; margin-left: 4px;}


/* breadcrumbs */
#content-header ul#breadcrumbs 		{ margin-top: 0; padding-top: 0.7em; width: 480px; height: 20px; overflow: hidden}
#content-header ul#breadcrumbs li	{ margin-right: 5px; color: white;}
#content-header ul#breadcrumbs li a	{ font-weight: bold; color: white;}
#searchform { display: block; position: absolute; top: 0; right: 0; height: 25px; width: 200px;}
#searchform button { margin-left: 5px; margin-top: 6px;}

#searchform input { float: left; width: 125px;}


/* pour les onglets à fond clair on met les liens en foncé */
body#main-panier #content #content-header #breadcrumbs *,
body.kid-deco #content #content-header #breadcrumbs *,
body.kid-deco #content #content-content *,
.accordion .acc-kid-deco .content a { color: #3c3c3c;}

/* Panier */
#panier {
	margin-right: 10px;
}

#panier table td {
	border-bottom: 1px solid #CCC;
}

#panier tfoot td {
	font-weight: bold;
	font-style: normal;
	text-align: right;
}

#panier td button { margin-top: 6px; background: transparent; border: 0; width: 25px;}
#panier td select { float: left; }
#produits fieldset button { margin-top: 5px; }
#produits fieldset { width: 240px; }
input#quantite,
#panier td input { float: left; width: 30px; }
input#quantite { margin: 0 0 35px 0;  }

/* slide de l'index */
.pics {
	width:  740px;
	height:   493px;
	padding: 0;
	margin:  0;
	overflow: hidden
}

.pics img {
	padding: 0;
	border:  0;
	background-color: #eee;
	width:  740px;
	top:  0;
	left: 0;
}

#legende { width: 150px; margin: 0 0 0 30px; overflow: hidden;}
#content p.guest_notice { margin-right: 10px; margin-top: 1em }

.admin-table { width: 95%; margin: auto; }
.order_column { text-align: center; width: 5%; }

/* -----
	Listes nues
----- */
ul.no-list-style {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.no-list-style li {
	margin: 0;
	padding: 0;
}

ul.no-list-style.right {
	margin-left: 0.5em;
}

#main-admin #content-content {
	margin-right: 10px;
}

#afocus p { margin-bottom: .5em;}