#wrapper {
	BACKGROUND: white;
	WIDTH: 760px; MARGIN: 10px auto 10px; 
	BORDER: rgb(215,215,225) 1px solid; 
	PADDING: 0px 0px 0px 0px; 
	voice-family: inherit
}
#header       {
	MARGIN: 0px;
	BORDER-WIDTH: 0px 0px 0px 0px; 
	PADDING: 0px 0px 0px 0px;
	BACKGROUND: white;
}
#pagebody {
	BORDER-WIDTH: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%;
	MARGIN: 0px;
}
#navbar { /* set navbar width in #navbartable style */
	FLOAT: left;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#content {
		HEIGHT: 100%;
		MARGIN: 0px 0px 0px 160px;
		PADDING: 8px 10px 0px 4px;
		voice-family: inherit
}
#content2c {
		FLOAT: left; WIDTH: 438px; 
		MARGIN: 0px auto 0px auto;
		PADDING: 8px 5px 0px 4px;
		BORDER-RIGHT: rgb(0,154,231) 1px solid;
		voice-family: inherit
}
#content2csbar {
		WIDTH:140px; HEIGHT: 100%;
		MARGIN: 0px 0px 0px auto;
		PADDING: 8px 5px 0px 0px;
		voice-family: inherit
}
#footer {
	CLEAR: both;
	PADDING: 10px 5px 5px 5px; 
	BORDER: 0px; 
	FONT-SIZE: smaller; COLOR: #666; TEXT-ALIGN: center; voice-family: inherit
}

body {
	margin: 20px;
	padding: 0px;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 76%; /* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	background-color: white;
	background-image: url('images/fondn.jpg'); /* url('images/fondn.jpg') */
	background-repeat: repeat;
	}
table {font-size: 100%}
		
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: underline;
	font-weight: normal;
	color:  rgb(0,60,140);
	}
a:link {
	}
a:visited {
	}
a:active {
	color: rgb(255,0,0)
	}
a:hover {
	color: rgb(255,0,0);
	}
a:hover.navbarlink, a:hover.navbarlink1, a:hover.navbarlink2, a:hover.navbarlink3, a:hover.vignlink {
	color: #CC0000; text-decoration: underline
	}
a:active.navbarlink, a:active.navbarlink1, a:active.navbarlink2, a:active.navbarlink3, a:active.vignlink	{
	color: #CC0000
	}
h1 {
	font-size: 1.6em;
	text-align: left;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: normal;
	}
h2 {
	font-size: 1.5em;
	text-align: left;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	text-align: left;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	text-align: left;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: normal;
	}
h5 {
	font-size: 1.0em; line-height: 1.4em;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: bold;
	text-align: left;
	}
h6 {
	font-size: 0.8em;
	text-align: left;
	margin: 1.2em 0em 1.0em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
code     {
	font-weight: normal; font-family: courrier, monospace
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, td, th {
	color: rgb(13,71,134)
	}

.hsep {
	width: 100%;
	height: 1px;
	margin: 5px auto 5px auto;
	border: 0px
	}

.bigtitletext {
	font-family: "palatino linotype", "times new roman", times, serif;
	font-size: 1.2em;
	margin: 0.1em 0em 0.1em 0em;
	font-weight: bold;
	color: white
	}
.bigtitletab {
	background-color: rgb(24,57,132);
	}
.bigtitledegrad {
	width: 90%;
	background-image: url('images/bigtitlefade.jpg');
	background-repeat: repeat-y;
	}
	
.actucell {
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	border: solid rgb(2,151,231);
	border-width: 1px 0px 0px 0px;
	}
.actutitletext {
	font-size: 1.2em;
	margin: 0.1em 0em 0.1em 0em;
	font-weight: normal;
	color: white
	}
.actutextgr {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 2px 2px 2px 2px;
	}
.actulogo	{
	float: right;
	margin: 0px 0px 3px 10px;
	}
.vigncell {
	padding: 3px 0px 3px 0px;
	margin: 8px 0px 8px 0px;
	width: 100%;
	border: solid rgb(2,151,231);
	border-width: 1px;
	vertical-align: top;
	background-image: url('images/vignbg.jpg');
	background-repeat: repeat-y;
	background-color: #E5F2Fa
	}
.vigncellvsep {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 8px;
	border-width: 0px;
	}
.vigncellsymbol {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 56px
	}
.vigntextgr {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 2px 2px 2px 38px;
	}
.vigntextn {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0px 2px 0px 2px;
	}
.vigntextn_sym {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0px 2px 0px 38px;
	}
.vignlink {
	font-weight: bold;
	text-decoration: none;
	}
.vignlinktext {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.0em;
	margin: 5px 2px 0px 2px;
	text-align: right;
	}
.vigncellsm {
	padding: 3px 3px 5px 5px;
	margin: 0px 0px 0px 0px;
	width: 34%; height: 100%;
	border: solid rgb(2,151,231);
	border-width: 1px;
	vertical-align: top;
	}
.vignsmtextgr {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 2px 1px 10px 1px;
	}

.navbartablelanguage {
	background: url(images/translatedegrad.gif) rgb(178,206,245);
	padding-right: 10px
	}

#navbartable	{
	border: 0px solid rgb(0,154,231); border-collapse: collapse; border-spacing: 0px;
	padding: 0px; width: 160px;
	}
#navbartable td.navcell, td.navcellsel {
	border: solid rgb(215,215,225); border-width: 1px 0px 1px 0px;
	padding: 0px;
	}
