/*	htm.css - Feuille de style générale de la galerie
	(c) LMDI et Pierre Duhem 2010-2022
	Cette feuille est utilisée pour toutes les pages, sans exception.
	Voir la feuille responsive.css pour la partie de stylage adaptatif.
	*/
/* Définition des couleurs de base (impossible avec IE) */
:root {
	--blanc:#FFFFFF;
	--gris-clair:#CCCCCC;
	--gris-moyen:#999999;
	--anthracite:#333333;
	--noir:#000000;
	/* Couleur moutarde */
	--moutarde:#a89443;
	/* Couleur bleu canard */
	--bleu-canard:#006699;
	/* Barre d'ordre dans les pages de familles */
	--barre-ordre:#a89443;
	/* Idem, pour le genre */
	--barre-genre:#d8d0ae;
	/* Fond gris des zones de saisie */
	--fond-gris:#dcdcdc;
	/* Fond des zones de saisie ayant la main */
	--fond-focus:#fbf7d6;
}
html {
	}
.white {
	color: white;
	}
.erreur {
	color: red;
	}
/* Couleur de la page courante dans les pages de familles, etc. */
.page-courante {
	color: #E8A424;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 0;
	background-image:url("../image/pack/pixelp.gif");
	text-align: center;
	overflow-y: scroll;	
	}
/*	Paragraphe centré */
.c {
	text-align: center;
	}
/*	Utilisé par pageauteur.php (version 1) */
#bodaut1 {
	font-size: 0.7em;
}
.colll1 {
	float: left;
	width: 35%;
	margin-bottom: 3px;
	text-align: right;
	padding-right: 2px;
	margin-right: 2px;
}
.colll2 {
	float: left;
	width: 58%;
	margin-bottom: 3px;
	margin-left: 5px;
	text-align: left;
}
.latlng1 {
	color: #FFFFFF;
	text-align: right;
	width: 40%;
	}
.latlng2{
	color: #FFFFFF;
	text-align: left;
	width: 55%;
	}
#blocadr1{
	float: left;
	width: 50%;
}
#blocadr2 {
	float: left;
	width: 50%;
}
#blocadr3 {
	float: left;
	width: 100%;
}
#blocmap {
	width: 95%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}
#map {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	height: 97%;
}
img	{
	border: 0;
	}
/* Division des totaux genres + espèces */
#totaux {
	color: white;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 50px;
	}
#titre-accueil {
	line-height: 1.4;
}
#flash-accueil {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
/* Conteneur d'usage général */
#wrapper {
	width: 90%;
	background-color: #333333;
	top: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 5px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.3;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}
/* Conteneur des pages d'espèce */
#espece {
	background-color: #333333;
	top: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	position: relative;
	display: inline-block;
	min-height: 100%;
	width: 90%;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.3;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}
#espece h3 {
	clear: both;
	text-align: left;
	padding-left: 5px;
	}
#espece * p, #espece * ul, #espece * li{
	text-align: left;
	margin-top: 3px;
	margin-left: 5px;
	}
#espece iframe {
	text-align: left;
	}
#espece .btop {
	float: right;
	padding-right: 5px;
	padding-bottom: 3px;
	}
#espece .contphot {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 80%;
	height: auto;
	max-width: 600px;
	}
#espece .phot {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 100%;
	max-width: 600px;
	}
#espece .phot2 {
	max-width: 250px;
	}
/* Conteneur de l'éditeur Flash III */
#flash3 {
	background-color: #333333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
	width: 95%;
	min-width: 930px;
	color: #FFFFFF;
	font-size: 12px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	padding-bottom: 10px;
	text-align: left;
	}
/*	Lignes de boutons de l'éditeur Flash III */
.ligbut {
	/* margin-left: 20px; */
	text-align: center;
	margin-bottom: 3px;
	}
/* Boutons de validation et mots-clets */
#valid {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#clefs {
	text-align: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
/* Idem pour les mots-clefs */
#mcenreg {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#mcannul {
	text-align: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
/*	Boutons généraux */
.flbut {
	background-color: #333333;
	color: #ffffff;
	cursor: pointer;
	width: 120px;
	height: 22px;
	margin-top: 3px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 3px;
	padding: 4px 6px 4px 6px;
	border: 1px solid #006699;
	border-radius: 4px;
	line-height: 0.8;
	vertical-align: text-bottom;
	}
.flbut:visited {
	background-color: #333333;
	color: #ffffff;
	}
.flbut:hover {
	background-color: #333333;
	color: #ffffff;
	/* border: 2px solid #006699; */
	}
.flbut:active {
	background-color: #773816;
	color: #000000;
	}
.flbut:disabled {
	background-color: #777777;
	color: #000000;
	cursor: default;
	}
/* Demi-boutons */
.flbut2 {
	width: 45px;
	margin-left: 13px;
	}
/* Grande largeur */
.flbut3 {
	width: 200px;
	}
/* XXL */
.flbut4 {
	width: 300px;
	}
/* Marges pour les pages de FAQ */
.faqbut {
	margin-top: 5px;
	margin-bottom: 10px;
	}
.bas-de-page {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	}
/*	Boutons de l'éditeur Flash III */
.bash3 {
	background-color: #333333;
	color: #ffffff;
	cursor: pointer;
	width: 120px;
	height: 22px;
	margin-top: 3px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 3px;
	padding: 4px 6px 4px 6px;
	border: 1px solid #006699;
	border-radius: 4px;
	line-height: 0.8;
	vertical-align: text-bottom;
	display: inline-block;
	font-size: 1em;
	}
.bash3.disabled {
	background-color: #777777;
	opacity : 0.6;
	cursor: not-allowed;
	}
.bash3:visited {
	background-color: #333333;
	color: #ffffff;
	}
.bash3:hover {
	background-color: #333333;
	color: #ffffff;
	/* border: 2px solid #006699; */
	}
.bash3:active {
	background-color: #666666;
	color: #FF0000;
	}
.bash3:disabled {
	background-color: #777777;
	color: #000000;
	cursor: default;
	}
/* Demi-boutons */
.bash32 {
	width: 45px;
	margin-left: 13px;
	}
.bloc-data label.recg, span.recg {
	float: left;
	width: 18%;
	margin-bottom: 3px;
	text-align: right;
	padding-right: 2px;
	margin-right: 2px;
	}
