/*========================================*/
 /* --  Feuille de styles - GLOBAL         */
/*-- Par Erick chez http://www.ixmedia.com /
-- Date de creation: 2009-04-07           /
Date de modification: 2009-05-01         /
======================================= /

  /*=============================/
 /  --       COULEURS       --  /
/ ============================ /
TXT et + -----------> #636363
TITRES et LIENS ----> #000
LIENS HOVER --------> #8dc73f
"A paraître" -------> #00bff3 (bkg)
"Nouveauté" --------> #8dc73f (bkg)
GRIS border/images -> #c9c9c9
 /  --        FONTS         --  /
/ ============================ /
Arial + Tahoma

  /*===================================================*/
 /* --      FEUILES de STYLES SUPPLEMENTAIRES      -- */
/*===================================================*/
@import url("reset.css");
@import url("grille.css");

  /*============================*/
 /* --     Bouton de DEV    -- */
/*============================*/
a#toggle-grille { display:none;position:absolute; right:0; top:-50px; background-color:#999999; color:#fff; font-weight:bold; font-size:1.1em; padding:5px;}
a#toggle-grille:hover { background-color:#CCCCCC; color:#000;}
.la-grille { background: url(../images/interface/16_col.gif) repeat-y 50% 0;}


  /*============================*/
 /* --        GENERAL       -- */
