td {
/*   border: 1px dashed green; */
  vertical-align: top;
}

html, body, #main, .fullheight {
  height:100%;
  margin:0px;
  border:none;
  padding:0;
}

#table-text {
  background:#cc87a6;
  border:none;
  height:100%;
  width:100%;
}

.bottom {
  height:100%;
  background-repeat:repeat-y;
}

/* ********************************************************************** */
/* Menu */
div.menu {
/* 	width:			100%; */
  font-size:90%;
}

div.menu ul {
	margin: 0;
	padding: 0;
}

div.menu ul ul {
/* 	width: 100%; */
}

div.menu li {
	background:#b56983;
	padding: 		0.1em 0 0.1em 0;
	list-style: none;
	border-top: 2px solid #852938;

/*   background-image:url("images/fleche-bleue-droite.png"); */
  background-position:right top;
  background-repeat:no-repeat;
}

div.menu li li {
  margin-left: 1em;
	border-top: 0px;
}

div.menu li a {
	text-decoration:none;
	color:#ffffff;
	margin-left:0.8em;
	font-weight:bold;
	font-family:Arial, sans-serif;
}


div.menu li:hover a {
	color:#7f2737;
/* 	margin-left:2em; */
}

div.menu li li:hover a, div.menu li:hover li a {color:#7f2737;}
div.menu li a:hover, div.menu li li a:hover    {color: #000;}


/* ******************************************************************************** */
/* textes */
#titre-td {
	color: #FFFFff;
	font-family: Arial, sans-serif;
  font-weight:bold;
  padding-left: 20px;
}

#titre-fond {
	color: #ae6576;
  font-size:36px;
  left:0px;
  top:-1px;	/* pour ne pas que les lettres jambées débordent sur le souligné-dégradé (titre-souligne-fleche.jpg) */
  padding-left:20px;
}

#titre-txt {
  padding-left:10px;
  font-size:18px;
  padding-top:18px;
}

.contenu-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* 	font-size: 12px; */
	color: #FFFFff;
  text-align:justify;
  padding: 1em;
}

.contenu-txt h1, .contenu-txt h2, .contenu-txt h3, .contenu-txt h4 {
  text-align:left;
}

a {color:#c0f0ff;}

a:visited {color:#d0c0ff;}

img.photo {
  border:1px solid white;
}

img.logo {
  border:1px solid white;
  margin:20px;
}


.hover-displayed {
  text-decoration: none;
	color: #FFFFFF;
}

.hover-displayed a:hover {
  text-decoration: none;
  text-indent:0;
	color: #FFFFFF;
}

.hover-displayed a span {
  display: none;
	color: #FFFFFF;
  text-decoration: none;
}

.hover-displayed a:hover span {
  display: block;
  text-decoration:none;
	color: #FFFFFF;
}