/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2008 Olivier Meunier 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
#
# Theme Name: Giacomo
# Version: 1.2
# Author: Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ------------------------------------ 
*/

@import "custom.css";

body {
	margin: 0;
	padding: 0;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 84%;
	color: #111;

}


p {
    font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
    margin: 1em 0;
}

img {
	border: none;
	margin: 0;
}

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

h1 {
	font-size: 2.33em;
	margin: 0.67em 0;
	font-style: italic;
}

h2 {
	font-size: 1.5em;F
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

h1, h2 {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
}

h3, h4, h5, h6 {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-weight: bold;
	color: #666;
	margin-top: 2em;
}

code, pre {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 1.1em;
	background: #f7f7f7;
}

pre {
	margin: 0 auto;
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: left;
	white-space: normal;
	/* caché pour IE 5 Mac qui sait pas faire \*/
		white-space: pre;
		width: 90%;
		overflow: auto;
	/* End hack */
}

q { /* citations */
    font-style: italic;
	background: #f1f1f1;
	padding: 0 4px;
}

cite {
	font-style: italic;
}

blockquote {
	background: #f1f1f1;
	margin: 1em 1em 1em 2em;
	padding: 1em 2em 0.33em 1em;
	border-left: 3px solid #ddd;
}

a {
	color: #8D324E;
	text-decoration: none;
}

a:hover {
	color: #8D324E;
	text-decoration: underline;
}

#main a:link, #main a:visited {
	color: #8D324E;
}

#main .post-info a, #main .post-tags a, #main .post-info-co a {
	color: #8D324E;
}

#main a:hover {
	color: #8D324E;
}

#main a:active {
	font-weight: bold;
}

#main a:focus {
	text-decoration: underline;
}


#top a {
    background: none repeat scroll 0 0 transparent;
    color: #8D324E;
    font-weight: normal;
    text-decoration: none;
}

#top a:hover, #main .post-title a:hover {
	color: #B8860B;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #CED6D9;
	background: transparent;
}

acronym, abbr {
	border-bottom: 1px dashed #BBB #999;
	cursor: help;
}

.footnotes {
	font-size: 0.9em;
	color: #666;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

.footnotes h4 {
	margin: 0.5em 0;
}

ul {
	position: relative;
	/* pour eviter la disparition d'image aleatoire 
	au survol des liens */
}


/* Structure
-------------------------------------------------------- */

#page {
	width: 100%;
	background: transparent;
}

/* Prelude
-------------------------------------------------------- */

#prelude {
    font-size: 0.85em;
    left: 25em;
    padding: 0;
    position: absolute;
    top: 94px;
}

/* Les trois lignes suivantes à supprimer si vous souhaitez 
que le prelude soit visible */

#prelude, #prelude a {
    color: #666666;
    display: none;
}

/* Titre
-------------------------------------------------------- */

#top {
    font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
    height: 232px;
    padding-left: 8em;
    text-align: left;
    width: 65%;
	/*background: #fff url(http://blog.plafonddeverre.fr/public/miroir_venus.JPG) no-repeat;*/
}


#top h1 {
    font-size: 2.6em;
    line-height: 2em;
    margin-left: 25px;
    padding: 0 1px 1em;
    width: 473px;
}

/* conteneur des trois colonnes
------------------------------------------------------------------------ */

#wrapper {
	margin: 0;
	padding: 0;
}

/* Centre (partie des billets)
-------------------------------------------------------- */



#main {
    display: inline;
    float: left;
    margin: 30px 25px 25px;
    padding: 15px;
    width: 80%;
 }

#content {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	line-height: 140%;
	/*border-left: 1px dashed #ada095;
    border-right: 1px dashed #ada095;*/
	margin: 0 16em 0 5em;
	padding: 0 2em;
}

/* Calage des sidebar
-------------------------------------------------------- */






#sidebar div {
    margin: 20px 0;
    padding: 0;
}


#sidebar div.pages {
    left: 131px;
    position: absolute;
    top: 83px;
}
#blognav {
	margin-top: 2em;
}

#blogextra {
	width: 18em;
	/*position: absolute;*/
	top: 160px;
	left: 1em;
	text-align: right;
        float: left;
}

/* content
-------------------------------------------------------------- */

#content-info, #content-info h2 {
	color: #8D324E;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	margin: 2em 0 0 0;
	padding: 0;
}

#content-info {
	font-size: 0.84em;
}


