/*
Design de la partie accueil et pages du jeu du site Lapoudre
Réalisé par Plus et Drago
Pour http://www.lapoudre.com
*/

/*-------------------------------*\
               DESIGN
\*--------------------------------*/

@font-face 
	{
	font-family: Liquidism;
	src: url("Liquidism.ttf");
	}


body
{
   width: 978px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #66b6ee;
   background-position: center;
   font-family: "trebuchet ms",verdana,serif;
   font-size: 10px;
   line-height: 22px;

}

/* Conteneur */

#conteneur
{
   background-color: white;
   border-right: solid black 3px;
   border-left: solid black 3px;
   width: 978px;
   background-image: url("./images/conteneur.jpg");
   background-repeat: repeat-y;
   font-size: 12px;
}

/* en-tête */

#en_tete
{
	width: 978px;
   height: 348px;
   background-image: url("./images/banniere.jpg");
   background-repeat: no-repeat;
   margin: 0px;
}


#sous_banniere2
{
   margin: 0px;
   padding:0px;
   height: 26 px;
   text-align: left;
   float:left;
   margin-left:314px;
}

#sous_banniere2 img
{
   border:0;
}

#sous_banniere
{
   margin: 0px;
   padding:0px;
   height: 26 px;
   text-align: right;
}

#sous_banniere img
{
   border:0;
}


/*menu gauche */

#menu
{
   float: left;
   width: 300px;
   margin: 0px;
   background-image: url("./images/menu.jpg");
   background-repeat: no-repeat;
   margin-left:14px;

}

.element_menu
{
   width: 300px;
   background-image: url("./images/menu.jpg");
   background-repeat: repeat-y;
   margin: 0px;
   font-weight: bold;
   font-family: arial;
   margin-bottom:10;
}

/* Quelques effets sur les menus */

.element_menu_titre
{
   padding-top: 5px;
   display: block;
	margin: 0 auto; 
}

.element_menu ul
{
   list-style: none;
   padding-left: 16px;
   margin: 0px;
}

.element_menu a
{
   color: black;
   text-decoration: none;
}

.element_menu a:hover
{
   color: black;
   font-weight: bolder;
   font-size:13px;
   text-decoration: none;
}

