html
{
	min-height: 100%;
	height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 16px;
}

/* \*/
* html .hollyfix {height: 1%;}
/* */


body
{
	font-family: Georgia, Helvetica, Times New Roman;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	height: 100%;
	color: #FFFFFF;
	behavior: url(css/csshover.htc);
	behavior: url(../css/csshover.htc);
	line-height: 22px;
}

a {
	text-decoration: none;
 	font-family: Georgia, sans-serif;
	color: #762f07; /* #446a8d; */
}

h1{ font-size: 260%; }
h2{ font-size: 180%; }
h3{ font-size: 140%; }
h4{ font-size: 140%; }
h5{ font-size: 100%; }
h6{ font-size: 85%; }

h1, h2, h3, h4, h5, h6{ margin: 0; }

.hidden
{
	display: none;
}

#edito
{
	padding: 10px 10px;  
	
	font-size: 80%;
	width: 240px;
	position: absolute;
	left: 15px;
	top: 36px; /* align with #logo */
/*	top: 167px; align with #content */
}
#edito p {
       margin: 0;
       padding: 0;
}
#edito p span {
       padding-left: 1em;
}
#edito br {
       display: none;
} /* Atrocious hack to avoid spurious <br>s and <p>s inserted by the
     WISIWYG editor */

#edito .signature {
       display: none;
}

#page
{
	margin: 0 auto 0 290px;
	width: 800px;
}

#menu
{
	width: 790px;
	min-height: 30px;
	padding: 0 0 0 10px;
	z-index:100;
	font-size: 105%;
	font-weight: bold;
}

#menu a{ color: #000000; 
}
div#menu ul {margin: 0; padding: 0;}
div#menu li {position: relative; list-style: none; margin: 0;
  float: left; line-height: 1em;
}
div#menu li a {display: block; padding: 0.25em 0.5em 0.25em 0.5em;
  text-decoration: none; }
div#menu>ul a {width: auto;}
div#menu ul ul {position: absolute; 
  display: none;}
div#menu ul ul li {border-top: 1px solid #5f4628; width: 10em;}
div#menu ul.level1 li.submenu:hover ul.level2, 
div#menu ul.level2 li.submenu:hover ul.level3 {display:block; width: 10em;}
div#menu ul.level2 {top: 1.5em; left: -1px;}
div#menu ul.level3 {top: -1px; 
  border-top: 1px solid #040a3d;}  
  
#logo
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 5px 190px 5px 90px;
	min-height: 115px;
	background-image: url("logo100px.jpg");
	background-repeat: no-repeat;
	background-position: 201px;
	background-color: #fff;
	text-align: justify;
	font-size: 80%;
}

#content p
{
	margin: 11px 0px;
}

#content
{
	margin-top: 0px;
	padding: 10px;
	color: #000;
	overflow: hidden;
}

#content h1 {
 	 padding-left: 10px;
	 font-weight: normal;
	 line-height: 1.5em;
}

#content .box h4 {
	 font-size: 105%;
	 line-height: 22px;
}

#content .box
{
	margin: 10px 0px;
/*	border-left: 10px solid #040a3d; */
	padding: 10px;  
	text-align: left; 
	overflow: hidden;
}

#content .signature
{
	margin: 0 0 11px 0;
	color: #543f32;
	border-top: 1px dashed;
}

#content img
{
	margin-top: 10px;
	margin-right: 10px;
	border: 2px solid #040a3d;
	float: left; 
	text-decoration: none;
}

#content .photoTxt
{
	margin-top: 10px;
}

#pages
{
	margin: auto;
	text-align: center;
}

#footer
{
	margin: 10px auto;
	text-align: center;
	font-size: 80%;
}

#footer a
{ 
	color: #FFFFFF;
	text-decoration: none;
}

table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   width: 100%;
}

.msg {
	font-weight: bold;
}

.error{
	font-weight: bold;
	color: #FF0000;
}

.form{
	width: 100%;
	border: 0;
	margin: 0;
	padding: 5px;
}

.formTitle{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

td.title{
	font-weight: bold;
	width: 30%;
}

input, textarea, select{
	width: 100%;
	font-family: verdana;
	font-size: 90%;
	border: 1px solid #000;
}

textarea{
	height: 400px;
}

span.aesprifullname {
  padding-left: 0 !important; /* override previous hack */
  font-style: italic;
  color: white;
}

/* ============
 * Colours
 * ============ */

body { background-color:
/* memo
 * kuro-cha
 *  #583822;
 * kenpou-iro 
 *  #543f32;
 * kigara-cha
 */  #765c47;
 /**/
}
#content, #menu, div#menu ul ul {
	background-color: #f8f4e6;
}
#content .box {
	background-color: #ede4cd;
}
div#menu li:hover {
	 background-color: #ede4cd;
}
#content a:hover {
/*	border-bottom: 1px solid #84aadd; */
	background-color: #ede4cd;
	color: #000;
}
#edito {
  background-color: #543f32;
  color: #ede4cd;
}
#edito a {
  color: white;
}
