/* CSS Document */
body
{
	background:#000;
}
section
{
	margin:auto;
	width:960px;
	border:dashed 10px #f00;
	background:#fff;
}
section i.pics
{
	font-size:25px;
	color:#fff;
	text-align:center;
}
strong
{
	display:block;
	margin:auto;
	text-align:center;
	margin:0;
}
p
{
	text-align:center;
	text-shadow: 2px 2px 2px #000;
}
b
{
	color:#f00;
	vertical-align:top;
	text-align:center;
	font-size:22px;
}
i
{
	font-variant:normal;
	font-weight:bold;
	font-size:65px;
	text-align:center;
	color: #fff;
	font-family:"Orator Std";
	/*font-style:normal;*/
	text-shadow: 2px 2px 2px #000;
	margin-top:3px;
}
div i:first-child
{
	text-decoration:underline;
	line-height:70px;
	font-style:normal;
}
.vies
{
	width:50px;
	height:50px;
	border-radius:100%;
	line-height:50px;
	background:#f00;
	color:#fff;
	text-align:center;
	margin:auto;
}
h1
{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:40px;
	color:#f00;
	text-align:center;
}
cite
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:center;
	color:#303030;
	font-style:italic;
	line-height:20px;
}
a
		{
			text-decoration:none;
			color:#000;
			/*text-align:center;*/
			font-family:"Orator Std";
			font-size:20px;
			font-weight:bold;
		}
a:hover
		{
			color:#f00;
		}
em
		{
			font-family:"Orator Std";
			font-style:oblique;
			text-decoration:none;
			color:#909090;
		}
article:first-child
{
	text-align:center;
	margin:15px 0;
}
article:nth-child(2)
{
	text-align:center;
	margin:15px 0;
}
article:last-child
{
	text-align:center;
	margin:15px 0;
}
section article:first-child p
{
	font-size:40px;
	display:inline-block;
}
section article:first-child p:first-child
{
	color:#0FF;
}
section article:first-child p:nth-child(2)
{
	color:#0ff;
}
section article:first-child p:nth-child(3)
{
	color:#F0F;
}
section article:first-child p:nth-child(4)
{
	color:#FF0;
}
div
{
	width:200px;
	height:200px;
	background:#ccc;
	display:inline-block;
	border-radius:100%;
	color:white;
	line-height:100px;
	text-align:center;
	vertical-align:top;
	border:solid 10px #303030;
	margin:auto;
}
#button
{
	width:50px;
	height:50px;
	background:#ccc;
	border-radius:20%;
	color:white;
	line-height:50px;
	text-align:center;
}
.cyan
{
	background:#0ff;
}
.jaune
{
	background:#FFFF00;
}
.magenta
{
	background:#FF00FF;
}
.noir
{
	background:#000;
}
.cyanc
{
	color:#0ff;
}
.jaunec
{
	color:#FFFF00;
}
.magentac
{
	color:#FF00FF;
}
.noirc
{
	color:#000;
}
.blanc
{
	background:#fff;
}
.panel
{
	width:300px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px;
	box-shadow: 3px 3px 5px #777;
	border-radius: 10px;	
}
.gagne
{
	background: #0c901f;
	color: white;
}
.perdu
{
	background: #f00;
	color:white;
}