/*
  Theme Name: Rue des Lilas
  Theme URI: http://www.danlesbois.fr/
  Description: Un theme de plus en plus complexe, avec des custom posts et tout.
  Author: Eleonore Bun, W3Positive
  Version: 1.1
  Tags: custom-posts
  */
  
  /* Begin Typography & Colors */
  
  body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
  /*background: #d5d6d7 url('images/kubrickbgcolor.jpg');
  */
  background: white;
  color: #333;
  text-align: center;
  }
  
  #page {
  background: #FFFCEB ;
  border-left: 1px solid black; border-right: 1px solid black; 
  text-align: left;
  width: 940px;
  }
  
  #header {
  background: #FDBA63 url(images/header.png)  no-repeat left top;
  height: 172px;
  width: 940px; position:relative;
  }
  
  #headerimg { margin: 0; height: 170px; color: #fff; }
  #header h1 { text-align:right; }
  #header h1 a { color: #fff; font-size: 2em; font-weight: bold;	text-decoration: none;	
  	margin-right:368px; text-shadow:2px 2px 2px #666666;
  }
  
  #content { font-size: 1.2em; }
  
  .narrowcolumn .entry p, 
  .widecolumn .entry p, .entry li, .entry blockquote { font-size: 1.05em; }
  
  .narrowcolumn .entry, .widecolumn .entry {
  /*line-height: 1.4em;*/
  font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  overflow: hidden; zoom:1; 
  }
  
  /*
  .widecolumn { line-height: 1.6em; }
  */
  
  .narrowcolumn .entry p, .widecolumn .entry p { margin:12px 0;}
  .postmetadata a {	text-decoration: none; }
  .postmetadata a:active { text-decoration: underline; }
  .commentlist li { background-color: #fff8f8; 
  border-top: 1px solid #fdd; border-bottom: 1px solid #fdd;
  }
  
  .alt, .commentlist li.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
  }
  
  .commentlist li img.avatar {display: none}
  
  small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
  }
  
  h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  }
  
  #headerimg .description {
  float:right;
  font-size:1.1em; font-style:italic; font-weight:bold; line-height:1.5em;
  position:absolute; right:419px; top:52px; 
  text-align:left; 
  width:21.6em; 
  }
  
  h3 { font-size: 1.3em; }
  
  #sidebar h2 { /*color: #FDBA63;*/ 
  color: black;
  font-family: Georgia, 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.3em;
  }
  
  h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none; padding-top: 11px; color: white;
  }
  
  h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
  
  h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, 
  #wp-calendar caption, cite {  text-decoration: none; }
  
  .entry p a:visited { color: #b85b5a; }
  
  .commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }
  .commentlist li {  position: relative; font-weight: bold; }
  .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em;}
  .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
  #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
  
  .commentmetadata { font-weight: normal; position: absolute; top:4px; right: 60px; }
  
  h3#respond { background: #C00; color: white; padding-left:13px; width:200px; }
  #commentform { border:2px solid #C00; padding: 10px; background: #F5F5F5}
  
  #sidebar {
  text-align:left;
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }
  
  small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
  }
  
  code { font: 1.1em 'Courier New', Courier, Fixed; }
  acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
  a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
  a:hover { color: #147; text-decoration: underline; }
  
  #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  #wp-calendar a { text-decoration: none; }
  #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
  #wp-calendar th { font-style: normal; text-transform: capitalize; }
  
  /* End Typography & Colors */
  
  /* Begin Structure */
  body { margin: 0 0 20px 0; padding: 0; }
  #page { margin: 0px auto; padding: 0; }
  
  .narrowcolumn {
  float: left;
  padding-bottom:20px;
  margin: 0px 0 0;
  width: 712px;
  }
  
  .widecolumn {
  /* 
padding: 10px 0 20px 0;
  margin: 5px 0 0 100px;
  width: 962px;
*/
 background: #FFFCEB url(images/autumn-header.png) no-repeat  right -172px;
 
  }
  
  
  .post { text-align: justify; }
  h3#comments { margin-left: 20px}
  h3#respond, #commentform {margin-left: 10px}
  .entry {  margin-right:10px}
  
  .post hr {display: block;}
  
  .widecolumn .smallattachment {
  text-align: center;
  float: left; width: 128px;
  margin: 5px 5px 5px 0px;
  }
  
  .widecolumn .attachment { text-align: center; margin: 5px 0px; }
  
  .postmetadata { clear: left; }
  .clear { clear: both; }
  
  #footer p { margin: 0; padding: 10px 30px; text-align: right; }
  
  /* End Structure */
  
  /*	Begin Headers */
  
  
  h3.comments { padding: 0; margin: 40px auto 20px; }
  
  /* End Headers */
  
  /* Begin Images */
  p img { padding: 0; max-width: 100%; }
  
  /*	Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */
  .centered, img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid silver; padding: 2px;
  }
  
  .alignright, img.alignright {
  margin: 0 0 2px 4px;  background: white; display: inline; border: 1px solid silver; 
  padding: 2px;float: right; 
  }
  
  .alignleft, img.alignleft { 
  margin: 0 4px 2px 0; background: white; display: inline; border: 1px solid silver; 
  padding: 2px; float: left; 
  }
  
  .alignnone , img.alignnone {  border : 1px solid silver;  padding: 2px; background: white; }
  .noborder, img.noborder {padding:0; border:none;}
  
  /* End Images */
  
  /* lists */
  .entry ul { margin: 0 0 12px 20px; padding:0}
  .entry ol { margin: 0 0 12px 20px; padding:0}
  .entry ol li { list-style-type: decimal; }
  .entry ul li { list-style-type: disc; }
  .entry ul li.serieslist-li-current, .entry ul li.serieslist-li { list-style-type: none; }
  .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}
  
  #sidebar ul, #sidebar ul ol { margin: 0; padding: 0;}
  #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
  #sidebar ul p { margin: 5px 0 8px; }
  #sidebar ul select { border:1px solid black; /*margin: 5px 0 8px 10px; */ width:186px; }
  #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
  #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
  ol li, #sidebar ul ol li { list-style: decimal outside; }
  #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } 
  
  /* End Entry Lists */
  
  #header-widget-area { 
    bottom:-1px;
    left:372px;
    position:absolute;
  }
  
  /* Begin Form Elements */
  form#searchform { margin:0; padding:0; overflow:hidden; _height:1%;  }
  
  #searchform #s {
  background: #ffffff url(images/search_box.jpg) no-repeat 0% 0%; 
  border: 0; 
  color: #ae9593;  font: 11px "Trebuchet MS", sans-serif; 
  margin:  0; display:block; float:left;
  padding: 5px 0 0px 4px;  width: 166px; height:23px;
  }
  
  #searchsubmit {
   background: url(images/search_submit.jpg) no-repeat 0% 0%; border: 0; 
  height: 27px;  display:block; float:left; 
  text-indent:-999em; font-size:1px; color:white;
   margin: 0; padding: 0; width: 33px; 
  }
  
  .entry form { text-align: center;
  /* This is mainly for password protected posts, makes them look better. */
  }
  #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
  #commentform textarea { width: 90%; padding: 2px; }
  #commentform #submit { margin: 0; /*float: right;*/ }
  
  /* End Form Elements */
  
  /* Begin Comments*/
  .alt { margin: 0; padding: 10px; }
  .commentlist {
  padding: 0 20px;
  text-align: justify;
  }
  .commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  }
  
  .commentlist li .avatar { float: right;
  border: 1px solid #eee; padding: 2px; background: #fff;
  }
  
  .commentlist p { margin: 10px 5px 10px 0; }
  #commentform p { margin: 5px 0; }
  .nocomments { text-align: center; margin: 0; padding: 0; }
  .commentmetadata { margin: 0; display: block; }
  
  /* End Comments */
  
  /* Begin Sidebar */
  #sidebar {  padding: 90px 10px 10px 10px; margin-left: 712px;
  /*
  width: 190px;
  */
  background: #FFFCEB url(images/autumn-header.png) no-repeat  right -172px;
  }
  
  #sidebar form { margin: 0; }
  
  /* End Sidebar */
  
  /* Begin Calendar */
  #wp-calendar { empty-cells: show;  margin: 0 auto ; width: 155px; 
  border: 1px solid orange; background: white; }
  
  /* #wp-calendar tfoot, #wp-calendar tfoot tr { background: orange; 
  } */
  
  #wp-calendar tbody { border: none; }
  #wp-calendar #next a { padding-right: 10px; text-align: right; }
  #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  #wp-calendar a { display: block;}
  #wp-calendar caption { text-align: center; width: 100%; }
  #wp-calendar td { padding: 3px 0; text-align: center; }
  #wp-calendar td.pad:hover {  /* Doesn't work in IE */ background-color: #fff; }
  
  /* End Calendar */
  
  /* Begin Various Tags & Classes */
  acronym, abbr, span.caps { cursor: help; }
  acronym, abbr { border-bottom: 1px dashed #999; }
  blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
  blockquote cite { margin: 5px 0 0; display: block; }
  .center { text-align: center; }
  hr { display: none; }
  a img { border: none; }
  .navigation { display: block; text-align: center; 
  margin-top: 10px; /*margin-bottom: 60px;*/
  }
  h2 { margin: 10px 0 0;}
  /* End Various Tags & Classes*/
  
  h1 {
  font-size: 2.6em;
  text-align: center;
  margin:0; margin-right: 35px;
  padding:0px;
  }
  
  #header .cat { 
  position:absolute; top: 0; right:0; 
  background: url("images/autumn-header.png") right top no-repeat; 
  width:351px; height:154px;
  padding-left:142px; padding-top:18px;
  }
  
  #header h2 { display: none ; margin:0 ;  font-size: 17px; margin-left: 5px;}
  
  #header ul { margin: 0 ;  padding:0;list-style-type:none;}
  .cat ul li {  margin-left: 5px;}
  .cat ul li a { color:black;}
  .postmeta { display:block;text-align:right;}
  .postmetadata { font-size: 10px}
  #wp-calendar td { border:none;}
  #wp-calendar tbody td a { border: 1px solid orange; background: #ededed; }
  .postmetadata {text-align:left ; height: 18px ; 
   font-family: Verdana, Arial, Helvetica, sans-serif}
  
  span.tags { height: 18px ; }
  
  ul.tags , .narrowcolumn ul {padding: 0; }
  ul.tags li { display:inline;  list-style-type:none; 
  padding-left: 18px; padding-top: 3px;
  /*background: url(http://static.ibnlive.com/pix/web2/tag_icon.png) top left no-repeat;*/
  }
  
  h3.widget-title { margin: 10px 0 10px;}
  #sidebar h2 { margin: 5px 0 0; padding: 0; }
  
  .widget_recent_entries, #pages  { 
  background:white; padding: 2px 5px 5px 8px; border:1px solid #C00;
  }
  
  #footer {
  padding: 0;
  margin: 0 auto;
  border-bottom: 1px solid black;
  background: #FFFCEB url(images/footerimage.png) -8px bottom no-repeat;
  clear: both;
  }
  
  #footer-widget-area ul.xoxo { list-style: none; padding-left: 10px ; overflow:hidden; zoom:1; margin:0;
  
  }
  
  #footer-widget-area ul.xoxo ul {margin:0; }
  #footer-widget-area #first  { padding-left: 0px;}
  #footer-widget-area #second  { padding-left: 366px;}
  #footer-widget-area li.widget_links { list-style: none; width: 32%; float: left;}
