/* ------------------------------------------------------------------
    PERSONNALISATIONS
------------------------------------------------------------------- */
@import "custom.css";
@import "calendar.css";
 
/* ------------------------------------------------------------------
    REGLES HTML PAR DEFAUT
------------------------------------------------------------------- */
body {
	background: #000000;
	color: #ccc;
	font-family: "Trebuchet MS", trebuchet, verdana, sans-serif;
	font-size: 78%;
	line-height: 1.3em;
	margin:0;
	padding:0;
}

* { margin: 0; padding: 0; }

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

/* Hierarchie des titres */
h2, h3 { font-weight: normal; margin: 0 0 0.33em 0; }

h3, h4, h5, h6 { font-weight: bold; }

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; }

/* Comportement des liens */
a { color: #770000; text-decoration: none; }

a:link { color: #770000; }

a:visited { color: #770000; }

a:hover, a:active, a:focus { color: #e3acc8; }

/* Mention de la langue d'un lien */
a[hreflang]:after {
	background: transparent;
	color: #999;
	content: "\a00000[" attr(hreflang) "]";
	font-size: 0.9em;
}

/* liens rss */
a.feed {
	background: transparent url(img/feed.png) no-repeat left center;
	padding-left: 16px;
}

/* Regles des balises courantes */
p { margin: 0 0 1em 0; /* paragraphes */ }

img { border: none; /* img */ }

form { display: block; margin: 0; /* formulaires */ }

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

cite { font-style: italic; }

ul, ol { margin-bottom: 1em; margin-left: 1em; padding-left: 1em; }

sup { font-size: 80%; padding-left: 0.15em; }

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

blockquote {
	background: #222 url(img/quotered.gif) no-repeat 1em 1em;
	border: 1px dotted #333;
	margin: 1em 2em;
	padding: 1em 1em 0 1em;
}

/* Presentation des lignes de code */
code, pre {
	color: #aaa;
	font-family: "Courier New",monospace;
	font-size: 1em;
}

pre {
	background: #222;
	margin: 0.33em auto;
	margin-bottom: 1em;
	overflow: auto; /* Fin hack Ne pas supprimer cette ligne */
	padding: 1em;
	text-align: left;
	white-space: pre;
	white-space: normal;
	width: 90%;
	width: 90%; /* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
}


/* --------------------------------------------------------
STRUCTURE
-------------------------------------------------------- */
#page {
	/* background: #000 url(img/baniere.jpg) no-repeat center top; */
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 800px;
	z-index: 100;
	padding: 0 100px 10px 100px ;
	border: 1px #202020 solid;
	height: 95%
}

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

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

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

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

#main {  float: right; margin: 0 0 0 0px; width: 80%; padding:0; height: 100%;}

#content {
	border: 1px solid #222;
	margin: 5px;
	padding: 0 40px 0 15px;
	background: #111;
}

#sidebar { 
	margin: 0; 
	padding: 0; 
	width: 15%;
	
}

#blognav, #blogextra { margin: 0; padding: 0 8px; }

#footer {
	background: #000 /*url(img/footered.jpg)*/;
	clear: both;
	color: #996655;
	/* height: 47px; */
	margin: 0;
	text-align: right;
}

#footer a:link, #footer a:visited { color: #a00; text-decoration: none; }

#footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; }

#sidebar div div {
	background: transparent;
	border-bottom: 1px solid #222;
	margin-bottom: 8px;
}

/* --------------------------------------------------------
    HAUT DE PAGE (+ footer)
-------------------------------------------------------- */
#top { height: 212px; position: relative; }

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

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

#top a:visited { color: #996655; }

#top a:hover { background: transparent; color: #3b3525; }

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

#prelude, #prelude a { background: transparent; color: #3b3525; }

#prelude a:hover { color: #996655; }

#prelude p { margin: 0 0 0 10px; padding: 0; }



#footer p { padding: 20px 5px 0 0; }

    
/* ---------------------------------------------------------
    MAIN - BILLETS
---------------------------------------------------------- */
/* règles communes au content */
#content ul { list-style-type: none; }

