/* ----------------------------------------------------------------------------------------------------------------------------- */
/* 			© COPYRIGHT TOUS DROITS RÉSERVÉS À AION-INFO.FR	 	   			        */	
/* 			              Auteur - Webmaster - Designer :  Blunty	 	                   			        */	
/* 			                            contact@aion-info.fr	                   			                          */					
/* ----------------------------------------------------------------------------------------------------------------------------- */
a.flowplayer { 
    display:block;                 
    width:720px; 
    height:433px; 
    border:0px; 
	margin:20px auto 5px auto;       
} 

.menu 
{
text-align: center;
background: url('./images/arrow.gif') no-repeat;
border: 0px solid; 
width: 9px; 
height: 9px;
}

#sortie{
	width: 727px;
	height: 666px;
	background: url('../images/sortie.png') no-repeat;
	margin-left: 108px;
	margin-top: -20px;
}
a { color:#000;}
a:hover {text-decoration: underline; color: #EB3504;}
body
{
	width: 1024px;
	margin: auto;
	padding-bottom: -400px;
	margin-top: 10px;
	background-color: black;
	background-image:url(../images/background.jpg);
	background-attachment: fixed;
	background-repeat:no-repeat; 
	font-family: georgia, arial, "comic sans ms", serif;
	color: #000;
	font-size: 0.9em;
	background-position:top center
}
.wptable {
	border-width: 1 px;
	border-color: #473430;
	border-style: solid;
	}

.wptable th {
	border-width: 1px;
	border-color: #473430;
	background-color: #473430;
	border-style: solid;
}

.wptable td {
	border-width: 1px;
	border-color: #473430;
	border-style: solid;
}

.wptable tr.alt {
 	background-color: #e0d6bf;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------                            ID                           -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#header
{
	width: 943px;
	height: 220px;
	background: url('../images/header.gif') no-repeat;
	margin-left: -1px;
	margin-top: -10px;


}

#global
{
	width: 942px;
	background: url('../images/global.png') repeat-y;
	margin-left: 11px;
	margin-top: -1px;
	
}

#ely
{
	width: 942px;
	background: url('../images/ely2.png') repeat-y;
	margin-left: 11px;
	margin-top: -14px;
	margin-bottom : 1px;
}

#menu
{
	width: 886px;
	height: 134px;
	background: url('../images/menu/menu-vide.png') no-repeat;
	float: left;
	display: inline;
	margin-left: 28px;
	margin-top: -90px;
}

#footer
{
	width: 942px;
	height: 221px;
	background: url('../images/footer.png') no-repeat;
	float: left;
	display: inline;
	margin-left: 11px;
	margin-top: -14px;
	text-align: center;
	padding-top: 15px;
	font-size: 11pt;
	color:  #000;
	font-family: georgia, "comic sans ms", serif;
}

#footer-maintenance
{
	width: 942px;
	height: 221px;
	background: url('../images/footer.png') no-repeat;
	float: left;
	display: inline;
	margin-left: 11px;
	margin-top: 0px;
	text-align: center;
	padding-top: 15px;
	font-size: 11pt;
	color:  #000;
	font-family: georgia, "comic sans ms", serif;
}

#maintenance
{
	width: 601px;
	height: 243px;
	background: url('../images/fond-maintenance2.png') no-repeat;
	margin-left: 180px;
	margin-top: -20px;
	padding-bottom: 40px;
}

#bouton-forum-maintenance
{
	width: 206px;
	height: 46px;
	background: url('../images/bouton-forum-maintenance.png') no-repeat;
	margin-left: 350px;
	margin-top: -20px;
	padding-bottom: 40px;
}

#cadre-legion1
{
	position: absolute;
	width: 626px;
	height: 342px;
	background: url('../images/cadre-legion2.png') no-repeat;
	margin-left: 155px;
	margin-top: -333px;
}

#cadre-legion2
{
	position: absolute;
	width: 626px;
	height: 342px;
	background: url('../images/cadre-legion2.png') no-repeat;
	margin-left: 155px;
	margin-top: -350px;
}
#ban
{
	width: 725px;
	height: 90px;
	background: url('../images/bannieres/ban.gif') no-repeat;
	margin-left: 109px;
	margin-top: -35px;
	padding-bottom: 20px;
}
#ban2
{
	width: 725px;
	height: 90px;
	background: url('../images/bannieres/aion-collector-preco_728.gif') no-repeat;
	margin-left: 109px;
	margin-top: -35px;
	padding-bottom: 20px;
}

#vid
{
	position: relative;
	margin-left: 155px;
	margin-top: -150px;
	z-index: -1;
}

#cadre-video
{
	
	position: absolute;
	width: 492px;
	height: 342px;
	background: url('../images/cadre-video.png') no-repeat;
	margin-left: 150px;
	margin-top: -150px;
	z-index: 2;
}

#cadre-ceuillete
{
	
	position: absolute;
	width: 578px;
	height: 533px;
	background: url('../images/artisanat/cadre-ceuillette1.png') no-repeat;
	margin-left: 183px;
	margin-top: -325px;
	
}

#cadre-ceuillete2
{
	
	position: absolute;
	width: 578px;
	height: 533px;
	background: url('../images/artisanat/cadre-ceuillette2.png') no-repeat;
	margin-left: 183px;
	margin-top: -325px;
}

#cadre-metiers
{
	z-index:5; 
	position: absolute ;
	width: 575px;
	height: 333px;
	background: url('../images/artisanat/icones-metiers/cadre-metier.png') no-repeat;
	margin-left: 183px;
	margin-top: -324px;
	
}


#clear
{
	
	clear: both;
}

#player
{
	margin-left: 135px;
	
}
#player2
{
	margin-left: 135px;
	
}

#player3
{
	margin-left: 230px;
	
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------                           TITRES                         -------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#titre
{
	width: 729px;
	height: 72px;
	background: url('../images/titres/titre-bienvenue.png') no-repeat;
	margin-left: 108px;
	margin-top: -20px;
	padding-bottom: 40px;
}

#index
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-index.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#generalites
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-generalites.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#univers
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-univers.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#histoire
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-histoire.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#faq
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-faq.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#interface
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-interface.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#stigmas
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-stigmas.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#legions
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-legions.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#armures
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-armures.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#configuration
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-configuration.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#artisanat
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-artisanat.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#personnages
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-personnages.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#musiques
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-musique.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#pvpve
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-pvpve.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#energie
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-energie.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#metiers
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-metiers.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#factions
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-factions.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#recolte
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-recolte.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#classes
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-classes.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#guerrier
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-guerrier.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#mage
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-mage.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#pretre
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-pretre.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#eclaireur
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-eclaireur.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#seigneurs
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-seigneurs.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#pnj
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-pnj.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#wallpapers
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-wallpaper.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#media
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-media.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#abysses
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-abysses.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#pandemonium
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-pandemonium.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#sanctum
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-sanctum.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#elementaires
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-elementaire.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#screensavers
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-screensavers.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#concept
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-concept.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}

#videos
{
	width: 726px;
	height: 72px;
	background: url('../images/titres/titre-videos.png') no-repeat;
	margin-left: 108px;
	margin-top: -30px;
	padding-bottom: 40px;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------                    CADRES SECTIONS                    ---------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#cadre-histoire
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/histoire.png') no-repeat;
	margin-left: -13px;
	margin-top: 10px;
	padding-bottom: 40px;
}

#cadre-interface
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/interface.png') no-repeat;
	margin-left: 338px;
	margin-top: -269px;
	padding-bottom: 40px;
}

#cadre-legions
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/legions.png') no-repeat;
	margin-left: -13px;
	margin-top: 10px;
	padding-bottom: 40px;
}

#cadre-artisanat
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/artisanat.png') no-repeat;
	margin-left: 338px;
	margin-top: -269px;
	padding-bottom: 40px;
}

