a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2D4D01 ; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #385273 ; text-decoration: underline}



.langue{

  position: absolute;
  top: 1em;
  left: 1em;
  
}



.pre_model{
width:700px;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
padding:10pt;

background-color:#FFF;
border-style:solid;
border-color:#000000;
border-width: 1px;
border-collapse:collapse
}

.liste_models_tr{
  background: #fff;
font-family: Arial;
font-size: 10pt;
padding:10pt;
}



.liste_models_th{
font-family: Arial;
font-size: 10pt;
padding:10pt;
padding: 5px;
border: thin solid;
background-color:#ccc;
}


.pre_model_ecopath{
width:700px;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
padding:10pt;

background-color:#FFF;
border-style:solid;
border-color:#000000;
border-width: 1px;
border-collapse:collapse
}


.pre_model2{
background-color:#ccc;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
padding:10pt;
}


.entete{
width:100%;
height:50px;
vertical-align:top;
font-family: Arial;
font-size: 30pt;
text-align:center;
margin:0pt;
background-color:#FFF;
border-style:solid;
border-color:#000000;
border-width: 1px;
border-collapse:collapse
}


.code{
vertical-align:top;
font-family: Arial;
font-size: 12pt;
margin:30pt;
padding:10pt;
background-color:#FFFFFF;
border-style:solid;
border-color:#F00;
border-width: 1px;
border-collapse:collapse
}


.menu{
font-family: Arial;
font-size: 12pt;
margin-left: 4px;
position: absolute; 
top: 120px; 
left: 5px; 
width: 180px;
height:375px;
padding:5px;
background-color:#FFF;
border-style:solid;
border-color:#000000;
border-width: 1px;
}

.contenant {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
padding:30px;
/*background-color:#DDDDFF;*/
position: absolute; 
top: 120px;

min-height: 375px;
width:1034px;
margin:auto;
border-style:dashed;
border-color:#000000;
border-width: 1px;

}



.image_fiche{
    max-width:500px;
    
}
.alert{
font-family: Arial;
font-size: 30pt;
margin:0pt;
text-align:center;
background-color:#FF0000;
border-style:solid;
border-color:#000000;
border-width: 1px;
border-collapse:collapse
}
.ferme{
    display:none;
    background-color:#fff;
    text-align:left;
}
.validation{
font-family: Arial;
font-size: 10pt;
margin:10pt;
padding:20pt;
text-align:justify;
background-color:#f79d3e;
border-style:solid;
border-color:#000000;
border-width: 1px;
}

.new_fiche{
font-family: Arial;
font-size: 10pt;
margin:10pt;
padding:20pt;
text-align:justify;
background-color:#fff;
border-style:solid;
border-color:#000000;
color:#f00;
border:0px solid black;
border-left-width: 1px;
border-left-style: dashed ;
}
.explication{
font-family: Arial;
font-size: 10pt;
font-style: italic;
border-width: 1px;
border-style:solid;
border-color:#000000;
margin:10pt;
padding:10pt;
background-color:#EDECB6;
max-width:700px;

}



.video_com{
font-family: Arial;
font-size: 10pt;
font-style: italic;
margin:0pt;
text-align:justify;
background-color:#000;
color:#FFF;
width: 40%;
width:400px;
}

.video{
width:400px;
height:300px;

}

.cocher_trans{
font-family: Arial;
font-size: 10pt;
border-left-style:solid;
border-left-color:#000000;
border-left-width: 1px;
}

.tabdonnee_fiche TH{
background-color:#FFCC99;
}

.obj_class_donnee{

width:650px;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:10pt;
text-align:center;
border-collapse:collapse;
padding:-10pt;
}

.tabdonnee_fiche TD{
border-style:dotted;
border-color:#000000;
border-width: 1px;

}

.entete_ligne{
background-color:#FFCC99;
  font-weight: bold;
}

.infosupp{
font-family: Arial;
font-size: 8pt;
font-weight: italic;
}




.titrepetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #c3c249;
  text-align:center;
margin-top: 10px; 
margin-bottom: 10px; 
padding: 2px;
  }
  
.para {
margin: 10px;
text-align: justify;
font-family: Arial;
font-size: 10pt;

}
.paragraphe {
margin: 3px;
text-align: justify;
font-family: Arial;
font-size: 10pt;


}

.tabdonnee{
vertical-align:top;
font-family: Arial;
font-size: 8pt;
margin:0pt;
width:100%;
border-style:solid;
border-color:#000000;
border-width: 1px;
}
.tabdonnee_th{
font-family: Arial;
color:#ffffff;
font-weight:bold;
font-size: 10pt;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width: 1px;
background-color:#0e5f6d;
}
.carte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:1px;
  border-style:solid;
  padding:10px;
  }
.cartepetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
 border-width:1px;
  border-style:solid;
  padding-left:10px;
  }
/* ? modif texte*/
.formulaire {
margin-left: 10px;
margin-right: 10px;
font-family: Arial;
font-size: 8pt;
text-align:justify;
width: 390px;
}
/* Que des $navigue ???*/
#navigue {
font-family: Arial;
font-size: 8pt;
border-width:1px;
border-style:solid;
border-color:black;
text-align:justify;
margin-top: 5px;
margin-left: 10px;
margin-right: 20px;
height: 48px; 
width: 600px;
}
/* Rien*/
#menufiche {
text-align: center;
margin-left: 4px;
position: absolute; 
top: 20px; 
left: 100px; 
width: 200px;
}

/*PAGE PRINCIPALE*/

/*positionneement*/
#contenantst {
padding: 20px;
position: absolute; 
top: 10px; 
left: 210px; 
width:70%;
min-width: 380px;
border-left:1px solid black; 
border-top:1px solid black; 

}

.cel1{
font-family: Arial;
font-size: 8pt;
}


/* MODE MODIFICATION */

/* Titre niveau 1 */
.titre_modif {
border-style:solid;
border-color:#dddddd;
border-width: 1px;
margin:5pt;
padding: 1px;
background-color: #ffff6b;
}


/* Titre niveau 2 Encadr�s */
.encadre_modif
{
background-color: #d3e4e3;
border-style:solid;
border-color:#000000;
border-width: 1px;
font-weight: bold;
padding: 1px;
font-family: Arial;
font-size: 8pt;

}

.reference
{
font-weight: italic;
font-family: Arial;
font-size: 8pt;
  text-align:right;
}

.aff_don
{
background-color: #d3e4e3;
border-style:solid;
border-color:#000000;
border-width: 1px;
margin:0pt;
}

/*Encadr�s verts*/
.modifications {
font-family: Arial;
font-size: 8pt;
background-color:#ccffcc;
border:1px solid black; 
width: 450;
}


/* Titre paragraphe */
#titrepara_modif {
font-family: Arial;
font-size: 8pt;
font-weight: bold;
width: 250;
}


/* MENU */
/* Cadre menu*/

/* Cadre titre menu*/
.carte2_titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #EDECB6;
  text-align:center;
  }
/* Texte du menu*/
#menu_texte {
text-align: right;
margin-left: 4px;
position: absolute; 
top: 10px; 
left: 0px; 
width: 195;
}

.menuniv1 {
border-style:solid;
border-color:#dddddd;
border-width: 1px;
margin:5pt;
padding: 1px;
background-color: #ffffff;
}

.menuniv2 {
background-color: #0e5f6d;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
margin:5pt;
padding: 1px;
}

.menuniv3 {
background-color: #58c8e8;
padding: 1px;
margin:5pt;
text-align:right;
}

.menuniv_liste {
background-color: #65cdf6;
padding: 1px;
margin:5pt;
text-align:center;
}


/* FICHE */

