/*
Design de Ant1 qu'il le veuille ou non.
Rajouté et donc amélioré par Odd7
Pour Lyoko's Towers©

N'hésitez pas à l'utiliser pour vous aider et eventuellement, créer votre design pour notre jeu x)
*/

/* ////////// Classiques ////////// */
body
{
    width: 1000px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; 
	background-color: #e7f2f7;
}
.u
{
	text-decoration:underline;
}
a img
{
	border-style:none;
	text-decoration:none;
}
.pointer
{
	cursor:pointer;
}
/* ////////// Liens ////////// */
/* Avant que les autres <a> soient changés */
a:link {color: #56AAE9; font-family : Arial; font-weight: bold;font-size:12px; TEXT-DECORATION: none}
a:active {color: #96caf1; font-family : Arial; font-weight: bold;font-size:12px; TEXT-DECORATION: none}
a:visited {color: #56AAE9; font-family : Arial; font-weight: bold;font-size:12px; TEXT-DECORATION: none}
a:hover {color: #96caf1; font-family : Arial; font-weight: bold;font-size:12px; TEXT-DECORATION:underline} /* hover en dernier sinon bug avec :visited */
#corps a:link {color: #4DA6E8; }
#corps a:active {color: #8CC6F0; }
#corps a:visited {color: #4DA6E8; }
#corps a:hover {color: #8CC6F0; } /* hover en dernier sinon bug avec :visited */
/* ////////// Bannière ////////// */
#banniere
{
	background:url('http://www.lyokotower.eu/clarte/image/BanLT.png') left top no-repeat;
	float: left;
	width: 600px;
	height:128px;
}
/* ////////// L'action box ////////// */
#action_box
{
    background:url('http://www.lyokotower.eu/clarte/image/fond_box2.png') left top no-repeat;
	font-size:0.9em;
	margin-left: 600px;
    vertical-align: top;
    padding: 5px;
    height: 140px;
	width:390px;
	background-color: #FDD786;
    background-position:top;
    padding-top:0px;
    border: 0px solid black;
    border-bottom: none;
	overflow:auto;
}
#deux, #trois, #quatre, #cinq
{
	display:none;
}
/* ////////// Le menu ////////// */
#menu
{
	float: left;
	width: 200px;
}
#menu h5
{
	margin: 0;
	padding-top:1px;
	padding-bottom:0px;
	vertical-align: middle;
    text-align:center;
	color:white;	
	line-height:20px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/haut_menu2.png') top center no-repeat #E7F2F7;
	height:30px;
    font-size:13px;
	width:200px;
}
#menu .corpsmenu
{
	border: 0px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/bas_menu2.png') bottom center no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom:10px;
	width: 100%;
	padding-bottom: 6px;
	border: 0px;
	font-size:13px;
}
/* ////////// Corps ////////// */
#corps
{
	margin-left: 215px;
	vertical-align: top;
    background-image: url('http://www.lyokotower.eu/clarte/image/fond-corps.png');
   	background-position:top;
	border:none
}
#corps h5
{
	margin: 0;
	vertical-align: middle;
    text-align:center;
	color:white;	
	line-height:20px;
	font-size: 13px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/haut_corps.png') top center no-repeat #E7F2F7;
	height:27px;
}
#contenu_corps
{
    border: 1px solid black;
	border-top:none;
	border-bottom:none;
	padding:5px;
	text-align:center;
}
/* ////////// Footer ////////// */
#footer h5
{
	margin: 0;
	vertical-align: bottom;
	text-align:center;
	color:white;	
	line-height:20px;
	font-size: 13px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/bas_corps.png') bottom center no-repeat #E7F2F7;
	height:24px;
}
/* ////////// Menu des news ////////// */
#menu_news1 .corps_news, #menu_news2 .corps_news, #menu_news3 .corps_news, #menu_news4 .corps_news
{
	border: 0px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/bas_news2.png') bottom center no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:10px;
	width: 680px;
	padding-bottom: 27px;
	font-size:13px;
	text-align:center;
	margin:auto;
}
#menu_news1 a, #menu_news2 a, #menu_news3 a, #menu_news4 a
{
	color: #FFFFFF;
	font-family : Arial;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
}
#menu_news1 a:link, #menu_news2 a:link, #menu_news3 a:link, #menu_news4 a:link { color:#FFFFFF; }
#menu_news1 a:visited, #menu_news2 a:visited, #menu_news3 a:visited, #menu_news4 a:visited { color:#FFFFFF; }
#menu_news1 a:hover, #menu_news2 a:hover, #menu_news3 a:hover, #menu_news4 a:hover { color:#FFFFFF; }
#menu_news1 a:active, #menu_news2 a:active, #menu_news3 a:active #menu_news4 a:active { color:#FFFFFF; }
#menu_news1 h5, #menu_news2 h5, #menu_news3 h5, #menu_news4 h5
{
	border: 0px;
	padding-top:1px;
	padding-bottom:0px;
	margin-left:-10px;
	vertical-align: middle;
    text-align:center;
	color:white;	
	line-height:20px;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	background: url('http://www.lyokotower.eu/clarte/image/haut_news2.png') top center no-repeat;
	height:30px;
    font-size:13px;
	width:700px;
}
/* ////////// Paragraphes <p> ////////// */
.zero
{
	padding:0px;
	margin:0px;
}
.text_droite
{
	text-align:right;
}
.text_centre
{
	text-align:center;
}
.text_gauche
{
	text-align:left;
}
/* ////////// Images de listes ////////// */
.rouge
{
	list-style-image: url("http://www.lyokotower.eu/image/xanarouge.png");
}
.vert
{
	list-style-image: url("http://www.lyokotower.eu/image/xanavert.png");
}
.bleu
{
	list-style-image: url("http://www.lyokotower.eu/image/xanableu.png");
}
.noir
{
	list-style-image: url("http://www.lyokotower.eu/image/xananoir.png");
}
.violet
{
	list-style-image: url("http://www.lyokotower.eu/image/xanaviolet.png");
}
.jaune 
{
	list-style-image: url("http://www.lyokotower.eu/image/xanajaune.png");
}
/* ////////// (Dé)Connexion ////////// */
#cadre_seul
{
border: 1px solid black;
width: 500px;
height: 100px;
background-position: center;
margin-top: 350px;
text-align:center;
margin-right: auto;
margin-left: auto;
padding: 20px;
background-image: url('http://www.lyokotower.eu/image/fond_table.png');
}
/* ////////// Tableaux ////////// */
table
{
	margin:auto;
	border-collapse: collapse;
}
table, table td
{
	border:1px solid black;
}
table td
{
	text-align:center;
	padding:3px 5px;
}
.table_no_border
{
	border:0px solid red;
}
.table_no_border td
{
	border:0px solid red;
}
.double_border
{
	border:3px double red;
}
.double_border td
{
	border:3px double red;
}
.double_border_vert
{
	border:3px double green;
}
.double_border_vert td
{
	border:3px double green;
}
.fond_bleu
{
	background-color:#92BEE2;
}
/* ////////// Cellules padding/margin ////////// */
.margin_haut_4
{
	margin-top:4px;
}
.padding_2 td
{
	padding:2px;
}
/* ////////// Barre de défilement ////////// */
#barre_defilante
{
	float:left;
	margin-top:-21px;
	width: 600px;
}
#cadre_barre
{
	float:left;
	width:600px;
	margin:0 auto;
	margin-top:-21px;
	border:0;
	overflow:hidden;
} 
#zone_defilement
{
	position:relative;
	width:600px;
	height:20px;
	overflow:hidden;
	color:black;
	background-color:transparent;
} 
#defile
{
	position:absolute;
	margin-top:4px;
	background-color:transparent;
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	font-size:13px;
}
/* ////////// Membres connectés et tours des récolteurs ////////// */
a.acronym, div.acronym span
{
	position: relative;
	color: black;
	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px gray dotted; /* on souligne le texte */
}
div.acronym 
{
	position:relative;
}
a.acronym span, div.acronym .texte_co
{
	display: none; /* on masque l'infobulle */
}
a.acronym:hover, div.acronym:hover
{
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

	cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.acronym:hover span, div.acronym:hover .texte_co
{
	display: inline; /* on affiche l'infobulle */
	position: absolute;


	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 50px; /* on positionne notre infobulle */
	left: -10px;

	background: transparent;/*white;*/

	color: #1C0082;
	padding: 5px;

	border: 0px solid black;/*1px solid #674bff;
	border-top: 4px solid #674bff;*/
}
div.acronym:hover .texte_co strong
{
	color:white;
}
div.acronym:hover .texte_co .cadre_un
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_un.png') top left no-repeat;
	width:10px;
	height:21px;
}
div.acronym:hover .texte_co .cadre_deux
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_deux.png') top center repeat-x;
	height:21px;
}
div.acronym:hover .texte_co .cadre_trois
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_trois.png') top right no-repeat;
	width:10px;
	height:21px;
}
div.acronym:hover .texte_co .cadre_quatre
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_quatre.png') bottom left no-repeat;
	width:10px;
}
div.acronym:hover .texte_co .cadre_cinq
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_cinq.png') repeat-x bottom;
}
div.acronym:hover .texte_co .cadre_six
{
	background: url('http://www.lyokotower.eu/clarte/image/cadre_six.png') bottom right no-repeat;
	width:10px;
}

