/*
 * This file is part of the Candissime Website.
 * (c) 2008 Communiquez Plus - Xavier Briand <x.briand@communiquez-plus.com>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

/**
 * layout style sheet
 *
 * @name       layout.css
 * @package    candissime
 * @author     Xavier Briand <x.briand@communiquez-plus.com>
 */

/*
 * grandes parties
 */

html {

}
body {
	  height: 100%;			
}

/* Body margin for a sensile default look. */
#container {  
  margin-top: 6em;; 
}

#hd, #ft{
  height: 72px;
}

#hd {
  position: relative;
  background: white url(img/bg_header.jpg) top left no-repeat;
}

#bd{
	position: relative;
	min-height: 522px;
	
}

#ft a {
  text-decoration: none;
}
#ft a:hover {
  text-decoration: underline;
}

/*
 * header
 */

#hd #mini-cart {
  line-height: 50px;
}

#hd #mini-cart a{
  float: right;
	padding-left: 5px;
	height: 50px;
	outline: none;
	text-decoration: none;
}
#hd #mini-cart a:hover{
  text-decoration: underline;
}

#hd #mini-cart a img {
  border: 1px solid #fff;
	width: 50px;
	height: 50px;
}

#hd #mini-cart a:hover img {
	display: block;
  border: 1px solid #e61408;
}

#hd #titre {
	display: block;
	outline: none;
}

#hd #titre img {
	display: block;
}

.fleurs #hd {
  background: white url(img/bg_header_fleurs.jpg) top left no-repeat;
}
.accueil #hd {
  background: white url(img/bg_header_accueil.jpg) top left no-repeat;
}

/*
 * body
 */

#menu {
	position: relative;
  background: white url(img/bg_menu.jpg) top left no-repeat;
  font-size: 125%;
  position: relative;
  float: left;
  padding: 32px 0 0 70px;
  width: 200px;
  height: 490px;
}

#menu a {
  text-decoration: none;
}

#menu a:hover {
  text-decoration: underline;
}

#body {
	float: left;
  background: white url(img/bg_body.jpg) top left no-repeat;
  margin-left: 10px;
  /*height: 100%;*/  
  min-height: 100%;
	 /*overflow: auto;*/
  width: 670px; 
}

#body div.content {
  position: relative;
  margin-top: 1em;
}

.fleurs #body {
  background: white url(img/bg_body_fleurs.jpg) top left no-repeat;
}
.fleurs.collection #body {
  background: white url(img/bg_body_collection.jpg) top left no-repeat;
}
.etui #body {
  background: white url(img/bg_body_etui.jpg) top left no-repeat;
}
.accueil #body {
  background: white url(img/bg_body_accueil.jpg) top left no-repeat;
}


/*
 * body/menu
 */

.scrollbar {
	position: relative; 
  margin-top: 34px;
  float: right;
  height: 250px;
  width: 15px;
}

.slider {	
  background: white url(img/slider-bg.gif) repeat-y;
  height: 220px;
}

a.slide-up, a.slide-down 
{
	height: 15px;
	width: 15px;
	display: block;
}

a.slide-up 
{
  background: white url(img/knob-up.gif) no-repeat top left;
}

a.slide-down
{
	background: white url(img/knob-down.gif) no-repeat bottom left;
  position: absolute;
  bottom: 0; 	
}

.knob {
  background: #fbdcec url(img/knob-top.gif) no-repeat top left;
  height: 21px;
  width: 15px;
}
.knob .bottom{
  position: absolute;
  bottom: 0;
  background: #fbdcec url(img/knob-bottom.gif) no-repeat bottom left;
  height: 5px;
  width: 15px;
}
#knob img {
  display: block;
}

#menu a {
  outline: none;
}

#menu a.current {
	text-decoration: underline;
}

#menu div.content {
  position: relative;
	width:185px; 
	height: 345px;
  overflow: hidden;
}
#menu #menu-content{
	position: relative;
	width: 740px;
	height: 345px;
}
#menu div.menulevel {	
	position: absolute;
	width: 185px;
}
#menu div.scroll { 
  height: 250px;
	margin-bottom: 1em;
	overflow-y: auto;
}

#menu #level-0 .scroll{
	height: 300px;
}
#menu #level-1 { 
 margin-left: 185px;
}
#menu #level-2 { 
 margin-left: 370px;
}
#menu #level-3 { 
 margin-left: 555px;
}
#menu #level-3 .scroll, #level-3 #slider {
  height: 230px;
}

#menu ul {
	list-style-type: none;;
  margin: 0;
	margin-left: .5em; 	
}

#menu #level-0 ul, #menu .margin-ul ul {
  margin-bottom: 1.5em;
}

#menu div#news {
	position: absolute;
	bottom: 3em;
	left: 4em;	
	padding: 8px;
	border: 1px solid #df286d;	
	color: #666;
	height: 5em;
	width: 10em;
	-moz-border-radius: 10px;
}
#menu div#news h1 {
   font-size: 0.8em;
	 font-weight: bold;
	 
}
#menu div#news p {
   font-size: 0.75em;
	 margin-bottom: 0; 
}