/* Cadre du titre */
#titrefiche {
margin-top: 10px; 
padding: 10px; 
margin-bottom: 10px;
min-width: 250px;
border:0px solid black;
float: left;
}
/*Titre fiche thematique*/
#nomfr {
text-indent: 0px;
margin-top: 10px;
font-family: Arial;
font-size: 16pt;
}

/*Sous titre fiche thematique*/
#nomtaxo {
font-style:italic;
text-indent: 20px;
margin-bottom: 10px;
font-family: Arial;
font-size: 12pt;
}

/* Titre des parties des fiches*/
.titrepara {
margin-top: 10px; 
margin-bottom: 10px; 
margin-left: 10px;
margin-right: 20px;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
border-bottom:1px solid black; 
width: 630px;
}

/* Paragraphe encadr�s verts gris*/
.paragris {
font-family: arial;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #fff;
text-align: justify;
font-size: 10pt;
width: 750px;
border:0px solid black;
border-right-width: 1px;
border-right-style: dashed ;

}

.biblio {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px;

text-align: justify;
font-family: Arial;
font-size: 10pt;
width: 750px;
border:1px solid black;
}

.parametres_bio {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-top:5px;
text-align: justify;
font-family: Arial;
font-size: 8pt;
border-width: 1px ;
border-left-style: solid ;
border-top-style: solid ;
border-color: #000 ;

}

.stock {

padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #dddddd;
text-align: justify;
font-family: Arial;
font-size: 9pt;
width: 30%;
border:1px solid black; 
}
/* Paragraphe encadr�s verts gris petit*/
.parademi {
text-indent: 20px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #EDECB6;
text-align: justify;
font-family: Arial;
font-size: 9pt;
width: 300px;
border:1px solid black; 
float:left;
}

/* Encadr�s autour de chaque indicateur*/
.cellule{
border-width:0px;
border-style:solid;
margin-left:10px;
padding:5px;
width:730px;
overflow:auto;
}  
.cellule_2{
 border-width:1px;
  border-style:dashed  ;
margin-left:10px;
padding:5px;
width:630px;
background : #ffdfbf;
}  
.cellule_3{
 border-width:1px;
  border-style:dashed  ;
margin-left:10px;
padding:5px;
width:630px;
background : #ffff99;

}  
.savoirplus{
display:none;
}  

/* Emplacement des graphiques*/
.graphique {
border:0;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
padding-top:10px;
}

/* Emplacement des graphiques sans passage � la ligne (1/2) */
.graphiquesansretour {
border:0;
float:left;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}
/* Emplacement des graphiques centrer */
.graphiquecentrer{
border:0;
float:center;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}

/* Titre de l'indicateur */
.titrecellule {
text-align:center;
font-family:Verdana;
font-size:80%;
font-weight:bold;
}

/* SOURCE ET GUIDE*/
/* Titre et cadre */
.cadretitre{
margin-top:8pt;
margin-bottom:0pt;
border-width:1px;
border-style:solid;
border-left-color:black;
text-align: justify;
font-family: Verdana, Arial, Helvetica;
font-size: 9pt;
font-weight:bold;
background-color: #0e5f6d;
color:#fff;
text-align: center;
padding-top:4pt;
padding-left:5pt;
}
/* Cadre source et guide */
.cadre{
border-width:1px;
border-style:solid;
border-left-color:black;
padding-left:5pt;
padding-top:4pt;
padding-bottom:3pt;
padding-right:5pt;
text-align: justify;
font-family: Verdana, Arial, Helvetica;
font-size: 8pt;

margin-bottom:0pt;
margin-top:0pt;
}

.reference{
font-family: Verdana, Arial, Helvetica;
font-size: 6pt;
text-align: left;
font-style:italic

}

.lienmenu{
font-family: lucida Grande;
font-size: 11px;
font-weight: bold;
color: #095182 ;
text-decoration: none
}

.lienmenu:hover{
font-family: lucida Grande;
font-size: 11px;
font-weight: bold;
text-decoration:underline;
}



