/*  page css pour le site www.jchr.be  */

/* @media (max-width: 1640px) {
    h6 { font-size:12pt; margin-top:-2em }
    } */

body {
  font-family:sans-serif, ipapmincho;
  background:#f0f0f0; color:#000;
  font-size:16pt; margin:3px }

/*  M A I N  */
main { clear:both; margin:0 }/* N A V  - révision 2024.07 */

a, a.i { font-weight:bold; color:#308; text-decoration:none } /* lien bleu pour liens internes */
main.p a, a.p { color:#b05 } /* lien rouge pour autre page du site */
main.x a, a.x { color:#008; text-decoration:underline } /* souligné si externe*/

/* N A V  - révision 2018.11 */
nav { font-size:1em; padding:0.1em .5em .15em; border-bottom:solid 1px #aaa }
nav a { font-size:1em; color:#b05 }
a.sp { float:right; color:#aaa; font-weight:normal; font-style:italic } /* site sans pub en gris italique */

/*  F O O T E R  pied de page */
footer { font-size:.9em; border-top:1px solid #888; margin-top:.5em; padding: .3em .5em; clear:both; margin-top:1.2em } /* contient un lien vers le haut, interne à la page par défaut, */


/*  G É N É R A L I T É S  */

h1 { font-size:1.2em; font-style:italic; margin:.1em .2em 1em }
h2 { font-size:1.4em; margin:.7em .25em .5em; clear:both }
h3 { font-size:1.25em; margin:.7em .5em .5em; clear:both }
h4 { font-size:1.15em; margin:.3em .6em .5em }
/* titre sacrifié pour un texte en petit, souvent un sous-titre  */
h5 { font-size:.9em; font-weight:normal; margin:-.3em 1em .5em }
/* titre sacrifié introduction avec lettrine sur deux lignes */
h6 { font-size: 1em; margin:.5em 1em .5em; font-family:sans-serif; text-align:justify }
h6:first-letter { font-size:2.8em; float:left; font-family:sans-serif; margin-right:0.1em; margin-top:0.05em }

p { font-size: 1em; margin:0 1em .5em; text-align:justify;
    hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto }
p.fg { margin-right:.5em; float:left }
p.fd { margin-left:.5em; float:right }
p.q { text-align:justify; margin:0 2em .5em; font-style:italic }
p.q2 { text-align:justify; margin:0 1em .5em; padding:.5em .7em;
      border:2px #fff solid; border-bottom:2px #999 solid; ;
      padding:.5em .7em .4em }
/* listes */
ol, ul { margin:0 1em .5em .5em; text-align:justify }
ul ul { margin:0; padding:.2em 1.7em .1em }
ul ol { margin:0; padding:0 1.7em 0 }

/* texte encadré de rouge */
p.a { text-align:justify; margin:0 1em .5em; border:4px #f05 ridge; padding:.5em .7em .4em }
div.a { text-align:justify; margin:0 1em .5em; border:4px #f05 ridge; padding:.5em .7em .4em }

/* texte encadré de bleu + titre h4 */
div.gui { border:ridge #00e 3px; margin:0.7em 1em .7em; padding:.1em .0 .3em }
div.gui p { text-align:justify; margin:0 1em .5em }

pre { font-size:1em; background:#f7f7f7; font-family:monospace;
      border:solid 1px #ddccff;
      border-bottom:solid 1px #fff; border-right:solid 1px #fff;
      margin:0 1em .25em; margin-top:-.25em; padding:.5em .5em .4em }
pre.fg { float:left }
pre.fd { float:right }

kbd { font-size:1em; font-weight:bold; font-weight:normal; margin-right:.1em;
   /* background:#f7f7f7; */
   hyphens: auto; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;
   /*border:1px solid #ddccff; border-bottom:solid 1px #fff; border-right:solid 1px #fff;*/
   padding:0 .15em 0 .25em  }

/* marquage texte <p> et <pre> python2 */
.py2 { background:#edb;  padding:.3em .5em; border:solid 1px #cb7;
       border-bottom:1px solid #fff; border-right:1px solid #fff }
.py2 a:hover { color:#750 }

/*  L I S T E S  */

div.fg { float:left; padding:0 1em .5em }
div.fd { float:right; padding:0 1em .5em }

figure { margin:0 }
figcaption { text-align:center; font-size:.85em }
figure.fg { float:left; padding:0 1em .5em }
figure.fd { float:right; padding:0 1em .5em }

dl { margin:0 1em; text-align:justify }
dt { font-weight:bold; margin-bottom:.3em; text-align:justify }
dd { margin:0 0 .5em 1.5em }

div { margin:0 0 .5em; padding:0 }
.tg { float:left }
.td { float:right }
.fg { float:left }
.fd { float:right }

/* T A B L E  */
/* marges normales, simple séparation des cellules */
table { margin:0 1em .5em; border-collapse:collapse }
/* cellules texte vers le haut, padding standard, sans bord */
th, td { vertical-align:top; padding:.1em .2em; border:0 }
/* th gras centré, td à gauche */
th { text-align:center; font-weight:bold }
/* td non gras à gauche */
td { text-align:left; font-weight:normal }
caption { caption-side:bottom; font-style:italic; font-size:.85em }

/* pas de bord pour tableaux ET cellules */
.b0, table.b0 th, table.b0 td { border:none }
/* bord 1px pour tableaux ET cellules */
.b1, table.b1 th, table.b1 td { border:solid 1px #777 }

/* classes pour alignements dans les cellules-titres th */
table.hg th { text-align:left }
table.hc th { text-align:center }
table.hd th { text-align:right }
table.hj th { text-align:justify }

table.ht th { vertical-align:top }
table.hm th { vertical-align:middle }
table.hb th { vertical-align:bottom }

/* classes pour alignements dans les cellules normales td */
table.dg td { text-align:left }
table.dc td, td.dc { text-align:center }
table.dd td { text-align:right }
table.dj td { text-align:justify }

table.dt td { vertical-align:top }
table.dm td { vertical-align:middle }
table.db td { vertical-align:bottom }

/* supplémentaire pour tableaux à cellules sans bord */
tr.sur { border-top:1px solid #999 }
tr.ss { border-bottom:1px solid #999 }

/* par défaut: { vertical-align:super ou sub } qui augmente
   la hauteur de la ligne, brisant l'harmonie du paragraphe */
sup { font-size:.8em; vertical-align:top }    /* exposant */
sub { font-size:.8em; vertical-align:bottom } /* indice bas */

em { font-weight:bold; font-style:italic }

/* pour un saut de paragraphe dans le même paragraphe (class="q") */
br.h { margin-bottom:.5em;}

hr { margin:.7em 2.5em }

/*  IMG  */
img { margin:0 0 0 0; border:none }
img.fg { float:left; margin:0 1em .5em } /* image contournée à droite */
img.fd { float:right; margin:0 1em .5em } /* img contournée à gauche */

/* CLASSES LIBRES */

.cl { clear:both }

/* petite fonte */
.s { font-size:.85em; margin:0 1.2em .6em }  /* margin-top:-.6em; */

/* aligner à droite (phrases et cellules) */
.d { text-align:right }
.c { text-align:center }

/* couleurs */
.r { color:#d03 }  /* rouge */
.o { color:#f80 }  /* orange*/
.v { color:#080 }  /* vert  */
.b { color:#00a }  /* bleu  */
.g { color:#666 }  /* gris  */
.w { color:#fff }  /* blanc */
.m { color:#80a }  /* mauve */
.k { color:#000 }  /* noir  */
.z { background:#777 }  /* fond gris  */
.wb { color:#fff; background:#000 } /* noir au blanc */

/*
Info-bulle - remplace le très limité <abbr>, en sacrifiant <s>
Utilisation sur la page html:
  <s><s>texte pop-up</s>texte à survoler</s>
    au lieu de
  <abbr title="texte pop-up">texte à survoler</abbr>
*/
s { color:#00a; text-decoration:none } /* texte en bleu nuit ; suppression du barré (stroke) */
s:hover, s:active { color:#000; background:#fff } /* couleur du texte lorsqu'il est survolé */
/* contenu caché par défaut */
s s { display:none; text-decoration:none } /* contenu caché, sans souligné */
/*
formatage de l'info-bulle, seulement lorsque le texte est survolé
s:hover pour un survol du pointeur graphique,
s:active pour le doigt sur un écran tactile
*/
s:hover s, s:active s
{ display:inline; position:absolute; /* toujours au-dessus du texte, quel que soit le nombre de lignes */
  color:#eee; background:#336;
  padding:1px 6px 2px; margin: -1.5em 0 0em -.3em }

/* FORMULAIRES */

form { margin:0 }
input, textarea { background:#eee; color:#009;	}
input.envoi { background:#d07; font-weight:bold; color:#fff }

