body
{
	background-color: #EFEFEF;
	background-repeat: no-repeat;
    background-attachment: fixed;
	
	margin: 0; padding: 0;
}
body, input, select, textarea
{
	font-family:  verdana, arial;
	font-size: 14px;
}

a:visited
{
	color: blue;
}
p
{
	text-indent : 30px;
}
input[type=text], input[type=password]
{
	width: 100%; 
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
input[type=checkbox]
{
	width: 18px;
	height: 18px;
}
input[type=submit] 
{
	background-color: #4CAF50;
	color: white;
	padding: 12px 20px;
	margin: 15px 5px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
textarea
{
	width: 100%; 
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
select
{
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

div.mainButton input
{
	width: 100%;
}
div.mainButton
{
	width: 70%;
	margin: auto;
}

input.adminFloatButton
{
	float: left;
	background-color: brown;
}
input.adminButton
{
	background-color: brown;
}
input.adminSmallButton
{
	background-color: brown;
	padding: 2px 20px;
	margin: -100px 0px 0px -100px;
	border: 1px solid black;
}
input.adminLoginButton
{
	float: right;
	background-color: brown;
}
div.editModeOn
{
	width: 90%;
	margin: auto;
	text-align: center;
	padding: 8px;
	background-color: brown;
	color: white;
	border-radius: 4px;
	margin-top: 5px;
}



div.cartouche
{
	margin: auto;
	border : 1px solid black;
}
div.cartouche div.quizSelect
{
	text-align: center;
	margin: auto;
	margin-top: 20px;
}
div.cartouche select.quizList
{
	font-size: 36px;
	text-align: center;
}
div.cartoucheQuizInfo
{
	max-width: 950px;
	margin: auto;
}
span.quizTitle, span.quizWeapon
{
	font-weight: bold;
	font-size: 16px;
}

table.themeLegend 
{ 
	margin: auto; 
	margin-top: 15px;
	border-collapse: collapse; 
}
table.themeLegend th, table.themeLegend td
{
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
table.themeLegend th.markTotal
{
	text-align: right;
}

div.mainQuiz
{
	margin: 20px;
	margin-top: 30px;
	margin: auto;
}

table.questionBloc
{
	margin:auto;
	margin-top: 30px;
	
	border-collapse: collapse;
}
td.questionId
{
	width: 30px;
	
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}
td.questionLabel
{
	padding-left: 10px; padding-right: 10px;
	
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}
td.questionTheme
{
	width: 200px;
	text-align: right;
	padding-right: 10px;
	
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}
td.questionCorrectionByAnswer
{
	border-right: 2px solid black;
}

td.questionAswers a
{
	color: black;
	text-decoration: none;
}
td.questionAnswerCross
{
	text-align: center;
	border-left: 2px solid black;
}
td.questionCorrection
{
	width: 40px;
	border: none;
}
tr.questionLastAnswer td.questionAnswerCross, tr.questionLastAnswer td.questionAswers, tr.questionLastAnswer td.questionCorrectionByAnswer
{
	border-bottom: 2px solid black;
}
td.questionCorrectionLabel
{
	border: 2px solid black;
}

tr.questionSeparation td
{
	height: 40px;
}

div.auth
{
	width:50%; 
	min-width: 300px; 
	margin: auto; 
	margin-top: 50px;
}
div.auth div.authMessage
{
	color: brown;
}
div.auth div.authValidation
{
	width: 200px; 
	margin: auto;
}


@media screen and (max-width: 1000px) 
{
	body, input, select, textarea
	{
		font-family:  verdana, arial;
		font-size: 24px;
	}
	div.cartouche select.quizList
	{
		font-size: 48px;
		text-align: center;
	}
	span.quizTitle, span.quizWeapon
	{
		font-weight: bold;
		font-size: 36px;
	}
}