/*body*/
	html
	{
		height: 100%;
	}
	body
	{
		margin:0; /*Réinitialisation des marges*/
   		padding:0; /*Réinitialisation des marges intérieures*/
   		scroll-behavior: smooth; /*commande permettant la fixation de certains blocs (je crois)*/
		font-family: verdana;
		color: black;
		text-align: center;
		min-height: 100%;
		max-height: 100%;
		/*background: linear-gradient(135deg, rgba(28,31,76,1) 0%, rgba(6,7,17,1) 100%);*/
		/*background: linear-gradient(180deg, rgba(99,110,114,1) 90%, rgba(225,177,44,1) 100%);*/
		background-color: #2C3A47;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

/*fin body*/

/*index*/

	#photo_cut
	{
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: 5%;
		margin-bottom: 2.5%;
	}

	#photo_cut img
	{
		padding: 0;
		width: 50%;
		height: auto;
		box-shadow: 9px 9px #100D01;
	}

	#photo_cut img 
	{
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	#photo_cut img:hover
	{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		box-shadow: 0px 0px #100D01;
	}

	.ligne_propals
	{
		width: 50%;
		display: flex;
		justify-content: space-around;
	}

	.bouton_propal
	{	
		width: 50%;
		box-shadow: 6px 6px #100D01;
		margin:2%;
		background: #FEC20F;
		padding-top: 2.5%;
		padding-bottom: 2.5%;
		font-weight: bold;
		font-size: 1.1em;
		color: #100D01;
		text-decoration: none;
	}

	.bouton_propal:hover
	{
		color:rgb(255,39,0);
		box-shadow: 8px 8px #100D01;
		translate: -2px -2px;
	}

	.bouton_propal:active
	{
		box-shadow: none;
		translate: 3px 3px;
	}

/*fin index*/

/*resultat*/
	#reveal
	{
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: 2.5%;
	}

	#reveal img
	{
		margin: 0;
		padding: 0;
		height: 500px;
		width: auto;
		box-shadow: 6px 6px #100D01;
	}

	#nom_reponse
	{
		margin: 0;
		margin-top: 5px;
		color: rgba(237,235,217,1);
		font-weight: bold;
		font-size: 1.1em;
	}

	#reponses
	{
		width: 50%;
	}
	.ligne_reponses
	{
		width: 100%;
		display: flex;
		justify-content: space-around;
	}

	.ligne_reponses p
	{
		width: 50%;
		box-shadow: 6px 6px #100D01;
		margin:1.5%;
		background: rgba(232,65,24,1);
		padding-top: 2%;
		padding-bottom: 2%;
		font-weight: bold;
		font-size: 1.1em;
		color: rgba(237,235,217,1);
		text-decoration: none;
	}

	#streak
	{
		width: 25%;
		display: flex;
		flex-direction: column;
	}

		.bouton_rejouer
		{	
			width: 100%;
			padding-top: 15px;
			padding-bottom: 15px;
			box-shadow: 6px 6px #100D01;
			background: #FEC20F;
			font-weight: bold;
			font-size: 1.1em;
			color: #100D01;
			text-decoration: none;
		}

		.bouton_rejouer:hover
		{
			color:rgb(255,39,0);
			translate: -2px -2px;
			box-shadow: 8px 8px #100D01;
		}

		.bouton_rejouer:active
		{
			box-shadow: none;
			translate: 3px 3px;
		}

		#streak p
		{
			margin: 10px;
			color: rgba(254,194,15,1);
			font-weight: bold;
			font-size: 1.1em;
		}


	/*Mauvaise réponse*/

	#mauvaise_reponse
	{
		margin: 0;
		margin-top: 25px;
		color: rgb(255,39,0);
		font-weight: bold;
		font-size: 1.3em;
	}

	#final_streak
	{
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		color: rgba(237,235,217,1);
		font-weight: bold;
		font-size: 1.1em;
	}

	#form_classement label
	{
		color: rgba(237,235,217,1);
		font-weight: bold;
		font-size: 0.9em;
	}

	#bouton_submit
	{	
		width: 20%;
		box-shadow: 6px 6px #100D01;
		background: #FEC20F;
		font-weight: bold;
		font-size: 1.1em;
		color: #100D01;
		text-decoration: none;
	}

	#bouton_submit:hover
	{
		
	}

	#bouton_submit:active
	{
		box-shadow: none;
	}

	#classement
	{
		width: 33%;
		margin-bottom: 25px;
		margin-top: 25px;
	}

	#classement p
	{
		margin: 0;
		background: #FEC20F;
		box-shadow: 3px 3px #100D01;
		padding: 1%;
		margin-right: 5px;
		margin-left: 5px;
	}

	.ligne_rang
	{
		margin: 0;
		display: flex;
		justify-content: flex-start;
		margin-bottom: 7.5px;
	}

	.ligne_rang__rang
	{
		background: red;
	}

	.ligne_rang__pseudo
	{
		flex:1;
	}

/*fin resultat*/