* {
	margin: 0;
	padding: 0;
}

/* Balises HTML courantes */

a {
	text-decoration: none;
	color: #669;
  font-weight: bold;
}

a[accesskey]:after {
	content: "\0000a0[alt+" attr(accesskey) "]";
}

acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

blockquote {
	font-family: Georgia, "Times new roman", Times, serif;
	font-style: italic;
	font-size: 1em;
	margin: 1em 0 1em 2em;
	background: #fefefe;
	border: 1px solid #eee;
	padding: 0 1em;
	color: #666;
}

div.post blockquote p {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
}

body {
	font-family: Verdana, Tahoma, Vera, DejaVu, sans-serif;
	font-size: 80%; /* Font scaling in MSIE */
	min-width: 640px;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
} html > body {
	font-size: 12px;
}

code {
	font-family: "Courier new", Courier, monospace;
	font-size: 110%;
	line-height: 1.6em;
	color: green;
}

h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times new roman", Times, serif;
	font-weight: normal;
}

h2 {
  font-size: 2em;
	font-weight: normal;
  margin: 1em 0 .6em 0;
}

h2 a {
  color: #f90;
}

img {
	border: none;
}

del:hover {
	text-decoration: none;
	color: #aaa;
}

label{
	cursor: pointer;
	cursor: hand; /* pour IE */
}

p {
	line-height: 1.7em;
  margin: .5em 0;
}

pre {
	width: 97%;
	font-size: 110%;
	max-height: 400px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	overflow: auto;
	padding: .7em !important;
	padding: .7em .7em 1.7em .7em;
	margin: .2em 0;
}

pre.command-line {
  background: black;
  border: none;
  font-weight: bold;
  color: #fff;
}

pre.php {
  background: #ccf;
  border: 1px solid #999;
}

q {
	padding: 0 .1em;
}

/* tags sizes */
.tag_1 { font-size: .75em }
.tag_2 { font-size: 1em }
.tag_3 { font-size: 1.2em }
.tag_4 { font-size: 1.3em }
.tag_5 { font-size: 1.5em }

/* Classes utiles */

.error {
	padding: 1em;
	border: 1px solid #ccc;
	background: #ffe;
	line-height: 2em;
}

.nodisplay {
	display: none;
}

.notification {
	border: 1px solid #999;
	padding: .2em .4em;
	margin: .2em 0 1em 0;
	background: #ffe;
	color: #333;
}

/* Snipeet specifics */

div.about {
  padding: 0 1em;
  background: #eee;
  border: 1px solid #ccc;
  margin: 1em 0;
  text-align: justify;
  color: #222;
}

.snippet_details {
  margin: 1em 0;
}

.rate {
display:inline;
width:10px;
height:10px;
margin:0;
padding:0;
background-image:url(/images/vote_star.gif);
background-position: left 10px;
}

.rated
{
background-position: left 0px;
}

.ratehover {
background-position: left 20px;
} 

/* Elements de page */

#header {
	background: #c64e38 url("http://www.prendreuncafe.com/blog/themes/PuC4/images/bg_header.png");
}

p#access {
	position: relative; /* MSIE !*/
	background: #e9e9e9;
	border-bottom: 1px solid #cecece;
	padding: 2px 4px;
	font-size: .8em;
	text-align: right;
}

#header h1 {
	position: relative;
	clear: left;
	float: left;
	font: 2.3em Arial, Vera, sans-serif;
	padding: 1em 5px 2px 10%;
	min-width: 205px; /* KHTML ! */
}

#header h1 a, p#quicknav a {
	color: #fff;
  font-weight: normal;
}

p#quicknav {
	display: inline;
	float: left;
	font-size: .8em;
	color: #fff;
	padding-top: 4.4em;
}

#categories {
	clear: left;
	background: #cecece url("http://www.prendreuncafe.com/blog/themes/PuC4/images/bg_categories.png");
	margin-top: 0 !important;
	padding-left: 10%;
	border-bottom: 1px solid #cecece;
	font-size: .9em;
	height: 1.5em;
}

#categories ul {
	background: #cecece url("http://www.prendreuncafe.com/blog/themes/PuC4/images/bg_categories.png");
	padding-right: 10%;
	list-style-type: none;
}

#categories li {
	float: left;
	font-size: 1em;
	margin-top: .1em;
}

