@import "custom.css";
@import "calendar.css";

body {
	font-size: 0.80em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#666666;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center; 
}

* {
	margin : 0;
	padding : 0;
}

hr { 
	color: lightslategray;
	background-color: lightslategray;
	height: 1px;
	border: 0;
	margin-bottom : 1em;
}

h2, h3 { font-weight : normal ; margin : 0 0 0.33em 0;}
h1 { font-size : 1.66em; margin : 0; }
h2 { font-size : 1.5em; }
h3 { font-size : 1.2em; margin : 0.8em 0; }
h4 { font-size : 1em; margin : 1em 0; }
h5 { font-size : 0.9em; margin : 1.25em 0; }
h6 { font-size : 0.8em; margin : 1.75em 0; }

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

a:link { color : #8cbd44; }
a:visited { color : #8cbd44; }
a:hover, a:active, a:focus { text-decoration: underline;  }

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	background : transparent;
	font-size : 0.9em;
}

a.feed {
	padding-left : 16px;
	background : transparent url(images/feed.gif) no-repeat;
}

p { margin : 0 0 1em 0; } /* paragraphes */
img { border : none; } /* images */
form { display : block; margin : 0; padding : 0; }

q {
	font-style : italic; 
	margin : 1em; 
}

cite {
	font-style : italic; 
}

ul, ol { margin-left : 1em; padding-left : 1em; margin-bottom : 1em; }
sup { padding-left : 0.15em; font-size : 80%; }

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

blockquote {
	margin : 1em 2em;
	padding : 1em 1em 0 1em;
	border : 1px dotted #8CBD44;
	background : #EDEDED;
}

code, pre{
	font-family : "Courier New",monospace;
	font-size : 1em;
}

pre {
	background : lavender;
	margin : 0.33em auto;
	margin-bottom : 1em;
	padding : 1em;
	text-align:left;
	white-space:normal;
	width : 90%;
		/* caché 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 */
}

#page {
	text-align :left;
	width:960px;
	margin : 0 auto;
	position : relative;
}

#top {
	margin : 0;
}

#top h1 {
	padding : 0;
	margin : 0;
}

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

#wrapper {
	margin : 0;
	padding : 0;
}
    
#main {
	width : 500px;
	float : left;
	display:inline;
	margin:0 30px 0 230px;
}

#content {
}

#sidebar {
	width : 200px;
	float : left;
	margin : 0;
	padding : 0;
	font-size:.85em;
}

#blognav{ 
	padding : 0 8px;
	margin-left:-770px;
	width:200px;
	display:inline;
	float:left;
}

#blogextra {
	width:200px;
	float:right;
	display:inline;
}

#footer {
	height : 2.5em;
	clear : both;
	text-align : center;
	margin : 0;
	background : lightsteelblue;
}

#sidebar div div {
	margin-bottom : 8px;
}

#top {
	position : relative;
	height : 190px;
}

#top h1 {
	background : transparent;
	text-align : right;
	padding : 0;
	position : absolute;
	top : 210px;
	width : 800px;
}

#top h1 img {
	display:block;
	height : 30px;
	font-weight : normal;
	text-decoration : none;
	padding-right : 40px;
}

#top a:visited {
	color : steelblue;
}

#top a:hover {
	background : transparent;
}

#prelude {
	position : absolute;
	top : 204px;
	left : 10px;
	font-size : 0.9em;
	display:none;
}

#prelude, #prelude a, #prelude a:hover {
	background : transparent;
}

#prelude p {
	margin : 0 0 0 10px;
	padding : 0;
}
#footer {
	display:none;
}
#footer p {
	padding : 6px 30px;
}
#footer a {
	color : white;
}

#content ul {
	list-style-type : none;
}

#content ul li {
}

#content ul li ul li {
}

.post {
	margin-bottom : 2em;
	padding : 10px 10px 5px 10px;
	background : #ededed;
}

.day-date {
}
    
