/*
	AtmoPACA style
	© 2007 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background:#fff;
	margin:0;
	padding:0;
	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;}

a{
	font-weight:bolder;
	color:#EB6909;
	text-decoration:none;
}
a:hover{
	color:#FDD448;
	text-decoration:underline;
}

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

/* class generales
-------------------------------------------------------*/
.showbloc{display:block;}
.hidebloc{display:none;}
.wash {
	display:block;
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
	border:0 none;
}


/* bloc de contenu
-------------------------------------------------------*/
table.content{
	width:990px;
	height:400px;
	border:none;
	border-collapse: collapse;
	empty-cells: hide;
	background:#fff;
}

/* carte */
.cartecadre{
	width:auto;/*800px;*/
	height:auto;/*526px;*/
	position:absolute;
	top:0;
	left:0;
}

.cartecadre script, .cartecadre object{
/*	z-index:10;*/
	padding:0;
	margin:0;
}
.svgmap{
	position:absolute;
	top:0;
	left:0;
	border:1px solid #FDD448;
	border-top:none;
	text-align:center;
	height:440px;
}
.cartecadre a{
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	text-indent:-9999em;
	margin:auto;
	z-index:20;
}
a.n-o {			background:transparent url(n-o.gif) no-repeat 0 0;top:0;left:1px;}
a.n-o:hover {	background-image:url(n-o_over.gif);}

a.n {			background:transparent url(n.gif) no-repeat 0 0;top:0;left:334px;}
a.n:hover {		background-image:url(n_over.gif);}

a.n-e {			background:transparent url(n-e.gif) no-repeat 0 0;top:0;left:665px;}
a.n-e:hover {	background-image:url(n-e_over.gif);}

a.o {			background:transparent url(o.gif) no-repeat 0 0;top:204px;left:1px;}
a.o:hover {		background-image:url(o_over.gif);}

a.e {			background:transparent url(e.gif) no-repeat 0 0;top:204px;left:665px;}
a.e:hover {		background-image:url(e_over.gif);}

a.s-o {			background:transparent url(s-o.gif) no-repeat 0 0;top:424px;left:1px;}
a.s-o:hover {	background-image:url(s-o_over.gif);}

a.s {			background:transparent url(s.gif) no-repeat 0 0;top:424px;left:334px;}
a.s:hover {		background-image:url(s_over.gif);}

a.s-e {			background:transparent url(s-e.gif) no-repeat 0 0;top:424px;left:665px;}
a.s-e:hover {	background-image:url(s-e_over.gif);}

/* outils de navigation */
ul.moveicons {
/*	float:left;*/
	position:absolute;
	top:0;
	left:682px;
	padding:0;
	margin:0;
	width:32px;
/*	height:96px;*/
}
ul.moveicons li {
	background:#FDD448;
	padding-top:1px;
	padding-left:3px;
	list-style:none;
}
ul.moveicons li span {
	display:none;
}
ul.moveicons li a{
	display:block;
	text-indent:-9999em;
	width:25px;
	height:25px;
}
ul.moveicons li img{
}
ul.moveicons li.last_outil{
	background:transparent url(last_outil_bg.gif) no-repeat right bottom;
}

.triform{
/*	float:left;*/
	padding:10px 0 0 0;
	margin:0 0 0 40px;
	background:#00A4DE url(tri_form_01.gif) no-repeat 0 top;
	width:245px;
	color:#fff;
}
.triform form{
	padding:0 1em 1em 1em;
	margin:0;
	background:#00A4DE url(tri_form_03.gif) no-repeat 0 bottom;
	
}
.triform form div{
	clear:left;
	padding: 0.2em 0;

}
.triform form div label{
	display:block;
	float:left;
	padding:3px 5px 0 0;
}
.triform form div .change_date{
	_align:right;
	display:block;
	float:left;
	min-width:16px;
	_width:16px;
	padding:3px 5px 0 0;
	white-space:nowrap;
	
}
.triform form div script{
	padding:0;
	margin:0;
}
.triform form select{
	font-size:0.9em;
	width:200px;
	border:1px solid #1F629F;
	margin:0 0 0 10px;
}
.infocarte{
	clear:left;
	padding:18px 0 0 0;
	margin:0 0 0 0.5em;
	height:296px;
	width:278px;
	overflow:auto;
}

.infocarte img{
	background:#fff;
	border:0px solid #ccc;
	padding: 3px;
	margin:0 auto;
	max-width:250px;
	list-style:none;
}
.infocarte p{
	margin: 0.6em 0;
	padding: 0px;
}
ol.helplist{
	padding:0;
	margin:0;
}
ol.helplist li{
	padding: inherit;
	margin: inherit;
}