.lien_recap a
{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.lien_recap a:hover
{
	text-align:center;
	text-decoration:underline;
	font-size:14px;
}

.liens_page a:hover
{
  line-height:10px;
}


#liste_perso
{
	font-size: 13px;
	font-weight: lighter;
	padding: 0px;
	padding-left: 5px;
	padding-top: 10px;
	Vertical-Align: middle;
}

#liste_perso td
{
	padding-bottom:2px;
}

#liste_perso a:hover
{
	/*font-weight: bold;*/
	text-decoration:underline;

}

/* effet sur la liste des congelés*/

#liste_ancetre
{
width: 620px;
font-size: 13px;
margin:auto;
}

#liste_ancetre a:hover
{
	/*font-weight: bold;*/
	text-decoration:underline;

}

#liste_ancetre a
{
	/*font-weight: bold;*/
	text-decoration:none;
	color:black;

}

ul.liste_ancetre{width : 620px;}

ul.liste_ancetre li {
display:block;
width : 300px;
height : 50px;
float:left;
padding:5px;
}

ul.liste_ancetre img {
display:block;
float:left;
margin-right:5px;
}

ul.liste_ancetre li[float="left"] + li {
float:none;
}


/* corps de page */

#corps
{
   padding-left: 15px;
   padding-right: 15px;
   width: 629px;
   color: black; 
   margin-left: 317px; 
   text-align: justify;
   font-size: 12px;
}

#corps table
{
	margin:auto;
	width:600px;
	border-collapse:collapse;
}

/*pied de page */

#pied_de_page
{
   width:978px;
   height: 150px;
   background-image: url("./images/pied_page.jpg");
   background-repeat: no-repeat;
   clear: both;
   margin:0px;
}

/* MISE EN FORME DES BLOCK ANNONCEURS*/

/* NEWS */

#news_liste
{
   font-family: verdana;
   margin:5px;
}

#news_liste_titre hr
{
	background-color: #a7ddfb;
	border: none;
	height: 2px;
	border-radius: 5px;
}
/*
#news_liste_titre table
{
   height:20px;
}
*/
#news_liste_titre table
{
   padding:0px;
   margin:0px;
   width:620px;
}

#news_liste_titre .titre_news
{
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	width:510px;
}

#news_liste_titre  .titre_news a
{
   text-decoration: none;
   color: black;
}

#news_liste_titre .titre_news a:hover
{
   text-decoration: underline;
}

#news_liste_titre  .comm_news
{
   text-decoration: none;
   font-size: 10px;
   text-align: right;
   color: #2b6ff5;
   width:110px;
}

#news_liste_titre  .comm_news a
{
   text-decoration: none;
   color: #2b6ff5;
}

#news_liste_titre .comm_news a:hover
{
   font-style: italic;
   text-decoration: none;
}

#comm_info
{
   text-decoration: none;
   font-size: 10px;
   text-align: center;
   color: #2b6ff5;
}

#comm_info a
{
      text-decoration: none;
   color: #2b6ff5;
}

#comm_info a:hover
{
	font-style: italic;
   text-decoration: none;
}

#news_contenu
{
   border-radius:10px;
   margin-top: 25px;
   padding: 10px;
   width: 600px;
   margin-right:auto;
   margin-left:auto;
   background-color: #ddf2f9;
   text-align: justify;
}

#news_date_pseudo
{
   margin-top: 10px;
   font-style: italic;
   text-align: right;
}

#news_date_pseudo a
{
   font-weight:normal;
}

/* INFO */

#info
{
	margin:5px;
   background-color: white;
   text-align: justify;
   font-family: verdana;
}



/* ENCADRE VACANCES */

#vacances
{
   padding: 2px;
   margin: 5px;
	background-color:#FBE3A8;
   text-align: justify;
   border-radius: 10px;
   	margin-top: 20px;
	font-size: 12px;
}

#vacances p
{
	font-size: 12px;
}


#message_vac
{
	text-align:justify;
	background-color:#FBE3A8;
	padding: 2px;
	margin:5px;
	border-radius: 10px;
	font-size: 12px;
}

#message_vac p
{
	font-size: 12px;
}


/* CONGELO TABLEAU */

#congelo table
{
	margin:auto;
	width:450px;	
}

/* ENCADRE DEBUTANTS */

#debutant
{
	text-align:justify;
	background-color:#ffcfcf;
	padding: 2px;
	margin:5px;
	border-radius: 10px;
}

/* ENCADRE GP */

#gp_ok
{
	background-color:#a7ffab;
	padding:2px;
	margin: 5px;
	text-align:justify;
	border-radius: 10px;
}

#gp_ko
{
	background-color:#ffd5a7;
	padding:2px;
	margin: 5px;
	text-align:justify;
	border-radius: 10px;
}

/*ENCADRE SURVIVOR*/

#survivor
{
	background-color:#f5cea4;
	padding:2px;
	margin: 5px;
	text-align:center;
	border-radius: 10px;
}

/*ENCADRE NEWSLETTER*/

#encadre_newsletter
{
	background-color:#a7ddfb;
	padding:2px;
	margin: 5px;
	text-align:center;
	border-radius: 10px;
}

#encadre_newsletter.titre_newsletter
{
	text-align:center;
}

/*MISE EN FORMES DES STATS*/
#stats table
{
	padding:5px;
}

/* MISE EN FORME TEXTE ET IMAGE */

.lien_img_encadre img:hover
{
	height: 26px;
}

#titre_page
{

margin: auto;

}

h1
{
	text-align: center;
	font-weight: bolder;
	margin-bottom: 15px;
	margin-top: 30px;
	text-transform:uppercase; 
}

h2
{
	text-align: center;
	margin-bottom: 15px;
	margin-top: 30px;

}

h3
{
	text-align: center;
	margin-bottom: 15px;
	text-decoration: underline;
	margin-top: 30px;

}



.titrerubrique {
    FONT-FAMILY: Liquidism,verdana,helvetica,arial;
	padding:9px;
	margin-left:10%;
	margin-top: 0%;
	background-color:#66b6ee;
	color:#ffffff;
	font-size: 22px;
	height: 18px;
	text-align:center;
	width: 80%;
	border-radius: 18px;
	font-weight: bolder;
}

.barretitre {
    FONT-FAMILY: verdana,helvetica,arial;
    FONT-WEIGHT: bold;
	text-align:center;
	padding:0px;
	margin:0px;
	background-color:#66b6ee;
}

.center
{
	text-align: center;
}

.justify
{
	text-align: justify;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

/*GESTION ETOILES SUR PERSO DANS PAGE MAIN*/


p.pPerso {
   position: relative;
   margin:0;
   color: black;
}

span.ancetres0 {
   padding: 0 1px;
   left: 15px;
   position: absolute;
   top:30px;
   z-index:40;
   width: 0px;
   height: 0px;
}

span.ancetres1 {
   background: url("../img/persos/1etoile.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:27px;
   z-index:40;
   width: 12px;
   height: 12px;
}

span.ancetres2 {
   background: url("../img/persos/2etoile.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:30px;
   z-index:40;
   width: 24px;
   height: 12px;
}

span.ancetres3 {
   background: url("../img/persos/3etoile.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:25px;
   z-index:40;
   width: 24px;
   height: 20px;
}

span.ancetres0h {
   background: url("../img/persos/0etoileh.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 20px;
   position: absolute;
   top:16px;
   z-index:40;
   width: 15px;
   height: 15px;
}

span.ancetres1h {
   background: url("../img/persos/1etoileh.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:16px;
   z-index:40;
   width: 25px;
   height: 28px;
}

span.ancetres2h {
   background: url("../img/persos/2etoileh.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:16px;
   z-index:40;
   width: 27px;
   height: 27px;
}

span.ancetres3h {
   background: url("../img/persos/3etoileh.png") no-repeat scroll transparent;
   padding: 0 1px;
   left: 10px;
   position: absolute;
   top:16px;
   z-index:40;
   width: 27px;
   height: 27px;
}