/*
z-index :1 : carte france (div carte)
z-index :2 : div du haut pour ajouter un fond derriere (div cote et fond), rond carrA© sur france
z-index :3 : div nava, div navb, tit1
z-index :4 : tit2
z-index :5 : bouton (tool_boutons outil2)

Pour corriger un bug lie au placement de la carte sous IE de la carte IWS, 
celle ci est colle dans le coin haut gauche avec de grosse bordure (solution Digitech).
Certaine balise de cette feuille de style ne sont lu que par IE : * html #carte
*/

/* Pour outil d'extraction */
#selection
{
position: absolute;
top:355px;
left:0px;
z-index:5;
}

#infoPoint
{
display:none;
}

/*
#map
{
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 81px;
	right: 0px;
	bottom: 0px;
	width: 754px;
	height:440px;
	background: white;
	border: 1px solid gray;
}
*/

body {
	background-color: #CFD2B4;
	background-image: url("../icn/5_f_1.gif");
}

#carte {
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 81px;
	width: 754px;
	height:440px;
}

.formulaire{
	border-style: none;
	border-color: #445F52;
	color: #445F52;
	font-weight: bold;
	background-color: transparent;
	
}

.formulaireV{
	border-style: none;
	border-color: #741605;
	color: #741605;
	font-weight: bold;
	background-color: transparent;
	
}
.formulaireSubmit{
	border: 1px solid gray;
	border-color: #445F52;
	color: #445F52;
	font-weight: bold;
	background-color: transparent;
	
}

.formulaireSubmitV{
	border: 1px solid gray;
	border-color: #741605;
	color: #741605;
	font-weight: bold;
	background-color: transparent;
	
}

/* carte de la france */
/* en cas de changement de position il est necessaire de reporter la modification dans navigation.js
fonction placerDivSitu */
#france {
	position:absolute;
	left: 760px;
	top: 10px; /*71px*/
	z-index: 1;
	/*background-color:blue;*/
}

#outil2 {
	position:absolute;
	top: 562px;
	left: 88px;
	z-index:5;
}
#tool_boutons 
{
	position:absolute;
	left: 12px;
	top:562px;
	width: 70px;
	z-index:5;
}

#nava {
	position:absolute;
	left: 1px;
	top: 32px;
	width: 426px;
	height: 13px;
	z-index: 3;
}

* html #nava {
	/*position:absolute;
	top: 0;
	left: 0;
	border-left: 1px solid #CFD2B4;
	border-top: 32px solid #CFD2B4;
	width: 427px;*/ /*426+1*/
	/*height: 45px;*/ /*32+13*/
	/*z-index: 14;
	border-color: #CFD2B4;	*/
}

#navb {
	position:absolute;
	left: 428px;
	top: 48px;
	width: 340px;
	height: 17px;
	z-index: 3;
}

* html #navb {
	/*position:absolute;
	top: 0px;
	left: 0px;
	width: 768px;*/ /* 426+ 340*/
	/*height: 65px;*/ /* 48 + 17*/
	/*border-left: 428px solid #CFD2B4;
	border-top: 48px solid #CFD2B4;
	z-index: 13;	*/
}

#fond
{
	position:absolute;
	background-color:#CFD2B4;
	top: 0px;
	left: 0px;
	width:768px; 
	/* normalement 65 pr etre sous le bandeau du haut mais 81 pr couvrir la */
	/* bordure de la carte sous IE qui est visible, Image IE cale en 0 0 + grosse bordure */
	height:81px; 
	background-image: url("../icn/5_f_1.gif");
	z-index: 2;
}
/* div pour cacher la bordure gauche de la carte*/
#cote
{
	position:absolute;
	top: 0px;
	left: 0px;
	width:7px; 
	height:521px; 
	background-image: url("../icn/5_f_1.gif");
	z-index: 2;
}

/* titre principal de l'interface */
#tit1 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;

}

/* titre navigation*/
#tit2 {
	position: absolute;
	left: 603px;
	top: 25px;
	z-index: 4;
}

span.texte
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#741605;
	margin:0;
}

/* style des rubriques rouges */
span.boutonR
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#741605;
	margin:0;
	font-weight:bold;
}

/* style des rubriques vertes */
span.boutonV
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#445F52;
	margin:0;
	font-weight:bold;
}


/* style des textes rouges decalA©s */
span.boutonR_decal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#741605;
	margin-top:0px;
	margin:10px;
	font-weight:bold;
}

/* style des textes rouges decalA©s */
span.boutonV_decal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#445F52;
	margin-top:0px;
	margin:10px;
	font-weight:bold;
}

