@import url("../../../../banniere.css");

body{
	font-family: Arial;
    width: 100%;
	box-sizing: content-box;
	background: repeating-radial-gradient(#F2F5A9, #F7BE81, #D0F5A9, #F2F5A9);
	text-align:center;
}

ul{
	list-style: none;
}

.surf{
	text-align:left;
}

.surf a{
	text-decoration:none;
	color:black;
}

.titre{
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	color: #ffcc88;
	text-shadow: 2px 2px 3px darkred;
}

.portrait{
	width: 200px;
	height: 300;;
	margin: 4px;
	padding: 2px;
	border: 2px solid blue;
	/* color: white; */
	float: left;
}

.portrait img{
	width: 180px;
	height:auto;
}

.portrait:hover{
	background-color: lightgreen;
}

.paysage{
	width: 200;
	height: 160px;
	margin: 4px;
	padding: 2px;
	border: 2px solid blue;
	/* color: white; */
	float: left;
}

.paysage img{
	width: 180px;
	height:auto;
}

.paysage:hover{
	background-color: lightgreen;
}