body {
	margin: 0;
	padding: 0;
	/* background-image: url(../images/background.jpg); */
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #contents {
	height: auto;
}
#contents {
	position: absolute;
	top: 0;
	left: 0;
}
#header {
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	height: 145px;
	background-image: url(../images/banner_top.gif);
	background-repeat: no-repeat;
	background-position: right top;

}
#header .right {
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-left: 200px;
	/*margin-top: 0.5em;*/
	
}
#header .center {
	font: 200% Georgia, "Times New Roman", Times, serif;
	color: #EF2E25;
	background-color: transparent;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	margin-right: 150px;
	
}
#header .left {
	float: left;
	margin-left: 1.5em;
	/*margin-top: 0.5em;*/
	
}

.pstyle 
{
	font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	text-align: justify;
}
	
p {
	font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	
}


/* isabelle: do a class for special bullet with images */
ul {
	
	font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
}
.image {
	list-style-image: url(../images/bullet.jpg);
}

.decimal 
{
	list-style: decimal;	
}

.none 
{
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
}

/* Isabelle a voir: comment faire pour que contentNoleftmenu share tous les attributs de content, sauf pour la marge de droite ?? /*
/*#contentNoLeftMenu {
	margin: 10px 10px 30px 240px;
}*/

#content 
{
	margin: 0px 260px 35px 220px; /* isaall right: 260px; */
	padding: 0px 0px 0px 0px; 
	/*border-style: solid;
	border-color: Red;
	background-image: url(../images/accueil.jpg);
	background-position: center;
	background-repeat: no-repeat;*/
}

#contentNoRightMenu {
	margin: 10px 30px 35px 240px;
	padding-top: 10px;
}

#content h1 {
	text-align: left;
/*	padding-right: 20px;*/
	font: 150% Georgia, "Times New Roman", Times, serif;
	color: #EF2E25; 
	}

#contentNoRightMenu a:link, #contentNoRightMenu a:visited, #content a:link, #content a:visited {
	text-decoration: underline;
	color: #EF2E25; /*#901602;*/
	background-color: transparent;
}

#contentNoRightMenu a:hover, #content a:hover {
	color: #EF2E25; /*#621313;*/
}


.highlight {
	font-weight: bold;
	/* color: #EF2E25; */ 
}

/* Isabelle: a voir */
#contentNoRightMenu h1 {
	text-align: left;
	/*padding-right: 20px;*/
	font: 150% Georgia, "Times New Roman", Times, serif;
	color: #EF2E25;
}

#leftmenu {
	position: absolute;
	width: 200px;
	top: 150px; 
	left: 0px;
	bottom: 0px;
	padding: 5px 10px 5px 10px;
	/*background-color: #A6BCCF;*/
	/*border: solid 1px black; */ /* for debug isaall */
	background-image: url(../images/leftmenu.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#rightmenu {
	position: absolute;
	width: 220px;
	top: 150px;
	right: 10px;
	padding: 5px 10px 5px 10px;
	/*border: solid 1px black; */ /* for debug isaall */
	/* background-image: url(sm-tomato.jpg); */
	background-position: top right;
	background-repeat: no-repeat;
	/*background-color: Red;
	border: solid 1px red;*/ /* for debug isaall */
}
#rightmenu p 
{
	margin-top: 0px;
	text-align: left;	
}

#rightmenu h1 {
	text-align: left;
	font: 100% Georgia, "Times New Roman", Times, serif;
	color: #EF2E25;
	
}

.adbox {
	padding: 2px 4px 2px 6px;
	margin: 0 0 10px 0;
	border: 1px dotted #B1B1B1;
	background-color: #F4F4F4;
}
#rightmenu a:link, #rightmenu a:visited {
	text-decoration: underline;
	color: #EF2E25; /*#901602;*/
	background-color: transparent;
}

#contentNoRightMenu a:hover, #content a:hover {
	color: #EF2E25; /*#621313;*/
}

#leftmenu h3 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #EF2E25; /*#621313; */
	background-color: transparent;
	margin: 0;
	padding-bottom: 4px;
}
#leftmenu .txt {
	width: 184px;
	background-color: #FCF5F5;
	border: 1px inset #901602;
}
#leftmenu ul {
	list-style: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	width: 184px;
	text-align: left;

}
#leftmenu li {
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	border-bottom: 1px solid #E7AFAF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/* background-color: Blue; */
	text-align: left;
}
.selected 
{
	font-weight: bold;
}
#leftmenu a:link, #leftmenu a:visited {
	text-decoration: none;
	color: #EF2E25; /*#901602;*/
	background-color: transparent;
}
#leftmenu a:hover {
	color: #EF2E25; /*#621313;*/
}

/* debut sous navigation */
#leftmenu ul ul {
	margin-left: 12px;
}
#leftmenu ul ul li {
	border-bottom: none;
	margin:0;
	/*background-color: yellow;*/
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
/*isabelle: navigation ??*/
#leftmenu ul ul a:link, #navigation ul ul a:visited {
	text-decoration: none;
	color: #901602;
	background-color: transparent;
}
#leftmenu ul ul a:hover {
	color: #621313;
}


#horizontalmenu {
	font: 150% Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

/* isabelle: how to repeat all the attributes of leftmenu?? */
#horizontalmenu ul {
	list-style: none;
	margin :0;
	padding: 0;
	padding-top: 4px;
}


#horizontalmenu li {
	display: inline;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*
#horizontalmenu a 
{
	font-size: medium;
	font-weight: bold;
}
*/
#horizontalmenu a:link, #horizontalmenu a:visited {
	color: #EF2E25; /*#901602;*/
	background-color: transparent;
	
}
#horizontalmenu a:hover {
	color: #621313;
}


/* fin sous navigation */

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px dotted #AAAAAA;
	background-color: #A6BCCF;
	color: #626262;
	font-size: 70%;
	height: 32px; 
}
#footer p     
{
	margin: 0.5em 0 1em 2em;
	padding: 0;
}

/* Mozilla bug workarounds */
#outer > #inner { 
	border-bottom: 1px solid transparent; 
}
#side1 {
	margin-right: 1px;
}
#side2 {
	margin-left: 1px;
}
/*
#content {
	margin: 0 -3px 0 -2px;
}*/

#albumlist {
	list-style-type: none;
	list-style-image: none;
}
#albumlist ul {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
}
#albumlist li {
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}
#albumlist img {
	padding-left: 0px;
	margin-left: 0px;
	display: block;
	border: 1px solid #333300;
}

.test table { 

	background: url(../images/VireventtigeIndex.jpg);
	background-repeat: no-repeat;
	background-position: top center;
 
/*
	background-color: #FF0000;
*/
}