a:link{text-decoration:none; color: #0000FF; font-size:100%; font-weight:Bold;}
a:visited{text-decoration:none; color: #0000FF; font-size:100%; font-weight:Bold;}
a:hover{text-decoration:underline; color: #0000FF; font-size:100%; font-weight:Bold;}
a:active{text-decoration:underline; color: #0000FF; font-size:100%; font-weight:Bold;}
i{text-decoration:none; display: block; padding: 5px 10px; color: #FFFFFF; font-size:100%; font-style: normal; font-weight:Bold;}
.c1{Background-color: #80e0e0;}
.c2{Background-color: #80e0a0;}
.c3{Background-color: #e03010;}
.j1{text-align:justify; }

.coins {
border:1px solid #B0C4DE;
background-color:#FFFFFF;
border-radius:10px;
position: fixed;
left: 5px;
top: 5px;
width:200px
z-index: 10;
}

.coins2 {
border:1px solid #B0C4DE;
background-color:#FFFFFF;
border-radius:10px;
position: fixed;
right: 5px;
top: 5px;
width:200px
z-index: 11;
}

.coins3 {
border:1px solid #B0C4DE;
background-color:#FFFFFF;
border-radius:10px;
top: 5px;
z-index: 50;
}

html { 
  height: 100%;
}

* { 
  padding: 0;
  margin: 0;
}
  
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal .8em arial, sans-serif;
  background: url(../commun/fondquizz.jpg) fixed;
  color: #555;
}

img { 
  border: 0;
}

a, a:hover { 
  outline: none;
  color: #20BFD4;
  text-decoration: underline;
}

a:hover { 
  text-decoration: none;}
  
blockquote { 
  margin: 20px 0 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #F5F5F1;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}
.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}
.center { 
  display: block;
  text-align: center;
  margin: 10px auto;
}
#main, header, #logo, nav, #site_content, footer { 
	margin-left: auto; 
	margin-right: auto;
}
#main {
	border:1px solid #B0C4DE;
	margin-top: 5px;
	width: 800px;
	padding: 10px 20px 30px 20px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border: 15px 15px 15px 15px;
	background: #fff;
	position: relative;
	z-index: 2;

}
#site_content {
	width: 800px;
	background: #FFF;
	color: #555;
	overflow: hidden;
	padding: 0px 0 0px 0;
	z-index: 5;
}
#content {
	text-align: left;
	width: 780px;
	padding: 10px 0 25px 0px;
	z-index: 6;
}
footer {
	width: 750px;
	height: 75px;
	padding: 15px 10px 15px 10px;
	text-align: center; 
	background: #33CCFF;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border: 10px 10px 10px 10px;
	font: 100% arial, sans-serif;
	text-decoration: none;
	color:#FFF;
	text-shadow: 1px 1px #0BA0E5;
	z-index: 7;
}
footer p {
	line-height: 1.7em;
	padding: 0 0 4px 0;
	z-index: 8;

}
footer a { 
	color: #FFF;
	z-index: 9;
}
footer a:hover { 
	color: #E5017D;
	text-shadow: none;
	z-index: 10;
}