/*------------------------------------
* La feuille de style du site Naturalistes Vendéens
*------------------------------------
*/

/*Corps de la page*/
body {
font-family:Arial;
background-color:#CFCFCF;
font-size:16px;
}

/*Div pour la largeur d'une page */
#bloc-page{
width:960px;
background-color:rgb(175,199,254);
margin-left:auto;
margin-right:auto;
overflow: hidden;
padding-bottom:8px;
}

/*Div contenant gauche et droit */
.demi-gauche{
width:480px;
display:inline-block;
overflow:auto;
float:left;
}

.demi-droit{
width:480px;
display:inline-block;
overflow:auto;
float:right;
}

/*Div de 960 px */
.bloc-960-clair{
margin-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
overflow: hidden;
}

.bloc-960-moyen{
padding-top:8px;
background-color:rgb(130,164,246);
margin-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
overflow: hidden;
}

.bloc-960-fonce{
padding-top:8px;
background-color:rgb(80,120,220);
margin-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
overflow: hidden;
}

/*Div de 480*/
.bloc-300-clair-centre {
width:300px;
margin-left:auto;
margin-right:auto;
padding:8px;
overflow: hidden;
}

/*Div de 180 px pour la consultation */
.bloc-180-clair{
float:left;
width:180px;
height:110px;
overflow: hidden;
}

/*Div de 960 px pour la consultation */
.bloc-180-clair-droit{
float:right;
width:180px;
overflow: hidden;
padding-top:103px;
}

.bloc-480-clair-droit {
margin-left:4px;
margin-top:8px;
padding:8px;
overflow: hidden;
}

.bloc-480-moyen-droit {
margin-left:4px;
margin-top:8px;
padding:8px;
overflow: hidden;
background-color:rgb(130,164,246);
}

.bloc-480-fonce-droit {
margin-left:4px;
margin-top:8px;
padding:8px;
overflow: hidden;
background-color:rgb(80,120,220);
}

.bloc-480-clair-gauche {
margin-right:4px;
margin-top:8px;
padding:8px;
overflow: hidden;
}

.bloc-480-moyen-gauche {
margin-right:4px;
margin-top:8px;
padding:8px;
overflow: hidden;
background-color:rgb(130,164,246);
}

/*Div de 350*/
.bloc-350-moyen{
width:334px;
height:470px;
float:right;
text-align:center;
padding:8px;
margin-top:8px;
background-color:rgb(130,164,246);
}

/*Div de 610 */
.bloc-610-clair{
width:610px;
float:left;
text-align:left;
}

/*Div de 632 (620+12) pour la consutation*/
.bloc-632-clair{
width:620px;
float:left;
text-align:left;
padding-left:8px;
padding-right:4px;
margin-top:8px;
}

/*Div de 350 */
.bloc-316-moyen{
width:316px;
height:550px;
float:right;
text-align:left;
padding-left:4px;
padding-right:8px;
margin-top:8px;
background-color:rgb(130,164,246);
}

/*Div de 610 pour le quoi de neuf */
.bloc-610-quoideneuf{
width:594px;
max-height:600px;
Overflow:auto;
float:left;
text-align:left;
margin-top:8px;
padding:8px;
}

.bloc-350-quoideneuf{
width:334px;
float:right;
text-align:center;
padding:8px;
margin-top:8px;
}

/*Div contenant pour le quoi de neuf */
.bloc-moyen-quoideneuf{
Overflow:auto;
float:left;
text-align:left;
margin-bottom:8px;
background-color:rgb(130,164,246);
}

.bloc-clair-quoideneuf{
Overflow:auto;
float:left;
text-align:left;
margin-bottom:4px;
background-color:rgb(175,199,254);
}

/*Titres*/
.titre{
width:100%;
text-align:center;
display:inline-block;
font-size:18px;
color:rgb(40,80,180);
padding-bottom:8px;
}

.sous-titre
{
font-size:18px ;
}

/*Ancre*/
A {
color:white;
text-decoration:none; 
}

