/* 
	copyleft_GPL http://marty.alain.free.fr
	style zero
	last modif 20130829
*/
body {
	background:#a1a7a0 url('ava_gardner_wide.jpg') no-repeat; 
}
#fenetre { 	
	position:absolute; 
	top:0; bottom:0; left:0; right:0; 
	height:100%; width:820px; /*width:1600px;*/
	margin:0 auto; padding:0; 
	font:normal 1em courier new, monospace;
}
#cadre_page { 	
	position:relative; 
	top:0px; left:0px; 
	width:800px;
	padding:10px; 
	background-color:#fff;
	opacity:0.8; 
	border-radius:2px; 
	box-shadow:0px 0px 10px black; 
	margin-top:20px;
}
#cadre_editeur { 	
	position:fixed;  
	top:100px; left:20px;
	width:800px; height:600px;
	padding:10px; 
	border:1px solid #888;
	background-color:#fff;
	opacity:0.8; 
	border-radius:5px; 
	display:none; 
}
#page { 
	position:relative;
	margin-top:10px;
	padding:10px; 
	border:1px solid #888; 
	background-color:#fff; 
	overflow: auto;
	border-radius:5px; 
}
#textarea { 
	height:500px; /* height = height(cadre_editeur) - 100  */
	width:100%; overflow:auto; 
	border:3px inset #888; 
	background-color:#eed;  
}

#titre_page {
	background:url("copyleft.png") no-repeat right; 
	font-size:2.0em; 
	cursor:move;
}
#titre_edit {
	background:url("copyleft.png") no-repeat right; 
	font-size:2.0em; 
	cursor:move;
}
#menu_page, #menu_editeur { 	
	color:#444;
}

a, input { 
	text-decoration:none; 
	border:0; 
	background-color:transparent; 
	font-size:1em;
	color:#444; 
	text-shadow:1px 1px 2px black;
}
a:hover, input:hover { 
	color:#f00; 
	text-shadow:4px 4px 2px #000; 
}
h1, h2, h3, h4, h5, h6 {
	margin:10px 20px; 
	color:#444;
}
h1 	{ 	font-size:3.4em; } 
h2 	{ 	font-size:3.0em; } 
h3 	{ 	font-size:2.6em; } 
h4 	{ 	font-size:2.2em; } 
h5 	{ 	font-size:1.8em; } 
h6	{ 	font-size:1.4em; } 
p	{ 
	text-align:justify; 
	margin-top:10px; 
	text-indent:20px;
}
ul	{ 
	text-align:justify; 
	margin-top:10px; margin-left:20px; 
	padding-left:5px; padding-right:20px;
}
ol	{ 
	text-align:justify; 
	margin-top:10px; 
	padding-left:40px; padding-right:20px; 
}
table	{ 	
	width:100%; 
}
td		{ 	
	border:1px solid #888; 
	padding:5px; 
}
iframe 	{	
	border:1px solid red; 
}
blockquote { 
	border:1px solid #888; 
	background-color:#ff8; 
	margin:10px 50px; 
	font:italic 0.8em arial; 
	padding:10px; 
}

pre { 
	padding:5px; 
	background-color: #eee; 
	font:bold 0.9em courier new; 
	color:red; 
}
.column { 
	-moz-column-count: 2; 
	-webkit-column-count: 2; 
	-o-column-count: 2; 
	-moz-column-gap: 20px; 
	-webkit-column-gap: 20px; 
	-o-column-gap: 20px; 
	padding:5px; 
	border:1px solid grey; 
}
#search {
	margin:0px; 
	border:1px inset #ccc; 
	background-color:#fff;
	opacity:0.6; 
	text-shadow:1px 1px 1px red; 
	font:normal 1em courier new;
}
.post { 
	display:block; 
	margin-top:20px; 
	margin-left:5px; 
	padding-left:15px; 
	padding-right:15px; 
	background-color:#eee; 
	font-weight:bold; 
	color:#f00; 
	font-size:1.2em;
	text-shadow:1px 1px 1px #222222; 
	border-top:1px solid #888;
	line-height:0.7em;
}