/*============================*/
body{font-size: 62.5%; /* <- 1em equivaut 10px */ line-height:1.5; color:#000; background:#fff; font-family: Arial, Verdana, Sans-Serif; text-align:center; margin-top:25px;}
a:link, a:active, a:visited {text-decoration:underline;color:#000;}
a:hover{text-decoration:none;color:#8dc73f;cursor:pointer ;}
a img{border: none;}
p { color:#636363; font-size:1.2em; margin-bottom:1.1em;}
abbr, acronym{border-bottom:.1em dotted;cursor:help;}
ul, ol{margin:0;padding:0;list-style:none;}
ul li { padding-left:0; height:1%;}
dt{margin:0.5em 0 0;}
dd{margin:0.25em 0 0.5em 2.5em;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
h1 {font-size:3em;}
h2 { font-size:3em; font-family:Tahoma, Arial, sans-serif; color:#686868; line-height:1.5em; margin-bottom:15px; }
h3 { font-size:1.6em; font-family:Tahoma, Arial, sans-serif; color:#686868; line-height:1.6em;}
h5 { font-size:1.5em; line-height:1em; font-family:Tahoma, Arial, sans-serif; color:#686868;}


  /*============================*/
 /* --          TOP         -- */
/*============================*/
h1 a { float:left; height:91px; width:189px; font-family: Tahoma, Arial, sans-serif; background: url(../images/interface/logo-hamac.jpg) no-repeat 7px 0; display:block; text-indent:-9999px;}
 /* --       MENU TOP       -- */
/*============================*/
#menu { float:right; width:648px; margin-top:30px; }
#menu li { float:left; margin-right:22px; padding:0;}
#menu li a { float:left; font-family: Tahoma, Arial, sans-serif; font-size:1.1em; font-weight:bold; padding:4px 10px;text-decoration:none;}
#menu li a.actif {background-color:#000; color:#fff;}
 /* --    MENU SECONDAIRE   -- */
/*============================*/
#menu-secondaire { position:relative; height:95px; margin-bottom:57px;}
#accueil #menu-secondaire { margin-bottom:40px;}
#menu-secondaire a { position:absolute; font-family: Tahoma, Arial, sans-serif; font-size:3em; line-height:0.8em; font-weight:bold; bottom:0; left:0; margin-left:8px;text-decoration:none;}
#menu-secondaire a strong,
#menu-secondaire a span { clear:both; letter-spacing:-1px; padding: 4px 6px; float:left; display:inline; margin-bottom:-4px; margin-left:-4px; height:1%;}
#menu-secondaire a strong { margin-bottom:-4px;}
#menu-secondaire a span { padding-top: 0;}
#menu-secondaire a.actif strong,
#menu-secondaire a.actif span { background-color:#000; color:#fff;}
#menu-secondaire #deuxieme { left:200px;}
#menu-secondaire #troisieme { left:460px;}
#menu-secondaire #quatrieme { left:760px;}

 /* --     FIL D'ARIANE     -- */
/*============================*/
#ariane { float:left; margin-top:-31px; margin-left:5px;}
#ariane a, #ariane span { float:left; font-family: Tahoma, Arial, sans-serif; font-size:1em; font-weight:bold; padding:0 5px;text-decoration:none;}
#ariane strong { float:left; width:1em; font-size:1.3em; font-weight:bold; text-align:center; line-height:1em; padding-top:1px;}


  /*============================*/
 /* --         CORPS        -- */
/*============================*/
 /* --      ACCUEIL         -- */
/*============================*/
#accueil #ariane {display:none; visibility:hidden; height:0; margin:0; padding:0; line-height:0;}
#accueil .grid_8 {margin-top:18px;}
#accueil h2 { margin-bottom:18px;margin-top:18px;}
.lien-vers-nouvelles {display:block; float:left;}
a.fil-rss { float:left; display:block; width:16px; height:16px; text-indent:-9999px; background:url(../images/interface/icone-rss.gif) no-repeat 0 0; margin-left:2em;}
a:hover.fil-rss { background:url(../images/interface/icone-rss-over.gif) no-repeat 0 0;}
#accueil #liste-nouvelles {margin-left: 20px;}
#liste-nouvelles a { text-decoration:none;}
#liste-nouvelles ul { font-size:1.2em; margin:0 0 3em; padding:0;}
#liste-nouvelles ul li { margin-bottom:4px;}
#liste-nouvelles ul li a { color:#636363;}
#liste-nouvelles ul li a strong { color:#000;}
#liste-nouvelles ul li a:hover,
#liste-nouvelles ul li a:hover strong { color:#8dc73f;}
#liste-nouvelles p { margin-top:10px; float:left;}
 /* --   LES COLLECTIONS    -- */
/*============================*/
#collection-hamac-carnet .rangee-4-items a, 
#collection-hamac .rangee-4-items a { text-decoration:none;}
#txt-intro { margin-bottom:30px; display:block; float:none;}
.rangee-4-items { display:block; margin-bottom:25px; overflow: hidden;}
.rangee-4-items p { color:#000;}
.rangee-4-items .grid_4 { border-right: 1px solid #c9c9c9;float: left; margin-bottom: -1995px; padding-bottom: 2000px; }
.rangee-4-items .omega { border-right:none; }
.rangee-4-items .grid_4 a { display:block;}
.rangee-4-items .grid_4 a img{ border: 1px solid #c9c9c9; display:block;}
.ligne-speciale { display:block;font-size:1em; font-weight:bold; font-family: Tahoma, Arial, sans-serif; margin:5px 0 1px 0;}
.ligne-speciale span { display:inline; color:#fff; padding:1px 5px;}
.a-paraitre { background-color:#00bff3;}
.nouveaute { background-color:#8dc73f;}
.ligne-auteur { display:block;font-size:1.1em; font-family:Arial, Helvetica, sans-serif;margin-top:4px;margin-bottom:0; padding-right:25px; }
.ligne-titre { display:block;font-size:1.8em; font-weight:bold; font-family:Tahoma, Arial, sans-serif;margin-bottom:2px; margin-top:-2px; padding-right:25px; line-height:1.1em; letter-spacing:-1px; }
.rangee-4-items .plus { font-weight:bold;font-size:1.2em;}
.rangee-4-items a:hover .plus {background: url(../images/interface/icone-plus-over.gif) no-repeat right bottom;}
 /* --   LIVRES - DETAILS   -- */
/*============================*/
.couverture-du-livre { margin-right:20px; margin-top:-30px;}
a.icone-loupe_plus {position:relative; display:block; float:left;}
.agrandir-plus {display:block;position:absolute; bottom:2px; right:1px; width:24px;height:24px;  margin-top:-1px;background:url(../images/interface/icone-loupe_plus.gif) no-repeat bottom right; text-indent:-9999px;}
a:hover .agrandir-plus {background:url(../images/interface/icone-loupe_plus-over.gif) no-repeat bottom right; text-indent:-9999px;}
img.couverture_grand-format {position:relative; display:block; border:1px solid #c9c9c9; z-index:-1; margin-bottom:1px;}
#mon-id-livre, #mes-auteurs, #mon-titre { display:none;}
ul.boutons-sous-couverture { clear:left; margin:1px 0 28px 0; padding:0; position:relative; margin-top:1px; display:block;}
.boutons-sous-couverture li, .boutons-sous-couverture li a,
.boutons-sous-couverture li ul li, .boutons-sous-couverture li ul li a { float:left; margin:0 1px 0 0; padding:0; text-indent:-9999px; position:relative; height:24px; width:24px;}
.conseillez a { background:url(../images/interface/icone-envoyer_ami.gif) no-repeat 0 0;}
.conseillez a:hover { background:url(../images/interface/icone-envoyer_ami-over.gif) no-repeat 0 0;}
#btn-ebook a { background:url(../images/interface/icone-feuilleter_livre.gif) no-repeat 0 0;float:left; margin:0 1px 0 0; padding:0; text-indent:-9999px; position:relative; height:24px; width:24px;}
#btn-ebook a:hover { background:url(../images/interface/icone-feuilleter_livre-over.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu { position:relative;}
.boutons-sous-couverture .sous-menu a { background:url(../images/interface/icone-rond_lien.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu a:hover,
.boutons-sous-couverture .sous-menu a.actif { background:url(../images/interface/icone-rond_lien-over.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu ul { display:none; clear:left; padding-top:1px; position:absolute; top:24px; left:0; width:75px;}
.boutons-sous-couverture .sous-menu .facebook a { background:url(../images/interface/icone-facebook.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu .facebook a:hover { background:url(../images/interface/icone-facebook-over.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu .delicious a { background:url(../images/interface/icone-delicious.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu .delicious a:hover { background:url(../images/interface/icone-delicious-over.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu .google a { background:url(../images/interface/icone-google.gif) no-repeat 0 0;}
.boutons-sous-couverture .sous-menu .google a:hover { background:url(../images/interface/icone-google-over.gif) no-repeat 0 0;}
#avant-apres { float:right; display:block; height:30px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; margin-right:-230px;}
#avant-apres a { text-decoration:none;}
#contenu-details p { margin-right:15px;}
#contenu-details .l-auteur { font-size:1.1em; font-family:Arial, Helvetica, sans-serif;}
#contenu-details h2 { font-size:3em; font-family:Tahoma, Arial, sans-serif; padding-right:10px;line-height:0.8em; padding-bottom:20px; padding-top:3px;}
.livre-infos { margin:15px 20px 15px 0;}
.livre-infos p { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0;}
.les-commentaires { color:#686868;}
.les-commentaires h6 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; margin: 0 0 0.6em 0;}
.les-commentaires ul { padding: 0 0 1em 0;}
.les-commentaires ul li { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin: 0 0 1.1em 0;}
.photo-auteur { margin-bottom:25px;}
.col-auteur { margin-top:30px;}
.col-auteur h5 { font-size:1.4em; font-family:Tahoma, Arial, sans-serif; font-weight:bold; margin-top:40px; margin-bottom:8px; color:#636363;}
.col-auteur .plus { font-weight:bold; font-size:1em; font-family:Tahoma, Arial, sans-serif; }
.col-auteur ul li a { font-weight:normal; font-size:1.2em; font-family:Tahoma, Arial, sans-serif; margin-bottom:8px; }
div.wrap_panier {border-top:1px solid #CCCCCC;margin-bottom:10px;margin-left:360px;}
div.wrap_panier a {background:none; text-decoration:none;}
div.wrap_panier .lien-externe {display:none !important; padding-right:0!important;}
div.wrap_panier span {display:block;}
.ajoutpaniertop {border-bottom:1px solid #CCCCCC; height:20px; list-style-image:none; list-style-position:outside; list-style-type:none; padding:5px 0; display:block;}
.ajoutpaniertop:hover { background:#ddf9b7 none repeat scroll 0 0; cursor:pointer;}
.ajoutpaniertop li.livre_prix { color:#A50011; display:block; float:left; font-size:1.35em; height:20px; line-height:20px; padding:0 25px 0 10px; width:50px;}
.ajoutpaniertop li.format_livre,
.ajoutpaniertop li.format_pdf { background: url(../images/interface/icone-livre.gif) no-repeat left center; color:#646363; display:block; float:left; font-size:0.85em;line-height:20px; padding:0 0 0 30px;height:20px; width:30px; margin-left:10px; }
.ajoutpaniertop li.format_pdf { background:transparent url(../images/interface/icone-pdf.gif) no-repeat left center;}
.ajoutpaniertop li.ajouter { background: url(../images/interface/icone-fleche-panier.gif) no-repeat left center; color:#A50011; display:block; float:right; font-size:1em; line-height:20px; margin-right:5px; padding:0 0 0 40px; text-decoration:none; height:20px; }
#recherchedanslivre { border:1px solid #CCCCCC; margin:0 0 10px 160px; padding:5px 15px; width:300px; display:block; overflow:hidden;}
#recherchedanslivre form { overflow:hidden;}
#rapidsearch { border:2px solid #CCCCCC; height:15px; margin-top:3px; width:240px; float:left; font-size:1em; margin-right:10px; padding:0 5px; vertical-align:middle;}
#rapidsearchbtn { float:left; margin-left:10px; vertical-align:middle; width:24px; height:23px; text-indent:-9999px; background:url(../images/interface/icone-loupe_recherche.gif) no-repeat 0 0; border:none; }
#rapidsearchbtn:hover { background:url(../images/interface/icone-loupe_recherche-over.gif) no-repeat 0 0; cursor:pointer; }
#label-rapidsearch { display:block; float:left;}
 /* --   section Overlay    -- */
/*============================*/
#overlay {display: none;position: fixed !important;background: #000;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000;}
.form-overlay {	display: none;position: absolute !important;left: 50%;top: 100px;width: 300px;margin-left: -150px;background: #fff;z-index: 10010;color: #000;	font-size: 90%;	border: 1px solid #646363;}
.form-overlay a.fermer {position: absolute;top: 10px;right: 15px;text-decoration: none;float: right;display: block;color: #8dc73f;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.form-overlay a.fermer:hover {	color: #646363;}
.form-overlay a.fermer strong {	float: right;	font-size: 140%;}
.form-overlay a.fermer span {	float: right;	margin-top: 5px;	margin-left: 4px;	font-size: 90%;}
.form-overlay h1 {	font-size: 150%;	margin: 0 0 0.8em;	color: #000;}
.form-overlay form {	padding: 15px 20px 10px;	position: relative;}
.form-overlay form ul {	list-style:none;	margin: 0 0 2em;	padding:0;}
.form-overlay form ul li {	margin: 0 0 1.5em;}
.form-overlay form input,
.form-overlay form textarea {	display: block;	border: 1px solid #646363;	padding: 3px;	margin-top: 3px;	width: 230px;}
.form-overlay form input.erreur,
.form-overlay form textarea.erreur {	border:1px solid #E52439;}
.form-overlay p.bouton {	margin: 0;}
.form-overlay button {	background: #8dc73f;	color: #fff;	border: none;	padding: 6px 8px;	font-weight: bold;	font-size: 120%;}
.form-overlay button:hover {		color:#000;		cursor:pointer;}
.form-overlay .loading {	text-align: center;background: url("/img/bg-loading.gif") no-repeat 50% 10px;padding: 35px 0 0 0;height: 1%;}
.form-overlay .confirmation,
.form-overlay .form-erreur {text-align: center;	padding: 25px 0 0 0;}
.form-overlay .loading p {	margin: 0;}
.erreur {	font-weight:bold;color:#FF0000;	font-size:12px;}
/* --   PAGES DES AUTEURS  -- */
/*============================*/
#page-auteurs { margin-bottom: -2000px; padding-bottom: 2000px; }
#page-auteurs .grid_4 { border:none; }
#page-auteurs li { float: left;}
#page-auteurs a { display:block; font-size:1.2em; font-weight:bold; text-decoration:none;}
#page-auteurs a span { display:block; margin-bottom:25px}
#page-auteurs a img { border:none; display:block;}
#page-auteurs .item-no-4 { border:none;}
#details-auteur  { margin-bottom:2em;}
#details-auteur .item-no-4 { border:none; margin-right:0;}
#details-auteur img { margin: 0 20px 20px 0;}
#details-auteur .rangee-4-items { display:inline-block; margin-bottom:0; margin-top:15px; }
#details-auteur .rangee-4-items .alpha { clear:left; }
#details-auteur .rangee-4-items img {  margin: 0 20px 10px 0; }
#details-auteur .rangee-4-items .ligne-titre { margin-top:0;}
#details-auteur .rangee-4-items .grid_4 { width:219px; margin-bottom:20px; padding-bottom: 10px;}
#details-auteur .rangee-4-items .grid_4 a { text-decoration:none;}
#details-auteur h2 { font-size:3em; font-family:Tahoma, Arial, sans-serif; padding-right:10px;line-height:0.8em; padding-bottom:10px;}
#details-auteur h3 { font-size:1.3em; font-weight:bold; margin-bottom:0.5em; margin-top:1.3em; color:#686868;}
#details-auteur  div.bio-de-l-auteur { font-size:1.2em; font-weight:normal; display:block;}
#details-auteur  div.bio-de-l-auteur p { font-size:1em;}
#details-auteur li a { font-size:1.2em; font-weight:normal;}
#details-auteur .grid_12 { margin-bottom:1.5em;}
 /* --      SOUMISSION      -- */
/*============================*/
#soumission h3 { font-size:1.5em; font-family:Tahoma, Arial, sans-serif; color:#686868; }
 /* --      NOUVELLES       -- */
/*============================*/
#nouvelles #liste-nouvelles a.suite { text-decoration:underline; color:#000;}
#nouvelles #liste-nouvelles ul li { margin-bottom:20px; padding-bottom:10px; padding-right:50px; border-bottom:1px solid #c9c9c9;}
#nouvelles #liste-nouvelles ul li p { margin-top:0; margin-bottom:0; float:none; font-size:1.1em;}
#nouvelles #liste-nouvelles ul li a span {  font-size:1.5em; line-height:1em; font-family:Tahoma, Arial, sans-serif; color:#686868;}
#nouvelles #liste-nouvelles ul li a:hover span { color:#8dc73f;}
 /* --    QUI SOMMES-NOUS   -- */
/*============================*/
#qui-somme-nous #le-contenu { margin-bottom:2em;}
#qui-somme-nous #le-contenu h2,
#qui-somme-nous #le-contenu h3,
#qui-somme-nous #le-contenu h4,
#qui-somme-nous #le-contenu h5,
#qui-somme-nous #le-contenu h6 { font-weight:bold; font-family:Tahoma, Arial, sans-serif; color:#686868; line-height:1.1em;}
#qui-somme-nous #le-contenu h2 { font-size:3em; margin: 0.5em 0 0.1em 0;}
#qui-somme-nous #le-contenu h3 { font-size:2.6em; margin: 0.5em 0 0.2em 0;}
#qui-somme-nous #le-contenu h4 { font-size:2.2em; margin: 0.6em 0 0.2em 0;}
#qui-somme-nous #le-contenu h5 { font-size:1.8em; margin: 0.7em 0 0.4em 0;}
#qui-somme-nous #le-contenu h6 { font-size:1.3em; margin: 0.8em 0 0.5em 0;}
#qui-somme-nous #le-contenu p { font-size:1.2em; margin: 0.5em 0;}
#qui-somme-nous #le-contenu ul { margin:0 0 1em 0; padding:0;}
#qui-somme-nous #le-contenu ul li { margin-bottom:0.2em; padding-left:12px; color:#636363; background:url(../images/interface/icone-bullet-ul-li.gif) no-repeat 3px 7px; font-size:1.2em;}
#qui-somme-nous #le-contenu ul li:hover { background:url(../images/interface/icone-bullet-ul-li-over.gif) no-repeat 3px 7px;}
#qui-somme-nous #le-contenu ul li p {color:#636363; font-size:1em; margin-top:0;}


  /*============================*/
 /* --        EN VEDETTE    -- */
/*============================*/

#vedette {
	margin: 0 0 3em;
}

#vedette ul {
	border-top: 1px solid #000;
	border-bottom: 9px solid #000;
	padding-bottom: 1px;
	padding-top: 1px;
	float: left;
}

#vedette ul .livre {
	float: left;
	border-right: 1px solid #c7c7c7;
	height: 450px;
	overflow: hidden;
	background: url("/images/interface/bg-vedette.jpg") repeat-x bottom left;
	position: relative;
}

#vedette ul .livre .dos {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

#vedette ul .livre img {
	display: block;
}

#vedette ul .premier {
	border-left: 1px solid #c7c7c7;
}

#vedette ul .dernier {
	
}

#vedette ul .ouvert {
	
}

#vedette ul .livre .infos {
	
}

#vedette ul .livre .infos .photo {
	margin: 0 0 0.8em;
}

#vedette ul .livre .infos .auteurs,
#vedette ul .livre .infos .auteur {
	margin: 0 0 0.2em;
	color: #000;
	font-size: 110%;
}

#vedette ul .livre .infos .auteurs {
	padding-top: 1em;
}

#vedette ul .livre .infos h3 {
	font-size: 230%;
	line-height: 1;
	margin: 0 0 0.7em;
}

#vedette ul .livre .infos h3 a {
	text-decoration: none;
}

#vedette ul .livre .infos .exergue {
	color: #636363;
	margin: 0 0 3em;
}

#vedette ul .livre .infos .details a {
	font-family:Tahoma, Arial, sans-serif;
	text-decoration: none;
}

#vedette ul .couverture {
	float: left;
}

#vedette ul .infos {
	position: absolute;
	top: 0;
}

  /*============================*/
 /* --        BOTTOM        -- */
/*============================*/
.pied-de-page { margin-top:0px; padding-bottom:15px;}
#ixmedia {margin-top:9px;}
#ixmedia a.lien-externe {background:none; padding-right:0;}


  /*============================*/
 /* --     Styles divers    -- */
/*============================*/
img.lien-externe { border:none !important; display:inline!important; margin:0!important;}
.plus { margin:0;padding-right:20px;background: url(../images/interface/icone-plus.gif) no-repeat right bottom;text-decoration:none!important; }
.plus:hover {background: url(../images/interface/icone-plus-over.gif) no-repeat right bottom;}
em{font-style:italic;}
strong{font-weight:bold;}
.fond-blanc { background-color:#ffffff;}
.clear {clear: both;}
.clear-gauche {clear: left;}
.gauche { float:left;}
.droite { float:right;}
.gras { font-weight:bold;}
.souligne { text-decoration: underline!important;}
.nofloat{ float:none!important;}
.noborder{ border: none!important;}
.nomargin { margin:0!important;}
.bordure-dessus { border-top: 1px solid #c9c9c9!important;}
.bordure-dessous{ border-bottom: 1px solid #c9c9c9!important;}
.bordure-gauche{ border-left: 1px solid #c9c9c9!important;}
.bordure-droite{ border-right: 1px solid #c9c9c9!important;}
 /* --       CLEARFIX       -- */
/*= = = = = = = = = = = = = = */
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clearfix { display: inline-block; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }