/*----------------------------------------------------------------------------------------
	PAGE EN GENERAL
----------------------------------------------------------------------------------------*/
body{
	width:950px;
	margin:auto;
	padding:0;
	font-family:"times new roman",serif;
	background:url("../picture/fond_point1.gif");
}
#page{
	position:absolute;
}
table {
	border-collapse:collapse;
}
fieldset{
	text-align:center;
	border:2px red groove;
	padding:0;
	padding-left:10px;
	font-size:80%;
}
legend{
	font-weight:bold;
	color:#d72121;
}
form{
	margin:0;
	padding:0;
}
th{
	padding:8px;
	text-decoration:underline;
	font-size:120%;
	font-weight:bold;
}
em{
	text-decoration:none;
	font-weight:bold;
}
a{
	color:#d72121;
	text-decoration:none;
}
a:visited{
	color:#d72121;
	text-decoration:none;
}
a:hover{
	color:red;
	text-decoration:none;
}
a img{
	border:0;
}
.kana{
	color:#260489;
	font-weight:bold;
}
.translation{
	color:green;
}
.kanji{
	color:#d72121;
}
.input_centr{
	text-align:center;
}

/*----------------------------------------------------------------------------------------
	INDEX  &  ACCUEIL  &  ABOUT
----------------------------------------------------------------------------------------*/
#img_entre{
	border:0;
	width:600px;
	height:300px;
	background:url("../picture/entree.png") no-repeat;
	margin:auto;
	margin-top:40px;
	margin-bottom:20px;
	cursor:pointer;
}
.accueil{
	margin:10px;
}
.accueil p{
	text-align:justify;
	text-indent:40px;
}
.last_modif{
	font-size:80%;
	text-align:right;
}
#fiche_about{
	text-align:left;
	padding:0 15px 10px 20px;
}

/*----------------------------------------------------------------------------------------
	Positionnement des Block : ENTETE, MAIN, PIED, MENU
----------------------------------------------------------------------------------------*/
#banniere_top{
	width:950px;
	height:200px;
	background:url("../picture/banniere.png") no-repeat;
}
#menu_haut{
	clear:both;
	width:765px;
	position:absolute;
	top:146px;
	left:178px;
}
#menu_haut .sous_menu{
	float:left;
	margin:0 0 0 40px;
}
#compteur{
	position:absolute;
	top:84px;
	left:715px;
}
#main{
	width:755px;
	position:absolute;
	top:190px;
	left:175px;
	background:url("../picture/fond_moyen.png");
	padding:10px;
}
#pied{
	clear:both;
	width:775px;
	height:40px;
	font-family:serif;
	text-align:center;
	background:url("../picture/fond_pied.png") no-repeat;
	position:absolute;
	bottom:-70px;
	left:0;
	padding-bottom:15px;
}
#pied_large{
	clear:both;
	width:950px;
	height:40px;
	font-family:serif;
	text-align:center;
	background:url("../picture/fond_pied_large.png") no-repeat;
	position:absolute;
	bottom:-70px;
	left:0;
	padding-bottom:15px;
}
#version{
	position:absolute;
	top:141px;
	left:32px;
	font-size:60%;
}

/*----------------------------------------------------------------------------------------
	MENU HAUT
----------------------------------------------------------------------------------------*/
#top-menu{
	clear:both;
	width:100%;
	height:20px;
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
	border:1px orange solid;
	font-family:serif;
	text-align:center;
	background:url("../picture/fond2.png");
}
#flag_lang{
	float:right;
}
#flag_fr{
	width:28px;
	height:18px;
	margin:1px;
	padding:0;
	border:0;
	background:url("../picture/flag_fr.png");	
}
#flag_en{
	width:28px;
	height:18px;
	margin:1px;
	padding:0;
	border:0;
	background:url("../picture/flag_en.png");
}
.logout{
	float:right;
	margin:0 30px 0 0;
}

