/*
COLORS:

blue: #1E5DAC
blue light: #75A3DC
blue light desat: #8094AE

orange: #DF7F0A
green: #849D86

light blueish grey: #EEEEFF;

body background: #8094AE
*/


img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

body {
  font-family: sans-serif;
  background-color: #8094AE;
  background-image: url('../img/page_background.png');
  margin: 0px;
  text-align: center;
}

/*----------- Page setup ------------*/
div.fixed_width_page {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding: 0px;
  margin-top: 0px;
  text-align: left;
}

div.header {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin: 0px;
  background-color: #EEEEFF;
  height: 120px;
}

div.page_content {
	padding: 20px 12px 8px 12px;
	font-size: 14px;
  background-color: #EEEEFF;
	overflow: auto;
}

div.main_top_spacer {
	height: 8px;
/*	background-color: #8094AE;*/
	background-color: transparent;
  background: none;
}

div.page_title, span.page_subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #DF7F0A;
  background-color: #8094AE;
  padding: 14px 12px 0px 12px;
  /*margin: 4px 0px 4px 0px;*/
  background-image: url('../img/page_top_round_corners.png');
  background-repeat: no-repeat;
  height: 22px;
}

div.page_footer {
  background-image: url('../img/page_bottom_round_corners.png');
  background-repeat: no-repeat;
  background-color: transparent;
  height: 24px;
}

div.copyright {
	background-color: transparent;/*#8094AE;*/
  background: none;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}

/*-------------------- main menu --------------------- */
div.main_menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #1E5DAC;
	width: 100%;
	height: 24px;
}
img.main_menu_bullet {
	padding: 4px 0px 0px 4px;
}
div.main_menu_item {
	padding: 0px 10px 0px 0px;
	background-color: #1E5DAC;
	float: left;
	font-size: 14px;
	height: 24px;
}
a.main_menu_item {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #1E5DAC;
	height: 24px;
	padding: 3px 4px 0px 4px;
	margin: 0px;
	display: block;
	vertical-align: middle;
}
a.main_menu_item:hover, a.main_menu_item:active {
	background-color: #75A3DC;
}
/*---------------------- references ----------------*/
table.references {
	text-align: left;
	font-size: 14px;
}
div.reference_block {
	vertical-align: middle;
	width: 363px;
	height: 80px;
}
div.reference_content {
	text-align: center;
	width: 363px;
	height: 80px;
	float: left;
	margin: 2px;
	height: 90px;
}

td.reference {
	vertical-align: middle;
	height: 90px;
	width: 50%;
	/*text-align: center;*/
	background-color: #FFFFFF;
  font-size: 12px;
}

/*---------------------- Any form errors block ----------------*/
div.form_errors_block {
  color: #F04040;
  border: 2px solid #F04040;
  width: 400px;
  padding: 4px;
  text-align: left;
}
div.form_success_block {
  color: #40B040;
  border: 2px solid #40B040;
  width: 400px;
  padding: 4px;
  text-align: left;
}

/*---------------------- Formulaire CV ----------------*/
form {
  font-size: 12px;
}
form.cv_form {
  text-align: center;
}
.formulaire {
  text-align: left;
}
input {
  font-size: 12px;
}


/*---------------------- Quizz ----------------*/
table.qcm td {
  padding: 8px 0px 6px 0px;
}
table.qcm input {
  margin: 1px 4px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.questionContainer {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: justify;
  background: #FFFFFF;
  border: 1px solid black;
  font-size: 12px;
}
div.questionHeader {
  background-color: #1E5DAC;
  color: #FFFFFF;
  text-align: center;
  height: 20px;
  vertical-align: middle;
  padding: 4px 0px 0px 0px;
}
div.questionBody {
  padding:  2px 6px 2px 6px;
}
div.questionBody p {
  padding:  0px 0px 0px 0px;
}
label.reponseQCM {
}
div.nextQuestionContainer, div.nextQuestionButton {
  height: 24px;
  text-align: right;
  padding: 0px;
  margin: 0px 0px 6px 0px;
}
div.nextQuestionButton {
  float:right;
  display: none;
  border: 1px solid #DF7F0A;
  cursor: default;
  color: #DF7F0A;
}
div.nextQuestionButton:hover {
  background-color: #DF7F0A;
  color: #FFFFFF;
}
div.nextQuestionButton table {
  margin: 4px 8px 4px 8px;
  /*color: #DF7F0A;*/
  font-weight: bold;
}
img.nextQuestion {
  margin: 0px 0px 0px 4px;
}

/* ------------------ Quizz result ----------------- */
div.resultContainer {
  text-align: center;
}
div.resultResume {
  text-align: left;
  margin: 8px 2px 8px 2px;
}
div.serieContainer {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}
div.titreSerie {
  font-size: 13px;
  height: 16px;
  color: #FFFFFF;
  background: #1E5DAC;
}
div.resultatSerie {
  font-size: 12px;
  color: #000000;
  background: #FFFFFF;
}
div.resultatQuestion {
  font-size: 12px;
  text-align: left;
  margin: 2px 2px 2px 2px;
}
div.questionOK, div.questionKO {
  color: #008000;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0px 0px 0px;
}
div.questionKO {
  color: #BB0000;
}