legend
{
	border: 1px solid gray;
	-moz-border-radius:5px;
	padding: 4px;
	background-color: #ebf0ff;
}
fieldset
{
	border: 1px solid gray;
	-moz-border-radius:5px;
	background: #f3f3f4;
}
label
{
	display: block;
	width: 250px;
	border-right: 1px solid white;
	text-align: right;
	padding-right: 10px;
	float: left;
	margin-bottom: 5px;
}
input[type=text], input[type=password], select
{
	border: 1px solid gray;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 5px;
	min-width: 150px;
}
input[type=text]:hover, input[type=password]:hover
{
	border: 1px solid #ffdd71;
	background-color: #fff7df;
}
input[type=text]:focus, input[type=password]:focus
{
	border: 1px solid #19be00;
	background-color: #eaffe7;
	color: #0b5800;
}
input[type=submit]
{
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 30px;
}
label:hover
{
	background-color: #eaffe7;
	cursor: pointer;
}
hr
{
	margin-top: 8px;
	margin-bottom: 5px;
	height: 8px;
	background-image: url("../img/hr.png");
	background-repeat: repeat-x;
	border: none;
}
ol
{
	margin-left: 30px;
}
#page_title
{
	font-size: 20px;
	color: #4a4a4a;
}
#welcome_title
{
	font-size: 23px;
	margin-bottom: 14px;
}
#link_box
{
	width: 220px; 
	float: right;
	min-height: 140px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#link_box li
{
	width: 220px;
	list-style: none;
	list-style-position: outside;
	text-decoration: none;
	border-bottom: 1px solid gray;
}
#communications_importantes
{
	border: 1px solid #d5f7c4;
	-moz-border-radius: 4px;
	background-color: #eafbe2;
	width: 400px;
	padding: 4px;
	margin-left: 20px;
}
#body a
{
	text-decoration: none;
	color: #1ee600;
}
#body a:hover
{
	color: #0e6a00;
	border-bottom: 1px dotted #0e6a00;
}
a  img 
{
	border: none;
}
p
{
	margin-bottom: 4px;
}
h1
{
	border: 1px solid green;
	padding: 3px 10px 3px 20px;
	font-size: 22px;
	font-weight: 500;
	-moz-border-radius: 5px;
	background: #ebf7e0;
	margin-top: 10px;
	clear: both;
	vertical-align: middle;
}
h2
{
	border: 1px solid green;
	padding: 3px 10px 3px 20px;
	margin-left: 20px;
	font-size: 18px;
	font-weight: 500;
	-moz-border-radius: 5px;
	background: #eef9e4;
	margin-top: 20px;
	clear: both;
}
h3
{
	border: 1px solid green;
	padding: 3px 10px 3px 20px;
	margin-left: 40px;
	margin-left: 40px;
	font-size: 16px;
	font-weight: 500;
	-moz-border-radius: 5px;
	background: #f5fbf0;
	margin-top: 20px;
	clear: both;
}
#page_presentation
{
	text-align: left;
}
fieldset
{
	padding: 5px;
	padding-left: 13px;
	margin-bottom: 10px;
	margin-top: 20px;
}
/* ################################ */
.alerts
{
	display: block; 
	padding: 8px;
	padding-left: 95px;
	padding-top: 10px;
	width: 370px;
	margin-bottom: 10px;
	min-height: 60px;
	border: 1px solid #d40000;
	background-color: #f98e84;
	background-image: url("../img/ko.png");
	background-repeat: no-repeat;
	background-position: middle left;
	-moz-border-radius: 5px;
	clear: both;
	margin-left: 120px;
	color: #760000;
}
.greetings
{
	display: block; 
	padding: 8px;
	padding-left: 95px;
	padding-top: 10px;
	width: 370px;
	margin-bottom: 10px;
	min-height: 60px;
	border: 1px solid #1ee600;
	background-color: #c1f4ab;
	background-image: url("../img/ok.png");
	background-repeat: no-repeat;
	background-position: middle left;
	-moz-border-radius: 5px;
	clear: both;
	margin-left: 120px;
	color: #196619;
}
#table_list_vocs
{
	margin: auto;
	background-color: #ddecff;
}
#table_list_vocs th
{
	background-color: #79b3ff;
}
#table_list_vocs td, th, table
{
	padding: 1px;
	border: 1px solid #95b7de;
	border-collapse: collapse;
}
#table_list_vocs tr
{
	border: 1px solid #95b7de;
}
#block_words_list
{
	clear: both;
	border: 1px solid #666666;
	background-color: #f1f1f1;
	width: 660px;
	margin: auto;
	padding: 0px;
}
.list_word_entry_pair
{
	display: block;
	background-color: #e2e2e2;
	padding-left: 5px;
	padding-right: 3px;
	min-height: 23px;
}
.list_word_entry_unpair
{
	display: block;
	background-color: #f6f6f6;
	padding-left: 5px;
	padding-right: 3px;
	min-height: 23px;
}
.list_word_entry_unpair:hover, .list_word_entry_pair:hover
{
	background-color: #7bb9ff;
}
.list_word_left
{
	display: block;
	float: left;
	width: 300px;
	font-weight: bold;
	height: 22px;
	padding-top: 3px;
}
.list_word_right
{
	display: block;
	float: left;
	width: 300px;
	height: 22px;
	padding-top: 3px;
}
#fieldset_add_words
{
	border: 1px solid #666666;
	background-color: #f1f1f1;
	min-height: 20px;
	width: 660px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 15px;
}

.word_input_left
{
	display: block;
	float: left;
	width: 290px;
	font-weight: bold;
	height: 18px;
}
.word_input_right
{
	display: block;
	float: right;
	width: 290px;
	height: 18px;
}
.rang_pair
{
	display: block;
	height: 35px;
	background-color: #e2e2e2;
	padding-top: 13px;
	padding-left: 5px;
	padding-right: 5px;
}
.rang_unpair
{
	display: block;
	height: 35px;
	background-color: #f6f6f6;
	padding-top: 13px;
	padding-left: 5px;
	padding-right: 5px;
}
#legend_flags
{
	border: 1px solid black;
	padding: 4px;
	font-size: 0.7em;
	margin-top: 20px;
	width: 550px;
}
#block_alerts_adding_words
{
	border: 1px solid #004f90;
	background-color: #c1e3ff;
	margin: 15px;
	width: 600px;
}
#block_alerts_adding_words li
{
	margin-left: 20px;
	font-size: 0.8em;
}
#lesson_voc_list_choice
{
	width: 620px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid gray;
	min-height: 50px;
}
.lessons_list_entry_pair
{
	display: block; 
	min-height: 23px;
	padding-top: 4px;
	background-color: #e2e2e2;
	padding-left: 5px;
}
.lessons_list_entry_unpair
{
	display: block;
	min-height: 23px;
	padding-top: 4px;
	background-color: #f6f6f6;
	padding-left: 5px;
}
.lessons_list_entry_unpair:hover, .lessons_list_entry_pair:hover
{
	background-color: #7bb9ff;
}
.omega_vocs_lists_header
{
	border: 1px solid #a5c0d2;
	background-color: #e3ebf1;
	-moz-border-radius:5px;
	margin-top: 45px;
	margin-bottom: 1px;
	padding: 3px;
	padding-left: 30px;
}	
.omega_vocs_lists_entry
{
	border-top: 1px solid gray;
	clear: both;
	padding-top: 2px;
	padding-left: 5px;
}
.omega_vocs_lists_entry:first-child, .omega_vocs_lists_header:first-child, .group_one_voc:first-child
{
	border-top: none;
}
#list_lessons_encours, #list_lessons_archives
{
	border: 1px solid #a5c0d2;
	background-color: #ecf1f5;
	width: 500px;
	margin-left: 80px;
	margin-top: 30px;
}
#list_lessons_encours td, #list_lessons_archives td
{
	padding: 4px;
	border-bottom: 1px solid #a5c0d2;
}
#list_lessons_encours tr:hover, #list_lessons_archives tr:hover
{
	background-color: #e7e7e7;
}
 .exercice_name_td
{
	padding: 3px;
	padding-left: 15px;
	margin-left: 20px;
	width: 450px;
	color: black;
}

#list_vocs
{
	border: 1px solid #a5c0d2;
	background-color: #ecf1f5;
	width: 560px;
	margin-left: 80px;
	margin-top: 30px;
}
#list_vocs td
{
	padding: 4px;
	border-bottom: 1px solid #a5c0d2;
}
#list_vocs th
{
	background: #a5ccff;
}
#list_vocs tr:hover
{
	background-color: #dfe8ef;
}
.tr_voc_friend
{
	background-color: #d9ffcf;
	color: gray;
}
.lesson_date_td
{
	font-size: 0.7em;
	border-right: 1px solid #a5c0d2;
	width: 100px;
	text-align: center;
}

#st_info
{
	border: 1px solid #c0b987;
	background-color: #f3ebb2;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
}
/* ----------------  QUESTIONARY ! ------*/
#cadre_question
{
	float: left;
	width: 345px;
	height: 150px;
	border: 1px solid #8fa2c5;
	background-image: url("../img/fond-leblock.png");
	background-repeat: repeat-x;
	margin-right: 5px;
}
#cadre_reponse
{
	float: right;
	width: 345px;
	height: 150px;
	border: 1px solid #a2ca92;
	background-image: url("../img/fond-leblock-answer.png");
	background-repeat: repeat-x;
}
#header_cadre_question
{
	display: block; 
	height: 25px;
	background-image: url("../img/header-questionary.png");
	background-repeat: repeat-x;
	padding-top: 3px;
	border-bottom: 2px solid #8fa2c5;
	font-weight: bold;
	padding-left: 10px;
}
#header_cadre_reponse
{
	display: block; 
	height: 25px;
	background-image: url("../img/header-answer.png");
	background-repeat: repeat-x;
	padding-top: 3px;
	border-bottom: 2px solid #a2ca92;
	font-weight: bold;
	padding-left: 10px;
}
#span_question
{
	display: block; 
	margin-top: 50px;
	margin-left: 40px;
	font-weight: bold;
	font-size: 1.2em;
}
#instructions_question
{
	display: block;
	margin-top: 20px;
	margin-left: 40px;
}
#input_answer
{
	display: block;
	margin-top: 8px;
	text-align: center;
}
#input_answer input[type=text]
{
	font-size: 1.1em;
	width:  260px;
}
#submit_answer
{
	display: block; 
	margin-top: 20px;
	text-align: center;
}
#tool_bar_question
{
	display: block; 
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#cadre_stats_mot
{
	float: left;
	width: 500px;
	border: 1px solid #aeaeae;
	background-image: url("../img/fond-leblock-gris.png");
	background-repeat: repeat-x;
	margin-top: 13px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#header_cadre_stats_mot
{
	display: block; 
	height: 25px;
	background-image: url("../img/header-block-gris.png");
	background-repeat: repeat-x;
	padding-top: 3px;
	border-bottom: 2px solid #aeaeae;
	font-weight: bold;
	padding-left: 10px;
}

#cadre_stats_generales
{
	display: block;
	float: right;
	width: 550px;
}
#header_cadre_stats_generales
{
	display: block; 
	height: 25px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 21px;
	color: #607b92;
	margin-bottom: 20px;
}
#last_word_name
{
	display: block;
	font-size: 16px;
	margin-left: 5px;
	margin-top: 10px;
	font-weight: bold;
}
#sigma_word_stats
{
	font-size: 0.9em;
	display: block;
	margin-left: 10px;
	text-decoration: underline;
}
#omega_lesson_exe
{
	font-size: 0.9em;
	display: inline;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}
#exe_pourcentage
{
	font-size: 35px;
	font-weight: bold;
	float: right;
	margin-bottom: 5px;
	border: 1px solid black;
}
#reponse_question
{
	display: block; 
	padding: 8px;
	padding-left: 85px;
	padding-top: 20px;
	width: 252px;
	margin-bottom: 10px;
	min-height: 55px;
	border: 1px solid #929292;
	background-color: #e6e6ed;
	background-image: url("../img/question.png");
	background-repeat: no-repeat;
	background-position: middle left;
	-moz-border-radius: 5px;
	margin-left: 0px;
	color: #818181;
	font-weight: bold;
	float: left;
	font-size: 16px;
}
#reponse_correcte
{
	display: block; 
	padding: 8px;
	padding-left: 85px;
	padding-top: 30px;
	width: 251px;
	margin-bottom: 10px;
	min-height: 45px;
	border: 1px solid #1ee600;
	background-color: #c1f4ab;
	background-image: url("../img/ok.png");
	background-repeat: no-repeat;
	background-position: middle left;
	-moz-border-radius: 5px;
	margin-left: 25px;
	color: #196619;
	font-weight: bold;
	float: right;
	font-size: 16px;
}
#reponse_fausse
{
	display: block; 
	padding: 8px;
	padding-left: 85px;
	padding-top: 20px;
	width: 251px;
	margin-bottom: 10px;
	min-height: 55px;
	border: 1px solid #d40000;
	background-color: #f98e84;
	background-image: url("../img/ko.png");
	background-repeat: no-repeat;
	background-position: middle left;
	-moz-border-radius: 5px;
	margin-left: 25px;
	color: #760000;
	font-weight: bold;
	float: right;
	font-size: 16px;
}
#reponse_fausse span
{
	color: green;
}

/* ----------END--  QUESTIONARY ! ------*/

.sigma_choice
{
	width: 230px;
	float: left;
}
.sigma_choice span
{
	display: block;
	padding-top:45px;
	float: left;
}
.sigma_choice img
{
	display: block;
	float: right;
}
.sigma_choice label
{
	width: 180px;
	float: right;
}
.request
{
	display: block;
	border-top: 1px solid #9bbbea;
	width: 500px;
	margin-top: 15px;
}
.profil_group
{
	width: 500px;
	padding: 20px;
	background: #e8ebef;
	clear: both;
}
.profil_group .left
{
	display: block;
	float: left;
	width: 180px;
	min-height: 30px;
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid white;
	font-weight: bold;
}
.profil_group .right
{
	display: block;
	float: right;
	width: 290px;
	min-height: 30px;
	text-align: left;
	padding-left: 10px;
}.profil_group div
{
	clear: both;
}
.info_reg
{
	border: 1px solid #75a0ff;
	background-color: #e3ebff;
	padding: 7px;
	margin-left: 30px; 
	margin-top: 10px; 
}
.choice
{
	border: 1px solid gray;
	-moz-border-radius:6px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #ebf0ff;
}
.choice:hover
{
	background-color: #b7c9ff;
}
/*---------- MP :.......................*/
#mp_overhall
{
	width: 700px;
}
#mp_body
{
	clear: both;
	min-height: 100px;
	border: 1px solid #4dacfa;
	background-color: #deeaf3;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	padding: 10px;
}
#mp_onglets .left
{
	display: block; 
	float: left;
	border: 1px solid #4dacfa;
	background-color: #f0f3f5;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-bottom: none;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 9px;
}
#mp_onglets .right
{
	display: block; 
	float: right;
	border: 1px solid #4dacfa;
	background-color: #f0f3f5;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-bottom: none;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 9px;
}
#mp_onglets span:hover
{
	background-color: #f5f2ca;
}
#pagination_mp
{
	display: block;
	float: left;
	margin-top: 20px;
	width: 40%;
	height: 30px;
}
#actions_mp
{
	display: block;
	float: right;
	margin-top: 20px;
	width: 60%;
	height: 30px;
}
.pagi_on
{
	padding: 2px;
	border: 1px solid orange;
	background-color: white;
}
.pagi_off
{
	padding: 2px;
	border: 1px solid blue;
	background-color: white;
}
.ico_mp
{
	display: block; 
	float: left;
	width: 30px;
	padding-top: 9px;
	text-align: center;
	cursor: help;
}
.mp_title
{
	display: block; 
	float: left;
	width: 400px;
	padding-top: 1px;
}
.mp_by_to
{
	display: block; 
	float: left;
	width: 400px;
	font-size: 10px;
	padding-top: 1px;
}
.mp_checkbox
{	
	display: block; 
	float: right;
	width: 20px;
	padding-top: 9px;
	padding-right: 10px;
}
.mp_old
{
	display: block;
	width: 94%;
	height: 37px;
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	background-color: white;
	border-bottom: 1px solid #dbdee0;
	border-left: 3px solid #d7d7d7;
	border-right: 3px solid #d7d7d7;
}
.mp_new
{
	display: block;
	width: 94%;
	height: 37px;
	clear: both;
	background-color: #fafad9;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #dbdee0;
	border-left: 3px solid #53a6f4;
	border-right: 3px solid #53a6f4;
}
.mp_answer
{
	display: block;
	width: 94%;
	height: 37px;
	clear: both;
	background-color: #e3f9d8;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #dbdee0;
	border-left: 3px solid #98f394;
	border-right: 3px solid #98f394;
}
/*---------- MP :.......................*/
.downloads
{
	width: 100%;
	border: 1px solid black;
	clear: both;
	margin-bottom: 7px;
}
.downloads tr
{
	border: 1px solid gray;
}
.titre_downloads
{
	border: 1px solid black;
	width: 100%;
	background-image: url("../img/fond-downloads.png");
	background-repeat: repeat;
	height: 24px;
}
.entree_list
{
	display: block;
	width: 700px;
	clear: both;
	height: 24px;
	border: 1px solid #3b424a;
	border-top: none;
	margin: 0px;
}
.entree_list:hover
{
	background-color: #c2dffd;
}
.entree_list label:hover
{
	background: none;
}
.t_entree_list
{
	width: 702px;
	height: 24px;
	border-bottom: 1px solid #3b424a;
}
.checkbox_list
{
	width: 30px;
	float: left;
	height: 24px;
	text-align: center;
}
.status_list
{
	width: 30px;
	float: left;
	height: 24px;
}
.pseudo_list
{
	width: 300px;
	float: left;
	height: 24px;
}
.log_list
{
	width: 200px;
	float: left;
	height: 24px;
}
.supp_list
{
	width: 80px;
	float: left;
	height: 24px;
}
.name_list
{
	width: 400px;
	float: left;
	height: 24px;
	text-align: left;
}
.trans_list
{
	width: 220px;
	float: right;
	height: 24px;
	text-align: center;
}


#import_block
{
	width: 320px;
	min-height: 300px;
	float: left;
	margin-left: 10px;
	text-align: center;
	background-image: url("../img/fond-imp-exp.png");
	background-repeat: no-repeat;
	padding-top: 3px;
}
#export_block
{
	width: 320px;
	min-height: 300px;
	float: right;
	margin-right: 10px;
	text-align: center;
	background-image: url("../img/fond-imp-exp.png");
	background-repeat: no-repeat;
	padding-top: 3px;
}
#import_block span.titre, #export_block span.titre
{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#export_block #vocs, #export_block #lessons
{
	margin-bottom: 10px;
}
#import_block p, #export_block p
{
	display: block;
	text-align: center;
	font-size: 13px;
}
#chrono_img
{
	width: 50px;
	height: 50px;
	float: left;
}
#global_chrono
{
	height: 20px;
}
#global_text
{
	width: 160px;
	float: left;
	height: 16px;
	padding-top: 4px;
}
#global_time
{
	float: left;
	height: 16px;
	padding-top: 4px;
	width: 100px;
}
#global_time_graph
{
	background-image: url("../img/cab.png");
	float: left;
	width: 270px;
	height: 20px;
}
#global_time_graph_prog
{
	height: 20px;
	background-image: url("../img/cab-prog.png");
	min-width: 1px;
	max-width: 270px;
}
#time_chrono
{
	margin-top: 8px;
	margin-bottom: 8px;
	height: 20px;
}
#time_text
{
	width: 160px;
	float: left;
	height: 16px;
	padding-top: 4px;
}
#time_time
{
	float: left;
	height: 18px;
	padding-top: 2px;
	width: 100px;
	font-weight: 900;
	font-size: 17px;
}
#time_time_graph
{
	background-image: url("../img/cab.png");
	float: left;
	width: 270px;
	height: 20px;
}
#time_time_graph_prog
{
	height: 20px;
	background-image: url("../img/cab-prog.png");
	min-width: 1px;
}
#visio_gauche
{
	float: left;
	width: 300px;
	min-height: 140px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url("../img/fond-visio.png");
	border: 1px solid #4d8bca;
}
#visio_droite
{
	float: right;
	width: 300px;
	min-height: 140px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url("../img/fond-visio.png");
	border: 1px solid #4d8bca;
	cursor: help;
}
#visio_question
{
	color: #001060;
	font-size: 17.6px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 43px;
	font-weight: bold;
}
#visio_reponse
{
	color: #001060;
	font-size: 17.6px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 43px;
	font-weight: bold;
}
/* ADMINISTRATION */
#block_online
{
	float: right; 
	width: 200px;
	border: 1px solid #657996;
}
#block_online .title
{
	display: block;
	width: 200px;
	background-color: #657996;
	color: white;
	text-align: center;
	padding-bottom: 3px;
}
#block_online a
{
	display: block;
	padding-left: 10px;
}
#block_online ol
{
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
}
#block_admin_content
{
	float: left; 
	width: 520px;
	min-height: 40px;
	margin-bottom: 10px;
	border: 1px solid #657996;
}
#block_admin_content .content
{
	margin-left: 10px;
	display: block;
}
#block_admin_content .title
{
	display: block;
	background-color: #657996;
	color: white;
	padding-left: 100px;
	padding-bottom: 3px;
}
#history_table
{
	border: 1px solid rgb(200,200,200);
}
#history_table tr, #history_tabletd
{
	height: 25px;
	border-bottom: 1px solid rgb(200,200,200);
}
#history_table  tr  td:first-child
{
	padding-left: 8px;
}
.hist_1
{
	background-color: #c6f19a;
	color: black;
}
.hist_2
{
	background-color: #cddcf2;
	color: black;
}
.hist_3
{
	background-color: #e6e6e6;
	color: black;
}
.hist_4
{
	background-color: #f0f0f0;
	color: black;
}
.hist_5
{
	background-color: #fafafa;
	color: black;
}
.hist_6
{
	background-color: ;
	color: black;
}
.hist_7
{
	background-color: ;
	color: black;
}
.hist_8
{
	background-color: ;
	color: black;
}
.hist_9
{
	background-color: ;
	color: black;
}