.post-title {
	line-height : 110%;
	padding-left:16px;
	background: transparent url(images/ico_fle_droite_vert.png) no-repeat 0px center;
}

.post-title a:link, .post-title a:visited {
	text-decoration : none;
}

.post-title a:hover {
}

.read-it, .post-info {
	margin-bottom : 0;
}

.post-info-co {
	text-align : right;
}

.read-it a, .post-info a, .post-info-co a, .post-tags a {
}

.post-excerpt, .post-content {
}

.post h3, .post h4, .post h5, .post h6 {
	text-transform : uppercase;
	color : gray;
	margin-top : 1.5em;
}

.post-info, .post-info-co {
	font-size : 0.9em;
}

.post-info {
	margin-bottom : 1em;
}

.footnotes h4 {
	width : 200px;
	padding-top : 4px;
	border-top : 1px solid slateblue;
	text-transform : capitalize;
	font-weight : bold;
	margin-top : 2em;
}

#pings, #comments {
	font-size : 1em;
}

#pr {
	background : darkslateblue;
	font-weight : bold;
	color : #fff;
	padding : 6px 20px;
}

#comments h3, form h3, #pings h3 {
	margin-top : 1.5em;
	margin-bottom : 1em;
	border-bottom:1px solid #ccc;
}

#comments dt, #pings dt {
	margin-top : 2em;
	margin-bottom : 1em;
	font-weight : bold;
	color : gray;
}

#comments dt a:link, #pings dt a:link, 
#comments dt a:visited, #pings dt a:visited {

}

.comment-number, .ping-number {
	font-size : 1.1em;
	padding : 1px 10px 1px 0;
	background : transparent;
}

.odd .comment-number, .odd .ping-number {
	background : transparent;
}

#ping-url {
	color : darkslateblue;
	margin-bottom : 2em;
}

#comments-feed {
	margin-top : 1.5em;
	text-align : left;
}

#comments .comment{
	font-size:.85em;
}

#comments form {
	padding : 1em;
	border : 1px solid #ddd;
	margin:0pt 0pt 2em;
}

#comments dt.me, #comments dd.me, #comments dt.me a:link, #comments dt.me a:visited,
#comments dt.me.odd, #comments dd.me.odd, #comments dt.me.odd a:link, #comments dt.me.odd a:visited {
	color : darkslateblue;
}

#comments dd {
	background : transparent;
}

#comments dd.odd {
	background : transparent;
}

#comments dd.me {
	background : transparent;
}

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 {
	border : 1px solid silver;
}
input[type], textarea[name] {
	background : whitesmoke;
}
input[type=submit], input[type=reset] {
	background:#ccc;
	color : #fff;
}

input[type=submit]:hover {
	color : white;
}

textarea {
	width : 95%;
}

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

p.field label {
	clear:left;
	display : block;
	font-weight : bold;
	font-size : 1em;
	width : 11em;
	float : left;
}

input.preview {
	background : steelblue;
	color : #fff;
}

input.submit {
	background : steelblue;
	color : #fff;
}

#comment-form input#c_remember { border: 0;}

#sidebar a {
	text-decoration : none;
}

#sidebar h2 {
	font-size : 1.1em;
	padding-top : 0.5em;
	margin-top : 1em;
	font-weight : bold;
	text-align:left;
	border-bottom:1px solid #ccc;
}

#sidebar h3 {
	font-size : 1em;
	font-weight : bold;
	color : slategray;
}

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

#sidebar li{
	padding-left : 0
}

#sidebar li a{
	display:block;
	padding:4px 2px 4px 16px;
	background: transparent url(images/ico_fle_droite_vert.png) no-repeat 4px center;
}

#sidebar ul li a:hover,#sidebar ul li a.on{ 
	background: #8CBD44 url(images/ico_fle_droite_blanc.png) no-repeat 4px center;
	color:#fff;
	text-decoration:none;
	padding:2px 0 2px 14px;
	border:2px solid;
}

#topnav {
	font-size : 1.15em;
	padding : 0.25em 0 0 0;
	margin-top : 0;
	font-weight : bold;
}

#topnav span {
	display:none;
}

#topnav li {
	padding-top : 5px;
	padding-left : 0;
	background : none;
}

#q {
	width : 130px;
}

#toptags {
	position : absolute;
	top : 30px;
	left : 50%;
	width : 800px;
	margin : 0;
	margin-left : -400px;
	background-color : lightsteelblue;
	background : transparent;
	height : 130px;
	overflow : hidden;
	line-height : 170%;
}

#toptags ul {
	list-style-type: none;
	padding : 12px 30px 12px 200px;
	margin : 0;
	text-align : left;
	text-align : center;
}

#toptags ul li {
	margin: 0;
	padding: 0 36px 0 0;
	display:inline;
}

#toptags ul li a {
	padding : 0;
	margin : 0;
	color : lightslategray;
	text-decoration : none;
}

#toptags ul li a:hover {
}

#toptags .tag0 { font-size: 75%; }
#toptags .tag10 { font-size: 80%; }
#toptags .tag20 { font-size: 90%; }
#toptags .tag30 { font-size: 100%; }
#toptags .tag40 { font-size: 110%; }
#toptags .tag50 { font-size: 120%; }
#toptags .tag60 { font-size: 130%; }
#toptags .tag70 { font-size: 140%; }
#toptags .tag80 { font-size: 150%; }
#toptags .tag90 { font-size: 160%; }
#toptags .tag100 { font-size: 170%; }

#syndicate ul {
	list-style-type : none;
}

#syndicate ul li {
	background-image : none;
	padding-left : 0;
}

#content ul.post-tags * {
	margin : 0;
	padding : 0;
}

#content ul.post-tags {
	list-style: none;
	display: block;
	padding: 0;
	margin-left : 0;
}

#content ul.post-tags li, span.arch-tag {
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0 0 14px;
	background: transparent url(images/tag.gif) no-repeat left center;
}

#content ul.post-tags li:after {
	content: ',';
}

#content ul.post-tags li:last-child:after {
	content: '';
}

#content ul.post-tags li a {
	color : dimgray;
	border : none;
}

.dc-tags .content-inner ul {
	list-style-type : none;
	line-height : 200%;
	font-size : 110%;
}

.dc-tags .content-inner ul li, .dc-tags #content .content-inner ul li a {
	text-decoration : none;
}

.dc-tags #content ul li { background : none;}
.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%; }

#navlinks {
	margin-bottom : 3em;
}

#content-info {
	padding : 1em 4em 1px 3em;
	color : #555;
	margin-bottom : 2em;
}

.error {
	border : 1px solid #333;
	background : #ccc;
	padding : 0.5em;
}

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

.error li {
	list-style : square;
}

.center {
	text-align : center;
}

.right {
	text-align : right;
}

.petites-cap {
	font-size : 0.82em;
	text-transform : uppercase;
}

.petit {
    font-size : x-small;
}

.dc-archive .content-inner {
	font-size : medium;
	line-height : 140%;
}

.dc-archive .content-inner h3 {
    clear : both;
    float : left;
    width : 200px;
    font-size : 4em;
    margin : 0;
    padding : 0;
    color : #ddd;
    line-height : 100%;
    }    
.dc-archive .content-inner ul {
    margin : 0 0 60px 200px;
    padding : 0;
    border-left : 8px solid #ddd;
    }
.dc-archive #content .content-inner ul li, .dc-archive-month #content li, .dc-archive #content .content-inner ul li a, .dc-archive-month #content li a  {
    background-image : none;
    color : dimgray;
    text-decoration : none;
    }
.dc-archive-month #content li.arch-title a {
    padding-bottom : 4px;
    margin-top : 1em;
    color : darkslateblue;
    }