a.lien_orange {
color:rgb(255,220,80);
font-weight : bold;
}

a.lien_bleu {
color:rgb(130,164,246);
font-weight : bold;
}

/*Paragraphes*/

p {
margin: 0
}

p.aere {
margin-top:10px;
}

.tresgros
{
font-size:48px ;
}

/*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: 620px;
	margin-left:auto;
	margin-right:auto;	
overflow: hidden;
padding-bottom:10px;
}

.spacer {
  clear: both;
}

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

/*Div pour pas de compte */
.bloc-pasdecompte{
width:960px;
padding-top:8px;
z-index:23;
background-color:rgb(175,199,254);
margin-left:auto;
margin-right:auto;
}

/*Div avertissement */
.bloc-avertissement{
background-color:#ffc83c;
margin-bottom:8px;
padding:8px;
text-align:center;
width:864px;
font-size:20px;
}

/*Div avertissement 100 % */
.bloc-avertissement-100pc{
background-color:#ffc83c;
margin-bottom:8px;
padding:8px;
text-align:center;
}

/*Div bandeau observateurs*/
.obs-1{
float:left;
height:19px;
width:270px;
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
}

.obs-2{
float:left;
height:19px;
padding-top:8px;
padding-bottom:8px;
}

.obs-3{
float:right;
height:19px;
padding-top:8px;
padding-bottom:8px;
padding-right:8px;
text-align:right;
}

/*Div bandeau coordinateurs*/
.coor-1{
width:656px;
float:left;
padding-left:8px;
padding-bottom:8px;
}

.coor-2{
width:288px;
float:right;
padding-right:8px;
padding-bottom:8px;
text-align:right;
}

/*Div bandeau responsables*/
.resp-1{
width:842px;
float:left;
padding-bottom:5px;
padding-left:8px;
}

.resp-2{
float:left;
width:100px;
padding-bottom:8px;
padding-right:8px;
text-align:right;
background-color:rgb(80,120,220);
}

/*Div pour l'entête */
#bloc-tete{
width:960px;
background-color:rgb(80,120,220);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
border-width:1px;
overflow: hidden;
}

#bloc-tete >.lisere-clair{
width:960px;
height:8px;
background-color:rgb(175,199,254);
}

/*Div pour le pied de page */
#bloc-pied{
width:944px;
background-color:rgb(80,120,220);
margin-left:auto;
margin-right:auto;
padding:8px;
overflow: hidden;
}

#bloc-pied >.pied-1{
width:363px;
float:left;
padding-bottom:8px;
}

#bloc-pied >.pied-2{
padding-bottom:8px;
float:left;
}

#bloc-pied >.pied-3{
padding-bottom:8px;
float:right;
}

#bloc-pied >.pied-4{
padding-bottom:8px;
overflow:hidden;
float:left;
}

#bloc-pied >.pied-5{
padding-bottom:8px;
float:left;
text-align:center;
width:620px;
}

#bloc-pied >.pied-6{
color:rgb(255,220,80);
padding-bottom:8px;
float:right;
}

#bloc-pied >.pied-7{
width:428px;
float:left;
}

#bloc-pied >.pied-8{
float:left;
}

/*Divs pour tableau ave ascenceur */
.tableau-ascenceur-299{
height:299px;
Overflow:auto;
display:inline-block;
}

.tableau-ascenceur-399{
max-height:399px;
Overflow:auto;
display:inline-block;
width:100%;
}

.tableau-ascenceur-474{
max-height:474px;
Overflow:auto;
display:inline-block;
}

/*Div pour le bandeau */
.bloc-bandeau{
position : relative;
width:960px;
height:120px;
margin-left:auto;
margin-right:auto;
}

/*Page de connexion*/
.connexion-haut{
    width: 960px;
    height:719px;
    background-color:rgb(175,199,254);
    background-image:url("/images/connexion-fond-page-1.jpg");
    margin-left:auto;
	margin-right:auto;
	overflow:hidden;
 }
 
