  /* **** Général ***************************************************************/

body
{
  counter-reset: h1, question ;
	font-family:sans-serif;
	line-height:2;
  font-size: 16pt;
}

p {
	page-break-inside: avoid;
}

/* **** Grille ************************************************************/
.grid-container {
  display: inline-grid;
}

.grid-item {
}

.grid-item-border {
  border : solid;
  border-width: 1px;
  padding: 1vw;
}


/* **** Encadré ************************************************************/
.cadre
{
  padding : 1vw;
  border-style : solid;
  border-radius: 1vw;
}

/* **** Pointillés à remplir*************************************************/
.point
{
  border-bottom: dotted;
  border-width: thin;
}

/* **** Capacité *************************************************/

.capacité
{
  padding-left: 70px;
  margin-bottom:10px;
  position:relative;
  clear: both;
  counter-increment: capa ;
}

.capacité::before
{
  content: "\002610  C" counter(capa) ":";
  color: grey;
  position: absolute;
  left: 0;
}

/* **** Question ************************************************************/

.question
{
	padding-left:50px;
	margin-bottom:10px;
  position:relative;
  clear: both;

  counter-increment: question ;

}

.question::before
{
  content: "Q." counter(question) ") ";
  color: grey;

  position: absolute;
  left: 0;
}

/* **** Titres ****************************************************************/
h1 {
	page-break-before:always ;
	font-size: 200%;
	color: navy;
	border-bottom: solid;
	counter-reset: h2 prop def met;
}

h2 {
	font-size: 120%;
	color: navy;
	border-bottom: solid;
	border-color: grey;
	border-bottom-width: 1pt;
	margin-top: 50px;
}

img
{
  margin-left: 20px;

}

ol, ul
{
  padding-left: 20px;

}


/* **** Les zones déroulantes *********************************************************/



label {
	text-decoration: none;
	color: grey;
  /* background-color: lightgrey; */
  margin-bottom: 20px;
	position: relative;
	display: block;
  /* float: left; */
  /* clear: left;   */
  cursor: pointer;
}


input {
  display: none;
}

.question {
  padding: 2px;
  display: block;
  cursor: pointer;
}
.reponse {
  padding: 10px;
  display: none;
	border-left-color: lightgrey;
	border-left-style: solid;
	border-radius: 5px;
}

/* .reponse::before {
  position: absolute;
  clear: bottom;
  margin-left: 2px;
  font-family: 'FontAwesome';
	/* font-size: 25px; */
  /* color: lightgrey; */
	/* left: -30px; */
	/* content: '\f151'; /* open folder */
/* } */

 input:checked + .reponse {
  display: block;
}

/* Masquage  */
.hidden>div {
	display:none;
}

.visible>div {
	display:block;
}
