* { margin: 0; padding: 0; border: 0px white solid;}

li {
padding-left:10px;
}

a {
  color : #886722;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  border:none;
}

p {
margin-top : 0px; 
margin-bottom : 0px; 
}
a:hover {
  text-decoration: underline;
  color : #A88742;
}



h1 {
	position:absolute;
	top:18px;
	left:46px;
	text-indent: 300px;
	color : #223140;
	background-image:url(../img/logo.gif);
	height:187px;
	width:291px;
	background-repeat:no-repeat;
	font-size: 0px;
	
}


h2 {
  color : #FF0000;
  font-size: 13px;
}

h2 a {
  color : #FFF000;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
}

h3 {
  display:inline;
  color : #CCDD88;
  font-size: 13px;
  text-align: center;
}

h3:hover {
color :#D787EB;
}

h3 a {
  display:inline;
  color : #CCDD88;
  font-style: normal;
}
h3 a:hover {
  color :#EEFFCC;
}
h3 a:active {
  color : #FF1234;
}
.lien_goldbook_pageactive {
	font-size:16px;
	font-weight: bold;
}



h4 {
  display:inline;
  color : #FF8384;
  font-size: 12px;
}

h4:hover{
	color :#D787EB;
}



h4 a {
  display:inline;
  color : #FF8384;
  font-size: 12px; 
}


hr {
	position:relative;
  width:300px;
  text-align: left;
  left:37px;
  height:1px;
  color:#888888;
  background:#888887;
  border: none;
}

body {
  font-family: "Century Gothic" , Verdana, Arial, Helvetica, sans-serif;
  background:#000000;
  color : #CCAABB;
  font-size: 12px;
	text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

#main {
  position:	absolute;
  background-repeat:no-repeat;
  background-image:url(../img/fond.jpg);
  width:728px;
  height:675px;
  top:50%;
  left:50%;
  margin-top:-337px;	
  margin-left:-364px;
}

#main_entree {
  position:	absolute;
  background-repeat:no-repeat;
  background-image:url(../img/entree.jpg);
  width:728px;
  height:675px;
  top:50%;
  left:50%;
  margin-top:-337px;	
  margin-left:-364px;
}

#entree {
        position:absolute;
        top:25px;
        left:240px;
        width:250px;
        height:200px;
        text-indent:150px;
        color:#092638;
        font-size: 3px;
}

#entree:hover{
background-image:url(../img/entrez.gif);
}


#menu {
  position:absolute;
  top:15px;
  left:293px;
}

#vitrail3 {
  position:absolute;
  background:#20313F;
  background-image:url(../img/vitrail3.jpg);
  top:209px;
  left:52px;
  width:196px;
  height:437px;
}
#vitrail2 {
  position:absolute;
  background:#20313F;
  background-image:url(../img/vitrail2.jpg);
  top:209px;
  left:52px;
  width:196px;
  height:437px;
}
#vitrail1 {
  position:absolute;
  background:#20313F;
  background-image:url(../img/vitrail1.jpg);
  top:209px;
  left:52px;
  width:196px;
  height:437px;
}

#noflash {
  position:absolute;
  top:20px;
  text-indent: 5px;
  left:290px;
  background:#20313F;
  /*height:10px;*/
}

#contents {
  position: absolute;
  left:280px;
  top:230px;
  width:375px;
  height:408px;
  overflow: auto;
}

.gras {
  color:white;
  font-weight:bold; 
}

.superpara:hover {
	color:white;
}

#mentions {
  position: relative;
  top:670px;
  text-align:center;
  font-weight: bold;
}

.sousmenu {
  text-align: center;
}

.contenu {
  text-indent:10px;
}

.reader {
  text-indent:10px;
}

.reader:hover {color:white;
}


#selectionTopic {
position:relative;
top:8px;
text-align:center;
}

#selectionTopic select {
  border: 1px #888887 solid;
  color : #CCAABB;
	background: #20313F ;
}

#popupbook {
	position: absolute;
	z-index: 100;
	background: #20313F ;
	color: white;
	top:50px;
	left:20px;
	width:300px;
	height:335px ; 
	border: 1px #FFFFFF solid;
	padding:8px;
	text-align:center;
}

#newslist_cachee {
	position: absolute;
	z-index: 100;
	background:black;
	color: white;
	top:250px;
	left:90px;
	border: 1px #FFFFFF solid;
	padding:8px;
	text-align:center;
	visibility: hidden;
}

input {
	background:#0C1C1B;
	border: 1px white solid;
	color:#CCAABB;
	font-family: "Century Gothic" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:16px;
}

input[type="submit"] , input[type="button"]  {
/*padding-bottom:16px;*/
/*height:18px;*/
}

input[type="submit"]:hover , input[type="button"]:hover  {
background:#CCAABB;
color:#0C1C1B;
}


textarea {
	background:#0C1C1B;
	border: 1px white solid;
	color:#CCAABB;
	font-family: "Century Gothic" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.forumPopupHandle {
	background:#FF8384;
  color:white;
  text-align:left;
  width:442px;
  height:20px;
  cursor:move;
  margin-left:0px;
  margin-top : 0px; 
  padding-top : 0px;
  font-weight: bold;
}

.forumPopup {
	position: absolute;
	z-index: 100;
	background: #20313F ;
	color: white;
	top:47%;
	left:30%;
	border: 1px #FFFFFF solid;
	text-align:center;
	width:442px;
	height:308px;
	  margin-top : 0px; 
  padding-top : 0px;
}

#newslist_cachee input {
	border: 1px #FFFFFF solid;
	background: #33A221 ;
	font-family: "Century Gothic" , Verdana, Arial, Helvetica, sans-serif;
}

#popupinfo {
  position:absolute;
	top:-172px;
	left:0px;
	background-image:url(../img/popup.gif);
	height:171px;
	width:172px;
	background-repeat:no-repeat;
	z-index:10;
}

#popupinfotext {
position:relative;
	top:21px;
	left:35px;
	height:133px;
	width:104px;
	text-align:center;
	/*display :table-cell;*/
	vertical-align:center;
}

#div4frameplayer {
position:absolute;
top:100%;
margin-top:-278px;
left:100%;
background-image:url(http://www.manuserve.com/juliana/img/canvas_player.gif);
margin-left:-207px;
width:207px;
height:278px;
z-index:100;
}

.place_player {
position:absolute;left:34px;top:19px;
}

.place_player_texte {
position:absolute;left:44px;top:49px;
}

#lien_clairs_menu {
position:absolute;
right:0%;
padding-top:10px;
}

.lien_clair{
color:#333333;
display:block;
text-align:right;
margin-right:10px;
}

.lien_clair:hover  {
color:#A88742;
cursor:pointer;
}