/*
§§(legend)Sommaire§§
			-  Structure
			-  Balises
			-  Mise en page
			-  Casini
			-  Impression
			-  Page Racine


  


------------------------------
1. Structure
------------------------------

(css) */

body {
	background:#fff;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	color:#black;
	margin:0px;
	padding-top:10px;
}

#Tete {
	height:80px;
	margin-top:0px;
	padding:10px;
	
}
#wiki_name {
	position: absolute;
	top: 50px;
	left: 10px;
}

#page_name {	
	padding:0;
	margin:0;
	color:#B02B1B;
	margin-right:200px;
	margin-left:10px;
	font-size:50px;
	font-variant:small-caps;
}
#Corps {
	background:#000 100% 0% no-repeat url('http://www.grainedufou.be/wiki/files/images/FondGraine.png');
	
	color:#333;
	width:720px;
	margin-left:40px;
	border:2px solid #B02B1B;
	-moz-border-radius:16px;
	-moz-border-radius-topright:0px;
	border-radius:16px;
	border-radius-topright:0px;
}

#Page { 
	min-height:300px;
	background:#eee;
	padding:20px;
	padding-top:0px;
	padding-right:40px;
	margin-right:250px;
	margin-left:10px;
	border:2px solid black;
	border-bottom:0px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-radius-topleft:10px;
	border-radius-topright:10px;
}


#Navigation {
	width:720px;
	text-align:right;
	height:30px;

	margin-left:40px;
}

#Navigation a {
	font-weight:bold;
	padding-left:30px;
	margin-left:20px;
	background:#fff 0% 50% no-repeat url('http://www.grainedufou.be/wiki/files/images/PuceOrange.png');
}

#Menu {
	width:240px;
	min-height:50px;
	position:absolute;
	left:480px;
	top:300px;
	padding:10px;
	background:#fff;
	border:1px solid black;
	-moz-border-radius:6px;
}
#Menu a {
	padding-left:50px;
	background:#fff 0% 50% no-repeat url('http://www.grainedufou.be/wiki/files/images/BalleMoyen.gif');
}
#Menu a:hover {
	padding-left:50px;
	background:#fff 0% 50% no-repeat url('http://www.grainedufou.be/wiki/files/images/BalleMoyenTourne.gif');
}
#Profil {
	position:absolute;
	left:6px;
	top:300px;
}

#Profil img {
	display:block; 
	margin-top:6px;
	margin-left:6px;
}
#Profil img.user_logo{
	border:3px solid #333;
}
#Handlers {
	margin-bottom:6px;	
}
#Handlers img {
	margin-right:6px;
}

#Footer {
	width:720px;
	margin-left:40px;
	text-align:right;
	font-size:x-small;
	clear:both;
}

/* 

------------------------------
2. Balises
------------------------------

(css) */

table {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#fff repeat url('http://www.grainedufou.be/wiki/files/style/content_bg.gif');			
	border:1px solid #ddd;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	font-size:0.8em;
	clear:both;
}

tr.alternate {	
	border:0px solid #669900;
	background: #F9FFE6;
	border-bottom:1px dotted #ddd;
	border-top:1px dotted #ddd;
}
th {
	color:green;
	padding:5px;
	
}
th a{
	color:#980101;
}
td {
	vertical-align:top;
	padding:0.5em;
}
table.graph{
	width:auto;
	background:#fff 0px 0px url('http://www.grainedufou.be/wiki/files/style/fond-stats.gif');
}
table.graph td {
	vertical-align:bottom;
	padding:0em;
}
table.graph td a{
	background:#ddd;
}

th.day {
	border-top:1px solid #ddd;
	text-align:center;
	font-weight:bold;
	color:orange;
}
th.alternate {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:orange;
}
td.body_r {
	font-size:x-small;
}
a,a:link,a:visited,a:active {
	text-decoration:none;
	color: #CF5C00;  
}

a.missingpage { 
}

a:hover {
	text-decoration:underline;
}

img {
    	border: none;
	vertical-align: middle;
}

p {
    	margin: 0.4em 0em 0.5em 0em;
    	line-height: 1.5em;
}

hr {
    	height: 1px;
	background:#B02B1B;
	border:0px;
	margin: 0.2em 0 0.2em 0;
	clear:both;
}
hr.page_break {
	height:0px;
	visibility:hidden;
	clear:both;
	page-break-before:always;
}

h1, h2, h3, h4, h5, h6 {
	color: #F3DA3F;
	background: none;
	font-weight: normal;
	padding-top: 1em;
	padding-bottom: 0.7em;
	margin:0;
	margin-bottom:10px;
}

h1 {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	font-size: 1.5em;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
}

h3 {
	font-weight: bold;
	font-size: 1.25em;
}

h4 {
	clear: left;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0px;
}

#Page h4:first-letter, #Page h3:first-letter, #Page h2:first-letter, #Page h1:first-letter {
	color: #B62424;
}

#Page h1 {	
	padding-top:50px;
	text-align:center;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0.3em 0 0 2.5em;
	padding:0;
	list-style-image: url("bullet.gif");
}

ol {
	line-height: 1.5em;
	margin: 0.3em 0 0 3em;
	padding:0;
	list-style-image: none;
}

li {
	margin-bottom: 0.1em; 
	margin-left:1em;}

dt {
	font-weight: bold;
	margin-bottom: 0.1em;
}

