/*Articles System */
.flex {
	display:flex;
	justify-content: center;
	align-items: center;
	margin: 10vh;
}
.left_or_up{
	float: left;
	width: 30%;
	display: inline-block;
	position: relative;
}

.right_or_bot{
	width: 60%;
	display: inline-block;
	position: relative;
}

.left_or_up img {
	max-width: 90%;
	max-height: 30vh;
}

.right_or_bot p {
	float: right;
	border-color: black;
	border-width: 0 0 0 2px;
	border-style: solid;
	padding: 0 0 0 10px;
}

/* Media queries */

@media screen and (orientation:portrait) {
	
	.titre{
		margin-bottom: 1vh;
	}
	
	.flex {
		display:block;
		margin: 0vh;
	}

	.left_or_up{
		width: 100%;
		display: inline-block;
		top: inherit;
		margin-top: 25px;
		padding-bottom: 15px;
		display:flex;
		justify-content: center;
	}

	.right_or_bot{
		width: 100%;
		display: inline-block;
		top: inherit;
		text-align: center;
		float: none;
	}

	.left_or_up img {
		height:auto;
		margin-left: 0;
		max-height: 15vh;
	}

	.right_or_bot p {
		margin: auto;
		border-width: 2px 0 0 0 ;
		padding:10px 0 0 0 ;
		margin-left: 5%;
		margin-right: 5%;
	}

}