/*
 essai
*/

/*
fin essai
*/
.editPhoto {
width : 10vw;
height : 10vh;
max-width : 30px;
max-height : 30px;
}
.containImage{
min-width : 190px;
padding: -1px;
color: #FFFFFF;	
}
.photogauche {
  float: left;
  padding-right: 20px;
  width: 200px;
  text-align: center;
  margin: 0;
}
.smallphotogauche {
  float: left;
  padding-right: 20px;
  width: 100px;
  text-align: center;
  margin: 0;
}
.photodroite {
  float: right;
  padding-left: 20px;
  width: 200px;
  text-align: center;
  margin: 0;
}

.message {
 font-family : sans-serif, Arial, Helvetica, sans-serif;
 	border-top: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	font-size:9;
	width: 100%;
	color:#ffffff;
	padding: 10px 20px;
	text-align: left;
}
.flotte {
  margin: 2px;
  width: 420px;
 }
 .flotteg {
  float: left;
  width: 750px;
 }
 .float {
  margin: 2px;
  float: left;
  width: 100px;
 }
 .flotteflash{
  	padding-right: 15px;
 	padding-top: 30px;
    margin: 2px;
  float: left;
  width: 300px;
  height:380px; 
	background-color: #000000;
 }
  .flottetext{
  	padding-right: 15px;
 	padding-top: 30px;
    margin: 2px;
	float: left;
	width: 300px;
	height:380px; 
	color: #FFFFFF;
	background-color: #ff0000;
 }
  .float1 {
  margin: 2px;
  float: left;
  width: 300px;
 }
 .flotteimage{
   margin: 2px;
  float: left;
  width: 100px;
  height: 100px;
	background-color: #000000;
 }
 .boutondepart{
 font-size: 9px;
  text-align: center;
  color: #ffffff;
 margin: 2px;
  float: left;
  width: 15px;
  height: 10px;
	background-color: #000000;
 }
.flotteright {
position:relative; 
 margin-left: 300px;
 margin-right: auto; 
 }
.flotte p {
font-size: 15%;
  text-align: center;
 }

 .conteneur {
  color:#996666;
 background-color: #e8ffe8;
 }
.tiers{
	float: left;
	width: 33%;
	margin-bottom: 1em 0;
}
.ligne{
	float: left;
	width: 100%;
	margin: 1em 0;
}
.espace {
 clear: both;
 }
 .bck {
		background-image:url("./img_pack/m2005s.jpg"); 
		background-position:right top;
		background-repeat: no-repeat;
		  height: 62px;
		max-width : 500px;
 }
.rayure {
	background-image:url("./img_pack/pix.gif");
}
.blank {
	background-color:#FFFFFF;
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	text-align: center;
}
.cellule {
 background-color: #FFFFFF;
	padding-right: 6px;
	padding-left: 8px;
}
.celluleform {
	padding: -1px;
	color: #FFFFFF;
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9;
}
.celluleBleu {
	background-color:#EAFFEA;
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	text-align: justify;
}
.texte {
	padding: 4px 10px;
	text-align: justify;
}
.txt_url {
  width: 350px;
background-color:#999999;
color:#FFFFFF;

}
.texte_simple {
	padding: 4px 10px;
}
.ps {
	border-top: 1px dashed #006699;
	font-size: 85%;
	padding: 4px 20px;
	text-align: justify;
}
.title {
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
 	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
	font-size:100%;
	color:#E8A424;
	text-align: left;
	height: 40px;
}
.title1 {
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
 	border-top: 1px dashed #ffffff;
	font-size:100%;
	color:#f9eaa0;
	text-align: left;
		padding-top: 5px;

}
.titleE {
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
 	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 15 ;
	color:#000000;
	text-align: left;
	 background-color : #ece6c7;

}
.titleF {
	height: 10px;

}

.notes {
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px dashed #006699;
	 background-color: #EAFFEA;
	color:#000000;
	padding: 4px 20px;
	text-align: center;
}
.copyright {
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px dashed #006699;
	 background-color: #98AAC2;
	font-size: 50%;
	color:"#000000">;
	padding: 4px 20px;
	text-align: center;
}
.notecom {
	border-top: 1px dashed #006699;
	font-size: 80%;
	font-style: italic;
	color:#666666;
	padding: 4px 20px;
	text-align: left;
}
.trait_bas {
	border-bottom: 1px solid #999999;
	padding-bottom: 4px;
}
.trait_haut {
	border-top: 1px solid #006699;
}

