body {background-color:#FFFFFF;}
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}
h2{
font-size:14.0pt;
	font-family:Times New Roman;
	color:black;
	font-weight:bold;
	line-height: 100%;
}
h4 {
	border: 1px groove #0000ff;
	font-weight: bold;
	text-align: center;
	font-family:"Times New Roman";
	font-size:10.0pt;
	font-style: normal;
	background-color: #00005A;
	color: #FFFFFF;
}
@font-face {
	font-family: "Trebuchet MS";
	src: url('../polices/Trebuchet_MS.ttf');
}
.textblue{
	background-color: #00005A;
}
.fonred{
	color: #FFFFFF;
	background-color: red;
}
.visible{
	visibility: visible;
	overflow:auto;
}
.invisible{
	visibility: hidden;
	height:40;
}

.divbdd{
position:absolute;width:1000px;left:0px; top:700px;
border-style:10 px; border-color:#FFFFFF;
}

.divtbdt{
	width:65px;
	overflow-wrap:break-word;

}

.divtb40{
	width:40px;
	overflow-wrap:break-word;

}

.divtb50{
	width:50px;
	overflow-wrap:break-word;

}
.divtb60{
	width:60px;
	overflow-wrap:break-word;

}
.divtb70,.divtb70_green,.divtb70_orange,.divtb70_red{
	width:70px;
	overflow-wrap:break-word;

}
.divtb70_green{
	background-color: #c3fdbd;

}
.divtb70_orange{
	background-color: #fdc1bd;

}
.divtb70_red{
	background-color: red;
	

}
.divtb80{
	width:80px;
	overflow-wrap:break-word;

}
.divtb90{
	width:90px;
	overflow-wrap:break-word;

}
.divtb100{
	width:100px;
	overflow-wrap:break-word;

}
.divtb110{
	width:110px;
	overflow-wrap:break-word;

}
.divtb123{
	width:123px;
	overflow-wrap:break-word;
}
.divtb150{
	width:150px;
	overflow-wrap:break-word;

}
.divtb170{
	width:170px;
	overflow-wrap:break-word;

}
.divtb200{
	width:200px;
	overflow-wrap:break-word;

}
.divtb250{
	width:250px;
	overflow-wrap:break-word;

}
.ofsec_Haut{
	position:absolute;
	width:70%;left:0px; top:0px; height:99px;
	font-weight: bold;
	text-align: center;
}
.ofsec_Carte{
	position:absolute;
	width:100%;left:0px; top:100px;	height:600px;
}
.ofsec_Bas{
	position:absolute;
	width:30%;left:0px; top:0px;	
}
.ofsec_Haut_menu{
	position:absolute;
	width:100%;left:0px; top:0px;	height:250px;
	font-weight: bold;
	text-align: center;
}
.ofsec_Carte_menu{
	position:absolute;
	width:100%;left:0px; top:250px;	height:600px;
}
.ofsec_Bas_menu{
	position:absolute;
	width:100%;left:0px; top:851px;	
}

.lm1{
	width:60px;
	overflow-wrap:break-word;

}
.lm8{
	width:50px;
	text-align: center;
	/*overflow-wrap:break-word;*/

}
.lm11{
	width:40px;
	overflow-wrap:break-word;

}
.lm13{
	width:125px;
	overflow-wrap:break-word;

}
.lm15{
	width:120px;
	overflow-wrap:break-word;

}

.lm17,.lm32{
	width:70px;
	text-align: center;
	overflow-wrap:break-word;
}

.lm18{
	width:70px;
	text-align: center;
	overflow-wrap:break-word;

}
.lm18,.lm32{
	width:70px;
	text-align: center;
	overflow-wrap:break-word;

}

.lm19,.lm35{
	width:110px;
	overflow-wrap:break-word;

}
.lm22,.lm23,.lm24,.lm25{
	width:80;
	overflow-wrap:break-word;

}
.lm27{
	width:60px;
	overflow-wrap:break-word;
}

