@charset "UTF-8";

html, body {
height:100%;
width:100%;
margin:0;
padding:0;
font-size:1em;
text-align:justify;
color:#804;
font-family:'Imprima', 'Ubuntu', "trebuchet ms", arial, sans-serif;
background-color:#c26;
background-image:linear-gradient(to right, #f7a, #fbd);
}
body {min-height:100%;}
p {
font-size:1rem;
margin-bottom:.7em;
line-height:140%;
}
img {border:0; height:auto;}
.img img {
float:left;
width:33%;
margin-top:1em;
margin-right:.7em;
border:3px solid #c15 !important;
}
a {text-decoration:underline; font-weight:bold;}
a:link {color:#084;}
a:visited, a:active {color:#e16;}
a:hover {color:#f37;}
#menu a {color:#fbd; font-weight:normal;}
#menu a:hover, #menu a:active {color:#f7a;}
#somm a {color:#a05; font-weight:normal;}
#somm a:hover, #somm a:active {color:#e47;}
#slo {
font-family:'Salsa', sans-serif;
font-size:1.2rem;
color:#c94;
text-align:center;
margin-top:1em;
}
#tout {
position:fixed;
z-index:9;
}
#tete {
position:fixed;
z-index:9;
top:0;
left:-7px;
width:100%;
height:4.5rem;
border:3px solid #f7a;
border-radius:0 1em 3em 0 / 0 1em 100% 0;
background-color:#c36;
background-image:url("im/grains.png");
box-shadow:
6px 6px 12px rgba(0, 0, 0, .25),
10px 10px 40px rgba(0, 0, 0, .2),
0 6px 20px rgba(255, 255, 255, .5) inset,
-4px -4px 12px rgba(0, 0, 0, .3) inset;
}
.isi {color:#fde;}
.salsa {
font-family:'Salsa', sans-serif;
text-align:center;
}
#tete a, #menu a, #somm a {text-decoration:none;}
#bloc-langues {
position:fixed;
top:.7em;
right:7em;
z-index:1001;
pointer-events:none;	
}
#bloc-langues #langues {
pointer-events:auto;
display:inline-flex;
width:100px;
justify-content:space-between;
align-items:center;
}
#langues {
width:100px;
display:inline-flex;
justify-content:space-between;
align-items:center;
gap:.4em;
border:none;
outline:none;
}
#langues a, #langues span {
display:inline-flex;
align-items:center;
border:none;
outline:none;
}
#langues img {display:block;}
#centre {
margin-top:3.3em;
margin-left:auto;
margin-right:auto;
max-width:33em;
padding:.5rem;
padding-left:1rem;
}
.pastl, .pasto  {
background-image:url("im/past-claire.png");
background-repeat:no-repeat;
background-position:center;
background-size:5rem;
margin-top:-2.5rem;
width:5.5rem;
height:5.5rem;
border:4px solid #804;
border-radius:50%;
box-shadow:
6px 6px 12px rgba(0, 0, 0, .2),
0 6px 20px rgba(255, 255, 255, .4) inset,
-4px -4px 12px rgba(0, 0, 0, .2) inset;
}
.pasto {border-color:#a33;}
.bloc:hover .pastl, .blok:hover .pasto, .bloc:hover .pastp, .bloc:hover .pastt, .bloc:hover .pastq {
transform:rotate(360deg);
transition:all 2.5s cubic-bezier(.9,.1,.3,1.2);
background-image:url("im/past-rose.png");
}
.pasto {background-image:url("im/pastos-clair.png");}
.blok:hover .pasto {background-image:url("im/pastos-blanc.png");}
.bloc, .blok {
position:relative;
padding:4%;
background-color:#fdd;
border:5px solid #084;
border-radius:100% 0 100% 0 / 2em 0 2em 0;
margin-top:8%;
margin-bottom:0;
}
.blok {
position:relative;
color:#920;
padding:4%;
background-color:#ec9;
border:5px solid #811;
border-radius:100% 0 0 0 / 4em 0 0 0;
margin-top:8%;
margin-bottom:0;
}
.sup {
font-size:80%;
vertical-align:.3em;
}
.zm {
background-size:3.7em;
width:3.7em;
height:3.7em;
margin-top:-3.2em;
margin-left:-1.4em;
}
.si {
color:#fcd;
background-color:#e47;
border:2px solid #804;
}
li::before {margin-bottom:-1em;}
.kas, .kass, .medi {
color:#804;
padding:1rem;
margin-top:1.5em;
padding-left:1.5em;
background-color:#fbd;
border:3px solid #e47;
font-size:100%;
border-radius:.5em;
border-color:#e47;
}
.kass {
background-color:#feb;
border-color:#e47;
margin-top:2em;
}
.medi {
background-color:#fc5;
border:3.5px solid #942;
margin-top:2em;
}
.medi p {
line-height:1.1em;
margin-bottom:.7em;
margin-top:.7em;
}
.medi h1 {
font-size:1.2em;
text-align:left;
margin:0;
margin-top:.5em;
color:#804;
}
.si, .sii, .siisi, .tation {
margin-top:-2em;
margin-left:.5em;
color:#fbd;
background-color:#e47;
background-image:none;
border-radius:.5em;
position:absolute;
padding:.25em .5em;
padding-left:1.7em;
background-size:1.5em;
background-repeat:no-repeat;
font-weight:bold;
}
.siisi {
background-color:#ea4;
border:solid 2px #811;
color:#811;
}
.sii {
color:#b54;
background-color:#ed9;
border:2px solid #084;
}
.tation {
color:#fe6;
background-color:#e31;
border:2px solid #611;
}
.nou, .nouisi, .za, .zb, .zc, .zd, .ze, .zf, .zh, .zi, .zl, .zm, .zp, .zr, .zs, .zv, .zx, .zy, .zz {
position:absolute;
display:block;
margin-top:-2.9em;
margin-left:-.3em;
background-repeat:no-repeat;
background-size:2.8em;
width:2.8em;
height:2.8em;
}
.nou {margin-left:-1em;}
.nouisi {
margin-top:-4.12em;
}
.za, .ze, .zf, .zh, .zi, .zl, .zm, .zp, .zr, .zx, .zv {margin-left:-.8em;}
.zc {margin-left:-.3em;}
.zd {
position:absolute;
display:block;
margin-left:-.5em;
margin-top:-2.45em;
background-size:2.8em;
width:2.8em;
height:2.8em;
}
.zs {
margin-left:-.3em;
margin-top:-2.6em;
}
.zx {
background-image:url("im/zx.png");
position:absolute;
display:block;
margin-top:-2.9em;
margin-left:.3em;
background-size:2.8em;
width:2.8em;
height:2.8em;
}
.zy {
margin-top:-2.7em;
margin-left:-.7em;
}
.nou {
background-image:url("im/kas-tete.png");
background-size:3.2em;
width:3.2em;
height:3.2em;
}
.nouisi {
background-size:3.2em;
width:3.2em;
height:4em;
background-image:url("im/isi.dhamma2025.png");
}
.kasdodo {
background-image:url("im/zkd.png");
background-size:4em;
width:4em;
height:4em;
margin-left:calc(50% - 2em);
}
.kassinou {
background-image:url("im/kas-tete.png");
float:right;
margin-top:-1em;
background-size:5em;
width:5em;
height:5em;
}
.za {background-image:url("im/za.png");}
.zb {background-image:url("im/feuille.png");}
.zc {background-image:url("im/zc.png");}
.zd {background-image:url("im/zd.png");}
.ze {background-image:url("im/ze.png");}
.zf {background-image:url("im/zf.png");}
.zh {background-image:url("im/zh.png");}
.zi {background-image:url("im/zi.png");}
.zl {background-image:url("im/zl.png");}
.zm {background-image:url("im/zm.png");}
.zp {background-image:url("im/zp.png");}
.zr {background-image:url("im/zr.png");}
.zs {background-image:url("im/zs.png");}
.zv {background-image:url("im/zv.png");}
.zx {background-image:url("im/zx.png");}
.zy {background-image:url("im/zy.png");}
.zb {
margin-left:-.3em;
margin-top:-2.8em;
}
.zm {
position:absolute;
display:block;
margin-top:-2.9em;
margin-left:-1.2em;
background-image:url("im/zm.png");
background-size:3.2em;
width:3.2em;
height:3.2em;
}
.zz {background-image:url("im/past-rose.png");}
#sur7page {display:none;}
iframe {
width:444px;
height:250px;
}
.zrose, .zchoco {
background-image:url("im/past-rose.png");
position:relative;
display:block;
background-repeat:no-repeat;
margin-top:-2em;
margin-left:2em;
background-size:2em;
height:2em;
}
.zrose p, .zchoco p {
margin-left:3em;
margin-top:3em;
}
.zchoco {background-image:url("im/past-ch-logo.png");}
.blanco {display:none;}
.ef {display:none;}
.efm {display:block;}
ul li::before {
content:"•";
color:#f7a;
display:inline-block;
vertical-align:-.1em;
font-size:1.7em;
margin-bottom:-1em;
text-shadow:
-1px 0 0 #c15,
1px 0 0 #c15,
0 -1px 0 #c15,
0 1px 0 #c15;
width:.5em;
}
ul {padding-left:2.5rem;}
ul li {
list-style:none;
color:#c26;
margin-left:-1em;
margin-top:-.3em;
margin-bottom:.3em;
text-align:left;
}
.qc {
background-color:#c15;
color:#fcf;
border:3px solid #c15;
border-radius:0 0 33% 0 / 0 0 2em 0;
padding:.5em;
padding-left:1em;
padding-right:1.5em;
}
.qk {
background-color:#811;
color:#db7;
border:3px solid #811;
border-radius:0 0 33% 0 / 0 0 2em 0;
padding:.5em;
padding-left:1em;
padding-right:1.5em;
}
.qc li {color:#fcf;}
.qk li {color:#db7;}
.qc li::before, .post li::before, .xbloc li::before {
content:"•";
color:#f9b;
display:inline-block;
margin-left:-.5em;
vertical-align:-.1em;
font-size:1.7em;
text-shadow:-1px 0 0 #c15, 1px 0 0 #c15, 0 -1px 0 #c15, 0 1px 0 #c15;
width:.5em;
}
.c, .k {
font-weight:bold;
font-size:125%;
margin:-.2em .7em;
color:#f9b;
text-align:left;
}
.k {color:#db7;}
.dia li, .diag li {
color:#c15;
text-indent:-.8em;
line-height:1.3em;
margin-bottom:.8em;
}
.diag li {
margin-left:-.6em;
text-indent:-.4em;
}
.diag li::before {
content:"«";
width:.3em;
}
.diag li::after {
content:"»";
margin-left:.3em;
}
.dia li, .diag li {
margin-left:1em;
margin-right:4em;
text-indent:-.2em;
line-height:1.3em;
margin-bottom:.8em;
}
.diag li {
margin-left:.6em;
text-indent:.15em;
}
.dia li::before, .diag li::before, .diag li::after {
content:"—";
color:#c15;
vertical-align:0;
font-size:1.3em;
text-shadow:none;
width:1em;
margin-right:0;
margin-left:-.9em;
}
.diag li::before {
content:"«";
width:.8em;
}
.diag li::after {
content:"»";
margin-left:.3em;
}
.fl li::before {
content:"➡";
font-size:1rem;
width:1.2em;
margin-top:.3em;
vertical-align:.07em;
}
li li::before {
color:#a05;
}
li li {
margin-top:-.1em;
}
.ordinal li::before {content:none;}
.marg {
margin-left:2em;
text-indent:-.7em;
}
#menu li::before, #somm li::before {content:none;}
#menu li, #somm li {
font-family:'Salsa', sans-serif;
margin:0;
margin-top:1em;
margin-left:-.7em;
text-align:left;
}
#menu li {margin-left:-1.1em;}
table {
border-collapse:collapse;
width:50%;
}
.def {
border:1.5px solid #084;
padding:.5em;
padding-top:1em;
margin-top:1.5em;
background-color:#fbd;
}
.mot {
position:absolute;
margin-top:-2em;
padding:.25em .5em;
border:1.5px solid #084;
background-color:#f7a;
border-radius:1em 1em 1em 1em / 50% 50% 50% 50%;
color:#a15;
}
#bid a {color:#f7a;}
#bid a:visited, #bid a:active, #bid a:hover {color:#f7a;}
#bid {
margin:.4rem 4rem;
font-size:2.7em;
font-family:'Salsa', sans-serif;
text-shadow:
-1px 0 0 #440,
1px 0 0 #440,
0 -1px 0 #440,
0 1px 0 #440;
}
#appui {
display:none;
position:fixed;
margin-top:1.2em;
padding:.4em .6em;
right:6.9em;
color:#f7a;
font-size:1.1em;
background-color:#c15;
border:2.5px solid #c84;
border-radius:1em;
}
body:hover #appui {
opacity:0;
transition:all 2.5s cubic-bezier(.84,.03,.95,.03);
}
#h1 {
text-align:center;
font-size:1.7rem;
font-family:'Salsa',sans-serif;
color:#084;
margin-top:-.9em;
margin-left:3em;
}
h1, h2, h3, h4 {
font-weight:normal;
}
h1 {
font-size:1.7rem;
text-align:center;
margin:0;
color:#084;
border:0;
font-family:'Salsa', sans-serif;
}
h2, h3 {text-align:left;}
h2 {
font-size:1.4rem;
margin-top:2rem;
margin-bottom:.5em;
color:#a05;
}
h3 {
font-size:1.2rem;
margin-top:1.8rem;
margin-bottom:0;
color:#e47;
font-family:'Salsa', sans-serif;
}
h4 {color:#a05;}
.sig, .sigl, .sigle {
color:#fde;
font-size:150%;
text-shadow:-1px 0 0 #a15,1px 0 0 #a15,0 -1px 0 #a15,0 1px 0 #a15;
}
.sig {font-weight:bold;}
.sigle {
font-size:130%;
}
#quest {height:1.3em;}
.qc2 {
margin-left:.1em;
background:#e47;
}
iframe {
width:444px;
height:250px;
}
.gauche {text-align:left;}
.languette {
border:2.5px solid #084;
line-height:1em;
white-space:nowrap;
display:inline-block;
padding:.5em;
margin:.3em;
background-color:#fbd;
border-radius:.5em;
}
.marr {color:#920;}
.bordeaux {color:#a05;}



@media (max-width: 600px) {
#h1 {
font-size:.5em;
text-align:left;
margin-left:2em;
margin-top:-.2em;
}
#bloc-langues {
margin-top:.3em;
margin-right:-4em;
padding:.4em;
gap:0;
z-index:11 !important;
}
#langues {
gap:.5em !important;
justify-content:flex-start !important;
marpgin-left:11em !important;
}
#langues a, #langues span {
display:inline-block !important;
margin:0 !important;
padding:0 !important;
line-height:1 !important;
}
#langues img {
height:auto !important;
margin:0 !important;
padding:0 !important;
display:block !important;
}
#centre {margin-top:3em;}
#s-menu {display:inline;}
#ss-menu {display:none;}
.centvingt {font-size:120%;}
.languette {font-size:90%;}
}