.dc-archive-month #content li.arch-title span {
    font-size : 1.25em;
    background : transparent;
    padding-left : 8px;
}    

.post, .post-content, .footnotes, .attachments, .post-info-co, #comments {
    clear:both;
}

table.spip_barre { }
.formulaire_spip table.spip_barre a img { background: #8cbd44; padding: 3px; border: 2px solid #719b32; }
.formulaire_spip table.spip_barre a:hover img { background: #FFF; border: 2px solid #719b32;}
table.spip_barre input.barre {  background: transparent; border: 0; color: #666; }

#formulaire_forum{
	width:80%;
	margin:0 auto;
	background:transparent;
}

.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea, .formulaire_spip select {
	margin:0pt;
	width:99%;
}

.formulaire_login{
	margin:0;
	padding:0;
}

.formulaire_spip fieldset legend{
	color:inherit;
	font-size:inherit;
	font-style:normal;
	font-weight:normal;
	padding:5px;
	background:#EEEECC none repeat scroll 0% 0%;
}

.formulaire_spip form#formulaire_login .forml{
	border:none;
	margin:0;
	padding:2px;
}

.formulaire_spip label { font-size: 0.85em; }

.formulaire_spip ul{
	margin: 0 0 10px 0;
	padding:0;
	border:1px solid #ccc;
}

.formulaire_spip ul li{
	list-style-type:none;
	margin:2px 0;
	padding:5px 10px 5px 130px;
}


.formulaire_spip ul li.saisie_texte{
	padding:5px;
}

.formulaire_spip ul li.saisie_texte label{
	display:block;
	margin:0;
	width:auto;
	float:none;
}

.formulaire_spip ul li.explication{
	padding-left:10px;
}

#nom_site_logo{
	position:absolute;
	width:100%;
	top:76px;
	height:36px;
	background-color:#000;
	z-index:-1;
	color:#fff;
}

#nom_site_logo img{
	padding-left:400px;
}

#top a img{
	position:absolute;
	z-index:3;
}

.bloc_tl{
	width:11px;
	height:11px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(images/corners/tl.png) no-repeat;
}

.bloc_tr{
	width:11px;
	height:11px;
	position:absolute;
	top:0;
	right:0;
	background:transparent url(images/corners/tr.png) no-repeat;
}

.bloc_bl{
	width:11px;
	height:11px;
	position:absolute;
	bottom:0;
	left:0;
	background:transparent url(images/corners/bl.png) no-repeat;
}

.bloc_br{
	width:11px;
	height:11px;
	position:absolute;
	bottom:0;
	right:0;
	background:transparent url(images/corners/br.png) no-repeat;
}

.bloc_t{
	position:absolute;
	top:0;
	left:11px;
	width:200px;
	height:11px;
	background:transparent url(images/corners/back.png);
}

.bloc_b{
	position:absolute;
	bottom:0;
	left:11px;
	width:200px;
	height:11px;
	background:transparent url(images/corners/back.png);
}

.bloc_content{
	padding:0 11px;
	margin:11px 0;
	width:200px;
	background:transparent url(images/corners/back.png) repeat;
}

#galaxie{
	position:absolute;
	top:112px;
	left:125px;
}

#galaxie ul{
	height:25px;
	padding:0pt 6px;
	margin:0;
}

#galaxie ul li {
	float:left;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

#top #galaxie ul li a:visited,#top #galaxie ul li a{
	color:#ccc;
	display:block;
	float:left;
	font-size:12px;
	line-height:22px;
	padding:0pt 5px;
}

#top #galaxie ul li a.spip_out{
	background:none;
}

#galaxie ul li.selected a {
	font-weight:bold;
}
#galaxie ul li a:hover, #galaxie ul li a.selected {
	border-bottom:2px solid #FFFF00;
	color:#FFF;
}

#galaxie .bloc_content{
	margin-top:0;
	width:170px;
}

#galaxie .bloc_b{
	width:170px;
}