h1 {padding-top:150px; padding-bottom: 50px; font-family: Comic Sans MS,Helvetica,Arial; font-style: italic; color: #fa0071; text-align:center; text-shadow: 1px 1px 2px #aaa; font-size:2em}
h2 {font-family: Helvetica,Arial; font-weight:bold; font-size:12px; color: #8888ff; line-height:0.5;}
a {color: #008aee;}
a:link  {color: #008aee;}
a:hover  {color: #cc0000;}


body {position: absolute; /* postulat de départ */
		top:30%; left: 50%; /* à 50%/50% du parent référent */
		transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
		background-image: url("images/cosmos.jpg");
	}
.un {
	position: relative;
	text-align:center;
	padding:0;
	Display: inline-block;
	align-items: center; justify-content: center;

	height:400px;
	display: -webkit-flex; /* OK chrome 21 */
	display: flex;
}
 li img {
	border: 10px solid #300001;
}
		li {color: #fff;  height:400px; width:450px; list-style: none; Display: inline-block}
		li:nth-child(1) { width:280px;}
		li:nth-child(3) { width:280px;}
.trois{
	position: relative;
	text-align:center;
	margin:0;
	padding:0;
	height:100px;

}
.trois li {
	height:70px;
	margin-top:18px; text-align:left;
	padding:10px;
	width:250px;
	border-radius: 20px;
	-webkit-border-radius:18px;
	outline: 2px solid #cc0000;
	font-family: Helvetica,Arial; font-size : 12px; color: #ffffff;
	background: rgb(240,240,255,0.2);
}