.bloc-data input[type=text].recd {
	float: left;
	width: 30%;
	margin-bottom: 3px;
	text-align: left;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	}
.bloc-data input[type=text].recd2 {
	width: 79%;
	}
.bloc-data textarea.recd {
	float: left;
	width: 79%;
	height: 75px;
	margin-bottom: 3px;
	text-align: left;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 1.0em;
	}
#flash3 .ligne_reprise {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #a89443;
	}
#flash3 .ligne_message {
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: red;
	}
#flash3 .ligne_copyleft {
	text-align: center;
	}
#flash3 .bloc-photo {
	text-align: center;
	float: left;
	width: 48%;
	min-width: 400px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	}
#flash3 .photo {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 96%;
	max-height: 400px;
	vertical-align: middle;
	display: block;
	}
#flash3 .bloc-data {
	float: left;
	margin-top: 5px;
	width: 48%;
	text-align: left;
	border-left: 1px solid #a89443;
	padding-left: 10px;
	display: block;
	}
#flash3 .bloc-batch {
	float: left;
	margin-top: 5px;
	width: 48%;
	text-align: left;
	border-left: 1px solid #a89443;
	padding-left: 10px;
	display: none;
	}
#flash3 .bloc-clefs {
	float: left;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	text-align: left;
	border-left: 1px solid #a89443;
	padding-left: 30px;
	}
#flash3 .bloc-masq {
	float: left;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	text-align: left;
	border-left: 1px solid #a89443;
	padding-left: 30px;
	}
#id-bloc-batch {
	display: none;
	}
#id-bloc-data {
	display: block;
	}
#id-bloc-clefs {
	display: none;
	}
#id-bloc-masq {
	display: none;
	}
/* Style de la table de l'éditeur Flash 3 */
.flnom {
	color: #FFFFFF;
	width:97%;
	border:0px;
	}
td.flnom {
	color: #FFFFFF;
	padding:1px;
	}
/* Style des cases des tables de couleur noire */
.tabrepart {
	background-color: #333333;
	font-size: 12px;
	margin-left:auto;
	margin-right:auto;
	border:0;
	}
input {
	background-color: #dcdcdc;
	font-size: 1.1em;
	}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	font-size: 1em;
	}
select {
	background-color: #dcdcdc;
	font-size: 1.1em;
	}
/* Quand le curseur est sur un champ (ne marche pas sur MSIE) */
input:focus, textarea:focus, select:focus {
	background-color: #fbf7d6;
	}
.message {
	border-top: 1px dashed #FFFFFF;
	border-left: 1px dashed #FFFFFF;
	width: 100%;
	color: #FFFFFF;
	padding: 10px 20px;
	text-align: left;
	}
.conteneur {
	color:#996666;
	background-color: #e8ffe8;
	}
.espace {
	clear: both;
	}
/* Pour annuler les éléments flottants (float) précédents */
.cale {
	clear: both;
	font-size: 1px !important;
	line-height: 0;
	}
.rayure {
	background-image: url("../image/pack/pix.gif");
	}
.blank {
	background-color: #FFFFFF;
	text-align: center;
	}
.cellule {
	background-color: #333333;
	padding-right: 6px;
	padding-left: 8px;
	color: #FFFFFF;
	border-top: 2px solid #a89443;
	border-left: 2px solid #a89443;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	text-align:center;
	margin: 25px 50px;
	}
.cellule_gauche {
	background-color: #333333;
	padding: 10px;
	color: #FFFFFF;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	text-align:left;
	margin: 25px 50px;
	}
.celluleform {
	padding: 1px;
	color: #FFFFFF;
	text-align: center;
	}
.celluleBleu {
	background-color: #EAFFEA;
	text-align: justify;
	color: #000000;
	}
.texte {
	padding: 4px 10px;
	text-align: justify;
	}
.txt_url {
	width: 350px;
	background-color: #999999;
	color:#FFFFFF;
	}
.txt_urlde {
	background-color: #333333;
	color:#FFFFFF;
	padding: 4px;
	}
/* Style du cadre de bbcode dans le retour du téléchargement */
.txt_url2 {
	background-color: #d9d9d9;
	border: 1px solid #FFFFFF;
	color:#000000;
	padding:10px;
	}
.texte_simple {
	padding: 4px 10px;
	color: #FFFFFF;
	line-height: 1.3;
	}
.ps {
	border-top: 1px dashed #006699;
	padding: 4px 20px;
	text-align: justify;
	}
.notes {
	border-top: 1px dashed #006699;
	background-color: #EAFFEA;
	color:#000000;
	padding: 4px 20px;
	text-align: center;
	}
.copyright {
	border-top: 1px dashed #006699;
	background-color: #98AAC2;
	color:#000000;
	padding: 4px 20px;
	text-align: center;
	}
#copyleft {
	font-size: 0.8em;
	font-family: 'arial';
	}
.notecom {
	border-top: 1px dashed #006699;
	font-style: italic;
	color:#FFFFFF;
	padding: 4px 20px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	}
.trait_bas {
	border-bottom: 1px solid #999999;
	padding-bottom: 4px;
	}
.trait_haut {
	border-top: 1px solid #006699;
	padding-top: 4px;
	}
.trait_droite {
	border-right: 1px solid #006699;
	}
.trait_gauche {
	border-left: 1px solid #a89443;
	padding: 6px;
	}
.genre {
	color: #000000;
	padding-left: 60px;
	border-top: 1px solid #006699;
	background-color: #d8d0ae;
	}
/* Version de genre sans le décalage de gauche. */
.genbis {
	border-top: 1px solid #006699;
	background-color: #d8d0ae;
	}
.famille {
	padding-left: 30px;
	border-top: 1px solid #006699;
	background-color: #A69E44;
	}
/* Version de famille sans le décalage de gauche. */
.fambis {
	border-top: 1px solid #006699;
	background-color: #A69E44;
	color:#000000;
	padding:1px 6px;
	}
.classe {
	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;
	}
.ordre {
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	color: #000000 !important;
	}
.cordre {
	text-align: center;
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	}
.sordre {
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	text-align: left;
	color: #000000 !important;
	}
/* Style des familles dans la colonne de menu de la page des auteurs v1 */
.tab3 {
	text-align: left;
	padding: 2px 4px;
	}