/* gestion des onglets */
ul#switchtab{
	list-style:none;
	padding:0;
	margin:0;
	height:20px;
	font-size:10px;
}
ul#switchtab li{
	float:left;
	padding:0;
	margin:0;
	height:20px;
	width:112px;
	text-align:center;
}
ul#switchtab li a{
	display:block;
	float:left;
	padding:2px 15px 0 15px;;
	margin:0;
	width:70px;
	height:18px;
	color:#0067A1;
	font: bolder 1.2em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	background:#CBE1F5;
}
ul#switchtab li span{
	display:block;
	float:right;
	height:20px;
	width:12px;
	background:transparent url(onglet.gif) no-repeat left top !important;
}
ul#switchtab li a:hover{
	color:#fff;
}
ul#switchtab li.active a{
	color:#fff !important;
	background:#00A4DE !important;
}
ul#switchtab li.active span{
	display:block;
	float:right;
	height:20px;
	width:12px;
	background:transparent url(onglet_active.gif) no-repeat left top !important;
}
.sidebloc{
	border:1px solid #00A4DE;
	padding:5px 10px;
	height:262px;
	overflow-x:hidden;
	overflow-y:auto;
}
/* afficher / masquer les couches */
.shcouches{
	text-indent:55px;
	padding: 6px 0 5px 0 !important;
	background-position:0 0;
	background-repeat:no-repeat;
}
.shcouches a{
	cursor:pointer;
	font-weight:normal;
}
.shcouches_on{
}
.shcouches_on a{
	cursor:pointer;
	font-weight:normal;
}
.campagne{
	background-image:url(campagne.gif);
}
.zones{
	background-image:url(zones.gif);
}

/*  */
a.closefiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
}
a.hidefiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
	background: url(show.gif) no-repeat 0 bottom;
}
a.hidefiche:hover{

		background:#FDD448 url(show.gif) no-repeat 0 bottom;
}
a.openfiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
	background: url(hide.gif) no-repeat 0 bottom;
}
a.openfiche:hover{
		background:#FDD448 url(hide.gif) no-repeat 0 bottom;
}
.ficheinfo{
	z-index:30;
	position:absolute;
	top:5px;
	left:380px;
	padding:0;
	margin:0;
	width:290px;
	background:#fff;
	border:1px solid #FDD448;
	
}
.ficheinfo h2{
	background:#FDD448;
	color:#333;
	margin:0;
	padding:0.2em 1em;
	font-size:1.1em;
}
.ficheinfotxt{
	margin:0.5em;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:390px;
	_height:390px;
}

