/*-----------------------------------------------------------------------------*/
/* CSS FILE - 26/01/2023 - LAST UPDATE 19/11/2025 - 532 LINES                  */
/*-----------------------------------------------------------------------------*/
/* NICE SVG 1.0 COLORS - NAMES & RGB CODES                                     */
/* DarkRed    : 139/  0/  0, Gainsboro  : 220/220/220, Lavender : 230/230/250  */
/* LightGrey  : 211/211/211, Moccasin   : 255/228/181, OrangeRed: 255/ 69/  0  */
/* PapayaWhip : 255/239/213, PeachPuff  : 255/218/185, NavajoWhite             */
/*-----------------------------------------------------------------------------*/
/* CAUTION WITH SELECTORS!                                                     */
/* ul li {...} : the attributes are common to ul and li.                       */
/* ul > li     : they apply to direct children of ul.                          */
/* h1+p {...}  : they apply to p when it follows h1.                           */
/* p[em] {...} : select all paragraphs containing em.                          */
/* #xxx {...}  : for a id defined by a id="xxx" (one occurrence per page)      */
/* .xxx {...}  : for a class defined by a class="xxx".                         */
/*-----------------------------------------------------------------------------*/

/* GLOBAL CONSTANTS */
:root {
	--bkg-col: Moccasin;       /* BG: NavajoWhite,MOCCASIN,PapayaWhip,PeachPuff*/
	--nav-col: DarkRed;        /* Navigation bar: Crimson/DarkRed/Maroon       */
	--hov-col: OrangeRed;      /* Link under mouse pointer: OrangeRed          */
	--hrl-col: OrangeRed;      /* Horizontal ruler: Crimson/Maroon/OrangeRed   */
	--tit-col: rgb(0,112,192); /* Headers: equiv. Word leaden blue/SteelBlue   */
	--bor-col: OrangeRed;      /* Table & image borders: DarkRed/OrangeRed     */
	--thc-col: Lavender;       /* Table header bkg: Lavender                   */
	--tdc-col: LightYellow;    /* Table data bkg : PapayaWhip, LightYellow     */
    --txt-mag: 1.1rem;         /* 1.1rem OK for Calibri, Carlito on Windows    */
    --txt-red: 0.91rem;
}

/* GOOGLE FONTS LOADED FROM SERVER */
@font-face {
  font-display: swap;
  font-family : 'Carlito';
  font-style  : normal;
  font-weight : 400;
  src         : url('fonts/carlito/carlito-v3-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family : 'Carlito';
  font-style  : italic;
  font-weight : 400;
  src         : url('fonts/carlito/carlito-v3-latin-italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family : 'Carlito';
  font-style  : normal;
  font-weight : 700;
  src         : url('fonts/carlito/carlito-v3-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family : 'Carlito';
  font-style  : italic;
  font-weight : 700;
  src         : url('fonts/carlito/carlito-v3-latin-700italic.woff2') format('woff2');
}

/* PAGE BODY WITH BACKGROUND & MARGIN */
body {
	font-family     : Calibri,Carlito,Arial,serif;
	background-color: var(--bkg-col);
	width           : 96%;
	margin          : auto;
}

/* VERTICAL MENU: AMMONOIDEA, INFORMATIONS, RESSOURCES */
#vmenuc {	
	white-space: nowrap;
}
	
#vmenuc h1 {
	text-align   : left;
	color        : var(--tit-col);
	margin-bottom: 12px;
}

#vmenuc ul {
	list-style-type: none;
	display        : table-row;
}

#vmenuc li {
	font-size       : var(--txt-mag);
	color           : var(--nav-col);
    font-weight     : bold;
    white-space     : nowrap;
	padding         : 6px 6px 6px 6px;
	margin          : 1.3em 0em 0em 0em; /* 2.6 em */
	background-color: Lavender; /* or MistyRose, PowderBlue, LightCyan */
	border          : 3px var(--bor-col) solid;
	border-radius   : 10px;
	text-align      : left;
}	

#vmenuc li:first-child {
	margin : 0.7em 0em 0em 0em;
}	

#vmenuc a {
	display    : block;
	color      : var(--nav-col);
    font-weight: bold;
}

#vmenuc a:hover {
	color: var(--hov-col);
}

/* FOR LIST OF USEFUL LINKS */
.link-list h3 {
	margin-top: 18px;
	margin-bottom: 0px;
}

.link-list p {
	margin: 0;
}

.link-list li {
	padding: 0px 0px 6px 0px;
}	

/* SELECTED LINK PAGE FOR ONE GENUS */
.tab-esp a:hover {
	color: var(--hov-col);
}	

