/* ********************************************
Theme NEWROBIN for Standblog, 
by Kozlika http://kozlika.org
******************************************** */

/* Plan de la feuille de style
------------------------------
    1. Structure
    2. Balises html
    3. Elements communs
        3.1. les liens
        3-2. la page
        3-3. le haut (top, prelude)
        3-4. le main : billets
        3-5. le main : commentaires
        3-6. formulaires
        3-7. le sidebar
        3-8. le pied de page (footer)
        3-9. les navigations
        3-10. classes communes
    4. Specificites
*/

/* ==============================================================
        1. STRUCTURE
   ============================================================= */


body, html {
    margin : 0;
    padding : 0;
    text-align : center;
    }
#page {
    position : relative;
    max-width : 1160px;
    margin : 0 auto;
    padding : 10px 40px 0 40px;
    text-align : left;
    }
#top {
    margin : 0;
    padding : 0;
    text-align : center;
    }
#prelude {
    margin : 0;
    text-align : center;
    padding : 2px 2em;
    font-size : 0.86em;
    position : absolute;
    top : 0;
    right : 0;
		width: 280px;
    }
#wrapper {
    width : 100%;
    margin : 0;
    padding : 0;
    }
#main {
    width : 100%;
    margin : 0 -300px 0 0 ;
    padding : 0;
    float : left;
    }
#content {
    margin : 30px 300px 0 0;
    padding : 20px;
    }
#sidebar {
    width : 240px;
    margin : 0 0 8px 0;
    z-index: 1;
    position : absolute; top : 24px; right : 40px;
    }
#blognav div, #blogextra div {
    padding-left : 7px;
}
#wrapper:after {
    content : '[ne pas supprimer, merci http://www.fu2k.org/alex/css/onetruelayout/]';
    display : block;
    height : 1px;
    clear : both;
    visibility : hidden;
    }
#wrapper {
    display:inline-block;
    }
/*\*/
* html #wrapper
	{
	height: 1%;
	}
#wrapper
	{
	display: block;
	}
/* */
#footer {
    clear : both;
    	margin : 30px 300px 0 0;
	text-align:center;
	padding : 8px 30px 4px 30px;
	border-top : 2px solid #ccc;
	}
#footer p {
	line-height : 150%;
	margin : 6px 30px;
    }
    
/* ==============================================================
        2. BALISES HTML
/*  ============================================================= */

body, html {
    background : #fff url(img/linef.png);
    color : #53464b;
    font-size : small;
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
    }

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 : 1.1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.9em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.8em; margin : 1.5em 0 0 0; }

p { margin : 1em 0 0 0; }

img { border : none; }

q, cite, .post blockquote { 
	font-style : italic; 
	background : #f5f5f5; 
	}

acronym {
    cursor : help;
    }
form { 
    display : block; 
    margin : 0; 
    padding : 0; 
    }
code, pre { 
    font-family : "Courier New",monospace; 
    font-size : 1.1em;
    color : #000;
    }
pre {
    background : #fff;
	margin : 1em 2em;
	padding : 0.5em 1em;
	text-align:left;
	white-space:normal;
	border : 1px solid #e3e3e3;
		/* 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 */
}

/* ==============================================================
        3.1. LES LIENS (regles generales)
/*  ============================================================= */
a {
	text-decoration : none;
	}
a:link {
	color:maroon; 
	}
a:visited {
	color:maroon; 
	}
a:hover, a:focus {
	color:maroon; 
	background:#e7e7e7;
	}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
	}
a.feed {
	background: transparent url(img/feed.png) no-repeat left center;
	padding-left: 18px;
}

/* ==============================================================
        3.2 LA PAGE
   ============================================================= */
   
#page {
    background :transparent;
    }
#wrapper {
    background : transparent;
    }

/* ==============================================================
        3.3 LE HAUT (top, prelude - syndicate: voir dans sidebar)
   ============================================================= */
#top {
    text-align : left;
	margin-left: -40px;
	margin-top: -22px;
	background : transparent url(img/titre3.gif) no-repeat 0 0;
	margin-right : 250px;
    }
#top h1 {
	height : 190px;
	text-indent : -1000em;
	background : transparent url(img/titre3.gif) no-repeat 0 0;
    }