/* style des textes rouges decales */
input.decal
{
	margin-left:20px;

}
/* div de la recherche : contient les div extra4 requete extraire */
#recherche {
	position:absolute;
	top : 170px;
	left: 780px;
	width: 200px;
	/*background-color:red;
	z-index:50;*/
}

/* dic choisir toponyme */
#extra4 {
/*position:absolute;
left: 0px;
top:75px;*/
/*background-color:blue;
z-index:50;*/
}

/* div ou vient s'enregistrer les toponymes choisis */
#extra3{	
	top: 20px;
	left: 0px;
	position:absolute;
	/*background-color:gray;
	z-index:59;*/
}

#extra3 .input1 {
	border-style: solid;
	border-width:0px;
	border-color : #cfd2b4;
	background-color: transparent;
	/*padding:0px 0px 0px 0px;*/
	margin:0px 0px 0px 0px;

	width: 162px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* bouton ok de la recherche de toponyme*/
#ok_2	{
	position:absolute;
	left: 80px;
	top: 20px;
	z-index:6;
}
/* div de la rubrique afficher */
#afficher {
position:absolute;
left: 0px;
top:85px;
/*background-color:yellow;
z-index:51;*/
}

/* div de la requete */
#requete {
position:absolute;
left: 0px;
top:260px;
/*background-color:black;
z-index:51;*/
}

/* div de l'extraction */
#extraire {
position:absolute;
left: 0px;
top:335px;
/*background-color:white;
z-index:51;*/
}

/* information sur les boutons */
#info1 p, #info2 p, #info3 p, #info4 p, #info5 p , #info6 p, #info7 p, #info8 p, #info9 p, #info10 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#741605;
	margin:0;
}

/* div pour afficher le texte des chef lieux */
#extra5 {
margin-left: 20px;
/*background-color: red;*/
}

/* texte en vert chef lieux */
#extra5 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#445F52;
	margin : 0;
}

/* separateur sous les titres */
#recherche img.separateur1, img.separateur2 {
	height:1px;
	margin: 0 0 6px 0;
}
#recherche img.separateur3 {
	height: 1px;
	margin: 0;
}

/* bouton imprimer et plein ecran*/
#outil4 {
	position:absolute;
	left: 350px;
	top: 562px;


}
#outil4 img.titre1 {
	display:block;
	margin: 0 0 5px 0;
}

/*boutons  de selection*/
#selection_tools {
	position:absolute;
	left: 770px;
	top: 560px;
  width:80px;
  text-align:center;
}

#selection_tools_text p {
  position:absolute;
  left:430px;
  top:500px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#741605;
	margin:0;
}

/* ancienne liste permettant choisir un departement*/
#extra1 {
	visibility:hidden;
}

#rondSitu{
position:absolute;
top:100px;
left:100px;
width:20px
height:20px;
z-index:3;
visibility:hidden;
}

#carreSitu{
position:absolute;
top:100px;
left:100px;
width:20px
height:20px;
z-index:3;
border: solid 1px #ff0000;
visibility:hidden;
}

#info_appliquer
 {
 	position:absolute;
	top:460px;
	left:70px;
	visibility:hidden;
}

#info_fermer
 {
 	position:absolute;
	top:460px;
	left:125px;
	visibility:hidden;
}

#info_annuler
 {
 	position:absolute;
	top:460px;
	left:45px;
	visibility:hidden;
}

#info1 {
 	position:absolute;
	top:598px;
	left:280px;
	visibility:hidden;
}

#info2 {
 	position:absolute;
	top: 598px;
	left: 310px;
	visibility:hidden;
}

#info3 {
 	position:absolute;
	left: 12px;
	top: 598px;
	visibility:hidden;
}

#info4 {
 	position:absolute;
	top: 540px;
	left: 88px;
}

#info5 {
 	position:absolute;
	left: 12px;
	top: 598px;
	visibility:hidden;
}
#info6 /* rectangle */
{
 	position:absolute;
	top: 598px;
	left: 185px;
	visibility:hidden;
}

#info7 /* progressif */
{
 	position:absolute;
	top: 598px;
	left: 218px;
	visibility:hidden;
}

#info8 /* clic */
{
 	position:absolute;
	top: 598px;
	left: 250px;
	visibility:hidden;
}

#info9 /* Sélection */
{
 	position:absolute;
	top: 560px;
	left: 650px;
	visibility:hidden;
}

#info10 /* Effacer */
{
 	position:absolute;
	top: 560px;
	left: 650px;
	visibility:hidden;
}