.lm34{
	width:90px;
	overflow-wrap:break-word;

}
.lm100{
	width:100px;
	overflow-wrap:break-word;

}
.tdcol{
	font-weight: bold;
	text-align: center;
	color: red;
	border: 1px;
	border-color:#000000;
	border-style:solid;
}
.tbborder,.table{
	border: 1px;
	border-color:#000000;
	border-style:solid;
}
.table{
	position:absolute;  height:700px;
	overflow:visible;
}



.tdtri{
	text-align: left;
	font-weight: bold;
	
	/*overflow-wrap:break-word;*/
}
a.h4 {
border: 1px groove #0000ff;
	font-weight: bold;
	text-align: center;
	font-family:"Trebuchet MS";
	font-size:medium;
	font-style: normal;
	background-color: #00005A;
	color: #FFFFFF;
	text-decoration:none;
}
.icone_sup {
/*width:20px; height:20px; */
text-decoration:none;
 background-image:url(../image/icone_sup.jpg);
}
.couche_page {
position:absolute; width:100%; left:0px; top:0px; height:1200px; 
}
.couche_entete {
position:absolute; width:770px; height:119px;left:210px; 
top:10px; background-image:url(../image/bgheader.jpg);
z-index: 1;
}

.couche_onglets {
position:absolute; left:210px;width: 770px; height: 61px;top: 131px;
z-index: 2;
}
.travaux {
position:absolute; top: 250px;left:210px;
}






.couche_corps,
.couche_cr
 {
position:absolute;width:770px;left:211px; top:190px;
/*border-style:1 px; border-color:#FFFFFF;*/
}

.couche_corps {
background-color: #FFFFFF;
margin-left: 10px;margin-right: 50px;margin-top: 30px;
}
.couche_statistiques
 {
position:absolute;width:100%;left:0px; top:190px;
/*border-style:1 px; border-color:#FFFFFF;*/
}
.datalist{
	background-color: yellow;
	font-family:"Trebuchet MS";
}
/*-------------------------------------------------------------------------------*/
/*
.couche_resultats_api
{
position:absolute;left:0px; top:631px;
background-color:#ffffff;
font-family:"Trebuchet MS";
font-style: normal;
width:100%; 
}
*/
.couche_collectes,.couche_selection,.couche_zone_saisie
{
background-color:#ffffff;
font-family:"Trebuchet MS";
font-style: normal;
width:775px; 
}

.couche_collectes
{
position:absolute;left:211px; top:185px;height:600px;
}
.couche_selection
{
height:240px;
/*height:100px;*/
}
.couche_api
{
background-color:#ffffff;
font-family:"Trebuchet MS";
font-style: normal;
width:775px; 
position:absolute;left:211px; top:185px;
}
.couche_tableau_api 
 {
/*height:320px;*/
left:0px;top:100px;
border-style:solid;margin-left: 0px;
border-color:#000000;
background-color:#ffffff;
width:770px; 
position:absolute;
}
.couche_tableau_liste 
 {
/*height:320px;*/
border-style:solid;margin-left: 0px;
border-color:#000000;
background-color:#ffffff;
width:770px; 
}
.couche_lignes_liste 
 {
height:200px;
margin-left: 0px;overflow:auto;
border-color:#000000;
background-color:#ffffff;
width:770px; 
}

.couche_zone_saisie
{
height:1300px;
}

