/*
	© 2010 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{}
html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background:#fff url(body_bg.png) repeat-x fixed;
	color: #000;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
/*	overflow:scroll;
	overflow-x:hidden;*/
}
h1,h2,h3,h4,p{
	margin: 1em 0;
	padding: 0px;
}
h5,h6{
	margin: 0.5em 0;
	padding: 0px;
}
h1{	font-size: 1.6em;}
h2{	font-size: 1.4em;}
h3{	font-size: 1.2em;}
h4{	font-size: 1em;}
h5{	font-size: 0.9em;}
h6{	font-size: 0.8em;}
td{font-size: 1em;}
img{border:0 none;}
form{margin:0;}
button, input, select{font-size:1em;}

a{color: #BA7F2B;}
a:hover{text-decoration:none;}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
	a{outline: none;}
	:focus{-moz-outline-style: none;}

/* class generales
-------------------------------------------------------*/
.showbloc{display:block;}
.hidebloc{display:none;}
.wash {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
	border:0 none;
	width:100%;
	}
.cache {
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
	}

/* bouton de soumission de formulaire
------------------------------------------*/
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 2px; 
    padding:0; 
    font:12px/1 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
}
button.bouton span { 
    position:relative;
	 float:left; 
    padding:0 0 0 10px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(button_01.png) left top no-repeat; 
}
button.bouton span span { 
    padding:0 10px 0 0;        /* Largeur du côté droit */ 
    background:url(button_03.png) right top no-repeat; 
}
button.bouton span span span { 
    height:20px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:19px;    /* Alignement vertical du texte */ 
    background:url(button_02.png) left top repeat-x; 
	font-weight:bolder;
	color:#555;
}

/* sidebar
-------------------------------------------------------*/
#sidebar{
	position:absolute;
	top:0;left:5px;
	width:260px;
	overflow:hidden;
	z-index:10;
	}
	.head_logo{
		margin:0;padding:3px 10px 7px;
		width:240px;height:70px;
		background:url(sidebar_bg_01.png) no-repeat 0 0;
		}
		.head_logo span{
			display:block;
			width:100%;height:70px;
			background-repeat:no-repeat;
			background-position:center center;
			background-color:transparent;
			}
	.usermap_login{
		overflow:hidden;
		padding:0 5px;margin:0;
		background:url(sidebar_bg_02.png) repeat-y;
		text-align:center;
		}
	/*  */
	.sidetabs{
		overflow:hidden;
		padding:3px 5px 0;margin:0;
		background:url(sidebar_bg_02.png) repeat-y;
		}
	.sidebloc{
		clear:left;
		overflow:hidden;
		padding:0 5px;
		background:url(sidebar_bg_03.png) repeat-y;
		}
		.module{
			}
		#layers{
			overflow:auto;
			}
			#layers table tr td div{
				height:auto !important;
				}
			.sidebarbloc{
				padding:5px 10px;
				}
				.select_choisir{
					color:#6E5E2D;
					}
				/* affectation de styles propres a chaque module */
				#abecedaires{}
				#search{}
				#majic2{}
				#layers{}
				#raster{}
				#analyses select{
					width:210px;
					}
					select.analyses_cond{
						width:40px !important;
						}
				#filtre select{
					width:175px;
					}
				#rapport select{
					width:175px;
					}
				#eperso{}

/*- Menu Tabs, gestion des onglets --------------------------- */