/* Style des familles dans la page d'accueil (fichier.php). */
.tab2 {
	width: 98%;
	background-color: #4E5256;
	line-height: 1.1;
	padding:1px 6px;
	}
.tabfam {
	width: 98%;
	background-color: #4E5256;
	line-height: 1.1;
	padding:1px 6px;
	text-align: left;
	}
.menu_fam {
	width:100%;
	background-color: #4E5256;
	line-height: 1.1%;
	}
.menu_ordre {
	border-top: 1px solid #006699;
	background-color: #a89443;
	}
a.ordre:link,a.ordre:visited,a.ordre:hover,a.ordre:active {
	border-top: 1px solid #006699;
	background-color: #a89443;
	color: #000000;
	}
.cadre_pointille {
	padding: 4px;
	border: 1px dashed #006699;
	margin: 25px 200px;
	background-color: #333333;
	color: #FFFFFF;
	}
.bordure {
	border: 1px solid #FFFFFF;
	max-width: 100%;
	}
/*
.SPIPTITLE {
	font-weight: bold;
	color:#E8A424;
	}
.SPIPGRAS {
	font-weight: bold;
	}
.SPIPITALIQUE {
	font-style: italic;;
	}
*/
atitle{
	font-size: 14px;
	color:#E8A424;
	}
a.atitle{
	color:#E8A424;
	background-color: #333333;
	text-decoration: none;
	font-weight: bold;
	}
a.atitle:link,a.atitle:visited,a.atitle:hover,a.atitle:active	{
	color:#E8A424;
	background-color: #333333;
	text-decoration: none;
	font-weight: bold;
	}
