body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #333333;
color: #FFFFFF;
}

a{
color:lightblue;
text-decoration : none;
}

a:hover{
color:white;
text-decoration : none;
}

#avatar_menu-droite {
margin-left: -3px;
padding-top: 57px;
}

#balance_pouvoirs {
background-image:url(images/balance-des-pouvoirs.jpg);
width:517px;
height:275px;
background-repeat:no-repeat;
}

#box_deroulante {
padding-left: 7px;
height:auto;
width: 670px;
background-image:url(images/barre_blanche_forum.gif);
background-repeat:repeat-y
}

#box_deroulante_factions {
padding-left: 7px;
height:auto;
background-image:url(images/barre_blanche_factions.gif);
background-repeat:repeat-y;
width: 649px;
}

#box_infosphere{
background-image:url(../../../images/index_info_haut.gif);
background-repeat:no-repeat;
	width: 390px;
	float: right;
	margin-top: -14px;
	margin-right: 10px;
}

#box_left_1{
	background-image:url(images/box_left.gif);
	height: 101px;
	width : 261px;
	margin-left: 7px;
	float: left;
}

#box_left_2{
background-image:url(images/box_left.gif);
height: 101px;
width : 261px;
margin-left: 7px;
float: left;
margin-top: 16px;
}


#box_right{
background-image:url(images/box_right.gif);
height: 210px;
width : 389px;
}

#box_middle{
background-image:url(../../../images/box_index_01_mid.gif);
background-repeat:repeat-y;
width : 668px;
height:193px;
margin-left: 7px;
margin-top: 11px;
padding-top:60px;
padding-left:17px;
float: left;
}

#box_middle_old{
background-image:url(images/box_middle.gif);
height: 253px;
width : 668px;
margin-left: 7px;
margin-top: 13px;
}

#box_left_1 p{
text-align:center;
padding-top: 31px;
line-height: 19px;
}

#box_left_2 p{
text-align:center;
padding-top: 31px;
line-height: 19px;
}

#box_middle p{
padding-left: 12px;
padding-top: 28px;
line-height: 19px;
text-align:justify;
width: 642px;
}

#conteneur {
	position: relative;
	width: 1030px;
	padding-top: 20px;
	height: auto; 
}
#gauche {
background-image:url(http://www.pagon.org/images/menu/menu-annexe_gauche.gif);
background-repeat:no-repeat;
position: absolute;
color: black;
left:-5px;
width: 177px;
height: 536px;
top: 18px;
padding-left: 5px;
}
#gauche_link {
background-image:url(http://www.pagon.org/images/menu/menu-annexe_gauche.gif);
background-repeat:no-repeat;
position: absolute;
color: black;
left:-5px;
width: 177px;
height: 536px;
top: 18px;
padding-left: 5px;
}
#gauche a{color:#333333; text-decoration:none;}
#gauche a:hover{color:#44606d;}

#droite {
background-image:url(http://www.pagon.org/images/menu/menu-annexe_droit.gif);
background-repeat:no-repeat;
position: absolute;
color:#333333;
right: -2px;
width: 162px;
height: 536px;
top: 18px;
font-size:12px;
text-align:center;
}
#droite a{color:#333333; text-decoration:none;}
#droite a:hover{color:#44606d;}

#canaux_box {
	background-image: url(images/canaux_box.gif);
	background-repeat: no-repeat;
	padding-top: 33px;
	margin:auto;
	width: 392px;
	height: 202px;
	text-align:center;
	line-height: 2;
}
#canaux_box A{
color: #333333;
}
#canaux_box A:hover{
text-decoration:none;
}
#canaux_box A:visited{
color: #333333;
}


#centre {
	height: auto;
	min-height: 503px;
	width: 735px;
	margin-left: 169px;
	color:#FFFFFF;
	background-image:url(http://www.pagon.org/v1/templates/sky/images/centre_mil.gif);
	background-repeat: repeat-y;
}

#centre_noscroll {
	height: 482px;
	width: 735px;
	margin-left: 172px;
	color:#FFFFFF;
	background-image:url(http://www.pagon.org/v1/templates/sky/images/centre_mil.gif);
	background-repeat: repeat-y;
}

#centre_text {
	overflow: hidden;
	height: auto;
	width: 681px;
	color:#FFFFFF;
	padding-left: 13px;
}

#centre_text_noscroll {
	height: 482px;
	width: 681px;
	color:#FFFFFF;
	padding-left: 11px;
}

#fiche_haut_container {
	height: 468px;
	width: 677px;
	background-image:url(../../../images/fiche_haut_bg.gif)
}

#fiche_factions {
	height: 128px;
	margin-top: -270px;
	padding-left: 184px;
}

#fiche_header {
padding-left: 25px;
padding-top: 6px;
float:left;
width: 315px;
}

#fiche_header2 {
padding-top: 17px;
text-align:center;
width:66px;
float:left;
}

