/**
 * Définition des couleurs :
 *
 * fond : blanc #FFFFFF
 * bordures : vert #80ca9c
 *
 * tableaux : 
 *		entete vert foncé #019277
 *		ligne paire #80ca9c
 *		ligne impaire #e5f2e8
 *
 */
/*******************************classes***************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}


.bloc {
	padding-left: 5em;
	clear:left;
	float:left;
	
}
.champ{
	float:left;
	font-size : 1.2em; 
	margin: 1em 0 1em 0;
	width:10em;
}
.champ2{
	float:left;
	font-size : 1.2em; 
	margin: 0.5em 0 0.5em 0;
	width:10em;
}
.chapitre {
	background: url("images/separator.gif") top left no-repeat;
	color: #80ca9c;
	font-size: 1.5em; 
	font-weight: bold;
	padding-top: 0.5em;
	padding-left: 1.5em;	
	margin-top: 0.5em;
	float:left;
	clear:both;
}

.divButton{
	float:left;
	width:20%;
	text-align:center;
	margin-top:5px;
}
.divButtonBas{
	width:60em;
	text-align:right;
	margin-top:1em;
	float:left;
	clear:both;
}
.divButtonHaut{
	margin:0.5em auto 0.5em auto;
	width:70em;
	text-align:right;
}
.divCardinal{
	color : #019277;
    font-size : 1.1em; 
    font-weight: normal;
    margin: 0.2em;
	float:left;
	clear:left;
	width:4em;
	
}
.divImage{
	float:left;
	margin-left:4em;
}

.divInput{
	float:left;	
	width:35em;
	margin: 0.2em ;
}
.divLabelMenu{
	width:25em;
	float:left;
	clear:left;
	font-weight: bold;
	color:#2c825d;
	font-size: 1.3em;
	margin:0.5em 0 0.5em 1em;
}

.divLienMenu{
	width:3em;
	float:left;
	font-size: 1.3em;
	margin:0.5em 0 0.5em 1em;

}

.divLigne{
	float:left;	
	clear:both;
	width:63em;
}

.divLigne2{
	clear:left;
	margin-top:1em;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

.divIcone{
	margin-top:2px;
}

.divLigne3{
	float:center;	
	width:250px;
}
.divTableRow{
	clear:left;
	width:70em;
	margin-right:auto;
	margin-left:auto;
	
}

.divValeur{
	float:left;	
	margin: 0.2em;
	width:37em;
}
.divNb{
	width:100%;
	text-align:center;
	float:left;
}
.imgLogo{
	margin-left:1em;
	margin-right:1em;
}


/* Calendrier Dynamique */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */


.entete_tableau {
	background-color: #2c825d;
	font-weight: bold;
	line-height:1.5em;
	color:white;
	
}
.entete_tableau td{
	font-weight: bold;
}
.fsIdent{
	border:solid 2px #80CA9C;
	margin:2em auto 1em auto;
	width:70em;
	padding:1em;
	clear:left;
}
.fsIdent legend{
	margin:0.5em;
	width:auto;
	color:#80CA9C;
}
.inputfile {
	position:relative;
	width:7.5em;
	height:2em;
	overflow:hidden;
	background: url("images/bouton_importer.gif") no-repeat right top;
	margin-left:auto;
	margin-right:auto;

}
.inputfile:hover {
	position:relative;
	cursor:pointer;
	width:7.5em;
	height:2em;
	overflow:hidden;
	background: url("images/bouton_importer_light.gif") no-repeat right top;
	
}
.inputfile input {
	position:absolute;
	right:0;
	top:0;
	font-size:600px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
	text-align:right;
}
.liAccueil{
	font-size:1em;
	margin-bottom:0.5em;
	margin-left:1em
	
}
.libelle
{
    color : #019277;
    font-size : 1.2em; 
    font-weight: normal;
    margin: 1em 1em 1em 0;
	float:left;
	clear:left;
	width:10em;
	text-align:right;
}
.libelle2{
    color : #019277;
    font-size : 1.2em; 
    font-weight: normal;
    margin: 0.5em 0.5em 0.5em 0;
	float:left;
	clear:left;
	width:10em;
	text-align:right;
}
.libelle_obligatoire
{
    color : #019277;
    font-size : 1.2em; 
    font-weight: bold;
    margin-top: 10px;
}
/* Pour différencier les lignes paires et impaires des tableaux */
.ligne_paire {
	background-color: #80ca9c;
}

.ligne_impaire {
	background-color: #e0e8db;
}
.messageErreur
{
    color : #ff0000;
    font-size : 1.2em; 
    font-weight: bold;
    text-align:center;
	width:30em;
	margin-left: auto;
	margin-top: 0.5em;
	margin-right: auto;
	clear:left;
}
.pAccueil{
	margin-bottom:0.5em;
	font-size:1em;
}
.spItalique{
	font-style: italic;
}
.spGras{
	font-weight: bold;
}
.spPetit{
	font-size : 0.8em; 
}
.sstitre{
    color : #019277;
    font-size : 1.1em; 
    margin: 0.2em ;
	float:left;
	clear:left;
	width:16em;
	text-align:left;
}
.tableau {
	border-style: solid; 
	border-width: 1px; 
	border-color: #019277;
	background-color: #019277;
	margin-left: 0px;
	margin-right: 0px;
}
.tabListeMeta{
	clear:left;
}
.tabListeMeta td{
	padding-left: 0.5em;

}
.tabUrl{
	width:42em;
}
.tafelTreecontent{
	font-size:0.9em;
}
/********************************************************************************************/

