body {margin:1.2cm;
background-image: url("images/layer.png"),url("images/bg.jpg");
    background-size:cover; background-position: top center;color: #fff;}

blockquote {padding:0}






table, tr, th, td, .cadre {border:1pt solid #000!important;}

h1 {display:none; }
h2 {font-size: 3.2em;color: #fff;}



h3,h4 {font-size: 2.2em;color: #fff;}
section {margin:0;}
p,li {font-size: 1em;color: #fff;}

#diaporama {background-image: url("images/layer.png"),url("images/bg.jpg");
    background-size:contain; background-position: bottom center;margin:0 1.4cm;
    padding:0;size: A4 landscape;}
#diaporama h2 {font-size:3em;margin:0 0 .6em 0;color:#fff;top: 2cm;}
#diaporama h3 {font-size:2.2em;color: #fff;}
#diaporama td, #diaporama th, #diaporama p, #diaporama li {font-size:1.6rem!important;color: #fff;}
#diaporama a {border:0;background-color: transparent;text-decoration: underline;color: #fff;}


#compteur a {display: none!important;}
.diapo {display: block!important; position:static;break-inside: avoid;}
.diapo {padding-top: 2cm;break-after: always;page-break-after: always; }
.diapo table, .diapo tr, .diapo  td, .diapo  th, .diapo thead {border:1pt solid #fff!important; 
color: #fff!important;}
.diapo  td, .diapo  th, .diapo thead {padding: 1em}
.diapo  th,.diapo thead {text-transform: uppercase;}
.diapo img {max-height: 12cm;overflow: hidden;}
.diapo h2 {font-size:3em;margin:0 0 .6em 0;color:#fff;top: 2cm;}

blockquote {width: 80%;padding:0 0 0 1em;border-left:8pt solid rgba(0,0,0,.1);}


#diaporama header h1 {color: rgba(0,0,0,0);}
 header { position:fixed; bottom:6vh;left:6vw;}
  header h1 {font-size: 2em;border:0;}

  .sujet,.correction {break-before: always;}