body
{
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url(http://www.perren.net/navig/fond.gif);
	background-position: left top;
	background-repeat: repeat;
	color: #444;
	font-family: arial, helvetica, sans-serif;
}
#outerBox
{
	margin: 0 auto;
	padding: 0;
	width: 56em; /*  896px / 16 px = 56em  */
	background-color: #B4DB73;
}
#innerBox
{
	margin: 0 2em;
	padding: 0 0.875em; /*  14px / 16 px = 0.875em  */
	background-color: #6A892C;
	border-right: 1px white solid;
	border-left: 1px white solid;
}
#PhotoTop
{
	height: 150px;
	background-image: url(../images/2006-08-15_06-44.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#MainTitle h1
{
	margin: 0;
	padding: 0.5em;/*  8px / 16 px = 0.5em  */
	text-align: center;
	text-shadow: 2px 2px 4px #000;
	color: #E7F2D4;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#Box
{
	background-color: white;
	padding: 0;
	line-height: 140%;
}
#SideBar
{
	width: 13em;
	display: block;
	float: left;
	text-align: center;
}
#SideBar ul { margin: 0; padding: 0; list-style-type: none; }
#SideBar li a, #SideBar li.active
{
	display: block;
	width: 15em;
	border-bottom: 1px #B4DB73 solid;
	border-right: 1px #B4DB73 solid;
	text-decoration: none;
	color: #6A892C;
	background-color: #E7F2D4;
	font-weight: bold;
	padding: 0.4em 0.5em 0.4em 1.5em;
	text-align: left;
	letter-spacing: 0.1em;
	font-family: verdana, arial, sans-serif;
}
#SideBar li a:hover, #SideBar li.active { color: #6A892C; background-color: #FC0; }
#SideBar li a:visited { color: #8AA94C; }
#SideBar p { padding: 5em 0 0 1em; color: #666; }
#Language { float: right; }
#Language ul { margin: 0; padding-top: 1px; }
#Language li { list-style: none; display: inline; margin: 0; padding: 0; }
#Language a, #Language  li.active { margin: 0; padding: 0 1em; }
#Language a { color: #6A892C; }
#Language a:hover { background-color: #FC0; text-decoration: none; }
#Language a:visited { color: #8AA94C; }
#Content
{
	background-color: white;
	padding: 0.75em 1em 0.75em 15em; /*  padding-left: 240px / 16 px = 15em  */
	line-height: 140%;
	clear: right;
}
#Content p { padding-left: 1em; }
#Content h2 { color: #570; }
#Content a { color: #6A892C; }
#Content a:hover { background-color: #FC0; color: #6A892C; text-decoration: none; }
#Content a:visited { color: #8AA94C; }
a img { padding: 0 0.75em 0.75em 0; border: 0;}
a:hover img { background-color: white; text-decoration: none; }
.nav { color: #666; }
#Footer { padding: 0.875em; text-align: center; color: #EF9; clear: both; }
#Footer address { font-style: normal; }
#Footer a, #Footer a:visited { text-decoration: none; color: #EF9; }
#Footer a:hover { color: #FC0; text-decoration: underline; }

/*   FONT   */

#body, #SideBar { font-size: 100%; }
#MainTitle h1 { font-size: 2em; }                             /*  32px / 16 px = 2em  */
#Content h2 { font-size: 1.25em; }                            /*  20px / 16 px = 1.25em  */
#Content h3 { font-size: 1em; }                               /*  16px / 16 px = 1em  */
#Content p, #Content td { font-size: 0.8125em; }              /*  13px / 16 px = 0.8125em  */
#Content li, #Language li { font-size: 0.75em; }              /*  12px / 16 px = 0.75em  */
#Footer address { font-size: 0.8125em; }
#SideBar li a, #SideBar li.active, #SideBar p { font-size: 0.75em; }