#wrap-container {
	padding-top: 	10px;
	text-align: 	center;
}
input.bt2 {
	color: 				black;
	text-align: 		center;
	font-size:			11px;
	padding-left: 		10px; 
	padding-right: 		10px; 
	cursor: 			pointer;
	cursor: 			hand;
}
input.bt {
	color: 				black;
	text-align: 		center;
	font-size:			11px;
	padding-left: 		10px; 
	padding-right: 		10px; 
	cursor: 			pointer;
	cursor: 			hand;
}
input.bt3{
	color: 				black;
	text-align: 		center;
	font-weight: 		bold;
	font-size:			11px;
	padding-left: 		10px; 
	padding-right: 		10px; 
	cursor: 			pointer;
}
input.bt3:hover{
	color:				#FEB330;
	text-decoration:	none;
}
#container-top {
	margin: 		0pt auto;
	padding: 		0;
	width: 			973px;
	height: 		22px;
	background: 	url(img/main-top-973x22.gif) no-repeat top left;
}
#container-bottom {
	margin: 		0pt auto;
	padding: 		0;
	width: 			973px;
	height: 		22px;
	background: 	url(img/main-bottom-973x22.gif) no-repeat top left;
}

#nav {
	width: 	225px;
	float: 	left;
	height: 675px;
}
#container {
	width: 				695px;
	float: left;
}
#container-login {
	margin: 			0pt auto;
	padding: 			0;
	width: 				545px;
	background-color:	#eaeced
}

.body-separator {
	height: 		5px;
	font-size: 		1px;
}
.container-title {
	height: 			20px;
	line-height: 		20px;
	padding-left: 		10px;
	background-color: 	#3178bd;
	text-align: 		left;
	font-weight: 		bold;
	font-size: 			11px;
	color:				black;
}
.container-spacer {
	width: 		21px;
	height: 	100px;
	float: 		left;
}
.container-separator {
	width: 		10px;
		height: 100px;
	float: 		left;
}

.box-separator {
	height: 	10px;
	font-size: 	1px;
	padding: 	0;
	margin: 	0;
	border: 	0;
}

.box {
	padding: 		0;
	display: 		block;
	padding-top: 	10px;
	margin: 		0;
	
}

.box-title, .box-title-plus {
	display: 		block;
	padding-left: 	10px;
	padding-bottom: 10px;
	text-align: 	left;
	color:			black;
	font-size: 		12px;
	font-weight: 	bold;
	text-transform: uppercase
}

.box-title-plus {
	
}


.box-title-big {
	display: 		block;
	padding-left: 	10px;
	padding-bottom: 10px;	
	text-align: 	left;
	color:			black;
	font-size:		14px;
	font-weight: 	bold;
}
.box-content {
	text-align: 	left;
	padding-left: 	20px;
	color: 			black;
	line-height: 	20px;
	font-size: 		11px;
}

.box-content ul {
	margin: 			0;
	padding: 			0;
	list-style-type:	none;
	text-align: 		left;
}
.box-content ul li {
	padding: 		0px;
	text-align: 	left;
	padding-left: 	16px; 
	background: 	url(img/br.gif) no-repeat 0px 0px;
	color:			black;
	font-size: 		11px;
}

.container-header {
	display: 		block;
	height: 		65px;
	padding-left: 	10px;
	padding-right: 	10px;
	background: 	url(img/head-bg-70.gif) repeat-x top left;
}

.container-content {
	-moz-box-sizing: border-box;
}

.box-vspace {
	width: 		2px;
	font-size:	1px;
	float: 		left;
}
.box-hspace {
	height: 	2px;
	width:		265px;
	font-size:	1px;
}

.box-a-top {
	width: 				340px;
	height: 			24px;
	background:			url(img/box-aa-top.gif) no-repeat bottom left;
	color:				black;
	padding-top: 		6px;
	-moz-box-sizing: 	border-box;
	text-align: 		left;
	padding-left:		10px;
	margin: 0pt auto;
}
.box-a-top span {
	
}
.box-a-content {
	-moz-box-sizing: 	border-box;
	width: 				340px;
	padding: 			14px;
	background:			url(img/box-aa-bg.gif) repeat-y top left;
	text-align: 		left;
	margin: 0pt auto;
}
.box-a-bottom {
	width: 		340px;
	height: 	6px;
	font-size: 1px;
	background:	url(img/box-aa-bottom.gif) no-repeat bottom left;
	margin: 0pt auto;
}