#colonneCentrale{
	position: absolute; 
	top: 10px;
	left: 300px;
	right:10px;
	bottom:10px;
}
#contenuAccueil {
	color: #000000;
	height:68%;
	margin-top:2em;
}
#divLogos{
	height:100px;
}

#contenuPage {
	color: #000000;
	position: absolute; 
	top: 84px;
	left: 0;
	height:85%;
	width: 98%;
	padding-left:0.5em;
}
#corner_hg {
	background: url("images/corner_hg.png") top left no-repeat;
	margin-bottom:0;
	/*width:40em;*/
	/*height:30em;*/
	position: absolute;
	top: 0;
	left:5px;
	bottom:40px;
	right:275px;
}

#divCR {
	position: absolute;
	top: 225px;
	left: 150px;
	font-size : 0.7em; 
	color : #019277;
}

#fsIdentification{
	font-size : 0.7em;
	width:100%; 
	border:solid 2px #80CA9C;
	margin:2em;
	padding:1em;
	float:center;
	text-align:center;
}
#fsIdentification legend{
	font-size : 1.1em;
	color:#80CA9C;
	font-weight: bold;
	padding:0 5px;
}
#divAcces{
	margin:1em auto 1em auto;
	width:600px;
}
#divAccesPrive{
	float:left;
	width:250px;
}
#divAccesPublic{
	float:right;
	margin:3em 10em 0 3em;
}
#divErreur{
    color : #ff0000;
    font-size : 1.2em; 
    font-weight: bold;
    text-align:center;
	width:60em;
	margin-top:10em;
	margin-left: auto;
	margin-right: auto;
	clear:left;
}

#div_fonds_de_carte {
	height: 50%;
	margin-bottom:10px;
}


#div_zp {
	height: 50%;
}



#divKmldownload{	
}

#divKmlupload{
	text-align:right;
}

#div_treeview_panel {
	position: absolute;	
	top: 5px;
	right: 0px;
	bottom: 345px;
	width: 260px;
    /*height:19.5em;*/
	padding: 5px 12px 5px 5px;
	border: solid 0.5em #80ca9c;
}

#div_info_panel {
	position: absolute;	
	width: 265px;
	height: 90px;
	bottom: 220px;
	right: 0px;
    padding: 5px;
    border: solid 0.5em #80ca9c; 
}

#div_locator {
	position: absolute;	
	width: 265px;
    height: 190px;
	bottom: 5px;
	right: 0px;
    padding: 5px;
    border: solid 0.5em #80ca9c; 
}

#div_map {
    border: none;
    padding: 1em;
	width:95%;
	height:95%;
}

#div_scale {
	font-size : 1.2em; 
	width:38em;
	text-align:right;   
}

#div_mentions_legales {
	display:float;
	position: absolute;	
	bottom: 35px;
	right: 100px;
	z-index: 9999;
}

#divTableTBody{
	clear:left;
	width:70em;
	margin-right:auto;
	margin-left:auto;
	padding-right:1.5em;
	height:100%;
	
}
#entete {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;	
	padding: 0;
 	margin: 0;
  	height: 80px;
  	overflow: hidden;
}
#enteteAccueil {
	float:left;	
	height: 100%;
}

#map {
   	width: 100%;
    height: 100%;
}	
/* Positionnement et affichage des menus */
#menuitem {
	display:inline;
	width:25%;
	float:left;
}
#menuAccueil {
	padding-top: 50px;
	padding-left: 50px;
}
#printPDFDiv{
	
}
#tabAction {
    height: 30px;
	border: solid 0.5em #80ca9c; 
    padding: 2px;
	position: absolute;
	left:5px;
	bottom:5px;
	right:295px;
	line-height:1em;
}
#tabWait{
	padding:6px;
	border-collapse:collapse;
	border: solid 1px #000; 
	background-color: #80ca9c; 
}
#tabWait td{
	padding:6px;
	
}
#titre {
	float:left;
	width:70%;
	background: url("images/bulles.gif") top right no-repeat;
	line-height:5em;
}
/*******************************************************************************************/
a {
  color : #019277;
  background-color: transparent;
  text-decoration: none;
}