#top h1 a {
   display : block;
    margin : 0;
    padding : 32px 0 0 0;
    height : 190px;
	width : 100%;
    }
#top h1 a:hover {
   background-color : transparent;
	}
#top p {
	font-size: 1.3em;
	font-family: "Adobe caslon pro",Times, serif;
	font-style: italic;
	color: #999;
	margin : -90px 33px 20px 220px;
}
#prelude {
    background : transparent;
    font-size : 0.86em;
    }
#prelude a, #sidebar .syndicate a {
	}
.prelude a:hover {
    color : maroon;
	}
#sidebar .syndicate a:hover {
  color : maroon;
	background: transparent url(img/feed.png) no-repeat left center;
	}
#sidebar a {color : #666; }
#sidebar .syndicate a {color:#666; }

/* ============================================================
        3.4. LE MAIN, les billets
============================================================= */

#main {
    background : transparent;
    }
#content {
    line-height : 140%;
    background : #fff;
    border-left : 1px solid #e3e3e3;
    border-bottom : 1px solid #e3e3e3;
    border-right : 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
    }
.post-title a:link, .post-title a:visited {
    color : #015979;
	}
.post-title a:hover {
    color : maroon;
    background : transparent;
	}

/* ============================================================
        4. CLASSES COMMUNES
============================================================= */

/* A dispo pour billets */
.petit {
	font-size:0.9em;
	}
.center {
	text-align : center;
	}
.right {
	text-align : right;
	}
.left {
	text-align : left;
	}

/* navigation */
.pagination {
    margin : 20px -20px 0 -20px;
    text-align : right;
    padding : 2px 0 4px 0;
    background : #f5f5f5;
    border-top : 1px solid #e6e6e6;
    border-right : 16px solid #f5f5f5;
    }
.pagination a { color : #800000; }

#navlinks {
    font-size : 0.86em;
    margin : -20px -20px 30px -20px;
    padding : 2px 0;
    text-align : center;
    letter-spacing :7px;
    background : #f5f5f5;
    border-bottom : 1px solid #ccc;
    }
#navlinks a {
    color : maroon;
    letter-spacing : 0px;
    }
#content h2 { font-weight : normal; }

/* tags */
#tags, ul.tags {
	list-style: none;
	display: block;
	padding: 0;
}
#tags li, ul.tags li {
	display: inline;
	margin: 0 0.2em 0 0;
	padding: 0;
}

.post-tags {
	list-style: none;
	display: block;
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size : 0.86em;
}
.post-tags li {
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0 0 14px;
	background: transparent url(img/tag.png) no-repeat left center;
}
.post-tags li:after {
	content: ',';
}
.post-tags li:last-child:after {
	content: '';
}

.tag0 { font-size: 90%; }
.tag10 { font-size: 95%; }
.tag20 { font-size: 100%; }
.tag30 { font-size: 105%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 125%; }
.tag70 { font-size: 130%; }
.tag80 { font-size: 135%; }
.tag90 { font-size: 140%; }
.tag100 { font-size: 150%; }


/* =================================================================
        5. LES BILLETS
/* ============================================================= */

.post {
    margin : 0;
	padding-bottom : 3em;
	}
.day-date {
    text-align : center;
    text-transform : uppercase;
    color : #888;
    margin : 0 0 1em 0;
    font-size:0.86em;
	}
.post-title {
	font-size : 2.66em !important;
	font-family : times, "times new roman", georgia, serif;
	line-height : 0.9;
	text-align : left;
	font-style : italic;
	}
.post h3, .post h4, .post h5, .post h6 {
	font-weight : normal;
	margin-top : 2em;
	text-transform : uppercase;
	text-align : left;
	}
.post-info {
	margin : 0.25em 0;
	color : #9a9a9a;
	font-size : 0.9em;
	}
.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 : 1em;
	line-height : 140%;
	}
.post-info-co {
	margin-top:0.5em;
    text-align : right;
    font-size : 0.86em;
	}
.post-info-co a { 
    border-bottom : 1px solid #800000;
    margin-left : 8px;
    }
.post blockquote {
	margin:2em;
	padding:0 2em 0 1em;
	border-left : 4px solid #ddd;
	}
.footnotes {
	font-size:0.9em;
	text-align : left;
	}
