/* ***** BEGIN LICENSE BLOCK *****
#
# Copyright (c) 2006 Kozlika.
# please ask me if you want to use this css
#
# * ***** END LICENSE BLOCK *****/
 

/* -----------------------------------------
 		Structure generale
-------------------------------------------- */
html, body, .page, .main, .post, .gauche, .droite, ul, li, dl, dt, dd {
	margin : 0;
	padding : 0;
	}

body {
	background : #988f80;
	color : #333;
	font-family : "trebuchet ms", verdana, "lucida grande", arial, sans-serif;
	text-align : center;
}

.page {
	clear : both;
	position : relative;
	margin : 4em auto;
	width : 48em;
	height : 46em;
	line-height : 140%;
	background : #F5D6F0;
	text-align : left;
	-moz-border-radius : 6px;
}
.main {
	width : 46em; 
	height : 44em; 
	background : transparent; 
	position : absolute; 
	top : 1em; 
	left : 0; 
	overflow : hidden;
}
#finale .main { width : 21.5em; height : 44em; position : absolute; top : 1em; left:1em; overflow : hidden; }

.gauche, .droite { 
	float : right; 
	width : 22em; 
	overflow : hidden; 
	display : 
	inline;
}

/* -----------------------------------------
 		Regles du contenu
-------------------------------------------- */

/* main et post */
.post { background : #fff; padding :20px 24px; border-left : 1px solid #ddd;height:44em; }
.gauche .post { border : none;}
#finale .post { border-right : 1px solid #ddd; border-left : none; text-align : center;}


p { margin : 1em 0 .5em 0;}
#intro .post p { margin-bottom : 2em;}
p.last { font-size : .9em; text-indent : 0;}
p.right { text-align : right;}
p.center { text-align : center;}

/* titres */
.gauche .post h2 { font-family : "gill sans", sans-serif; font-size : 1.66em; color : #999; font-weight : normal; margin-top : 12px;text-align : right; margin-right : -20px; margin-bottom : 42px;}
.droite h2 { font-family : "gill sans", sans-serif; font-size : 1.66em; color : #999; font-weight : normal; margin-top : 12px;text-align : left; margin-left : -20px; margin-bottom : 42px;}
.gauche .post h2 span { display :none; }
.droite .post h2 span { display :none; }
.hidden { display : none;}

#locataires h2 { margin-bottom : 128px;}

#intro h2 { 
	margin-top : 12px; 
	margin-bottom : 120px; 
	text-align : center;
	font-family : "gill sans", sans-serif; 
	font-size : 1.66em; 
	color : #999; 
	font-weight : normal;
}
h3 { font-size : 1.1em; color : #555; font-weight : normal; margin : 1.5em 0 .5em 0;}
.prems { margin-top : 48px;}
.deuze { margin-top : 158px;}
#intro .deuze { margin-top : 36px;}
#finale hr.deuze { margin-top : 22em;}

p.exergue { padding : 3px 8px 5px 8px; background : #F5D6F0; font-size : .9em; -moz-border-radius : 6px; line-height : 130%; margin-bottom : .33em;}
p.comment { font-size : .9em; font-style : italic; margin-top : 2em; }

hr { width : 40%; background : #999 ; color : #999; height : 1px; margin : 0 auto; border : none;}

.credits { font-size : .9em; padding-right : 24px; padding-bottom : 10px; line-height : 130%;}


/* listes */
ul, dl { list-style-type : none;}
dd p { margin: 0 0 .55em 1em; font-size : .85em; line-height : 130%; color : #666;}


/* liens */
a { text-decoration : underline;}
#intro  a, #finale .post a { color : #00A0C6;}
#intro a:hover, #finale .post a:hover { background : #00A0C6; color : #fff;}
#collectif .post a { color : #f3c;}
#collectif .post a:hover { background : #f3c; color : #fff;}
#dotclear .post a { color : #576AFF;}
#dotclear .post a:hover { background : #576AFF; color : #fff;}
#locataires .post a { color : #66950E;}
#locataires .post a:hover { background : #9ad61f; color : #fff;}

.retour { position : absolute; top : 134px; left : 14px;}
p.error { padding : 8px; background : #F5D6F0; -moz-border-radius : 6px; line-height : 130%; position : absolute; top: 60px; left : 220px; width : 300px; }