/*
 * accueil
 */

#diaporama {
	margin: 0;
	float: left;
	width: 590px;
	height: 485px;
	list-style-type: none;
}

#diaporama .slide a {
	display: block;
	position: relative;
}

#diaporama .slide h1 {
  position: absolute;
	bottom: 100px;
	right: 50px;
}
#diaporama .slide h2 {
  position: absolute;
	bottom: 60px;
  right: 50px;
}

#diaporama-etui{
	margin: 0;
	margin-left: 609px;
	list-style-type: none;
}

#diaporama-etui li {
  height: 58px;
	margin-top: 3px;
}

#diaporama-etui .block {  
	background: transparent url(img/bg_thumb.png) top left no-repeat;
	padding: 4px;
}

#diaporama-etui a {
  display: block;
}

#diaporama-etui a img {
  display: block;
	width: 50px;
	height: 50px;
}


/*
 * body/body
 */


#top, #bottom {
	clear: both;
}

/* description */

#description {
	float: right;
	position: relative;
  width: 250px;
	min-height: 250px;
}

#description a {
  text-decoration: none;
}
#description a:hover {
  text-decoration: underline;
}

#description h2 {
  font-size: 2em; margin-bottom: 0;
}

#description #form {
  position: absolute;
  bottom: 0
}

/* title */

#bd h1.name {
	font-size: 50px;
  margin: 9px 0 0 100px;
  font-family: "martina", "Times New Roman", Times, serif;
}

/* galerie */

div.galerie {
  margin-top: 1em;
}
div.galerie table {
  margin: 0 auto;
}

div.galerie td {
  width: 120px;
  text-align: center;
  vertical-align: top;
}

div.galerie a {
  display: block;
  text-align: center;
	text-decoration: none;
}

div.galerie a:hover {
  text-decoration: underline;
}
  
div.galerie a img {
  border: 1px solid #5B000A;
}
div.galerie a:hover img {
  border: 1px solid #E61408;
}
div.galerie a span.title {
  display: block;
  text-align: center;
}

/* bottom */

#bottom #associated {
  width: 250px;
	text-align: right;
}

#associated .scrollbar {
	margin-top:0;
	margin-left: 5px;
  height: 164px;
}
#associated .slider {
  height: 134px;
}

#associated a {
	text-decoration: none;
}
#associated a:hover {
  text-decoration: underline;
}

#bd .list ul {
  list-style-type: none;
  margin: 0;
}

#bd div.list h3 {
  margin-bottom: 0.5em;
}

#bd div.list div {	
  max-height: 164px;
  overflow-y: auto;
  overflow-x: hidden;
}

#bd div.list li {
  font-size: .9em;
}

#bottom #details {
  float: right;
	width: 300px;
}

/*
 * body/body/collection
 */

.collection #description {
	float: none;
  margin-left: 360px;
}

.collection #bd h1.name {
  font-size: 5em;
	margin-top: .25em;
	margin-bottom: .25em;
}

.collections #top, .collections #bottom {
	margin: 3em 70px 0 70px;
}

.collection div.galerie td {
  width: 100px;
}



/* body/body/etui */

.etui body {
    overflow: auto;
}

.etui #body div.content {
	margin: 1em 0 0 0;
}

.etui #top {
	margin-left: 75px;
}
.etui #description {
  padding-right: 60px;
}

.etui #form {
	width: 100%;
}

/* body/body/etui/slideshow */

#slideshow {	

  display:block;  
  overflow:hidden;
  /*margin-left: 45px;*/
  width: 250px;
  height: 250px;
  /* border: 1px solid red; */  
}

#slideshow a {
	outline: none;
}

#slideshow_cmd {
  float: left;  
  width: 25px;  
}

#slideshow_cmd ul {
  margin: 0;
  list-style-type: none;
}

#slideshow_cmd li a {
  display: block;
  height: 25px;
  text-align: center;
  line-height: 25px;
  outline: none;
	text-decoration: none; 
}

#slideshow_cmd #previous {
  background: url(img/slideshow_previous.gif) right top;	
}
#slideshow_cmd #previous:hover {
  background: url(img/slideshow_previous.gif) left top;	
}

#slideshow_cmd #next {
  background: url(img/slideshow_next.gif) right top; 
}
#slideshow_cmd #next:hover {
  background: url(img/slideshow_next.gif) left top;  
}

#slideshow_cmd #start {
  background: url(img/slideshow_play.gif) right top; 
}
#slideshow_cmd #start:hover {
  background: url(img/slideshow_play.gif) left top;  
}

#slideshow_cmd #stop {
  background: url(img/slideshow_stop.gif) right top; 
}
#slideshow_cmd #stop:hover {
  background: url(img/slideshow_stop.gif) left top;  
}

#slideshow_cmd #zoom {
  position: absolute;
	top: -1.5em;
	left: 305px;
	color: #888;
	outline: none;
}

ul#slide {
  margin: 0;
}
#slide li{
  position: absolute;
  display: block;
  list-style-type: none;
}
#slide li img {
  display: block;
	width: 250px;
  height: 250px;
}



