@import url("s-common.css");

#all {
	font-family:verdana,sans-serif;
	font-size:small;
	color:#000;
	background-color:#FFF;}

a,
a:link  {color:#F80;text-decoration:none;}
a:visited  {color:#B73;}
a:active,
a:hover    {color:#A33;}

#header, #accesslinks { width:0;height:0;overflow:hidden;}

#content {
	min-height:1024px;
	font-size:smaller;
	background:url(ioknet_banner1.jpg) top left no-repeat scroll #FFF;
	border:1px solid black;
	margin:42px 142px 42px auto;
	padding:100px 10px 10px 10px;
	width:620px;
	/* Tantek box model hack
	   cf. http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family:"\"{\"";
	voice-family:inherit;
	width:598px;   
	}
#main,#comments {
	margin-right:220px;
	}
#main p {
	text-align:justify;}


#main h3 {
	margin-bottom:5px;
	color:#A33;}

#main p {
	margin:5px 0px;}
#main blockquote {
	font-style:italic;
	text-align:left;
	margin:10px 15px;}
#main img {
	border:1px solid black;
	float:right;
	margin:5px;}
#main p.images img { float:none; border:none; }


#nav {
	padding:5px 0 5px 5px;
	font-size:smaller;
	position:absolute;
	top:142px;
	right:142px;
	background-color:#FFF;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	/* Tantek box model hack
	   cf. http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	width:220px;
	voice-family:"\"{\"";
	voice-family:inherit;
	width:200px;}

ul.linkList, .linkList li {
	padding:0;
	display:inline;
	list-style:none;}
.linkList a { display:block; }

#nav a:link { color:#F80;}
#nav a:visited { color:#B73;}
#nav a:hover,
#nav a:active { color:#A33;}

.nav h3 {
	font-family:palatino,serif;
	font-size:small;
 	text-transform:uppercase;
	margin-top:2em;
	letter-spacing:.3em;
	color:#A33;}

#search {
	width:90%;
	border:1px solid #A33;}

.eop { clear:both; }

/* ==BLOG== */
.blgIndex #contenTitle,
.blgArchiveMensuelle #contentTitle, 
.blgArchiveIndividuelle #contentTitle {
	display:none;
	}
.post, #blgArchives {
	overflow:hidden;
	padding:5px;
	font-size:small;
	text-align:justify;
	margin-bottom:10px;}
#blgArchives,
#blgArchives a:link {
	color:#CCC;}
#blgArchives a:visited {
	color:#EBB;}
#blgArchives a:hover,
#blgArchives a:active {
	color:#A33;}
#blgArchives h2 {
	color:#CCC;
	font-size:medium;}
	
.postMeta {
	margin-top:5px;
	font-family:verdana,sans-serif;
	font-size:x-small;
	clear:both;
	color:#666;
	background-color:#EEE;}
.postMeta a:link {
	color:#A66;}
.postMeta a:visited {
	color:#666;}
.postMeta a:active,
.postMeta a:hover {
	color:#F00;}