@page {
    /*size: A4 landscape;*/
    size: A4 portrait;
    margin: 1cm 1cm 1cm 1cm;
}
body {
    font-family: Arial, sans-serif;
    background-color: white;
    margin: 0;
    padding: 0;
    user-select: none;
}

.question {
    background-color: #fff;
    border-radius: 0px;
	box-shadow: unset ;
    margin:0;
    max-width: 100%;
    width:100%;
    padding: 0px;
    
    text-align: center;
   /* break-after: always;
	break-inside: avoid;*/
	max-height:13.5cm
}

.bonnereponse{
    border:solid 3px black;
     max-height:6.5cm;
}
.page{
    break-after: always;
	break-inside: avoid; 
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    
}
.question img {
    max-width: 100%;
  /* height: auto;*/
    margin-bottom: 20px;
  
    
    
}
.options{
/*max-width: max-content;*/
/*height: 60%;*/
/*height:13.5cm;*/
}
.options-container {
    display: flex;
    justify-content: space-between;
    /*height:9.5cm;*/
    height:6.5cm;
    
}

.option {
    cursor: pointer;
    width: 30%;
    /* Ajustez la largeur selon vos besoins */
    max-height: 6.2cm;
}

.option div,.option div img ,.option img {
     max-width: 95%;
    width:auto;
    /* height: auto;*/
	/*max-height: 100%;*/
	max-height: 6.2cm;
	
    border-radius: 10px;
}

.option div img {
    max-width: calc(95% - 20px);
   width:auto;
   /* height: auto;*/
   /*max-height: 100%;*/
   max-height: 6cm;
   
   border-radius: 10px;
}

.pointille{
width:100%;
border: dotted 1px;
height:1px;

}

#liensuivants,
#liensuivante {
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
	bottom: 0px;
	position: fixed;
	padding: 20px;
	background: #ffffffde;
	border-radius: 10px;
	margin: auto;
	left: 0;
	font-size: 36px;
	display:none;
}
a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

#catcoin
{
rotate: -40deg;
  left: 0;
  position: relative;
  float: left;
  font-size: 22px;
  top: 60px;
       box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  color:#000;
  background:#ffc;
  display:block;
  padding:1em;

}
.eticoin{
rotate: +40deg;
  right: 20px;
  position: relative;
  float: right;
  font-size: 22px;
  top: 60px;
   
  color:#000;
  
  display:block;
  padding:1em;
}
#catcoin::first-letter{
text-transform:capitalize;
}

img{
max-height:100%;
}
#imprimer
{
display:none;
}
.img_enonce{
	/*height:5.5cm;*/
    height:3.9cm;
}