/* ////////// Liste des membres ////////// */

.membre_info
{
	border: 1px black solid;
	width: 315px;
	height: 400px;
	background-color: white;
	padding: 10px;
}
.bio
{
	border:1px solid black;
	background-color:white;
	padding: 10px;
}

/* ////////// Options ////////// */

#menu_option table
{
	width: 160px;
	float:left;
	padding: 6px;
	border:1px solid black;
	margin-left:10px;
}
#menu_option td
{
	text-align:left;
	border:1px none black;
	padding-left:12px;
	background-color:#e4eaf2;
}
#menu_option th
{
	text-align:center;
	border:1px solid black;
	border-top:1px solid black;
	background-color: #99CDEC;
}
#menu_option a
{
	text-decoration: none;
}
#menu_option a:link { color:#4DA6E8; }
#menu_option a:visited { color:#4DA6E8; }
#menu_option a:active { color:#1B83CF; }
#menu_option a:hover { color:#1B83CF; }
#menu_option img
{
	margin-right:5px;
}
#corps_option table
{
	width: 500px;
	padding: 6px;
	border:0px solid black;
	margin-left:180px;
}
#corps_option td
{
	text-align:center;
	border:1px solid black;
	padding-left:10px;
	padding-bottom:10px;
	background-color:#e4eaf2;
}
#corps_option th
{
	text-align:center;
	border:1px solid black;
	border-top:1px solid black;
	background-color: #99CDEC;
}
.profil_decale
{
	text-align:left;
}
.profile_decale hr
{
	text-align:left;
}

/* ////////// Aide ////////// */

.aide
{
	font-size:18px;
	text-decoration:underline;
	color:#800080;
}