#categories li a {
	padding: 0 5px 0 5px;
	border-left: 1px solid #cecece;
}

#categories li a:hover {
	color: #777;
}

#main {
	clear: left;
	padding: 1.5em 1em 1em 10%;
}

#content {
	float: left;
	width: 70%;
  margin-right: 1em;
	padding-bottom: 3em;
}

#sidebar {
	float: left;
	width: 25%;
  margin-top: 1em;
  margin-bottom: 1.5em;
	background: #fff;
}

#sidebar div.bloc {
	padding: 0 0 1em 1em;
}

#sidebar #loginform {
  margin-bottom: 1em;
  line-height: 1.5em;
}

#sidebar h2 {
	margin: .5em 0;
  font-size: 1.5em;
}

#sidebar h2, #sidebar h2 a {
	font-weight: normal;
	margin-bottom: .5em;
	color: green;
}

#sidebar h3 {
	font-weight: bold;
	margin: .3em 0 .2em 0;
	color: #444;
  font-size: 1.2em;
}

#sidebar ul {
	list-style-type: none;
	line-height: 1.7em;
}

#sidebar li a:hover {
	color: #aaa;
}

#footer {
	clear: left;
	width: 100%;
	border-top: 1px solid #444;
	background: #e9e9e9 url("http://www.prendreuncafe.com/blog/themes/PuC4/images/bg_header.png");
	padding: 4px 0 3px 0;
	text-align: center;
  color: #fff;
}

#footer a {
  color: black;
  font-weight: bold;
}

#footer img {
  vertical-align: middle;
}

#footer a.gotop {
	display: block;
	float: right;
	color: #fff;
	font-size: .9em;
	margin: -1.7em .3em 0 0;
}

#syndicate ul {
	list-style-image: url("http://www.prendreuncafe.com/blog/themes/PuC4/images/feed-icon-12x12.png");
	margin-left: 22px;
}

#syndicate h3 {
	margin: .5em 0;
}

/* Boîte de recherche */

#search fieldset {
  border: none;
}

#q, #ok {
	font-size: 1em;
	border: 1px solid #777;
}

#q {
	padding: 2px;
	width: 10em;
}

#q:hover, #q:focus {
	background: #ffe;
	border: 1px solid #333;
}

#ok {
	padding: 1px;
	background: #eee;
	padding: 1px 3px;
}

#ok:hover, #ok:focus {
	background: #fafafa;
	border: 1px solid #333;
}

/* Content info */

#content-info h2 {
  font-size: 3em;
  color: #dd3;
  margin: .3em 0;
}

#content-info p {
  margin: .7em 0;
}

/* Tags page */

.content-inner ul.tags {
  position: relative;
  padding: 5px;
  margin: 8px 0 20px 0; 
  overflow: hidden; 
  height: 1%;
  font-size: 120%;
  text-align: center;
}

.content-inner ul.tags li {
  /* display: inline; */
  display: block;
  float: left;
  margin: 4px 10px;
  height: 18px;
  line-height: 18px;
  background: none;
}

.content-inner ul.tags li a:link, 
.content-inner ul.tags li a:visited {
  color: #333;
  padding: 0 1em;
  text-decoration: none;
  white-space: nowrap;
}

.content-inner ul.tags li a:hover { 
  text-decoration: underline; 
}

.content-inner ul.tags li a:focus, 
.content-inner ul.tags li a:active { 
  background: #aaa; color: #fff; 
}

/* Tags in sidebar */

#sidebar #tags ul {
  margin: .4em 0 .7em 0;
  padding: 0;
  font-size: 110%;
  text-align: justify;
}

#sidebar #tags ul li { 
  display: inline; 
  background: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

#sidebar #tags ul li a:link, 
#sidebar #tags ul li a:visited { 
  color: #333; /*#005D99;*/ 
}

#sidebar #tags p {
  text-align: right;
}

#sidebar #tags p strong a:link, 
#sidebar #tags p strong a:visited { 
} 

#sidebar #tags ul li a:hover,
#sidebar #tags p strong a:hover {
  color: #666;
}

/* Tags sizes */

.tag0   { font-size: 80%; }
.tag10  { font-size: 85%; }
.tag20  { font-size: 92%; }
.tag30  { font-size: 100%; } 
.tag40  { font-size: 110%; } 
.tag50  { font-size: 115%; } 
.tag60  { font-size: 120%; } 
.tag70  { font-size: 125%; } 
.tag80  { font-size: 130%; } 
.tag90  { font-size: 135%; } 
.tag100 { font-size: 140%; } 

