/*
* CSS DOFUS-JOL
*/

/* Propriétés de la page entière JOL-DOFUS */
body
{
	/* Background */
	background-color: #a2c6ff;
	background-image: url("../images/header.jpg");
	background-position:center 30px;
	background-repeat: no-repeat;
	/* Placements */
	margin: auto;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

img
{
	display : block;
}

p
{
	/* Placements */
	margin: 0px 0px 10px 10px;
}

blockquote
{
	border-left: 5px solid #a6afbe;
	background-color: #dfebff;
	/* Mise en page */
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

blockquote p
{
	margin-left: 0px;
}

a, a:visited
{
  /* Texte */
  color: #0173ac;
  text-decoration: none;
}

a:hover, a:visited:hover
{
    color:#015c8a;
    text-decoration:underline;
}

/* Propriété de tout, hors barre*/
#jolDofus
{
  /* Background */
  background-image: url("../images/footer.jpg");
  background-position: bottom center;
  background-repeat: repeat-x;
}

/* Propriétés du 'corps' du site JOL-DOFUS */
#divDofus
{
  /* Dimensions */
  width: 900px;
  /* Placements */
  margin: auto;
  background-image: url("../images/header.jpg");
  background-position:-500px 0px;
  background-repeat: no-repeat;
}

/* Propriétés du lien vers l'accueil */
#lien_entete
{
  /* On le passe en block */
  display: block;
  /* Taille */
  height: 105px;
  width:350px;
  /* Position */
  margin-bottom:100px;
  margin-left:600px;
}
/* Propriétés de l'espace de pub GOOGLE */
#pubDofus
{
  /* Background */
  /* Dimensions */
  height: 60px;
  width: 468px;
  /* Placements */
  margin-left: 215px;
}

/* Propriétés du menu JOL-DOFUS */
#menuDofus
{
  /* Background */
  /* Dimensions */
  height: 25px;
  /* Placements */
  margin-top: 85px;
  margin-left:90px;
}
/* Attention c'est parti menu déroulant */
#menu ul, #menu li 
{
  margin:0;
  padding:0;
}

#menu, #menu ul 
{
  list-style : none;
  line-height : 21px;
  text-align : center;
}

#menu 
{
  font-size : 12px;
  z-index:300;
  width:700px;
}

/* Déjà perdu ? */
#menu a 
{
  display : block;
  padding : 0;  
  color : #FFFFFF;
  text-decoration : none;
  width : 105px;
  font-weight:normal;
}

#menu a.categorie:hover
{
    color:#cccccc;
}

#menu li 
{ 
  float : left; 
}

#menu li ul 
{ 
  position: absolute;
  width: 130px;
  left: -999px;
  z-index:300;
}

#menu li ul li 
{
  border-left:5px solid #B8CAE1;
  width:145px;
}

#menu li ul li:hover
{
  border-left:10px solid #B8CAE1;
}

/* Bientôt fini ! */
#menu li ul li a 
{
  color: #000000;
  background:#c7daf3;
  width:130px;
  text-align:left;
  background-image:url('../images/menu_off.jpg');
  background-repeat:no-repeat;
  background-position:2px center;
  padding-left:15px;
  border-bottom:1px solid #b8cae1;
}

#menu li ul a:hover
 {
    background:#9cbae8;
    background-image:url('../images/menu_on.jpg');
    background-repeat:no-repeat;
    background-position:2px center;
}

/* C'est gagné ! Yes we did it ! */
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
  left: auto;
  min-height: 0;
}

/* Propriétés du highlight JOL-DOFUS */
#highlightDofus
{
  /* Dimensions */
  height: 185px;
  /* Placements */
  margin-top: 25px;
  padding-left: 100px;
  padding-right: 100px;
  background-image:url('../images/highlight.png');
  background-repeat:no-repeat;
  background-position:center top;
}
#highlightDofus a
{   
    font-weight:normal;
}

/* Propriétés de l'espace gestion personnage JOL-DOFUS */

#persosDofus
{
  /* Dimensions */
  height: 185px;
  width: 160px;
  /* Placements */
  float: left;
}

/* Propriétés de l'espage forums JOL-DOFUS */
#forumsDofus
{
  /* Dimensions */
  height: 130px;
  width: 365px;
  /* Placements */
  float: left;
  padding-left: 10px;
  padding-top: 50px;
  /* Texte */
  


}

/* Liens Forums */
#forumsDofus td
{
    background-color:#f0f0f0;    
    background-image:url('../images/puce_actu.jpg');
    background-repeat:no-repeat;
    background-position:1px 2px;
    padding-left:25px;
    width:337px;
    height:22px;
}




/* Propriétés de l'espace captures JOL-DOFUS */
#highlightDofus #imagesDofus /* Attention �a c'est moche */
{
  /* Dimensions */
  height: 150px;
  width: 140px;
  max-height: 125px;
  /* Placements */
  float: left;
  padding-top: 50px;
  margin-left:15px;
  overflow:hidden;
}
a img
{
	border: none;
} 

/* Propriétés du contenu 'dynamique' de la page JOL-DOFUS */
#contenuDofus
{
  /* Dimensions */
  width: 810px;
  min-height: 500px;
  /* Placements */
  margin: auto;
  margin-top: 15px;
}

/* Propriétés du pied de page JOL-DOFUS */
#footerDofus
{
  /* Background */
  background-image: url("../images/footer.jpg");
  background-position:-500px bottom;
  /* Dimensions */
  width:900px;
  height: 100px;
  /* Placements */
  padding-top: 100px;
  /* Texte */
  text-align:center;
  clear:both;
}

#footerDofus img
{
  float: left;
  margin-left: 200px;
}

#footerDofusContenu
{
  margin-left: auto;
  margin-top: 5px;
  padding-right: 150px;
}

/* Messages */
.msgNotice {
	text-align : center;
	margin : 10px 20px 5px;
	padding : 5px 10px;
	background-color : #fdf573;
	border : 2px solid #8e8717;
}
.msgError {
	text-align : center;
	margin : 10px 20px 5px;
	padding : 5px 10px;
	background-color : #df281c;
	color : #ffffff;
	font-weight : bold;
	border : 2px solid #681912;
}
.msgOk {
	text-align : center;
	margin : 10px 20px 5px;
	padding : 5px 10px;
	background-color : #2eab2b;
	color : #ffffff;
	font-weight : bold;
	border : 2px solid #154d13;
}

#articles
{
	margin-left:10px;
}

#contenuDofus table {
	margin : auto;
	max-width : 90%;
	border-spacing : 1px;
}
#contenuDofus table.right {
	margin-left : auto;
	margin-right : 10px;
}
#contenuDofus table.left {
	margin-left : 10px;
	margin-right : auto;
}

