/*-----------------------------------------------------------------------------
version:   1.0
author:    Stephane Douville
email:     info@stephanedouville.com  
website:   http://www.stephanedouville.com
date:      
 
Copyright 2008 Stephanedouville.com  All Rights Reserved 
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Reset, Basic Page Setup, Basic Typography
-----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Helvetica, sans-serif; background: #9ae200 url(../images/wrap.png) repeat-x left top; }
p { color: #414141; font-size: 1.3em; line-height: 1.3em; }
h1 { font-size: 1.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #9ae200; }
h2 { font-size: 1.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: lighter; margin-bottom: 8px; padding-bottom: 5px; }
h4 { font-size: 1.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: lighter; }
h3 { font-size: 1.4em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: lighter; margin-bottom: 8px; padding-bottom: 5px; }
a { color: #004300; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; }
a img { border: none; }

/*-----------------------------------------------------------------------------
ToolBox, Fixed Bug
-----------------------------------------------------------------------------*/
.img_floatleft { height: 250px; float: left; clear: both; margin-top: 1.3em; margin-bottom: 6px; }
.floatleft { float: left; }
.floatleft_space { float: left; clear: both; margin-right: 50px; margin-bottom: 20px; }
.floatright { float: right; margin-bottom: 1em; margin-left: 12px; }
.clear { height: 1px; clear: both; }
.justleft { text-align: left; }
.centre { text-align: center; }
.space { height: 1px; clear: both; margin-top: 8px; margin-bottom: 8px; }
.transpBlack { background: url(../images/transpBlack.png); }
/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/*-----------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------*/

#navlist
{ padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 200px; margin-top: 8px; }

#navlist li
{ font-size: 1.4em; list-style: none; margin: 0; padding: 0.4em 0.25em 0.4em 0; border-top: 1px solid gray; }

