/* l'astérisque cible tous les éléments de la page */
/* # pour les éléments avec ID */
html,body {
width: 100%;
height: 100%;
left:0px;
color:#000000;
font-family:verdana, arial;
/*background-color:#182052;*/
margin: 0px 0px 0px 0px;
}

header,footer {text-align: center;}

h1 {color:#000000; font-family:verdana, arial; font-size:30px; font-weight:normal;margin:10px;}  /* C EST ICI LA COULEUR DU TXT */
p {color:#000000; font-family:verdana, arial; font-size:12px; font-weight:normal;} 
form {display:inline;} /*ajouté le 2019-10-20 pour indexphp*/
/*form.typeobjet {display:inline-block;}*/
/*select.typeobjet {width:170px;} mis dans dyncss.php*/
.combochiffre {width:50px;font-size: 8px;}
.NE_PAS { 
position: absolute;
} 

input.radio {height:15px;}
input.checkbox {height:15px;}

td{color:#000000; font-family:verdana, arial; font-size:12px; }  /* C EST ICI LA COULEUR DU TXT */

/*td.fond {background-image:url(../img/fond.jpg); background-repeat:repeat-x; background-color:#FFFFFE;} /* C EST ICI LA COULEUR DU FOND 49b4f1*/
td.fond {background-color:#FFFFFE;}
td.fondcellbleu { background-color:#182052; color:#ffffff; font-family:verdana, arial; font-size:12px; font-weight:normal; padding:3;}

.tableau {
	maxwidth: 700px; border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.tableau td {
	padding: 4px; border-top-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
.bordure {
	padding: 4px; border: 1px solid rgb(0, 0, 0);
}

a {color:#000000; font-family:verdana, arial; font-size:12px; text-decoration:underline;}  /* C EST ICI LA COULEUR DES LIENS */
a:HOVER{color:#182052; font-family:verdana, arial; font-size:12px; text-decoration:none;}

a.sousmenu{color:#ffffff; font-family:verdana, arial; font-size:10px; text-decoration:none;}
a.sousmenu:HOVER{color:#ffffff; font-family:verdana, arial; font-size:10px; text-decoration:underline;}
a.sousmenuon{color:#ffffff; font-family:verdana, arial; font-style:italic; font-size:10px; text-decoration:none;}
a.sousmenuon:HOVER{color:#ffffff; font-family:verdana, arial; font-style:italic; font-size:10px; text-decoration:none;}

a.bleu {color:#182052; font-family:verdana, arial; font-size:12px; text-decoration:none;}
a.bleu:HOVER{color:#182052; font-family:verdana, arial; font-size:12px; text-decoration:none;}

a.blanc { font-weight:bold; color:white; font-family:verdana, arial; font-size:12px; text-decoration:none;}
a.blanc:HOVER{color:white; font-family:verdana, arial; font-size:12px; text-decoration:none;}

.error {color:red; font-family:verdana, arial; font-size:12px; font-weight:bold;}
.orange {color:#FEC039; font-family:verdana, arial; font-size:12px; font-weight:bold;}
.vert {color:#A6C94B; font-family:verdana, arial; font-size:12px;}
.bleu {color:#182052; font-family:verdana, arial; font-size:14px;}

div#cnil { margin-left:20px;margin-right:20px;font-style: italic; text-align:left; width:95%;}
div#cnil-info { margin-left:20px; margin-top:20px;}
div#main {margin-top:0px;margin-left:0px; width:100%;}
div#menu { margin: 5px; width:90%;}
div#connexion {  }
div#index { margin-left:20px;margin-right:20px;width:95%;}
div#month { font-weight: bold;background-color: #3D86BD;width:160px;border-width:1px;border-color: #3D86BD; border-style:solid;margin-top:0px;padding:0.5em;}
div#periode { font-weight: bold;background-color: #3D86BD;width:250px;border-width:1px;border-color: #3D86BD; border-style:solid;margin-top:0px;padding:0.5em;}
div#stock_login { width: 250px; margin-left:35%; margin-top:5%; background-color:#3D86BD; padding: 5px 5px 5px 5px;}
div.buttons { text-align: center }
div.buttons input {  margin-top: 10px }


td.bordurebas { border-bottom: 1px solid #ffffff;}
div.numero {height:20px; width:40px; border: 1px solid #3D86BD; background-color:#182052; font-weight:bold; padding:3 0 3  0}
.false {color:red; font-family:verdana, arial; font-size:25px; font-weight:bold; }
.true {color:#A6C94B; font-family:verdana, arial; font-size:25px; font-weight:bold;}


/*P { text-align:left; color:#B5B2B5; font-size:14px; line-height:20px; font-family:Arial;}	inutile ?*/

.aff_block_liste_objet {
	border-top-color-color: black;
	border-top-width: 2px;
	border-top-style: dashed;
	padding-top:10px;
}
.aff_block_type_objet {
	font-size:16px;
	font-weight:bold;
	margin:2px;
	margin-right:8px;
}
.aff_block_type_objet_bis {
	font-size:16px;
	margin:2px;
	margin-right:10px;
}

/* ------------------------------  AFFICHER PNG/JPG (mode primitif d'ilyatoo  -----------------------*/
.aff_listeobjet {
	/*clear: both; mis dans le aff_liste_objet.php car ne pas mettre quand isotop.js */
	/*display:flex;*/
	/*overflow-x: scroll;*/
}

.aff_objet {
	position: relative;/*ajouté pour sigle ?*/
	display:inline-block;	
	/*text-align:center; chaque élément du aff_objet ont leur propre text-align: center;*/
	margin-left:5px;/* espacement entre objet*/
	margin-right:5px;
	margin-bottom:10px;
}
.aff_objet * {
	 margin:2px; /*margin des <p> qui étaient par defaut à 12 !*/
}

#nbobjetpassif {
  position: absolute;/* dans isotopejs c'est en absolute ! */
  left: 0px;
  top: 100px;/*10 à l'origine*/
  font-size: 1.5em;/* 42px à l'origine */
  /*font-weight: bold;*/
  color: white;
  background-color: red;
  border-radius: 45%;
  padding:3px;
}
/*inspiré du 'symbol' d'isotope*/
.sigle {
  position: absolute;/* dans isotopejs c'est en absolute ! */
  left: 0px;
  top: 0px;/*10 à l'origine*/
  font-size: 1.5em;/* 42px à l'origine */
  font-weight: bold;
  color: red;
  background-color: white;
}

#mapnomlieuxgeographique {
	height: 200px;
	width: 200px;
}

.nomenanglais{
	font-family: Arial;
	font-size: 12px;
	color: black;
	vertical-align: top;
	text-align: center;
}

div.cadrelienfichierattache_img_objet { /* encadrement des img cliquables sous image */
	min-height: 25px;
	min-width: 100px;
	max-width: 210px;
	text-align: center;
	margin-top: -40px;/*ajout DM_ 2021-05-12 -15px puis -40px le 2022-01-18*/
}

div#logoportail {
	position:absolute;
	top: -15px;
	left:-15px; 
}
div#logoobjet {
	position:absolute;
	top: -15px;
	left:100px; 
}
.caccartoo{
	min-height:10px;
	text-align:center;
}
	
div#Titre_bloc1colonne{
	height:45px;
	text-align:left;
	background-color:gray;
	color:#ffa500;
	font-size:17px;
	vertical-align:center;
	padding-right:5px;
	border-width:5px;
	border-color:green;
	border-style:solid;
}
	
div#bloc1colonne {
	float:left;
	width:220px;
	background-color:gray;
	border-width:1px;
	border-style:solid;
	border-color:white;
	}
div#bloc1colonne100pcLARGE {
	width:100%;
	background-color:gray;
	border-width:1px;
	border-style:solid;
	border-color:white;
}
div#blocliste2colonneobjet100pcLARGE {
	/*overflow:auto;*/
	/*	height:600px;*/
	background-color:white;
	text-align: left;
}
	
.bloc1colonne {
	float:left;
	width:220px;
	background-color:gray;
	border-width:1px;
	border-style:solid;
	border-color:white;
}
.bloc1colonneVIDE {
	float:left;
	width:0px;
}

div#bloc1colonnePLUSLARGE {
	float:left;
	width:230px;
	background-color:gray;
	border-width:1px;
	border-style:solid;
	border-color:white;
}

div#blocliste2colonneobjet {
	overflow:auto;
	height:200px;
	background-color:white;
	border-width:1px;
	border-style:solid;
	border-color:yellow;
}
div#blocliste3colonneobjet {
	margin-top:60px;
	overflow:auto;
	height:700px;
	background-color:white;
}

div#Requete {
	/*float:left;pour le block suivant*/
	width:100%;
	background-color:white;
	border-width:5px;
	border-color:green;
	border-style:solid;
}	

div#ListeN1ListeN2 {
	width:100%;
	background-color:white;
	border-width:5px;
	border-color:yellow;
	border-style:solid;
}

div#CritereCarte {
	width:100%;
	background-color:white;
	border-width:5px;
	border-color:blue;
	border-style:solid;
}

img#logoaccueil {
	border: 2px solid blue;
	border-radius: 45%;
}