/* RESET */



ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* TYPO */
h1, h2 {
	padding: 10px;
	line-height: 30px;
	height: 30px;
	font-family: 'Arvo', serif;
	margin: 10px;
	font-weight: 700;
}
h1 {
	color: WHITE;
	background-color: ORANGE;
	font-family: 'Arvo', serif;
	font-weight: 700;
}
/* STRUCTURE*/
body {
	padding: 20px;
	height: 100%;
}
#footer {
	width: 100%;
	height: 120px;
	background: url(logo.png) center center no-repeat;

}
div#consignes {
	border-bottom: 2px solid #333 !important;
	background-color: #FFF;
}
#consigne {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px !important;
}
ul.codepane {
	overflow: auto;
	padding: 0;
	margin: 0;
	height: 100%;
	border-bottom: 2px solid #222;
	padding-bottom: 10px;
}
ul.codepane>li {
	display: block;
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	list-style-type: none;	height: 100%;

}
/* ZONE DE CODE */
li#code {
	background-color: #FFF;
	width: 50%;
}
#rightcode {
overflow:none;
display:block;
}

p {
	overflow: none;
	display: bock;
	padding: 10px;
	margin: 10px;
}
.h1,.h2,.h3{line-height:24px;}
.h1:first-line,.h2:first-line,.h3:first-line{font-style:italic;}
.h3 pre:first-line{font-style:normal !important;}

iframe {
	width: 100%;
	padding: 0%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	overflow: none;
}
/* aide */
#helper {
	background: #FFF;
	padding-bottom: 20px;		overflow:none;border-bottom: 2px solid #333 !important;

}
#helper-btn {
	background: #FFF;
	margin-left: 10px;
}
#help-reset {
}
code, samp, kbd {
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left;
	color: #555;
}
pre code {
	line-height: 1.6em;
	font-size: 11px;
}
pre {
	padding: 10px 0.5em 0.3em 0.7em;
	border-left: 11px solid #ccc;
	margin: 1.7em 0 1.7em 0.3em;
	overflow: auto;
	width: 93%;
}
/* target IE7 and IE6 */
*:first-child+html pre {
	padding-bottom: 2em;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto;
}
* html pre {
	padding-bottom: 2em;
	overflow: visible;
	overflow-x: auto;
}
textarea {
	margin: 0;
	padding: 2%;
	margin: 2%;
	border: 2px dashed #CCC;
	width: 90%;
	background-color: transparent;
	font-size: 14px;
	font-family: Monaco;
	line-heigt: 2 em!important;
}
#steps {
	text-align: center;
	width: 250px;
	display: none;
-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	cursor: default;
	color: #FFF;
	padding: 20px;
	margin-left:10px;
	background: #4fb625;
	font-family: Arvo;
	font-size: 20px !important;
	cursor: pointer;
	margin-bottom:20px;
}
#help {
	display: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	padding-left: 20px;
}
.ok {
	background: url(check.png) bottom right no-repeat;
}
#tourico {
	cursor: pointer;
	height: 64px;
	bottom: 0px;
	margin-top: 20px;
	position: relative;
	background: url(school-bus-icon.png) bottom center no-repeat;
}
#succes{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;display:none;background-color:#FFF;text-align:center;padding-bottom:30px;
}
/* ZONE DE PREVISUALISATION*/
li div.preview {
	
	margin: 20px 5px 10px 5px !important;
	width: 92%;
	height:auto;
	background: #FFF url(topbarnav.png) top left no-repeat;
	padding-top: 28px !important;overflow:none;
	border: 1px solid #999 !important;
	padding :10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height:150px !important;
}
div.preview h1,div.preview h2{color:#000;background:none !important;font-family:Georgia, "Times New Roman", Times, serif;}
div.preview ul>li{list-style-type:disc !important;color:#000;float:none;}
.shadow {
	-moz-box-shadow: 1px 5px 10px 1px #656565;
	-webkit-box-shadow: 1px 5px 10px 1px #656565;
	-o-box-shadow: 1px 5px 10px 1px #656565;
	box-shadow: 1px 5px 10px 1px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=168, Strength=10);
}
pre{border:1px dotted GREEN;line-height:18px;font-size:12px;padding:10px;margin:0px;font-style:normal !important;}