.trait_droite {
	border-right: 1px solid #006699;
}

.trait_gauche {
	border-left: 1px solid #999999;
	padding: 6px;
}
.genre {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	padding-left: 60px;
border-top: 1px solid #006699;
background-color : #D8D0AE;

}
.famille {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	padding-left: 30px;
border-top: 1px solid #006699;
background-color : #a8a691;

}
.ordre3 {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	height : 30px;
	font-size: 35;
	color : #A69E44;
background-color : #575b44;
}
.ordre2 {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 35;
	color : #000000;

}
.ordre {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
border-top: 1px solid #006699;
	padding-top: 2px;
	padding-bottom: 2px;
  background-color : #b1a36a
}
a.ordre:hover,a.ordre:link,a.ordre:visited,a.ordre:active {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	border-top: 1px solid #006699;
	background-color : #b1a36a
	color : #000000;
}
.classe {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14;
	color : #ffffff;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	 background-color : #272727;
}

.cadre_pointille {
padding: 4px;
	border: 1px dashed #006699;
	margin: 2px; 
	text-align: left;
}
.bordure {
	border: 1px solid #FFFFFF;
}
.SPIPTITLE {
	FONT-FAMILY: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#E8A424;

}
.SPIPGRAS {
	font-weight: bold;
}
.SPIPITALIQUE {
		font-style: italic;;
}
.minH {
	     min-height : 20px;
}

.menu{
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	border: 1px dashed #006699;
	vertical-align: top;
	text-align: left;
			max-width : 500px;
}
/* sous menu */
#menu_deroule {
  padding:0;
  margin:0;
  list-style:none;
	/* text-align: left; */
background: #b1a36a
}
#menu_deroule ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
 background: #b1a36a


}
#menu_deroule li {
   /* border-radius: 6px; */
   margin-bottom:2px;
   /* box-shadow: 3px 3px 3px #999; */
   border:solid 1px #333A40;
   /* letter-spacing: 0.14em; */
   /* font-size: 18; */
/* background: #fffff; */
}
#menu_deroule li li {
	font-family: Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	max-height:0;
	overflow: hidden;
	transition: all .4s;
/* border-radius:0; */
/* background: #fffff; */
/* box-shadow: none; */
   border:none;
   margin:0
}
#menu_deroule a {
	display:block;
	/* text-decoration: none; */
	padding: 1px 5px;
	font-family: Jura, Verdana;
	background-color : #b1a36a

}
#menu_deroule ul li a, #menu_deroule li:hover li a {
	text-align: left;
	padding: 4px 3px;
	
	/* font-size:1em; */

	/* great*/
	background-color : #343c42;
}
#menu_deroule li:hover {
	color : #CFD1D3;
   background: #ffffff;
    /* background-color : #b1a36a */
}
#menu_deroule li li:hover {
	/* color : #CFD1D3; */
   /* background:  #7e713c ; */
    /* background-color : #b1a36a */
}
#menu_deroule ul li:last-child {
   /* border-radius: 0 0 8px 8px; */
   border:none;
   
}
#menu_deroule li:hover li {
  max-height: 15em;
}
/* tableau */

table{
width:95%;
/* width:auto; */
background-color: #343c42;
border-collapse: collapse;
margin: auto;
}
table tr td {
vertical-align: top;

}
.tab{
	width:100%;
	background-color: #343c42;
}
.tab2{
	width:100%;
	background-color: #4E5256;
}
thead, tfoot {
	vertical-align: middle;
	text-align: center;	
	color : #ffffff;
	background-color : #343c42;


}
td.vertical{
writing-mode: vertical-rl;
text-orientation: mixed;
height:50px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
        font-size : .7vb ;
}

