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

html, * {
	padding:0px;
	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#F60;
}

a:hover {

	color:#FC3;
}

body {
	
}



#container {
	position:relative;
	width:1024px; 
	margin:0 auto; 
}

#sectiontop {
	position:relative;
	height:500px;
	top:0px;
	left:0px;
}
#sectionmiddle {
	position:relative;
	height:auto;
	min-height:365px;
	top:0px;
	left:0px;
}

#sectionfooter {
	position:relative;
	background-image:url(../images/middlefooter.jpg);
	background-repeat:no-repeat;
	font:Tahoma, Geneva, sans-serif;
	text-align:center;
	padding-top:32px;
	font-size:12px;
	font-weight:bold;
	color:#444;
	width:932px;
	height:36px;
	left: 40px;
	top: 0px;
}

#logo {
	position:absolute;
	background-image:url(../images/logo_mariemartine.jpg);
	background-repeat:no-repeat;
	width:350px;
	height:175px;
	left: -1px;
	top: -5px;
	z-index:10;
}

#homeflashvideo {
	position:absolute;
	width:275px;
	height:245px;
	left: 40px;
	top: 177px;
}

#flashimg {
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:245px;
	overflow:hidden;
	z-index:2;
}

#zeflash {
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:245px;
	z-index:1;
}
#topmenu {
	position:absolute;
	width:400px;
	height:45px;
	left:585px;
	top: 0px;
	z-index:10;
}

#viewerimage {
	position:absolute;
	background-image:url(../images/home_viewer_image.jpg);
	background-repeat:no-repeat;
	width:695px;
	height:375px;
	left: 330px;
	top: 47px;
	z-index:1;
}


/* MIDDLE SECTION */

#middleflashmenu {
	position:absolute;
	
	width:932px;
	height:80px;
	left: 40px;
	top: 423px;

}

#middleleftsection {
	position:absolute;
	width:620px;
	height:197px;
	left: 40px;
	top: 504px;

}

#middlefullsection {
	position:relative;
	background-image:url(../images/middleheader.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:932px;
	height:auto;
	padding-bottom:20px;
	top:0px;
	left: 40px;
	min-height:300px;

}

#middletitle {
	position:relative;
	top:5px;
	left:10px;
	font-size:18px;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	color:#F60;
	height:60px;
	width: 500px;
}

#middleinnersection {
	position:relative;
	top:5px;
	left:10px;
	height:auto;
	min-height:300px;
	width:920px;
	font-size:14px;
}


/* HOME SECTION */

#homemiddle {
	position:absolute;
	background-image:url(../images/bottomheader.jpg);
	background-repeat:no-repeat;
	width:932px;
	height:390px;
	left:40px;
	top:0px;

}

#newdiskbox {
	position:absolute;
	top:50px;
	left:0px;
	height:315px;
	width:300px;
	background-color:#7CDBFB;

}

#videobox {
	position:absolute;
	top:50px;
	left:317px;
	height:315px;
	width:300px;
	background-color:#F83436;
	

}

#jeuxbox {
	position:absolute;
	top:50px;
	left:632px;
	height:315px;
	width:300px;
	background-color:#B4D854;

}

#footer {
	position:absolute;
	width:932px;
	height:30px;
	left:40px;
	top:1017px;
	font-size:12px;
	color: #fff
	text-align:center;
}

  /* relevant for the memory game - start */
  #pairswrapper { position: relative; width: 620px; height: 465px; }
    #information { position: absolute; width: 620px; height: 465px; background: #CCC7A6; top: 0; left: 0; color: black;  }
      #information h1, #steps { text-align: center; font-family: Georgia, sans-serif; font-size: 32px; }
      #information p { text-align: center; padding: 30px; }
    
    #pictures { position: absolute; top: 0; left: 0; }
      .picture { width: 155px; height: 155px; background: url(../images/field_bg.png); float: left; }
      .picture img { display: none; }
  
  #steps { font-size: 52px; padding: 20px 0 20px 0; }
  /* relevant for the  memory game - end */