@import url(base.css);
@import url(typo.css);

html {
	text-align: center;
	background: #000;
	margin: 0 auto;
	}
body {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	}
#conteneur {
	position: relative;
	width: 700px;
	margin: 0 auto;
	}
#entete {
	position: relative;
	width: 100%;
	height: 330px;
	top: 20px;
	background: url(img/zerlick.jpg) no-repeat right 0;
	}
#cadre {
	position: absolute;
	width: 500px;
	height: 350px;
	background: url(img/cuadre8.jpg) no-repeat;
	top: -20px;
	}
#navigation {
	position: relative;
	width: 100%;
	height: 30px;
	text-align: right;
	top: -25px;
	border-bottom: #FFF 1px solid;
	}
#gauche {
	float: left;
	width: 304px;
	margin-top: 0;
	}
#gauche2 {
	float: left;
	width: 304px;
	}
#droit {
	float: left;
	width: 392px;
	height: 340px;
	background: url(img/foto.jpg) no-repeat right;
	margin-top: -8px;
	}
#droit2 {
	float: right;
	width: 382px;
	height: 340px;
	background: url(img/cuadre6.jpg) no-repeat right;
	margin-top: 8px;
	}
#form {
	float: left;
	width: 500px;
	}
#contenu{
	position: relative;
	width: 100%;
	border-bottom: #FFF 1px solid;
	margin-bottom: 20px;
	}
#contenu2{
	position: relative;
	width: 100%;
	border-top: #FFF 1px solid;
	padding-top: 20px;
	}
img {
	margin: 10px;
	border: #FFF 5px solid;
	}
img:hover {
	border: blue 5px solid;
	}