.footnotes, .footnotes p {
	margin-top : 1em; text-indent : 0;
	}
.post-content ul {
    margin : 1em 0 1em 2em;
    padding : 0;
   /* list-style-type : none;*/
    }
.post-content ul ul {
    margin : 0 0 0 1em;
    padding : 0;
  /*list-style-type : none;*/
    }

/*.post-content ul li {
    padding : 0 0 0 13px;
    background : transparent url(img/ulb.png) no-repeat 0 0.3em;
    padding : 0 0 0 10px;
    background : transparent url(img/ul.png) no-repeat 0 0.4em;
    }
.post-content ul ul li {
    padding : 0 0 0 13px;
    background : transparent url(img/ululb.png) no-repeat 0 0.3em;
    background : transparent url(img/ulul.png) no-repeat 0 0.4em;
    padding : 0 0 0 11px;
    }*/
.post-content ol, .post-content ol ol {
    margin : 1em 0;
    padding : 0 0 0 2em;
    }
.post-content ol ol {
    margin : 0.5em 0;
    list-style-type : lower-alpha;
    padding : 0 0 0 2em;
    }


/* =================================================================
        6. COMMENTAIRES, TRACKBACKS
            (voir aussi formulaires en 8)
/* ============================================================= */

#co, #tb {
    margin : 0 0 1.33em 0;
    padding : 12px 0 0 0;
	text-align : left;
	font-family:"century gothic", "gill sans", sans-serif;
	font-size : 1.15em;
    font-weight : normal;
    border-top : 2px solid maroon;
    color : maroon;
	}
#comments dd, #comments dt, #comments dl, #content form, #pings dd, #pings dt, #pings dl { 
    padding : 4px 16px; 
    margin : 0;
    border : none; 
    }
#comments dt, #content form, #pings dt { 
    margin-top : 2em;	
    font-family:"century gothic", "gill sans", sans-serif;	
    font-size : 0.92em;
    border:none;
    }
#comments dt .comment-number, #pings dt .comment-number {
    font-size : 2em; 
    }
#comments dt .comment-number:hover {
    color : maroon;
    }
#comments dt {
    margin-bottom : 0;
    }
#comments dd, #pings dd {
    border-top : 1px solid #ccc;
    padding-bottom : 12px;
    }
#comments dd p, #pings dd p { margin-top : 0.5em;}

#comments dd, #comments dt, #comments dl, #content form { 
    background : #f5f5f5;
    }
#pings dd, #pings dt, #pings dl {
    background : #f5f5f5;
    }

#content form { 
    margin-bottom : 2em; 
    padding-top : 1em; 
    margin-top :1em; 
    }
form h3 {
    margin : 0 0 1em 0;
    padding : 0;
    }

dt.me, dd.me {
	background-color: white !important;
}

dd.me {
	border: 1px solid #c0c0c0 !important;
	border-top: 0 !important;
	margin-bottom: 10px !important;
}

dt.me {
	border: 1px solid #c0c0c0 !important;
	border-bottom: 0 !important;
	padding-top: 7px !important;
}

/* =================================================================
        7. SIDEBAR
/* ============================================================= */

#sidebar {
    font-size : 0.92em;
    background : #f5f5f5;
    border-right : 1px solid #e3e3e3;
    border-left : 1px solid #e3e3e3;
    border-bottom : 3px solid #ccc;
    }
#sidebar h2 {
    font-family:"century gothic", "gill sans", sans-serif;
    text-transform : uppercase;
	font-size : 1.33em;
	margin-top:1.5em;
	margin-bottom:0.5em;
	color : #a9a9a9;
	padding : 0 0 0 14px;
	background : transparent url(img/icobar.png) no-repeat 0 0.33em;
	}
#sidebar h3 {
	font-weight : normal;
	margin-top: 0.5em;
	margin-bottom:0.33em;
	color : #9a9a9a;
	font-size : 1.1em;
	}
#sidebar ul {
	list-style:none;
	margin : 0 0 1em 0;
	padding:0 4px 0 0;
	}
#sidebar li {
	margin :0;
	padding : 0 0 3px 0;
	text-indent : 0;
	}
#search {
	margin-top:2em;
	}