.ret {
margin-left:1.5em;
margin-right:1.5em;
}
.defx {text-align:left;}
.tab {text-indent:2em;}
.cen {text-align:center;}
acronym {cursor:help; border-bottom:1px dotted;}
.bulle {
position:relative;
cursor:help;
border-bottom-style:dashed;
}
.bulle:hover::after,
.bulle:focus::after {
content:attr(aria-label);
position:absolute;
top:1.3em;
right:2em;
width:11em;
background-color:#f7a;
color:#a63;
border:1.5px solid #a63;
border-radius:0 0 .5em .5em;
padding:.3em;
z-index:1;
}
.coeur, #courrier {
position:absolute;
display:block;
width:1.7em;
height:1.7em;
right:1.7em;
background-size:1.7em;
background-repeat:no-repeat;
background-image:url("im/coeur.png");
}
.coeur {margin-top:-2em;}
#courrier {
background-image:url("im/courrierrose.png");
top:-.4em;
right:2em;
}
blockquote {
color:#c15;
margin:0;
margin-top:2.5em;
font-style:italic;
font-size:1.2em;
}
blockquote a {
font-weight:normal;
}
.b {font-weight:bold;}
.n {font-weight:normal;}
.i {font-style:italic;}
.s {text-decoration:underline; color:#ff0;}
.d a {color:#d57;}
.f70 {font-size:70%;}
.f85 {font-size:85%;}
.f100 {font-size:100%;}
.f110 {font-size:110%;}
.f120, .l {font-size:120%;}
.g {font-size:130%}
#pf {
color:#b71;
font-size:3.5em;
line-height:0;
}
td, th {
border:medium solid #c15;
width:25%;
padding:.3em;
}
th {
text-align:center;
background-color:#db7;
color:#c15;
}
.sol, .hor {
background-image:url("im/cho-sol.html");
background-size:3em;
width:3em;
height:3em;
margin-top:.25em;
margin-left:1em;
}
.hor {
background-image:url("im/cho-hor.png");
margin-top:0;
}

/* MENUS */
#tout:target {
display:none;
}
#minitete a.o-tout {
position:fixed;
display:block;
width:1em;
height:1em;
margin:.7em .8em;
margin-left:calc(100% - 1.15em);
background-size:1em;
background-image:url("im/cho-trib.png");
}

