@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	background-image: url(../images/constr/background.jpg);
	background-position: center;
	margin: 0;
	padding: 0;
}

#content {
	width: 1024px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#top {
	position: relative;
	height: 390px;
}

#sign {
	position: absolute;
	display: block;
	width: 231px;
	height: 232px;
	top: 12px;
	left: 80px;
	background-image: url(../images/constr/panneau.png);
}

#en_construction {
	position: relative;
	display: block;
	width: 562px;
	height: 185px;
	top: 195px;
	left: 238px;
	background-image: url(../images/constr/enconstruct.png);
}

#logo {
	position: absolute;
	display: block;
	width: 297px;
	height: 87px;
	background: url(../images/logo.png) no-repeat;
	top: 105px;
	left: 502px;
}

.hide {
	visibility: hidden;
}

#link {
	position: absolute;
	left: 240px;
	top: 305px;
}

#mailto {
	display: block;
	background-image: url(../images/constr/courriel.png);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 275px;
}

#mailto:hover {
	background-image: url(../images/constr/courriel_RO.png);
}

#tel {
	position: absolute;
	background-image: url(../images/constr/telephone.png);
	background-repeat: no-repeat;
	display: block;
	width: 113px;
	height: 12px;
	top: 345px;
	left: 240px;
}

#mid {
	position: relative;
	height: 385px;
	background-image: url(../images/constr/cadre.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#video {
	position: absolute;
	left: 232px;
	top: 12px;
}