/*
Theme Name: Librairie Dekoninck
Theme URI: http://www.librairie-dekoninck.com/
Description: Comic book, sculpture, figurine, jouet, trading cart, ...
Version: 1.0
Author: Extragency
Author URI: http://www.extragency.eu/
Tags: fixed width, three columns 

*/

@import url(reset.css);


/* CSS Générique */

body { background: #140202 url(http://img.extragency.fr/librairie-dekoninck/background.jpg) no-repeat top left fixed; outline: none; font-family: Helvetica, Arial, sans-serif; color: white; font-size: 12px;}
.rouge { color: #c02018; }
.spacer { clear : both; }

.alignleft { float: left; }
.alignright { float: right; }


/* Globale */

#globale { width: 900px; margin: auto; }

/* Header*/

#header { position: relative; height: 120px; background:  url(http://img.extragency.fr/librairie-dekoninck/bg_header.png) no-repeat top left; padding: 30px 0 0 150px; margin-bottom: 15px; position: relative;}
#header div.logo { margin-bottom: 20px; }
#header div.logo a {  display: block; width: 313px; height: 24px; background: url(http://img.extragency.fr/librairie-dekoninck/librairie_header.png) no-repeat top left; text-indent: -9999px;}
#header div.slogant { color: #544d49; font-size: 13px; line-height: 15px; }
#header ul { position: absolute; top: 10px; left: 700px; }
#header ul li { display: inline; margin-right: 10px; }
#header ul li a { color: #c02018; font-size: 12px; }
#header ul li a:hover { text-decoration: none; }
#searchform div { position: absolute; top: 10px; right: 0; width: 360px; }
#searchform label { color: #544d49; }
#searchform input[type="text"] { color: #544d49; font: italic 10px Arial; padding: 3px; width: 120px; }


/* Footer */

#footer { height: 167px; background:  url(http://img.extragency.fr/librairie-dekoninck/bg_footer.png) no-repeat top left; padding: 60px 50px 0 110px; }
#footer div.logo { margin-bottom: 20px; }
#footer div.logo a {  display: block; width: 173px; height: 14px; background: url(http://img.extragency.fr/librairie-dekoninck/librairie_footer.png) no-repeat top left; text-indent: -9999px;}
#footer div.slogant { color: #544d49; font-size: 11px; line-height: 15px; padding-bottom: 20px;}
#footer ul { padding-bottom: 20px; }
#footer ul li { display: inline; margin-right: 10px;}
#footer ul li a { color: white; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline;}
#footer ul li ul { display: none; }
#footer div.copyright { border-top: 1px solid #544d49; color: #544d49; font-size: 10px; }
#footer div.copyright p.realisation { display: block; float: right; width: 210px; padding-top: 15px; }
#footer div.copyright p.realisation a.extragency { display: block; width: 85px; height: 14px; float: right; margin-top: -5px; background: url(http://img.extragency.fr/librairie-dekoninck/logo_extragency.png) no-repeat top left; text-indent: -9999px; }
#footer div.partenaire p { font-size: 10px; padding-top: 0px; line-height: 14px; }
#footer div.partenaire p a { font-weight: bold; color: #c02018;  }

/* Content */

#col_left { position: relative; float : left; width : 189px; margin-right: 5px; }

#sidebar ul.category li { padding-bottom: 5px; }
#sidebar ul.category li.current-cat a { background: url(http://img.extragency.fr/librairie-dekoninck/bg_menu_on.png) no-repeat top left; }
#sidebar ul.category li a { display: block; height: 38px; background: url(http://img.extragency.fr/librairie-dekoninck/bg_menu_off.png) no-repeat top left; color: white; font-size: 12px; text-decoration: none; font-weight: bold; padding: 10px 0 0 30px;}
#sidebar ul.category li a:hover { background: url(http://img.extragency.fr/librairie-dekoninck/bg_menu_on.png) no-repeat top left; }
#sidebar ul.category li ul.children { display: none; }
#sidebar ul.category li:hover ul.children { display: block; }
#sidebar ul.category li.current-cat-parent ul.children { display: block; }
#sidebar ul.category li.current-cat ul.children { display: block; }
#sidebar ul.category li ul.children li.current-cat a { background-color: #B51E17; }
#sidebar ul.category li ul.children li a { height: 20px; margin: 0 20px 0 20px; color: black; background: white none; height: auto; padding: 5px; }
#sidebar ul.category li ul.children li a:hover { background-color: #B51E17; }

#retour { position: fixed; bottom: 250px; width: 160px; text-align: center; padding: 10px; background-color: #040101; display: none; }
#retour a { color: #c02018; text-transform: uppercase; }

#col_middle { float : left; width : 706px; }
#col_middle a { color: white; }
#col_middle div.content_top { width: 706px; height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/content_top.png) no-repeat top left; }
#col_middle div.content_bottom { width: 706px; height: 10px;  margin-bottom: 20px; background: url(http://img.extragency.fr/librairie-dekoninck/content_bottom.png) no-repeat top left; }
#col_middle div.content_middle { padding: 10px 0 10px 5px; background: url(http://img.extragency.fr/librairie-dekoninck/content_middle.png) repeat-y top left; }
#col_middle div.content_middle div.post { width: 696px; margin-bottom: 12px;}
#col_middle div.content_middle div.post h2 { height: 30px; padding: 10px 0 10px 15px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_top.png) no-repeat top left; }
#col_middle div.content_middle div.post div.entry { padding: 0 5px 10px 5px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_middle.png) repeat-y top left; }
#col_middle div.content_middle div.post div.entry img { width: 210px; height: auto; padding: 5px;}
#col_middle div.content_middle div.post div.entry h3,
#col_middle div.content_middle div.post div.entry h4,
#col_middle div.content_middle div.post div.entry h5,
#col_middle div.content_middle div.post div.entry h6 { font-size: 14px; color: white; }
#col_middle div.content_middle div.post div.entry p { padding-bottom: 5px; }
#col_middle div.content_middle div.post div.entry_bottom { height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_bottom.png) no-repeat top left; }
#col_middle div.content_middle div.nav_top { height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_top.png) no-repeat top left; }
#col_middle div.content_middle div.nav_bottom { height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_bottom.png) no-repeat top left; }
#col_middle div.content_middle div.navigation { background: url(http://img.extragency.fr/librairie-dekoninck/entry_middle.png) repeat-y top left; }
#col_middle div.content_middle div.navigation div.alignleft { float: left; margin-left: 20px; }
#col_middle div.content_middle div.navigation div.alignright { float: right; margin-right: 20px; }

#col_middle div.content_middle div.post div.wp-caption { position:relative; float: left; }
#col_middle div.content_middle div.post div.wp-caption p { position:absolute; bottom: 5px; left: 5px; display: none; width: 210px; text-align: center; line-height: 30px; font-weight: bold; color: #c02018; padding-bottom: 0px; background: url(http://img.extragency.fr/librairie-dekoninck/pixel-noir.png) repeat top left; }

.anim { position: relative; width: 220px; float: left; margin-right: 10px; }
/* .anim .galeries p { width: 220px; } */
.anim .galeries { width: 220px; height: 320px; overflow: hidden; padding-bottom: 0px; }
.gauche { z-index: 80; position: absolute; top: 5px; left: 5px; width: 20px; height: 40px; background: url(http://img.extragency.fr/librairie-dekoninck/fleche-gauche.gif) no-repeat top left; }
#col_middle div.content_middle div.post div.entry div.gauche img,
#col_middle div.content_middle div.post div.entry div.droite img { width: 20px; height: auto; padding: 0px; }
.droite { z-index: 80; position: absolute; top: 5px; right: 5px; width: 20px; height: 40px; background: url(http://img.extragency.fr/librairie-dekoninck/fleche-droite.gif) no-repeat top left; }

/* La boutique */

#la_boutique div.content_top { width: 706px; height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/content_top.png) no-repeat top left; }
#la_boutique div.content_bottom { width: 706px; height: 10px;  margin-bottom: 20px; background: url(http://img.extragency.fr/librairie-dekoninck/content_bottom.png) no-repeat top left; }
#la_boutique div.content_middle { padding: 10px 0 10px 0px; background: url(http://img.extragency.fr/librairie-dekoninck/content_middle.png) repeat-y top left; }
#la_boutique div.content_middle div.post { width: 696px; margin-bottom: 12px;}
#la_boutique div.content_middle div.post h2 { height: auto; padding: 10px 0 10px 15px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_top.png) no-repeat top left; }
#la_boutique div.content_middle div.post div.entry { padding: 0 15px 10px 15px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_middle.png) repeat-y top left; }
#la_boutique div.content_middle div.post div.entry p { line-height: 20px; word-spacing: 2px; text-align: justify;}
#la_boutique div.content_middle div.post div.entry img {  }
#la_boutique div.content_middle div.post div.entry_bottom { height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_bottom.png) no-repeat top left; }
#la_boutique div.content_middle div.nav_top { margin-left: 5px; height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_top.png) no-repeat top left; }
#la_boutique div.content_middle div.nav_bottom { margin-left: 5px; height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_bottom.png) no-repeat top left; }
#la_boutique div.content_middle div.navigation { margin-left: 5px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_middle.png) repeat-y top left; }
#la_boutique div.content_middle div.navigation div.alignleft { float: left; margin-left: 20px; }
#la_boutique div.content_middle div.navigation div.alignright { float: right; margin-right: 20px; }

/* Subcat */

div.subcat { width: 706px; }
div.subcat div.top { height: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/content_top.png) no-repeat top left;}
div.subcat div.bottom { height: 10px; margin-bottom: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/content_bottom.png) no-repeat top left;}
div.subcat div.middle { padding: 0 5px 0 5px; background: url(http://img.extragency.fr/librairie-dekoninck/content_middle.png) repeat-y top left;}
div.subcat div.middle div.post_top { height:10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_top.png) no-repeat top left;}
div.subcat div.middle div.post_bottom { height:10px; background: url(http://img.extragency.fr/librairie-dekoninck/entry_bottom.png) no-repeat top left;}
div.subcat div.middle div.post_middle { padding: 10px 0 10px 0; background: url(http://img.extragency.fr/librairie-dekoninck/entry_middle.png) repeat-y top left;}
div.subcat div.middle div.post_middle ul { text-align: center; }
div.subcat div.middle div.post_middle ul li { display: inline; }
div.subcat div.middle div.post_middle ul li a { color: white; font-weight: bold; text-decoration: none; margin-right: 20px; }
div.subcat div.middle div.post_middle ul li a:hover { text-decoration: underline; }

/* Content index */

#col_middle_index {  float : left; width : 706px;  }
#col_middle_index > div { position: relative; height: 246px; background: url(http://img.extragency.fr/librairie-dekoninck/bg_article.png) no-repeat top left; margin-bottom: 20px; padding: 30px 0 0 5px; }
#col_middle_index  h2 { position: absolute; top:0; left: 0; z-index: 5000; display: block; width: 208px; height: 48px; text-indent: -9999px; }
#col_middle_index  h3 { background-color: #8c0c06; padding: 2px 10px 4px 10px; margin-bottom: 10px; }

#col_middle_index #horizon h2 { background: url(http://img.extragency.fr/librairie-dekoninck/bulle_horizon.png) no-repeat top left; }
#col_middle_index #arrivages h2 { background: url(http://img.extragency.fr/librairie-dekoninck/bulle_arrivages.png) no-repeat top left; }
#col_middle_index #boutique h2 { background: url(http://img.extragency.fr/librairie-dekoninck/bulle_boutique.png) no-repeat top left; }

#col_middle_index #arrivages { position: relative; }
#col_middle_index #arrivages div.maj { position: absolute; top: 8px; left: 280px; }
#col_middle_index #arrivages div.content_index, #col_middle_index #boutique div.content_index { height: 210px; background: url(http://img.extragency.fr/librairie-dekoninck/bg_article_contenu.png) no-repeat top left; }
#col_middle_index #arrivages div.content_index, #col_middle_index #boutique div.content_index { height: 210px; background: url(http://img.extragency.fr/librairie-dekoninck/bg_article_contenu.png) no-repeat top left; }
#col_middle_index #arrivages div.bg_arrivages { float: left; width: 210px; height: 210px; padding-right: 10px; background: url(http://img.extragency.fr/librairie-dekoninck/img_arrivage.png) no-repeat top left; }
#col_middle_index #arrivages div.columns { display: block; float: left; width: 110px; margin-right: 6px; padding-top: 10px; }
#col_middle_index #arrivages div.columns h3 { display: inline-block; }
#col_middle_index #arrivages div.columns ul { padding: 10px 0 10px 10px; }
#col_middle_index #arrivages div.columns ul li { padding-bottom: 5px; }

#col_middle_index #boutique div.boutique { position: relative; padding: 0 0 0 100px; margin: 50px 5px 0 0; height: 96px; width: 120px; float: left; }
#col_middle_index #boutique div.boutique h3 { text-align: center; }
#col_middle_index #boutique div.boutique p { color: #ad8281; }
#col_middle_index #boutique div.boutique a { position: absolute; bottom: 0; right: 0; }
#col_middle_index #boutique div.boutique a { position: absolute; bottom: 0; right: 0; }
#col_middle_index #boutique div.boutique_figurine { background: url(http://img.extragency.fr/librairie-dekoninck/boutique_figurine.jpg) no-repeat top left; margin-left: 6px;}
#col_middle_index #boutique div.boutique_comics { background: url(http://img.extragency.fr/librairie-dekoninck/boutique_comics.jpg) no-repeat 5px 0; }
#col_middle_index #boutique div.boutique_carte { background: url(http://img.extragency.fr/librairie-dekoninck/boutique_carte.jpg) no-repeat 5px 0; }
#col_middle_index #boutique div.boutique_comics, #col_middle_index #boutique div.boutique_carte { border-left: 1px dashed #583635; padding: 0 0 0 105px;}


#horizon .visuel { position : relative; }

#horizon .visuel > div { position : absolute; top : 0px; left : 0px;  display : none; width : 696px; height:210px; }
#horizon .visuel .diapo1 { background : url(http://img.extragency.fr/librairie-dekoninck/diapos/diapo1.jpg) no-repeat; }
#horizon .visuel .diapo3 { background : url(http://img.extragency.fr/librairie-dekoninck/diapos/diapo2.jpg) no-repeat; }
#horizon .visuel .diapo2 { background : url(http://img.extragency.fr/librairie-dekoninck/diapos/diapo3.jpg) no-repeat; }

#horizon .header_edito { position: absolute; top : 100px; left : 390px; width : 280px; }
#horizon .header_edito  h1{ display : block; background : white; color: #000; margin: 5px; padding : 5px; opacity: 0.8; }