@charset "utf-8";
/* CSS Document */
body {
	background-color:#034f73;
	font-size:	10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/middleIndex.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

html, body {
margin: 0;
padding: 0;
height: 100%
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}

#page{
	background-image:url(img/accueil_bckgrnd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 1000px;
	height:639px;
	display:block;

	padding: 0px;
	border: 0px;
	text-align:left;
	vertical-align: middle;
}

#background{
	background-image:url(img/middleIndex.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:1000px;
    margin-left:100px;
    margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#footerLink{
	background-image:url(img/mailto_hotemaison.png);
	background-position:top center;
	background-repeat: no-repeat;
	display:block;
	width:1000px;
	height:13px;
	text-align:center;
	vertical-align: middle;
	position:relative;
	top:50px;
}

#footerLink:hover {
	background-position: bottom center;
}

#footer{
	background-image:url(img/footerIndex.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	width:1000px;
	height:80px;
    margin-left:100px;
    margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	overflow:hidden;
}

.button{
	background-position: top left;
	background-repeat: no-repeat;
	display:block;
}

.button:hover {
	background-position: bottom left;
}

#BtnCorpo_1_1{
	position:absolute;
	left:275px;
	top:359px;
	background-image:url(img/siteCorporatif.png);
	width:276px;
	height:114px;
}

#BtnJeunes_1_2{
	position:absolute;
	left:276px;
	top:513px;
	background-image:url(img/siteDesJeunes.png);
	width:280px;
	height:95px;
}

#BtnReplik_2_1{
	position:absolute;
	left:642px;
	top:353px;
	background-image:url(img/btnReplik.png);
	width:259px;
	height:56px;
}

#BtnBede_2_2{
	position:absolute;
	left:642px;
	top:426px;
	background-image:url(img/btnBD.png);
	width:243px;
	height:49px;
}

#BtnZimp_2_3{
	position:absolute;
	left:641px;
	top:489px;
	background-image:url(img/btnZimproviste.png);
	width:261px;
	height:59px;
}

#BtnSam_2_4{
	position:absolute;
	left:641px;
	top:557px;
	background-image:url(img/btnSamourai.png);
	width:256px;
	height:85px;
}