#menu, #somm {
z-index:8;
position:absolute;
top:-25em;
height:auto;
padding:1em 0;
-webkit-transition:all 1s cubic-bezier(.9,.1,.3,1.2),
background-color 1s ease-out .7s;
-moz-transition:all 1s cubic-bezier(.9,.1,.3,1.2),
background-color 1s ease-out .7s;
-ms-transition:all 1s cubic-bezier(.9,.1,.3,1.2),
background-color 1s ease-out .7s;
-o-transition:all 1s cubic-bezier(.9,.1,.3,1.2),
background-color 1s ease-out .7s;

background-color 1s ease-out .7s;
border:2px solid #c26;
border-radius:0 0 0 100% / 0 0 0 3em;
background-image:url("im/grains.png");
box-shadow:
6px 6px 12px rgba(0, 0, 0, .25),
10px 10px 40px rgba(0, 0, 0, .2),
0 6px 20px rgba(255, 255, 255, .5) inset,
-4px -4px 12px rgba(0, 0, 0, .3) inset;
}
#menu {
background-color:#fbd;
width:9em;
left:.4em;
}
#menu a.o-menu,
#menu a.f-menu {
position:fixed;
display:block;
width:2.4em;
height:2em;
background-size:2.2em;
background-image:url("im/cho-menu.png");
background-repeat:no-repeat;
top:1.3em;
left:.7em;
}
#menu a.f-menu {
display:none;
background-image:url("im/cho-croix.png");
}
#menu:target {
top:.2em;
background-color:#a05;
}
/* Pour la fermeture */
#menu:target a.f-menu {
display:block;
}
#menu:target a.o-menu {
display:none;
}
#menu-clos:target #menu {
top:-25em;
}
#menu-clos {
position:fixed;
top:3em;
left:0;
}