a.infobulle {  
  text-decoration: none;
}
a.infobulle:hover {
  background: none;
	cursor:help;
}
a.infobulle span {
  display: none;
}
a.infobulle:hover span {
  display: inline;
  position: absolute; 
  margin:2em 0 0 1em;
  z-index: 1000;
  border:1px solid #000;
  width:10em;
  padding:2px 4px;
  color : #000000;
  font-size : 1em; 
  background-color: #80ca9c;
  text-decoration: none;
}
/* Les liens sur la partie droite */
a.lien:link {
    font-family:"ARIAL", "Times New Roman", "Verdana";
    color: #2c825d;
    font-weight: bold;
    font-size:0.9em;
    text-decoration:none;
}
a.lien:visited {
    color: #2c825d;
	font-weight: bold;
}
a.lien:hover {
	/*color: #80CA9C;*/
	color:#80CA9C;
}
/* Les liens sur la partie droite */
a.lien2:link {
    font-family:"ARIAL", "Times New Roman", "Verdana";
    color: #2c825d;
    font-weight: bold;
    font-size:0.9em;
    text-decoration:none;
}
a.lien2:visited {
    color: #2c825d;
	font-weight: bold;
}
a.lien2:hover {
	/*color: #80CA9C;*/
	color:#FFF;
}

a.lienMenu:link {
    font-weight: bold;
	color:#2c825d;
	font-size: 1.3em;
    text-decoration:none;
	line-height:3em;
	background: url("images/bouton_suivant.png") top left no-repeat;
	padding-left:2em;
}
a.lienMenu:visited {
    font-weight: bold;
	color:#2c825d;
	font-size: 1.3em;
    text-decoration:none;
	line-height:3em;
	background: url("images/bouton_suivant.png") top left no-repeat;
	padding-left:2em;
}
a.lkManuel{
	background: url("images/help.png")  no-repeat;
	margin:0.5em;
	
}
a.lkManuel:hover{
	background: url("images/help_light.png")  no-repeat;
	cursor:help;
	margin:0.5em;

}
a.lkManuel span {
  	display: none;
	position: absolute; 
	  margin:0;
	  width:auto;
	  padding:1px 1px;
	  font-size : 0.8em; 
}
a.lkManuel:hover span {
	  display: inline;
	  position: absolute; 
	  margin:0 0 0 0;
	  z-index: 1000;
	  border:1px solid #000;
	  width:auto;
	  padding:1px 1px;
	  color : #000000;
	  font-size : 0.8em; 
	  background-color: #80ca9c;
	  text-decoration: none;
	  text-align:center;
}
a.lienMenu:hover {
	/*color: #80CA9C;*/
	color:#80CA9C;
	line-height:3em;
	background: url("images/bouton_suivant_light.png") top left no-repeat;
	padding-left:2em;
}

a.lienMenuBulle:link {
    font-weight: bold;
	color:#2c825d;
	font-size: 1.3em;
    text-decoration:none;
	line-height:1em;
	background: url("images/bouton_suivant.png") top left no-repeat;
	padding-left:2em;
}
a.lienMenuBulle:visited {
    font-weight: bold;
	color:#2c825d;
	font-size: 1.3em;
    text-decoration:none;
	line-height:1em;
	background: url("images/bouton_suivant.png") top left no-repeat;
	padding-left:2em;
}

a.lienMenuBulle:hover {
	/*color: #80CA9C;*/
	color:#80CA9C;
	line-height:1em;
	background: url("images/bouton_suivant_light.png") top left no-repeat;
	padding-left:2em;
	cursor:help;
}
a.lienMenuBulle span {
  display: none;
}
a.lienMenuBulle:hover span {
	  display: inline;
	  position: absolute; 
	  margin:2em 0 0 1em;
	  z-index: 1000;
	  border:1px solid #000;
	  width:auto;
	  padding:2px 2px;
	  color : #000000;
	  font-size : 0.7em; 
	  background-color: #80ca9c;
	  text-decoration: none;
	  text-align:center;
	  line-height:1em;
}

a img {
	border: none;
}

body {
    font-family : Arial, sans-serif;
    color : #000000;
    font-size : 0.8em; 
    background-color: #FFFFFF; 
	
	/*overflow: hidden;*/
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;  
}
body.accueil{
	background: url("images/logo.png") no-repeat left top; 
}
html{
	width: 100%;
	height: 100%;   
}

/* Titre 1 */
h1 {
	color: #80ca9c;
	font-size: 4em; 
	font-weight: bold;
	text-align: center;
}
h1.h1Petit{
	font-size: 3em;
}

/* Titre 2 */
h2 {
	font-size: 1em; 
  	color: #666; 
  	padding-bottom: 6px
}
h2.h2InfoTitre{
	color: #666;
	font-size: 0.9em; 
	font-weight: bold;
	padding:2px;
}
/* Titre 3 */
h3 {
	color: #80ca9c;
	font-size: 2em; 
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
p {
 	color : #000000;
    font-size : 1.1em;
	margin:0 auto 0 auto;
}
p.pBandeau {
	margin:0 auto 0.5em auto;
	font-weight: bold;
	width:42em;
}

/* Pour la fonction de recherche attributaire */
.info_libelle {
	font-size : 0.7em;
	text-decoration: underline;
}
.info_value {
	font-size : 0.7em;
}