/*
	© 2008 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{}
html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background:#f5f4eb;/* url(body_bg.png) repeat-x;*/
	color: #000;
	font: 11px Verdana, Arial, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
	min-width:960px;
}
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;}
h7{	font-size: 0.3em;}
td{font-size: 1em;}
img{border:0 none;}
button{font-size:1em;}

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

input, select, textarea{font-size:1em;}

/* 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;
	}

/* header
-------------------------------------------------------*/
#site{
	width:100%;
	height:100%;
	}
#header{
	height:110px;
	}
	.head_logo{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:5px 10px 5px 0;
		width:240px;
		height:70px;
		background:url(head_logo_bg.png) no-repeat right top;
		}
		.head_logo span{
			display:block;
			width:240px;
			height:70px;
			background-repeat:no-repeat;
			background-position:center center;
			}
	.head{
		margin:5px;
		padding:0;
		font-size:11px;
		font-weight:normal;
		letter-spacing:.4em;
		color:#333;
		}
		.head_title{
			}
		.head_comment{
			font-style:normal;
			}
	.head_img{
		margin:5px 5px 30px 5px;
		padding:3px;
		height:68px;
		overflow:hidden;
		background-color:#fff;
		border:1px solid #000;
		border-right:0 none;
		list-style:none;
		}
		.head_img li{
			float:left;
			margin:0 3px 0 0;
			padding:0;
			width:297px;
			height:67px;
			overflow:hidden;
			}
		.head_img li span{
			display:block;
			padding:0 0 0 30px;
			line-height:67px;
			font-size:16px;
			}

/* DynMAP
-------------------------------------------------------*/
#dynmap{
	}

/* sidebar
-------------------------------------------------------*/
#sidebar{
	position:absolute;
	top:32px;
	left:4px;
	width:246px;
	overflow:hidden;
	}
	.overview_bloc{
		background:transparent url(sidebar_bg_01.png) no-repeat left top;
		}
		.volet_overview{
			margin:0;
			padding:0;
			height:26px;
			line-height:20px;
			text-align:center;
			font-size:1.1em;
			}
			.volet_overview a{
				display:block;
				color:#333;
				text-decoration:none;
				font-weight:normal;
				}
			.volet_overview a:hover{
				font-weight:bolder;
				}
			.volet_overview_clos{
				}
		.module_overview{
			padding:5px 10px;
			background:#fff url(sidebar_bg_02.png) repeat-y left top;
			text-align:center;
			}
			.module_overview select{
				width:170px;
				}
		.module{
			background:#fff url(sidebar_bg_02.png) repeat-y left top;
			}
			.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{}
	/* gestion des onglets */
	.tabs{
		padding:0;
		margin:0;
		background-color:#F5F4EB;
/*		background:#BEAF80 url(sidebar_bg_03.png) no-repeat left top;*/
		list-style:none;
		height:32px;
		}
		.tabs li{
			float:left;
			padding:0;
			margin:0;
			width:33%;
			text-align:center;
			}
			.tabs li a{
				display:block;
				padding:6px 0 0;
				margin:0;
				color:#fff;
				line-height:26px;/*32px;*/
				text-decoration:none;
				background:transparent url(onglet.png) no-repeat 0 0;
				height:26px;
				}
			.tabs li a:hover{
				color:#fff;
				background:transparent url(onglet_over.png) no-repeat 0 0;
				}
			.tabs li.active a{
				color:#6F5E2A;
				background:transparent url(onglet_actif.png) no-repeat 0 0;
				}
		.volet_titre{
			margin:0;
			padding:0;
			font-size:1.1em;
			border-bottom:1px dotted #847441;
			background:#BEAF80 url(sidebar_bg_04.png) repeat-y left top;
			}
			.volet_titre a{
				display:block;
				padding:3px 10px;
				text-decoration:none;
				background:transparent url(volet_close.png) no-repeat right center;
				color:#626034;
				}
			a.volet_clos{
				background:transparent url(volet_open.png) no-repeat right center;
				}
	/* bloc des onglets */
	#onglets{
		}
	/*  */
	.sidebarbloc{
		}


/* le bloc dans lequel on affiche la carte
-------------------------------------------------------*/
.content{
	margin:0 0 0 4px;
	padding:0;
	}

/* outils
-------------------------------------------------------*/
#outils{
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	left:10px;
	}