/* header
-------------------------------------------------------/
#header{
	height:64px;
	background:#046380 url(header_bg.jpg) repeat-x;
	color:#9ABDC6;
	min-width:960px;
}
.headerhide{

	display:none;
}
#header h1{
	margin:0;
	padding:14px 0 0 260px;
	height:50px;
	letter-spacing:-0.1em;
	background:transparent url(logo.gif) no-repeat 10px 10px;
}
#header h1 em{
	display:block;
	color:#fff;
	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.jpg) repeat-x;
}
p.showhide-header{
	margin:0;
	padding:0 5px 0 0;
	height:20px;
}
p.showhide-header a.ShowHead{
	float:right;
	display:block;
	margin:0;
	padding:0;
	width:60px;
	height:20px;
	text-indent:-9999em;
	background:transparent url(header_show.jpg) no-repeat 0 0;
}
p.showhide-header a.ShowHead:hover{
	background-position: 0 -20px;
}
p.showhide-header a.HideHead{
	float:right;
	display:block;
	margin:0;
	padding:0;
	width:60px;
	height:20px;
	text-indent:-9999em;
	background:transparent url(header_hide.jpg) no-repeat 0 0;
}
p.showhide-header a.HideHead:hover{
	background-position: 0 -20px;
}

/ sidebar
-------------------------------------------------------/
#sidebar{
	width:260px;
}
#sidebar h2{
	margin:0;
	border-top:1px solid #E8E4B5;
	border-bottom:1px solid #E8E4B5;
	background:#F1F1D7 url(cellule_bg.jpg) repeat-x 0 0;
	font-size:1.1em;
}
#sidebar h2 a{
	display:block;
	height:19px;
	text-align:right;
	padding:2px 3px 0 3px;
	color:#A19E8B;
	text-decoration:none;
}
#sidebar h2 a:hover{
	background:#F1F1D7;
	color:#BB0500;
}
#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;
}
#sidebar input, #sidebar select, #sidebar textarea {
	font-size:10px;
}
.navigation{
	width:240px;
	padding:10px 10px 0 10px;
	background:transparent url(overview_bg_top.jpg) no-repeat 0 0;
}
.overview{
	width:220px;
	padding:10px 10px 0 10px;
	background:transparent url(overview_bg_repeat-y.jpg) repeat-y 0 0;
}
.overview-map{
	text-align:center;
	margin:0 auto;
}
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:#fff;
	border:1px solid #A4A180;
}
.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;
}

/ le bloc dans lequel on affiche la carte
-------------------------------------------------------/
.content{
	position:absolute;
	top:64px;
	left:260px;
	min-width:680px;
}

.contenthide{
	position:absolute;
	top:0px;
	left:260px;
}

/ outils
-------------------------------------------------------/
#outils{
	margin:-10px 0 5px 0;
/*	height:80px;/
	overflow:hidden;
	min-width:660px;
}
#outils ol, #outils ul{
	margin:0;
	padding:0;
	list-style:none;
}
/ mise en place du joystick de deplacement /
ol.joystick {
	float:right;
	width:64px;
	height:44px;
	padding:20px 0 16px 0 !important;
	margin:0;
}
.joystick li{
	margin:0px;
	padding:0px;
	font-size:0px;
	float:left;
}
.joystick li a{
	display:block;
	text-indent:-99999em;
}
li.movetop {display:block;padding:0 10px 0 10px;}
li.movetop a{width:24px;height:10px;margin:0 10px;background:transparent url(joystick_02.gif) no-repeat center bottom;}
li.moveleft {display:block;padding:0 0 0 10px;}
li.moveleft a{width:10px;height:24px;background:transparent url(joystick_04.gif) no-repeat right center;}
li.movecenter a{width:24px;height:24px;background:transparent url(joystick_05.gif) no-repeat center center;}
li.moveright {display:block;padding:0 10px 0 0;}
li.moveright a{width:10px;height:24px;background:transparent url(joystick_06.gif) no-repeat left center;}
li.movebottom {display:block;padding:0 10px 0 10px;}
li.movebottom a{width:24px;height:10px; margin:0 10px;background:transparent url(joystick_08.gif) no-repeat center top;}

/ outils de navigation /
ul.moveicons {
	padding:3px 0px !important;
	height:25px;
}
ul.moveicons li {
	padding-left:8px;
	float:left;
}
ul.moveicons li span {
	display:none;
}
ul.moveicons li a{
	display:block;
	text-indent:-9999em;
	float:left;
	width:32px;
	height:32px;
}
ul.moveicons li img{
	float:left;
}
.icoseparation{
	padding-left:20px !important;
	background:transparent url(separation.gif) no-repeat 9px center;
}
.icoseparation2{
	padding-left:10px !important;
}

/ outils 2 /
ul.toolsbox {
	float:left;
	height:32px;
	background:transparent url(tools_bg.gif) no-repeat 0 0;
	margin-right:8px !important;
	padding-left:4px !important;
}
ul.toolsbox li {
	padding:3px 0 0 4px;
	float:left;
}
ul.toolsbox li.toolend {
	background:#F5F4EB url(tools_bg.gif) no-repeat right 0 !important;
	padding:0;
	height:32px;
	width:8px;
}
ul.toolsbox li span {
	display:none;
}
ul.toolsbox li a{
	display:block;
	text-indent:-9999em;
	float:left;
	width:16px;
	height:16px;
}
ul.toolsbox li img{
	float:left;
}
ul.toolsbox li select {
	font-size:10px;
}
.tools_bout_off, .tools_bout_on{
	display:block;
	width:130px !important;
	height:20px !important;
	padding-top:4px !important;
	text-indent:28px !important;
	color:#999;
}
a.tools_bout_off{
	background:transparent url(outils2_show.gif) no-repeat 0 0;
}
a.tools_bout_on{
	background:transparent url(outils2_hide.gif) no-repeat 0 0;
}
a:hover.tools_bout_off{
	background:transparent url(outils2_show.gif) no-repeat 0 -24px;
	color:#333;
}
a:hover.tools_bout_on{
	background:transparent url(outils2_hide.gif) no-repeat 0 -24px;
	color:#333;
}
.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 table{
	width:auto;
	height:auto;
}
.cartecadre table td{
	text-align:center;
	vertical-align:middle;
}
.cartecadre td a{
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999em;
	margin:auto;
}
.MapFormat{
	float:right;
	padding:0 5px 0 0;
	margin:0px;
	width:70px;
}
.MapFormat li{display:inline;}
.n-o a{
    background:transparent url(n-o.gif) no-repeat 0 0;
}
.n a{
    background:transparent url(n.gif) no-repeat 0 0;
}
.n-e a{
    background:transparent url(n-e.gif) no-repeat 0 0;
}
.o a{
    background:transparent url(o.gif) no-repeat 0 0;
}
.e a{
    background:transparent url(e.gif) no-repeat 0 0;
}
.s-o a{
    background:transparent url(s-o.gif) no-repeat 0 0;
}
.s a{
    background:transparent url(s.gif) no-repeat 0 0;
}
.s-e a{
    background:transparent url(s-e.gif) no-repeat 0 0;
}

/ footer
-------------------------------------------------------/
#footer{
	width:220px;
}
#footer a{
	font-weight:bolder;
	color:#A6A579;
}
#footer p{
	padding:0 10px;
	margin:0px;
	text-align:center;
}
*/