.day-date {
    color: #ADA095;
    font: italic 101%/150% 'Palatino Linotype','Book Antiqua',Palatino,serif;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 15px;
    text-align: left;
    text-transform: lowercase;
}

.post {
	margin-top: 2em;
	padding-bottom: 1.5em;
}

.post-title {
	background: transparent url(images/ico_entry.png) no-repeat 0 40%;
	color: #8D324E;
    font-size: 1.9em;
    font-weight: normal;
    margin: 0 0 23px;
    padding-left: 0;
    line-height: 30px;
}

.post-excerpt {
	margin-top: 1.33em;
}

.post-content {
	text-align: justify;
	margin-top: 1.33em;
	color: #666;
}

.post-content p {
	margin-top: 0.66em;
	line-height: 145%;
	color: #333333;
}


.post-info {
    color: #999999;
    font-size: 80%;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 0.5em;
}

.comment_count, .ping_count {
	background: transparent url(images/ico_comments.png) no-repeat 0 40%;
	margin-top: 0;
	padding: 0 13px;
}

.post blockquote {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	background: #f5f5f5 url(images/quote.gif) no-repeat 4px 4px;
	margin: 2em;
	padding: 3px 2em;
}

.post blockquote p {
	margin-top: 1em;
}

.post-info-co span {
	background: transparent url(images/ico_tb.png) no-repeat 100% 40%;
	padding: 0 15px 0 0;
}

.post ul, .post ul li, .content-inner ul, .content-inner ul li {
	list-style: none;
	padding-left: 1em;
	margin: 0 0 0 0;
}

.post ul li {
	display: block;
	background: transparent url(images/ul.gif) no-repeat 0 4px;
	padding-left: 14px;
}

.post ul ul li {
	display: block;
	background: transparent url(images/ulul.png) no-repeat 0 4px;
	padding-left: 9px;
}

ul.post-tags {
	padding-left: 0;
}

ul.post-tags li {
	display: inline;
	background: transparent url(images/ulul.png) no-repeat 0 4px;
	padding-left: 9px;
	padding-right: 14px;
}

/* --------------------------------------------------------------------
	COMMENTAIRES
----------------------------------------------------------------------- */

#pings, #comments, #pr, #comment-form {
	margin: 0;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 0.9em;
}

#comments .me {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	color: #333;
}

#comments dd.me {
	font-size: 1.1em;
}

#pings h3, #comments h3, #pr h3, #comment-form h3, #comments-feed {
	border-top: 1px solid #933522;
	font-size: 1em;
	margin: 2em 0 1em 0;
}

#pings dd, #comments dd, #pr dd {
	margin: 0 0 1em 2em;
	padding: 1px 1em;
	font-style: normal;
	color: #666;
}

#pings dt, #comments dt {
	margin: 0;
	padding: 0 0 0 18px;
}

#pings dt {
	background-image: url(images/ico_tb.png);
	background-position: 4px 60%;
	background-repeat: no-repeat;
}

#comments dt {
	background-image: url(images/ico_comments.png);
	background-position: 4px 60%;
	background-repeat: no-repeat;
}

.comment-number {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 1.8em;
}

.comment-number a {
	text-decoration: none;
}

#comments-feed {
	margin: 2em 0 1em 0;
	text-align: center;
	background: #933522;
	padding: 2px;
}

#comments-feed a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/* Error messages
-------------------------------------------------------- */

.error {
	border: 1px solid #c00;
	background: #fee;
	padding: 0.5em;
}

.error ul {
	padding-left: 20px;
}

.error li {
	list-style: square;
}

/* -------------------------------------------------------
	COLONNES LATERALES
---------------------------------------------------------- */

#sidebar a {
    color: #666666;
    position: relative;
    text-decoration: none;
    z-index: 1000;
}
#sidebar a:hover {
    border-bottom: none;
    color: #8D324E;
	text-decoration: none;
}

#sidebar a {
	text-decoration: none;
    color: #666;
}
#sidebar a:hover {
    border-bottom: none;
    color: #8D324E;
	text-decoration: none;
}


#sidebar h2 {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed #BBB;
    color: #B8860B;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0;
    padding: 0 0 11px;
    text-align: left;
}


#blognav h3, #blogextra h3 {
    color: #666666;
    font-size: 1.15em;
    font-weight: normal;
    margin-bottom: 0.5em;
    margin-top: 0.66em;
    text-align: left;
}

/* Menu gauche
----------------------------------------------------------------- */