#navlist li a { text-decoration: none; }
#navlist li a:hover { color: #06f; font-weight: bold; }
.current { background-image: url(../images/list-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 5px; text-decoration: none; padding-left: 12px; }
.listbase ul { text-align: left; list-style-type: none; margin-bottom: 1.3em; margin-left: 15px; }
.listbase ul li { font: 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; background: url(../images/list-on.gif) no-repeat left center; text-align: left; padding-bottom: 5px; padding-left: 15px; }
.list_01 ul
{ list-style-type: none; text-align: left; margin-bottom: 1.3em; margin-left: 15px; border-bottom: thin solid #79b200; }
.list_01 ul li
{ background: url(../images/list-on.gif) no-repeat left center; padding-left: 15px; text-align: left; font: 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #000064; padding-bottom: 5px; }
.list_02 ul { text-align: left; list-style-type: none; margin-bottom: 1.3em; margin-left: 15px; border-bottom: thin solid #79b200; }
.list_02 ul li { color: #000064; font: 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; background: url(../images/list-off.gif) no-repeat left center; text-decoration: none; text-align: left; padding-bottom: 5px; padding-left: 15px; }
.list_04 { background-color: #6cf; text-align: left; list-style-type: none; margin-bottom: 1.3em; border: solid 6px #00209e; }
.list_04 p { color: #fff; font-weight: bold; background-color: #00209e; padding: 3px 8px; }
.list_04 ul { padding: 8px; list-style-type: none; }
.list_04 ul li { color: #000064; font: 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; background-image: url(../images/list-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-decoration: none; text-align: left; padding-bottom: 5px; padding-left: 15px; }
.list_04 ul li a { color: #000064; text-decoration: none; }
.list_04 ul li a:hover { color: #fff; text-decoration: underline; }

.list_05 { background-color: #e6e6e6; text-align: left; padding-left: 16px; list-style-type: none; }
.list_06 { color: #414141; font-size: 1.3em; margin-top: 8px; padding-left: 10px; }
.list_06 ul { display: block; }
.list_06 li { list-style-type: square; list-style-position: outside; }
.list_07 ul { text-align: left; list-style-type: none; padding-left: 35px; }
.list_07 ul li { color: #06f; font: 1.3em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; background: url(../images/list-on.gif) no-repeat left center; text-align: left; padding-left: 15px; }
/*-----------------------------------------------------------------------------
Page Structure
-----------------------------------------------------------------------------*/
#pagewrap { background-image: url(../images/page_wrap.png); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; width: 850px; margin: 0 auto; }
#header_top { background-image: url(../images/top.png); background-repeat: no-repeat; background-attachment: scroll; width: 850px; height: 125px; margin-right: auto; margin-left: auto; }
#header_bottom { background-image: url(../images/head_bottom.png); background-repeat: no-repeat; background-attachment: scroll; margin-right: auto; margin-left: auto; width: 850px; height: 41px; }
#header_bottom ul.button { width:100px; height:42px; position:relative; top:0; left:150px; list-style-type: none; }
#header_bottom ul.button li {

	float:left;}
#header_bottom ul.button li.home a {

	width:42px;
	height:40px;
	display:block;
	background:url(../images/home.png) no-repeat;
	text-indent:-200000px;
	margin:0 6px 0 0;}
#header_bottom ul.button li.mail a { background: url(../images/mail.png) no-repeat; text-indent: -200000px; display: block; margin: 0 6px 0 0; width: 42px; height: 40px; }
#content { background-image: url(../images/toppage.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; min-height: 250px; padding-top: 50px; padding-right: 30px; padding-left: 30px; }
#footer { background: #9ae200 url(../images/bottom.png) no-repeat left top; width: 850px; height: 65px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-right: 50px; padding-left: 50px; }
#bottom_menu li
{ font-size: 1.1em; display: inline; list-style-type: none; padding-right: 5px; }
#bottom_menu li a { color: #004300; }
#footer p { color: #000; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; float: right; margin-top: 18px; padding-right: 65px; }
/*LEFT COLUMN
------------------------------------------------------------------*/
#left { text-align: justify; width: 200px; float: left; padding-right: 10px; }
/*RIGHT COLUMN
------------------------------------------------------------------*/
#right { text-align: justify; float: left; width: 530px; margin: 0 0 25px; padding-left: 25px; border-left: thin dotted #c0c0c0; }
/*ONE COLUMN
------------------------------------------------------------------*/
#one_col { width: 100%; margin: 0 0 25px; padding: 5px 15px 0 5px; float: left; }
#one p { text-align: justify; margin: 0 0 15px; }
/* =Tables
-----------------------------------------------------------------------------*/
 
table { 
  border-spacing: 0;
   border-collapse: collapse;
}
 
td {
  text-align: left;
  font-weight: normal;
}
 
 
/*-----------------------------------------------------------------------------*/
.dgreen { color: #004300; font-weight: bold; }
.adress { color: #000064; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; float: right; margin-bottom: 0; }
.par { margin-bottom: 1.3em; }
.top { margin-top: 1.3em; }
.parBlack { color: #000; font-size: 1.6em; background-image: url(../images/list-off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left 8px; margin-top: 2.2em; margin-bottom: 1.1em; padding-left: 13px; border-bottom: thin solid #009800; }
.parBlack_td { color: #000; font-size: 1.6em; background-image: url(../images/list-off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left 8px; margin-top: 0.5em; padding-left: 13px; border-bottom: thin solid #009800; }
.parDgreen { color: #004300; text-align: left; margin-bottom: 1.3em; }
.parDgreen_td { color: #004300; text-align: left; margin-top: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #87c601; }
.parDblue { color: #000064; font-size: 1.4em; margin-bottom: 1.3em; }
.parLblue { color: #06f; font-size: 1.4em; text-align: left; margin-bottom: 1.3em; }
.lgreen { color: #009800; font-weight: bold; }
.bold { font-weight: bold; }
.lblue { color: #06f; font-weight: bold; }
.dblue { color: #00f; font-weight: normal; }
.dblue_m { color: #00f; font-weight: normal; margin-left: -10px; }
.upper { color: #009800; font-size: 1.6em; line-height: 1.3em; margin-bottom: 12px; }
.ssp { font-size: 0.8em; }
.lines { color: #000064; font-size: 1.4em; margin-bottom: 8px; padding-bottom: 3px; border-bottom: 1px solid #c0c0c0; }
.longspace { margin-top: 300px; padding-right: 12px; }
.smallspace { margin-top: 50px; padding-right: 12px; }

