*
{
	font-family:Georgia;
	font-size:8pt;
	color:#8C7352;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	background-color:#EBE5D3;
}

input
{
	border:solid #B5AA94 1px;
	
}

a.bouton_aide
{
	width:33px;
	height:31px;
	background-image:url(/images/btn_aide.jpg);
}

a.bouton_cible
{
	width:241px;
	height:31px;
	background-image:url(/images/btn_cible.jpg);
}

a.bouton_voyelle:link,visited
{
	width:114px;
	height:31px;
	background-image:url(/images/btn_voyelle_off.jpg);
}
a.bouton_voyelle:hover
{
	width:114px;
	height:31px;
	background-image:url(/images/btn_voyelle_on.jpg);
}

a.bouton_consonne:link
{
	width:114px;
	height:31px;
	background-image:url(/images/btn_consonne_off.jpg);
}

a.bouton_consonne:hover
{
	width:114px;
	height:31px;
	background-image:url(/images/btn_consonne_on.jpg);
}

a:link
{
	color:#311C10; 
}
a:hover
{
	color:#311C10; 
}
a:visited
{
	color:#311C10; 
}

.generalheader
{
	font-size:12pt;
	padding:7px 7px 7px 7px;
	background-color:#311C10; 
	color:White;
}

tr#menubrun
{
	background-color: #311C10; 
	width: 770px; 
	height: 35px;
}

td#copyright
{
	font-size:8pt;
	color:Black;
}

ul
{
	list-style-type: square;
}

input.NextButton
{
	font-size:12pt;
	font-weight:bold;
	color:White;
	background-color:Maroon;
}

textarea
{
	border:solid #B5AA94 1px;
}

input.check
{
	border:none;
}


td.extendedpanel
{
	border:solid 1px #ACA28D;
	background-color:#E4DECA; 
	padding:10px 10px 10px 10px;
	min-width:100px;
	margin:0 auto;
	
}

td.extendedpanel_title
{
	border-top:solid 1px #ACA28D;
	border-left:solid 1px #ACA28D;
	border-right:solid 1px #ACA28D;
	font-size:12pt;
	padding:7px 7px 7px 7px;
	background-color:#311C10; 
	color:White;
	text-align:center;
}

h1
{
	font-size:16pt;
	color:#8C7352;
}

span timer
{
	font-size:16pt;
	color:#8C7352;
}

h2
{
	font-size:14pt;
	color:#8C7352;
}

h3
{
	font-size:12pt;
	color:#8C7352;
}

div.centered
{
    display:block;
    position:relative;
    top:50%;
    left:50%;	
  }

.warning
{
	color:Maroon;
	font-size:11pt;
	font-weight:bold;
}

div.warningsmall
{
	color:Red;
	font-size:8pt;
}

div.instructions
{
	color:Blue;
}
a
{
	color:Blue;
}

div#header
{
}

div#main
{
	width: 768px; 
	border: solid #787361 1px; 
	margin:0 auto;
}

div#maindiv
{
	background-color: White;/*#EBE5D3;*/
}

#innercontentdiv { 

min-height:300px; 
text-align:center;
} 



div#footer
{
	background-color: #B5AA94; 
	height: 30px; 
	text-align: center;
	vertical-align:middle;
}

div#login
{
	width:250px;
	padding:15px 15px 15px 15px;
	margin:0 auto;
	border:1px solid #B5AA94;
	margin-top:80px;
	text-align:center;
}

div#home
{
	width:400px;
	margin:0 auto;
	margin-top:80px;
}

div.content
{
	margin-top: 60px;
	margin-bottom: 60px;
}

.submenu
{
	background-color:#8C7352;
	color:Black;
	border-top:solid 1px Gray;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
	padding-bottom:6px;
}

.submenu_hover
{
	background-color:#8C7352;
	color:Black;
	border-top:solid 1px Gray;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
	padding-bottom:6px;
}

table.menu tr td a:link
{
	color:White;	
	font-weight:bold;
}
table.menu tr td a:active
{
	color:White;	
	font-weight:bold;
}
table.menu tr td a:visited
{
	color:White;	
	font-weight:bold;
}

.centered_content
{
	margin:0 auto;
}

.adjustedZIndex {
    z-index: 1;
}