.green {background-color:#c3fdbd;}
.yellow {background-color:yellow;}
.orange {background-color:orange;}
.red {background-color:red;	
}
.blue {background-color:blue;}
.photo_icone{
display:inline;
height:150px;
border-style:double;border-color:#ffffff;
margin-top: 15px
}

div.dropbox 
 {
background-color:#000000;
overflow:auto;
height:200px;
white-space: nowrap;

/*width:220px;margin-left: 0px;;text-align: center;*/
}
div.dropbox a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
div.dropbox a:hover {
    background-color: #777;
}
.attributs{
display:inline-block;
height: 150px;
width: 150px;
background-color:black;
margin-top: 15px
}
.attribut{
display:block;
}

.titre{
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background:#e2e0d8;
	}

.titre_tableau{
	text-align:center;
	font-weight:bold;
	border-style:double;
	border-color:#ffffff;
	background:#e2e0d8;
	}

/*.degrade_vert_rouge{
 Non utilisé
    background-image: linear-gradient(to right, green,yellow,orange,red);
   Obligatoire si on veut "voir" le dégradé 
    width: 400px;
    height: 300px;
}*/
/*---------------------------------------------------------------------------------*/
.photo_gauche{
position: absolute; left: 0px; width: 201px;  top: 0px;  background-color:#FFFFFF; 
overflow: hidden;
}
.marge_gauche_api{
position: absolute; left: 5px; width: 201px;  top: 390px;height:630px;
background-color:#FFF555; 
}
.marge_gauche,.marge_gauche_blanche{
position: absolute; left: 5px; width: 201px;  top: 0px;
background-color:#FFF555; 
}
.marge_gauche{
background-color:#FFF555; 
}
.marge_gauche_blanche{
background-color:#FFFFFF; 
}
.marge_droite,.marge_droite_sorties{
 position: absolute; left: 1000px; width: 225px;height:800px;
 background-position: center; background-color:#FFFFFF; background-repeat:no-repeat; 
}

.marge_droite_api{
 position: absolute; left: 1000px; width: 225px;height:300px;top: 10px;
 background-position: center; background-color:#FFFFFF; background-repeat:no-repeat; 
}

.marge_droite{
top: 10px;
}
.marge_droite_sorties{
top: 10px;
}
.photos_marge_droite{
  width: 225px;height:630;
 overflow:auto;
 background-position: center; background-color:#e1ddfb; ; 
}
.nouveautes{
left: 10px; width: 225px;height:100;top: 10px;
 overflow:auto; background-color:Yellow;color: blue;
}

 .couche_logoGEB {
 position: absolute; width: 215px; height: 131px; left: 1000px;
 left: 20px; top: 0px; background-repeat:no-repeat; background-color:#FFFFFF; 
}

.couche_recherche {
position:absolute; width:215px; height:360px; left:10px; top:150px; 
}
 .marge_recherche{
 position: absolute; left: 10px; top: 50px;height:160;
 width: 215px;
 background-color:#FFFFFF;
 display: block;
 overflow:auto;
}
.marge_liens{
 position: absolute; left: 10px; top: 10px;height:800;
 width: 215px;
 background-color:#FFFFFF;
 display: block;
 overflow:auto;
}
.basedistante{
 position: absolute; left: 216px; top: 380px;height:500;
 width: 770px;
 background-color:#FFFFFF;
 display: block;
}
.couche_tableau_liste 
 {
top:1500px;left: 216px
border-style:solid;margin-left: 0px;
border-color:#000000;
background-color:#ffffff;
width:770px; 
}
 .identification{
	position: absolute;
	left: 0px; width: 201px; top: 0px;
	height:220px;
	margin-left: 5px;margin-right: 0px;
	margin-top: 1px; 
	margin-bottom: 1px; 
	text-align: left;
	border: 1px solid ;
	border-radius: 10px;
	background-color:#e1ddfb; 
 }

 .grottocenter{
	position: absolute;
	left: 0px; width: 701px; top: 120px;

 }
  .divgct{
	position: absolute;
	left: 0px; width: 701px; top: 300px;

 }
  .transfert{
	position: absolute;
	left: 0px; width: 201px; top: 150px;

 }
 .ident{
	font-size:10pt;
 }


.texte_page,.texte_page_mini{
	text-align: justify;line-height: 110%;
	margin-bottom:0px;
	margin-right:0px;
	color:#333333;
}
.texte_page{
	font-size:12pt;font-weight:100;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 150%;
}
/*.texte_page_mini{
	font-size:7pt;font-weight:80;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 120%;
}*/
a.p1,a.p2,a.p4,a.p5 ,a.p8 ,a.p6,a.p7,a.phaut,.titre_entete1,.titre_entete2,a.pdf,.texte_page_mini{
font-family:'Lucida Sans';
 }
 a.p_mg, a.p_md,.p3,.evidence,p.titre_paragraphe,.texte_page.couche_cr{
font-family:"Times New Roman";
 }
 a.p_mg, a.p_md{
 text-decoration:none;
 text-align:left;line-height: 150%;
 margin-top: 0; margin-bottom: 5px;
 margin-left:0px;
 margin-right: 5px;
 color:#00006E;
 }
 
 
 a.p_mg {
 font-size: 10pt; 
 }
 
 a.p_md {
  font-size: 10pt; 
 }
.titre_entete1, .titre_entete2{
margin-right:5px;
color:#FFFFFF;
text-align:right;
}
.titre_entete1 {
font-size: 20pt;
}
a.atitre_entete1 {
color:#FFFFFF;
text-decoration:none;
}
.titre_entete2 {
font-size: 6pt;
}

h.titre_page{
	font-size:14.0pt;
	font-family:Times New Roman;
	color:black;
	font-weight:bold;
	margin-left:0px; margin-right:0px; margin-top:50px;
	page-break-after:avoid;
}
p.titre_paragraphe{
	margin-top:30px;
	line-height: 100%;
	font-size:12.0pt;
	color:red;
	font-weight:bold; 
	page-break-after:avoid;
	margin-bottom:0px;
}
p.titre_paragraphe_vert{
	margin-top:30px;
	line-height: 100%;
	font-size:12.0pt;
	color:#13af34;
	font-weight:bold; 
	page-break-after:avoid;
	margin-bottom:0px;
}
.titre_liens{
	font-family:Lucida Sans;
	font-weight:bold; 
	font-size: 11pt;
	color:#000033;
	margin-bottom:0px;
}
.liste_cavites,.couleur_cavites{
background-color:#bbfa70; 
}
.liste_topographies,.couleur_topographies{
background-color:#bbfa70; 
}
.liste_bibliographies,.couleur_bibliographies{
background-color:Yellow; 
}
.liste_sorties,.couleur_sorties{
background-color:#f5fdbb; 
}
.liste_stations,.couleur_stations{
background-color:#d6fcbc; 
}
.liste_lots_materiels,.couleur_lots_materiels{
background-color:#bafefd; 
}
.surligne{
	background-color:#28ff00;
}

.couche10 ,.couche11 ,.couche12,.couche13{
position: absolute;  height: 26px;vertical-align:middle;
background-color:#00005A;
} 
.couche10 {
 z-index: 1; top: 3px; 
}
.couche11 {
z-index: 3; top: 25px; 


}
.couche12 {
 z-index: 2; top: 47px; 
}

.couche13 {
z-index: 4; top: 33px; background-color:#c1f8ce;

}

a.p9{position:relative;z-index:20;}
 
a.p1,a.p2,a.p4 ,a.p9{
text-decoration:none;
vertical-align:middle;
text-align:center;
font-size: 9pt;
font-weight:700;
margin-top: 7px;
}
a.p6,a.p7 {
margin-top: 6px;margin-bottom: 6px;
}
a.p3{
margin-top: 6px; margin-bottom: 0pt; margin-left:12px;color:#000033;font-size: 9pt;
}

a.p1 {
color:#FFFFFF;
}
a.p2 {
color:blue;
}

.p3{
display:block;
}

a.p4 {
color:#333333;
}
a.p5 {
color:blue;
}

a.pdf {
color:blue;
font-size: 7pt;
}

.p6 {
text-align:left;margin-left: 20px; margin-right: 24px;  
font-size: 7pt;color:#333333;line-height:100%;font-weight:500;
}

.p7 {
text-align: justify;
 color:#FF4000;font-size: 10pt; font-weight:700;
 }
 a.p8 {
color:blue;font-size: 7pt;
}
 a.phaut {
color:black;font-size: 7pt;
background-color:#c5d8f9;
}
.ci{  
/*Caractères dans zones de saisie input_champ*/
	background-color: #e5ed7d;
} 
.ci2{  
/*Caractères dans zones de saisie input_champ_readonly*/
	background-color: #f7d173;
} 
.ci,.ci2{  
/*Caractères dans zones de saisie input_champ er input_champ_readonly*/
	color: black;
	/*font-style:bold;*/
	font-size:9.0pt;
	font-family:"Times New Roman";
} 
.msginfo {  
	font-family:"Time new roman";
	font-size:9pt;
	font-style:normal;
	/*font-weight:bold;*/

	text-align: left;
	background-color: #cafcbe;
	color: black;
} 
.msgerreur {  
	font-family:"Time new roman";
	font-size:10pt;
	font-style:normal;
	text-align: left;
	background-color: #33ccff;
	color: red;
} 
.ic {
	position:relative;
	width:45px;
}
.icones {
	position:relative;
	height:20px ;width:20px;
}
.icones_middle {
	position:relative;
	vertical-align:middle;
	height:20px ;width:20px;
}

.jauge{
	position:relative;
   background-image:url(../image/icone_tri_red.jpg);
   width: 17px;
 height: 17px;
}
.tri{
   background-image:url(../image/icone_tri.jpg);
   width: 17px;
 height: 17px;
}
.tri_red{
   background-image:url(../image/icone_tri_red.jpg);
   width: 17px;
 height: 17px;
}
.specimen{
	background-color: red;
}
.specimen_blue{
	background-color: blue;
}
.right{text-align:right;}
.niveau1{
	z-index: 4;
	margin-left:0;
	padding:0;
	margin-top: 0px;
	margin-bottom:0px;
	border: 1px;
}
a.bouton{z-index: 4;}
a.bouton6{z-index: 6;}
a.bouton8{z-index: 8;}*

a.bouton,a.bouton6,a.bouton8{
	margin-left:0px;
	position:relative;
	text-align:center;
	display:block;
	font-weight:bold;
	text-decoration:none;
	background:#00005A;
	}
	
a.bouton:hover ,a.bouton6:hover ,a.bouton8:hover 
	{
	background:#FFFFFF;
	border-top:4px #FFCC00 solid;
	border-left:4px #FFCC00 solid;
	border-bottom:2px #CC0000 solid;
	border-right:2px #CC0000 solid;
	}
	
li.boutonl,li.bouton6,li.bouton8		{
	background:#B9B9B9;

	text-align:center;
	display:block;
	font-weight:bold;
	text-decoration:none;
	
	border-top:3px #DBDBDB solid;
	border-left:3px #DBDBDB solid;
	border-bottom:3px #868686 solid;
	border-right:3px #868686 solid;
	}
	
	.plus_orange			{border-bottom: 2px solid ; background-color:#fcdfbc}

	li.bouton:hover 	{background-color: #FF6600;	}
 
 ul ul {display: none; position: absolute; bottom: 0px; margin:0px; padding: 0px; border: 2px solid gray;}
	li 						{list-style-type:  none;position:relative;background-color: #E0E0E0; padding: 0px; margin: 0px;}
	li:hover 					{position:relative;background-color: #ff750f;visibility:visible;font-size:medium;}
	li.plus 					{display :block;border-bottom: 1px solid gray;color: #fcdfbc;}
	li:hover 		ul.niveau2 	{position:relative;display: block; left:0px;bottom: 0px;visibility:visible;overflow:visible;z-index: 7;}
	li li:hover 	ul.niveau3 	{position:relative;display :block;left:10px;top: 0px ;visibility:visible;overflow:visible;z-index: 9;}
	li li li:hover 	ul.niveau4 	{position:relative;display :block;left:10px;top: 0px;visibility:visible;overflow:visible;z-index: 11;}
 
.header_1{
position:absolute;
line-height:41px;
width:70px;
}
.header_2{
position:absolute;
margin-left:550px;
line-height:41px;
width:45px
}
.col_1{
position:absolute;
line-height:22px;
width:70px
}
.col_2{
display: inline-block;
margin-right:0px;
 right:20px;
  /*overflow:auto;*/
 /*padding-right:20px;*/
 /*line-height:22px;*/
 width: 45px;
 background-color: #00005A;
 /*border-right:1px solid #E1E1E1;*/
}
.col_3{
padding-left:300px
}
input:invalid {
  border: 2px dashed red;
}

input:valid {
  border: 1px solid black;
}

.invalid {
  border: 2px dashed red;
}

.valid {
  border: 2px solid black;
}

input:invalid {
  border: 2px dashed red;
}

input:valid {
  border: 2px solid black;
}
div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}