#cadre-stigmas
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/stigmas.png') no-repeat;
	margin-left: -13px;
	margin-top: 10px;
	padding-bottom: 40px;
}

#cadre-energie
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/energie.png') no-repeat;
	margin-left: 338px;
	margin-top: -269px;
	padding-bottom: 40px;
}

#cadre-personnages
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/personnages.png') no-repeat;
	margin-left: -13px;
	margin-top: 10px;
	padding-bottom: 40px;
}

#cadre-pvpve
{
	width: 331px;
	height: 229px;
	background: url('../images/cadres-sections/pvpve.png') no-repeat;
	margin-left: 338px;
	margin-top: -269px;
	padding-bottom: 40px;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------                      CLASSES                    -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */




.separation
{
	width: 732px;
	height: 13px;
	background: url('../images/separation.png') no-repeat;
	margin-left: 105px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.separation2
{
	width: 637px;
	height: 24px;
	background: url('../images/separation2.png') no-repeat;
	margin-left: 150px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.separation3
{
	width: 732px;
	height: 13px;
	background: url('../images/separation.png') no-repeat;
	margin-left: 105px;
	margin-top: -20px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.question:before
{
   content: url("../images/titre-page.png"); 
   font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------                        AUTRES                     -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



p
{
	text-align: justify;
	font-size: 10pt;
	color:  #000;
	font-family: georgia, "comic sans ms", serif;
	width: 640px;
	margin-left: 150px;
	margin-top: -20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

hr
{
	width: 532px;
}








caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Georgia, Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border-collapse: separate ; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   color: white;
   font-size: 1.1em;
   font-family: Georgia, Arial, Times, "Times New Roman", serif;
   background: url('../images/fond-tableaux2.png') ;
   border: 1px solid black;

}
td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */	
   background: url('../images/fond-tableaux.png') ;

}




ul.wallpaper_single 
{
	padding-bottom: 10px;
	margin-top: -5px;
	margin-left: 95px;
	float: left;
}

ul.wallpaper_single li 
{ 
	background: url('../images/fond-tableaux2.png'); 
	display: inline;
	font-family:Arial,Helvetica,sans-serif; 
	font-size:9px; 
	font-weight:bold; 
	list-style:none;
	color:#000000; 
} 

ul.wallpaper_single li a
{ 
	color:#ffffff; 
	padding:15px 4px; 
	text-decoration:none; 
} 



ul.wallpaper_single2
{
	margin-top: -5px;

	margin-right: 125px;
	float: right;
}

ul.wallpaper_single2 li 
{ 
	background: url('../images/fond-tableaux2.png'); 
	display: inline;
	font-family:Arial,Helvetica,sans-serif; 
	font-size:9px; 
	font-weight:bold; 
	list-style:none;
	color:#000000; 
} 

ul.wallpaper_single2 li a
{ 
	color:#ffffff; 
	padding:15px 4px; 
	text-decoration:none; 
}