/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of DonCarlo, a Dotclear 2 theme by Kozlika.
#
# Theme Name: Don Carlo
# Version: 1.0
# Author: Kozlika - http://www.kozlika.org/
#
# Copyright (c) 2008-2009 Kozlika and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# Created on 1/1/2009 by Kozlika
# Last change: 22/2/2009 by Kozlika
#
# -- END LICENSE BLOCK ------------------------------------ 
*/


/* ------------------------------------------------------------------
    RESET
------------------------------------------------------------------- */
@import url(reset.css);


/* ------------------------------------------------------------------
    BALISES HTML
------------------------------------------------------------------- */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	background: #fff url(images/novices_bg_page2.png) repeat-x 0 130px;
	}
h1 { font-size: .5em; margin: 0; }
h2, h3, h4, h5 { margin: 1em 0 .5em; font-family: "century gothic", arial, sans-serif; line-height: 1em;}
h2 { font-size: 1.66em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.33em; }
h5 { font-size: 1.17em; }

code,pre {
	font-family: "Courier New",monospace;
	font-size: 1.1em;
	background: #fff;
	color: #205ca6;
	}
pre {
	margin: 0 auto;
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: left;
	border: 1px solid #205ca6;	
	width: 90%;
	overflow: auto;
	}

form {
	display: block;
	margin: 0;
	padding: 0;
	}

blockquote, q {
	background: #f0f0f0;
	font-family: georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	}
blockquote {
	margin: 1em 2em;
	padding: 0.33em 1em;
	border: 3px double #FFEC8B;
	}
q { padding: 1px 2px; }
:lang(fr) {
  quotes:"\AB\A0" "\A0\BB" "\201C" "\201D";
}
cite { font-style: italic; }

sup { /*font-size: .82em; padding-left: .25em; */
	font-size:80%;
	line-height:50%;
	position: relative;
	bottom: .5em;
	}
acronym { border-bottom: 1px dotted #666; }

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin-bottom: 1em;
	width: 60%;
	margin: 1.5em auto;
	}
p { margin: .5em 0; }
img { border: none; }
strong { font-size: .95em; }

a {
	color: dodgerblue;
	text-decoration: underline;
	padding: 0;
	}
a:visited {
	color: dodgerblue;
	}
a:hover {
	background-color: dodgerblue;
	color: #fff;
	text-decoration: none;
	}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	font-size: 0.86em;
	color: #666;
	background: transparent;
	}

/* FIRST LEVEL BLOCKS
-------------------------------------------------------- */
#page {
	text-align: left;
	}
#prelude {
	position: absolute;
	top: 0px;
	left: 12px;
	margin: 0;
	}
#prelude, #prelude a {
	color: #fff;
	}
#wrapper {
	padding: 24px 0;
	}
#main {
	width: 900px;
	margin: 0 auto;
	}
#sidebar {
	clear: both;
	float: left;
	margin-top: 72px;
	background: #fff;
	}
#blognav, #blogextra {
	clear: both;
	}
#blogextra {
	border-top: 1px dotted #666;
	}
#blognav div, #blogextra div {
	width: 18% !important;
	margin: 1%;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	}
* html #blognav div { display: inline; } /* for IE 6 */
* html #blogextra div { display: inline; } /* for IE 6 */
* + html #blognav div {display: inline; } /* for IE 7 */
* + html #blogextra div { display: inline; } /* for IE 7 */
#blognav div#topnav, #blogextra div#topnav { display: none; }

/* Class for columns */
.x1 { width: 20%; }
.x2 { width: 40%; }
.x3 { width: 60%; }
.x4 { width: 80%; }
.x5 { width: 100%; }
.mfc .x1, .mfc .x2, .mfc .x3, .mfc .x4 {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}
.mfc.x1, .mfc.x2, .mfc.x3, .mfc.x4 {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

/* inner-padding class for inner-columns boxes */
.inner-padding { padding: 4px 18px; }
.x1 .inner-padding { padding: 4px 18px; }
.ctx_aside .inner-padding { border: 1px dotted #aaa; }
.dc-home .ctx_aside .inner-padding { border: none; }
.dc-search #content .inner-padding, 
.dc-category #content .inner-padding { padding-left: 0; }


/* ------------------------------------------------------- 
	TOP
-------------------------------------------------------- */
#top { 
	height: 140px; 
	background: transparent url(images/novices_bg_top2.png) no-repeat center 0; 
	padding-top: 24px;
	}
#top h1 {
	text-align: center;
	padding: 0 2%;
	font-family: "century gothic", verdana, "Lucida Sans Unicode", arial, sans-serif;
	}
#top h1 span {
	}
#top a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	height: 100px;
	}
#top h1 a:hover {
	background: transparent;
}
/* Menu top */
#supranav {
	position: absolute;
	top: 0;
	right: 24px;
	height: 24px;
	}