/* retour accueil, archives */
#topnav {
	/*font-size : 1.2em;*/
	margin-top:1.5em;
	margin-bottom:0;
    padding : 2px 0;
    margin-left : 0;
    }
/*#topnav li {
    line-height : 180%;
    margin : 0;
    padding : 0 0 0 12px;
    border-bottom : 1px solid #b0ead8;
    background : transparent url(img/iconav.png) no-repeat 0% 50%;
    }*/
#topnav span { display : none; }
#sidebar a:hover, #sidebar a:focus {
	background:#9ddae8;
	}
#sidebar .text p { line-height : 140%; padding-right : 1em;}
#sidebar .text p a { border-bottom : 1px solid #800000; }

#sidebar .selected li {
	padding-top: 3px;
}

/* =================================================================
        8. FORMULAIRES (recherche et depot commentaire)
            interactions (messages d'erreur)
/* ============================================================= */

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;
	border-width : 1px;
	border-color : #9a9a9a;
	}
input[type], textarea[name] {
	background : #eee;
	}
input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
	}
input[type=submit]:hover {
	background : #ccc;
	color : maroon;
	}
textarea {
	width : 95%;
	}
p.field {
	margin : 1em 0 0 0;
	}
p.field label {
    clear:left;
	display : block;
	font-weight : bold;
	font-size : 1em;
	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 {
	}

#pr {
	margin: 2em 0;
}

.message {
	padding: 1em 1em 1em 40px;
	border: 1px solid #c0c0c0;
	background: transparent url('img/msg-std.png') no-repeat scroll 5px 50%;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* =================================================================
        8. PAGES SPECIFIQUES
            archives, categories
/* ============================================================= */

#content-info {
    font-size : 0.92em;
	font-family:"century gothic", "gill sans", sans-serif;
    margin : -20px -20px 40px -20px;
    padding : 8px 20px;
    text-align : center;
    background : #f5f5f5;
    color : maroon;
    border-bottom : 1px solid #ccc;
    }
#content-info h2  {
    font-size : 1.15em;
    text-transform : uppercase;
    }
#content-info p#navlinks {
    margin : -8px -20px 30px -20px;
    }

/* ---------------- Cat�gories, Tag ------------- */
.dc-category .post h2, .dc-tag .post h2 {
    font-size : 1.5em;
    margin-bottom : 0;
    /*padding-left : 14px;
    background : transparent url(img/icopost.png) no-repeat 0 0.25em;*/
    }
.dc-category .post { padding-bottom : 2em; }
/* ---------------- Tags page -------------------- */
.dc-tags #content ul { line-height : 200%; 	font-family:"century gothic", "gill sans", sans-serif;
 }
 
.dc-tags #content ul li { padding-right : 14px;  /*   background : transparent url(img/icopost.png) no-repeat 0 0.4em; */ }
.dc-tags .tag0 { font-size: 100%; }
.dc-tags .tag10 { font-size: 120%; }
.dc-tags .tag20 { font-size: 135%; }
.dc-tags .tag30 { font-size: 150%; }
.dc-tags .tag40 { font-size: 165%; }
.dc-tags .tag50 { font-size: 180%; }
.dc-tags .tag60 { font-size: 195%; }
.dc-tags .tag70 { font-size: 210%; }
.dc-tags .tag80 { font-size: 225%; }
.dc-tags .tag90 { font-size: 250%; }
.dc-tags .tag100 { font-size: 270%; }


/* Syndicate dans le bandeau */
#sidebar .langs { 
	width : 233px;
	height : 165px; 
	background : #f5f5f5  url(img/phil2.gif) no-repeat right bottom;
	padding-top : 3px;
	margin : 0;   
	border-top : 3px solid #ccc;
}

#sidebar .langs h2 {
	margin-top: 0;
}

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

.day-date {
	display: none;
}

/* =================================================================
        9. Ajouts
============================================================= */
/* client twitter */

#nitot {
   padding: 35px 0 0 !important;
   background-image: url(http://standblog.org/dc-blog/public/twitter_header.png);
   background-repeat: no-repeat;
}

#nitot ul {
   border-top: 1px solid #CCCCCC;
   padding-right: 0;
}

#nitot li {
   border-bottom: 1px solid #CCCCCC;
   padding: 2px 7px;
}