#somm {
top:-22em;
width:8em;
left:5em;
background-color:#c26;
}
#somm a.o-somm, #somm a.f-somm {
position:fixed;
display:block;
width:2.4em;
height:2em;
top:1.3em;
left:calc(100% - 4em);
background-size:2.2em;
background-image:url("im/cho-sommaire.png");
background-repeat:no-repeat;
}
#somm a.f-somm {
display:none;
background-image:url("im/cho-croix.png");
}
#somm:target {
top:.2em;
background-color:#f9c;
}
/* Pour la fermeture */
#somm:target a.f-somm {
display:block;
}
#somm:target a.o-somm {
display:none;
}
#somm-clos:target #somm {
top:-22em;
}
#somm-clos {
position:fixed;
top:3em;
left:calc(100% - 15em);
}
.fix {position:fixed;}
#avatar {
width:5em;
height:7.1em;
background-size:5em;
position:absolute;
display:block;
margin:-3.7em 1.3em;
background-image:url("im/isi.dhamma2025.png");
/* -moz-transform: scaleX(-1); */
/* -o-transform: scaleX(-1); */
/* -webkit-transform: scaleX(-1); */
/* transform: scaleX(-1); */
/* filter: FlipH; */
/* -ms-filter: "FlipH"; */
}
#feuille {
z-index:20;
position:fixed;
display:block;
top:calc(100% - 5em);
right:.5em;
width:3em;
height:3em;
background-image:url("im/feuille.png");
background-size:3em;
opacity:1;
}
#fin {
position:relative;
top:-1.2em;
margin-top:2em;
background-color:#f7a;
margin-left:auto;
margin-right:auto;
width:83%;
max-width:20em;
height:auto;
padding:1em;
border:1px solid #c26;
border-radius:8em 0 0 0 / 4em 0 0 0;
box-shadow:
6px 6px 12px rgba(0, 0, 0, .15),
10px 10px 40px rgba(0, 0, 0, .1),
0 6px 20px rgba(255, 255, 255, .3) inset,
0 10px 60px rgba(255, 255, 255, .2) inset,
-4px -4px 12px rgba(0, 0, 0, .2) inset;
color:#c26;
}
#fin h2 {
color:#c26;
margin-top:1rem;
text-align:right;
}
#fin h3 {
text-align:right;
font-family:'Salsa', sans-serif;
margin-top:0;
margin-bottom:1em;
}
#site {
position:relative;
height:2em;
width:99%;
bottom:-.7em;
font-size:75%;
text-align:center;
color:#f7a;
}
#cen {
margin-top:-.4em;
text-align:left;
margin-left:2em;
color:#c15;
}
.date {
font-size:.7rem;
color:#e47;
font-weight:bold;
text-align:right;
margin-top:-7em;
}
.titre {
font-family:'Salsa', sans-serif;
font-size:1rem;
color:#880;
text-align:center;
}
#mclos {
margin:1em;
margin-top:-1em;
margin-bottom:3em;
padding:1em;
border-radius:1em;
border:3px dashed #fdd;
border-color:#fdd;
background-image: linear-gradient(to right, #a63, #c26);
}
#mclos p {color:#fdd;}
.der {
position:relative;
width:9em;
margin-top:1em;
margin-bottom:3.5em;
margin-left:12em;
}
#me {
position:absolute;
width:10em;
top:17rem;
margin-left:.7em;
}
#bas {
margin-left:45%;
display:inline-block;
width:3em;
height:3em;
background-image:url("im/feuille.png");
background-size:3em;
background-repeat:no-repeat;
transform:rotate(180deg);
opacity:.4;
}
.dur {
cursor:help;
border-bottom:1px dotted;
}
.lettre {
font-weight:bold;
color:#804;
}
.kt {
position:relative;
display:block;
height:1.7em;
left:1.7em;
background-size:1.7em;
background-repeat:no-repeat;
background-image:url("im/kas-tete.png");
margin-left:-2em;
padding-left:2em;
}
.gras804 {
font-weight:bold;
color:#804;
}
.normd36 {
font-weight:normal;
color:#c14;
}
.bordeaux {color:#a05;}
.rouge, .vert {font-weight:bold;}
.rouge {color:#e22;}
.vert {color:#084;}

@media only screen and (max-width: 600px) {
#h1 img {width:5.5%;}
iframe {
width:331px;
height:187px;
margin-left:-1.4rem;
}
}
@media only screen and (max-width: 450px) {
#h1 img {width:7%;}
}