body { text-align: center; margin: 0px 0px 10px 0px; background: url('images/background.gif') repeat-x; }
body, div, tr, input, select, textarea { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; z-index: 1; }
a img { border: none; }

#supercontainer { text-align:left;  margin: 0px auto; width:742px; }
#header { background: url('images/header.gif') no-repeat; height: 194px; border: 1px solid white; font-size: 11px; margin: 0px 3px; }

#contact { text-align: right; margin-right: 10px; }

a { color: #3D6B61; text-decoration: none; }

#menu, #menu ul { 
	font-family: Arial, Helvetica, Sans-serif;
	margin: 10px 5px; padding: 0; 
	list-style-type: none;
}

#menu li {
	display: inline;
	padding: 6px 4px;
	text-transform: uppercase;
	background: url('images/menu-sep.gif') no-repeat right center;
}

#menu li.last, div#content-index .last {
	background-image: none;
}

#menu li a {
	color: #B7CEC6;
	font-weight: bold;
	text-decoration: none;
}

#menu li ul {
	display: none;
	position:absolute;
	padding: 0;
	margin: 0;
	border: 1px solid #0E5A42; // #B7CEC6;
	border-left: 3px solid #0E5A42; // #B7CEC6;
	background-color: #B7CEC6; // #0E5A42;
	z-index: 100;
}

#menu li ul li {
	display: inline;
	background-image: none; 
	padding: 0;
	margin: 0;
}

#menu li ul li a {
	display: block;
	padding: 4px 10px;
	margin: 1px;
	color: #0E5A42;
}

#menu li ul li a:hover {
	background-color: #0E5A42; // #B7CEC6;
	color: #B7CEC6; //#0E5A42;
}

#content { padding: 5px 0;  margin: 0 125px 0 140px; }
#content-index { padding: 5px 0 0 10px; margin: 0 125px 0 0; border: 1px solid white; }

/* PICK A BOO */

#content a { color: #3D6B61; text-decoration: underline; }
#rightcol { float: right; width: 115px; padding: 15px; }
#leftcol { float: left; width: 130px; padding: 5px 0; }

#footer {
	background: white url('images/border-bottom.gif') no-repeat bottom;
	padding: 3px;
	margin: 0px;
}
#footer div {
	border-top: 3px double #8FA9A4;
	text-align: center;
	clear: both;
	padding: 6px;
	color: #8FA9A4;
	font-weight: bold;
}

h1 { font-size: 18px; border-bottom: 3px double #C5C2B6; margin-bottom: 4px;  }
h3 { margin: 0; }



h2 {
	background: white url('images/h.gif') no-repeat 0px 3px;
	padding: 0 0 0 20px;
	color: #988D65;
	font-size: 14px;
}

.gold { color: #9F8001; }
.bold { font-weight: bold; }
.green { color: #3D6B61; }
.brown { color: #988D65; }
.italic { font-style: italic; }
.red { color: #990000; }
.right { text-align: right; margin-bottom: 30px; }
.center { text-align: center; }

.vtop { width: 500px; }
.vtop td { vertical-align: top; width: 250px; }

.temoignage, .sep {
	background: white url('images/horizontal.gif') no-repeat center bottom;
	padding: 1px;
}

#content li {
	list-style-image: url('images/bullet.gif');
}	

#container {
	padding: 0 9px;
	background: url('images/bordures.gif') repeat-y;
}


.mandat { margin-bottom: 10px; }
.mandat .nom { font-size: 1.2em; }
.mandat .nom a { font-weight: bold; }
.mandat .postuler a {}

div.partenaire { margin: 0px 0px 20px 0px; overflow: hidden; }
div.partenaire div { margin-bottom: 4px; }

table.admin td { padding: 3px; vertical-align: top; }
table.admin { border: 1px solid #988D65; width: 700px; text-align: left; margin: 5px auto; }
table.admin thead tr td { background-color: #988D65; padding: 5px; text-align: center; font-weight: bold; color: white; }
table.admin tfoot tr td { text-align: center; }
table.admin tbody tr td.label { text-align: right; }
table.admin tbody tr td.field input, table.admin tbody tr td.field textarea { border: 1px solid gray; width: 400px; }

#content a.wsa {
	text-decoration: none;
}
#content a.wsa:hover {
	text-decoration: underline;
}