html, body {
  height: 99%;    
}
body {
  margin: 15mm;
  font-family: serif;
  font-size: 8pt;
  background-color: #fff!important;
  color: #000!important;
  visibility: hidden;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
  color: #000!important;
  margin: auto!important;
}

.souligne {
 text-decoration-line: underline;
}
.print {
  display: block;
  /* affichage des éléments de classe print */
}

button {
  display: none;
}

p, blockquote {
  orphans: 3;
  /* pas de ligne seule en bas */
  widows: 3;
  /* pas de ligne seule en haut */
}

span.tarif {
  font-size: 10pt !important;
}

div.valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
div.valign-top {
  display: inline-flex;
  vertical-align: text-top;
  align-items: center;
}

div.cadre {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid black;
  border-radius: 5px;
}

p.info-perso {
  font-size: 11pt !important;
  line-height: 2;
}


h3 {
  font-size: 12pt;
}
h5 {
  font-size:11pt;
}

h6 {
  font-size:10pt;
}

blockquote, ul, ol, div.cadre {
  page-break-inside: avoid;
  /* pas de coupure dans ces élements */
}

h1 {
  page-break-before: always;
  /* chaque titre commence sur une nouvelle page */
}

h1, h2, h3, caption {
  page-break-after: avoid;
  /* pas de saut après ces éléments */
}

a {
  color: #000!important;
  text-decoration: underline!important;
}

a[href]:after {
  content: " (" attr(href) ")";
  /* affichage des URL des liens */
}

input {
  font-size: 1rem;
}

div.entete {
  padding: 0.5em;
  color: white;
  background-color: gray;
  clear: left;
}

h1.entete {
  padding: 0;
  margin: 0;
  text-align: center;
}

fieldset {
  border: 2px black solid;
  border-radius: 5px;
}

table, th, td {
  border: 1px solid black;
  font-size: 6pt;
}

input {
  font-size: 6pt;
}

td {
  vertical-align: baseline;
  padding: 5px;
}




#printSection, #printSection * {
  visibility: visible;
}

#printSection {
  position: absolute;
  left: 0;
  top: 0;
}
