﻿
/* === BLOCS === */

body {
	font-size : 12px;
	margin : 0;
	padding : 0;
	text-align : center;
	background : #ccc;
	color:#222;
	font-family: Verdana, "Lucida Grande", optima, "Trebuchet MS", sans-serif;
	}

#page {
	width : 90%;
	margin : 10px auto 10px auto;
	padding : 0;
	background : transparent;
	text-align : left;
	}

#top {
	width : 90%;
	margin : 10px auto 0 auto;
	padding : 0;
	text-align : center;
	}

#main {
	width : 100%;
	margin : 0 0 0 0;
	padding : 0;
	float : left;
	background : transparent;
	}

#arcanes {
	padding : 20px 20px 1em 40px;
	margin : 0 180px 15px 0;
	border: 1px solid #A71602;
	background: #fff;
	}

.content {
	padding : 20px 20px 1em 40px;
	margin: 0 0 25px 0;
	border: 0 solid #000000;
	background: #fff;
	}

#footer {
	clear : both;
	text-align : center;
	}

#sidebar {
	width : 120px;
	float : right;
	margin : 0 0 15px 0;
	padding : 0 20px 20px 20px;
	background: #fff;
	border:1px solid #A71602;
	font-size:0.85em;
	color:#666;
	line-height:125%;
	}


/* === TAGS HTML === */

h1 {font-size : 2em; }
h2 { font-size : 1.33em; margin : 0; }
h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }
h4 { font-size : 1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.83em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.67em; margin : 1.5em 0 0 0; }

p { margin : 1em 0 0 0; }

img { border : none; }

q, cite { 
	font-style : italic; 
	background : #f7f7f7; 
	}

form { 
    display : block; 
    margin : 0; 
    padding : 0; 
    }

code, pre { 
    font-family : "Courier New",monospace; 
    font-size : 1.1em;
    color : #66c;
    }

pre {
	background : #f5f5f5;
	border : 1px solid #A71602;
	margin : 1em 2em;
	padding : 0.5em 1em;
	text-align : left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
		/* Fin hack Ne pas supprimer cette ligne */
}


/* === LINKS === */

a {
	text-decoration : none;
	}

a:link {
	color: #3861B4;
}

a:visited {
	color: #3861B4; 
	}

a:hover, a:focus {
	color: #FFA200;
	}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
	}

#prelude a {
	color:#fff;
	}

.post-title a {
	text-transform : none;
	}

#calendar td.active a {
	font-weight : bold;
	}

#footer a img {
	margin: 0 0 0 2px;
	padding: 1px;
	}

#footer a:hover img {
	padding: 0;
	border: 1px solid #FFA200;
	}


/* === HEADER === */

#top h1 {
	margin : 0;
	height : 116px;
	}

#top h1 a {
	display : block;
	height : 76px;
	padding : 33px 0 0 0;
	background : #fff url(images/logo.png) no-repeat bottom left;
	border: 1px solid #A71602;
	}

#top h1 a:hover {
	background : #fff url(images/logo-a.png) no-repeat bottom left;
	border: 1px solid #FFA200;
	}

#prelude {
	color:#fff;
	text-align:left;
	background : transparent;
	margin : 0;
	padding : 0 0 0 3em;
	}

.sous-titre {
	margin : 5px;
	font-size : 12px;
	display : block;
	font-style : italic;
	}

/* === POSTS === */

.post {
	background: transparent url(images/scribe.png) no-repeat left top;
	margin-top: -10px;
	margin-bottom : 1em;
}
.day-date {
	display:none;
	}
.post-title {
	color: #3861B4;
	font-weight : bold;
	padding-left : 97px;
	padding-top: 17px;
}
.post h3, .post h4, .post h5, .post h6 {
	font-weight : bold;
	color : #999;
	margin-top : 2em;
	text-transform: uppercase;
	text-align : left;
	}
.post-info {
	font-size : 11px;
	margin: 0.25em 0 2.5em 0;
	color : #999;
	padding-left : 97px;
}
.post-chapo {
	margin : 1em 0;
	text-align : justify;
	}
.post-content {
	text-align : justify;
	margin-top : 0.5em;
	}
.post-content p, .post-chapo p {
	margin-top : 3em;
	line-height : 140%;
}
.post-suite {
	background: transparent url(images/suite.png) no-repeat left center;
	padding-left: 13px;
	font-size : 11px;
	font-weight : bold;
	}
.post-suite p
{
	margin-top: 1em;
}
.post-info-co {
	margin-bottom:2em;
	margin-top:0.1em;
	background: transparent url(images/com.png) no-repeat left center;
	padding-left: 13px;
	font-size : 11px;
	font-weight : bold;
	}
