@font-face {
    font-family: "Berlin Sans FB";
    src: url('./font/Berlin-Sans-FB.ttf');
}

@font-face {
    font-family: "Berlin Sans FB";
    font-weight: bold;
    src: url('./font/Berlin-Sans-FB-Bold.ttf');
}

body{
	font-family: Helvetica, Arial, sans-serif;
	background-color : #F7EDE5;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	margin:0px;
	color:#000000;
}

p{
	text-align:justify;
	margin-left:15px;
}

h1{
	color:#558ED5;
}

h2{
	color:#558ED5;
}

h3{
	color:#558ED5;
}

#container{
	position : relative;
	margin-left: auto;
	margin-right: auto;
	width:1024px;
	height:1000px;
	
}

#bannercontainer{
	position : relative;
	width:1024px;
	height:170px;
}




#banner1{
	background-position:0 0;
}

#banner2{
	background-position:0 -170px;
}

#banner3{
	background-position:0 -340px;
}

#banner4{
	background-position:0 -510px;
}

#banner5{
	background-position:0 -680px;
}

.banner{
   position : absolute;
   top : 0px;
   left:0px;
   width : 1024px;
   height : 170px;
   opacity : 0;
   filter : 'alpha(opacity=0)';
   background-image : url('images/banner2.png');
}

#logo{
	position : absolute;
	top:10px;
	left:15px;
	width : 360px;
	height : 135px;
	background-image : url('images/estangi-res.png');
}

#buttons-container{
	position : absolute;
	top : 100px;
	left : 510px;
	width : 100%;
	
}

#buttons-container span{
  text-indent: -5000px;
  display:inline-block;
}
#buttons-container ul{
  list-style-type:none;
  margin:0;
  padding:0;
  border:0;
}
#buttons-container li{
   list-style-type:none;
  margin:0;
  padding:0;
  border:0;
}

#buttons-container li{
  margin:0;
  padding:0;
}

#acceuil{
	width:84px;
	height:25px;
	background-position:0px 132px;
}

#buttons{
	position : absolute;
	right:15px;
}


.menu{width:500px; margin:auto; list-style:none;}
.menu li{float:right; margin:0px 0px 0 0;}
.menu a{text-indent:-5999px;}
.menu span{display:block; height:50px;}
.menu #yt span {width:98px; background:url('images/estangi-res.png') 0 -136px no-repeat;}
.menu #yt span:hover {background:url('images/estangi-res.png') 0 -178px no-repeat;}
.menu #yt-select span {width:98px; background:url('images/estangi-res.png') 0 -228px no-repeat;}
.menu #rss span {width:90px;background:url('images/estangi-res.png') -98px -136px no-repeat;}
.menu #rss span:hover {background:url('images/estangi-res.png') -98px -178px no-repeat;}
.menu #rss-select span  {width:90px;background:url('images/estangi-res.png') -98px -228px no-repeat;}
.menu #fb span {width:114px;background:url('images/estangi-res.png') -190px -136px no-repeat;}
.menu #fb span:hover {background:url('images/estangi-res.png') -190px -178px no-repeat;}
.menu #fb-select span {width:114px;background:url('images/estangi-res.png') -190px -228px no-repeat;}
.menu #tw span {width:110px;background:url('images/estangi-res.png') -300px -136px no-repeat;}
.menu #tw span:hover {background:url('images/estangi-res.png') -300px -178px no-repeat;}
.menu #tw-select span {width:110px;background:url('images/estangi-res.png') -300px -228px no-repeat;}

#bottom-banner{
	position : absolute;
	top:896px;
	left:0px;
	width:1024px; height : 100px;
	color:#FFFFFF;
}	

#middle-container{
	margin-left: auto;
    margin-right: auto;
	position : relative;
	top: 240px;
}	

#copyright{
	position : absolute;
	float:right;
	top : 1005px;
	width:1024px;
	text-align:right;
}