#contenuDofus th, #contenuDofus td {
	padding: 5px;
	border: 1px dotted #393649;
	background-color: #c7d8f2;
}
#contenuDofus td {
	vertical-align: top;
	text-align: justify;
}
#contenuDofus th {
	vertical-align: middle;
	text-align: center;
}

#contenuDofus table img {
	margin : auto;
}

.gauche {text-align: left !important;}
.droite {text-align: right !important;}
.centre {text-align: center !important;}
.fgauche {float: left !important;}
.fdroite {float: right !important;}
.fcentre {margin: auto !important;}
img.inline { display : inline !important; }

table ul {
	padding-left : 25px;
}

.objet {
	border-bottom : 1px dotted #6A8EC8;
}
.archi {
  background-image: url("http://medias.jeuxonline.info/dofus/equipe/246590/image/degrade.png") !important;
  border: 2px ridge #6E92CC !important;
  text-align: center !important;
  text-color: #CFD7E7 !important;
}

/* begin CSS JoL sondages */
div.jol_sondage {
	border:1px solid #CCCCCC;
	margin:auto;
	padding:5px;
	width:400px;
}
div.jol_sondages div.titre {
	color:#000000;
	font-size:14px;
	font-weight : bold;
	text-align : center;
	padding : 5px;
}
div.jol_sondages td {
	padding:4px 5px;
	border : 0 !important;
}
div.jol_sondages .date {
	color:#666666;
	text-align : center;
	padding-bottom : 5px;
	font-size : 0.9em
}
div.jol_sondages .options {
	width:100%;
}
div.jol_sondages .divers, div.jol_sondages .stats {
	padding:5px;
	text-align:center;
}
div.jol_sondage tr.option1 td {
	background-color:#F7F7F7;
}
div.jol_sondage tr.option2 td {
	background-color:#EEEEEE !important;
}
/* end CSS JoL sondages */

/* begin CSS JoL video */
div.jol_video {
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	font-size:11px;
	margin-bottom:10px;
	padding:5px;
}
div.jol_actus_video_legende, div.jol_video_legende {
	margin-top:5px;
}
/* end CSS JoL video */

#teamFooter {
    padding : 10px 50px 20px;
    text-align : right;
}
#teamFooter a {
    background-color : #CCCCCC;
    border : 1px solid #888888;
    padding : 5px 10px;
    color : #0173ac;
    font-weight : bold;
}

/* begin CSS Info-bulle */
a.info_bulle
{				
  color           : #2F368A;
  border-bottom   : 1px dotted #6A8EC8;
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle span.info_bulle 
{								   
  position   :  absolute;
  top        :  -2000em;
  left       :  -2000em;
  width      :  1px;
  height     :  1px;
  overflow   :  hidden;
  z-index    :  10;
} 

a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
  top        :  auto;
  left       :  auto;
  width      :  300px;
  height     :  auto;
  overflow   :  visible;
} 

span.header
{
   display         : block; 
   height          : 61px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   background      : transparent url("../images/bulle_header.png") no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
   margin-top      : 20px;
} 

span.content
{
   display     : block; 
   background  : transparent url("../images/bulle_content.png") repeat-y;
   padding     : 0 8px;
} 

span.footer
{
   display     : block; 
   height      : 12px; 
   background  : url("../images/bulle_footer.png") no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}         
/* end CSS Info-bulle */