.flex-container{
	display: flex;
}
.flex-item{
	background-color: #e6e6e6ff;
	border-radius: 20px;
	flex:1;	
	padding:20px;
}
.two-items > :first-child {
	margin-right:15px;
}
.two-items > :last-child {
	margin-left:15px;
}
.flex-item img{
	width:100%;
	max-width: 400px;
	margin:10px;

}
article .two-items p{
	/*padding:20px;*/
}
#bacteries{
	background-image: url("images/background-regles-bact.png");
	background-size:cover;
}
#evenements{
	background-image: url("images/background-regles-event.png");
	background-size:cover;
}
#plasmides{
	background-image: url("images/background-regles-plasmides.png");
	background-size:cover;
}
@media only screen and (max-width: 700px) {
	.flex-container{
		flex-direction: column;
	}
	.two-items > :first-child {
		margin-bottom:15px;
		margin-right:0px;
	}
	.two-items > :last-child {
		margin-top:15px;
		margin-left:0px;
	}
}
.no-bottom-margin{
	padding:0px;
	margin-bottom:-20px !important; 
}
#flex-trick{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}