/* Time-stamp: <2026-10-06 19:36:24 Yvon Henel (TdS)> */
/* Création : 2026-08-31T16:00:43+0200 */

body{margin:0;padding:0;}

#site{
    width:90%;
    margin:auto;
    background-color: white;
    display:grid;
    grid-gap:5px;
    grid-template-columns:1fr 3fr 1fr;
    grid-template-areas:
	"header header header"
	"aside main nav"
	"footer footer footer";
}

header {
    background-color: #FFEFD5;
    grid-area:header;
    text-align:center;
    font-weight:bold;
    font-size:3rem;
    text-shadow: 2px 2px 5px gray;
    margin:0 0;
    padding:1rem 0;
}

header.poeme{background-color:#92d7e7;}

header.dicos{background-color:#eedc82;}

header.preface{background-color:#90ee90;} /* LigthGreen */

header.article{
    background-color:#f08080; /* LigthCoral */
    text-shadow: 3px 3px 0px LightGray;
} 

nav, aside {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: LightSkyBlue;
  background-image: url(../icones/fond1.jpg);
  background-repeat: repeat;
  border: none;
}

nav {grid-area:nav;}

aside {grid-area:aside;}

aside div.image{
  background-color: linen;
  height: auto;
  margin: 100px auto 0;
}

footer {
  background-color: LightSteelBlue;
  grid-area:footer;
  text-align:center;
  margin: 1rem 0;
  padding: 1rem 0;
}

main {
    background-color: white;
    grid-area:main;
}


#ici {font-weight: bold;}

h1, h2, h3 {
  text-indent: 0;
  text-align:center;}

.texte{
    width:50ch;
    margin:auto;
    max-width:80%;
    text-align:justify;
    padding:0 0 2rem 0;
    line-height: 1.3;
    text-indent: 2rem;
    hyphens:auto;
}

.texte p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.poemo{
    text-indent: 0;
    text-align: left;
    margin: 2rem 0;
}

.poemo .titolo{
    text-align: center;
    padding: 0 0 1rem 0;
    font-size: 141%;
    font-weight:bold;
}

.hyphenate{hyphens:auto;}

.donthyphenate{hyphens:none;}

div.titre{
    border-bottom-style: double;
    border-width: 6px;
    border-color: gray;
    text-align:center;
    padding: 6px 0px;
    margin: 0 0 1rem 0;
}

div.description{
    text-indent: 0;
    text-align:center;
    border-style: solid;
    border-width: 4px;
    border-color: green;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 1rem;
}

div.source{
    height: auto;
    text-align:left;
    background-color:linen;
    border-style: solid;
    border-width: 4px;
    border-color: Crimson;
    border-radius: 25px;
    padding: 10px 20px;
    margin:2rem 0;
}

div.source a.bnf::before {
    content: url(../icones/logo-BnF-s.png);
    padding-right: 6px;
}

div.source a.archive-org::before {
    content: url(../icones/logo-intarch-s.png);
    padding-right: 12px;
}

div.couv-img{
    text-align:center;
    font-family:sans-serif;
    font-size:smaller;
    font-variant: small-caps;
    font-weight:bold;
}

span.site{
    font-family:monospace;
    font-style:normal;
    font-size:140%; 
}

div.poeme{
    display: block;
    hyphens: none;
    text-indent: 0;
    background-color: #FFFACD; /* lemonchiffon */
    color: black;
    display: block;
    margin: 2ex 0%; 
    padding: 2ex 0ex 2ex 4ex;
}

div.strophe{
    display: block;
    margin-bottom: 2ex;
}

.auteur{
    font-size:2rem;
    font-weight: bold;
    text-align:center;
}

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

ul{
list-style-type: none;
margin-bottom: 0pt;
margin-top: 0pt;
text-indent: -1.5em;
padding-left: 0;
}

ul li {
    /* text-indent: 1.5em; */
    text-indent: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul li:before {content: "—  ";}


nav ul {
  position: fixed;
  top: 100px; /* pb à régler */
  height: auto;
  list-style-type: none;
  /* border-style: solid; */
  /* border-width: 2px; */
  /* border-color: red; */
  text-align: center;
  padding:0px;
  margin:0px;
}

nav ul li, aside img {
  display: block;
  text-align: center;
  font-weight: bold;
  background-color: Linen; 
  box-shadow: 10px 10px 5px DarkSlateGrey;
  margin: 20px 0px;
  padding: 10px 15px;
  border-radius: 10px;
  text-indent:0;
}

nav ul li{width:90%;}

nav ul li:before {content:"";}

nav ul li.tdm{background-color: #ffe4b5;}

nav a{color: DarkSlateGrey;}

div.notes, div.notetds, div.tds-notes {
    width:60ch;
    margin:auto;
    max-width:80%;
    margin-top:1rem;
    margin-bottom:1rem;
    text-align:left;
    line-height: 1.4;
    background-color: LightGoldenRodYellow;
    text-indent: 1rem;
}

div.tds-titre{
    text-indent:0;
    margin: 6px 10%;
    background-color: LightGray;
    color: blue;
    font-variant: small-caps;
    text-align: center;
}

div.notes {
    padding: 0.5rem 6px 0.5rem 0;
    border-top-style: solid;
    border-width: 2px;
    border-color: RebeccaPurple;
}

div.notes div.note{
    margin-bottom: 9px;
    padding: 6px 9px 0px 9px;
}

div.notes div.note p{
    margin-bottom:6px;
    margin-top:3px;
}

div.notetds, div.tds-notes{
    border-style: solid;
    border-width: 3px;
    border-color: Teal;
    padding: 6px 6px 3px 6px;
    font-family: sans-serif;
}

div.tds-notes div.note{
    margin-bottom: 1rem;
}

/* div.notetds p:first-child::before{ */
/*     content: "[ nTdS ] "; */
/* } */

div.tds-rem{
    margin: 6px 0px;
    border-style: solid;
    border-width: 3px;
    border-color: Teal;
    padding: 6px 6px 3px 6px;
    font-family: sans-serif;
    background-color: #E8E8E8;
}

a.retour{
    display: inline-block;
    text-align:center;
    text-indent: 0px;
    text-decoration: none;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    background-color: Linen; 
    box-shadow: 5px 5px 3px DarkSlateGrey;
    margin: 0px 2px 0px 1rem;
    padding: 0px 12px;
}

blockquote{
    background-color: #E0FFFF;
    margin: 0;
    padding: 1em 40px;
}

div.signature{
    margin: 1rem 0;
    padding: 0 2rem;
    text-align: right;
}

div.epigramme{
    margin: 1rem 0 2rem 10%;
    text-align:left;
    font-size:92%;
}

div.epigramme div.signature{
    margin: 6px 10% 0 0;
    text-align: right;
}

div.src{
    text-align: right;
    padding: 3px;
}

span.src{
    color: gray;
    font-size: 92%;
}

span.src::before{content:"👁 ";} /* un œil */

span.src a{font-style: italic;}

span:lang(LAT) {font-style:italic;}

sub, sup {
 font-size: 65%; /* était 75%, j'aime pas */
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

q.imbrique{font-style: italic;}
q.imbrique::before{content:"‹ ";}
q.imbrique::after{content:" ›";}

/* LISTES */

ol{padding-left:0;}

ol li{
    margin-bottom: 0.5rem;
    text-indent: 0;
}

/* TEXT ALIGNMENT */
/* @N «t» pour «texte», «a» pour «alignement», */
/* @N «gch» pour «gauche», «drt» pour «droite», «cnt» pour «centré», «jst» pour «justifié». */

.tagch{text-align:left;}
.tadrt{text-align:right;}
.tacnt{
    text-indent: 0;
    text-align:center;
}
.tajst{text-align:justify;}

/* @N «t» pour «texte», «dl» pour «dernière ligne», «a» pour «alignement», */
/* @N «gch» pour «gauche», «drt» pour «droite», «cnt» pour «centré». */
.tdlagch{text-align:left;}
.tdladrt{text-align:right;}
.tdlacnt{text-align:center;}

/* @N «p» pour «police» */
.pital{font-style: italic;}
.pnorm{font-style: normal;}
.psmcp{font-variant: small-caps;}
.pgras{font-weight:bold;}

.pt00{font-size:100%;}
.pt01{font-size:119%;}
.pt02{font-size:141%;}
.pt03{font-size:168%;}
.pt04{font-size:200%;}
.pt05{font-size:238%;}
.pt06{font-size:283%;}
.pt07{font-size:336%;}
.pt08{font-size:400%;}
.pt09{font-size:476%;}
.pt10{font-size:566%;}
.pt11{font-size:673%;}
.pt12{font-size:800%;}
.pt-1{font-size: 92%;}
.pt-2{font-size: 84%;}
.pt-3{font-size: 77%;}
.pt-4{font-size: 71%;}

.sansrenf{text-indent:0;}

/* Liens divers */

a.adn, a.adn-tds, div.poeme a.adn, div.poeme a.adn-tds {
    font-style:normal;
    font-weight:bold;
    text-decoration: underline;
    color:blue;
    background:none;
}

a.bnf{}

a.source{}

a.adn sup, a.adn-tds sup{
 font-size: 85%; 
 line-height: 0;
 position: relative;
 vertical-align: baseline;
 top: -0.4em;
}

a.adn sup::before{content:"( ";}
a.adn sup::after{content:" )";}

a.adn-tds sup::before{content:"[ ";}
a.adn-tds sup::after{content:" ]";}

div.poeme a{
    color:black;
    text-decoration: none;
    background: url(../icones/ssln.png) repeat-x left bottom;
}

/* pour articles des dictionnaires */

span.vedette{font-weight: bold;}

section.dico p:first-of-type{text-indent:0;}

section.dico h2{
    border-style: solid;
    border-width: 4px;
    border-color: gray;
    padding: 6px 0px;
    margin-top:2rem;
}

section.dico div.src{
    border-style: solid;
    border-width: 2px;
    border-color: Crimson;
    margin-top:1rem;
    text-align:right;
}

aside div.image{
    margin: 6px auto;
    text-align: center;
}

aside div.image p{
    margin: 3px 0;
    font-size: 92%;
}

aside div.image p.clic{font-variant: small-caps;}

aside div.image p.srce{}

aside div.image img{margin: 12px auto;}

#ici{text-align:center;}

div.renvoi {
    margin-top: 6px;
    font-size: 84%;
    font-family: sans-serif;
    text-align: right;
    color:black;
}

div.renvoi:before {content: "[ ";}

div.renvoi:after {content: " ]";}

img.cliquable {
border-style: groove;
border-width: 2px;
border-color: blue;
padding:2px;
margin-left: 10px;}

#nouveau~p{
    text-indent:0;
    text-align:left;
}

span.date{
    display:inline-block;
    text-align:center;
    font-weight:bold;
    color: gray;
}

span.date::before{content:"[ ";}

span.date::after{content:" ]";}

div.historique{
    margin: 1.5rem 0;
    padding: 6px 0;
    text-align:right;
    background-color: linen;
    font-family:sans-serif;
}

div.contact{
    margin:1rem 0;
    padding: 6px;
    text-align:center;
    background-color:linen;
    font-family:sans-serif;
    border-style: double;
    border-color: blue;
}

div.portrait{
    min-height: 300px;
    margin: 1rem 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: green;
    text-indent: 0px;
}

div.portrait img{
    padding:2px;
    margin-right: 10px;    
    border-style: groove;
    border-width: 2px;
    border-color: lightgray;
}

div.portrait img.cliquable {
    border-color: blue;
}

.renfonce{padding-left:4rem;}