expo{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
a.expo:link{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
a.expo:visited{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
a.expo:hover{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
a.lien:link{
	color: #000000;
	background-color: #70E271;
	text-decoration: none;
	}
a.lien:visited{
	color: #000000;
	background-color: #70E271;
	text-decoration: none;
	}
a.lien:hover{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
a.ent:link{
	color: #FFFFFF;
	background-color: #ff0000;
	text-decoration: none;
	}
a.ent:visited{
	color: #FFFFFF;
	background-color: #ff0000;
	text-decoration: none;
	}
a.ent:hover{
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	}
.insecte {
	background-image: url("../image/pack/pixel.jpg");
	}
.tab{
	width:100%;
	background-color: #333333;
	}
.Style1 {
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-align: left;
	}
.Style3 {
	padding: 1px;
	color: #999999;
	}
.Style4 {
	padding: 10px;
	color: #000000;
	}
.Stylec1 {
	padding: 3px;
	color: #FFFFFF;
	text-align:center;
	margin: 0 auto;
	}
.Stylec2 {
	padding: 1px;
	color: #E8A424;
	text-align:center;
	}
.Stylec212 {
	padding: 1px;
	color: #E8A424;
	text-align:center;
	}
.Stylec3 {
	padding: 1px;
	color: #999999;
	text-align:center;
	}
#repart-annuelle {
	float: left;
	margin-left: 100px;
	padding: 1px;
	color: #999999;
	text-align:center;
	}
#autres-taxons {
	float: left;
	margin-left: 25px;
	border: 1px solid grey;
	text-align:left;
	padding: 10px;
	margin-bottom: 5px;
	}
a:link {
	color: #f9e6c1;
	background-color: #333333;
	text-decoration: none;
	}
a:visited {
	color: #f9e6c1;
	background-color: #333333;
	}
a:hover {
	color: #e8a424;
	background-color: #333333;
	text-decoration: none;
	}
a:active {
	color: #006699;
	background-color: #333333;
	text-decoration: none;
	}
/* Bandeaux des pages de la galerie générale, des auteurs et des pays */
#rowaut {
	background-image: url("../image/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("../image/pack/mm.jpg");
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	width: 850px;
	height: 220px;
	max-width: 95%;
	}
#rowpays {
	background-image: url("../image/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%;
	}
table.rec {
	border: 1px solid grey;
	color: #FFFFFF;
	}
table.rec td {
	color: #FFFFFF;
	}
/*	Distribution sur l'année */
table.recann {
	width: 500px;
	}
table.recann td.td70 {
	width: 70%;
	text-align: left;
	}
table.recann td.td70r {
	width: 70%;
	text-align: right;
	}
table.recann td.td30 {
	width: 30%;
	}
table.recann td.td30r {
	text-align: right;
	}
/* Table des degrés de validation par ordre et tables assimilées */
table.deg, table.deg0, table.deg1, table.deg2 {
	border-collapse: collapse;
	width: 95%;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	font-size: 11px;
	color:#FFFFFF;
	}
thead.deghead, table.deg0head, table.deg1head, table.deg2head {
	background: #111111;
	color:#FFFFFF;
	}
table.deg3 {
	overflow-wrap: anywhere;
	}
th.deg, td.deg {
	border: 1px solid grey;
	padding:3px 5px;
	overflow-wrap: break-word;
	vertical-align: text-top;
	}
/* Alignement à gauche */
th.deg0, td.deg0 {
	border: 1px solid grey;
	text-align:left;
	padding:3px 5px 3px 7px;
	overflow-wrap: break-word;
	vertical-align: text-top;
	}
td.degg > a:visited {
	color: red;
	}
td.deg0red {
	color: red;
	}
/*	Solution pour que la couleur du lien dépende de la classe deg0red */
.deg0red a:link {
	color: red;
	background-color: #333333;
	text-decoration: none;
	}
.deg0red a:visited {
	color: red;
	background-color: #333333;
	text-decoration: none;
	}
/* Alignement centré */
th.deg1, td.deg1 {
	border: 1px solid grey;
	text-align:center;
	padding:3px 5px 3px 7px;
	vertical-align: text-top;
	}
/* Alignement à droite */
th.deg2, td.deg2 {
	border: 1px solid grey;
	text-align:right;
	padding:3px 5px 3px 7px;
	width: 40px;
	vertical-align: text-top;
	}
th.deg, th.deg0, th.deg1, th.deg2 {
	font-weight: bold;
	height: 18px;
	vertical-align: middle;
	}
/* Page de pivotement des images */
div.pivot {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	max-width: 450px;
}
img.pivot {
	margin-left: auto;
	margin-right: auto;
	/* width: 100%; */
	max-width: 600px;
}
div.pivfaq {
	padding: 5px;
	text-align: left;
	}
/* Éléments de la table des 100 dernières photos (RSS) */
div.rssfloat {
	border:1px solid grey;
	display: inline-block;
	vertical-align: text-top;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	max-width: 280px;
	min-width: 120px;
	text-align: center;
	}
table.rss {
	border-collapse:collapse;
	width:93%;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	}
tr.rss{
	padding:3px 5px;
	color:#FFFFFF;
	}
td.rss {
	text-align: center;
	width:33%;
	padding:4px 4px;
	color:#FFFFFF;
	border: 1px solid grey;
/*	background-color: #272727;*/
	}
/* Éléments de la table de la page d'accueil */
table.acc {
/*	 border-collapse:collapse; */
	width:100%;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	}
/* Style d'affichage de texte avec un trait supérieur de couleur moutarde */
.trait_moutarde {
	border-top: 1px solid #a89443;
	margin-top: 2px;
	padding: 3px;
	color:#cccccc;
	text-align:center;
	line-height: 1.4;
	background-color: #333333;
	}
.pitit {
	font-size: 11px;
	padding: 5px 10px 0 10px;
}
/* Classe centrée */
td.accc {
	text-align: center;
	padding:4px 4px;
	color:#FFFFFF;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #272727;
	}
.accc a:link {
	background-color:#272727;
	color:#FFFFFF;
	}
.accc a:visited {
	background-color:#272727;
	color:#FFFFFF;
	}
.accc a:hover {
	background-color:#272727;
	color:#FFFFFF;
	}
.accc a:active {
	background-color:#272727;
	color:#FFFFFF;
	}
/* Ordre aligné à gauche, partie haute */
td.acco {
	text-align:left;
	padding:1px 6px;
	color:#FFFFFF;
	width:25%;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color:#a89443;
	line-height: 1.1;
	}
.acco a:link {
	background-color:#a89443;
	color:#FFFFFF;
	}
.acco a:visited {
	background-color:#a89443;
	color:#FFFFFF;
	}
.acco a:hover {
	background-color:#a89443;
	color:#000000;
	}
.acco a:active {
	background-color:#a89443;
	color:#FFFFFF;
	}
td.acco2 {
	text-align:left;
	color:#000000;
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-left:6px;
	}
td.acco3 {
	text-align:right;
	color:#000000;
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-right:6px;
	}
/* Famille alignée à gauche */
td.accf {
	text-align:left;
	padding:2px 6px;
	color:#FFFFFF;
	width:25%;
	border-top: 1px solid #000000;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	background-color:#4E5256;
	line-height: 1.1;
	}
/* Remplacement d'overlib pour les textes d'aide sur la page de téléchargement */
.overtext {
	z-index:100;				/* Pour être au-dessus de tout */
	position:absolute;			/* Pour ne pas prendre de place dans la page */
	visibility:hidden;			/* Élément 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:250px;			/* Largeur maximale */
	padding:5px;				/* Marge sur tous les bords. */
	color:#000000;				/* Texte noir */
	text-align:left;			/* Alignement à gauche */
	font-size: 1em;
	}
a:hover + .overtext {			/* Élément 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 */
	}
/* Tentative de remplacement d'overlib par une version légère. */
.overpict {
	z-index:100;				/* Pour être au-dessus de tout */
	position:absolute;			/* Pour ne pas prendre de place dans la page */
	visibility:hidden;			/* Élément normalement invisible */
	}
a:hover + .overpict {			/* Élément qui suit le lien sous la souris */
	visibility:visible;			/* Il devient visible. */
	}
/* Conteneur général de la page de téléchargement */
#contupl {
	background-color: #333333;
	top: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: inline-block;
	min-height: 100%;
	width: 92%;
	max-width: 1000px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.3;
	padding: 10px;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}
/* Stylage des éléments de saisie de la page de téléchargement */
#contupl * input[type=text], #contupl * select, #contupl * textarea
{
	width: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
#contupl * input[type=submit], #contupl * input[type=file], #contupl * input[type=button]
{
	background-color: #333333;
	color: #FFFFFF;
	padding: 4px;
	margin-bottom: 2px;
	border: 1px solid #006699;
	border-radius: 4px;
	cursor: pointer;
}
#contupl * input[type=submit]:disabled
{
	background-color: #777777;
	color: #000000;
	cursor: none;
}
/*
#contupl * input[type=submit]:hover, #contupl * input[type=file]:hover, #contupl * input[type=button]:hover
{
	border: 2px solid #006699;
}
*/
#contupl * label
{
	padding: 6px 6px 6px 0;
	display: inline-block;
}
div.up3 {
	float: left;
	width:60%;
	min-width:280px;
	margin-left:10px;
	margin-bottom: 10px;
	background-color: #333333;
	color:#FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	border: 1px solid #a89443;
	font-size: 1em;
	}
/* Colonne de droite (nomenclature) */
div#up3b {
	float: left;
	width:35%;
	min-width:280px;
	padding:8px;
	margin-left: 10px;
	background-color: #333333;
	border: 1px solid #a89443;
	color:#FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 12px;
	font-size: 1em;
	display: none;
	}
/* Trait de séparation */
.trait_bleu {
	border-top: 1px solid #006699;
	line-height: 0.4;
	margin: 2px;
	}
/* Bloc central de téléchargement */
#bloc-upload {
	font-size: 1em;
	line-height: 1.2;
}
/*	Alignement g/d/c des blocs de texte */
div.tg, p.tg {
	text-align: left;
	/* padding: 3px; */
	font-size: 1em;
}
div.td, p.td {
	text-align: right;
	padding: 3px;
	font-size: 1em;
}
div.tc, p.tc {
	text-align: center;
	padding: 3px;
	font-size: 1em;
}
/* Formulaire de téléchargement */
/* Blocs du haut du formulaire */
div.fg, p.fg {
	/* margin-top: -1px;
	margin-bottom: -1px; */
	text-align: left;
	float: left;
	padding: 3px;
}
div.fd, p.fd {
	/* margin-top: -1px;
	margin-bottom: -1px; */
	text-align: right;
	float: right;
	padding: 3px;
}
/* Séparateur dans la page de téléchargement */
#separateur {
	display: none;
}
/* Code de clignotement de l'aide du bouton de géolocalisation */
.blink {
	animation: allblink 2s infinite;
}
@keyframes allblink {
	0% { }
	50% { color:#006699; background-color: #333333; } 
}
/* Table du formulaire proprement dit */
/* Colonne des étiquettes */
.colup1 {
	float: left;
	width: 35%;
	margin-bottom: 3px;
	text-align: right;
	padding-right: 2px;
	margin-right: 2px;
}
/* Colonne des zones de saisie */
.colup2 {
	float: left;
	width: 58%;
	margin-bottom: 3px;
}
.formrow {
	text-align: left;
}
.formrow:after {
	content: "";
	display: table;
	clear: both;
}
/* Table de nomenclature */
table.up4 {
	border-collapse:collapse;
	width:100%;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: #333333;
	/* border: 1px solid #a89443; */
	color:#FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	}
/* Colonne de gauche, alignée à droite, largeur 30% */
td.up0 {
	text-align:right;
	padding:3px 5px;
	color:#FFFFFF;
	width:30%;
	}
/* Colonne centrale, alignée à gauche, largeur 55% */
td.up1 {
	text-align:left;
	padding:3px 5px;
	color:#FFFFFF;
	width:55%;
	}
/* Colonne de droite, largeur 15% */
td.up2 {
	text-align:center;
	padding:3px 5px;
	color:#FFFFFF;
	width:15%;
	}
td.upd0 {
	text-align:right;
	padding:3px 5px;
	color:#FFFFFF;
	border: 1px solid #a89443;
	width:25%;
	}
/* Colonne de la table de droite largeur 100% */
td.up3 {
	text-align:left;
	padding:3px 5px;
	color:#FFFFFF;
	width:100%;
	/*border-left: 1px solid #a89443; */
	}
td.up3c {
	text-align:center;
	padding:3px 5px;
	color:#000000;
	width:100%;
	/*border-left: 1px solid #a89443;*/
	}
td.up4 {
	text-align:left;
	padding:3px 5px;
	color:#FFFFFF;
	width:20%;
	}
td.up5 {
	text-align:right;
	padding:3px 5px;
	color:#FFFFFF;
	width:80%;
	}
/* Styles utilisant le mot-clef float */
.photogauche {
	float: left;
	padding-right: 20px;
	width: 200px;
	text-align: center;
	margin: 0;
	}
.photodroite {
	float: right;
	padding-left: 20px;
	width: 200px;
	text-align: center;
	margin: 0;
	}
.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{
	text-align: center;
	color: #FFFFFF;
	margin: 2px;
	float: left;
	width: 15px;
	height: 10px;
	background-color: #000000;
	}
.boutonselect{
	text-align: center;
	color: #ff0000;
	margin: 2px;
	float: left;
	width: 15px;
	height: 10px;
	background-color: #000000;
	}
.flotteright {
	position:relative;
	margin-left: 300px;
	margin-right: auto;
	}
.flotte p {
	text-align: center;
	}
/* Formulaire du script ded vignettes */
.formvign {
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	display: block;
}
.tiers {
/*	float: left;
	width: 33%; */
	margin: 1em 0;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	}
.quart {
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.ligne{
	float: left;
	width: 100%;
	margin: 1em 0;
	}
/*	Il ne faut pas toucher aux deux styles ci-dessous, qui servent à faire 
	le bandeau de la cigale avec une div flottegr.
	*/
/* Petite cigale avec le titre dans la partie droite. */
.flottegr {
	margin: 2px;
	float: left;
	width: 95%;
	color:#FFFFFF;
	padding: 10px;
	background-color:#333333;
	background-image:url("../image/pack/M2.jpg");
	background-repeat:no-repeat;
	background-position:center;
	}
/* Bloc de texte associé */
.Style2 {
	padding-right: 30px;
	color: #333333;
	font-weight: bold;
	width: 85%;
	text-align: right;
	margin-right: 100px;
	float:left;
	}
/* Blocs des pages de binoms, etc. */
.flotteg {
	margin: 5px;
	float: left;
	width: 97%;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center;
	border: 1px solid #a89443;
	padding: 6px;
	}
/* Blocs de la page de recherche avancée */
.flottegr1 {
	margin: 5px auto 5px auto;
	width: 50%;
	height: auto;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center;
	border: 1px solid #a89443;
	padding: 6px 6px 12px 6px;
	}
.flottegr1 .ordre {
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding: 2px;
	text-align: left;
	}
.flottegr1 .faq {
	padding: 2px;
	text-align: left;
	font-size: x-small;
	}
.flottegr1 ul {
	text-align: left;
	}
.flottegr1 ul li {
	padding: 2px 2px 2px 10px;
}
/* Petits cadres centrés de la page de recherche avancée */
.rec {
	border:1px solid grey;
	width: 65%;
	padding-top: 9px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	height: 100%;
	}
.flottegr1 .recc {
	float: left;
	width: 97%;
	padding:3px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}
.flottegr1 .recg {
	float: left;
	width: 35%;
	margin-bottom: 3px;
	text-align: right;
	padding-right: 2px;
	margin-right: 2px;
}
.flottegr1 .recd {
	float: left;
	width: 58%;
	margin-bottom: 3px;
	text-align: left;
	}
.flottegr1 input[type=text], .flottegr1 select{
	width: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
.flottegr1 input[type=submit]{
	background-color: #333333;
	color: #FFFFFF;
	padding: 4px 6px 4px 6px;
	margin-top: 5px;
	border: 1px solid #006699;
	border-radius: 4px;
	cursor: pointer;
}
.flottegr1 input[type=text]{
	background: #dcdcdc;
	/* size: 35; */
	}
.flottegr1 input[type=text]:hover{
	background: #CAC381;
	}
/* Éléments de données des fiches de photographies */
div#map_canvas {
	margin-top: 10px;
	}
div#fichdata {
	float: left;
	text-align: left;
	width: 25%;
	min-width: 300px;
	padding: 10px;
	line-height: 1.4;
	font-size: 12px;
	}
div#fichdata2 {
	float: left;
	text-align: left;
	width: 25%;
	min-width: 250px;
	padding: 10px;
	}
div#fichdata2 .paypal{
	padding-top: 20px;
	}