#fiche_header3 {
padding-top: 30px;
padding-left: 145px;
float:left;
height: 8px;
}

#fiche_avatar {
padding-left: 12px;
}

#fiche_content_haut {
left: 371px;
top: 237px;
float:left;
position: absolute;
}

#fiche_content {
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
background-image: url(../../../images/fiche_barre_bg.gif);
background-repeat: repeat-y;

}

#forum_header {
background-image:url(../../../images/barre_forum.gif);
background-repeat: no-repeat;
height: 22px;
padding-left: 0px;
padding-top: 6px;
text-align: center;
}

.forum_header {
background-image:url(../../../images/barre_forum.gif);
background-repeat: no-repeat;
height: 22px;
padding-left: 0px;
padding-top: 6px;
text-align: center;
}

#header_factions_deroulante {
background-image:url(../../../images/barre_factions.gif);
background-repeat: no-repeat;
height: 22px;
padding-left: 22px;
padding-top: 6px;
width: 634px;
}

#forum_container {
background-image: url(../../../images/barre_blanche_forum.gif);
background-repeat:repeat-y
}

.forum_box {
width: 664px;
margin-left: 4px;
padding-top: 6px;
padding-left: 6px;
}

#forum_box_megaspheres {
width: 669px;
margin-left: 4px;
}

.forum_box_left {
background-image:url(images/cadre_forum.gif);
float: left;
height: 313px;
width: 167px;
}

.forum_box_left a {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

.forum_box_left a img {
border: none;
}

#forum_box_right {
float: left;
height: 312px;
width: 512px;
}

.forum_barre {
background-image: url(images/barre_1.gif);
background-repeat: no-repeat;
margin-left: 184px;
margin-top: 25px;
padding-bottom: 7px;
width: 458px;
position:relative;
min-height:241px;
padding-left: 11px;
}

.forum_barre img{
max-width: 455px;
}

h3 {
font-weight: normal;
}

.date {
padding-left: 32px;
padding-top: 8px;
float:left;
font-size: 11px;
color: LightBlue;
}

.forum_barre p {
padding-top: 12px;
margin: 0px;
text-align:justify
}

.boutons {
padding-left: 181px;
padding-bottom: 10px;
}

.Rang {
padding-left: 8px;
padding-top: 6px;
}

.Avatar {
padding-left: 3px;
padding-top: 5px;
}

.Pseudo {
padding-left: 27px;
padding-top: 7px;
}

.Mascarade {
padding-left: 23px;
padding-top: 7px;
}

.ID {
padding-left: 11px;
padding-top: 14px;
float:left;
width: 125px;
}

#login_conteneur {
margin:auto;
width: 971px;
color:#000000;
height: 841px;
}

#login_header {
width: 971px;
height: 259px;
background-image:url(../../../images/login/login_header.jpg);
background-repeat:no-repeat;
}

#login_left {
float:left;
background-image: url(../../../images/login/login_left.jpg);
background-repeat:no-repeat;
height: 465px;
width: 253px;
padding-top:50px;
}

#login_center {
width: 718px;
height:582px;
float:right;
}

#login_news {
background-image:url(../../../images/login/Log.jpg);
background-repeat:no-repeat;
height: 198px;
width: 284px;
float:left;
}

#login_up {
background-image: url(../../../images/login/login_up.gif);
background-repeat:no-repeat;
width: 434px;
height: 198px;
float:right;
}

#login_down {
background-image:url(../../../images/login/login_down.gif);
background-repeat:no-repeat;
width: 718px;
height: 384px;
float:left;
}

#menu1 {
position: absolute;
top: 430px;
left: 381px;
float: right;
}

#menu2 {
position: absolute;
top: 465px;
left: 186px;
float: left;
}

.Mail{
padding-top: 14px;
float:left;
}

#forum_bas {
height: 316px;
width: 679px;
background-image:url(images/barre_blanche_forum.gif);
background-repeat:repeat-y
}

#repliquer_bouton {
padding-left: 20px;
padding-top: 10px;
}

#reponse_rapide_zone {
padding-left: 20px;
padding-top:15px;
}

#pied {
	position: relative;
	height: 27px;
	width: 1036px;
	
	background-image:url(http://www.pagon.org/images/menu/footer.gif);
	background-repeat: no-repeat;
	color: black;
	top: -2px;
	margin-left: -6px;
}

#pied A {
color: black;
text-decoration:none;

}


#citation {
	position: absolute;
	height: 21px;
	width: 1040px;
	padding-top: 7px;
}

#menu  { 
position: absolute;
z-index:2;
width: 100%; /* correction pour Opera */
border: 0 none;
width: 1031px;
margin-left: -1px;
}

.menugauche {
text-align:center;
color: black;
padding-top:25px;
padding-left:15px;
padding-right:20px;
}


#top_sujet a {
padding-bottom:10px;
font-size:11px;
}

