/*********************** Réinitialisation des valeurs  ***********************/
* {
	margin:0px;
	padding:0px;
	outline:0px;
	list-style:none;
	border:none;
}



/* Div pour précharger les images */
#preload{display:none;}
#source {clear:both; font-size:0.7em;}
#source strong{text-decoration:underline;}


hr.clear{clear:both; visibility:hidden;}
hr#sepa{height:50px; visibility:hidden;}

img{border:none;}

/* Div pour précharger les images */
#preload{display:none;}
#source {clear:both; font-size:0.7em;}
#source strong{text-decoration:underline;}

/* Arrière plan  BODY */
body {
	font: 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
	width:100%; height:100%;
}

html {
	background-color:#FFF;
	margin: 0;
	width:100%; height:100%;
	}
	
/*  Liens hypertexte */	
a {
	text-decoration:none;
	}
	
/*********************** Global (toute la page)  ***********************/
#global {width:1000px; height:100%; margin:0 auto;}

/*********************** Header (logo & menu horizontal)  ***********************/
#header { background:url('logo.png') no-repeat 28px 13px; width:100%; padding-top:108px; position:relative;}

p#language {position:absolute; right:0; top:0; width:250px; theight:100px; line-height:30px;}
#language img {vertical-align:middle;}
#language span strong{border:1px solid transparent;}
#language a {color:#000;}
#language span strong#active {border-bottom:1px solid #ec9409;}
#language span strong:hover {border-bottom:1px solid #5792ea; }

p#horizmenu{ background:url('horizmenu.png') repeat-x; line-height:36px; height:36px;}

#border{width:100%; height:15px; background:url('footer.png') repeat-x; margin-bottom:20px;}

/*********************** Content (menu + bloc de droite)  ***********************/

#content {width:100%; height:auto; margin:0 auto;}

#menu {width:230px; margin-left:34px; background:url('bgmenu.png') repeat-y; float:left;}
#top{ background:url('topmenu.png') no-repeat; line-height:54px; height:54px; width:230px; text-align:center;}
#bottom{ background:url('bottommenu.png') no-repeat; line-height:51px; height:51px; width:230px; text-align:center;}

/*** Rubriques ***/
#menu h3 {text-align:center; width:230px; font-variant:small-caps;}

/*** listes ***/
#menu a {color:#5792ea; font-weight:bold;}
#menu li{border:1px solid transparent;}
#menu li:hover{border:1px solid #5792ea;}
#menu li.active{background-color:#E6E6E6; border:1px solid #ec9409;}
#menu li.active a { color:#ec9409;}
#menu ul {margin-bottom:15px; width:230px;}
#menu ul li {padding-left:20px;}

/*** Pahe -> droite ***/
#right{position:relative; width:640px; height:100%; border:1px solid #a4a3a3; float:left; margin-bottom:30px; margin-left:50px;}
h4#titre {border-bottom:1px solid #a4a3a3; height:30px; line-height:30px; font-size:1.1em; letter-spacing:1px; color:#FFF; background:#5792ea; text-align:center;}
h4#modif{bottom:0; width:640px; position:absolute; border-top:1px solid #a4a3a3; height:15px; line-height:15px; font-size:0.9em; letter-spacing:1px; color:#FFF; background:#ec9409; text-align:right;}

#right p {padding:0 10px 0 20px; margin-top:30px; text-align:justify;}

#right a {color:#5792ea;}
#right a:hover{color:#ec9409;}

/****************** TIFLOW L33T FACTS *******************/
#right p.pair{background:#F2F3F3; font-size:0.8em; border:1px solid #8E8E8E; width:550px; margin:0 auto; margin-top:30px; padding:5px;}
#right p.impair{background:#c0e0e0; font-size:0.8em; border:1px solid #20a0a0; width:550px; margin:0 auto; margin-top:30px; padding:5px;}

#right p.pair , #right p.impair {border-left:none; border-right:none; border-bottom:none;}


#right p.pair a, #right p.impair a {color:#000099;}

#right p.pair a:visited, #right p.impair a:visited {color:#000099;}



#right p.pagination a {color:#20a0a0;}

#right p.pagination a:hover {color:#000;}

/****************** NEWS *******************/

#right p.news{background:#F2F3F3; font-size:0.8em; border:1px solid #8E8E8E; width:550px; margin:0 auto; margin-top:0px; padding:5px;}

#right p.news  {border-left:none; border-right:none; border-bottom:none;}


#right p.news a {color:#000099;}

#right p.news a:visited  {color:#000099;}




/*********************** Footer (pied de page)  ***********************/
#footer{width:100%; height:50px; background:url('footer.png') repeat-x; margin-top:50px;}
#footer p {text-align:center; font-variant:small-caps; padding-top:15px; color:#a4a3a3;}



/*********************** LE VIEUX CSS DU VIEUX SITE LOL *********************/
/*** Page des Miis ***/
div#right .img {text-align:center; width:150px; border:1px solid transparent;}
div#right .img:hover {border:1px solid #5792ea;}
div#right .img img {width:150px;}

/** Pages des screens des maps **/
div#right ul#maps {font:11px sans-serif; list-style-type:none; margin:20px 0 20px 50px; width:450px; padding:5px;}
div#right #maps li{padding-left:18px; background:url('bullet_blue.png') no-repeat;}
div#right #maps a{text-decoration:none; color:#5792ea;}
div#right #maps li:hover{ background:url('tag.png') no-repeat; text-decoration:underline;}

/** Page Site preview **/
#code {width:100px; overflow:scroll; margin-left:15px; margin-bottom:10px; border:1px solid #008000;background-color:#CCFF99; font-size:0.8em;}
#url{display:block; background:none; height:18px; border:1px solid #000; border-left-color:gray; border-top-color:gray; float:left; width:250px;}
#url:hover{border:1px solid gray; border-left-color:#000; border-top-color:#000;}
#ok {background:url('tick.png') no-repeat transparent; display:block; width:35px; height:20px;  float:left; text-align:right; margin-left:5px;}

/**  Liste de dépôts **/
#depots{margin-left:15px; font-size:0.8em;}
#depots li {padding-left:18px;}
#depots li:hover {background:url('tag.png') no-repeat;}
#depots a {color:#5792ea;}
#depots a:hover {color:#0092ea;}

input, select {border:1px solid #000;}


/********* maps.xawou.com*******************/

ul#mapstart li, ul#mapfirst li {float:left; display:block;}
ul#mapstart li {padding:2px; font-variant:small-caps; font-size:1.3em; text-align:center; font-weight:bold; border:1px solid #0092ea; margin-left:10px;}

#mapstart a , #mapfirst a{color:#0092ea;}
#mapstart li:hover a, #mapfirst li:hover a{color:#ec9409;}
#mapstart li:hover{border-color:#ec9409;}

ul#mapfirst li {font-variant:small-caps; border:1px solid transparent; padding:2px;}
ul#mapfirst li:hover {border-color:#ec9409;}


#mapfirst li {float:left; display:block; margin:5px 10px 5px 10px; font-size:1.2em;}


#maprows {width:1000px;}
#maprows li {float:left; display:block; margin:0 5px 15px 0;}
ul#maprows li {text-align:center;}
#maprows img {max-height:150px;}


ul#mapfirst li.on, ul#mapstart li.on{border-color:#ec9409;}


ul#mapfirst li.on a, ul#mapstart li.on a{color:#ec9409;}


/******************************************/