img{
	transition: transform .4s;
}
img:hover{
	transform:scale(1.2);
}
/*pile container*/
h1{
	margin: 50px auto 50px auto;
	text-align:center;
	color:#0b5260;
	font-size:24px;
}
.container-tre{
	width:600px;
	margin:30px auto 30px auto;
	display: flex;
    flex-direction: row;
}
.cont-left{
	width:300px;
	margin:0;
}
.cont-right{
	width:300px;
	margin:65px auto 0 auto;
	text-align:center;
	vertical-align:middle;
}
.cont-right2{
	margin:5px auto 0 auto;
}
.lien00{
	min-width:150px;
	border-radius:15px/15px;
	background-color:black;
	color:white;
	padding:15px;
	margin:auto;
	text-decoration:none;
	text-align:center;
	z-index:2;
	font-weight: 800;
	border: 1px solid white;
}
a.lien00:hover{
	width:12%;
	height:12%;
	color:white;
	text-decoration:none;
	font-size:1.6em;
}
.pam2{
	width:80px;
}
@media screen and (min-width:576px) and (max-width:767px){
	.container-tre{
		width:550px;
	}
	.cont-left{
		width:300px;
		padding-left:1rem;
	}
	.cont-right{
		width:250px;
	}
}
@media screen and (min-width:320px) and (max-width:575px){
	h1{
		width:300px;
	}
	.container-tre{
		width:320px;
		margin:10px auto 100px auto;
		flex-direction: column;
	}
	.cont-left{
		width:320px;
		padding-left:1rem;
		margin:auto;
	}
	.cont-right{
		width:320px;
		margin:65px auto 0 auto;
	}
}