body
{
  margin : 0px;
  padding : 0px;
}

input, textarea
{
  border-width : 1px;
}

div
{
  margin : 0px;
  padding : 0px;
}

a img
{
  border-width : 0px;
}

blockquote
{
  padding : 12px;
}

#header,
#content,
#footer-wrapper
{
  width : 960px;
  margin : auto;
}

.section #header
{
  height : 100px;
  padding : 0px;
  overflow : auto;
}

.section #header h1
{
  float : left;
  margin : 0px;
}

.section #header h1 a
{
  display : block;
  height : 60px;
  width : 410px;
  margin : 20px 40px;
  
  overflow : hidden;
}

.section #header h1.section a
{
  margin : 20px 20px;
  width : 50px; /* default */
}

#blog #header h1.section a
{
  width : 100px;
}
#fromtheweb #header h1.section a
{
  width : 240px;
}
#bd #header h1.section a
{
  width : 60px;
}

#apropos #header h1.section a
{
  width : 210px;
}

#apropos #content
{
  width : 380px;
  margin-top : 16px;
  padding-left : 120px;
  margin-bottom : 32px;
}

.section #header h1 a span
{
  display : block;
  padding-top : 60px;
}

.section #header #menu
{
  display : none;
}

#header h1.section
{
   float : right;
}

#home #header
{
  height : 700px;
}

#home #header h1
{
  height : 420px;
  margin : 0px;
}

#home #header h1 a
{
  display : block;
  
  width : 478px;
  height : 81px;
  
  position : relative;
  top : 160px;
  left : 80px;
  
  overflow : hidden;
}

#home #header h1 a span
{
  display : block;
  padding-top : 81px;
}

#home #welcome
{
  width : 430px;
  margin-left : 60px;
}

#menu
{
  float : right;
  padding : 4px;
  margin-top : -1.5em;
}

#menu li 
{
  margin : 2px;
}


#content
{
  padding-bottom : 30px;
  overflow : auto;
}

#home #content
{
  margin-top : -30px;
}

#content h2
{
  height : 35px;
  padding-top : 8px;
  margin : 4px 0px;
}

#content h3
{
  margin : 4px 0px;
}

#wrapper1,
#wrapper2,
#wrapper3
{
  width : 300px;
  min-height : 10px; /* pour "floater" les autres wrappers */
  float : left;
  margin : 0 10px;
  
  overflow : hidden;
}

#wrapper2
{
  width : 400px;
}

#wrapper3
{
  width : 200px;
}

#blog #wrapper1,
#fromtheweb #wrapper1,
#local-technique #wrapper1
{
  width : 210px;
}

#blog #wrapper2,
#fromtheweb #wrapper2,
#local-technique #wrapper2
{
  width : 490px;
}

#blog #wrapper1 ul,
#blog #wrapper3 ul
{
  padding-left : 0px;
}

#home .post
{
  margin : 0px 0px 24px;
}

.post
{
  margin-bottom : 36px;
}

.post img
{
  margin : 4px 8px 4px 0;
}

.post-menu
{
  padding : 4px;
}

#share ul
{
  padding-left : 0px;
  overflow : auto;
}

#share li
{
  float : left;
}

a.share,
#share li a
{
  display : inline-block;
  
  width : 16px;
  height : 16px;
  margin-right : 4px;
  
  overflow : hidden;
  
  vertical-align : middle;
}

a.share span,
#share li a span
{
  display : block;
  padding-top : 16px;
}


.post img,
.post object,
.post embed
{
  max-width : 100%;
}

#bd .bd-post
{
  width : 800px;
  margin : auto;
}

#bd .bd-navigation,
#bd .bd-post-body,
#bd .social,
#bd .bd-comment,
#bd #share
{
  width : 490px;
  margin : auto;
}

.bd-post .bd-image p,
.bd-post .bd-navigation ul
{
  margin : 0px;
}


#bd .bd-navigation ul
{
  padding-left : 148px; /* report margin + bouton RSS, centrage par padding */
  overflow : auto;
}

#bd .bd-navigation ul li
{
  display : block;
  float : left;
  
  height : 64px;
  width : 48px;
  
  overflow : hidden;
}

#bd .bd-navigation ul li a
{
  display : block;
  
  width : 48px;
  
  padding-top : 64px;
}

#bd .bd-navigation ul li#bd-rss-link
{
  width : 60px;
  height : 51px;
  
  margin-left : 24px;
}

#recherche .result
{
  margin : 16px 0px;
}

.comment
{
  overflow : auto;
  margin : 12px 0px;
}

.comment .gravatar
{
  display : block;
  float: left;
  padding : 16px 12px 4px;
}

.comment p
{
  margin : 4px 0px;
}

.comment .comment-author
{
  margin-top : 0px;
  padding-top : 16px;
}

.comment .comment-author a
{
  border-bottom-width : 1px;
}

.comment .comment-message
{
  clear : left;
  padding : 6px;
} 

#comment-form p label {
  float:left;
  width:80px;
}

#comment-form .comment-remember label {
  float:none;
  width:auto;
}

#comment-form .comment-remember {
  padding-left : 80px;
}

#comment-form textarea
{
  width : 400px;
}

#flickr img
{
  margin : 1px;
  width : 58px;
  height : 58px;
}


#home #acces-bd
{
  height : 140px;
}
#home #acces-bd p h2
{
  height : 20px;
  margin : 0px auto;
}

#home #acces-bd p a
{
  display : block;
  height : 120px;
  overflow : hidden;
}

#home #acces-bd p a span
{
  display : block;
  padding-top : 120px;
}

#fromtheweb ul
{
  padding : 0;
  margin : 0;
}

#fromtheweb li span.date,
#fromtheweb li p
{
  margin : 0px;
}

#fromtheweb li span.date
{
  display : block;
}

#home #fromtheweb li
{
  margin : 12px 0px 0px;
}

#fromtheweb li p
{
  display : inline;
}

#footer
{
  padding-top : 4px;
  padding-bottom : 16px;
 
  position : relative;
  bottom : 0px;
  
  width : 100%;
}

#footer h2
{
  border-width : 0px;
  margin : 8px 0px 2px; 
}

#footer ul
{
  padding : 0px;
  margin : 0px; 
}

.footer-content
{
  width : 170px;
  margin : 16px;
  float: left;
}

#footer #last-comments
{
  margin-left : 0px;
}

#footer #rss
{
  width : 120px;
}

#footer #last-comments img
{
  vertical-align : middle;
  margin-right : 2px;
}

#footer #last-comments li,
#footer #last-articles li
{
  padding : 2px 0px;
}

#footer #last-comments li p,
#footer #last-articles li p
{
  display : inline;
}

#footer #rss li 
{
  height : 18px;
  padding-left : 22px; 
}

#footer #twitter-follow a
{
  display : block;
  padding-top :65px;
  padding-left : 40px
}

#credits
{
  clear : both;
  padding-top : 8px;
  border-width : 1px 0px 0px;
}

#credits p
{
  display : inline;
}

#credits p img
{
  vertical-align : middle;
  margin-right : 4px;
}

#importantfield
{
  display:none;
}