/* SELECTED LINK IN PAGE OF ALL GENERA AND IN SITE MAP */
.ul1 a:hover {
	color: var(--hov-col);
}	
	
/* GLOSSARY */
#glos h1 {
	text-align : center; /* left; */
	line-height: 50%;
	color      : var(--tit-col);
}	
	
#glos ul {
	list-style-type: none;
	display        : table-row;
}

#glos li {
	font-size  : var(--txt-mag);
	padding    : 0px 0px 3px;
}	

/* BIBLIOGRAPHIC REFERENCES */
#refs h1 {
	text-align : center;
	line-height: 50%;
	color      : var(--tit-col);
}	
	
#refs ul {
	list-style-type: none;
	display: table-row;
}

#refs li {
	font-size  : var(--txt-mag);
	padding    : 0px 0px 10px;
}	

#lista ul {
	list-style-type: none;
	display: table-row;
}

#lista li {
	font-size  : var(--txt-mag);
	padding    : 0px 0px 0px;
}	

/* HORIZONTAL MENU OF PAGE HEADERS */
#hmenu ul {
	margin-top     : 0.5em;
	margin-bottom  : 0;
	display        : flex;
	list-style-type: none;
	justify-content: center;
	padding-left   : 0;
}

#hmenu li + li:before {
    content    : "|";
	font-size  : var(--txt-mag);
	color      : var(--nav-col);
    font-weight: bold;
    padding    : 0.5em;
}

#hmenu a {
	font-size  : var(--txt-mag);
	color      : var(--nav-col);
    font-weight: bold;
}

#hmenu a:hover {
	color: var(--hov-col);
}

#line-1 {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	margin-bottom  : 8px;
}

/* USED IN OLD INDEX PAGE ONLY */
#big-line-1 {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	background     : LavenderBlush;
	border-top     : 2px solid var(--hrl-col);
	border-bottom  : 2px solid var(--hrl-col);
}

/* SECOND COLUMN ON THE PAGE OF A GENUS */
.col2 {
	display: flex;
	gap    : 5%;
	/*border: 2px solid var(--bor-col);*/
}

.left-list + .right-list {
	border-left: 2px solid var(--bor-col);
}

.left {
	text-align: left;
	padding:0;
    width: 20%;
}

.right {
	text-align: right;
	padding:0;
    width: 20%;
}

/* HEADINGS */
h1 {
	color      : var(--tit-col);
	text-align : center;
	line-height: 80%;
}

.h11 {
	padding       : 10px;
	margin-top    : 5px;
	background    : LavenderBlush; /* Gainsboro, Lavender, LavenderBlush, LightYellow */
	border-top    : 2px solid var(--hrl-col);
	border-bottom : 2px solid var(--hrl-col);
}

h2 {
 	color      : var(--tit-col);
/*	line-height: 30%;*/
	text-align: center;
}

h3 {
/*	line-height: 70%;*/
 	color      : var(--tit-col);
	text-align: center;
}

header h1 {           /* Big header home page */
    font-size: 2.5em; /* Normal 2.5 */
	line-height: 60%;
}

/* PAGE FOOTER FOR COPYRIGHT & CONTACT */
footer {
	margin    : 0;
	text-align: center;
}

/* HORIZONTAL RULER */
hr {
	border: 1px solid var(--hrl-col);
}

/* PARAGRAPH */
p {
	font-size : var(--txt-mag);
	text-align: justify;
}

/* TOP PARAGRAPH OF A BOX W/O MARGIN */
.p1 {
	margin : 0;
	padding: 0;
}

.pc {
	text-align: center;
}

/* STYLE TO EMPHASIZE TEXT */
em {
	font-style: oblique;
}

/* STYLE TO STRENGTHEN TEXT */
strong {
	font-weight: bold;
}

/* WORD IN SMALL CAPS */
.sc { 
	font-variant: small-caps;
	color       : var(--tit-col);
}

.sc2 {
	font-variant: small-caps;
}	

/* 1ST ITEM OF LIST OF GENERA */
.ul1 {
	font-size      : var(--txt-mag);
	list-style-type: none;
	padding-left   : 0;
	margin         : 0; 
}

/* WORD STRESS */
.str {
	color: var(--nav-col);
}

.st2 {
	color: var(--tit-col);
}

.st3 {
	color: Red;
}

.big {
	font-size: 1.5em;
}

/* IMAGES WITH BORDERS */
img {
	border    : 3px solid var(--bor-col);
	background: var(--bor-col);
}

/* FIGURES */
figure {
	margin-top   : 0;
	margin-left  : 0;
	margin-right : 0;
	margin-bottom: 8px;
}

