/*
	© 2008 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
/*
*{
	font-size:11px;
}
*/
html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background:#fff;
	color: #000;
	font: 11px Arial, Verdana, '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;}
td{font-size: 1em;}
img{border:0 none;}
button{font-size:1em;}

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

/* PNG Fix pour IE6
-------------------------------------------------------*/
* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "thermo_annecy/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* 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%;
	background:transparent url(header_bg.png) repeat-x;
}
#header{
	background:transparent url(header_bg_right.png) no-repeat right top;
	color:#fff;
	height:70px;
}
#header h1{
	margin:0;
	padding:25px 0 0 260px;
	height:45px;
	letter-spacing:0.1em;
	background:transparent url(logo.png) no-repeat 0 center;
}
#header h1 em{
	display:block;
	color:#9BDCFB;
	font-style:normal;
	font-weight:normal;
	font-size:0.6em;
	letter-spacing:0.1em;
}
#header p{
	margin:0;
	padding:0;
}

/* DynMAP
-------------------------------------------------------*/
#dynmap{
	background:transparent url(header_degrade.png) repeat-x;
}

/* sidebar
-------------------------------------------------------*/
#sidebar{
	width:260px;
}
#sidebar h2{
	margin:0;
	border-top:1px solid #086392;
/*	border-bottom:1px solid #002F50;*/
	background:#5089AE url(cellule_bg.png) no-repeat 0 0;
	font-size:1.1em;
}
#sidebar h2 a{
	display:block;
	height:19px;/*25px;*/
	text-align:right;
	padding:2px 3px 0 13px;
	color:#fff !important;
	text-decoration:none;
}
#sidebar h2 a:hover{
	background:#9BDCFB url(cellule_bg.png) no-repeat 0 0;
	color:#2C7AA2 !important;
	text-decoration:none !important;
}
#sidebar h2 a img{
	padding:2px 3px 0 0;
}
#sidebar h2 a span{
	display:block;
	float:left;
	cursor:hand;
	margin:0;
	padding:0;
}
#sidebar div div div a{
	color:#747162;
	font-weight:bolder;
	text-decoration:none;
}
#sidebar div div div a:hover{
	color:#A19EAE;
	text-decoration:underline;
}
.navigation{
	width:240px;
	padding:0 10px;
}
.showhide{
	padding:0;
	margin:0;
/*	width:240px;*/
}
.HideHead, .ShowHead {
	display:block;
/*	text-indent:-9999em;*/
	width:30px;
	height:15px;
	background:#fff;
	text-align:center;
	text-decoration:none;
	color:#002F50;
}
.HideHead:hover, .ShowHead:hover {
	background:#086392;
	color:#fff;
}
.HideHead span, .ShowHead span {
	display:none;
}
.HideOverview, .ShowOverview {
	display:block;
	float:left;
	margin:0;
	padding:20px 8px 0 8px;
/*	text-indent:-9999em;*/
	width:222px;/*240px;*/
	height:22px;
	color:#fff;
	text-decoration:none;
	background:transparent url(overview_bg.png) no-repeat 0 0;
	border:1px solid #fff;
	border-top:0 none;
}
.HideOverview:hover, .ShowOverview:hover {
	background:#d67676 url(overview_bg.png) no-repeat 0 0;
}
.MapFormat{
	float:left;
	padding:4px 0 0 15px;
	margin:0;
}
.MapFormat li{display:inline;}

.overview{
	clear:left;
	width:234px;
	padding:2px;
	margin-top:10px;
	background-color:#8B0101;/*#d67676;*/
	border:1px solid #8B0101;
	text-align:center;
}
.overview_map{
	text-align:center;
	margin:0 auto;
	background-color:#f5f5f5;
}
div.overview h3{
	font-size:10px;
	border-top:1px dotted #DEDDBE;
	margin:0.4em 0 0 0;
	color:#747162;
}
.overview_bottom{
	background:transparent url(overview_bg_bottom.gif) no-repeat -10px top;
	height:24px;
	padding:0;
	margin:0;
}
.overview_bottom a{
	display:block;
	height:24px;
	width:50px;
	margin:0 auto;
	padding:4px 0 0 0;
	text-indent:-9999em;
}
.coordonnees{
	margin:0;
}
/* bloc des modules */
#modules{
	width:238px;
	margin:10px 10px 0 10px;
	padding:0;
	background:#086392;
	border:1px solid #002F50;
}
/* gestion des onglets */
ul#switchtab{
	background:#002F50;
	list-style:none;
	padding:0;
	margin:0;
	width:238px;
	height:30px;
}
ul#switchtab li{
	float:left;
	padding:0;
	margin:0;
	width:119px;
	height:30px;
	text-align:center;
}
ul#switchtab li a{
	display:block;
	padding:5px 0 0 0;
	margin:0;
	width:119px;
	height:25px;
	color:#086392;
	font: bolder 1.2em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