#content ul li {
	background: transparent url(img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

#content ul li ul li {
	background: transparent url(img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

/* billets */
.post { margin-bottom: 3em; margin-top: 1em; padding: 3px 0 0 0; }

.day-date { border-bottom: 1px solid #222; color: #996655; }

.post-title {
	color: #b00;
	line-height: 110%;
	padding-left: 32px;
}

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

.post-title a:hover { color: #00c; text-decoration: underline; }

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

.post-info a, .post-tags a { color: #e3c8ac; text-decoration: none; }

.read-it a:hover, .post-info a:hover, .post-info-co a:hover, .post-tags a:hover { text-decoration: underline; }

.read-it a, .post-info-co a { color: #a59e95; }

	 
.post-excerpt, .post-content { font-size: 1.05em; text-align: justify; }

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

.post-info-co {
	background: #111;
	font-size: 0.9em;
	padding: .1em;
	text-align: right;
}

.post-info { color: #a59e95; font-size: 0.9em; margin: 0; }

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

.footnotes { color: #aaa; font-size: .9em; }

a.comment_count {
	background: url(img/commentaire.png) no-repeat center left;
	padding-left: 16px;
}

a.ping_count {
	background: url(img/retro.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 16px;
}

a.attach_count {
	background: url(img/attach.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 12px;
}

#attachments { border-top: 1px solid #003; }

#attachments h3 { color: #996655; margin: .5em 0 0 0; padding-left: 5px; }

#attachments ul { list-style: none; }

#attachments ul li {
	background: url(img/attach.png) no-repeat center left;
	padding-left: 18px;
}

/* --------------------------------------------------------
    COMMENTAIRES ET PINGS
-------------------------------------------------------- */
#pings, #comments { border-top: 1px solid #222; color: #bbb; font-size: 1em; }

#pr {
	background: #a59e95;
	color: #333;
	font-weight: bold;
	margin-top: 1em;
	padding: .5em;
}

#comments h3, #pings h3 { color: #800; margin-bottom: 1em; margin-top: 2em; }

form h3, #pr h3 { color: #800; margin: .5em 0 0 0; }

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

#comments dt a:link, #pings dt a:link, 
#comments dt a:visited, #pings dt a:visited { color: #996655; }

#comments dt a:hover, #pings dt a:hover, 
#comments dt a:hover, #pings dt a:hover { text-decoration: underline; }

.comment-number,.odd .comment-number, .ping-number, .odd .ping-number { background: transparent; font-size: 1.1em; }

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

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

#comment-form {
	background: #111;
	border: 1px solid #222;
	margin-top: 2em;
	padding: .5em;
}

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

#comments dt.me.odd, #comments dt.me { }

#comments dd { background: #111; color: #ccc; padding: .5em; }

#comments dd.odd { background: #1b1b1b; color: #ccc; padding: .5em; }

#comments dd.me {
	background: #111;
	border-left: 1px solid #736655;
	color: #acc9e3;
	padding: .5em;
}

#comments dd.me.odd {
	background: #1b1b1b;
	border-left: 1px solid #996655;
	color: #acc8e3;
	padding: .5em;
}

/*----------------------------------------------------------- */
/* Formulaires
-------------------------------------------------------- */
fieldset {
	border: none;
	display: block;
	margin: 0 0 .5em 0;
	padding: 0;
}

fieldset p { margin-bottom: 1em; }

.form-help { margin: 1em 0; }

input, textarea {
	border: 1px solid #666;
	font: 1.1em arial, verdana, sans-serif;
}

input[type], textarea[name] { background: #333; color: #ccc; }

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

input[type=submit]:hover { background: #800; color: #ccc; }

textarea { width: 95%; }

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

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

input.preview { background: #600; color: #ccc; }

input.submit { background: #600; color: #ccc; }

#comment-form input#c_remember { border: 0; margin-bottom: 2px; }

 
/* ---------------------------------------------------------
MENU
---------------------------------------------------------- */
#sidebar { color: #a59e95; font-size: 0.92em; padding-top: 0.5em; }

#sidebar a { color: #d00; text-decoration: none; }

#sidebar a:hover { color: #e3c8ac; }

#blognav, #blogextra { margin: 0; }

#blognav div, #blogextra div { margin: 0; padding: 4px 8px; }

 
#sidebar h2 {
	color: #736655;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0em;
	border-bottom: 1px solid #222;
	padding: 10px;
}

#sidebar h3 { color: #a59e95; font-size: 1.1em; font-weight: normal; }

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

#categories { border: 1px solid #222; background: #111;}
#links { border: 1px solid #222; background: #111;}
#login { border: 1px solid #222; background: #111; padding:3px; margin:0px; text-align: center;}

#sidebar li { background: transparent; padding-left: 10px; }

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

#sidebar #topnav li { display: inline; margin: 0; padding-right: 1em; }

#topnav span { display: none; }

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

li.topnav-arch a {
	background: url(img/arch.png) no-repeat 0 0;
	padding-left: 19px;
}

li.topnav-home a {
	background: url(img/home.png) no-repeat 0 -2px;
	padding-left: 18px;
}

#q { width: 130px; }

#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
	background: transparent url(img/tags.png) no-repeat 0 0;
	padding: 0 0 0 18px;
}

#sidebar #blognav .tags ul, #sidebar #blogextra .tags ul { padding-left: 8px; }

#sidebar #blognav .tags li, #sidebar #blogextra .tags li { display: inline; padding: 0 3px 0 0; }

/* -----------------------------------------------------
    TAGS
-------------------------------------------------------- */
#toptags {
	background: transparent;
	height: 150px;
	left: 50%;
	line-height: 170%;
	margin: 0;
	margin-left: -400px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 800px;
}

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

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

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

#toptags ul li a:hover { color: #000; }

#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; }

/* dans les billets */
#content ul.post-tags * { margin: 0; padding: 0; }

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

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

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

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

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

    
/* Les pages tags et tag */
.dc-tags .content-inner ul { font-size: 110%; line-height: 200%; list-style-type: none; }

.dc-tags .content-inner ul li, .dc-tags #content .content-inner ul li a { display: inline; 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%; }

/* --------------------------------------------------------
    BLOCS COMMUNS DANS PAGES SPECIFIQUES
-------------------------------------------------------- */
#navlinks {
	background: #111;
	border: #222 1px solid;
	color: #333;
	margin: 3px 0 15px 0;
	padding: .2em 1em;
}

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

/* Error messages
-------------------------------------------------------- */
.error { background: #333; border: 1px solid #111; 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; }

/* ---------------------------------------------------
    PAGES SPECIFIQUES
-------------------------------------------------------*/
    
/* présentation pages archives */        
.dc-archive .content-inner { font-size: medium; line-height: 140%; }

.dc-archive .content-inner h3 {
	clear: both;
	color: #008;
	float: left;
	font-size: 3em;
	line-height: 100%;
	margin: 0;
	padding: 0;
	width: 200px;
}

    
.dc-archive .content-inner ul {
	border-left: 8px solid #996655;
	list-style-type: none;
	margin: 0 0 60px 200px;
	padding: 0;
}

.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: #a59e95;
	text-decoration: none;
}

.dc-archive-month #content li.arch-title { font-size: 1.25em; }

	 
.dc-archive-month #content li.arch-title a { color: #b00; margin-top: 1em; padding-bottom: 4px; }

.dc-archive-month #content li.arch-title a:hover { text-decoration: underline; }

.dc-archive-month #content li.arch-info { color: #e3c8ac; }

.dc-archive-month #content li.arch-info, .dc-archive-month #content li.arch-info-co { margin-left: 25px; }

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

.listHeader {
	background: #000;
	border: 1px solid #ffffff;
	color:#ffffff;
	font-size:10px;
	text-align:left;
}
.dataOutline {
	border:1px solid #000000;
	font-size:10px;
}
.row2 {
	background-color: #828282;
}

.menu {
	color: #996655;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0em;
	border-bottom: 1px solid #222;
	padding: 10px;
}
.instance {
        margin-top: 30px;
        width: 100%;
        margin: 0;
        padding: 5px;
}
.nomInstance {
        color: #00CCFF;
        font-weight: bold;
        font-size: 12px;
}
.tabBoss td {
        border: solid 1px #fff;
        text-align: center;
        height: 50px;
        width: 12%;
        
}
.ouned {
        background-color: #008E00;
      }
.ouned a {
        text-decoration: none;
        color: #fff;
}
.enCours {
        background-image: url(img/enCours.jpg);
}
.vie {
        font-weight: bold;
        font-size: 12px;  
}
.mini {
        font-weight: bold;
        font-size: 10px;  
}