#supranav li {
	display: inline;
	line-height: 24px;
	padding: 2px 0;
	text-transform: uppercase;
	}
#supranav li.firstli {
	}
#supranav li a:link, #supranav li a:visited {
	color: #999;
	text-decoration: none;
	padding: 3px 12px;
	}
.dc-home li#home a:link, .dc-archive li#arch a:link, .dc-contactme li#contact a:link,
	.dc-home li#home a:visited, .dc-archive li#arch a:visited, .dc-contactme li#contact a:visited {
	color: #000;
	}
.dc-home li#home a:hover, .dc-archive li#arch a:hover, .dc-contactme li#contact a:hover,
	.dc-home li#home a:focus, .dc-archive li#arch a:focus, .dc-contactme li#contact a:focus {
	color: #fff;
	}
#supranav li a:hover, #supranav li a:focus {
	color: #fff;
	}


/* -----------------------------------------------------------
	COMMON RULES 
----------------------------------------------------------- */

/* aside blocks in different contexts */
.ctx_aside .content-desc {
	font-family: "century gothic", verdana, "Lucida Sans Unicode", arial, sans-serif;
	font-size: 1.15em;
	margin-bottom: 2em;
	}
.ctx_aside ul li {
	margin: 6px 0;
	}
.ctx_aside ul li a {
	color: #666;
	}
.dc-search .ctx_aside .content-desc {
	background: transparent url(images/magnify.png) no-repeat;
	text-indent: 20px;
	}
.ctx_aside .feed {
	font-size: .9em;
	}
div.with-img-border img {
	padding: 4px;
	border: 1px solid #ccc;
}
/* content-info */
#content-info {
	padding-bottom: 1em;
	/*border-bottom: 8px solid;*/
	margin-bottom: 3em;
	}
#content-info h2, #content-info h2 a {
	font-weight: normal;
	}
	
/* all feed links with icon */
.feed {
	padding-left: 16px;
	background: transparent url(images/feed.png) no-repeat;
	}

/* navigations */
p.here-you-are {
	margin-left: 1em;
}
.pagination {
	margin-top: 3em;
	border-top: 1px solid;
	padding: 3px 0;
	}
a.prev, a.next {
	text-decoration: none;
	border-bottom: 1px solid;
	}
.prev {
	padding-left: 20px;
	background: transparent url(images/arrow-left.gif) no-repeat left center;
	}
.next {
	padding-right: 20px;
	background: transparent url(images/arrow-right.gif) no-repeat right center;
	}
	
	
/* ------------------------------------------------------------- 
	BONUS 
---------------------------------------------------------- */ 
.clearer { clear: both; }
.box-center { margin-left :auto; margin-right: auto; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.petites-cap { font-size: 0.82em; text-transform: uppercase; }
.petit { font-size: x-small; }
.text-justify { text-align: justify; }
	
/* Error messages
-------------------------------------------------------- */
.error {
	border: 0.1em solid #205ca6;
	background: #fee;
	padding: 0.5em;
	}
.error ul {
	padding-left: 2em;
	}
.error li {
	list-style: square;
	}

/* Forms
-------------------------------------------------------- */
fieldset {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	}
input, textarea {
	font-size: 1em;
	border-width: 0.1em;
	border: 1px solid #205ca6;
	}
input[type], textarea[name] {
	background: #eee;
	}
input[type=submit], input[type=reset] {
	background: #205ca6;
	color: #fff;
	}
input[type=submit]:hover {
	background: #000;
	color: #fff;
	}
input[type=checkbox] {
	border: none;
}
textarea {
	width: 100%;
	}


/* --------------------------------------------------------
	POSTS
-------------------------------------------------------- */

/* Common */
.post {
	line-height: 150%;
	padding-bottom: 2em;
	position: relative;
	}
.day-date {
	display: none;
	}
.post-title {
	font-size: 3em;
	line-height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 0;
	}
.post-title a:link, .post-title a:visited {
	color: #000;
	text-decoration: none;
	}
.post-title a:hover, .post-title a:focus {
	color:  #205ca6;
	background: transparent;
	}
.post h3, .post h4, .post h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 2em 0 1em 0;
	}
.post h3 {
	font-size: 2em;
}
.post h3 code {
	font-size: 1.1em;
}
.post h4, .post h5 {
	font-variant: small-caps;
	}
.post-info {
	padding: 2px 0;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	}
.post-info span {
	padding: 0 8px 0 12px;
	}
span.date {
	padding-left: 14px;
	background: transparent url(images/clock.gif) no-repeat left center;
	}
span.cat {
	background: transparent url(images/folder.gif) no-repeat 6px center;
	padding: 0 8px 0 24px;
	}
span.tag {
	background: transparent url(images/tag.gif) no-repeat left center;
	}