.connexion-bas{
    width: 960px;
    background-color:white;
    background-image:url("/images/connexion-fond-page-2.jpg");
     background-repeat: no-repeat;
    margin-left:auto;
	margin-right:auto;	
	overflow:hidden;
 }

.connexion-texte-espece {
float:right;
width:400px;
margin-right:30px;
}

.connexion-bleu{
color:rgb(80,120,220);
}

  
.connexion-formulaire {
float:right;
width:400px;
margin-right:30px;
margin-top:310px;
}


/*Span pour les info bulles*/
span.info{
position:relative;
z-index:24;
color:black;
text-decoration:none
}
 
span.info:hover{
z-index:25;
background-color:transparent
}
 
span.info span{
display: none
}
 
span.info:hover span{
display:block;
position:absolute;
background-color:#ffc83c;
color:black;
text-align: left;
padding:8px;
}

/*Span pour les info bulles des images*/
span.info-image{
position:relative;
z-index:24;
text-decoration:none;
}
 
span.info-image:hover{
z-index:25;
}
 
span.info-image span{
display: none
}
 
span.info-image:hover span{
z-index:26;
display:block;
position:absolute;
top:-8px; left:-8px; width:220px;
background-color:#ffc83c;
text-align: center;
padding:8px;
font-size:14px;
}

/*Span pour les info bulles vers la gauche*/
span.info-gauche{
position:relative;
z-index:24;
text-decoration:none;
}
 
span.info-gauche:hover{
z-index:25;
}
 
span.info-gauche span{
display: none
}
 
span.info-gauche:hover span{
z-index:26;
display:block;
position:absolute;
top:-20px; left:-228px; width:230px;
background-color:#ffc83c;
text-align: center;
padding:8px;
font-size:14px;
}

/*Span pour les info bulles vers la droite alignées à gauche*/
span.info-droite-gauche{
position:relative;
z-index:24;
text-decoration:none;
}
 
span.info-droite-gauche:hover{
z-index:25;
}
 
span.info-droite-gauche span{
display: none
}
 
span.info-droite-gauche:hover span{
z-index:26;
display:block;
position:absolute;
top:-80px; left:-37px; width:116px;
background-color:#ffc83c;
text-align:left;
padding:8px;
font-size:14px;
}


/*span pour les infos bulles des espèces*/
span.info_espece{
position:relative;
z-index:24;
color:black;
text-decoration:none
}
 
span.info_espece:hover{
z-index:25;
background-color:transparent
}
 
span.info_espece span{
display: none
}
 
span.info_espece:hover span{
z-index:26;
display:block;
position:absolute;
width:150px;
background-color:#ffc83c;
color:black;
text-align: left;
padding:8px;
}

fieldset {
border-style: none;
margin:0px;
}



submit {
	font-family:arial;
    font-size:20px;
    color:yellow;
}

.petit-bouton {
	border:none;
	background-color:rgb(175,199,254);
	background:tranparent;
	color:white;
}

select {
	font-family:arial;
	font-size:16px;
	padding-top :1px;  
	padding-right:10px;
	padding-bottom:3px;
	margin-top:10px;	
}

input {
  font-size:16px;
  font-family:arial;
  padding-left:5px;
  margin-top:10px;
  margin-bottom:5px;
}

table {
  font-size:14px;
 }

/*Image de chargement des fichiers*/

img.pourcent { 
 background: #ffffff url(images/pourcent-bg.png) top left no-repeat; 
 background-position: 0 0; 
 display: block;
 margin-left: auto;
 margin-right: auto;
}

 /*Div pour afficher/masquer un div */

#hidden { display: block; }
#hidden_0 { display: none; }
#hidden_1 { display: none; }
#hidden_2 { display: none; }

/*Div pour le flux de données*/
.flux_donnees{
position:float;
margin-bottom: 8px;
padding:8px;
background-color: #87AAFF;
}

.flux_donnees_droite{
position:float;
text-align:right;
}

/*divs pour le tableau de validation validation.php*/

.validation-gauche-colonne-1{
width:270px;
float:left;
text-align:left;
}

.validation-gauche-colonne-2{
width:70px;
float:left;
text-align:center;
}