/* Pour la partie photographique des fiches de photographies */
div#fichpict {
	float: right;
	padding: 6px;
	margin-top: 20px;
	text-align: center;
	width: 65%;
	min-width: 330px;
	}
#pave {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.7;
	}
#casepho {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	height: auto;
	max-width: 95%;
	}
/* Éléments communs aux différentes maquettes ci-dessous. */
.prev {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	}
.next {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	}
.back {
	float: left;
	margin-left: 5px;
	margin-top: 9px;
	}
.home {
	float: right;
	margin-right: 5px;
	margin-top: 9px;
	}
.sous-menus {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	}
.centligne {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	}
.stitre{
	margin-top: 6px;
	margin-bottom: 6px;
	}
/* Titre des pages, centré entre les deux boutons de gauche et de droite */
.titre {
	width: 98%;
	border-bottom: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	padding: 5px;
	color: #f9e6c1;
	font-size: 1.3em;
	line-height: 1.1;
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	}
/* Conteneur d'une fiche de photographie */
#fichwrapper {
	background-color: #333333;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	position: relative;
	min-height: 100%;
	width: 95%;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.4;
	max-width: 100%;
	}
.imgview {
	max-width: 100%;
	border: 1px solid #FFFFFF;
	height: auto;
	}
.view {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.chapo {
	width: 95%;
	padding: 5px;
	font-size: 1em;
	line-height: 1.3;
	text-align: left;
	margin: auto auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.ctitre {
	background-color: #a89443;
	color: #000000;
	font-size: 1em;
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 97%;
	text-align: center;
	}
/* Mise en page "fluide" des pages d'imagettes */
#sous-titre {
	background-color: #a89443;
	color: #000000;
	font-size: 1em;
	margin: 5px auto;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 98%;
	text-align: left;
	}
#barrenav {
	float: right;
	text-align: right;
	width: 85%;
	}