figcaption {
	font-size   : var(--txt-mag);
    font-weight : bold;
	text-align  : center;	
}

.nobold {
    font-weight : normal;
}	

li::marker {
	font-size  : var(--txt-mag);
}
	
.fig-2 {
	display        : flex;
	justify-content: center;
}
	
/* TABLES : BY DEFAULT HEADER CELLS (TH) CENTERED WHILE DATA CELLS (TD) LEFT-ALIGNED */

.dimensions {}
.age-prov {}

/* Single borders for cells */
table { 
	border-collapse: collapse;
}

td, th {
	border        : 3px solid var(--bor-col);
	padding-left  : 7px; /* previously 10 */
	padding-right : 7px; /* previously 10 */
	text-align    : center;
	font-size     : var(--txt-mag);
}

th {
	color           : var(--tit-col);
	background-color: var(--thc-col);
}

td {
	background-color: var(--tdc-col);
}
/*
.rot {
   writing-mode : vertical-rl;
   transform    : scale(-1);
   text-align   : center;
}
*/

.bgdif {
	background-color : LightCyan;
}
	
.cret {
	table-layout: fixed;
	white-space : nowrap;
	margin-top  : 10px;
}

.cret td {
	text-align  : left;
}
	
td:first-child {
	text-align: left;	
}

.c2 { /* 2nd col age-prov */
	text-align: left;	
}

/* BOX FOR A PLATE: IMAGES SIDE BY SIDE */
#box-plate {
	display        : flex;
	justify-content: left;
	gap            : 20px; /*5%*/;
}

.box-plate-2 {
	display        : flex;
	justify-content: center;
	gap            : 3%;
}

.box-plate-3 {
	justify-content: center;
}

/* BOX FOR A SPECIES: BOX-FIGURE + BOX-TABLES */
#box-species {
	display        : flex;
	justify-content: center;
	width          : 100%; 
	margin         : auto;
	gap            : 3%;
}

#box-cret {
	display        : flex;
	justify-content: left;
	margin         : auto;
	gap            : 3%;
}

/* BOX FOR A FIGURE */
#box-figure {}

#box-fg {
	margin-top: 0;
}	

.add-mar {
	margin-top: 10px;
}

/* BOX FOR TWO TABLES VERTICALLY */
#box-tables {
	justify-content: left;
}

/* BOX GENERAL - IE BOX-FIGURE + BOX-TEXT IN GENUS */
.box-gen {
	display        : flex;
	justify-content: left;
	gap            : 3%;
}

/* BOX HOME - IE BOX-FIGURE + BOX-TEXT IN GENUS */
.box-home {
  /*justify-content: space-between;*/ 
	display        : flex;
	justify-content: left;
	gap            : 3%;
/*	font-size      : 0.9em; */
}

/* BOX FOR TEXT ON THE RIGHT OF A FIGURE (GENUS) */
#box-text { }

#sous-box {
	display: flex;
}

#box-text h1 { 
	text-align: left; 
}

#pub-auteur ul {
/*	list-style-type: none; */
/*	display: table-row;    */
}

#pub-auteur li {
	margin-bottom: 0.3em;
	font-size    : var(--txt-mag);
/*	text-align   : left; */
}

#box-aut {
	display        : flex;
	justify-content: left;
	gap            : 3%;
}

.istock {
	float : right;
	width : 400px;
	margin: 8px 0px 0px 20px;
}

.fr {
	float  : right;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 0px 20px;
}

.paquier { /* Haut Droit Bas Gauche */
	float  : right;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 0px 20px;
}

.mada {
	float  : left;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 30px 0px;
}

.frc {
	float  : right;
	padding: 0px 0px 0px 0px;
	margin : 2px 0px 0px 20px;
}

.fl {
	float  : left;
	padding: 0px 0px 0px 0px;
	margin : 5px 20px 10px 0px;
}

.frsp {
	margin-top    : 0.6rem;
	margin-bottom : 0.25rem;
}

.push {
	margin-top    : 0.75rem;
	margin-bottom : 0.75rem;
}

.para {
	margin-top: 0;
}

.pc {
	text-align: center;
}

.ptight {
	padding: 4px 0px 0px 0px; 
	margin : 4px 0px 0px 0px;
}

.cookies-free {
	display     : block;
	margin-left : auto;
	margin-right: auto;
	width       : 15%;
	height      : 15%:
}

.su { 
	font-size : 110%;
	margin-left: 1em;
	padding: 0px 0px 0px 0px;
}

.zz {
	margin: 0px 0px 10px 0px;
	padding: 0;
}