#fond{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:black;
	}
	
	#block{
	clear:both;
	width:100%;
	height:1620px;
	padding:15px;
	background-color:white;		
	font-family:Verdana; 
	color:#4C1B1B; 
	font-size:4vw; 
	}
	
	
	#case{	
	float:right;
	width:98%;
	padding:1%;
	background-color:white;
	color:grey;	
	font-size:3vw; 
	color:black;
	text-align:left;
	border:1px solid chocolate;	
	}
	
	#cas50L{	
	float:left;
	width:45%;
	margin-top:5%;
	margin-left:5%;
	background-color:white;	
	text-align:left;
	}

	#cas50R{	
	float:right;
	width:45%;
	margin-top:5%;
	margin-right:5%;
	background-color:white;	
	text-align:right;
	}
	

	
	
	#cadre{	
	width:90%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:2%;
	margin-right:2%;
	height:100%;
	padding:0%;
	background-color:white;
	color:grey;	
	font-size:3vw; 
	text-align:left;
	border:1px solid red;	
	border-radius: 15%;
	}	
	
	#text {	
	margin-bottom:10 px;
	margin-left: 15px;
	margin-right:15 px;
	padding:1 px;
	background-color:white;	
	color:black;
	text-align:left;
	font-size: 3vw;
	border:none;	
	}	
	
	
	#coment{	
	width:75%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:0%;
	height:80%;
	padding:2%;
	background-color:white;	
	font-size:2vw; 
	color:red;
	text-align:left;
	border:1px solid red;	
	}	
	#photo{	
	float:left;
	width:15%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:0%;
	height:80%;
	padding:2%;
	background-color:white;	
	font-size:2vw; 
	color:red;
	text-align:left;
	border:1px solid red;	
	}	
	
	#lign{	
	float:left;
	width:100%;
	}
	
	#colon{	
	float:left;
	vertical-align:top;
	height:22px;
	padding:5px;
	background-color:white;	
	text-align:left;
	border:1px solid black;	
	}
	
	
	.buton_field{	
	clear:both;
	width:80%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:8%;
	height:8rem;
	padding:2%;
	background-color:grey;	
	color:white;
	text-align:center;
	font-size:2vw; 
	border:1px solid black;	
	}
	
	.input_field{	
	clear:both;
	width:80%;
	margin-bottom:1%;
	margin-left:15px;
	margin-right:15px;
	height:15px;
	padding:2%;
	background-color:white;	
	color:#A0522D;
	text-align:left;
	font-size:3vw; 
	border:5px solid chocolate;	
	}

	.submit_ecran{	
	width:20%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;	
	padding:2%;
	background-color:grey;	
	color:white;
	text-align:center;
	font-size:2vw; 
	border:1px solid black;	
	}

	.submit_quizz{	
	width:20%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;	
	padding:2%;
	background-color:grey;	
	color:white;
	text-align:center;
	font-size:1vw; 
	border:1px solid black;	
	}

	.submit_field{	
	clear:both;
	width:90%;
	margin-top:5%;
	margin-bottom:0%;
	margin-left:5%;
	margin-right:5%;
	padding:2%;
	background-color:black;	
	color:white;
	text-align:center;
	font-size:5vw; 
	border:1px solid black;	
	}
	
	.choix_field{	
	clear:both;
	width:80%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:8%;
	height:80%;
	padding:2%;
	background-color:white;	
	color:red;
	text-align:center;
	font-size:3vw; 
	border:5px solid chocolate;	
	}
	.choix_photo_field{	
	clear:both;
	width:75%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:8%;
	height:80%;
	padding:2%;
	background-color:white;	
	color:red;
	text-align:center;
	font-size:3vw; 
	border:5px solid red;
	border-radius: 15%;	
	}
	.menu_field{	
	clear:both;
	width:80%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:8%;
	height:80%;
	padding:2%;
	background-color:red;	
	color:white;
	text-align:center;
	font-size:3vw; 
	border:5px solid pink;	
	}

	
	.note_field{	
	clear:both;
	width:20%;
	margin-bottom:1%;
	margin-left:8%;
	margin-right:8%;
	height:20%;
	padding:2%;
	background-color:grey;	
	color:white;
	text-align:center;
	font-size:3vw; 
	border:1px solid black;	
	}		
	
	
	
	
	input[type="radio"].demo1 {
	  display: none;
	}
	input[type="radio"].demo1 + label {
	  height:12 rem;
	  width: 150 rem;
	  padding: 0.5rem 1rem;
	  font-size: 5 rem;
	  line-height: 1.5;
	  border-radius: 0.3rem;
	  color: #fff;
	  background-color: #6c757d;
	  border: 1px solid transparent;
	  transition: all 0.15s ease-in-out;
	}
	input[type="radio"].demo1.vrai:hover + label {
	  background-color: blue;
	  border-color: black;
	}
	input[type="radio"].demo1.vrai:checked + label {
	  background-color: green;
	  border-color: black;
	}
	input[type="radio"].demo1.faux:hover + label {
	  background-color: orange;
	  border-color: #bd2130;
	}
	input[type="radio"].demo1.faux:checked + label {
	  background-color: red;
	  border-color: #dc3545;
	}	
	


	input[type="radio"].depart {
	 display: none;
	}
	input[type="radio"].depart + label {
	  height:10 rem;
	  width: 150 rem;
	  margin-top:20 rem;
	  padding: 0.5rem;
	  font-size: 1rem;
	  line-height: 1.5;
	  border-radius: 0.3rem;
	  color: #fff;
	  background-color:grey;
	  border: 1px solid transparent;
	  transition: all 0.15s ease-in-out;
	}

	input[type="radio"].depart.vrai:checked + label {
	  background-color: green;
	  border-color: white;