body {
background: #fff;
color:#e5e5e5;
font:86% 'lucida grande','lucida sans unicode',Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
margin:0 auto;
padding:0;
}

label { margin-left:5px; }

a {
color:#0383c9;
font-weight:700;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color: #0B2161;
}

a img {
border:0;
}

p {
margin:0 0 18px 0px;
}

p.test {
border-bottom : 1px dotted #fba919;
margin : 10px ;
text-indent : 20px;
}

ul,ol,dl {
font-size:1em;
margin:2px 0 16px 0px;
}

ul ul,ol ol {
margin:4px 0 4px 10px;
}

.posts { padding:0;}

li { padding:0 4px; color:#ccc; list-style: none; }

#desel  {font-size : 70%}
#sel { background-color : GhostWhite ; border : 1px solid ;}

ul.posts li {color : #fba919;}
ul.posts li span {  font-family:monofur, monaco, courier; color:#888; margin : 0 0 0 1em; font-size : .9em;  padding : 0 5px;}
ul.posts li.SE span  {  color: #23af4c; }
ul.posts li.cop21 span  {  color: #C2DFFF; }
ul.posts li a { font-weight:200;}

ul.posts li { 
margin :10px 0 20px 0 ;
padding : 5px ;
border : dotted #fba919;
border-width : 1px 0 1px 0;
}

ul.posts li.SE { 
	border : solid  #23af4c;
	border-width : 2px 0 2px 0;
}


div#post ul {
	border-left:8px solid #fba919;
	border-top: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	padding-left : 1.5em;
}

div#post li { 
    padding : 5px 10px 5px 0 ;
	color : #474747;
    }

div#post dl {
	border-left:8px solid #fba919;
	border-top: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	padding-left : 1.5em;
}
div#post dt { 
 font-weight : bold;
 }


div#post ol {
	border-left:8px solid #fba919;
	border-top: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	padding-left : 1.5em;
}

div#post ol li {
list-style: decimal;
margin-left : 10px;
}


blockquote {
	border-left:8px solid #0383c9;
	border-top: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	font-size:1.15em;
	margin: 20px 10px;
	padding:  10px;
	padding-left:20px;
	font-style : italic;
	font-family : serif;	
}


pre { 
font-family: Monaco, Courier;
background: #191919;
border: dashed 2px #e5e5e5;
width: 600px;
padding: 5px;
font-size:1em;
line-height: 2em;
clear:both;
}

.scoot { margin:5px 5px 5px 0px; }

.terminal
{
background: #222021;
color: #ddd;
}

.im
{
font-size:0.95em;
line-height: 1.4em;
width: 650px;
font-family: 'lucida grande','lucida sans','lucida sans unicode',helvetica,tahoma;
padding: 5px;
background-color:#FFB604;
color:#222;
border: solid 1px #fff;
}

h1 {
color:#0383c9;
font-size:4.7em;
letter-spacing:-5px;
margin:0 0 30px 0px;
padding:50px 0 0 0;;

}

h1 a {
color:LightSteelBlue;
text-transform:none;
line-height : 50px;
}

h1 a:hover { color : LightSteelBlue; }

#logo {
	margin: -99px -39px 0 0;
	float:right;
	height: 254px; width: 224px;  
}


.publish_date {
	margin-top:-8px;
	margin-bottom:0px;
	text-align:right;
	width:490px;
	color: #23af4c;

}


.pink { color: #f5a2c6; }
.green { color: #23af4c; }
.blue { color: #0383c9; }
.orange { color: #fba919; }


a.pink:hover { border: solid 2px #f5a2c6;padding:1px; text-decoration:none;  }
a.green:hover { border :solid 2px #23af4c; color : #23af4c ; padding:1px;text-decoration:none; }
a.blue:hover { color:#212121; background-color:#0383c9;text-decoration:none; }
a.orange:hover { color:#fba919;  padding:1px; border: solid 2px #fba919; text-decoration:none; }

ul.slogan {width : 328px; font-size : 1.4em;}
.slogan a { padding:3px; line-height: 2.5em; }

.commentslink { margin-bottom: 35px;display:block;border-bottom:solid 1px #dadada;padding-bottom:25px; }
/*
pink #f5a2c6
light-green #23af4c
dark-green #2f8b49 
light-orange #fba919
dark-orange #e39c1f

*/

h2 {
border-bottom:1px solid #e5e5e5;
color:#0383c9;
font-size:1.7em;
font-weight:100;
letter-spacing:-1px;
margin:0 0 10px;
padding:0px 2px 4px 5px;
}


.post_title {
font-size:1.8em;
font-weight:normal;
padding-bottom: 6px;
}

h3 {
border-bottom:1px solid #e5e5e5;
color:#fba919;
font-size:1.4em;
font-weight: 100;
margin:10px 0 8px;
padding:1px 2px 2px 3px;
}

h4 {
color: #23af4c;
}
/*** Main wrap and header ***/

#wrap {
color:#000;
margin:10px auto;
padding:0;
width:670px;
}

#header {
margin:0;

}

#toplinks {
font-size:0.9em;
padding:5px 2px 2px 3px;
text-align:right;
}

#toplinks a {
color:gray;
}

div.slogan {
color:gray;
font-size:1.5em;
font-weight:700;
letter-spacing:-1px;
line-height:1.2em;
margin:-15px 0 60px 0px;
}
div.slogan div { display:inline;}

/*** Main content ***/

#content {
float:left;
line-height:1.5em;
margin:0 0 100px 0;
padding:0;
text-align:justify;
//width:500px;
}

#contentalt {
float:left;
line-height:1.5em;
margin-right:20px;
padding:0;
text-align:left;
width:750px;
}

#content h3,#contentalt h3 {
margin:10px 0 8px;
}

/*** Footer ***/

#footer {
	border-top: 4px solid #dadada;
	clear: both;
	color: gray;
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 0 auto;
	padding: 8px 0;
	text-align: right;
	width: 800px;
}

#footer p {
	margin:0;
	padding:0;
}

#footer a {
	color:#808080;
}

/*** Various classes ***/

.box {
background:#4088b8;
border:1px solid #c8c8c8;
color:#fff;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
}

.box a {
color:#f0f0f0;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

.readmore {
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.clear {
clear:both;
}

.fade {
color:#c5c5c5;
}

.gray {
color:gray;
}

.photo {
background:#fff;
border:1px solid #bababa;
margin:6px 18px 2px 5px;
padding:2px;
}

.reference {
	margin-top : -20px;
	font-size : .8em;
	text-align : right;
}

.source {
	text-align : right;
	font-family : serif ;
}

.marloblog  {
border : 1px solid black;
border-top : 8px solid #fba919 ;
width : 70%;
margin : 5px auto 15px auto;

}

.marloblog td {
border : 1px dotted #fba919 ;
}

img { max-width : 660px; }

.next a {
	color : #fba919;
	font-style : italic ;
	font-size : .8em;
}
.next2 a {
	color : #23af4c;
	font-style : italic ;
	font-size : .8em;
}

figure { border : 2px dotted #fba919; padding : 1em;}

.graph-container { height : 400px; 
	border-left:8px solid #fba919;
	border-top: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
}

#interview-imaginaire { border : 2px dotted #fba919; padding : 1em; font-family : serif ; }