td.marge{
table-layout: fixed;
min-width:50px;
border-left: 1px solid #cccccc;

}
td.adminsketch{
table-layout: fixed;
width:700px;
border-left: 1px solid #cccccc;

/* table-layout: auto; */
/* width: 30%; */
}
td.menuG{
padding-left : 10px;
padding-right : 5px;
table-layout: fixed;
min-width:200px;
/* width:250px; */
/* border-top: 1px solid #999999; */
/* table-layout: auto; */
/* width: 100%; */
}
td.tierpage{
padding-right : 120px;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
text-align: left;
table-layout: auto;
}
td.mipage{
/* table-layout: fixed; */
/* width:500px; */
border-left: 1px solid #cccccc;
text-align: left;
table-layout: auto;
}
td.centrer {
	vertical-align: middle;
	color : #ffffff;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	 background-color : #272727;
}
td.centrerI {
	vertical-align: middle;
	color : #ffffff;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #343c42;
	border-bottom: 1px solid #b2b299;
	 background-color : #d7d999;
	max-width : 200px;
}
td.centrerW {
	vertical-align: middle;
	color : #ffffff;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	 background-color : #3d3d3d;
	max-width : 100px;
}
td.centrerClair {
	vertical-align: middle;
	color : #000000;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	 background-color : #b4b3b2 ;

}
td.centrerg {
	vertical-align: middle;
	color : #ffffff;
	text-align: center;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color : #515151;
	width:30px;
}
td.gauche {
	vertical-align: middle;
	color : #ffffff;
	text-align: left;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #73714f;
}
td{

        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;


}
td.up{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}
atitle{
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:"#E8A424";
}
a.atitle{
 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:"#E8A424";
	background-color: #343c42;
    text-decoration: none;
		font-weight: bold;

}
a.atitle:hover,a.atitle:link,a.atitle:visited,a.atitle:active	{
	 font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:"#E8A424";

    text-decoration: none;
		font-weight: bold;
}


expo{
		color : #FFFFFF;
        background-color : #000000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
 
a.expo:link{
        color : #FFFFFF;
        background-color : #000000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.expo:visited{
        color : #FFFFFF;
        background-color : #000000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.expo:hover{
        color : #FFFFFF;
        background-color : #000000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.lien:link{
        color : #000000;
        background-color : #70E271;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.lien:visited{
        color : #000000;
        background-color : #70E271;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}

a.lien:hover{
        color : #FFFFFF;
        background-color : #000000;
        text-decoration: none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.ent:link{
        color : #FFFFFF;
        background-color : #ff0000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.ent:visited{
        color : #FFFFFF;
        background-color : #ff0000;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}
a.ent:hover{
        color : #FFFFFF;
        background-color : #000000;
        text-decoration: none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
}

body {
 /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image: url("./img_pack/pixel.jpg");
}

.insecte {
background-image: url("./img_pack/pixel.jpg");
}

.styleLigne{
white-space: nowrap;
}
.Style1 {
vertical-align: middle;
padding: -1px;
color: #FFFFFF;
}
.Style2 {
padding: -1px;
color: #E8A424;
}
.Style3 {
padding: -1px;
color: #999999;
}
.Style4 {
padding: -1px;
color: #000000;
}
.Style4 a:link{
color: #000000;
padding: -1px;
}
.Style4 a:hover{
color: #b0770a;
padding: -1px;
}
.Style4 a:visited{
color: #000000;
padding: -1px;
}
.Style4 a:active{
color: #000000;
padding: -1px;
}
a:link {
        color : #FFFFFF;
        /* background-color : #4E5256; */
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
}
a:hover {
        color : #e8a424;
		/* background-color: #EAFFEA; */
        text-decoration: none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
}
a:visited {
        color : #FFFFFF;
        text-decoration : none;
        font-family : Jura, Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
}
a:active {
    color: #006699;
    text-decoration: none;
    /* background-color: #EAFFEA; */
    font-size : 12px;
    font-style: normal;
}
#mapid { height: 100px; }
input, textarea, select, option {
color : #000000;
font-size : 14px;
 font-family :Georgia, Jura, Verdana;
 background-color:#eaead4;
 
 }
input[type=submit], input[type=reset]{
 width:100px;
 font-size : 14px;
 margin-left:5px;
 background-color : #b1a36a
 box-shadow:1px 1px 1px #d5c997;
 cursor:pointer;
 }
 #sketch-holder {
		border-top: 3px solid #000000;
	background-color:#343c42;
	box-shadow: 2px 2px 2px #d5c997;
	border-left: 2px solid #999999;
  margin-left:1.8%;
  margin-right:1.8%;
}
 .box {
display: flex;

}
 .box2 {
display: flex;
 width: 88%;
}
#myform{
  display: flex;
  height: 30px;
}
#myform input[type=text]{
  padding: 5px 15px;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right: none;
  height: 20px;
}
#myform input[type=text]:first-of-type{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#myform input[type=text]:last-of-type{
  border-right: 1px solid #bbb;
}
#myform button {
  padding: 5px 15px;
  border-right: 1px solid #537EA5;
  border-top: 1px solid #537EA5;
  border-bottom: 1px solid #537EA5;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #5C97BF;
  color: #fff;
}
/* Remplacement d'overlib pour les textes d'aide sur la page de tAClACchargement */
.overtext {
	z-index:100;				/* Pour Aatre au-dessus de tout */
	position:absolute;			/* Pour ne pas prendre de place dans la page */
	visibility:hidden;			/* A?lACment normalement invisible */
	background-color:#cccccc;	/* Couleur de fond, pour contraster (gris moyen) */
	border:1px solid #000000;	/* Bord noir, massif, 1 pixel de large */
	max-width:650px;			/* Largeur maximale */
	padding:5px;				/* Marge sur tous les bords. */
	color:#000000;				/* Texte noir */
	text-align:left;			/* Alignement A  gauche */
	font-size: 1em;
	}
	a:hover + .overtext {			/* A?lACment qui suit le lien sous la souris */
	visibility:visible;			/* Il devient visible. */
	}
	