dl{
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: 0.1em;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	background: White;
	padding: 0.5em;
}

label {
	font-weight:bold;
	padding-top: 10px;
}

form {
	border: none;
	margin: 0;
}

textarea {
	color: Black;
	background-color: #669900;
	border:1px solid #669900;
	padding: 0.1em;
	display:block;
	width:200px;  
	height:200px;
}

textarea.edit { 
	padding:5px; 
	width:98%;  
	height: 380px; 
}

textarea.section { 
	padding:5px; 
	width:98%;  
	height: 150px; 
}

input, textarea {
	border: 1px solid #669900;
	background: #F9FFE6;
}

input[type=submit], input[type=reset] {
	border: 1px solid #669900;
	background: #f9ffe6;
	cursor:pointer;
}

input[type=submit]:hover {
	border: 1px solid #669900;
	background: #669900;
	color: #fff;
}
input[type=reset]:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
}

input.annulation:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
}

input.apercu:hover {
	border: 1px solid #ffaa00;
	background: #ffaa00;
	color: #fff;
}

select {
	vertical-align: top;
}
	
abbr, acronym, {
	border-bottom: 1px dotted Black;
	color: Black;
	cursor: help;
}

q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}

blockquote {
	border-left: 1px solid #28780A;
	padding-left:10px;
	margin: 0px;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}

/* 

------------------------------
3. Mise en page
------------------------------

(css) */

.chapo {
	margin:10px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 10px;  			
	font-size:1em;
	border: 1px solid #669900;
	background: #F9FFE6;
}
.comment {
	margin:10px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 10px;  			
	font-size:1em;
	border: 1px solid #669900;
	background: #F9FFE6;
}

.important {
	color:#000;
	background-color:#ffecce;
	border:1px solid #666;
	margin:0 0 1em 0;
	padding:0.5em 1em;
}

.encadre {
	color:#000;
	background-color:#ffecce;
	border:1px solid #666;
	margin:0 0 1em 0;
	padding:0.5em 1em;
}

.gauche {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.droite {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}


div.infos {
	clear:both;
	margin:6px;
	border-top:1px dashed #999;
	text-align:right;
}
#sommaire {
	border:1px solid #fff;
	padding:6px;
	background:#fff;
}

/* 

------------------------------
4. Casini
------------------------------

(css) */
div.aide, div.confirmation, div.error, div.warning, div.important{
	-moz-border-radius:1em;
	border-radius:1em;
	padding: 1em;  
	padding-right:30px;	
	border: 1px dashed #ddd;
	font-style:italic;
	margin-bottom:1em;
	color:black;
}

div.aide {
	background:#fff 99% 50% no-repeat url('http://www.grainedufou.be/kernel/icons/help.png');
}

div.error {
	border: 1px dashed red;
	background:#fff 99% 50% no-repeat url('http://www.grainedufou.be/kernel/icons/error.png');
}
div.confirmation { 
	background:#fff 99% 0.5em no-repeat url('http://www.grainedufou.be/kernel/icons/warning.png');
	border:3px solid green;
}
div.warning { 
	background:#fff 99% 0.5em no-repeat url('http://www.grainedufou.be/kernel/icons/warning.png');
	border:3px solid green;
}
div.important {
	background:#fff repeat url('http://www.grainedufou.be/wiki/files/style/content_bg.gif');			
	border: 1px solid #ccc;  
	border-bottom: 1px solid #bbb; 
	border-right: 1px solid #bbb;
}
.indent { 
	margin-left: 40px; 
}

.additions { 
	color: #008800; 
}

.deletions { 
	color: #880000; 
}

.add { 
	font-weight: bold; 
	color: #c00; 
	text-decoration: underline; 
}

.del { 
	font-style: italic; 
	color: #c00; 
	text-decoration: line-through; 
}

.com { 
	font-style: italic; 
	color:#666;
}

.prev_alert { 
	background-color: #7C9A08; 
	color: white; 
	font-size: 1.7em; 
	font-weight: bold; 
	margin-bottom: 5px; 
}

.code { 
	background: #f5f5f5; 
	border: 2px solid  #f0f0f0; 
	font-family: 'Courier New', Courier; color: black; 
	font-size: 10pt; 
	overflow:auto; 
	padding: 0px; 
}

.code_css { 
	background: #FFF; 
	border: none; 
	font-family: 'Courier New', Courier; color: black; 
	font-size: 10pt; 
	overflow:auto; 
	padding: 0px; 
}

.debug { 
	font-size: 11px; 
	color: #888888; 
}

.hr_clear { 
	clear: both; 
	visibility: hidden; 
}

.visualClear { 
	clear: both; 
}

/* 

------------------------------
5. Impression
------------------------------
 
(css) */
@media print {
	body {
		background-color: #ffffff; /* texte noir sur fond blanc */
		color: #000000;
		margin:0;
		padding:0;
		border:0;
	}
	#Handlers {display:none;}
	#Tete {display:none;}
	#wiki_name {display:none;}
	#Navigation {display:none;}
	#Profil {display:none;}
	#Menu {display:none;}

	#Corps {margin:0;padding:0;border:0;}
	#Page {margin:0;padding:0;border:0;}
}
/*  

------------------------------
6. Page Racine
------------------------------
 
(css) */
body.racine #page_name {display:none;}
body.racine #Page {background:transparent;margin-right:0px;border:0;color:black;}
body.racine #Menu {display:none; }
/*  */