body {
	background: url(http://vdd.uldosphere.org/icones/bg.jpg) no-repeat bottom right;
	background-attachment: fixed;
	font-size: 10px;
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	
}

#page {
	background: url(http://vdd.uldosphere.org/icones/background.png) repeat-y top;
	border: none;
}
#header {
	background: url(http://vdd.uldosphere.org/icones/header.jpg) no-repeat bottom;
}
#footer {
	background: url(http://vdd.uldosphere.org/icones/footer.jpg) no-repeat bottom;
	border: none;
}
#header {
	padding: 0px;
	height: 262px;
	width: 800px;
}

#chat-contenu {
	text-align: justify;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: white	
}

input,select,textarea {
  font-size: 10px;
  font-family: Courier, Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  text-color: white;
  font-size: 0px;
  color: #0000ff;
  z-index: 10;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  z-index: 10;
}

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 45px;
  left: 0px;
  width: 100px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  text-align: left;
  font-size : 11px;
}

div.main {
	background-color: white;
	text-align: left;
	border: solid black 1px;
	margin-top: 95px;
	margin-right: 0px;
	margin-left: 0px;
}

div.main-inside {
        position: relative;
	border: solid black 1px;
	background-color: white;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

div.main-inside p {
	margin-top: 20px;
}

div.main-inside h1 {
        position: relative;
	font-size:12px;
	margin-top: 20px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #990033;
}
div.main-inside h2 {
	font-size:12px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #990033;
}

div.header {
	background-color: rgb(95,191,108);
	border: 1px solid black;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 225px;
	margin-bottom: 5px;
	text-align: justify;
}

div.header p {
	margin-top: 2px;
}

div.header h1 {
	font-size:12px;
	margin-top: 20px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #990033;
	text-align: center;
}

div.messages {
	text-align: justify;
	border: solid 1px black;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 225px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: white
}
div.messages h1 {
	font-size: 13px;
	margin-bottom: 1px;
	text-align: right;
	color: #990033;
}
div.messages h2 {
	font-size: 10px;
	margin: 0px;
	color: #0000C0;
	text-align: right;
}
.sol {
	position	  : absolute;
	background-repeat : no-repeat;
	width             : 60px;
	height            : 35px;
        z-index           : 5;
}
div.avatar {
	position	  : absolute;
	z-index           : 10;
}
.solpos {
	position : absolute;
        z-index  : 10;
        background : #E0E0E0;
        color    : #000000;
}
/***************************************************
 *		Feuille de style relative 
 *		au infoMap
 ***************************************************/
a.infoMap{
    position		: absolute; 
    z-index		: 24;
    text-decoration	: none
}

a.infoMap:hover{
	z-index		: 25;
        text-decoration : none;
}

a.infoMap span{
	color			: #000000;
	display			: none;
}

a.infoMap:hover span{
	display             : block;
	position            : absolute;
	z-index             : 1000;
	padding             : 5px;
	top                 : 0px; 
	left                : 40px; 
	width               : 170px;
	border              : 2px solid #584311;
	background-color    : #695013; 
	color               : #ffffff;
	font-size           : 8pt;
	-moz-opacity        : 0.8; 
	-moz-border-radius  : 10px;
	filter		    : alpha(opacity=80);
}

.sollieu  {
	position	  : absolute;
	background-repeat : no-repeat;
        background-color  : #D0D0FF;
        z-index           : 20;
        border            : solid 1px black;
        padding           : 2px;
}

div.menu {
	text-align: justify;
	margin-top: -50px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 10px;
	vertical-align:middle;
	color: #FF5050;
	text-decoration: none;	
}

div.features {
	text-align: justify;
	border: solid 1px black;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: white
}

div.features_dirigeants {
	position:relative;
	float:right;
	width:79px;
	height:79px;
	background-image:url(http://vdd.uldosphere.org/mon/mon_24.gif);
}
div.features h1 {
	font-size: 13px;
	margin-bottom: 1px;
	text-align: left;
	color: #990033;
}
div.features h2 {
	font-size: 11px;
	margin-bottom: 1px;
	text-align: left;
	color: #990033;
}
div.features h3 {
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 1px;
	text-align: left;
	color: #009933;
}
div.messagesbody {
	border-top: solid black 1px;
}
.pinni_link {
	color: blue;
}
.pinni_login {
	color: red;
}
.pinni_ua {
	color: #800000;
}

div.body {
	background-color: white;
	/* padding-left: 40px; */
	/* padding-right: 10px; */
	/* text-align: justify; */
	margin: 20px;
}

img.map {
        position: absolute;
        top: 90px;
        left: 5px;
        width: 250px;
        z-index: 1;
}

img.arrow {
        position: absolute;
        z-index: 11;
}

div.map_right {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 80px;
	border: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 9px;
	text-align: left;
	z-index: 1;
}

div.map_control {
	padding: 5px;
	background-color: #F9F9F9;
	border: solid 1px black;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
	z-index: 10;
}
div.sideinfo {
	float: right;
	clear: right;
	border: solid 1px black;
	background-color: #F9F9F9;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;	
	padding: 5px;
	width: 200px;
	font-size: 9px;
	text-align: left;
}

div.sideinfo h1 {
	margin-top: -5px;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 2px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
div.sideinfo h2 {
	margin-bottom: 2px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}
div.sideinfo a:link,div.sideinfo a:visited,div.sideinfo a:active {
	text-decoration:none;
	color:black;
}
div.sideinfo a:hover {
	text-decoration:underline;
	color:black;
}

div.dantai {
	float: right;
	clear: right;
	border: solid 1px black;
	background-color: #F9F9F9;
	margin-right: 60px;	
	margin-top: 60px;	
	padding: 5px;
	width: 300px;
	font-size: 9px;
	text-align: left;
}

div.dantai h1 {
	margin-top: -5px;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 2px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
div.dantai h2 {
	margin-bottom: 2px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}
div.dantai a:link,div.sideinfo a:visited,div.sideinfo a:active {
	text-decoration:none;
	color:black;
}
div.dantai a:hover {
	text-decoration:underline;
	color:black;
}

a.head,a:link.head,a:visited.head,a:active.head {
  color: #043F0C;
}
a:hover.head {
  color: #6DBF5F;
  text-decoration: none;
}

div.boardindex {
  text-align: justify;
  font-size: 10px;
  padding: 10px;
  margin-left: 10px;
  margin-right: 20px;
  display: inline;
}

span.date {
  color: #004000;
  text-decoration: none;
}

span.date:hover {
  text-decoration: underline;
}

span.name {
  color: #FF0000;
  text-decoration: none;
}

span.name:hover {
  text-decoration: underline;
}

.boardleftmsg {
  position: relative;
  float: left;
  margin-top: 3px;
  color: #004000;
}

.boardrightmsg {
	margin-left: 170px;
	margin-top: 3px;
	padding-left: 5px;
}
a:link,a:visited,a:active {
	text-decoration:none;
	color:blue;
}
a:hover {
	text-decoration:underline;
	color:blue;
}
img {
	border:0px;
}
.form {
	border: 1px black solid;

}