#tabs {
	float:left;
	width:100%;
	font-size:110%;
	border-bottom:1px solid #FF9900;
	line-height:normal;
	}
	#tabs ul {
		margin:0;
		padding:0 5px;
		list-style:none;
		}
		#tabs li {
			display:inline;
			margin:0;
			padding:0;
			}
			#tabs a {
				float:left;
				background:url(tab_01.png) no-repeat left top;
				margin:0;
				padding:0 0 0 4px;
				text-decoration:none;
				}
				#tabs a span {
					float:left;
					display:block;
					background:url(tab_02.png) no-repeat right top;
					padding:5px 10px 4px 6px;
					color:#999;
					}
				/* Commented Backslash Hack hides rule from IE5-Mac \*/
				#tabs a span {
					float:none;
					}
				/* End IE5-Mac hack */
				#tabs a:hover span {
					color:#FFF;
					}
			#tabs a:hover {
				background-position:0% -42px;
				}
				#tabs a:hover span {
					background-position:100% -42px;
					}
			#tabs .active a {
				background-position:0% -84px;
				}
				#tabs .active a span {
					background-position:100% -84px;
					color:#333;
					}
					


		/*  */
		.volet_titre{
			margin:0;
			padding:0;
			font-size:1.1em;
			border-bottom:1px dotted #847441;
			background:url(sidebar_bg_04.png) repeat-y -5px top;
			}
			.volet_titre a{
				display:block;
				padding:3px 10px;
				text-decoration:none;
				background:url(volet_close.png) no-repeat right center;
				color:#fff;
				}
			a.volet_clos{
				background:url(volet_open.png) no-repeat right center;
				}

/* 
-------------------------------------------------------*/
.dynmap {
	margin:10px 10px 0 275px;
	padding:0;
	position:fixed;
	top:0;left:0;
	}
	.dynmap_top{
		overflow:hidden;
		margin:0;padding:0;
		border:1px solid #999;
		border-bottom:0 none;
		}
		.head{
/*			display:block;*/
			margin:0;padding:5px 0;
/*			width:100%;*/
			background-color:#666;
/*			white-space:nowrap;*/
			}
			.head_title{
				margin:0;padding:0 10px;
				color:#fff;
				font-size:14px;
				}
			.head_comment{
				color:#e5e5e5;
				font-size:11px;
				font-style:normal;
				font-weight:normal;
				}
/* outils
-------------------------------------------------------*/
		#outils{
			padding:3px 10px;
			width:100%;
			overflow:hidden;
			background:#FF9900 url(cartecadre_bg.png) repeat-x;
/*			border-right:1px solid #888;
			border-left:1px solid #888;*/
			}
			
		/* outils */
			.moveicons{
				padding:0;margin:0;
				list-style:none;
				overflow:hidden;
				}
				.moveicons li{
					float:left;
					padding:0;margin:0 2px;
					height:24px;
					overflow:hidden;
					}
				.moveicons li.icoseparation{
					margin-left:10px;
					}
					.moveicons li a{
						display:block;
						height:24px;
						line-height:20px;
						color:#fff;
						}
					.moveicons li span{
						display:none;
						}
					.moveicons li select{
						padding:5px;
						}
					.moveicons li a.tools_bout_off, .moveicons li a.tools_bout_on{
						font-size:1em;
						padding-left:26px;
						}
					.tools_bout_off{background:url(outils2_hide.png) no-repeat 0 0;}
					.tools_bout_off:hover{background:url(outils2_hide.png) no-repeat 0 -24px;}
					.tools_bout_on{background:url(outils2_show.png) no-repeat 0 0;}
					.tools_bout_on:hover{background:url(outils2_show.png) no-repeat 0 -24px;}
		/* outils 2 */
			.toolsbox{
				clear:left;
				padding:0;
				margin:5px 0 0 0;
				list-style:none;
				overflow:auto;
				}
				.toolsbox li{
					float:left;
					padding:0;
					margin:0 2px;
					}
				.toolsbox li.icoseparation{
					margin-left:10px;
					}
					.toolsbox li a{
						line-height:20px;
						}
					.toolsbox li span{
						display:none;
						}

ul.toolsbox li.toolend {
	}