.menudroit {
list-style-type: none;
color: black;
margin: 0;
padding-right:20px;
padding-left:13px;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: black;
text-decoration: none;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}



#page {
margin-left: auto;
margin-right: auto;
width: 800;
text-align: left; /* pour résoudre le bug de centrage de IE */
}


dl, dd, ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comptearebours  {
position : absolute;
top : 190px;
margin-left: 67px;
border: 0 none;
width: 181px;
text-align:right;
font-family:arial; 
font-size:9pt; 
color:#000000; 
font-weight:bold
}


#menu dl {
float: left;
border: 0 none;
}
#menu dt {
cursor: pointer;
text-align: center;
border: 0 none;
margin-bottom: -3px;
padding: 0;
list-style-type: none;
}
#menu dd {
display: none;
border: 0 none;

}
#menu li {
padding-bottom:22px;

		
}


#menu li a, #menu dt a {

position: absolute;
display: block;
border: 0 none;

}
#menu li a:hover, #menu dt a:hover {
border: 0 none;
}

#header_logo {
height: 236px;
width: 1027px;
}

#header_gauche {
height: 236px;
width: 315px;
float:left;
position: relative;
}

#header_flash {
height: 236px;
float:right;
}

#page_container {
padding-left: 13px;
padding-right: 17px;
background-image:url(images/barre_blanche_forum.gif);
background-repeat:repeat-y
}

.page_container {
padding-left: 13px;
padding-right: 17px;
background-image:url(images/barre_blanche_forum.gif);
background-repeat:repeat-y
}

#span {
font-size: 13px;
}


#verif_zone {
background-image: url(../../../images/zone_verif.gif);
width: 181px;
height: 166px;
margin-left: 465px;
margin-top: -198px;
float: left;
padding-top: 32px;
padding-left: 9px;
background-repeat:no-repeat;

}

#website {
width: 1027px;
margin:auto;
padding-top:16px;
}


#paragraphegauche {
  float: left;
  } 
#paragraphedroite {
  float: right;
  } 

#demo-bar {
	padding: 5px 0;
	width: 670px;
	border-bottom: 1px solid #B3D4EF;
	background: #FFFFFF;
	text-align: center;
	color: AppWorkspace;
}

/* ----------- Map dynamique ----------- */

#demo-bar A {
color: black;
text-decoration:none;
}
#demo-bar A:hover{
color: MediumSeaGreen;
text-decoration:none;
}

#demo-bar A:visited{
}

#demo-wrapper {
	overflow: hidden; 
	height: 444px; 
	position: relative;
	width: 670px;
}

#demo-inner {
	width: 2400px;
	height: 1200px;
	background-image: url(../../../images/map_nuit.jpg);
	position: relative;
}

.scrolling-content {
	background: transparent url(../../../images/bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}

.scrolling-content h1 { 
	color: #fff;
	padding: 16px 0;
	font-size: 12px;
}

.scrolling-content p { 
	color: #fff;
	padding: 14px 0;
	font-size: 12px;
}
#content1 {
	left: 366px; 
	top: 169px;
}

#content2 {
	left: 736px; 
	top: 565px;
}

#content3 {
	left: 1111px; 
	top: 63px;
}

#content4 {
	left: 1205px; 
	top: 399px;
}

#content5 {
	left: 2007px; 
	top: 249px;
}

#content6 {
	left: 1948px; 
	top: 594px;
}

/* ----------- Message Deroulant ----------- */
.ejs_scroll {font-size:11px;line-height:11px;font-family:Arial;color: #333333; line-height: 15px; width:126px}
.message_deroulant a{color:#333333; text-decoration:none;}
.message_deroulant a:hover{color:#44606d;}

/* ----------- Menu Deroulant ----------- */

div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#myElement {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background-color: #f9f9f9;
	float: left;
}

div#myOtherElement {
	width: 200px;
	height: 20px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #f9f9f9;
	position:relative;
}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
}

div#myOtherElement a:hover {
	background: #f5f5f5;
}




/* ----------- Accordeon ----------- */
#accordion{ padding-left:12px;}
.toggler  { cursor: pointer; font-weight:bold; color:#CCC; margin: 0; font-size:16px; margin:0pt; padding:3px 0px 0px 0px; width: 148px; height: 19px; background-repeat: no-repeat; background-image: url(http://www.pagon.org/images/off.gif); cursor: default; font-size:12px; color:#FFF;}  
.toggler:hover   { background-image: url(http://www.pagon.org/images/on.gif) no-repeat }  
.element     { background-color:#3a7371; width:141px; font-size:12px; padding-top:7px; padding-bottom:7px; padding-left:7px; text-align:left;"}  


#overlay {
  background-image: url(templates/subSilver/images/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
 
}

* html #overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(templates/subSilver/images/spacer.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/subSilver/images/overlay.png", sizingMethod="scale");
}