/*
-----------------------------------
----------SCRIPT STYLES------------
-----------------------------------
*/


/*-----------GENERALITIES-----------*/
html{
	height: 100%;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
*{
	margin: 0;
	padding: 0;
}
body {
	height: 100%;	
}
form input {
	border: 2px solid #202842;
}

form input:focus {
	background-color:#FFFFFF;
	border: 2px solid #344a9c;
}
input[type=text] {
	
}
.input_text{
	width: 250px;
	height:25px;
}
input[type=checkbox] {
	margin-right:10px;
	margin-left:10px;
}

ul{
	list-style-type:none;
}

select:not([multiple])  {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  width: 250px;
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;}

.formCSS select[multiple="multiple"] {
	width: 145px;
}
fieldset
{
	padding:20px;
}
p
{
	
}

h1
{
	color:#202842;
	text-align:left;
	margin-left:20px;
}

h2
{

}

h7
{
	font-size: 42.5px;	
	position: absolute;
	top:4%;
	left:50%;
	width: 50%;
}
a.nounderline:link 
{ 
	color: black;
	margin-left:40px;
}
a.nounderline:visited
{
	color: black;
}

.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #344a9c) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #344a9c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #0d4a87;
	margin-left : 25%;
	margin-right : 25%;
}.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}.submit:active {
	position:relative;
	top:1px;
}



/*-----------CONTAINER-----------*/
#main
{
	position : relative;
	min-height: 100%;
	width : 960px;
	margin-left: auto;
	margin-right: auto;
}
#header
{
/*	background-color:blue;*/
	margin:10px;
	padding: 10px;
	padding-top:5px;
	width:960px;
}


#footer
{
	text-align:center;
	position: absolute;
	bottom:-100px;
	height:80px;
	width: 100%;
	font-size:13px;
}

#div_table{
	float : left;
	border-radius: 20px / 10px;
	width:500px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 10px;
	font-size: 1.2em;
}

#error_js{
	text-align:center;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px / 10px;
        width:800px;
        background-color: #f3f1ff;
	margin-top:200px;
	padding:30px;
}

#connection
{
	position: absolute;
	left:310px;
	top:250px;
	border: 1px solid #202842;
	background:#f3f1ff;
	width:340px;
	height:250px; 
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 16px  16px  14px  #93a5bd;
	-webkit-box-shadow: 16px  16px  14px  #93a5bd;
	box-shadow: 16px  16px  14px  #93a5bd;
}
.contener_list
{
	width : 220px;
	background-color: #fff;
	float:left;
	margin-bottom:45px;
	margin-top:20px;
}
.list
{
	background-color: #f3f1ff;
	padding: 8px;
	margin:2px;
	width : 215px;
}
.contents
{
	overflow: hidden;
	padding-bottom: 100px;
        font-size:14px;
	width : 960px;
}
.side_bar
{
	text-align:center;
	text-decoration:none;
}
.div_error
{
	width:350px;
	height:25px; 
}
.add
{
	float : right;
	border-radius: 20px / 10px;
	width:320px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}