#bd h1 img {
  vertical-align: middle;
}

#bd h1.titre {
  font-family: "martina", "Times New Roman", Times, serif;
	background: url(img/e_titre.jpg) no-repeat right top;
  margin: 0.25em 0 0.25em 1em;
	display: inline-block;
	padding-right: 90px;
  font-size: 4em;
}

.etui #bd h1.name {
  font-size: 4em;
}

.etui #bottom {
  margin-left: 100px;
}

.etui #associated {
}

.etui #details {
	margin-left: 10px;
  width: 250px;
  border-left: 1px solid #ddd;
  padding-left: 5px;
}

.tooltip {
	display: block;
	position: absolute;	
	right:260px;
	background: transparent url(img/bg_thumb.png) top left no-repeat;
  padding: 4px;
}

.tooltip img {
	display: block;
}

/*
 * body/body/confiserie
 */

#results {
  border:1px solid #888;
	height: 130px;
	overflow: auto; 
}
#results  ul {
  list-style-type:none;
  margin: 1em;
}

#map-title {
	height: 1em;
}

.confiserie #bd h1.name {
  font-size: 4em;
}

#bd ul.etuis li {
  display: inline;
}

/*
 * general
 */


.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}


.sans-puce {
  list-style-image: none;
  list-style-type: none;
}

.pair {
	background-color: #ffeaf4;
}

.impair {
	
}

.page {
	padding: 1em;
}

/* panier */

table.cart {
	width: 100%;
	margin-bottom: 1em;
}

table.cart table {
  width: 100%;  
}


table.cart ul {
	list-style-type: none;
}

table.cart th {
	vertical-align: top;
}
table.cart td {
	vertical-align: middle;
}
table.cart img.float {
	display: block;
	margin-right: 5px;
	float: left;	
}

table.cart th, table.cart td {
	border-color: #DF286D;
  border-style: solid;
	border-width: 0;	
}

table.cart tr.header th {	
	padding-left: 20px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	
	-moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
}

table.cart tr.header td {	
  border-right-width: 1px;
	border-top-width: 1px;
  border-bottom-width: 1px;
	
	-moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
}

table.cart tr.header table tr th { 
  padding-left: inherit;
	border:0;
}
table.cart tr.header table tr td { 

  border:0;
}

table.cart thead th {
	border-top-width: 1px;
  border-bottom-width: 1px;
}

table.cart thead th.bleft {
  border-left-width: 1px;
	-moz-border-radius-bottomleft:10px;
  -moz-border-radius-topleft:10px;
}
table.cart thead th.bright {
  border-right-width: 1px;
	-moz-border-radius-bottomright:10px;
  -moz-border-radius-topright:10px;
}

table.cart td.name a,
table.cart td.qtt a,
table.cart td.delete a {
  text-decoration: none;
}

table.cart td.name a:hover,
table.cart td.qtt a:hover,
table.cart td.delete a:hover {
  text-decoration: underline;
}

table.cart td.price {
  text-align: right;
	width: 100px;
}
table.cart td.qtt {
  text-align: center;
	width: 20px;
	text-decoration: none;
}
table.cart .delete {
  text-align: center;
  width: 10px;
	text-decoration: none;
}

table.cart textarea {
	overflow: hidden;
}

/**
 * checkout
 */

#checkout-progress {	
	list-style-type: none;
	margin-top: 1em;
}

#checkout-progress li {
	float: left;
	border: solid #DF286D 1px;
	padding: 0 10px;
	margin: 0 5px;
  -moz-border-radius: 10px;
}

#checkout-progress li.current {
  background-color: #DF286D;
	color: #fff;
	font-weight: bold;
}




/*
 * footer
 */

ul#footer {
	list-style-type: none;
}

ul#footer li {
	display: inline;
	border-left: 1px solid grey;
	padding: 0 1em;
}

ul#footer li.first {
	border-left: 0;
}

.fleurs #ft {
  background: white url(img/bg_footer_fleurs.jpg) top left no-repeat;
}

.accueil #ft {
  /*background: white url(img/bg_footer_fleurs.jpg) top left no-repeat;*/
}

/*
 * offrez le goût français
 */

#results {
	height:auto;
	max-height: 240px;
}

#results a {
	text-decoration: none;
}
#results a:hover {
  text-decoration: underline;
}

#results p {  
  margin: 10px;
	width: 400px;
}

#results li {
	float: left;
	height: 120px;
	width: 85px;
	text-align: center;
}


/*
 * autre
 */

.login-form {
	margin-bottom: 1.5em;
}

.login-form .input-left {
float:left;
width:50%;
}
.login-form .input-right {
float:right;
width:50%;
}

.login-form .form-buttons {
	clear:both;
	margin:12px 0 0;
	text-align:right;
}


#loader {
	float: right;
}

.float-right {
	float: right;
}

.order table {
	width: 100%;
}
.order table td, .order table th {
  vertical-align: top;
  border: 1px solid #eee;
}
.order table td td, .order table td th {
  border: 0;
}
.order table thead th {
  background-color: #fbdcec;
  border: 0;
}