/*
	© 2009 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{}
html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background:#fff url(body_bg.png) repeat-x;
	color: #000;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, 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;}
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;
}
/* header
-------------------------------------------------------*/
#site{
	width:100%;
	height:100%;
	}
#header{
	}
	.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:0 0 0 260px;
		padding:0;
		height:40px;
		line-height:32px;
		}
		.head_title{
			color:#fff;
			font-size:14px;
			}
		.head_comment{
			color:#E5DECB;
			font-size:11px;
			font-style:normal;
			font-weight:normal;
			}

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

/* sidebar
-------------------------------------------------------*/
#sidebar{
	position:absolute;
	top:95px;
	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;
			}
			#layers table tr td div{
				width:auto !important;
				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{}
	/* gestion des onglets */
	.tabs{
		padding:0;
		margin:0;
		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:#847441;
				}
			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 260px;
	padding:5px 0;
	}

/* outils
-------------------------------------------------------*/
#outils{
	padding:5px 0;
	overflow:auto;
	}
/* outils de navigation */
	.moveicons{
		padding:0;
		margin:0;
		list-style:none;
		overflow:auto;
		}
		.moveicons li{
			float:left;
			padding:0;
			margin:0 2px;
			}
		.moveicons li.icoseparation{
			margin-left:10px;
			}
			.moveicons li a{
				display:block;
				height:24px;
				line-height:20px;
				color:#666;
				}
			.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;
	}

/* 
-------------------------------------------------------*/
/* 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 {}
	.cartecadre table{
		margin:5px 0;
		width:auto;/*800px;*/
		height:auto;/*526px;*/
		border:1px solid #d3c9b0;
		background-color:#ece7da;
		border-collapse: collapse;
		border-spacing:0;
		}
		.cartecadre table td{
			text-align:center;
			vertical-align:middle;
			padding:0;
			}
			.svgmap_carte{
				position:relative;
				}
				.outils_alt{
					position:absolute;
					top:-16px;
					right:10px;
					padding:0;
					margin:0;
					list-style:none;
					}
					.outils_alt li{
						float:left;
						}
	
			#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{
	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: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;}
*/