#blogextra ul {
	padding-left: 0;
	margin: 0 0 0 0;
	list-style: none;
}

#blogextra li {
	display: block;
	margin-top: 0.15em;
	padding-right: 15px;
	color: #e2d6ad;
	background: transparent url(images/fleche.png) no-repeat right 0.25em;
}

/* Menu droit
-------------------------------------------------------- */

#blognav ul {
	padding-left: 0;
	margin: 0 0 0 0;
	list-style: none;
}

#blognav li {
    color: #999999;
    list-style: square inside none;
    margin-bottom: 10px;
    margin-top: 0.15em;
    padding-left: 15px;
    text-align: left;
}


#blognav div.pages li {
    background-color: #8D324E;
    border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    color: #FFFFFF;
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
    margin-right: 11px;
    margin-top: 0;
    padding: 5px 7px;
    text-align: left;
}
#blognav div.pages li:hover{
    background-color: #B8860B;
}
#sidebar #blognav div.pages a{
	text-decoration: none;
	color: #fff;
}
#topnav {
	font-size: 1.33em;
}

#topnav span {
	display: none;
}

/* Search form */

#sidebar #search {
	margin-bottom: 1.5em;
}

/* Footer
-------------------------------------------------------- */


#footer {
    border-top: medium none;
    clear: both;
    color: #666666;
    font-size: 0.9em;
    line-height: 100%;
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
}

/* Error messages
-------------------------------------------------------- */

.error {
	border: 1px solid #c00;
	background: #fee;
	padding: 0.5em;
}

.error ul {
	padding-left: 20px;
}

.error li {
	list-style: square;
}

/* Formulaires
-------------------------------------------------------- */

fieldset {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 1em;
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name] {
	background: #f1f0ed;
}

input[type=submit], input[type=reset] {
	background: #ccc;
	color: #000;
}

input[type=submit]:hover {
	background: #598F9A;
	color: #fff;
}

textarea {
	width: 95%;
}

p.field {
	margin: 0.5em 0 0 0;
}

p.field label {
	display: block;
	font-weight: bold;
	font-size: 0.85em;
}

/* ---------------------------------------------------
    PAGES SPECIFIQUES
--------------------------------------------------- */

.dc-archive-month .day-date {
	text-align: left;
	margin: 1em 0 0 0;
}

.dc-archive-month .post-title {
	margin: .5em 0 0 0;
}

.dc-tags #main {
	margin-right: -1em;
}

.content-inner {
	padding: 3em;
	margin: 0;
}

ul.tags {
	font-size: 1.2em;
	line-height: 200%;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.tags li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.tags .tag0 {
	font-size: 90%;
}

ul.tags .tag10 {
	font-size: 95%;
}

ul.tags .tag30 {
	font-size: 105%;
}

ul.tags .tag40 {
	font-size: 110%;
}

ul.tags .tag50 {
	font-size: 120%;
}

ul.tags .tag60 {
	font-size: 125%;
}

ul.tags .tag70 {
	font-size: 130%;
}

ul.tags .tag80 {
	font-size: 135%;
}

ul.tags .tag90 {
	font-size: 140%;
}

ul.tags .tag100 {
	font-size: 150%;
}

/* ---------------------------------------------------
    NE PAS OUBLIER
--------------------------------------------------- */

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

/* un peu de ménage */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/*\*/
* html #wrapper {
	height: 1%;
}
#wrapper {
	display: block;
}
.post-content img {
    border: 1px dashed #BBB;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 6px;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 87%;
	color: #111;
}
#sidebar div.menu-images{
    left: 130px;
    position: absolute;
    top: 95px;
}
#sidebar div.menu-images img{

}


#sidebar div.menu-images a {
    float: left;
    margin-right: 32px;
    text-align: center;
    position: relative;
}

#sidebar div.menu-images p {
    font-size: 116%;
    margin: 0.4em 0 0;
    text-align: center;
}
.post {
    border-top: 1px dashed #BBBBBB;
    margin-top: 3em;
    padding-bottom: 0;
    padding-top: 15px;
}
#sidebar {
    border-left: 1px dashed #BBBBBB;
    color: #333333;
    float: left;
    font-size: 0.86em;
    margin: -193px 0 0 -20em;
    padding-left: 33px;
    width: 18em;
    z-index: 99;
 }

.post-content p {
    line-height: 145%;
    margin-top: 0.66em;
}

.post-content p {
    color: #333333;
}
/* */

.share { text-align: left }
.share ul li { display: inline-block; text-align: left}