@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) center -11px repeat-x;
	margin: -11px auto 0;
	position: relative;
	padding: 0;
	color: #333;
	font-size: 70%;
	line-height: 1.8;
}

/* =LINKS */
a 	{ 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) center top 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 	{ position: relative; margin-right: 10px; width: 150px; padding: 10px; background: #DAD8C9; margin-left: 15px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
behavior: url('/static/js/PIE.htc');
}
#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, legend { font-family: Futura, "Century Gothic", "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: white; font-size: 1.5em; margin: 0 0 9px 0; line-height: 1; text-transform: uppercase;}

#sidebar .menu-subitem a {
  display: block;
  padding: 1px 10px;
	font-weight: bold;
	text-decoration: none;
}

/* header */

#content #content-header { margin: 0; padding: 0; 
  
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  behavior: url(/static/js/PIE.htc);
  }
/* #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-footer {
  position: relative;
  
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  
  -moz-border-radius: 0 0 8px 8px;
      border-radius: 0 0 8px 8px;
  behavior: url(/static/js/PIE.htc);
}
	#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; }
#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: 5px 0 0 5px; margin: 0; position: relative;}
#menu_actus a 			{
	display: block;
	width: 145px;
	height: 0;
	font-size: 1em;
	padding-top: 26px;
	overflow: hidden;
	background: url('../img/layout/buttons/btn_actualite.png') no-repeat;
}
	#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		{ }
#content-header #menu_bar li			{ height: 26px; margin-right: 5px;}

#content-header #menu_bar li a			{ display: block; height: 26px; }

#menu_actus a,
#content-header #menu_bar li a {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px; 
  behavior: url(/static/js/PIE.htc);
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  
}

	#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:60px;
	position:absolute;
	top:74px;
	width:450px;
}
#main-espacepro #content-content form h2 { margin-bottom: 0; text-align: center; }
#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 { text-decoration: underline; color: white; margin-right: 25px; font-size: 14px; display: block;font-family: Futura, "Century Gothic", "Lucida Grande", Verdana, sans-serif; font-weight: normal; }
#mdpclient { margin-top: 1em; clear: both;}
#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 }
label, input, legend, button, a.button { color: #8E817B; font-family: Futura, "Century Gothic", "Lucida Grande", Verdana, sans-serif; font-weight: normal;}

/* 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; margin: 0; padding: 0;}
ul.accordion,
.accordion ul { list-style: none; margin: 0; padding: 0;}
.menu-label
{
	height:24px;
	font: normal 125%/24px Futura, "Century Gothic", "Lucida Grande", Verdana, sans-serif;
}
.sidemenu,
.sidemenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidemenu ul {
  
}
.menu-item {
  width: 150px;
  margin: 0 0 5px;
  background: #665C53;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  padding: 3px 0;
  behavior: url(/static/js/PIE.htc);
}
.menu-label:hover { text-decoration: none;}
.menu-label
{
	font-weight: normal;
	display:block;
	text-decoration: none;
  padding: 0 0 0 10px;
	color: #fff;
	cursor: pointer;
	outline: none;
	margin: 0;
}
.menu-subitem {
  
}

/* 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
*/
.menu-id-horizon-bleu .menu-label { }
.menu-id-horizon-bleu,
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; }

.menu-id-la-table .menu-label { color: white; }
.menu-id-la-table,
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: #8E817B; border-color: #8E817B;}

.menu-id-en-cuisine .menu-label { }
.menu-id-en-cuisine,
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;}

.menu-id-accessoires-deco .menu-label { color: white;}
.menu-id-accessoires-deco,
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: #665C53; border-color: #665C53;}

.menu-id-mobilier .menu-label { color: white; }
.menu-id-mobilier,
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: #665C53; border-color: #665C53;}
/* fond clair donc liens et texte foncés */
body.mobilier #breadcrumbs a,
.menu-id-mobilier a { color: white}

.menu-id-tisse .menu-label { }
.menu-id-tisse,
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;}

.menu-id-sous-la-tonelle .menu-label { color: white; }
.menu-id-sous-la-tonelle,
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: #A69D96; border-color: #A69D96;}

.accordion .sous-la-tonelle a { color: white; }

.menu-id-dedans-dehors .menu-label { }
.menu-id-dedans-dehors,
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;}

.menu-id-lumiere .menu-label { color: white;}
.menu-id-lumiere,
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: #B5ACA7; border-color: #B5ACA7;}



.menu-id-kid-deco .menu-label { }
.menu-id-kid-deco,
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;}

.menu-id-noel .menu-label { color: #FFF;}
.menu-id-noel,
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: #A69D96; border-color: #A69D96;}

.menu-id-promo .menu-label {  }
.menu-id-promo ,
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: #8E817B; border-color: #8E817B;}


body#main-panier #content #content-header,
body#main-panier #content #content-footer,
body#main-panier #content #produits,
body#main-panier #content #produits div,
body#main-panier #content #produits div dl { background-color: #665C53; border-color: #665C53;}

/* 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 */
.menu-subitem a:hover { color: #2c2c2c;}
li.menu-id-accessoires-deco .menu-subitem a:hover,
li.menu-id-la-table .menu-subitem a:hover,
li.menu-id-mobilier .menu-subitem 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.6em; width: 480px; height: 20px; font-size: 12px;  overflow: hidden; font-family: Futura, "Century Gothic", "Lucida Grande", Verdana, sans-serif; font-weight: normal;}
#content-header ul#breadcrumbs li	{ margin-right: 5px; color: white;}
#content-header ul#breadcrumbs li a	{ 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 * {
	color: white;
}
body.kid-deco #content #content-header #breadcrumbs *,
body.kid-deco #content #content-content *,
.menu-id-la-table .menu-subitem,
.menu-id-accessoires-deco .menu-subitem { color: #FEFFFE;}

/* 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;}

/* ========================================== */
/* = Message de bienvenue en page d'accueil = */
/* ========================================== */
.bienvenue {
	font-family: Futura, "Century Gothic", "Lucida Grande", Verdana, sans-serif;	
	color: #fff;
	font-size: 22px;
	line-height: 1.4em;
	background: #DAD8C9;
	padding: 10px;
	width: 720px;
}

.success {
	color: white;
	background-color: #882345;
	border-color: #882345;
}
	.success a {
		color: white;
	}
	
.notice {
	color: white;
	background-color: #A51141;
	border-color: #A51141;
}
	.success a {
		color: white;
	}