ul#switchtab li a:hover{
	color:#fff;
}
.active{
	color:#fff !important;
	background:#086392;
	height:25px;
}
/*  */
.sidebarbloc{
	margin:0;
	padding:5px;
	border-top:0 none;
	background:#fff;
}
div.sidebarbloc select{
	max-width:200px !important;
	_width:200px !important;
}
.localisationBlock{
}
.filtreBlock {
	margin:3px 0;
	border:1px solid #F5F4EB;
}
.filtreBlock td{
	background:#FAFBF5;
	padding:3px;
	margin:5px;
}
div#layersdiv div.sidebarbloc table{
	margin:auto;
}
div#layersdiv div.sidebarbloc table tr td div{
	width:auto !important;
	height:auto !important;
}
.tabLegendeMain {
	border-width:1px !important;
}
div.fd_layer{
	margin:1em 0 0 0;
}
div.fd_layer span{
	display:block;
}
div.fd_layer span label{
	clear:both;
	display:block;
	float:left;
	width:60px;
	padding:3px 0 0 0;
	border-bottom:1px solid #F5F4EB;
}
div.fd_layer span.submitPK{
	padding-left:60px;
}
/*
div#Alphabet_110_NOM ul{
	padding:0;
	margin:0;
}
div#Alphabet_110_NOM ul li{
	list-style:none;
}
.default_alphabet{
	
}
.alphabet{
	text-align:center;
	background:#A7A47B !important;
}*/

/* le bloc dans lequel on affiche la carte
-------------------------------------------------------*/
.content{
	min-width:720px;
	_width:720px;
	overflow:auto;
}

/* onglets cartes */
.onglet_niveau{
	height:42px;
	padding:0;
	margin:0;
	list-style:none;
	border-left:1px solid #fff;
/*	width:150px;*/
	float:left;
	background:transparent url(onglets_bg.png) no-repeat 0 0;
}
.onglet_niveau li{
	padding:0;
	margin:0;
	height:42px;
	list-style:none;
	float:left;
}
.onglet_niveau li a{
	display:block;
	height:22px;/*42px;*/
	padding:20px 10px 0 10px;
	margin:0;
	float:left;
	background:transparent url(onglets_bg.png) no-repeat 0 0;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
}
.onglet_niveau li a:hover{
	background:#8fcc2f url(onglets_bg.png) no-repeat 0 0;
	color:#fff;
}
.onglet_niveau li.navacif a{
	background:#1F4B00 url(onglets_bg.png) no-repeat 0 0;
	color:#fff;
}
/* outils
-------------------------------------------------------*/
#outils{
	float:left;
	margin:0 0 0 12px;
	padding:16px 4px 0 4px;
	_width:242px;
	height:26px;/*42px;*/
	background:transparent url(outils_bg.png) no-repeat 0 0;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#outils ol, #outils ul{
	margin:0;
	padding:0;
	list-style:none;
}
/* outils de navigation */
ul.moveicons {
	padding:0 !important;
	height:26px;
}
ul.moveicons li {
	padding:0 3px;
	float:left;
}
ul.moveicons li span {
	display:none;
}
ul.moveicons li a{
	display:block;
/*	text-indent:-9999em;*/
	float:left;
	width:32px;
	height:26px;
}
ul.moveicons li img{
	float:left;
}

/* Agenda21
-------------------------------------------------------*/
#agenda21{
	float:left;
	margin:0 0 0 12px;
	padding:0px 4px 0 4px;
	height:26px;
}
#agenda21 ol, #agenda21 ul{
	margin:0;
	padding:0;
	list-style:none;
}

.icoseparation{
	padding-left:15px !important;
/*	background:transparent url(separation.gif) no-repeat 9px center;*/
}
.icoseparation2{
	padding-left:10px !important;
}

/* 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 table{
	clear:left;
	width:auto;/*800px;*/
	height:auto;/*526px;*/
	border-collapse: collapse;
	border-spacing:0;
	background-color:#1F4B00;
	border:3px solid #5F9904;
	margin-top:11px;
}
.cartecadre table td{
	text-align:center;
	vertical-align:middle;
	padding:0;
}
.cartecadre td a{
	display:block;
	margin:auto;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
}

#carteDynmap{padding:0;margin:0;}

.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 {background-image: url(table_top.gif);}
.n a{background-image: url(n.gif);padding:0 40px 0 40px;}
.s {background-image: url(table_bottom.gif);}
.s a{background-image: url(s.gif);padding:0 40px;}
.e {background-image: url(table_right.gif);}
.e a{background-image: url(e.gif);padding:40px 0;}
.o {background-image: url(table_left.gif);}
.o a{background-image: url(o.gif);padding:40px 0;}

.n-o a{background-image: url(n-o.gif); background-position:left top;}
.n-e a{background-image: url(n-e.gif); background-position:right top;}
.s-o a{background-image: url(s-o.gif); background-position:left bottom;}
.s-e a{background-image: url(s-e.gif); background-position:right top;}

/*  */
.helper{
	border:1px solid #ccc;
	position:absolute;
	top:50%;
	left:50%;
	background:transparent url(help_bg.png) repeat 0 0;
	text-align:left;
	padding:0;
	margin-top:-210px;
	margin-left:-325px;
	height:420px;
	width:650px;
	z-index:999;
}
.help_title{
	background:#3B474E;
	color:#fff;
	font-size:12px;
	font-weight:bolder;
	width:650px;
	height:30px;
}
.help_title a{
	display:block;
	color:#fff;
	width:640px;
	height:20px;
	padding:5px;
	line-height:25px;
	margin:0;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	background:transparent url(help_close.png) no-repeat right center !important;
}
.help_content{
	padding:10px;
	height:370px;
	overflow:auto;
}
.help_content h2{
	border-bottom:1px dotted #3B474E;
}
/* footer
-------------------------------------------------------*/
#footer{text-align:center;}
#footer a{
	font-weight:bolder;
	color:#086392;
	margin:0 10px;
}
#footer p{
	padding:5px;
	margin:0;
}
#footer p span{
	display:none;
}


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