/*********************commun à tout le site*****************/

body { /*margin:0; padding:0; */
height:100%; /* c'est la clef! */ 
background:#FFFFFF; font-family: Arial, Helvetica, Geneva, sans-serif; }
P { font-size:1em; margin-bottom:10px; margin-left:10px; text-decoration : none; font-style : normal; color : black; }
H1 { margin:0; padding:0;font-size: medium; color: black; margin-bottom: 0px; margin-top: 0px; }
A.Lienproduit {float: right; font-size: 1em; }
.raccourcis { position:absolute; z-index:0; }
.center Img { align:center; }

/*********************styles raphael*****************/

#cadreRouge{
  border-style: dashed;
 border-color:#FF0000;
 border-width:1px; 
 display:block;
 Z-INDEX: 1;
  LEFT: 150px; 
  POSITION: absolute;
  TOP: 10px; 
 width:10px;
 height:10px;
 visibility:hidden; 
}

.croix {
border:none;
}

#img{ left:10px; top:10px;}

#carte {left:0px;top:0px;border:3px solid #FFF;
margin-left:20px;
vborder-top: 3px solid #FFFFFF;
vborder-left: 3px solid #FFFFFF;
vborder-right: 3px solid #688daa;
vborder-bottom: 3px solid #688daa;
vbackground-color:#d9ecfa;
}

.fpuceCommune {background-image:url(goutteBleu.png);color:#006633}

#zoneCarte {float:left;bodrder:1px dashed #FF0000;}

#zoneTexte {floaft:left;bforder:1px dashed #FF0000;padding-left:25px;}

#zoneTxt {
 margin-left:500px; 
border-bottom: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
border-left: 4px solid #688daa;
border-top: 4px solid #688daa;

height:450px;background-color:#93b5d0;

}

.Ddans {
border-bottom: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
border-left: 4px solid #688daa;
border-top: 4px solid #688daa;
background-color:#93b5d0;
}

.Ddans select{background-color:#d9ecfa;color:#000000;font-weight:bold;}


.Dhors {
border-top: 3px solid #FFFFFF;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #688daa;
border-bottom: 3px solid #688daa;
background-color:#d9ecfa;
}

.Dhors select{background-color:#93b5d0;color:#FFFFFF;font-weight:bold;}


/************structure en colonne*********/

.contenu { margin-left:22%; width:75%;  margin-top: 25px; }
.menu { float: left; width:19%;border-right: solid #000000 1px;background-color:#DFEFFB;padding-top:35px; }
.colonneGauche { float: left; width:65%;}
.colonneDroite { margin-left:68%; width:28%; }

/*********************entete de la page*****************/

.entete { background: rgb(194,225,248); border-width:1px;border-bottom: solid #000000 1px;position:relative;left:-10px;top:-14px;}
.fil-ariane { margin-top: 1px; margin-bottom: 1px;}
.fil-ariane A {text-decoration : none; font : bold; font-style : normal; font-size: 0.7em; background: rgb(254,242,154); color: rgb(208,111,78); border-bottom: solid rgb(208,111,78) 1px; border-top: solid rgb(208,111,78) 1px; }

div#entete {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 200px;
	background: url("/OBSERVATOIRE/info-eau/images/environnement-poitou-charentes.jpg") bottom left no-repeat;
	margin-left: 0px;
}

.financeurs
{
position:absolute;
top:2px;
left:820px;
width:195px;
z-index:0;
border-style:none;
font-size:50%;
valign=center;
}

/*********************menu de navigation*****************/

.navigation
{
background: rgb(217,229,241);
width:110px
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px; 
}
.menu H2
{
padding-left: 3px;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 90%;
color: black;
margin-bottom: 0px;
color:#333;
border-width:1px;
border-bottom: dashed #000000 1px;
background:  url("images/fond-titre.jpg");border:1px solid #000000;bgcolor:#FFFFFF;font-size:14px;font-weight:bold;
/*background: rgb(244,240,144);*/
}
.menu H3
{
font-size: 80%;
padding-left: 6px;
margin-top: 0px;
margin-bottom: 0px;
}
.menu P
{
font-size: 75%;
/*padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px; 
margin-left: 0px;*/
margin : 5px;
list-style-position: inside;
list-style-image: url(images/partout/espaceur.gif);
}
.menu a { text-decoration:none; }


/*********************contenu de la page*****************/

.contenu A { font-size : small;  text-decoration : dashed; font-style : normal; color : navy; }
.contenu A:hover { color: rgb(121,0,0); }
.contenu li { font-size: small; color: black; display: list-item; list-style-image: url(images/partout/pucerouge.gif); margin-left: -15px;margin-top: 0px;  }
.contenu H2 { font-size: +small; color: black; margin-top: 0px; list-style-image: url(images/partout/pucerouge.gif);}
.contenu H3 {
  /*display: list-item;
  list-style-image: url(images/partout/.gif);
  list-style-position: inside;*/
  padding-left: 10px;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 1.1em;
  color: black;
  margin-bottom: 0px;
}
.contenu H4 {
  margin-top:15px;
  display: list-item;
  list-style-image: url(images/partout/pictodossier.gif);
  list-style-position: inside;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 1em;
}
.contenu H5 {
  display: list-item;
  list-style-image: url(images/partout/pucerouge.gif);
  list-style-position: inside;
  padding-left: 18px;
  margin-left: 0px;
  font-size: 0.9em;
}
.contenuTitre {
color:#333;
font-size:100%;
font-family : Arial;
border-width:1px;
border-bottom: dashed #000000 1px;
background:  url("images/fond-titre.jpg");
}
.contenuCentre {

margin-top:15px;
margin-bottom:10px;
color:#333;
font-size:80%;
font-family : Arial;
border-width:1px;
border-style:solid;
background: rgb(255,255,255);
}
.contenuCentre IMG
{
border-width:1px;
border-style:solid;
float:right;
margin:5px;
}
.spacer
{
clear:both;
}
A.AideNavigation {
float: right;
font-size: 80%;
}
/*********************contenu de la page/spécifique aux outils*****************/

.tbe li { list-style-image:none; }


/*********************pied de la page*****************/

A.pied-page {
float: right;
font-size: 1em;
}