.box-b-top {
	width: 				680px;
	height: 			24px;
	background:			url(img/box-bb-top.gif) no-repeat bottom left;
	text-align: 		left;
	font-size: 			11px;
	color: 				black;
	padding-left:		10px;
	padding-top: 		6px;
	-moz-box-sizing: 	border-box;
}
.box-c-top {
	width: 				680px;
	height: 			24px;
	background:			url(img/box-bb-top.gif) no-repeat bottom left;
	text-align: 		left;
	font-size: 			11px;
	color: 				black;
	padding-left:		10px;
	padding-top: 		5px;
	-moz-box-sizing: 	border-box;
}
.box-b-content {
	-moz-box-sizing: 	border-box;
	width: 				680px;
	padding: 			14px;
	background:			url(img/box-bb-bg.gif) repeat-y top left;
	text-align: 		left;
	color: 				black;
}
.box-b-bottom {
	width: 		680px;
	height: 	6px;
	font-size: 	1px;
	background:	url(img/box-bb-bottom.gif) no-repeat bottom left;
}

.box-b-content a, .box-a-content a {
	color: #2eaae1;
}
.box-b-content a:hover, .box-a-content a:hover {
	color: orange;
}


.box-a-content ul.normal {
	margin: 			0;
	padding: 			0;
	list-style-type:	none;
	text-align: 		left;
}
.box-a-content ul.normal li.titre {
	padding: 		0px;
	text-align: 	left;
	padding-left: 	16px; 
	background: 	url(img/bbl.gif) no-repeat 0px 0px;
	color:			black;
}
.box-a-content ul.normal li {
	padding: 		0px;
	text-align: 	left;
	padding-left: 	0px; 
	color:			black;
}

.tag_red {
	background: url(img/tag_red.gif) no-repeat scroll left top;
	padding-left: 18px;
}
.tag_green {
	background: url(img/tag_green.gif) no-repeat scroll left top;
	padding-left: 18px;
}
.clock {
	background: url(img/clock.gif) no-repeat scroll left top;
	padding-left: 18px;
}

.test-panel, .test-panel div, .test-panel p {
	font-size: 14px;
}




/* FOOTER */
#footer {
	margin: 		0pt auto;
	padding: 		0;
	width: 			973px;
	text-align: left;
}
#footer-right {
	width: 200px;
	height: 16px;
	float: right;
	border: 1px solid #efefef;
	color: #cc3b3b;
}
#footer-left {
	width: 587px;
	height: 16px;
	text-align: left;
	padding-left: 10px;
}


/* result display */
.candidate-information { 	height: 66px; text-align: justify }
.test-information { 		height: 66px; text-align: justify }
.test-result { 				height: 164px; text-align: justify  }
.education { 				text-align: justify }
.capacity { 				text-align: justify }
.overall { 					text-align: justify }
.result-print-panel {
	padding-right: 4px; padding-bottom: 4px
}

/* FOOTER LEFT NAVIGATION */
#footer-left ul.left {
	line-height: 16px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
	float: left;
}
#footer-left ul.right {
	float: right;
	line-height: 16px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
}

#footer-left li a {
	font: 10px  Verdana;
	
}
#footer-left li a:hover {
	text-decoration: none;
}

#footer-left li a img.lang {
	text-decoration: none;
	border: 1px solid black;
}
#footer-left li a img.lang-selected {
	text-decoration: none;
	border: 1px solid blue;
}
#footer-left li a:hover img{
	text-decoration: none;
	border: 1px solid #cc3b3b
}

#footer-left li {
	height: 16px;
	float: left;
	font: 10px  Verdana;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center
}

#footer-left li.sep {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 0px;
	width: 1px;
	font-size: 1px;
	background-color: #cdcdcd;
	padding-right: 0px;
	height: 16px;
}

#footer-left li.sep2 {
	margin-left: 1px;
	margin-right: 0px;
	padding-left: 0px;
	width: 0px;
	font-size: 1px;
	padding-right: 0px;
	height: 16px;
}

/* FOOTER RIGHT NAVIGATION */
#footer-right ul.right {
	float: right;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	list-style-type: none;
	height: 16px;
}

#footer-right ul {
	line-height: 16px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
	float: left;
}
#footer-right li a {
	font: 10px  Verdana;
}

#footer-right li {
	height: 16px;
	float: left;
	font: 10px  Verdana;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	color: #cc3b3b;
}

#footer-right li.sep {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	width: 1px;
	font-size: 1px;
	background-color: #cc3b3b;
	padding-right: 0px;
	height: 16px;
	border: 0;
}
 
.login-page {
	height: 300px;
}
.result-title {
	font-weight: bold;
	font-size: 11px;
	color: #007ad7;
}
.result-content {
	padding-left: 	1em;
	font-size: 		11px;
	text-align: 	justify
}

.print-only {
	display: none;
}

.search-input {
	font: 10px;
	width: 	100px;
	height:	20px;
}

.button {
	height: 			20px;
	font: 				11px Arial;
	font-weight: 		bold;
	padding-top: 		0px;
	background-color: 	#3178bd;
	padding-left: 		10px;
	padding-right: 		10px;
	text-align: 		center;
}