#barrenav1 {
	float: right;
	text-align: right;
	font-size: 1.4em;
	font-weight: bold;
	width: 85%;
	}
#soussous {
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 15%;
	}
/* Rangée unique ou multiple d'imagettes dans les données de droite */
div.rowfloat {
	float: left;
	margin: 5px;
	width: 98%;
	height: auto;
	line-height: 1.4;
	text-align: left;
	}
/* Pavé contenant une imagette et ses liens, pages de familles */
div.imgfloat {
	display: inline-block;
	line-height: 1.2;
	margin-top: 3px;
	margin-bottom: 5px;
	max-width: 135px;
	min-width: 135px;
	text-align: center;
	}
div.imgfloat p, a {
	text-align: center;
	margin: 0px;
	}
div.imgfloat a {
	text-align: center;
	word-wrap: break-word;
	}
/* Pavé contenant une imagette et ses liens, pages de 4 x 7 imagettes */
div.img4x7 {
	display: inline-block;
	line-height: 1.2;
	margin-top: 3px;
	margin-bottom: 5px;
	max-width: 135px;
	min-width: 135px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	}
div.img4x7 p, a {
	text-align: center;
	margin: 0px;
	}
div.img4x7 a {
	text-align: center;
	word-wrap: break-word;
	}

div#formdep {
	text-align: right;
	color: #FFFFFF;
	}
div#listedep {
	color: #E8A424;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	}
div#boutonsdep {
	text-align: left;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	}
div#listereg {
	color: #E8A424;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	}
div#reg1 {
	float: left;
	width: 47%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	}
div#reg2 {
	float: left;
	width: 47%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	}
.inputtext {
	margin-top: 3px;
	}

/*	Essai de mise en plage adaptative des pages générales de la galerie, des
	auteurs et des pays ou régions.
	*/
div#navbar {
	text-align: center;
	width: 98%;
	}
/*	Ligne ABC centrée */
.rowabc {
	font-size: 15px;
	}
/* Style de la lettre courante (sélectionnée) */
.abc {
	color: red;
	font-weight: bolder;
	font-size: 100%;
	}
/*	Classe centrée */
.rowacc {
	float: left;
	margin: 5px;
	width: 97%;
	text-align: center;
	padding:4px 4px;
	color:#FFFFFF;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #272727;
	}
/*	Ordre centré */
.rowacco {
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	width: 96%;
	text-align: center;
	color: #FFFFFF;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #555555;
	}
.rowacco a:link, .rowacco a:visited, .rowacco a:hover, .rowacco a:active	{
	color:#FFFFFF;
	background-color: #555555;
	text-decoration: none;
	}
/*	Famille avec nom à gauche et effectifs à droite */
.rowaccf {
	float: left;
	width: 96%;
	text-align:left;
	color:#000000;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	height: 16px;
	}
.rowaccf a:link, .rowaccf a:visited, .rowaccf a:hover, .rowaccf a:active	{
	color:#000000;
	background-color: #a89443;
	text-decoration: none;
	}
/* Quatre colonnes de familles */
div.row4col {
	-webkit-column-count: 4;
	column-count: 4;
	-webkit-column-width: 200px;
	column-width: 200px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 96%;
	height: auto;
	line-height: 1.3;
	display: inline-block;
	text-align: left;
	}
/* Quatre colonnes de pays */
div.row4pays {
	-webkit-column-count: 4;
	column-count: 4;
	-webkit-column-width: 200px;
	column-width: 200px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 95%;
	height: auto;
	line-height: 1.5;
	display: inline-block;
	text-align: left;
	}
/* Quatre colonnes d'auteurs */
div.row4abc {
	-webkit-column-count: 4;
	column-count: 4;
	-webkit-column-width: 200px;
	column-width: 200px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 95%;
	height: auto;
	line-height: 1.5;
	display: inline-block;
	text-align: left;
	}
/* Style de l'œil commandant l'image au 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: 3px;
	width: 98%;
	height: auto;
	line-height: 1.4;
	}
/* Quatre blocs au-dessous de la cigale */
#sgen1 {
	color: white;
	float:left;
	background: none;
	width: 25%;
	font-size: 11px;
	}
#sgen2 {
	float:left;
	background: none;
	width: 25%;
	}
#sgen3 {
	float:left;
	background: none;
	width: 25%;
	}
#sgen4 {
	float:left;
	background: none;
	width: 25%;
	}
#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;
	}
