/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 21, 2012 */



@font-face {
    font-family: 'UbuntuTitlingBold';
    src: url('UbuntuTitling-Bold-webfont.eot');
    src: url('UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('UbuntuTitling-Bold-webfont.woff') format('woff'),
         url('UbuntuTitling-Bold-webfont.ttf') format('truetype'),
         url('UbuntuTitling-Bold-webfont.svg#UbuntuTitlingBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{
	/* background-color: #86001A; */
	/*background: url(../images/Degrade.jpg) no-repeat center scroll; */
	background: url(../images/blackboard.jpg) no-repeat center fixed;
	background-position: 0 0;
	-webkit-background-size: 100% 100%; /* pour Chrome et Safari */
	-moz-background-size: 100% 100%; /* pour Firefox */
	-o-background-size: 100% 100%; /* pour Opera */
	background-size:  100% 100%; /* version standardisée */
	background-origin:padding-box, padding-box;
	font-size: 12px;
}

#page
{
  width: 900px;
  margin: 0 auto 0 auto;
	padding: 15px;
	background-color: #FFFFFF;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	border: solid 1px black;
}

#content
{
	width: 100%;
	clear: both;
	min-height: 600px;
}

header h1
{
	font-family: UbuntuTitlingBold, sans-serif;
	font-size: 50px;
    	font-weight: normal;
    	/*text-transform: uppercase;*/
	text-align: center;
	margin: 0;
	padding: 0;
}
canvas.index
{
	display: block;
    	margin: auto;
	background-color: white;
}
a.bouton
{
	margin: auto;
	display:block;
	width:250px;
	line-height:30px;
	background-color: #668080;
	border-top: 5px solid #80AAAA;
	border-right: 5px solid #305050;
	border-bottom: 5px solid #305050;
	border-left: 5px solid #80AAAA;
	color: black;
    
    	font-weight: normal;
	text-align: center;
	text-decoration:none;
}
a.bouton:hover
{
	border-top: 5px solid #305050;
	border-right: 5px solid #80AAAA;
	border-bottom: 5px solid #80AAAA;
	border-left: 5px solid #305050;
}
.bouton2
{
	margin: auto;
	display:block;
	width:200px;
	line-height:30px;
	background-color: #86001A;
	border-top: 5px solid #A6003A;
	border-right: 5px solid #360020;
	border-bottom: 5px solid #360020;
	border-left: 5px solid #A6003A;
	color: black;   
  font-weight: normal;
	text-align: center;
	text-decoration:none;
}
.bouton2:hover
{
	border-top: 5px solid #360020;
	border-right: 5px solid #A6003A;
	border-bottom: 5px solid #A6003A;
	border-left: 5px solid #360020;
}
#bordeaux
{

	border: 1px solid black;

	margin: auto;
	padding: 10px;
	width: 500px;
	background: ../images/Degrade.jpg; 
	background: url(../images/Noir.jpg) no-repeat center scroll, url(../images/Degrade.jpg) no-repeat center scroll; 
	background-position: 0 0,0 546px;
	-webkit-background-size: 100% 546px, 100% 112px; /* pour Chrome et Safari */
	-moz-background-size: 100% 546px, 100% 112px; /* pour Firefox */
	-o-background-size: 100% 546px, 100% 112px; /* pour Opera */
	background-size:  100% 546px, 100% 112px; /* version standardisée */
	background-origin:padding-box, padding-box;

}
#box
{
	border: solid 1px black;
	margin: 0 auto 0 auto;
	background: black;
	width: 500px;
	height: 334px;
}
#engrenage
{
	position: relative;
	top: -310px;
	left: 100px;

}
table.answers
{
	border: solid black 1px;
}
th.answers
{
	min-width: 60px;
	border: solid black 1px;
	background: grey;
	font-size: bold;
}
td.answers
{
	border: solid black 1px;
	padding: 5px;
}