/*
Theme Name: Du Vent Dans Les Pages
Theme URI: http://www.extragency.eu/
Description: Thème pour une librairie jeunesse.
Version: 1.0
Author: Extragency
Author URI: http://www.extragency.eu/
Tags: 2 columns. 

*/

@import url(reset.css);


/* CSS Générique */

body { background-color: white; font-family: Helvetica, Arial, sans-serif; }
.spacer { clear : both; }
.alignleft { float: left; margin: 0 10px 10px 0; width: 180px; height: auto;} 
.alignright { float: right; margin: 0 0 10px 10px; width: 180px; height: auto; }
.size-medium { margin: 0 5px 5px; }
p { color: #647688; font-size: 13px; line-height: 16px; }
a { color: #ff2a00; }
small { color: #647688; font-size: 12px; line-height: 16px; }

.rouge { color: #ff2a00; }
.bleu { color: #3d8bd8; }
.vert { color: #7fa806; }
.rose {  color: #ff4ca0; }

/* Header */

#header_bg { height: 365px; background: url(http://img.extragency.fr/duventdanslespages/header.jpg) no-repeat top center; }
#header { position: relative; width: 900px; margin: auto; }
#header div.logo { position: absolute; top: 0; left: 0; background: url(http://img.extragency.fr/duventdanslespages/logo_header.png) no-repeat top left;}
#header div.logo a.lien_logo { display: block; width: 420px; height: 150px; text-indent:-9999px; }
#header div.logo p { color: white; margin-left: 145px;}
#header div.logo p span { display: block; width:171px; height: 17px; text-indent:-9999px; background: url(http://img.extragency.fr/duventdanslespages/librairie_jeunesse.png) no-repeat top left; }
#header div.logo p a { color: white; }
#header div.contact { position: absolute; top: 10px; right: 100px; }
#header div.contact a { font-size: 14px; }
#header div.reservation { position: absolute; top: 85px; right: 160px; }
#header div.reservation p { text-align: center; }
#header ul.category li a { position: absolute; display: block; text-indent: -9999px; }
#header ul.category li.cat-item-8 a { top: 245px; left: 44px; width: 60px; height: 24px; background: url(http://img.extragency.fr/duventdanslespages/btn_accueil.png) no-repeat top left; }
#header ul.category li.cat-item-9 a { top: 263px; left: 180px; width: 91px; height: 23px; background: url(http://img.extragency.fr/duventdanslespages/btn_nouveautes.png) no-repeat top left; }
#header ul.category li.cat-item-10 a { top: 270px; left: 321px; width: 97px; height: 22px; background: url(http://img.extragency.fr/duventdanslespages/btn_evenements.png) no-repeat top left; }
#header ul.category li.cat-item-11 a { top: 272px; left: 460px; width: 101px; height: 24px; background: url(http://img.extragency.fr/duventdanslespages/btn_coupsdecoeur.png) no-repeat top left; }
#header ul.category li.cat-item-12 a { top: 265px; left: 616px; width: 95px; height: 40px; background: url(http://img.extragency.fr/duventdanslespages/btn_commander.png) no-repeat top left; }
#header ul.category li.cat-item-13 a { top: 250px; left: 760px; width: 84px; height: 41px; background: url(http://img.extragency.fr/duventdanslespages/btn_vitrine.png) no-repeat top left; }
#header ul.category li.cat-item-14 a { top: 302px; left: 751px; width: 123px; height: 46px; background: url(http://img.extragency.fr/duventdanslespages/btn_onparle.png) no-repeat top left; }

/* Globale */

#footer_bg { height: 220px; background: url(http://img.extragency.fr/duventdanslespages/footer.jpg) no-repeat top center; }
#footer { position: relative; width: 900px; margin: auto; padding: 40px 0 0 0;}
#footer div.logo { float: left; }
#footer div.logo a { display: block; width: 228px; height: 124px; background: url(http://img.extragency.fr/duventdanslespages/logo_footer.png) no-repeat top left; text-indent: -9999px; }
#footer ul.category { padding: 30px 0 20px 230px;  }
#footer ul.category li { display: inline-block; padding: 0 5px 0 5px;}
#footer ul.category li a { color: white; font-size: 10px; text-decoration: underline; }
#footer ul.category li a:hover { text-decoration: none; }
#footer p.copyright { display: block; height: 33px; padding: 5px 0 0 36px; margin-left: 230px; font-size: 12px; color: white; background: url(http://img.extragency.fr/duventdanslespages/tache.png) no-repeat top left; }
#footer div.extragency p { font-size: 12px; color: white; text-align: right; }
#footer div.extragency p span { display: block; float: left; padding-top: 0px; margin-left: 690px;}
#footer div.extragency p a { display: inline-block; width: 133px; height: 61px; text-align: left; text-indent: -9999px; background: url(http://img.extragency.fr/duventdanslespages/logo_extragency.png) no-repeat top left;  }
#footer P.page_rank { position: absolute; bottom: 20px; left: 20px; display: block; color: #fff; font-size: 12px;}
#footer P.page_rank a { color: #fff; }
#footer P.page_rank img { height: 12px; width: auto; }

/* Content */

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

#col_middle { float : left; width : 660px; padding: 0 20px 0 10px; }

#ariane { position: relative; height: 35px; padding: 20px 0 0 70px; background: url(http://img.extragency.fr/duventdanslespages/papillion.jpg) no-repeat top left; }
#ariane h1 { display: block; text-indent: -9999px; }
#ariane h1.cat-8 { width: 78px; height: 19px; background: url(http://img.extragency.fr/duventdanslespages/ariane_accueil.jpg) no-repeat top left; }
#ariane h1.cat-9 { width: 124px; height: 24px; background: url(http://img.extragency.fr/duventdanslespages/nouveautes.jpg) no-repeat top left; }
#ariane h1.cat-10 { width: 131px; height: 25px; background: url(http://img.extragency.fr/duventdanslespages/evenements.jpg) no-repeat top left; }
#ariane h1.cat-11 { width: 171px; height: 24px; background: url(http://img.extragency.fr/duventdanslespages/coups_de_coeur.jpg) no-repeat top left; }
#ariane h1.cat-12 { width: 266px; height: 25px; background: url(http://img.extragency.fr/duventdanslespages/commander.jpg) no-repeat top left; }
#ariane h1.cat-13 { width: 209px; height: 19px; background: url(http://img.extragency.fr/duventdanslespages/la_vitrine.jpg) no-repeat top left; }
#ariane h1.cat-14 { width: 217px; height: 24px; background: url(http://img.extragency.fr/duventdanslespages/on_parle.jpg) no-repeat top left; }
#ariane h1.cat-15 { width: 89px; height: 19px; background: url(http://img.extragency.fr/duventdanslespages/contact.jpg) no-repeat top left; }
#ariane h1.cat-16 { width: 289px; height: 19px; background: url(http://img.extragency.fr/duventdanslespages/reservation_conte.jpg) no-repeat top left; }
#ariane p { position: absolute; top: 24px; right: 25px; display: block; font-size: 13px; }

#article { padding: 25px 0 0 0; background: url(http://img.extragency.fr/duventdanslespages/separateur_middle.jpg) no-repeat top center; }
#article div.post { padding: 0 0 30px 0; background: url(http://img.extragency.fr/duventdanslespages/separateur_middle.jpg) no-repeat bottom center; margin-bottom: 10px; }
#article div.post h2 { font-size: 16px; padding-bottom: 10px; }
#article div.post div.entry h3 { font-size: 14px; padding: 10px 0 5px 0;}
#article div.post p { text-align: justify; }
#article div.post p img { padding: 5px; border: 1px solid #aaa;  }
#article div.post div.entry { padding-top: 10px; }
#article div.post div.entry p { padding-bottom: 10px; }
#article div.post div.entry div.marg_p+p { padding: 0 0 0 0; }
#article div.post div.entry p.reserv_p { padding: 10px 0 0 0; }
#article div.prochainement { padding: 20px 0 0 0; background: url(http://img.extragency.fr/duventdanslespages/papillion.jpg) no-repeat top left; }
#article div.prochainement a.lien { display: blok; float: right; font-size: 14px; }
#article div.prochainement h1 { display: block; width: 360px; height: 30px; background: url(http://img.extragency.fr/duventdanslespages/prochainement.jpg) no-repeat top left; text-indent: -9999px; margin-left: 70px; }
#article div.prochainement > div { padding: 20px 0 0 0; background: url(http://img.extragency.fr/duventdanslespages/separateur_middle.jpg) no-repeat top center; }
#article div.prochainement div.post  { border-bottom: 2px dotted #CCC; margin-bottom: 10px; background: none; padding: 0 0 10px 0;}
#article div.prochainement div.post h2 { color: #647688; font-size: 14px; padding: 0;}
#article div.prochainement div.post a { font-size: 14px; }
#article div.prochainement div.date_evenement { color: white; font-size: 12px; padding: 5px 0 0 7px; width: 87px; height: 37px; background: url(http://img.extragency.fr/duventdanslespages/bulle_date.jpg) no-repeat top left; float: left; }

#col_right { float : right; width : 210px; padding: 13px 0 30px 0; }
#col_right h1 { display: block; height: 73px; background: url(http://img.extragency.fr/duventdanslespages/top_right.jpg) no-repeat top left; text-indent: -9999px; }
#col_right div.post { background: url(http://img.extragency.fr/duventdanslespages/middle_right.jpg) repeat-y top left; padding: 10px 15px 10px 15px; }
#col_right div.post h2 { font-size: 16px; font-weight: normal; padding-bottom: 5px;}
#col_right div.post small { display: block; padding-bottom: 15px; }
#col_right div.post div.entry { background: url(http://img.extragency.fr/duventdanslespages/separateur_right.jpg) no-repeat bottom center; padding-bottom: 10px;}
#col_right div.post div.entry img { width: 100%; height: auto; }
#col_right div.post div.entry p { display: none; }
#col_right div.post div.entry div.img_visible+p { display: block; }
#col_right div.post a.selection { display: block; font-size: 14px; text-align: center; }
#col_right div.footer_right { height: 5px; background: url(http://img.extragency.fr/duventdanslespages/bottom_right.jpg) no-repeat top left; }


/* Article par ge d'accueil */

#article #post-72 { padding: 0 20px 10px 10px; }
#article #post-72 img{ float: left; width: 247px; height: auto; margin: 0 10px 0 0; border: none; }
#article #post-70, #article #post-68 { width: 638px; height: 153px; }
#article #post-68  h2 { padding: 10px 0 0 10px; }
#article #post-70 h2 { padding: 10px 0 0 300px; }
#article #post-68  p { padding: 0 300px 0 10px; text-align: justify; }
#article #post-70 p { padding: 0 0 0 300px; text-align: justify; }
#article #post-70 { background: url(http://img.extragency.fr/duventdanslespages/le_coin_des_contes.jpg) no-repeat top left; }
#article #post-68 { background: url(http://img.extragency.fr/duventdanslespages/une_conteuse.jpg) no-repeat top left; }
#article #post-72 h2.rose { color: #ff2a00; }
#article #post-70 h2.rose { color: #3d8bd8; }
#article #post-68 h2.rose{ color: #7fa806; }

div.formulaire { padding: 10px 0 0; }
div.formulaire form { width: 500px; margin: 0 auto; }
div.formulaire form fieldset { padding-bottom: 10px; width: 100%; }
div.formulaire form legend { font-weight: bold; font-size: 12px; padding-bottom: 8px; color: #3d8bd8; }
div.formulaire form div.label_references ul { padding-bottom: 5px; }
div.formulaire form div.label_references ul li { display: inline-block; width: 180px; text-align: center; font-size: 12px; line-height: 16px;  }
div.formulaire form div.label_references ul li.nbr_label { width: 40px; }
div.formulaire form div.livre input { width: 178px; margin-right: 5px; margin-bottom: 5px;  }
div.formulaire form div.livre input.nombre { width: 40px; margin-right: 5px; margin-bottom: 5px;  }
div.formulaire form div.addref a {  font-size: 12px; line-height: 16px; text-transform: none; }
div.formulaire form label { float: left; display: block; width: 150px; margin-right: 10px; text-align: right; font-size: 12px; line-height: 16px;   }
div.formulaire form input { font-size: 12px; line-height: 16px; margin-bottom: 5px; width: 250px; border: 1px solid #888888; height: 20px; }
div.formulaire form input#submit_recherche { width: 90px; float: right; margin-right: 87px;}