@charset "utf-8";
/* CSS Document */

html {height: 100%; width:100%;}
         
body {
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	font-family: "segoe ui",verdana,arial,sans-serif; 
	color:#000000;
	background:#3A3631;
	
}

img {border:0; padding-bottom:30px;}

a, a:visited {

	text-decoration:none;
	outline:none;
}

a.map {
	background: #da291c none repeat scroll 0 0;
	color:#FFFFFF;
    border-radius: 8px;
    z-index: -1;
	padding: 11px 26px;
	text-decoration:none;
	margin-top:30px;
}

a.map:hover {background:#3A3631;}

h2 {text-align:center;
color:#da291c;}

p{
	/* The tut info on the bottom of the page */
	padding:10px;
	text-align:center;
}


#content {width:100%; height:100%; position:absolute;}

#header {
	height:50px;
	width:100%;
	position:relative;
}

#header img {float:left; margin-top:5px; margin-left:10px;}

#header h1{ 
	color:#FFF;
	padding:5px 0 0 80px;
	margin:0;
	font-size:1.4em;
}
		
#gestion {
	position:fixed;
	left:0px;
	z-index:4;
	height:600px;
	width:250px;
	top:60px;

	
}


/* menu */

ul.container{
	/* The topmost UL */
	
	margin:0 auto;
	padding: 0px;
	width:100%;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:0;
	width:100%;
}


.container li{
	/* Each element in the expandable list */
	color:#fff;
	margin:0;
	padding:0;
	height:50px;
}

.container li span.icon {width:60px; height:50px; position:absolute;}
.container li span.icon img {padding:5px 10px;}
.container li span.link {width:200px; position:absolute; height:45px; margin-left:60px; font-size:1.1em; padding-top:5px;}
.container li.current span.icon {background-color:#DA291C;}

.container li:hover span.icon, .container li:hover span.link {background-color:#DA291C;}
.container li span.link { display:none;}
.container li:hover span.link { display:block;}

.container li a{
	color:#FFF;
	line-height:40px;
	width:100px;
}

div.content-map {position:absolute; top:50px; bottom:0px; right:0px; left:60px;}

#map {width:100%; height:100%; position:relative;}

	
/* MARKERS */
h2 {
	margin:0px;
	margin-bottom:15px;	
}





.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}