#footer-widget-area #second li.widget_links { width: 48%; }


  #linkcat-10 {/* conseils */}
  #linkcat-9 {/* courses */}
  #linkcat-51 {/* idees deco */}
  #linkcat-14 {/* jardinage */}
  #linkcat-13 {/* on est pas les seules */}
  #linkcat-50 {/* recup */}
  #linkcat-133 {/* fini */}
  #footer-widget-area li.widget_links ul.blogroll {
     padding-left: 15px ; overflow: visible
  }
  
  #footer-widget-area li.widget_links ul.blogroll li { list-style: disc; }
  #footer-widget-area li.widget_links ul.blogroll li a { color: #CC0000; }
  #footer-widget-area .widget_tag_cloud { padding-right:10px}
  
  .widget_tag_cloud h2 { text-indent: -999px; height:1px;}
  .widget_tag_cloud div { 
     border: 1px solid black; padding:5px; 
     background:white; 
  }
  
  h2.pagetitle { /* search et autre */
  font-size: 1.6em;font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin-left: 30px;
  }
  
  .post h2, .post h3.posttitle {
  	font-size: 1.4em;
  	margin-left: 10px;
  	font-family: Georgia, 'Lucida Grande', Times, Verdana, Arial, Sans-Serif;
  	margin-top: 10px;
   	color: #C00
  }
  
  .post h3 a { 	color: #C00}
  .post h2 a {color: #C00}
  .post .entry h3 { margin-top: 20px;
border-bottom: 1px solid #999;}
  /*.post .entry h3:firstchild { margin-top: 10px;}*/
  /*
  .narrowcolumn small, small.postmeta { float:right; position: relative; top: -14px; margin-bottom: -24px; 
  }
  */
  

#text-287268831 { border: 1px solid #CC0000 ; padding: 0 8px 8px;  
margin-right: 70px; 
}
  
  .widget_pages  {text-align: right; padding-right: 5px; 
  border: 1px solid #CC0000 ;
  background: #fff; padding-bottom: 5px;
  }
  
  .widget_pages  li { background: white; }
  
  .post { position: relative; margin-top: 50px; 
  background: #fff url(images/footer-volutes.png) right bottom no-repeat;
  padding: 0 ; 
  border: 1px solid #DBD7D2; margin-left:10px; }
  
  .narrowcolumn .postmetadata { } /* liste*/
  .widecolumn .postmetadata {} /* single */
  .postmetadata .date { position: absolute;
     background: url(/danslamaison/wp-content/uploads/2011/12/topmnu-2.png) no-repeat ;
     color:#fff;
  margin:0; float:left;
     font-size:1.2em;
     left: -1px; top:-35px;
     padding:14px 10px;   
  display:block;
width:192px;height:31px; font-weight: bold
  }
  
  .postmetadata .categories  { position: absolute;  top:-1.7em; left: 150px ;}
  .postmetadata .categories a { color: #C00 ; font-size: 1.2em; font-weight: bold ;}
  .postmetadata .comments { 
  	position: absolute;  top:-1.9em; right: 15px;
  	height:1.9em; 
  	background: url("images/comments.gif") 0 0 no-repeat; padding-left:20px}
  
  .postmetadata .comments a { color: #C00;}
  .post  .postmetadata .tags { padding-left: 5px}
  .post  .postmetadata .author { float: right; font-size: 1.2em; padding-right: 10px}
.post  .postmetadata .edit { position: absolute;  top:2px; right: 5px ;}
  
.post-1  { /* premier post */ background: none ; background-color: #FFC ; }
.post-1 h2 { font-size: 1.6em }
  ul#subscribe_sidebar_list {}
  ul#subscribe_sidebar_list li {}
  ul#subscribe_sidebar_list li a { }
  ul#subscribe_sidebar_list li a img { }
  
 
 .livres { padding: 15px ; width:682px ; /* 712-30 */ overflow:hidden : _height:100%}
.livres .livre:nth-child(2n){ clear:left;}

 .livres .chapo {}
 .livre { width: 48% ;  margin: 0 10px 0 0 ; float: left;}
 .livre h2 { margin-top:0; background: #DC5521; padding: 0 5px 2px 8px; min-height: 2.6em; color:wheat}
 .livre .entry { padding: 10px;}
 .livre h3.auteur { text-align: right; font-weight:normal; font-style: italic; font-size:1em; margin: 5px}
 .livre .sujet { margin:10px  ;}
 .livre .entry .couverture { position: relative; top: 12px ; margin-bottom: 14px;}
 .livre .couverture { width:100px; height:100px;}

.post .wp-post-image { float:left ; padding:3px; border: 1px solid silver ;}
 
  @font-face {
   font-family: 'Journal';
   src: url('journal/journal-webfont.eot');
   src: local('?'),
          url('journal/journal-webfont.woff') format('woff'),
  url('journal/journal-webfont.ttf') format('truetype');
  }
  .recette { background: url(images/notepad-back.gif) left top repeat-y ;
   font-size: 0.9em; margin: 15px 5px 20px 5px ; padding: 0 10px 10px 10px; }
  
  .recette .entry { margin-left: 50px; }
  .recette h2 { color:#A27412; font-size: 4em; font-weight: bold; margin-top:0 ; margin-left: 52px; 
  font-family: 'Journal', Arial, Helvetica;
  }
  
  .recette p {}
  .recette .illustrated p { margin-left: 230px;}
  .recette ol, .recette ul { margin-left: 20px ; }
  .recette .illustrated ol, .recette .illustrated ul { margin-left: 250px ; }
  
  .recette .postmetadata .tags { margin-left: 40px; }
  .recette .attachment-post-thumbnail, 
  .recette .wp-post-image {float: left; padding: 3px;
  border: 6px solid #f2e6d1;
  	-webkit-border-image: url(http://www.blog.spoongraphics.co.uk/wp-content/themes/SpoonGraphics_V5/images/border-image.png) 6 repeat;
  	-moz-border-image: url(http://www.blog.spoongraphics.co.uk/wp-content/themes/SpoonGraphics_V5/images/border-image.png) 6 repeat;
  	border-image: url(http://www.blog.spoongraphics.co.uk/wp-content/themes/SpoonGraphics_V5/images/border-image.png) 6 repeat;
  /*border:1px solid black; background:white; */
  }
  .post .wp-post-image 
  .menu-header { background: #EA9907;    bottom: 0;    position: absolute;}
  .menu-header ul { overflow: hidden ; _height:100%; }
  .menu-header  li { float: left ; }
  .menu-header  li a { color: #C00 ; display:inline-block;padding : 5px 10px; text-decoration:none; font-family	:'Lucida Grande',Verdana,Arial,Sans-Serif ; font-size:1.1em ; font-weight:bold;}
  .menu-header  li a:hover { background: #fdba06; } 
  
  /* categories */
  .postmetadata .categories { top: 30px; left: 8px; }
  .post .entry { margin-left: 71px; }
 
  .categories a { display:block; width:54px; height:54px; border:1px solid silver; margin-top: 10px; }
 
  .techniques { background: url(/danslamaison/wp-content/uploads/2011/01/scie.png) no-repeat ; text-indent:-9999em ;}
  .jardin {  background: url(/danslamaison/wp-content/uploads/2011/01/dans_le_jardin.png) 0 0 no-repeat ; text-indent:-9999em ;}
  .bricolages {  background: url(/danslamaison/wp-content/uploads/2011/01/perceuse.png) no-repeat ; text-indent:-9999em ; /* ou perceuse ou scie */}
  .decoration {  background: url(/danslamaison/wp-content/uploads/2011/01/peinture.png) no-repeat ; text-indent:-9999em ;}
  .non-classe  {  background: url(/danslamaison/wp-content/uploads/2011/01/dans_la_maison.png) no-repeat ; text-indent:-9999em ;}
  .dans-lagenda {  background: url(/danslamaison/wp-content/uploads/2011/08/agenda.gif) no-repeat 3px 3px ; text-indent:-9999em ;}
  .demenagement { background: url(/danslamaison/wp-content/uploads/2011/01/dans_les_cartons.png) no-repeat ; text-indent:-9999em ;}
  .electricite { background: url(/danslamaison/wp-content/uploads/2011/01/dans_les_fils.png) no-repeat ; text-indent:-9999em ;}
  .maconnerie { background: url(/danslamaison/wp-content/uploads/2011/01/dans_les_murs.png) no-repeat ; text-indent:-9999em ;}
  .dans-les-tuyaux {  background: url(/danslamaison/wp-content/uploads/2011/01/dans_les_tuyaux.png) no-repeat ; text-indent:-9999em ;}
/*  .home-staging {  background: red url(/danslamaison/wp-content/uploads/2011/01/painter54.png) no-repeat ; text-indent:-9999em ;}*/
  .home-staging {  background: url(/danslamaison/wp-content/uploads/2011/12/services-icon48.png) no-repeat 3px 3px; text-indent:-9999em ;}
/* .isolation { /* background: url(/danslamaison/wp-content/uploads/2011/01/nettoyage.png) no-repeat ; text-indent:-9999em ;} */
   .isolation {background: url(/danslamaison/wp-content/uploads/2011/12/picto_e.gif) no-repeat 2px 2px ; text-indent:-9999em ;} 
/* .isolation { background: url(/danslamaison/wp-content/uploads/2011/08/icone-temp.png) no-repeat 3px 3px ;text-indent:-9999em ;} */
  
 /* ul.todo { background: url(/danslamaison/wp-content/uploads/2011/08/org.todo15_icon.png) no-repeat ; padding-top: 51px;}*/
  ul.todo { background: url(/danslamaison/wp-content/uploads/2011/12/todolist48.png) no-repeat ; padding-top: 51px;}

  ul.todo li { list-style:square; margin-left: 10px;  margin-top: 5px;}
  ul.todo li.done { list-style : url(/danslamaison/wp-content/uploads/2011/08/icon_done.png) }
  ul.todo li.amoitie { list-style : url(http://www.danslesbois.fr/danslamaison/wp-content/uploads/2011/12/bullet1.png) }
.hilite { background-color:yellow}

/* snazzy */
 .snazzy-post .entry { margin-left: 15px; }
 .snazzy-post { border: 0 ; margin-top: 0; background: none; margin-left: 0}
 .snazzy-post h2 { margin: 0 ; padding : 15px 0 15px 15px; }
 .snazzy-post .entry { margin-right: 1px ;}

.snazzy { margin-left:15px} /* dans les categories, mois etc) */
.snazzy-post .snazzy { margin-left:0}