/*------------------------------------
* La feuille de style du site Naturaliste Vendéen
*------------------------------------
*/


body
{background-color:#8B0000;}

A {color: #8B0000 ;
font-size:13px;
}

H1 {
color: #8B0000;
font-size:20px;
}

H2 {
font-family:Tahoma;
color: black;
font-size:18px;
}

H3 {
font-family:Tahoma;
color: black;
font-size:16px;
}

H4 {
font-family:Tahoma;
color: black;
font-size:14px;
}

H5 {
font-family:Tahoma;
color: black;
font-size:12px;
}

H6 {
font-family:Tahoma;
color: black;
font-size:10px;
}

.titreprincipal
{
font-family:Tahoma;
font-size:50px ;
color :black;
text-align:center;
}

.titrepage
{
font-family:Tahoma;
font-size:20px ;
color :black;
}

.titrebasededonnees
{
font-family:Tahoma;
font-size:14px ;
color :black;
}

.nbrdonnees
{
font-family:Tahoma;
font-size:10px ;
color :black;
text-align:right;
}

.titre-bloc
{
font-family:Tahoma;
font-size:14px ;
color :black;
text-align:center;
}

.sous-titre-bloc
{
text-align:center;
font-family:Tahoma;
font-size:13px ;
color :black;
}

CAPTION {font-size:large; color: black}


/* Alternance des couleurs pour les lignes des tables */
TR.A0 {background-color:#8B0000}
TR.A1 {background-color:white}
TR.MENU {background-color:#8B0000}

/* Pour le menu : le fond est rouge, les ancres ne sont pas soulignées
 *  et apparaissent en blanc   
 */
A.MENU {color:#FFFFFF;text-decoration:none;
             font-weight:bold;font-family:sans-serif;font-size:small} 
             

/* Pour le titre : couleur noire, police de grande taille */

TD.TITRE {color:black;font-weight:bold;text-align:center;
                 font-family:sans-serif;font-size:x-large}

/* Alignement du contenu d'une cellule */

TD.DROITE {text-align:right}
TD.CENTRE {text-align:center}

/*Divs pour le carnet*/
.flottante {
background-image:url("images/carnet.png");
  margin: 2px;
  float: left;
  width: 120px;
  height: 150px;
  text-align: center;
  font-size: 13px;
  }
.conteneur {
	width: 869px;
	margin-left:auto;
	margin-right:auto;
}
.spacer {
  clear: both;
}

/*Style pour la session*/
.connection{
font-size:13px;}

/*Div pour la largeur d'une page */
.bloc-page{
width:960px;
z-index:23;
text-align:left;
background-color:white;
margin-left:auto;
margin-right:auto;
padding:5px;
}

/*Div pour la moitié droite d'une page */
.bloc-page-demi-droit{
width:474px;
float:right;
text-align:left;
background-color:transparent;
padding-right:1px;
}

/*Div pour la moitié gauche d'une page */
.bloc-page-demi-gauche{
width:474px;
float:left;
text-align:left;
background-color:transparent;
padding-left:1px;
}

/*Div pour un tiers de page */
.bloc-page-tier{
width:315px;
float:left;
text-align:left;
background-color:transparent;
padding-right:1px;
}

/*Div pour un tiers de page avec bordure*/
.bloc-page-tier-bordure{
width:315px;
float:left;
text-align:left;
background-color:transparent;
border:1px solid #8B0000;
padding-right:1px;
}

/*Div pour trois tiers de page */
.bloc-page-trois-tier{
width:632px;
float:right;
text-align:center;
background-color:transparent;
padding-right:1px;
}

/*Div pour la largeur d'une page */
.bloc-page-modification{
width:960px;
text-align:left;
overflow: hidden;
background-image:url("images/fond-modif.png");
margin-left:auto;
margin-right:auto;
padding:5px;
}

/*Div pour la largeur d'une page */
.bloc-header{
width:960px;
text-align:left;
background-color:white;
background-image:url("images/fond.png");
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
padding:5px;
}

a.info{
position:relative;
z-index:24;
color:black;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:transparent
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:25em;
border:1px solid #8B0000;
background-color:white;
color:#8B0000;
text-align: left;
padding:5px;
}


a.info-image{
position:relative;
z-index:24;
text-decoration:none
}
 
a.info-image:hover{
z-index:25;
background-color:transparent
}
 
a.info-image span{
display: none
}
 
a.info-image:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:25em;
border:1px solid #8B0000;
background-color:white;
color:#8B0000;
text-align: left;
padding:5px;
}

p.titre {
  background:#8B0000;
  color:white;
  padding:.2em .3em;
  font-size:12px;
  border:2px outset black;
  position:relative;
  margin-bottom:-.1111em;
  width:30em;
  margin-left:1em;
  margin-top:1em;
}

fieldset {
  border-color:black;
  margin-bottom:1em;
  width:455px;
  font-size:11px;
}


label {
  position:absolute;
  font-size:10px;
  padding-top:.1em;
  left:20px;
}

submit {
    font-size:10px;
}

select {
  font-size:10px;
  padding-top:.1em;
  left:20px;
  margin :1px;
}

input {
  line-height:1.4em;
  margin-bottom:.2em;
  font-size:10px;
}

table {
  font-size:12px;
 }

img.pourcent { 
 background: #ffffff url(images/pourcent-bg.png) top left no-repeat; 
 background-position: 0 0; 
}
/*
Géoportail
*/
#GeoXYForm {
        padding: 5px;
    }
    #GeoXYFormToggle {
        height:20px;
        vertical-align:middle;
    }
    #page {
        width:700px;
        margin:auto;
        border:solid gray;
        border-width:1px 2px 2px 1px;
        background-color:white;
        padding:1em 2em;
        margin-left: auto;
        margin-right: auto;
    }
    .GeoXYButton {
        margin:0px;
        padding:1px;
        border:3px outset #D3D3D3;
    }
    .number {
        text-align:right;
        width:8em;
    }
    div#footer {
        font-size:x-small;
        text-align:center;
    }
    div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover {
        text-decoration:none;
        color:black;
    }