.validation-gauche-colonne-3{
width:100px;
float:right;
text-align:center;
}

.validation-gauche-colonne-2-c{
width:40px;
float:left;
text-align:right;
padding-right:15px;
}

.validation-gauche-colonne-3-c{
width:60px;
float:left;
text-align:right;
padding-right:30px;
}


/*Divs pour le tableau de validation validation.php
 */
 
.validation-droit-colonne-1{
width:100px;
height:19px;
float:left;
text-align:left;
}

.validation-droit-colonne-2{
width:200px;
height:19px;
float:left;
text-align:left;
overflow:hidden;
}

.validation-droit-colonne-3{
width:140px;
height:19px;
float:right;
text-align:left;
}

/*Divs pour le tableau des fiches de validation validation_fiche.php
 */
.validation-fiche-colonne-1{
width:40px;
height:35px;
float:left;
text-align:left;
font-size:14px;
}


.validation-fiche-colonne-2{
width:285px;
height:35px;
float:left;
text-align:left;
font-size:14px;
overflow:hidden;
}

.validation-fiche-colonne-3{
width:80px;
height:35px;
float:left;
font-size:14px;
text-align:left;
}

.validation-fiche-colonne-4{
width:85px;
height:25px;
float:left;
font-size:14px;
text-align:left;
}

.validation-fiche-colonne-5{
width:80px;
height:35px;
float:left;
font-size:14px;
text-align:left;
}

.validation-fiche-colonne-6{
width:130px;
height:35px;
float:left;
font-size:14px;
text-align:left;
}

.validation-fiche-colonne-7{
width:80px;
height:35px;
float:left;
font-size:14px;
text-align:center;
}

.validation-fiche-colonne-8{
width:65px;
height:35px;
float:left;
font-size:14px;
text-align:center;
overflow:hidden;
}

.validation-fiche-colonne-9{
width:90px;
height:35px;
float:right;
font-size:14px;
text-align:center;
}

.validation-fiche-valider{
width:855px;
float:left;
font-size:14px;
text-align:right;
}

/*Divs pour le tableau des station station_tableau.php
 */

.stations-colonne-0{
width:250px;
height:19px;
float:left;
text-align:left;
overflow:hidden;
}

.stations-colonne-1{
width:80px;
height:19px;
float:left;
text-align:left;
overflow:hidden;
}

.stations-colonne-2{
width:190px;
height:19px;
float:left;
text-align:left;
overflow:hidden;
}

.stations-colonne-3{
width:52px;
height:19px;
float:right;
text-align:right;
}

/*Divs pour le contenant tableau des stations station_ajouter.php
 */
 
.stations-contenant{
width:572px;
margin:auto;
}

.tableau-donnees-1{
float:left;
width:330px;
padding-top:2px;
font-size:14px;
overflow:hidden;
}

.tableau-donnees-2{
float:left;
width:63px;
padding-top:2px;
font-size:14px;
overflow:hidden;
}

.tableau-donnees-3{
float:left;
width:98px;
padding-top:2px;
font-size:14px;
}

.tableau-donnees-4{
float:left;
width:100px;
padding-top:2px;
font-size:14px;
}

.tableau-donnees-5{
float:left;
width:110px;
padding-top:2px;
font-size:14px;
}

.tableau-donnees-6{
float:left;
width:100px;
padding-top:2px;
font-size:14px;
}

.tableau-donnees-7{
float:left;
width:78px;
padding-top:2px;
font-size:14px;
}

.tableau-donnees-8{
width:45px;
float:left;
padding-top:2px;
font-size:14px;
text-align:right;
}

.tableau-observateurs-1{
float:left;
width:200px;
padding-top:2px;
font-size:14px;
overflow:hidden;
}

.tableau-observateurs-2{
float:left;
width:100px;
padding-top:2px;
font-size:14px;
overflow:hidden;
text-align:right;
}

.tableau-observateurs-3{
float:left;
width:158px;
padding-top:2px;
font-size:14px;
text-align:right;
}