html, body
{
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background-color: #9FB836;
}

html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:800px;
	margin:0px auto;
}

#header
{
	width:800px;
	height:0px;
	color:#000000;
	background:#678885;
	text-align:center;
}

html>body #header
{
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}

html>body #content-wrap
{
	height:100%; /* 100 % height */
}

html>body #content
{
	padding:160px 1em; /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
}

#content-wrap, #content
{
	background:#ffffff;
	padding:50px 0px;
}

.regulier
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	line-height: 1.5;
	text-align:;
}

div.note
{
	color: #9FB836;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 60%;
	line-height: 1.5;
}

h1
{
	color: #9FB836;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 85%;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom: 0px;
}

dt
{
  color: #15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	line-height: 1.5;
}

dd
{
  color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	padding: 10px 0px 0px 0px;
	font-weight:;
	line-height: 1.5;
}

li
{
	list-style-type:none;
	background-image:url("images/puce2.jpg");
	background-repeat:no-repeat;
	background-position:0% 8%;
	margin-left:-30px;
	padding-left:30px;
	line-height: 1.8;
}

.lienMenu
{	
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 90% ;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.6;
}

.lienMenuactif
{	
	color:#15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 90% ;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.6;
}

.lienSousmenu
{	
	color:#15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 90% ;
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
	background: #e8eaea;
}

.lienSavoirplus
{	
	color:#15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80% ;
	text-decoration: none;
	line-height: 0.5;
	text-align: center;
}

.lienTexte
{	
	color:#15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 100% ;
	text-decoration: none;
	line-height: 0.5;
	text-align: center;
}

.chemin
{	
	color:#15670A;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80% ;
	text-decoration: none;
	line-height: 1.5;
}

.cellMenu
{
	background: #15670A;
	width: 79px;
}

.cellMenuactif
{
	background: #ffffff;
	width: 74px;
}

.cellMenuvide
{
	background: #15670A;
	width: 15px;
}

.trigger1 { float:left; position:relative;   padding: 0px 0px 0 15px; cursor:pointer;}
.trigger1 #sousmenu1 { position:absolute; text-align:left; display:none; top:23px; background-color:#15670A; margin-left:-15px; *margin-left:-79px; width:125px; }
.trigger1:hover #sousmenu1{ display:block; }
.trigger1 #sousmenu1 #s1{padding-left:13px;}
.trigger1 #sousmenu1 #s1:hover a {color:#ffffff;}
.trigger1 #sousmenu1 #s1:hover {background-color:#9FB836;}
.trigger1 #sousmenu1 #s2{padding-left:13px;}
.trigger1 #sousmenu1 #s2:hover a {color:#ffffff;}
.trigger1 #sousmenu1 #s2:hover {background-color:#9FB836;}

.trigger2 { float:left; position:relative; width:80px;  padding: 0px 0px 0 13px; cursor:pointer;}
.trigger2 #sousmenu2 { position:absolute; text-align:left; display:none; top:23px; background-color:#15670A; margin-left:-13px; *margin-left:-79px; width:105px; }
.trigger2:hover #sousmenu2{ display:block; }
.trigger2 #sousmenu2 #s1{padding-left:13px;}
.trigger2 #sousmenu2 #s1:hover a {color:#ffffff;}
.trigger2 #sousmenu2 #s1:hover {background-color:#9FB836;}
.trigger2 #sousmenu2 #s2{padding-left:13px;}
.trigger2 #sousmenu2 #s2:hover a {color:#ffffff;}
.trigger2 #sousmenu2 #s2:hover {background-color:#9FB836;}
.trigger2 #sousmenu2 #s3{padding-left:13px;}
.trigger2 #sousmenu2 #s3:hover a {color:#ffffff;}
.trigger2 #sousmenu2 #s3:hover {background-color:#9FB836;}

.trigger1 #sousmenu1 #s1actif{padding-left:13px;}
.trigger1 #sousmenu1 #s1actif a {color:#ffffff;}
.trigger1 #sousmenu1 #s1actif {background-color:#9FB836;}
.trigger1 #sousmenu1 #s2actif{padding-left:13px;}
.trigger1 #sousmenu1 #s2actif a {color:#ffffff;}
.trigger1 #sousmenu1 #s2actif {background-color:#9FB836;}

.trigger2 #sousmenu2 #s1actif {padding-left:13px;}
.trigger2 #sousmenu2 #s1actif a {color:#ffffff;}
.trigger2 #sousmenu2 #s1actif {background-color:#9FB836;}
.trigger2 #sousmenu2 #s2actif {padding-left:13px;}
.trigger2 #sousmenu2 #s2actif a {color:#ffffff;}
.trigger2 #sousmenu2 #s2actif {background-color:#9FB836;}
.trigger2 #sousmenu2 #s3actif {padding-left:13px;}
.trigger2 #sousmenu2 #s3actif a {color:#ffffff;}
.trigger2 #sousmenu2 #s3actif {background-color:#9FB836;}