/*----------------------------------------------------------------------------------------
	MENU GAUCHE
----------------------------------------------------------------------------------------*/
#menu_gauche_fr{
	position:absolute;
	width:150px;
	height:500px;
	background:url("../picture/sous_menu_red_fr.png") no-repeat;
}
#menu_gauche_en{
	position:absolute;
	width:150px;
	height:500px;
	background:url("../picture/sous_menu_red_en.png") no-repeat;
}
#acces{
	position:absolute;
	top:50px;
}
#acces .menug_bouton{
	margin:0;
	padding:0;
	width:130px;
	margin:2px 10px 10px 10px;
}
#acces .pseudo_pass{
	width:110px;
	margin:2px 0 0 18px;
	text-align:center;
}
#ressources{
	position:absolute;
	top:225px;
}
#ressources a, #divers a, #acces a{
	display:block;
	width:150px;
	height:19px;
	text-align:center;
}
#ressources a:hover, #divers a:hover, #acces a:hover{
	background-color:#ffc5c5;
}
#divers{
	position:absolute;
	top:350px;
}
#stat_xiti{
	position:absolute;
	top:392px;
	left:55px;
}
/*----------------------------------------------------------------------------------------
	THEME
----------------------------------------------------------------------------------------*/
#div_lesson {
	padding:10px;
	width:930px;
	background:url("../picture/fond_large.png");
}
.theme{
	padding:15px;
}
.list_theme{
	width:100%;
	border:0;
	font-size:100%;
}
.list_theme td{
	text-align:left;
	border:0;
	width:20%;
	padding:0;
	margin:0;
}
.submit{
	padding:3px;
}
.theme p{
	text-align:justify;
}
/*----------------------------------------------------------------------------------------
	SHOW LISTE
----------------------------------------------------------------------------------------*/
.show{
	width:90%;
	margin:auto;
	margin-bottom:20px;
	font-family:"comic sans ms",serif;
	vertical-align:middle;
	border-collapse:collapse;
}
.show_kan_simple,.show_kan_compo,.show_rom,.show_trad{
	border:0;
	border-bottom:1px white solid;
}
.show_kan_simple{
	padding:0 2px 0 2px;
	color:#d72121;
	font-size:200%;
}
.show_kan_compo{
	padding:0 2px 0 2px;
	color:#d72121;
	font-size:175%;
}
.show_rom{
	padding:0 2px 0 2px;
	color:#260489;
}
.show_trad{
	padding:0 2px 0 2px;
	color:green;
	font-size:80%;
}
.show_plus_kana{
	float:left;
	margin-right:10px;
	text-align:center;
}
.tit_rom td,.tit_lesson td,.tit_kan td,.tit_trad td{
	border-bottom:2px white solid;
}
.tit_rom{
	padding:0 5px 0 5px;
	color:#260489;
	border-bottom:2px white solid;
	height:40px;
}
.tit_lesson{
	text-align:center;
	text-decoration:underline;
	height:75px;
	font-size:120%;
	border-bottom:2px white solid;
}
.tit_kan{
	padding:0 10px 0 5px;
	color:#d72121;
	border-bottom:2px white solid;
}
.tit_trad{
	padding:0 4px 0 4px;
	color:green;
	border-bottom:2px white solid;
}

/*----------------------------------------------------------------------------------------
	TEST TEST TEST
----------------------------------------------------------------------------------------*/
#td_proposition{
	vertical-align:top;
	text-align:center;
	width:46%;
}
#td_solution{
	vertical-align:top;
	text-align:center;
	width:54%;
}
.test_rep{
	margin:auto;
	margin-bottom:5px;
}
.test_rep td{
	text-align:center;
	padding:0 3px 2px 3px;
}
.imag_kan_simple {
	color:#d72121;
	font-size:500%;
	margin:0;
}
.imag_kan_compo {
	color:#d72121;
	font-size:260%;
}
.table_correc{
	border-collapse:collapse;
	margin-bottom:4px;
	width:100%;
}
.correc_sol{
	padding:0 10px 0 10px;
	vertical-align:top;
	text-align:center;
	width:50%;
}
.correc_kana{
	padding:0 10px 0 10px;
	vertical-align:top;
	text-align:center;
	font-size:120%;
}
.correc_kanji{
	border-collapse:collapse;
	margin-bottom:4px;
	font-size:130%;
	font-family:serif;
}
.correc_kanji td{
	padding:0 15px 0 15px;
}
.meaning{
	text-decoration:underline;
	margin:0 0 10px 0;
}

/*----------------------------------------------------------------------------------------
	LEXIQUE    ET    TABLE KANA
----------------------------------------------------------------------------------------*/
#lexique {
	width:550px;
	margin:auto;
}
#lexique h1{
	margin-bottom:5px;
}
#lexique .rubrique{
	text-decoration:underline;
	font-size:130%;
	font-weight:bold;
}
#lexique p{
	text-indent:20px;
	padding:3px;
	text-align:justify;
}
#lexique img{
	margin-right:15px;
}
.table_kana{
	text-align:center;
}

/*----------------------------------------------------------------------------------------
	VOCABULAIRE XML    &    RECHERCHE XML
----------------------------------------------------------------------------------------*/
.voc_theme,.rech{
	border-collapse:separate;
	border:1px blue dashed;
	text-align:center;
	margin:10px;
	background-color:#FFFFFF;
	color:black;
}
.voc_nom_theme{
	padding:5px;
	background-color:#BBBBFF;
}
.voc_tr,.voc_kanji,.voc_kana,.voc_rom,.voc_catego,.tab_rech{
	padding:2px 4px 2px 4px;
	background-color:#FFBBFF;
	font-weight:normal;
}
.voc_catego{
	padding:1px;
	background-color:#BAFFA0;
	font-weight:bold;
}
.rech th {
	padding:2px 4px 2px 4px;
	background-color:#BBBBFF;
	font-weight:bold;
	text-decoration:none;
	font-size:100%;
}
.rech a{
	color:black;
	text-decoration:none;
}
.rech a:hover{
	text-decoration:underline;
}
.rech_cat{
	padding:2px 4px 2px 4px;
	background-color:#BAFFA0;
	font-weight:bold;
}