/* Ordre aligné à gauche, partie haute */
rowgen.acco {
	text-align:left;
	padding:1px 6px;
	color:#FFFFFF;
	width:25%;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color:#a89443;
	line-height: 1.1;
	}
rowgen.acco a:link {
	background-color:#a89443;
	color:#FFFFFF;
	}
rowgen.acco a:visited {
	background-color:#a89443;
	color:#FFFFFF;
	}
rowgen.acco a:hover {
	background-color:#a89443;
	color:#000000;
	}
rowgen.acco a:active {
	background-color:#a89443;
	color:#FFFFFF;
	}
rowgen.acco2 {
	text-align:left;
	color:#000000;
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-left:6px;
	}
rowgen.acco3 {
	text-align:right;
	color:#000000;
	border-top: 1px solid #006699;
	background-color: #a89443;
	padding-bottom:2px;
	padding-right:6px;
	}
/* Famille alignée à gauche */
rowgen.accf {
	text-align:left;
	padding:2px 6px;
	color:#FFFFFF;
	width:25%;
	border-top: 1px solid #a89443;
	border-left: 1px solid #a89443;
	border-bottom: 1px solid grey;
	background-color:#4E5256;
	line-height: 1.1;
	}
/* Styles des pages de familles */
/* Barre de genre dans les données de droite */
.famgend {
	float: left;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:2px;
	margin-top: 5px;
	width: 100%;
	color: #000000;
	text-align: left;
	height: 14px;
	}
/* Ligne de texte dans les données de droite */
.ligfam {
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	display: inline;
	width: 100%;
	line-height: 1.5;
	border-top: 1px solid #a89443;
	}
/* Texte du genre + espèce qui identifie une série d'imagettes */
div.textfloat {
	float: left;
	border-bottom: 1px solid #a89443;
	width: 98%;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align:left;
	}
/* Lien vers la liste des genres et espèces dans le menu de droite */
#adaptmenu {
	display: none;
}
div#fammenu {
	float: left;
	width: 22%;
	padding: 5px;
	text-align: left;
	margin-top: 10px;
	margin-left: -40px;
/*	border-left: 1px solid #a89443; */
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: table-column;
	}
/* Titre du menu de gauche */
#fammenu, .famtitre {
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	display: inherit;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
.famtitre::after {
	content: '+++';
	font-size: 12px;
	color: white;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	}
.famtitropen::after {
	content: '---';
	font-size: 12px;
	color: white;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	}
/* Barre de genre dans le menu de gauche */
#fammenu ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
#fammenu ul ul {
	margin-left: -40px;
	display: inherit;
	}
#fammenu li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
/* Idem, liste des genres et espèces seule */
#menuadapt {
	margin-left: -50px;
	}
#menuadapt ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
#menuadapt ul ul {
	margin-left: -40px;
	display: inherit;
	}
#menuadapt li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	text-align: left;
	}
.famgen .famgenp {
	float: right;
	text-align: right;
	width: 20%;
	}
/*	Liens vers pages de suite dans les familles, etc. */
#fammenu .paggen, #menuadapt .paggen {
	float: left;
	border-left: 1px solid #a89443;
	border-top: 1px solid #a89443;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #555555;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	width: 93%;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
	text-align: left;
	color: #FFFFFF;
	display: inherit;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
#menuadapt .paggen {
	margin-left: 10px;
	}
.paggen a:link {
	background-color:#555555;
	color:#FFFFFF;
	}
.paggen a:visited {
	background-color:#555555;
	color:#FFFFFF;
	}
.paggen a:hover {
	background-color:#555555;
	color:#f9e6c1;
	}
.paggen a:active {
	background-color:#555555;
	color:#FFFFFF;
	}
.famgen {
	float: left;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	width: 93%;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
	text-align: left;
	color: #000000;
	display: inherit;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
.famgen a:link {
	background-color:#a89443;
	color:#000000;
	}
.famgen a:visited {
	background-color:#a89443;
	color:#000000;
	}
.famgen a:hover {
	background-color:#a89443;
	color:#FFFFFF;
	}
.famgen a:active {
	background-color:#a89443;
	color:#000000;
	}
#fammenu, #menuadapt .niveau1 {
	}
#fammenu, #menuadapt .niveau2 {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	text-align: left;
	}
.famgen::after {
	content: '+';
	font-size: 12px;
	color: black;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	}
.famgenopen::after {
	content: '-';
	font-size: 12px;
	color: black;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	}
#fammenu ul ul.niveau3, #menuadapt ul ul.niveau3 {
	display: none;
	}
/* Ligne d'espèces dans le menu de gauche */
#fammenu .famesp, #menuadapt .famesp {
	background-color:#333333;
	padding:1px;
	width: 95%; 
	color: #FFFFFF;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background-color:#333333;
	background-repeat: no-repeat;
	}
.famesp a:link {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	background-color:#333333;
	color:#FFFFFF;
	}
.famesp a:visited {
	background-color:#333333;
	color:#FFFFFF;
	}
.famesp a:hover {
	background-color:#333333;
	color:#a89443;
	}
.famesp a:active {
	background-color:#333333;
	color:#FFFFFF;
	}

/* Cadre des données de droite */
div#famdata {
	position: relative;
	float: left;
	width: 77%;
	border-left: 1px solid #a89443;
	padding: 6px;
	margin-top: 10px;
	display: block;
	}
.pave_centre {
	border: 1px solid #FFFFFF;
	width: 300px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	}
.barre {
	border: 1px solid #000000;
	background-color: #a89443;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	color: #000000;
	}
.faqtitre {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	text-align: center;
	}
.band_faq {
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	}
/* Page d'index des pages de FAQ */
li.li1, li.li2{
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	line-height: 1.4;
	}
li.li1 {
	padding: 10px;
	margin-left: -40px;
	font-weight: bold;
	font-size: 1.1em;
	}
li.li2 {
	padding: 5px;
	margin-left: 20px;
	font-weight: normal;
	font-size: 1.0em;
	}
/* Partie de texte de la FAQ */
#faqtxt {
	/* float: left; */
	width: 95%;
	padding: 10px;
	text-align: left;
	font-size: 1.1em;
	}
/* Page d'édition des pages de FAQ */
#mode {
	float: left;
	width: 15%;
	text-align: left;
	padding-left: 5px;
	}
