/*    Menu    */
#ciel{
	position: absolute;
	width: 100%;
	height: 107px;
	background: transparent;	

}

#header h1, #header h1 a {
	/*background: url(images/logo_blanc_picto_grey.svg) transparent top left no-repeat;*/
	background: url(images/edenya.png) transparent top left no-repeat;
	background-size: contain;
	width: 245px;
	height: 97px;
	position: absolute;
	display: block;
	float: left;
	font-size: 12px;
}

#header h1 {
	margin: 10px 0px 0px 10px;
}

#header h1 a{
	text-indent: -666em;
}

#header {
	height: 107px;
	overflow: hidden;
}


#header.day {
	background: url(images/foret_jour.png) #001500 left bottom repeat-x;
	background-position-x: 215px;
}
#header.night {
	background: url(images/foret_nuit.png) #001500 left bottom repeat-x;
	background-position-x: 215px;
}

#menu {
	position: absolute;
	width: 100%;
	height: 107px;
	background: transparent;	
	font-size: 1.3em;
}

#menu ul {
	margin-left: 255px;
	height: 97px;
	padding-top: 10px;
	width: 28em;
	font-style: italic;
	font-weight: bold;
	padding-left: 90px;
}

#menu li, #menu li a {
	float: left;
	width: 9em;
	height: 1em;
	text-align: center;
}

#menu li a {
	padding-top: 5px;
	padding-bottom: 10px;	
	color: #282;
}

#menu li a:hover {
	color: #4a4; 
}

#menu li {
	height: 2em;
}

#menu li a.selected{
	background: transparent url(images/lucioles.gif) center center no-repeat;
	color: #ad3;
}

#menu li a.disabled{
	color: #807050;
}

#warpzone {
	position: absolute;
	display: block;
	width: 64px;
	height: 45px;
	top: 62px;
	left: 759px;
	text-indent: -666px;
	overflow: hidden;
}
#warpzone.day {
	background: url(images/rocks_jour.png) no-repeat;	/* IE7 Bug fix ??? */
}
#warpzone.night {
	background: url(images/rocks_nuit.png) no-repeat;	/* IE7 Bug fix ??? */
}


#search h2, #search h3, #search label span {
	display: none;
}

#search label {
	display: block;
	padding-left: 35px;
	background: url(../images/glass.png) left center no-repeat;
}

#search button {
	margin-left: 35px;
	margin-top: 4px;
}


/*    Content    */

#header, #content {
	min-width: 840px;
}

#footer {
	clear: both;
}

#content h2{
	/*margin: .1em 0 .6em 6em;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.8em;
	font-style: italic;
}


.column .box h3, .column .darkbox h3, .half-left h3, .half-right h3, .content h2{
	padding: .2em 0em;
	font-size: 1.2em;
	text-align: center;
	border-top: 1px solid #030;
	border-bottom: 1px solid #030;
	margin-bottom: 1em;
}

.darkbox, .column .box h3, .box.half-left h3,.box.half-right h3, .content h2
{
	background: url(images/ground-dark.jpg) top left repeat;
}

.box, .column .darkbox h3 , .darkbox.half-left h3,.darkbox.half-right h3
{
	background: url(images/ground-light.jpg) top left repeat;
}

.box {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #360;
    border-radius: 6px;
}

.darkbox {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #360;
}

.box.half-left, .darkbox.half-left  {
	margin: 0px 0px 10px;
	display: block;
	width: 50%;
	float: left;
}

.box.half-right, .darkbox.half-right  {
	margin: 0px 0px 10px 30px;
	position: absolute;
	right: 10px;
	left: 50%;
}

.emptybox {
	margin: 10px 0px;
	padding: 10px;	
}

.column .box, .column .darkbox {
	margin: 10px;
	width: 210px;
}

.column .box label span, .column .darkbox label span,.column .box .label span, .column .darkbox .label span  {
	width: 100px;
}

.column {
	float: left;
	width: 250px;
	padding-top: 4.2em;
}
.pager-menu{
	text-align: center;
	border-top: 1px solid #030;
	border-bottom: 1px solid #030;
	background: url(images/ground-dark.jpg) top left repeat;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.sondage{
	overflow: auto;
}
.column.right {
	float: right;
	margin-right: 2px;
}

.content {
	position: relative;
	padding: 10px;
	display: block;
	margin-left: 250px;
}

/*.content .box{
	margin: 0px 0px 10px;
}*/

.scrollable {
	height: 20.4em;
	overflow: auto;
}

.hover tbody tr:hover, .hover li:hover {
	background: url(images/ground-dark.jpg) top left repeat;	
}

.lettrine {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

.errors, .warnings, .successes, .messages .infos {
	margin: 1em;
	padding: 0.5em;
	text-align: center;
}

.errors {
	border-top: 1px solid #C00;
	border-bottom: 1px solid #C00;
	background-color: #E99;
	
}

.warnings {
	border-top: 1px solid #CC0;
	border-bottom: 1px solid #CC0;
	background-color: #EE9;
}

.successes {
	border-top: 1px solid #0C0;
	border-bottom: 1px solid #0C0;
	background-color: #9E9;
}

.messages .infos {
	border-top: 1px solid #00C;
	border-bottom: 1px solid #00C;
	background-color: #99E;
}

.meta {
	display: none;
	border-top: 1px solid #00C;
	border-bottom: 1px solid #00C;
	background-color: #99E;
	margin: 1em;
	padding: 0.5em;
	text-align: center;
}


.copyright {
	position: absolute;
	bottom: 0px;
	right: 0px;	
	font-size: 0.8em;
	padding: 2em;
	text-align: right;
	color: #030;
	font-style: italic;
}

.copyright big {
	display: block;
	font-size: 1.2em;
	color: #090;
}

.copyright a {
	display: block;
}

.console-cell {
	vertical-align: top;
}

.console-drag {
	cursor: grabbing;
}

.console-start {
	text-align: center;
}

button[disabled=disabled], button:disabled {
    cursor: not-allowed;
}

.console-log-tour, .console-side {
	font-weight: bold;
	text-decoration: underline;
}

.console-log-end {
	padding: 20px 0px;
	color: #107020;
	font-weight: bold;
	text-decoration: underline;
}