/*

	A toi petit blagueur qui lit cette splendide CSS, je te dis pouet !

*/
body
{
	background-color: rgb(241, 143, 8);
}

img
{
	border: none;
}

table
{
	margin: auto;
	background-color: transparent;
}

fieldset
{
	background-color: rgb(237, 225, 203);
}

h3
{
	font-size: 16px;
	text-align: center;
}

h2
{
	font-size: 36px;
	text-align: center;
}

.container
{
	font-family: Verdana, sans-serif;

	width: 980px;
	min-height: 874px;

	margin: auto;

	background-color: white;
}

.header
{
	border-bottom: 1px solid rgb(241, 143, 8);
	text-align: center;

	background-image: url('../pics/headerBack.png');

	width: 980px;
	height: 100px;
}

.menuTop
{
	border-top: 1px solid rgb(241, 143, 8);
	border-bottom: 1px solid rgb(241, 143, 8);

	width: 980px;
	height: 50px;
}

.menuTop li, .footer li
{
	display: inline;
}

.menuTop ul
{
	text-align: center;
	margin-top: -20px;
}

.content
{
	border-top: 1px solid rgb(241, 143, 8);
	border-bottom: 1px solid rgb(241, 143, 8);

	background-image: url('../pics/backBot.png');
	background-repeat: repeat-x;
	background-position: bottom;

	width: 980px;
	min-height: 650px;
}

.footer
{
	text-align: center;

	border-top: 1px solid rgb(241, 143, 8);

	background-image: url('../pics/footerBack.png');

	width: 980px;
	height: 124px;
}

.footer ul
{
	margin-top: 13px;
}

.draw
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;

	width: 800px;
	height: 400px;
}

.message
{
	width: 450px;
	height: 75px;

	background-image: url('../pics/backMessage.png');

	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
}

.message td
{
	height: 71px;
}

.center
{
	display: block;

	margin-left: auto;
	margin-right: auto;
}

.centerText
{
	text-align: center;
}

.tableLogic
{
	width: 100px;
	vertical-align: middle;
	background-color: #C0C0C0;
}

.tableLogicBlack
{
	width: 100px;
	vertical-align: middle;
	background-color: black;
}

.logicTable
{
	color: white;
	height: 20px;
}

.picsLinks
{
	margin-right: 50px;
}

.quizzTxt
{
	margin-left: 30px;
}

.quizzTxtTop
{
	margin-left: 30px;
	margin-top: 10px;
}

.quizzTxtBot
{
	margin-left: 30px;
	margin-bottom: 10px;
}

.correction
{
	background-color: rgb(255, 187, 71);
	font-size: 14px;
}

.widthTD300
{
	width: 300px;
}

.widthTD320
{
	width: 320px;
}

.widthTD90
{
	width: 90px;
}

.tableDraw
{
	vertical-align: middle;
}

#login
{
	margin-left: auto;
	margin-right: auto;
	margin-top: -300px;
	text-align: center;

	background-image: url('../pics/clubLogin.png');
	background-repeat: no-repeat;
	background-position: center;

	width: 480px;
	height: 480px;
}

#hello
{
	margin-top: 15px;
	margin-left: 30px;
}

#bye
{
	margin-top: -35px;
	margin-right: 30px;
	text-align: right;
}

#inputName
{
	margin-left: 80px;
	margin-top: 328px;
	padding-right: 50px;
	padding-top: 2px;
}

#inputCode
{
	margin-left: 140px;
	margin-top: 28px;
}

#submitButton
{
	margin-left: 10px;
	margin-top: 25px;
}

input.error
{
	border-left: 3px solid red;
	border-right: 3px solid red;
	border-bottom: 1px solid red;
	border-top: 1px solid red;
	/* 2px pour les 4 sous IE 8 */
}

input#inputCode.error
{
	border-left: 3px solid red;
	border-right: 3px solid red;
	border-bottom: 2px solid red;
	border-top: 2px solid red;
	/* Spécifique à Firefox */
}

#kikozHome
{
	margin-left: 40px;
}

#realistesHome
{
	margin-left: 5px;
}

#realistesHomeLogin
{
	margin-left: 398px;
}

#loginHome
{
	margin-left: 45px;
	margin-right: 35px;
}

#memory
{
	background-image: url('../pics/kikozBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom left;

	margin-left: auto;
	margin-right: auto;
	text-align: center;

	width: 950px;
	height: 625px;
}

#logic
{
	background-image: url('../pics/realistesBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom left;

	margin-left: auto;
	margin-right: auto;
	text-align: center;

	width: 975px;
	height: 610px;
}

#defaultBack
{
	width: 980px;
	height: 624px;

	background-image: url('../pics/defaultBack.png');
}

#activitiesKikoz
{
	margin: auto;

	height: 650px;
	width: 900px;

	background-image: url('../pics/kikozBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#activitiesRealistes
{
	margin: auto;

	height: 650px;
	width: 900px;

	background-image: url('../pics/realistesBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#activitiesKikoz ul, #activitiesRealistes ul
{
	padding-left: 200px;
	line-height: 35px;
}

#aboutUs
{
	margin: auto;

	width: 850px;
}

#oups
{
	width: 310px;

	padding-top: 30px;
}

#oupsLink
{
	width: 253px;
}

#memoryAccess
{
	width: 321px;

	padding-left: 20px;
}

#getCard
{
	padding-left: 20px;
}

#backOups
{
	width: 970px;
	height: 640px;

	margin: auto;

	background-image: url('../pics/oupsKikoz.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#kikoz
{
	margin-left: 60px;
}

#realistes
{
	margin-left: 370px;
}

#formMail
{
	width: 650px;
	margin-left: 100px;
}

#backBye
{
	margin: auto;

	height: 500px;
	width: 900px;

	background-image: url('../pics/backBye.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#backWelcomeKikoz
{
	margin: auto;

	height: 500px;
	width: 900px;

	background-image: url('../pics/kikozBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#backWelcomeRealistes
{
	margin: auto;

	height: 500px;
	width: 900px;

	background-image: url('../pics/realistesBackG150.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#kikozShow
{
	height: 650px;
	width: 980px;

	background-image: url('../pics/productKikoz.png');
}

#blahShowKikoz
{
	padding-top: 100px;
	padding-left: 550px;

	text-align: center;
}

#realistesShow
{
	height: 650px;
	width: 980px;

	background-image: url('../pics/productRealistes.png');
}

#blahShowRealistes
{
	padding-top: 20px;
	text-align: center;
}

#cardLoc
{
	height: 650px;
	width: 980px;

	background-image: url('../pics/backLoc.png');
}

#formQuizz
{
	margin: auto;
	margin-bottom: 20px;

	width: 940px;
}

#titleQuizz
{
	margin-top: 20px;
}

#quizzButton
{
	text-align: center;
	margin-top: 3px;
}