/* Tout d'abord je ne vous remercie pas d'utiliser Internet Explorer (que vous connaissez sans doute sous le nom d'IE : Internationalement Exceccrable <== merci Flayks).

######################################

Maintenant un peu d'histoire (source : Wikipedia.org).

###### Sécurité : ######

Pour corriger les failles importantes de IE6, une importante mise à jour a été fournie aux seuls utilisateurs de Windows XP au sein du Service Pack 2 pour ce système, permettant notamment de bloquer les fenêtres intruses, et un meilleur contrôle des ActiveX.

Étant soumis à la politique de Microsoft du mardi des patchs, il est vulnérable plus longtemps aux attaques que ses concurrents.

[...]

Des sites de sécurité proposent une liste des failles connues et toujours non corrigées dans les logiciels. Afin d'éviter des piratages, il est évidemment préférable de ne pas utiliser ce logiciel tant que les failles les plus critiques n'ont pas été corrigées.

###### Respect des standards : ######

A partir de la fin des années 1990, avec l'adoption croissante du modèle de développement web normalisé par le W3C, le moteur Trident d'IE6 a été critiqué de plus en plus visiblement par des webmestres, principalement à cause de son implémentation incomplète et défaillante de CSS. et du gel de son développement après IE6.

[...]

Le support uniquement propriétaire de l'annexe de la norme PNG concernant les images translucides a été vu comme une faiblesse d'Internet Explorer jusqu'à sa version 6.0 incluse, obligeant les webmestres à surcharger leurs développements avec des scripts ou des feuille de style en commentaires conditionnels. Depuis la version 7, cette translucidité est supportée par Internet Explorer sans recours à une implémentation propriétaire.

######################################

Maintenant que vous êtes informé sur quel magnifique navigateur vous êtes, je ne peux que vous conseillez Mozilla Firefox ou Opera, deux géants dans ce domaine.

###### Mozilla Firefox : #######

La Fondation Mozilla, fait tout pour que Firefox soit le plus respectueux possible des normes et standards, en priorité ceux du W3C. Ainsi, le navigateur supporte les standards du web les plus basiques comme HTML, CSS, XHTML, XML, JavaScript, mais aussi DOM, MathML, XSL ou encore XPath. 

Comme la plupart des navigateurs actuels, Firefox permet d'afficher des images translucides au format PNG.

Télécharger : http://www.mozilla-europe.org/fr/

###### Opera : ######

Opera est une suite de logiciels Internet propriétaire multiplate-forme et gratuite (c'est un graticiel).

Le navigateur web de cet ensemble de logiciels est relativement peu utilisé, derrière d'autres logiciels comme Internet Explorer, Mozilla Firefox et Safari, totalisant moins de 2 % de part de marché. Il est reconnu pour sa rapidité et pour sa conformité vis-à-vis des normes.

Télécharger : http://www.opera-fr.com/

######################################

Sur ce, bonne visite sur notre site, amusez vous bien !
*Lu et approuvé par toute l'équipe*
*/

/* Global */

body {
	margin:				auto;
	font-family: 		Verdana, serif;
	font-size: 			0.7em;
	background: 		#938c70 url(http://img.dofux.org/img.bg.gif) repeat-x;
	color:				#474134;
}

div#global {
	background: 		url(http://img.dofux.org/img.gb.gif) repeat-y;
	width:				868px;
	margin-left:		125px;
	min-height:			1000px;
	z-index:			1;
}

/* Header */

div#header {
	height: 			164px;
	width:				868px;
	margin-left:		125px;
	background: 		url(http://img.dofux.org/img.he.jpg) no-repeat;
}


/* Nav' Barre */

div#navbarre {
	height: 			39px;
	width:				849px;
	background: 		url(http://img.dofux.org/img.nb.jpg) no-repeat;
	text-align:			right;
	margin-left:		9px;
}

/* Structure Contenu */

div#contenu {
	padding:			10px;
	max-width:			868px;
}

.edito {
	width: 				850px;
	text-align: 		center;
}

/* Structure Menu */

div#menu {
	float:				left;
	position:			absolute;
	z-index:			2;
	left:				0;
}

div#menu1 {
	background: 		url(http://img.dofux.org/m1/img.bg.gif) repeat-y;
	width:				125px;
	margin-bottom:		-11px;
}

div#menu2 {
	background: 		url(http://img.dofux.org/m2/img.bg.gif) repeat-y;
	width:				134px;
	margin-bottom:		-11px;
}

.element_menu ul li {
	list-style-image:	url("http://images.dofux.org/site/butonmenu.png");
}
.element_menu ul li:hover {
	list-style-image:	url("http://images.dofux.org/site/butonmenui.png");
}

