/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.clear { clear : both;}



header, nav, section, aside, footer, article, figure {
  margin:0;padding:0;color:#000;background:#FFF;border:0;zoom: 1;display: inline-block;display : block;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/base/base-min.css
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   http://www.blueprintcss.org/blueprint/src/forms.css
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* end form.css */

body {
  font-family : Georgia, serif;
}

/* ici la largeur de la page et donc du menu est fixée à 868px */
header, #content, footer, nav ul{
  width : 868px;
  margin : 0 auto;
}

header {
  background : #ffffff;
}

/* le menu navigation (horizontal, sous l'en-tête). on écrit en majuscule. Pour le sous-menu, inversion couleur fond bleu , texte blanc
ce menu est rempli dans le fichier nav.php
*/
nav {
  background : #ffffff;
  height : 40px;
  border-top : 1px solid #f6f6f6;
  border-bottom : 1px solid #f6f6f6;
  font-size : 13px;
  z-index : 100;
}

nav dt a {
  color : #004781;
  text-align : center;
  text-transform : uppercase;
  font-weight : bolder;
  display : block;
  z-index : 100;
  height : 40px;
}

nav dt a:hover, nav dt a:focus, nav dt a:active {
  color : #004781;
  z-index : 100;
}

nav dd a {
  color : #aeaeae;
  display : block;
  padding-left : 20px; 
  background: #ffffff; 
  text-align:left;
  text-transform : uppercase;
  font-weight : bolder;
  font-size : 11px;
  z-index : 100;
}

nav dd a:hover, nav dd a:focus, nav dd a:active {
  color : #ffffff;
  background-color : #004781;
  z-index : 100;
}

/* ci-dessous, on va chercher les mini-logos du menu, dans l'image melibee-nav.png qui contient tous les mini-logo. 
On les découpe en qque sorte dans l'image globale
*/
.nav-about-us, .nav-our-books, .nav-press, .nav-written-a-book {
  background-image : url(../images/melibee-nav.png);
  background-repeat : no-repeat;
}
/* la position x permet de positionner dans le menu la place du logo, 
la position y permet de descendre dans le png à la bonne hauteur pour récupérer la bonne image
en fait la découpe de 40px de hauteur se fait ailleurs
*/
.nav-about-us {background-position : 20px -160px;}
.nav-our-books {background-position : 10px -200px;}
.nav-press {background-position : 20px -240px;}
.nav-written-a-book {background-position : 0 -280px;}
/*
.nav-about-us {background-position : 25px -160px;}
.nav-our-books {background-position : 35px -200px;}
.nav-press {background-position : 55px -240px;}
.nav-written-a-book {background-position : 0 -280px;}
*/

.nav-init {
  background-image : url(../images/arbre-menu3.jpg);
  background-repeat : no-repeat;
}


/* le menu déroulant est "replié" au départ 
ul c'est le menu au complet
li, dl et dt, ce sont les titres au top du menu, qui vont se dérouler par en-dessous
dd ce sont les éléments déroulants
*/
nav ul li ul{
  display : none;
}

/* ici on défnint comment le menu va se "dérouler" 
l'écart entre les titre du menu est défini par width : 217px à deux endroits : li et dl. On peut le réduire pour ajouter un titre.
display:block ça veut dire que le sous menu se déroule d'un coupe en bloc
*/
#menu {list-style : none;list-style-type:none; margin:0 auto; padding:0;z-index : 100;}
#menu li {list-style : none;display : block;float:left; padding:0; margin: 0; position:relative; width : 173px;height : 40px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width : 173px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {
  color : #aeaeae;
  line-height : 40px;
  height : 40px;
  z-index : 100;
}
#menu dd {
  margin:0; 
  padding:0; 
  height : 24px;
  line-height : 24px;
  border-left : 1px solid #efefef;
  border-right : 1px solid #efefef;
  z-index : 100;
  overflow: visible;
}
#menu dd.last {border-bottom : 1px solid #efefef;}
.gallery dt a, .gallery dt a:visited {display:block;}
.gallery dd a, .gallery dd a:visited {display : block; }
.gallery dd a:hover { }






section {
  padding-top : 16px;
  background : #ffffff;
  z-index : 1;
}

.heading {
  border : 1px solid #e9eded;
  padding : 9px;
  background : #ffffff url(../images/melibee-heading.png) repeat-x 0 bottom;
}

.heading .galery {
  width : 414px;
  float : left;
}

.heading .heading-text {
  margin-left : 434px;
}

.heading .heading-text h1 {
  margin-top : 0.5em;
}

h1 {
  color : #004781;
  text-align : center;
  font-size : 100%;
}
h1 span {
  color : #ced6d8;
}

h2 {
  color : #004781;
  border-bottom : 2px solid #e9eded;
  line-height : 35px;
  clear : both;
}

p {
  text-align : justify;
  color : #000000;
  font-size : 12px;
}

ul {
  color : #000000;
  font-size : 12px;
}

.12 {font-size : 12px;}