#faqedit {
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 5px;
	}
.row1 {
	width: 95%;
	text-align: left;
	padding: 5px;
	line-height: 1.8;
	}
#zonedit {
	width: 95%;
	text-align: left;
	padding: 5px;
	}
/* Éléments des pages d'espèces */
#espece .esptitre {
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	background-color: #a89443;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	height: 20px;
	}
#espece .espphoto {
	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;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 10px;
	}
#espece .listphoto {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	height: auto;
	max-width: 800px;
	}
/* Pour les photos des pages d'espèces */
#espece .casephoto {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #888888;
	width: 95%;
	height: auto;
	max-width: 100%;
	}
#espece .photo {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	max-width: 98%;
	}
#espece .dataphoto {
	text-align: center;
	margin-bottom: 4px;
	padding-left: 3px;
	padding-right: 3px;
	}
.ligne-boutons .bouton {
	float: left;
	width: 16%;
	padding: 2px;
	}
.boutonc {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
	padding-right: 50px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.dataligne {
	padding: 3px;
	display: inline-block;
	}
.legende {
	text-align: right;
	width: 75px;
	position: relative;
	min-width: 75px;
	display: inline-block;
	}
.legende2 {
	text-align: right;
	width: 40px;
	position: relative;
	min-width: 40px;
	display: inline-block;
	}
.case-input {
	text-align: left;
	width: 130px;
	display: inline;
	}
#ligne_faq {
	color: white;
	text-align: left;
	padding: 3px;
	margin-left: 10px;
	}
#ligne_freres {
	text-align: right;
	padding: 3px;
	margin-right: 10px;
	margin-top: -20px;
	}
#ligne_ariane {
	text-align: left;
	padding: 3px;
	margin-left: 10px;
	}
/* Petites icônes pour la barre de menus des différentes pages */
.icon-puce		{ background: url("../image/pack/icon_puce.gif") 0 0 no-repeat; }
.icon-forum		{ background: url("../image/pack/icon_forum.gif") 0 0 no-repeat; }
.icon-pages		{ background: url("../image/pack/icon_pages.gif") 0 0 no-repeat; }
.icon-rech		{ background: url("../image/pack/icon_rech.gif") 0 0 no-repeat; }
.icon-faq			{ background: url("../image/pack/icon_faq.gif")  0 0 no-repeat; }
.icon-mess		{ background: url("../image/pack/icon_mess.gif")  0 0 no-repeat; }
.icon-mess2		{ background: url("../image/pack/icon_mess2.gif")  0 0 no-repeat; }
.icon-upload		{ background: url("../image/pack/icon_upload.gif")  0 0 no-repeat; }
.icon-pages2		{ background: url("../image/pack/icon_pages2.gif") 0 0 no-repeat; }
.icon-faq2		{ background: url("../image/pack/icon_faq2.gif")  0 0 no-repeat; }

#menubar .responsive-show {
	display: none;
	}
#menubar ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
#menubar li {
	display: inline-block;
	margin: 5px;
	padding: 5px 0 0;
	}
#menubar li a {
	text-decoration: none;
	color: #FFFFFF;	
	}
#menubar li.accesrap {
	display: none;
	cursor: pointer;
	}
#menubar li.accesrap:after {
	content:"\25bc";	/* Pointe de flèche vers le bas */
	margin-left: .4em;
}
#menubar li.active:after {
	content:"\25b2";	/* Pointe de flèche vers le haut */
}
#pays1 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#pays1 li {
	display: inline-block;
	margin: 5px;
	padding: 10px 0 0;
}
#pays1 li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.small-icon {
	background-position: 0% 100%;
	background-repeat: no-repeat;
}
.small-icon > a {
	background: none;
	display: inline-block;
	padding: 0 0 0 18px;
}
/* Éléments pour l'exploitation de geocode.fr */
#suggestBoxElement {
	border: 1px solid #8FABFF;
	visibility:hidden;
	text-align: left;
	white-space: nowrap;
	background-color: #eeeeee;
}
.suggestions { 
	font-size: 1.2em;
	background-color: #eeeeee;  
	color: #000000;
}
.suggestionMouseOver { 
	font-size: 1.2em;
	background: #3333ff; 
	color: #FFFFFF;  
}
/* Bouton de remontée */
#back-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	border: 1px solid #006699;

}
#back-top a {
	width: 36px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #bbb;
}
#back-top a:hover {
	color: #d5c997;
}
#back-top span {
	width: 36px;
	height: 30px;
	display: block;
	background: url("../image/pack/top.png") no-repeat center center;
}
/*	Pointeur sur case à cocher plus texte */
label.cursmc {
	cursor: pointer;
}
/*	Bouton d'affichage en plein écran (sans marges) */
#fullscr {
	position: fixed;
	top: 60px;
	left: 45px;
}
/* Cartes */
#chartcont {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	width: 60%;
}
#chartdiv {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-height: 320px;
	height: 100vh;
}
/* Boutons de pagination */
#pagination li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}
.button {
	display: inline-block;
	padding: 2px 4px;
	margin: 2px;
	font-size: 13px;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans_serif;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #006699;
	border-radius: 4px;
}
.button.active {
	color: #000000;
	background: #f9e6c1;
	cursor: none;
}
.button:hover {
	color: #000000;
	background: #f9e6c1;
}
.ellipse {
	cursor: none;
	padding: 2px 4px;
	border: none;
}
.ellipse:hover {
	cursor: none;
}
/* Formulaire de prise de contact avec un auteur */
#form_mail_auteur label.recg
{
	float: left;
	width: 18%;
	margin-bottom: 3px;
	text-align: right;
	padding-right: 2px;
	margin-right: 2px;
}
#form_mail_auteur input[type=text].recd
{
	float: left;
	width: 30%;
	margin-bottom: 3px;
	text-align: left;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
#form_mail_auteur textarea.recd
{
	float: left;
	width: 79%;
	height: 75px;
	margin-bottom: 3px;
	text-align: left;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 1.0em;
}
#form_mail_auteur .casephoto
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #888888;
	width: 90%;
	height: auto;
	}
#form_mail_auteur .photo
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	max-width: 600px;
	width: 90%;
	}
#fullview {
	position: absolute;
	display: block;
}