/* Style Images */

img {
	border: 			0;
}

#dtoolbar {
	height:					30px;
	width:					776px;
	background-image:		url("/http://img.dofux.org/dofustoolbar.jpg");
	background-position:	top;
}

#dtoolbar:hover {
	height:					30px;
	width:					776px;
	background-image:		url("/http://img.dofux.org/dofustoolbar.jpg");
	background-position:	bottom;
}

/* Style des Textes */

.h1 {
	font-size: 			2.5em;
	font-weight:		bold;
	text-align:         center;
}

.h2 {
	font-size: 			1.5em;
	font-weight:		bold;
	text-align:         center;
}
h1 {
	font-size: 			2.5em;
	font-weight:		bold;
	text-align:			center;
}
h2 {
	font-size: 			1.5em;
	font-weight:		bold;
	text-align:         center;
}

.poste {
	font-size:			0.8em;
}

table { 
	margin: 			auto;
	border: 			2px solid #938C70;
	border-collapse: 	collapse;
	font-size: 			1em;

}

th { 
	color: 				white;
	font-size: 			1em;
}

td { 
	border: 			1px solid #938C70;
	padding: 			5px;
	text-align:			left;
	font-size: 			1em;
}

/* Style Liens */

a {
	color: 				#474134;
	text-decoration: 	none;
}

a:hover {
	color: 				#7d725b;
	text-decoration: 	none;
	}

/* Images News */
.news p, .news a {
	color: 				#474134;
	border-bottom: 1px #474134 dotted;
}

.news p, .news a:hover {
	color: 				#7d725b;
	border-bottom: 1px #938c70 dotted;
	}

.news {
	float:				left;
}

.news p:first-letter {
	font-weight: bold;
	text-transform : uppercase;
	font-size : 0.9em;
}

/* Autres */

.signature
{
	margin-top:2px;
	clear: both;
	max-height: 160px;
	width: 650px;
	overflow: hidden;
	font-size:0.8em;
}
.signature hr
{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.fleche_haut
{
background:url(http://images.dofux.org/fleche.gif); height:9px; width:9px; float:right; 
cursor:pointer;
}
#profil { background:url("http://images.dofux.org/menu/profil.gif") no-repeat left top; height:12px; padding-left:23px; }
#profil:hover { background:url("http://images.dofux.org/menu/profil2.gif") no-repeat left top;}

#mp { background:url("http://images.dofux.org/menu/mp.gif") no-repeat left top; height:12px; padding-left:23px; }
#mp:hover { background:url("http://images.dofux.org/menu/mp2.gif") no-repeat left top;}

#craft{ background:url("http://images.dofux.org/menu/panier.gif") no-repeat left top; height:12px; padding-left:23px; }
#craft:hover { background:url("http://images.dofux.org/menu/panier2.gif") no-repeat left top;}

#login { background:url("http://images.dofux.org/menu/deco.gif") no-repeat left top; height:12px; padding-left:23px; }
#login:hover { background:url("http://images.dofux.org/menu/deco2.gif") no-repeat left top; }

body div#bubble {

   border: 1px solid #938C70;
   background: #d5d0a8;
   position: absolute;
   z-index: 100;
   padding: 2px 5px 2px 5px;
   font-size: 10px;
   color: #474134;
   height: auto;
   width: auto;


   visibility: hidden; 
}
.imageflottante
{
   float: right;
}.floatdroite
{
   float: right;
}
.floatgauche
{
   float: left;
}
.neutre {
	color:				gray;
	font-weight:		bold;
}
.terre {
	color:				#ab5702;
	font-weight:		bold;
}
.feu {
	color:				#fd0d0d;
	font-weight:		bold;
}
.eau {
	color:				#1e8efe;
	font-weight:		bold;
}
.air {
	color:				#38ab5f;
	font-weight:		bold;
}

.spoiler button
{
     background-color: #938c70;
     border: 1px solid black;	
	 height: 15px;
	 font-size: 10px;
	 margin-bottom: 1px;
}

.spoiler2
{
	 background-color: #938c78;
     border: 1px solid black;	
	 margin-top:1px;
	 min-width: 90%;
	 width: 90%;
}

a.info_item
{
	position: relative;
	text-decoration: none;
	color: #474134;
	border-bottom: 1px #474134 dotted;
}

a.info_item span
{
	display: none;
	max-width: 800px;
}

a.info_item:hover
{
	background: none;
	z-index: 100;
}

a.info_item:hover span
{
   display: inline;
   position: absolute;
   max-width: 800px;


   top: 30px;
   left: -400px;

   background: #c7c19b;

   color: #474134;
   padding: 3px;

   border: 1px solid #474134;
}