@import url(reset.css);
@import url(tip.css);
@import url(texte.css);
@import url(remooz.css);

/* --------------- GLOBAL --------------- */

html {
	background-color:#eaeaea;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;		
}

body.homepage {
	width:1000px;
	color:#000;
}

div#container {
	float:left;
	width:100%;
	border-top:6px solid #000;
	border-bottom:4px solid #000;
	margin:20px 20px 0 20px;
	padding-bottom:30px;
}

div#nav {
	float:left;
	width:140px;
	margin-left:10px;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	background:#fff;	
}

hr {
	display:none;
}

.block {
	float:left;
	font-size: 10px;
	font-weight:bold;
	padding:2px 3px;
	margin:4px 4px 0 0;
	z-index:50;
}

.sous-titre {
	padding:0 0 10px 0;
}

.invisible {
	display:none;
}

strong.spip {
	font-weight:bold;
}

em.spip {
	font-style:italic;
}

div.texte {
	color:#222;
	line-height:16px;
}

.spip_out {
	border-bottom:1px dashed #555;
}

.spip_surligne {
	background:#ffffcc;
}

a .spip_surligne {
	border-bottom:1px dashed #555;
}

/* --------------- ENTETE --------------- */

#entete {
position:relative;
}

h1 {
width:460px;	
}

.logo {
	display:block;
	padding:0 0 8px 0;
}

#intro1 {
	width:520px;
	padding:6px 0 40px 0;
	border-top:1px solid #000;
}

#intro2 {
	position:absolute;
	width:200px;
	left:540px;
	top:8px;
}

#intro2 a {
text-decoration:none;
display:block;
}

#intro2 a:hover {
text-decoration:underline;
color:#000;	
}

#intro2 li {
margin:0;
padding:0;	
}

#header_news, #header_life, #header_works {
padding: 4px 0 6px 0;
float:left;	
border-top:2px solid #000;
}

#header_news {
width:520px;
margin-right:20px;
}
#header_life {
width:320px;
}
#header_works {
width:140px;
}

/* --------------- TAGS, AUTHOR & DATES --------------- */

.blockbox {
	width:100%;
	z-index:1000;
}

div.list-1 .blockbox {
	position:absolute;
	top:0;
	left:4px;
	width:100%;
	
}

ul.tags {
	list-style:none;
}

ul.tags li {
	float:left;
}


.list-1 .tags a, .article-1 .tags a {
	color:#fff;
	background:#777;
}

.date {
	color:#bbb;
	background:#333;
}

.list-2 .tags a, .article-2 .tags a {
	color:#777;
	background:#fff;
}

em.author a {
	font-style:normal;
	color:#111;
	background:#999;
}

/* --------------- SEARCH FORM --------------- */

div.search {
	margin:0 0 15px 10;
	border-top:3px solid #000;
}

form.search input {
	width:136px;
}

/* --------------- ARTICLES 1 & 2 --------------- */

.homepage div.list-1, .homepage div.list-2  {
	float:left;
	margin-right:10px;
	border-top:3px solid #000;
}

.homepage div.list-1 {
	width:520px;
}

.homepage div.list-2 {
	width:300px;
	margin-left:10px;
}

li.article {
	float:left;
	width:100%;
	border-bottom:1px solid #000;
	overflow:hidden;
}

.homepage li.article:last-child {
	border-bottom:none;
}

.homepage div.list-1 li.article {
	position:relative;
	min-height:80px;
	padding-bottom:10px;
}

.homepage .list-1 h3 {
	float:left;
	clear:both;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:22px;
	margin-top:6px;
	padding:0 4px;
	background:#fff;
}

.homepage .list-2 h3 {
	float:left;
	clear:both;
	font-size:25px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:24px;
	margin-top:5px;
	padding:5px 0 10px 0;
}

.homepage .list-1 h3 a, .homepage .list-2 h3 a {
	float:left;
}

.homepage .list-1 h3:hover {
	border-bottom:2px solid #000;
}

.homepage .list-2 li.article:hover {
	background:#fff;
}

.documents_portfolio img {
	border-bottom:1px solid #000;
}

p.pagination a {
	font-size:10px;
	padding:5px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.homepage .list-1 p.pagination a {
	width:220px;
}

.homepage .list-2 p.pagination a {
	width:140px;
}

a.precedent {
	float:left;
	margin-right:10px;
}

a.suivant {
	float:right;
	margin-left:10px;
}


/* --------------- POPUPS & SECTION NAV--------------- */

.list-popups, .list-moreinfos  {
	border-top:1px solid #000;
}

.list-popups ul, .same-section {
	float:left;
	width:140px;
}

.list-popups li, .same-section li {
	float:left;
	clear:both;
	width:60px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:10px;
}

.list-popups li h3, .same-section li h4 {
	float:left;
	width:140px;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
}

.list-popups li h3 a {	
	padding:2px;
	background:#fff;
}

.same-section li h4 a {
	padding:2px;
	background:#eaeaea;
}


.list-popups li:last-child, .same-section li:last-child {
	border-bottom:none;
	padding-bottom:0;
}

.list-popups li:last-child a {
	margin-bottom:3px;
}

/* --------------- NAV WORKS ------------------------ */

#list-works, #download_showcases {
border-top:1px solid #000000;
margin:12px 0 8px 0;
padding-top:6px;
}

#list-works ul {
margin:0 0 6px 0;	
}

#list-works h4 {
	
}

#download_showcases {
padding-top:12px;
}

#list-works a {
display:block;
}

#download_showcases a {
display:block;
}

#download_showcases a:hover {  
background-color:transparent;
}

#download_showcases p {
padding-top:10px;
font-size:10px;
font-weight:bold;	
}

/* --------------- LINKS & MORE INFOS --------------- */

.list-like, .list-dislike {
	float:left;
	width:140px;
	margin-left:10px;
	padding-bottom:15px;
	border-top:1px solid #000;
}

.list-dislike  {
	border-bottom:3px solid #000;
}

.list-like ul, .list-dislike ul, p.moreinfos {
	float:left;
	width:100%;
}

.list-like li, .list-dislike, p.moreinfos {
	font-size:10px;
}

p.moreinfos {
	margin-bottom:10px;
}

.list-like li a, .list-dislike li a, .list-moreinfos p a {
	padding:1px;
	background:#fff;
	border:none;
}

.list-like li a:hover, .list-dislike li a:hover {
	color:#000;
}

/* --------------- PIED --------------- */

.rss {
	color:#fff;
	background:#777;
}

.map {
	color:#fff;
	background:#aaa;
}

.pied {
	float:left;
	width:140px;
	margin-left:10px;
}

/* --------------- BACK --------------- */

a.back, a.close {
	float:right;
	width:140px;
	padding:5px 0;
	border-bottom:1px solid #000;
}

/* ---------------- clearer -------------- */
.clearer {
clear:both;	
}