@font-face {
  font-family: 'laine';
  src: url('../fonts/laine.ttf');
}

#body {
	background: #ffffff;
	color: #897979;
}

h2 {
  font: 400 90px/0.8 'laine';
  margin: 0;
  color: #897979;
  /* text-shadow: 4px 4px 3px rgba(0,0,0,0.1);*/ 
}

#left_panel{
	position: absolute;
	top: 1em;
	left: 1%;
	width: 18%;
}

#right_panel{
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	padding-top: 50px;
	padding-right:50px;
}

#center_panel{
	margin: 0 auto;
	width: 1100px;
}

#top_panel{
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}

#content_panel{
	position: relative;
	margin: 0 auto;
	text-align:center;
	
}

.spacer {
  line-height: 10px;
}


.home_page_photo {
	width: 320px;
	height: 480px
}

#photo_frame{
	position: absolute;
	top: 0;
	left: 70px;
	width: 925px;
	height: 450px;
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
	margin: 15px;
	opacity: 0.5;
}

#bottom_panel{
	height: 200px;
	text-align: center;
}

#message {
  font-family: Helvetica, Arial, Sans;
  font-size: 20px;
  text-transform: uppercase;
  color: #897979;
}

#main_menu {
   display: none;
	height: 50px;
	width: 1000px;
	padding:0;
 	margin:0;
 	list-style-type:none;
 	text-align: center;
 	font-family:Verdana;
 	font-size: 15px;
 	font-weight: 600;
 	color: #9c9c9c;
 	margin: 0 auto;
 	/* text-shadow: 4px 4px 3px rgba(0,0,0,0.1);*/
}

#main_menu li {
	display: inline;
	float:left; /*pour IE*/
	width: 200px;
	height: 90px;
	vertical-align: middle;
 }
 
#main_menu li a {  
 color:#9c9c9c;
 text-decoration:none;
 text-align:center;
 padding:5px;
 }
 
#main_menu li a .hotmi {display:none;}

#main_menu li a:hover {
   font:normal 50px 'Laine';
	text-transform: lowercase;   
 }
 
 #main_menu li a:hover .coldmi {display:none;}
 #main_menu li a:hover .hotmi {display:inline;}
 

#right_menu {
	font:normal 11px Verdana;
	display: none;
}

#right_menu ul{
	display:none;
	font-family:'Laine';
	font-size: 26px;
}

#right_menu li:hover>ul{display:block}

#right_menu ul{position: absolute;left:-1px;top:98%;}

#right_menu, #right_menu ul, #right_menu a {
	margin:0px;
	list-style:none;
	width:150px;
	text-decoration:none;
	color:#9c9c9c;
	text-align: right;
	padding: 0;
}

#right_menu li{
	height: 40px;
}

#right_menu ul li a:hover {
 color:#000000;
 }