#navbartable td.navcellsel {
	background-image: url(images/navbardegrad.gif)
	}
.nlink1 { 
	padding-left: 10px; margin: 2px 0px 2px 0px;
  background-image: url(images/navbarred4.gif); background-repeat: no-repeat;
	background-position: 3px 0.6em;
	}
.navbarlink1, .navbarlink1bis {
	font-size: 1.1em; font-weight: normal; text-decoration: none; line-height: 1.2em;
	}
.nlink2 {
	padding-left: 10px; margin: 4px 0px 4px 0px;
	}
.navbarlink2, .navbarlink2bis {
	font-size: 0.9em; font-weight: normal; text-decoration: none; line-height: 1.2em;
	}
.nlink3 {
	padding-left: 25px; margin: 2px 0px 2px 0px;
  background-image: url(images/b-blue8x8.gif); background-repeat: no-repeat;
	background-position: 13px 0.3em
	}
.navbarlink3, .navbarlink3bis{
	font-size: 0.9em; font-weight: normal; text-decoration: none; line-height: 1.1em;
	}
div.kastenrechts	{
	width: 50%;
	float: right;
	margin: 10px 0px 10px 20px;
	padding: 0px 10px 10px 10px;
	border-left: solid 1px rgb(2,151,231);
	background-color: #E7EFF7;
	}

div.parudans	{
	float: right;
	margin: 3px 0px 0px 0px;
	padding: 4px 5px 4px 5px;
	background-color: #E7EFF7;
	text-align: right
}

.extrait	{
	margin-left: 20px;
	}

.citation	{
	text-align: justify;
	margin-left: 15px
	}
	
.nobgimage	{
	background: none white
	}

.topbg	{
	background: none rgb(22,38,90)
	}
.nospaceafter { margin-bottom: 0}
.novspace { margin-top: 0em; margin-bottom: 0em}

.requiredinform {
	color: rgb(173,8,41);
	margin-top: 0em; margin-bottom: 0em;
	font-weight: bold
	}

.titlewithsep {
	border-top: rgb(2,151,231) 2px solid;
	padding-top: 6px
	}

.grisgras		{
		font-weight: bold
		}
.grispetit { font-size: 90% }
.petitgras { font-size: smaller; font-weight: bold}


li.morespace {
		margin-top: 0.5em; 
		margin-bottom: 0.5em;
		}

@media screen {
	ul.bullets-blue, ul.bullets-red	{
		margin-left: 6px;
 		padding-left: 2px;
		list-style: none;
		list-style-image: none;
		background-color: transparent;
		}
	ul.bullets-blue li {
		padding-left: 20px;
		background-image: url(images/b-blue8x8.gif);
		background-repeat: no-repeat;
		background-position: 4px 0.5em;
		}
	ul.bullets-red li {
		padding-left: 20px;
		background-image: url(images/navbarred4.gif);
		background-repeat: no-repeat;
		background-position: 4px 0.5em;
		}
	}

@media print {
	ul.bullets-blue, ul.bullets-red	{}
	ul.bullets-blue li {}
	ul.bullets-red li {}
}