/* Dotclear */

.message {
  border: 1px solid #ccc;
  background: #ffffee;
  padding: 1em 1em 1em 2em;
  margin: 1em 0;
}

#content-info p a.feed:link, 
#content-info p a.feed:visited {
  padding: 2px 0 2px 18px;
  background: transparent url(http://www.prendreuncafe.com/blog/themes/Puhttp://www.prendreuncafe.com/blog/themes/PuC4/images/feed-icon-12x12.png) no-repeat 1px 3px;
}

#content-info p a.feed:hover {
}

#navlinks {
  padding: 5px;
  margin: 0 0 1em 0;
  text-align: center;
  color: #5E9E14;
  font-weight: bold;
}

#navlinks a:link, 
#navlinks a:visited { 
  color: green; 
  text-decoration: none; 
}

#navlinks a:hover { 
  text-decoration: underline; 
}



div.post {
	margin-bottom: 2em;
}

h2.post-title {
	font-size: 2em;
	font-weight: normal;
}

h2.post-title, h2.post-title a {
	color: #f90;
}

h2.post-title a:hover {
	color: #fc0;
}

p.day-date {
	font-size: .85em;
	color: #999;
}

p.day-date:first-letter {
	text-transform: uppercase;
}

p.post-info {
	font-size: .85em;
	color: #999;
	margin: .3em 0;
  padding-left: .4em;
  border-left: 5px solid #ddd;
}

ul.post-tags {
  padding: .2em 0 1em 0;
  list-style-type: none;
}

ul.post-tags li { 
  display: inline; 
  float: left;
}

ul.post-tags li a:link, 
ul.post-tags li a:visited {
  text-decoration: none;
  font-size: 75%;
  background: url(http://www.prendreuncafe.com/blog/themes/Puhttp://www.prendreuncafe.com/blog/themes/PuC4/images/tag.gif) center left no-repeat;
  padding: .2em .4em .4em 16px !important;
  padding: .4em .4em .2em 16px;
  border-right: 1px solid #c2c1c1;
  white-space: nowrap;
  color: #888;
}

ul.post-tags li a:hover { 
  color: #333;
}

div.post-content,
div.post-excerpt {
  clear: left;	
  padding: .4em 1em .5em 0;
}

div.post-excerpt {
	color: #777;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: .2em;
	padding-bottom: .1em;
}

div.post-content img {
}

div.post-content a,
div.post-excerpt a,
#comments a {
	font-weight: bold;
	color: #75739d;
}

div.post-content a:hover,
div.post-excerpt a:hover,
#comments a:hover {
	color: #333;
}

div.post-content dd,
div.post-content td {
	line-height: 1.6em;
}

div.post-content p,
div.post-excerpt p {
	line-height: 1.6em;
	margin: .8em 0;
}

div.post-content p em,
div.post-content li em,
div.post-excerpt p em,
div.post-excerpt li em {
	font-family: Georgia, "Times new roman", Times, serif;
	font-size: 1.1em;
}

.post-content ul, 
#comments blockquote.main ul {
	padding-left: 3em;
	margin: .8em 0;
	list-style-type: square;
	list-style-image: url("http://www.prendreuncafe.com/blog/themes/PuC4/images/puce.png");
	line-height: 1.6em;
}

.post-content ol {
	padding-left: 3em;
	margin: .8em 0;
	line-height: 1.6em;
}

.post-content li {
	margin: .3em 0;
}

/* Blogmarks dans les billets */

.post dl.blogmarks {
  margin : 0;
  padding : 0;
}
.post dt {
  margin : 1em 0 0 0;
}
.post dt img {
  margin: 0 1em 0.2em 0;
  padding: 4px;
  border: 1px solid #ddd;
  float: left;
}
.post dt img:hover, .post dt img:focus {
  border: 1px solid #bbb;
}
.post dd {
  min-height: 6.5em;
  margin-bottom: 2em;
}

p.post-info-co {
	font-size: .85em;
	color: #999;
	text-align: right;
}

#content h3 { /*Also apply to comments and pings*/
	clear: left;
	color: #f90;
	font-size: 3em;
}