.annot_on_off{
	display:block;
	width:24px;
	height:24px;
	}
	
	.lacarte{
		position:relative;
		padding:5px;
		background-color:#f0f0f0;
		border:1px solid #999;
		border-top:0 none;
		}
	.fullscreen{
		padding:0;margin:0;
		border:0 none;
		}
		/* outils de navigation */
		.navoutil{
			position:absolute;
			top:15px;left:15px;
			padding:0;margin:0;
			list-style:none;
			}
			.navoutil li{
				padding:0;
				margin:0;
				position:absolute;
				top:0;
				left:0;
				}
			.navoutil li img{
				z-index:80;
				}
			li.fond{top:-5px;left:-5px;}
			li.n{top:0;left:12px;}
			li.e{top:12px;left:35px;}
			li.s{top:35px;left:12px;}
			li.o{top:12px;left:0px;}
			li.init{top:12px;left:12px;}
			li.zoom_moins{top:47px;left:3px;}
			li.zoom_plus{top:47px;left:24px;}
			li.zoom_rect{top:63px;left:8px;}
			li.backmap{top:87px;left:12px;}
			li.printbtn{top:104px;left:8px;}

	#carteDynmap{padding:0;margin:0;}
	
/* GéoSignets */
.geosignet{
	clear:left;
	text-align:center;
	}
.addgeosign, .delgeosign{
	display:block;
	float:left;
	width:16px;
	height:16px;
	text-indent:-9999em;
	margin:3px 0px 0px 6px;
	}
.addgeosign{
	background:url(addgeosign.gif) no-repeat;
	}
.delgeosign{
	background:url(delgeosign.gif) no-repeat;
	}
	
.rapport{
	width:680px;
	height:200px;
	margin:0 auto;
	}
.coordonnees{
	position:absolute;
	bottom:5px;left:5px;
	background:url(alpha70_bg.png) repeat;
	}
	
.overview_bloc{
	position:absolute;
	top:0;right:0;
	padding:8px;margin:0;
	background:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	overflow:hidden;
	}
	.volet_overview{
		position:absolute;
		top:0;right:0;
		margin:0;padding:0;
		height:16px;width:16px;
		}
		.volet_overview a{
			display:block;
			height:16px;width:16px;
			text-indent:-999em;
			background:url(overview_hidding.png) no-repeat;
			}
		.volet_overview a.volet_overview_clos{
			background:url(overview_showing.png) no-repeat;
			}
	.module_overview{
		z-index:90;
		text-align:center;
		}
		.module_overview select{
			width:150px;
			}

/* changement du format de la carte
-------------------------------------------------------*/
.mapmormat{
	position:absolute;
	top:5px;
	right:10px;
	padding:0;
	margin:0;
	list-style:none;
	}
	.mapmormat li{
		float:left;
		margin:0 2px;
		}
		.mapmormat li a{
			display:block;
			height:14px;
			text-indent:-999em;
			background-repeat:no-repeat;
			background-position:left center;
			}
			
		.mf1 a{
			width:10px;
			background-image:url(resize1.png);
			}
		.mf1 a:hover{background-image:url(resize1_over.png);}
		.mf1 a.mf_actif{background-image:url(resize1_on.png);}
		
		.mf2 a{
			width:13px;
			background-image:url(resize2.png);
			}
		.mf2 a:hover{background-image:url(resize2_over.png);}
		.mf2 a.mf_actif{background-image:url(resize2_on.png);}
		
		.mf3 a{
			width:15px;
			background-image:url(resize3.png);
			}
		.mf3 a:hover{background-image:url(resize3_over.png);}
		.mf3 a.mf_actif{background-image:url(resize3_on.png);}
		
		.mf4 a{
			width:18px;
			background-image:url(resize4.png);
			}
		.mf4 a:hover{background-image:url(resize4_over.png);}
		.mf4 a.mf_actif{background-image:url(resize4_on.png);}

/* footer
-------------------------------------------------------*/
#footer{
	background:url(sidebar_bg_06.png) no-repeat left bottom;
	color:#333;
}
.sb_end{
	padding:5px 10px 10px;margin:0;
	background:url(sidebar_bg_05.png) no-repeat left top;
	}
#footer a{
	color:#6e5e2d;
}
#footer p{
	text-align:center;
	margin:0;
}


/*
div{border:1px solid white;}
table{border:1px solid lime;}
ul{border:1px solid red;}
li{border:1px solid yellow;}
a{border:1px solid navy;}
p{border:1px solid orange;}
*/