#connexion{
		margin-top: 30px;
		width: 100%;
	}
	#connexion > ul{
		width: 100%;
		margin-left: -40px;
	}
	#connexion > ul > li{
		float: left;
		background-color: rgb(255, 166, 0);
		width: 48%;
		list-style-type: none;
		margin-left: 6px;
		text-align: center;
		margin-top: 10px;
		border: 1px solid rgba(0, 64, 128, 0.2);
		border-radius: 2px;

	}
	#connexion > ul > li > a{
		color: rgb(0, 64, 128);
		text-decoration: none;
		width: 100%;
	}
	
	nnexion > ul > li:hover{
		background-color: red;
		font-weight: bold;
	}
	
	.point_interrogation{
		width: 35px;
		height: 35px;
		background-color: black;
		color: white;
		font-size: 1.5em;
		border-radius: 360px;
		text-align: center;
		margin-top: -28px;
		font-weight: bold;
	}
	.astuce{
		color: red;
		text-align: right;
		padding-right: 5px;
		font-weight: bold;
		width: 50%;
		font-size: 1.2em;
		margin-left: 20px;
		border-bottom: 1px solid black;
	}
	.contenu_astuce{
		padding: 5px;
		color: rgba(124, 78, 52, 0.9);
		text-align: center;
		height: 150px;
		margin: 0px;
	}
	
	.degrade{
		height: 20px;
		box-shadow: 5px -100px 120px black;
	}

	#poster{
		text-align: center;
	}
	.poster_plus{
		width: 70px;
	}
	.poster{
		font-family: arial;
		font-size: 25px;
		margin: 0;
	}

	.col-sm-12{
		width: 97%;
		margin-top: 50px;
		padding: 5px;
		border: 1px solid red;
		border-radius: 5px;

	}
	.card_mx_auto{
		width: 100%;
	}
	.bi_bi_exclamation_triangle{
		width: 50px;
	}
	.heading_alert{
		margin: 0;
		padding: 0;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		color: red;
	}
	.heading{
		margin-top: 20px;
		padding: 0;
		text-align: center;
		color: rgb(0, 64, 128);
	}
	.btn_btn_success{
		font-weight: bold; 
		width: 95%;
		margin-top: 20px;
		margin-left: 2.5%;
		padding: 2px;
		background-color: white;
		color: rgb(0, 64, 128);
		border: 1px solid rgb(0, 64, 128);
		border-radius: 360px;
	}

	.fait_titre{
		background-color: rgba(0, 64, 128, 0.7);
		color: white;
		padding: 0px 5px 5px 5px;
		margin: 0px;
		height: 35px;
		border-radius: 2px;
		text-align: center;
	}
	.fait_img{
		width: 60%;
		height: 119px;
		float: right;
	}
	#fait{
		height: 160px;
	}
	#fais{
		height: calc(160px * 5);
		animation: monter 80s infinite;
	}
	#fais_du_jour{
		margin-top: 150px;
		height: calc(159px * 1);
		overflow: hidden;
		border-radius: 2px;
		padding: 0px;
	}

		@keyframes monter{
			100%{
				transform: translateY(0);
			}
			5%{
				transform: translateY(0);
			}
			
			10%{
				transform: translateY(-160px);
			}
			15%{
				transform: translateY(-160px);
			}
			
			20%{
				transform: translateY(-320px);
			}
			25%{
				transform: translateY(-320px);
			}
			30%{
				transform: translateY(-480px);
			}
			35%{
				transform: translateY(-480px);
			}
			
			40%{
				transform: translateY(-640px);
			}
			45%{
				transform: translateY(-640px);
			}
			50%{
				transform: translateY(-640px);
			}
			55%{
				transform: translateY(-640px);
			}
			60%{
				transform: translateY(-640px);
			}
			65%{
				transform: translateY(-640px);
			}
			70%{
				transform: translateY(-480px);
			}
			75%{
				transform: translateY(-480px);
			}
			80%{
				transform: translateY(-320px);
			}
			85%{
				transform: translateY(-320px);
			}
			90%{
				transform: translateY(-160px);
			}
			95%{
				transform: translateY(-160px);
			}
			
		}

		#bouton_connexion_mobile{
			display: none;
		}










@media screen and (max-width:500px){
	#fais_du_jour{
			display: none;
			width: 99%;
			margin-top: 50px;
			margin-left: 0.8%;
		}
		#connexion{
			display: none;
		}
		#astuces{
			display: none;
		}

		.col-sm-12{
		width: 95.5%;
		margin-left: 2.25px;

		}
		.bi_bi_exclamation_triangle{
			width: 30px;
		}
		.heading_alert{
			font-size: 20px;
		}
}