#title_discipline
{
	height:20px; 
	width:200px;
	padding:10px;
}
.search
{
	float:right;
	border-radius: 20px / 10px;
	width:250px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
	text-align:center;
}
#change_pass
{
	float:none;
	border-radius: 20px / 10px;
	width:280px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
.user
{
	float:left;
	border-radius: 20px / 10px;
	width:320px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
#choose_exam
{
	background-color: #f3f1ff;
	border-radius: 20px / 10px;
	width:260px;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
#choose_quiz
{
	text-align:center;
	border-radius: 20px / 10px;
	width:220px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}

#question
{
	float : left;
	border-radius: 20px / 10px;
	width:300px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
.question_man
{
	float : right;
	border-radius: 20px / 10px;
	width:500px;
	background-color: #f3f1ff;
	padding: 20px;
	/*margin : 20px;*/
	margin : 20px 0;
	font-size: 1.2em;
}
.AddQuestion
{
	padding: 20px;
	/*margin : 10px;*/
	margin : 0;
}
#question_update
{
	float : right;
	border-radius: 20px / 10px;
	width:450px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
#exam
{
	float : left;
	border-radius: 20px / 10px;
	width:470px;
	background-color: #f3f1ff;
	padding: 20px 15px;
	margin : 20px 20px 20px 20%;
	font-size: 1.2em;
}

#lostpass{
	float:left;
	border-radius: 20px / 10px;
	width:250px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	font-size: 1.2em;
}
#download
{
	float:left;
	border-radius: 20px / 10px;
	background-color: #f3f1ff;
	padding: 20px;
	margin : 20px;
	margin-right: 45%;
	font-size: 1.2em;
}

p#examtext{
	text-align: left;
}

#errors_question_add
{
	margin: 20px;
	padding: 20px 0 0 0;
	width: 300px;
	height: 200px;
	position: absolute;
	left: 380px;
	font-size: 10pt;
	color: #DD0000;
	text-align: center;
}

/* Timer */
#wrapper {
	background-color: #f3f1ff;
	border-radius: 20px / 10px;
	width:320px;
	height :100px;
	float:right;
	margin : 20px;
	margin-top : -17%;
}

/* timer general */
#timer {
	float:left;
}
/* timer numbers */
.timer_numbers {
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#555;
}


#timer_hours {
/*	background:url(./image/compteurFin.png) no-repeat;*/
	float:left;
	width:90px;
	height:61px;
	padding:10px 0 0 40px;
	letter-spacing:7px;
}


#timer_mins {
/*	background:url(./image/compteurFin.png) no-repeat;*/
	float:left;
	width:90px;
	height:61px;
	padding:10px 0 0 0;
	letter-spacing:7px;
}

#timer_seconds {
/*	background:url(./image/compteurFin.png) no-repeat;*/
	float:left;
	width:90px;
	height:61px;
	padding:10px 0 0 0;
	letter-spacing:7px;
}

/* timer labels */
.timer_labels {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#667;	
}

#timer_labels {
	position:relative;
}


#timer_hours_label {
	position:absolute;
	top:65px;
	left:40px;
	
}

#timer_mins_label {
	position:absolute;
	top:65px;
	left:137px;	
}

#timer_seconds_label {
	position:absolute;
	top:65px;
	left:225px;
}

/*----------OTHER-----------*/
.login_input
{
	margin-left:10px;
	margin-right:10px;
	border-radius: 5px / 5px;
	width:300px; 
	height:20px; 
}
#logo
{
	float:right;
}

#upjv
{
	float:left;
}

.error
{
	color: #FF0000;
	font-size:small
}

#selected_question
{
	float:right;
	width:220px;
}
#selected_quiz
{
	float:left;
	width:215px;
	min-height:260px;
}

#moveright
{
	float:right;
	width:30px;
	border-radius: 5px / 5px;
	margin-right:60px;
}
#moveleft
{
	float:right;
	width:30px;
	border-radius: 5px / 5px;
	margin-right:60px;
	
}
#moverightall
{
	float:right;
	width:80px;
	border-radius: 5px / 5px;
	margin-right:40px;
}
#moveleftall
{
	margin-right:40px;
	float:right;
	width:80px;
	border-radius: 5px / 5px;
}
#up
{
	margin-right:40px;
	float:right;
	width:80px;
	border-radius: 5px / 5px;
}
#down
{
	margin-right:40px;
	float:right;
	width:80px;
	border-radius: 5px / 5px;
}
#questions
{
	float:left;
}
#answer_table {
	border: 1px solid #344a9c;
	width: 470px;
}
.answer_td{
	text-align: center;
	width: 44px;
}
.answer_tr{
	text-align: center;
	height: 30px;
}
.proportion
{
	width: 50px;
}
.td_prop{
	width: 150px;
	text-align:right;
}

#cssmenu {

	float:right;
	background: #f3f1ff;
	list-style: none;
	margin: 20px;
	padding: 0;
	width: 14em;
	font: 67.5%;
	font-size:14px;
}

#cssmenu a {
	background: #f3f1ff;
	border-bottom: 1px solid white;
	color: #333;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: url('./image/hover.gif') left center no-repeat;
	color: #344a9c;
	padding-bottom: 8px;
}