.bleu {color : #004781;}

h3.bleu {color : #004781;}

.link {
  text-align : right;
  clear : both;
  padding-top : 0.5em;
}

.link a {
  background : url(../images/arrow.png) no-repeat 0 center;
  padding-left : 10px;
  line-height : 2em;
}

.button a {
  display : block;
  width : 291px;
  height : 33px;
  text-indent : -9999px;
  background : url(../images/melibee-envoyez-manuscrit.png);
  background-position : 0 0;
  background-repeat : no-repeat;
  margin : auto;
}

.button a:hover, .button a:active, .button a:focus {
  outline : none;
  background-position : 0 -33px;
}

a {
  color : #000000;
}

a:hover, a:focus, a:active  {
  color : #666666;
  text-decoration  : none;
}

footer {
  background : #ffffff;
  margin-top : 45px;
  padding-top : 9px;
  border-top : 1px solid #1a2732;
  position : relative;
  height : 53px;
  color : #000000;
  font-size : 11px;
  line-height : 20px;
  clear : both;
}

footer .vcard {
  margin-right : 140px;
}

footer .vcard .fn {
  display : none;
}

#link-pix {
  position : absolute;
  right : 0;
  top : 0;
  display : block;
  height : 53px;
  width : 130px;
  background : url(../images/agencepix.png) no-repeat 0 0;
  text-indent : -9999px;
}
a#link-pix:hover, a#link-pix:active, a#link-pix:focus {
  outline : none;
}

.diaporama {
  padding:0;
  width : 414px;
  height : 230px;
  overflow : hidden;
}

.diaporama ul {
  padding:0;
  margin:0;
  width : 414px;
  height : 230px;
  display : block;
  overflow : hidden;
}

.diaporama li{
  width : 414px;
  height : 230px;
  display:block;
  float: left;
}

.diaporama img {
  border : none;
}

.carousel-control {
  display : none;
}

#form  {
  font-size : 13px;
}

#form  fieldset {
  padding : 50px;
  border-color : #e9eded;
}

#form  .left {
  width : 250px;
  float : left;
  text-align : right;
}

#form  .right {
  float : left;
  text-align : left;
}

#form  .form-raw {
  clear : both; 
  height : 32px;
  line-height : 32px;
}

#form ul.radio-list {
  list-style : none;
  margin:0;padding:0;
}

#form ul.radio-list  li {
  float : left;
  list-style : none;
}

.input {
  border : 1px solid #bbbbbb;
  width : 400px;
  background : #fff;
}

.textarea {
  width : 400px;
  height : 120px;
  margin-bottom : 10px;
  border : 1px solid #bbbbbb;
} 

label {
  padding-right : 15px;
  cursor : pointer;
}

#form  .form-raw .error-field { border-color: #8A1F11; background: #FBE3E4; }

#articles {
  float : left;
  width : 650px;
  margin-right : 16px;
}

article {
	clear : both;
}

aside {
  float : left;
  width : 200px;
}

#searchform {
  position : relative;
  padding-top : 24px;
}

aside #searchform fieldset{
  border : none;
  padding : 0;
  margin : 0;
}

#Titre {
  width : 600px;
  background : url(../images/melibee-bg-search.jpg) repeat-x 0 0;
  line-height : 24px;
  height : 24px;
  border-color : #bacfd2;
  margin : 0;
}

aside #Titre {
  width : 155px;
  position : absolute;
  top : 0;
  left : 0;
}

#searchform fieldset input:focus {
  border-color : #666666;
}

#searchform .go-button {
  background : url(../images/melibee-go.png) no-repeat 0 0;
  width : 30px;
  height : 26px;
  border : none;
}

aside .go-button {
  position : absolute;
  top : 0;
  right : 0;
}

aside  #search-more-option-div {
  font-size : 0.7em;
}

aside #searchform .link {
  text-align : right;
}

#searchform .link {
  text-align : left;
}

.new-book {
  border-top : 1px solid #1a2835;
  margin-top : 15px;
  padding-top : 15px;
  font-size : 11px;
  line-height : 1em;
}

.new-book .apercu {
  height : 7em;
  overflow : hidden;
}

.new-book.first {
  border-top : none;
  margin-top : 0;
  padding-top : 0;
}

.new-book a {
  font-size : 14px;
}

.new-book img {
  float : left;
  border : 1px solid #ebedec;
  width : 64px;
}

.new-book div {
  margin-left : 80px;
}


.ico-book {background : url(../images/melibee-nav.png) no-repeat right -325px;}
.ico-search {background : url(../images/melibee-nav.png) no-repeat right -362px;}

figure {
	border:1px solid #EBEDEC;
	text-align : center;
	padding : 2px;
	font-size : 11px;
	font-style : italic;
  margin-top : 5px;
  margin-bottom : 5px;
}

figure img {
	display : block;
}

figure.figure-left {
  float:left;
  margin-right:20px;
}

figure.figure-right {
  float:right;
  margin-left:20px;
}

.author, section a.author , section .author  a{
  color : #8C734B;
  font-size : 19.7px;
}

h2 .author {
  float : right;
  color : #8C734B;
}

aside .author {
  font-size : 11px;
}

.book-item {
  border-bottom : 2px solid #e9eded;
  padding-bottom : 20px;
}
.book-item .apercu {
  height : 75px;
  overflow : hidden;
}

.sep {
  border-top : 2px solid #e9eded;
  padding-top : 20px;
  clear : both;
}

.book-info strong {
  color : #004781;
}

.book-info p {
  margin-bottom : 0.2em;
}

.price {
  font-size : 19px;
  color : #004781;
  font-weight : bolder;
}
.infos {
  float : left;
  width : 49%;
}
.achat {
  line-height : 2em;
  float : left;
  width : 50%;
}

.achat strong {
  color : #000000;
}