.post-trackbacks {
	background: transparent url(images/tb.png) no-repeat left center;
	padding-left: 13px;
	font-size : 11px;
	font-weight : bold;
}
.post blockquote {
	margin:2em;
	padding:0 2em 0 1em;
	border-left : 4px solid #A71602;
	}
.post img {
	padding : 2em 0;
	}
.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top : 1em; text-indent : 0;
	}

.post ul {
	list-style-type : none;
	margin-left : 1.5em;
	padding-left : 0;
	}
.post ul li {
	padding-left : 15px;
	background : transparent url(images/puce.png) no-repeat 0 0.4em;
	}
.tags a {
      padding-left : 10px;
      background : transparent url(images/fleche.png) no-repeat 0 0.5em;
      }

.tags a:hover {
      background : transparent url(images/fleche2.png) no-repeat 0 0.5em;
      }


/* === COMMENTAIRES === */

#trackbacks, #comments, #comment-preview {
	}

#comments {
	border-top : 4px dotted #A71602;
	}

#comments h3, #trackbacks h3 {
	margin-top : 2em;
	margin-bottom : 1em;
	color: #A71602;
	padding-left: 18px;
	background: transparent url(images/h3.png) no-repeat left center;
	}

.comment-info {
	margin : 0;
	padding :  2px 1em;
	background : #ddd;
	border-top: 1px solid #A71602;
	border-right: 1px solid #A71602;
	border-left: 1px solid #A71602;
	border-bottom: 1px dashed #A71602;
}
#comments blockquote, #trackbacks blockquote {
	background : #eee;
	margin : 0 0 2em 0;
	padding : 1px 1em 0.5em 1em;
	border-right: 1px solid #A71602;
	border-left: 1px solid #A71602;
	border-bottom: 1px solid #A71602;
}


/* === SIDEBAR === */
    
#sidebar h2 {
	font-family:Georgia, serif;
	font-size : 1.33em;
	margin-top:1.5em;
	margin-bottom:0.5em;
	color : #999;
	}
#sidebar h3 {
	font-family:Georgia, serif;
	font-weight : normal;
	margin-top: 0.5em;
	margin-bottom:0.33em;
	color : #999;
	font-size : 1.1em;
	}
#sidebar ul {
	list-style:none;
	margin : 0 0 1em 0.66em;
	padding:0;
	}
#sidebar li {
	margin :0;
	padding : 0;
	}

#sidebar li a {
      padding-left : 10px;
      background : transparent url(images/fleche.png) no-repeat 0 0.5em;
      }

#sidebar li a:hover {
      background : transparent url(images/fleche2.png) no-repeat 0 0.5em;
      }

#search {
	margin-top:2em;
	}

#calendar {
	}
#calendar h2 {
	display : none;
	}
#calendar table {
	border-collapse : collapse;
	font-size : x-small;
	margin : 0 auto;
	}
#calendar caption { /* nom des mois */
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	}
#calendar abbr { /* nom des jours */
	border : none;
	}
#calendar th, #calendar td { /* th : cellules d'entete vertical (jours) - td : cellules */
	border : none;
	padding : 1px;
	text-align : center;
	}
#calendar td.active { /* cellules du jour actif */
	background : #ddd;
	}

#links a img {
	padding: 1px;
	}

#links a:hover img {
	padding: 0;
	border: 1px solid #FFA200;
	}


/* === FORMS === */

fieldset {
	display : block;
	border : none;
	margin : 0 0 0.5em 0;
	padding : 0;
	}

fieldset p {
	margin-bottom : 1em;
	}

.form-help {
	margin : 1em 0;
	}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	background : #eee;
	border: 1px solid #A71602;
	}

input[type=text]:hover, textarea:hover {
	border-color: #FFA200;
	}

input[type=text]:focus, textarea:focus {
	border-color: #FFA200;
	}

input[type=submit], input[type=reset] {
	background : #eee;
	border-color : #A71602;
	}

input[type=submit]:hover {
	background : #eee;
	color : #FFA200;
	border: 1px solid #FFA200;
	cursor: pointer;
	}

textarea {
	width : 95%;
	}

p.field {
	margin : 1em 0 0 0;
	}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
	width : 13em;
	float : left;
	color : #666;
	}

.form-help {
	}

#comment-form {
	}

input.preview {
	}

input.submit {
	}

#c_nom {
	}

#c_mail {
	}

#c_site {
	margin-bottom : 1em;
	}

#c_content {
	}

#c_remember {
	}


/* === ERRORS === */

.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
	}

.error ul {
	padding-left : 20px;
	}

.error li {
	list-style : square;
	}