﻿/* CSS Document */

html
{
	overflow			  : hidden;
}

html, body 
{
    margin				  : 0px;
    padding				  : 0px;
    height				  : 100%;
	background			  : #055555;
}

body 
{ 
	margin				  : 10px; 
}

#content 
{
    margin-top			  : 10px;
    position			  : relative;
}

#map 
{
    position			  : absolute;
    top					  : 2px;
    left				  : 0px;
    width				  : 100%;
    height				  : 100%;
    border				  : 1px solid #979797;
}

#map-wrapper 
{
    position			  : relative;
    height				  : 100%;
}

#sidebar 
{
    position			  : absolute;
    top					  : 2px;
    width				  : 320px;
    height				  : 100%;
    overflow			  : auto;
	background			  : #ffffff;
}

#sidebar #logo
{
	text-align			  : center;
	border				  : 1px solid #979797;
	border-bottom		  : 0px;
}

#sidebar #menu
{
	text-align			  : center;
	font				  : 0.8em arial, sans-serif;
	border				  : 1px solid #979797;
	border-top			  : 0px;
}

#sidebar #menu a
{
	text-decoration		  : none;
}

#sidebar #titre 
{
	text-align			  : center;
	font				  : bold 1em engebrechtre, arial, sans-serif;
	color				  : #ffffff;
	background			  : #055555;
}

h1
{
	font				  : 1em arial, sans-serif;
}

#sidebar #liste-puce
{
	border				  : 1px solid #979797;
	border-bottom		  : 0px;
}

#sidebar .checkbox
{
	margin				  : auto;
	text-align			  : center;
}

#sidebar #checkbox table
{
	margin				  : auto;
	width				  : 100%;
}

#sidebar #checkbox table td
{
	width				  : 50%;
	font				  : 0.8em arial, sans-serif;
	vertical-align		  : middle;
}

#sidebar ul#sidebar-list 
{
    list-style			  : url('../images/puce.gif') none;
}

#sidebar ul#sidebar-list li a 
{
	display				  : block;
	font				  : 12px arial, sans-serif;
	text-decoration		  : none;
	color			      : #000000;
}

#sidebar ul#sidebar-list li a:hover 
{
    background			  : #fbdd9c;
    color				  : #000000;
}

#sidebar ul#sidebar-list li.current a, #sidebar ul#sidebar-list li.current a:hover 
{
    background			  : #e7ffce;
    color				  : #000000;
}

#sidebar ul#sidebar-list li a strong 
{
    display				  : block;
}

#sidebar ul#sidebar-list li a span
{
    font-style			  : italic;
    font-size			  : 11px;
}

body.sidebar-right #map-wrapper
{
	margin-right		  : 330px; 
}

body.sidebar-right #sidebar
{
	right				  : 0px;
}

body.nosidebar #map-wrapper 
{
	margin				  : 0px;
}

body.nosidebar #sidebar
{
	display				  : none;
}

body.sidebar-right a#button-sidebar-show, body.nosidebar a#button-sidebar-hide 
{
	display				  : none;
}

#toolbar
{
    background			  : #ffffff;
    padding				  : 4px;
    border				  : 1px solid #000000;
    position			  : relative;
}

/* correctif IE pour être en position : bottom right  */
* html #toolbar
{
	height				  : 1px;
}
/* */

#toolbar h1
{
    margin				  : 0px;
    font				  : bold 18px arial, sans-serif;
}

#toolbar ul 
{
    list-style			  : none;
    padding				  : 0px;
    margin				  : 0px;
}

#toolbar ul#sidebar-controls 
{
	position			  : absolute;
	bottom				  : 5px;
	right				  : 5px;
}

#toolbar ul li
 {
    display				  : inline;
}

#toolbar ul li a
{
    padding				  : 3px 6px 3px 6px;
    color				  : #444444;
    text-decoration		  : none;
    font-size			  : 12px;
}

#toolbar ul li a:hover
{
    color				  : #aaaaaa;
    background			  : #444444;
}

#alert
{
    position			  : absolute;
    top				      : 50%;
    left				  : 0px;
    width				  : 100%;
    text-align			  : center;   
    display				  : none;
}

#alert p
{
    width				  : 180px;
    margin				  : 0px auto 0px auto;
    padding				  : 10px;
	font				  : italic 18px garamond, serif;
	color				  : #055555;
    background			  : #ffffff;
    border				  : 1px solid #979797;
}

body.loading #alert
{
	display				  : block;
}