.overtext2 {
	max-width:500px;			/* Largeur double */
	}
.overtext3 {
	max-width:750px;			/* Pour l'aide sur les commentaires */
	}
	/* Code de clignotement de l'aide du bouton de gAColocalisation */
.blink {
	animation: allblink 2s infinite;
}
@keyframes allblink {
	0% { }
	50% { color:#006699; background-color: #343c42; } 
}
/* Style de l'A"il commandant le survol dans les pages de familles */
span.olpasol {
	color: #555555;
	margin-left: 1px;
	padding-right: 8px;
	font-size: 14px;
	}
div.item {
	width: 100%;
	text-align: left;
	background-color: #d5c997;
	border-top: 1px solid #a89443;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #a89443;
	border-right: 1px solid #000000;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
	display: inline-block;
	height: 16px;
	color: #000000;
}
div.item a:link {
	background-color: #d5c997;
	color: #000000;
}
div.item a:visited {
	background-color: #d5c997;
	color: #000000;
}
div.item a:hover {
	background-color: #d5c997;
	color: #000000;
}
div.item a:active {
	background-color: #d5c997;
	color: #000000;
	}
div.rowgen {
	float: left;
	margin: 5px;
	width: 98%;
	height: auto;
	line-height: 1.4;
	}
#sgen1 {
	float:left;
	background: none;
	width: 25%;
	}
#sgen2 {
	float:left;
	background: none;
	width: 25%;
	}
#sgen3 {
	float:left;
	background: none;
	width: 25%;
	}
#sgen4 {
	float:left;
	background: none;
	width: 25%;
	}
#rowaut {
	background-image: url("./img_pack/sr.jpg");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px; 
	width: 850px;
	height: 230px;
	max-width: 95%;
	}
#rowfichier {
	background-image: url("./img_pack/mm.jpg");
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	width: 850px;
	height: 230px;
	max-width: 95%;
	}
#rowpays {
	background-image: url("./img_pack/cc.jpg");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	width: 850px;
	height: 230px;
	max-width: 95%;
	}
#pays1 {
	float:left;
	background: none;
	}
#pays2 {
	color: #000000;
	float: right;
	background: none;
	margin-top: 10px;
	padding-right: 20px;
	text-align: right;
	}
#pays3 {
	clear: both;
	line-height:0;
	}
#pays4 {
	float:left;
	background: none;
	}
div.pavegen {
	float: left;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 3px;
	width: 24%;
	height: auto;
	line-height: 1.4;
	text-align: left;
	border-left: 1px solid #006699;
	background-color: #a89443;
	display: inline-block;
	min-width: 125px;
	}
div.pavegen a:link {
	background-color: #d8d8ae;
	font-weight: normal;
	color: #000000;
	}
div.pavegen a:visited {
	background-color: #d8d8ae;
	color: #000000;
	}
div.pavegen a:hover {
	background-color: #d8d8ae;
	color: #000000;
	}
div.pavegen a:active {
	background-color: #d8d8ae;
	color: #000000;
	}
rowgen.accc a:link {
	background-color:#272727;
	color:#FFFFFF;
	}
rowgen.accc a:visited {
	background-color:#272727;
	color:#FFFFFF;
	}
rowgen.accc a:hover {
	background-color:#272727;
	color:#FFFFFF;
	}
rowgen.accc a:active {
	background-color:#272727;
	color:#FFFFFF;
	}
.img-carreeGr {
width:250px;
height:250px;
border-radius:50%;
}
.bandeau {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #006699;
	border-bottom: 40px solid #1e252b;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color : #73714f;
	height: 250px;
	vertical-align: middle;
}