/*
 * PHP Markdown: Banc d'essai       PHP Markdown: Dingus
 * Feuille de style                 Style Sheet
 * 
 * Copyright (c) Michel Fortin 2006
 * <https://michelf.ca/>
 */

/* Cette feuille de style est une modification à la feuille projets. */
@import url(projets.css);


body, * html body {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: none;
    background: white;
	
	font-size: 12px;
	
	display: block;
}

#titre {
	background: transparent url("pico-tete.gif") repeat-x top center;
	float: right;
	width: 23em;
}
#menu-projet { margin-right: 0; font-size: 105%; }
#banc-d-essai #titre { width: 24.5em; }

* html #titre {
	width: 24.5em;
	padding-top: 2ex;
}
* html #banc-d-essai #titre { width: 25em; }

#cheatset {
	clear: right;
	float: right;
	padding: 0 1em 2ex 0;
	width: 22em;
}
#banc-d-essai #cheatset { width: 23.5em; }
* html #cheatset {
	padding: 0 0 2ex 0;
	width: 24em;
}
* html #banc-d-essai #cheatset { width: 24em; }
* html #cheatset pre { margin-right: 1em; }

#app {
	position: absolute;
	top: 0; right: 25.5em; left: 1em;
	background: white;
	max-width: 70em;
	padding: 2ex 0 0 1em;
	
	/* IE Mac needs this for the right margin to work correctly. */
	font-size: 12px;
}
#banc-d-essai #app { right: 26.5em; }
* html #app { left: auto; }

#titre h1 {
	font-size: 22px;
	padding-bottom: 5px;
}
#banc-d-essai #titre h1 { font-size: 20px; }

#menu-projet {
    background: none;
    border: none;
    padding-right: 0;
}
#menu-projet li a, 
#menu-projet li strong { 
	padding-bottom: 9px;
}

#cheatset h2	{ font-size: 125%; margin-top: 0; }
#cheatset h3	{ margin: 2ex 0 1ex 0; }
#cheatset p		{ margin: 1ex 0 0 0; }
#cheatset pre	{ margin: 0; padding: 0.4ex 0.4em; }
#cheatset code	{ font-size: 11px; }

#app label,
#app input,
#app select	{
	font: 11px "Lucida Grande", Tahoma, sans-serif;
}

#buttonrow          { overflow: hidden; margin-bottom: 2ex; }
#buttonrow label	{ float: left; }
#buttonrow select	{ margin-right: 2em; max-width: 13em; }
#buttonrow input[type="submit"] { min-width: 6.2em; }


#app textarea {
	font: 11px "Andale Mono", Monaco, ProFont, monospace;
	height: 50ex;
	width: 100%;
	margin-right: -4px; /* To prevent jagging in Firefox. */
}
* html #app textarea {
	margin-right: 0; /* To prevent Firefox fix from interfering with IE. */
}

div.html {
	font-size: 13px;
}

/* Handheld-specific rules */
/* Note: Using this "*>" trick prevent IE 5 and 5.5 from interpreting
   rules in the handheld section. */
@media handheld, only screen and (max-device-width: 480px) {
	*>body { font-size: inherit; }
	*>#titre { border-top: 1px solid #fd3; }
	*>#menu-projet { padding-top: 1ex; }
	*>#app, *>#titre, *>#cheatset {
		position: static; float: none;
		width: auto ! important;
		display: block;
		margin: 0 1em;
		padding: 0;
		font-size: inherit;
	}
	*>#app { margin-bottom: 3ex;}
	*>#cheatset, *>#titre, { width: auto ! important; }
	*>#app textarea { width: 98%; height: 30ex; }
	*>#app label, *>#app input, *>#app select { font-size: inherit; }
}