body {
	display: flex;
	gap: 1em;
	flex-direction: column;
	background-image: url(insomnie-rapport-imagefond.png);
  background-attachment:fixed;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:top;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  image-rendering: auto;
}

img.icon-article{
  display: block;           
  max-width: 100%;
  width: 80px;
  height: auto;
  margin-left:auto;
  margin-right:0 ;
}

img.figure-analyse{
  display: block;           
  max-width: 100%;
  margin: 0 auto;
}

header {
  order: 1;
  padding: 1em;
  background: transparent;
  border: none;
}

article {
  order: 3;
}

section {
	background-color: rgba(255, 255, 255, 0.7);
  padding: 1em;
  border: solid 2px grey;
  font-family : Arial;
  text-align: justify;
  border-radius: 15px;
  margin-bottom: 2em;
}

h1 {
  text-align: center;
  background-color: grey;
  color: white;
  border: 3px ;
  border-radius: 15px;
  width: 80%;
  padding: 1em;
  margin: 1em auto;
	font-family : Arial;
}

h2 {
	text-align: center;
	border-radius: 15px;
  box-sizing: border-box;
  display: block;
	color: grey;
	background-color: white;
	border: solid 2px black;
	padding: 0.5em;
	width: 100%;
	margin: 2em 0;
	font-family: Arial;
	font-style: normal;
}

h3 {
	text-align: justify;
}

nav {
  order: 2;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1em;
  border: solid 2px grey;
  border-radius: 15px;
  color: black;
}

div {
	text-align: center;
	border-radius: 15px;
  box-sizing: border-box;
  display: block;
	color: grey;
	background-color: white;
	border: solid 2px black;
	padding: 0.5em;
	width: 50%;
	margin: 2em 0;
	font-family: Arial;
	font-style: normal;
	font-size: large;
	
}

a:hover {
  color: grey;
}

a {
  text-decoration: none;
  color: black;
}
a.bib{
    color: rgb(255, 139, 166)
}

a.bib:hover {
  color: rgb(100, 24, 103);
}

p.pbmq{
  background-color: #d2d2d2;
  padding: 2px 4px;
  border-radius: 3px
}

/* NUMÉROTATION AUTOMATIQUE DES SECTIONS */
h2#sec-corps {
  counter-reset: numsection;
}
h3 {
  counter-increment: numsection;
}
h3:before {
  content: counter(numsection,upper-roman) " - ";
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.85);
  color: black;
  text-decoration: none;
  padding: 0.8em 1em;
  border: 2px solid grey;
  border-radius: 12px;
  font-family: Arial;
  font-size: 0.95em;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.back-to-top:hover {
  background-color: grey;
  color: white;
}
html {
  scroll-behavior: smooth;
}

/* mise en page pour les grands écrans */
@media screen and (min-width : 800px ) {
body {
  flex-direction: row;
	flex-wrap: wrap;
}

header {
  flex-basis: 100%;
  order: 1;
  background: transparent;
}

article {
  flex-basis: 70%;
  flex-grow: 1;
  order: 3;
	font-family : Arial;
	/*
	border-radius: 15px;
	border: solid 2px grey;
	background-color: rgba(255, 255, 255, 0.7);
	*/
}

nav {
  flex-basis: 250px;
  order: 2;
  font-family : Arial;
  border-radius: 15px;
  border: solid 2px grey;
  background-color: rgba(255, 255, 255, 0.6);
  position: sticky;
}

figure {
	width: 50%;
	margin: 0 auto;
}

img.figure-analyse{
  display: block;           
  max-width: 60%;
  margin: 0 auto;
}
}

/* mise en page pour l'imprimante */
@media print {

nav {
  display: none;
}
}