.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #0e5f6d;
color:fff;
  text-align:center;
margin-top: 10px; 
margin-bottom: 10px; 
padding: 2px;
  }

.titre2 {
text-align: center;
margin-left: 4px;

font-family: Arial;
font-size: 12pt;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width: 1px;
margin-bottom:20px;
margin-top:10px;
}
.titre21 {

margin-left: 4px;

font-family: Arial;
font-size: 12pt;
border-top-style:solid;
border-top-color:#000000;
border-top-width: 1px;
margin-bottom:20px;
margin-top:10px;
}
.objectifs {
padding:5px;

text-align: justify;
background-color: #cccccc;
font-family: Arial;
font-size: 10pt;
}

.textenormal {
text-align: justify;
font-family: Arial;
font-size: 12pt;
	
}
.textenormalblanc {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
color:#ffffff;	
}

.textepetit {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
	
}

.partiedroite {

padding:10px;
text-align: justify;
font-family: Arial;
font-size: 10pt;
height:600px;

}

.majuscule {
font-size: 16pt;
}

.min700 {
height:700px;
vertical-align:top;
}


.tabmenu{
position:fixed;
width:170px;
padding:0px;
margin:0px;
background-color:#f6f5f5;
}

.tab_bandeau{
background-color:#ffffff;
width:100%;

}

.titreFleche {
padding-top:5px;
padding-bottom:5px;
font-family: Arial, Helvetica, sans-serif; font-size:14px;
font-weight:bold; color:#FFFFFF; 
line-height:10px;
background-color:#504e53;
}

.titreFlecheliason {
padding-top:5px;
padding-bottom:5px;
font-family: Arial, Helvetica, sans-serif; font-size:12px;
font-weight:bold; color:#FFFFFF; 
line-height:10px;
background-color:#504e53;
}

.titrebandeau{
padding-top:10px;

font-family: Tahoma; font-size:24px;
font-weight:bold; color:#000000; 


}

.tab_autre{
margin:0pt;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
text-align:center;
background-color:#d3e4e3;
font-family: arial;
font-size:10pt;

}
.tab_liens{
margin:0pt;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
background-color:#f79d3e;
font-family: Arial;
font-size:10pt;

}
.sep_jaune{
height:10px;
background-color:#453f47;

}
.tabgene{
border-style:solid;
border-color:#000000;
border-width: 0px;
vertical-align:top;
text-align: justify;
font-family: Tahoma;
font-size: 10pt;
margin:0pt;
min-height:700px;
background-color:#fff;
width:100%;

}
.tdgene{
vertical-align:top;
text-align: justify;
font-family: Arial;
font-size: 10pt;
margin:0pt;

}
.tdmenu 	{
border-bottom-style:dotted;
border-bottom-color:#000000;
border-bottom-width: 1px;
padding:5px;
background-color:#fee600;
text-align: left;
}

.bandeau {
border-top-style:solid;
border-top-color:#000000;
border-top-width: 1px;
border-bottom-style:solid;
border-bottom-color:#ffffff;
border-bottom-width: 1px;
margin-bottom:0px;
color:#1c2e3a;
text-align: center;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
}

.tabhaut {
background-color:#ffffff;
width:70%;
}

.copyr {
font-family: Arial;
font-size: 7pt;
text-align:center;
}

.carte2 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 
  padding:1px;
  width:90%;
  background-color: #d3e4e3;
  }


.menu_inter{
background-color: #EDECB6;
border-style:solid;
border-color:#ffffff;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
width:100%;

}

.case_up{
background-color: #EDECB6;
border-style:solid;
border-color:#ffffff;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
width:40%;
text-align:center;
}

  
.carte_icones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:0px;
  border-style:solid;
  padding:2px;
  
  }

   .avertissement {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
margin:20px;
background-color: #eeeeee;
 border-width: 0px;
  padding:10px;
  font-style:italic;
  } 
  
 