.post-info a:link, .post-info a:visited, .post-info-co a:link, .post-info-co a:visited {
	color: #666;
	text-decoration: none;
	}
.post-info a:hover, .post-info a:focus, .post-info-co a:hover, .post-info-co a:focus {
	color: #fff;
	}
.post-content, .post-excerpt {
	line-height: 150%;
	}
.post-content {
	margin-left: 20%;
	padding-left: 2%;
	padding-top: 2em;
	padding-bottom: .25em;
	border-left: 1px dotted #aaa;
	}
.post-excerpt {
	width: 18%;
	float: left;
	text-align: right;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 1.66em;
	color: #666;
	}
.post-excerpt span.tag {
	background: transparent url(images/tag.gif) no-repeat left center;
	padding: 0 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	}
.post-content h3:first-child, .post-content p:first-child {
	margin-top: .66em;
	}
.post-content ul, #comments ul {
	list-style-type: square;
	}
.post-content ul li, #comments ul li {
	margin-left: 1em;
	padding-left: 10px;
	}
.footnotes {
	font-size: 10px;
	}
.post ol, .post dl,.post dd {
	margin-left: 1.5em;
	}
.post-info-co {
	text-align: right;
	}
.post-author {
	font-size: 1.15em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-right: 12px;
	}
.comment_count {
	background: transparent url(images/comment.png) no-repeat left center;
	padding-left: 16px;
	}
.ping_count {
	background: transparent url(images/ping.gif) no-repeat left center;
	padding-left: 16px;
	}
.attach_count {
	background: transparent url(images/attach.gif) no-repeat left center;
	padding-left: 12px;
	}
.more-posts {
	margin: 2em 0;
	background: #E4EBF6;
	padding: 3px 20px 8px;
}
#attachments ul li {
	background: transparent url(images/attach.gif) no-repeat left center;
	padding-left: 12px;
}

/* --------------------------------------------------------
	COMMENTS
-------------------------------------------------------- */
#comments h3, #pings h3, #comment-form h3 {
	clear: both;
	margin-top: 3em;
	margin-bottom: 1.5em;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 3px 0;
	}
#comments dd, #pings dd, #comment-form fieldset {
	padding-left: 22%;
	padding-bottom: 1em;
	padding-top: 4px;
	}
#comments dd, #pings dd {
	border-bottom: 1px dotted #205ca6;
	padding-bottom: 3em;
	}
#comments dt, #pings dt {
	width: 18%;
	clear: left;
	color: #666;
	float: left;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 8px;
	}
#comments dd.me {
	background: #fffff0;
	padding-right: 1em;
	}
.comment-number, .ping-number {
	text-decoration: none;
	}
.comment-author {
	font-size: 1.25em;
	padding-left: 8px;
	}
.comment-date {
	display: block;
	}
p.field {
	margin: 0.5em 0 0 0;
	}
p.field label {
	display: block;
	font-weight: bold;
	font-size: 0.85em;
	}

#pr {
	background: #FFFFAA;
	padding: 1em;
	}
#pr h3 {
	margin-top: 0;
	}
#ping-url {
	clear: both;
	}
.erreur {
	color: #ffffcc;
	}

/* -------------------------------------------------------- 
	WIDGETS
-------------------------------------------------------- */
#sidebar {
	width: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 130%;
	}
#blognav {
	border-top: 18px solid #5482bb;
	}
#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	}
#sidebar h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-variant: small-caps;
	padding: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
#sidebar h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.25em;
	}
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
#sidebar ul ul {
	margin-left: 1em;
	}
#sidebar li {
	padding: 2px 0;
	}
#topnav {
	display: none;
	}


/* --------------------------------------------------------
	FOOTER
-------------------------------------------------------- */
#footer {
	font-family: "century gothic", verdana, "lucida sans unicode", arial, sans-serif;
	padding: .66em 2em;
	background: #7e7e79;
	color: #fff;
	text-align: left;
	}
#footer a {
	font-weight: bold;
	background: transparent;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	}
	

/* Special pages 
---------------------------------------------------- */
.dc-search .post-title, .dc-archive-month .post-title, .dc-category .post-title, .dc-tag .post-title {
	font-size: 2em;
	}
.dc-search .post-content, .dc-category .post-content {
	margin: 1.5em 0 0 0;
	border-left: 0;
	padding: 0;
	}

.catdesc img { display: none !important;}

/* home */
.dc-home #content {
	float: left;
	}
.dc-home #home-aside {
	margin-top: 18px;
	font-family: "century gothic", verdana, "lucida sans unicode", arial, sans-serif;
	}
.dc-home #welcome {
	background: #5482bb url(images/angle.png) no-repeat right top;
	padding: 8px;
	color: #fff;
	margin-top: 18px;
	}