/* outils de navigation */
	.moveicons{
		float:left;
		padding:0 10px 0 0;
		margin:0;
		}
		.moveicons_table{
			border:1px solid #868455;
			background-color:#DAD7C1;
			border-collapse:collapse;
			height:54px;
			}
			.mi_top{
				background-color:#B0AB80;
				}
				.mi_top td{
					color:#fff;
					}
				.moveicons td{
					height:24px;
					padding:2px;
					vertical-align:middle;
					}
/* moveicons 2 */
	.moveicons2{
		float:right;
		padding:2px 12px 0 12px;
		margin:0;
		height:36px;
		list-style:none;
		overflow:hidden;
		background:url(outils2_bg.png) no-repeat;
		}
		.moveicons2 li{
			float:left;
			padding:0;
			margin:0;
			}
			.moveicons2 li span{
				display:none;
				}
	#rapportChoose2help{
		position:relative;
		}
		#rapportChoose2help form{
			position:absolute;
			top:0;
			left:0;
			padding:5px 10px;
			z-index:999;
			border:1px solid #e5e5e5;
			background-color:#fff;
			}
			
/* 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;
	}

/* 
-------------------------------------------------------*/
/* 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:transparent url(addgeosign.gif) no-repeat;
	}
.delgeosign{
	background:transparent url(delgeosign.gif) no-repeat;
	}

/* carte */
.cartecadre {
	}
/* outils de zoom sur la carte */
.outils{
	position:absolute;
	top:55px;
	left:10px;
	padding:0;
	margin:0;
	list-style:none;
	z-index:50;
	}
	.outils li{
		padding:0;
		margin:0;
		position:absolute;
		top:0;
		left:0;
		}
	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_plus{top:52px;left:12px;}
	li.zoom_rect{top:65px;left:8px;}
	li.zoom_moins{top:88px;left:12px;}
	
	.cartecadre table{
		margin:0 0 5px 0;
		width:auto;/*800px;*/
		height:auto;/*526px;*/
		border-spacing:0;
		}
		.cartecadre table td{
			vertical-align:middle;
			}
			.svgmap_carte{
				position:relative;
				border:1px solid #ADAB7F;
				background-color:#D8D7BE;
				border-collapse: collapse;
				padding:2px;
				z-index:0 !important;
				}
				.outils_alt{
					position:absolute;
					top:-16px;
					right:10px;
					padding:0;
					margin:0;
					list-style:none;
					}
					.outils_alt li{
						float:left;
						}
			.rapport_selected{
				margin:5px 0;
				border:1px solid #ADAB7F;
				background-color:#D8D7BE;
				border-collapse: collapse;
				}
				.rapport_selected_title{
					margin:0 0 2px 0;
					padding:5px;
					text-align:left;
					background:#B3B187 url(rapport_selected_title.png) repeat-x;
					color:#2D2D17;
					border-bottom:1px solid #C1C09D;
					}
	
			#carteDynmap{padding:0;margin:0;}
			
			.cartecadre td a{
				display:block;
				margin:auto;
				background-color:transparent;
				background-repeat:no-repeat;
				background-position:center;
			}
			.n-o a, .n-e a, .s-o a, .s-e a, .n a, .s a, .e a, .o a{
				background-position:left top;
				width:16px;
				height:16px;
				text-indent:-9999em;
			}
			.n a{background-image: url(neso_01.png);padding:0 40px 0 40px;}
			.s a{background-image: url(neso_04.png);padding:0 40px;}
			.e a{background-image: url(neso_02.png);padding:40px 0;}
			.o a{background-image: url(neso_03.png);padding:40px 0;}
			
			.n-o a{background-image: url(onneesso_01.png); background-position:left top;}
			.n-e a{background-image: url(onneesso_02.png); background-position:right top;}
			.s-o a{background-image: url(onneesso_03.png); background-position:left bottom;}
			.s-e a{background-image: url(onneesso_04.png); background-position:right top;}
			
		.rapport{
			width:680px;
			height:200px;
			margin:0 auto;
			}

/* changement du format de la carte
-------------------------------------------------------*/
.mapmormat{
	display:none;
	position:absolute;
	top:1px;
	left:2px;
	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:transparent url(sidebar_bg_05.png) no-repeat left bottom;
	padding:5px 10px;
	color:#333;
}
#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;}
*/