#content h4 { /*Mostly in posts*/
	color: #f90;
	font-size: 1.2em;
	margin: .5em 0;
	font-weight: bold;
}

#content h5 { /*Mostly in posts*/
	color: #f90;
	font-size: 1.1em;
	margin: .4em 0;
	font-weight: bold;
}

#content h3 a,
#content h4 a,
#content h5 a {
	color: #f90;
}

#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover {
    color: #fc0;
}


/* Formulaire de commentaire */

.field label {
	display: block;
	padding-bottom: 2px;
}

.field input, .field textarea {
	border: 1px solid #bbb;
	padding: 3px;
	background: #fefefe;
	font-family: Verdana, Tahoma, Vera, Helvetica, sans-serif;
	font-size: 1em;
}

.field input {
	margin-bottom: 1em;
}

#c_content {
	width: 90%;	
}

.field input:hover, .field textarea:hover {
	border: 1px solid #999;
    background: #fafafa;
	color: #333;	
}

.field input:focus, .field textarea:focus {
	border: 1px solid #999;
	background: #ffe;
	color: #000;
}

p.form-help {
	font-size: .8em;
	margin: 1em 0;
}

#comment-form {
	clear: left;
}

#comment-form fieldset {
	border: none;
}

#comment-form input[type="text"] {
	width: 50%;
	max-width: 25em;
}

#comment-form textarea {
	width: 100%;
	font-family: Verdana, Tahoma, Vera, DejaVu, sans-serif;
	font-size: 1em;
	margin-top: 2px;
	max-width: 50em;
}

#comment-form input.preview,
#comment-form input.submit {
	border: 1px solid #777;
	background: #eee;
	margin: .3em 0;
	padding: 3px;
}

p#more_fields a {
	display: block;
	padding-left: 20px;
	margin-bottom: 1em;
	background: transparent url('http://www.prendreuncafe.com/blog/themes/PuC4/images/add.png') no-repeat top left;
	height: 1.5em;
}

p#more_fields img {
	vertical-align: sub;
}

/* Liste de commentaires et de tb */

#commtn {
	margin-bottom: 1em;
	clear: left;
}

#commtn:focus,
#commtn:active {
	background: #ffe;
}

p.comment-info {
	clear: left;
	margin: 1em 0;
}

#comments blockquote,
#pings blockquote {
	font-family: Verdana, Tahoma, Vera, DejaVu, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #333;
	background: #fafafa;
	border: 1px solid #ddd;
	padding: 1em 1.3em;
}

#comments blockquote.main {
	display: block;
	width: auto;
	margin: 1em 0;
	padding: 1em;
}

#comments blockquote.main ul {
	clear: left;
}

#comments .me blockquote.main { /* Commentaire de l'auteur */
	color: #111;
	background: #f0f0f0;
	border: 1px solid #ccc;
}

#pings blockquote {
	 margin: 1em 1em 1em 2em;
}

#pings blockquote.main blockquote,
#comments blockquote.main blockquote {
	margin: 1em;
	padding: 1em;
	font-style: italic;
	color: #555;
	background: #eee;
	border: 1px solid #aaa;
}

#pings blockquote.main pre,
#comments blockquote.main pre {
	margin: 1.2em 1em 1.2em 0;
	padding: 1em;
	width: auto;
	overflow: auto;
}

#comments blockquote.main p,
#pings blockquote.main p {
	line-height: 1.7em;
	margin: 1em 0;
}

#comments blockquote q {
	font-style: italic;
	color: #006;
}

/* Gravatars */

#gravatar {
	background: #fff;
	float: right;
	padding: 5px;
	border: 1px solid #ccc;
	width: 80px;
	height: 80px;
	margin-left: 10px;
	margin-bottom: 2px;
}

#gravatar img[alt] {
	font-family: Arial, Helvetica, Vera, sans-serif;
	font-size: .8em;
	line-height: 1em;
}

/* Live Search */

#q_update {
	background: #ffc;
	border: 1px solid #666;
	margin-top: .2em;
	font-size: .8em;
}

#q_update a {
	display: block;
	margin: 0;
	padding: 0 .2em;
	color: #333;
}

#q_update ul, 
#q_update li {
	margin: 0;
	padding: 0;
}

#q_update a:hover {
	background: #ffa;
	color: #000;
}

.ublogo {
  float:right;
  margin-top: -2.3em;
  margin-right: 1em;
}