.dc-home #home-aside a {
	color: #fff;
}
#welcome h2 {
	font-size: 1.33em;
	margin: .33em 0 1.5em;
	font-weight: normal;
	}
.dc-home .post {
	margin-right: 48px;
	}
.dc-home .post-content {
	border-left: none;
}
.dc-home .post-content img {
	display: none;
}
img.vignette {
	background: #fcfcfc;
	border: 1px solid #ccc;
	padding: 4px;
	}

/* tags */
.dc-tags #content { line-height: 200%; }
.dc-tags #content ul { list-style-type: none; }
.dc-tags #content ul {
	line-height: 200%;
	font-family: "century gothic", verdana, "lucida sans unicode", arial, sans-serif;
	}
.dc-tags #content .tag0 { font-size: 100%; }
.dc-tags #content .tag10 { font-size: 110%; }
.dc-tags #content .tag20 { font-size: 120%; }
.dc-tags #content .tag30 { font-size: 130%; }
.dc-tags #content .tag40 { font-size: 140%; }
.dc-tags #content .tag50 { font-size: 150%; }
.dc-tags #content .tag60 { font-size: 160%; }
.dc-tags #content .tag70 { font-size: 170%; }
.dc-tags #content .tag80 { font-size: 180%; }
.dc-tags #content .tag90 { font-size: 190%; }
.dc-tags #content .tag100 { font-size: 200%; }

.dc-archive #content .tag0 { font-size: 100%; }
.dc-archive #content .tag10 { font-size: 110%; }
.dc-archive #content .tag20 { font-size: 120%; }
.dc-archive #content .tag30 { font-size: 130%; }
.dc-archive #content .tag40 { font-size: 140%; }
.dc-archive #content .tag50 { font-size: 150%; }
.dc-archive #content .tag60 { font-size: 160%; }
.dc-archive #content .tag70 { font-size: 170%; }
.dc-archive #content .tag80 { font-size: 180%; }
.dc-archive #content .tag90 { font-size: 190%; }
.dc-archive #content .tag100 { font-size: 200%; }
.dc-archive #content #by-tag a { text-decoration: none;}


/* archives */
.dc-archive .content-inner h3 {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1.5em;
	border-top:  1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding:  4px 0;
	}
.dc-archive .content-inner ul, .dc-archive .content-inner ul li {
	margin: 3px 0 0 0;
	padding: 0;
	text-indent: 0;
}
.dc-archive .x1 h4, .dc-archive .x2 h4 {
	clear: both;
	font-size: 1.2em;
	margin-top: 1.5em;
	}
.dc-archive .x1 h5, .dc-archive .x2 h5 {
	clear: both;
	font-size: 1em;
	color: #999;
	}

/* 404 */
p#error404 {
	float: left;
	font-size: 20em;
	color: #fff;
	background: #000;
	line-height: 65%;
	margin-top: 0;
	margin-right: 24px;
	font-family: "century gothic", verdana, "lucida sans unicode", arial, sans-serif;
	font-weight: bold;
	}
	
/* pages */
.page-info {
	border-top:  1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 4px;
	}
.dc-page .post-content {
	margin-bottom: 3em;
	}
	
/* contac me */
.dc-contactme #content h2 {
	padding-bottom: 1em;
	border-bottom: 8px solid;
	margin-bottom: 3em;
	font-weight: normal;
	}
	
/* -----------------------------------------------------
	SEARCH BOX AND SEARCH-SUGGEST
------------------------------------------------------ */
#blognav div#search, #blogextra div#search, .dc-archive div#search {
	position: absolute;
	float: none;
	top: 78px;
	right: 4px;
	width: 250px !important;
	margin: 0;
	padding: 0;
	}	
#search h2, .dc-archive div#search h2 {
	display: none;
	}
#search #q {
	width: 180px;
	border: 1px solid #205ca6;
	}
div#search div#search-suggest {
	position: absolute;
	width: 220px !important;
	margin: 0 !important;
	z-index: 100;
	}
div#search-suggest li {
	padding: 0 10px;
	}
div#search-suggest ul li a, .dc-home div#search-suggest ul li a {
	display: block;
	padding: 4px 10px;
	color: #fff;
	background: #666;
	border-bottom: 1px solid #FFF;
	text-decoration: none;
	}
div#search-suggest li.suggest-select a {
	color: #000;
	}
div#search-suggest ul li a:hover, .dc-home div#search-suggest ul li a:hover {
	background: #205ca6;
}

/* clearers
------------------------------------------------------------ */
#footer, .post, .footnotes, 
.attachments, .post-info-co, #comments {
	clear: both;
	}

/* special plugins
------------------------------------------------------------ */

/* carnaval */

.masque_mono {
	background: transparent url(images/protection.png) no-repeat;
}

/* en attendant débugage */
.dc-archive #main #related h2 { display: none; }