body{
	background-color: #c7e6fc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003300;
}

body,td,th {
	font-family: tahoma, arial;
	font-size: 11px;
	color: #2c2c2c;

}

img{
	border: none;
}


img.percentImage {
 background: white url(../fr/images/progress_yellow.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentYellowSmall {
 background: white url(../fr/images/progress_yellow_small.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentOrangeSmall {
 background: white url(../fr/images/progress_orange_small.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentRedSmall {
 background: white url(../fr/images/progress_red_small.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentGreenSmall {
 background: white url(../fr/images/progress_green_small.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

a{
	color: #787878;
	text-decoration: none;
}

a:hover{
	color: #888888;
	text-decoration: underline;
}

checkbox, input, radio, select{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

textarea{
	width: 100%;
	font-size : 13px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
	border: 1px solid #a9a9a9;

}

td.quizchoice:hover
{
background: #D7ECFB;
font-size : 13px;
color : #555;
padding : 4px;
}

td.quizchoice
{
background: #c7e6fc;
font-size : 13px;
color : #555;
padding : 4px;
}

.rolljouer
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/suivant_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 30px;
margin: 0;
padding: 0;
}

.rolljouer a
{
display: block;
color: #000000;
font-size: 11px;
width: 40px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.rolljouer img
{
width: 40px;
height: 30px;
border: 0
}

* html a:hover
{
visibility:visible
}

.rolljouer a:hover img
{
visibility:hidden
}



img{
	border: none;
}
table{
	border: 0px solid #EEEEEE;

}
td.category{
	background-color: #CCCCCC;
	text-align: center;
	font-size: larger;
}
td.ltext{
	text-align: right;
	width: 35%;
	font-weight: bold;
}
td.rtext{
	text-align: left;
	width: 65%;
}
td.submit{
	text-align: center;
	margin: 10px;
}
.small{
	font-size: 10px;
}
.medium{
	font-size: 11px;
}
.big{
	font-family: Myriad, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.comment{
	background-color: #dceefa;
	border: 1px solid black;
	border-color: #b6b6b6;
	padding: 8px;
	width: 450;
	text-align: left;
}
.help{
	background-color: #dceefa;
	border: 1px dashed black;
	padding: 1px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	width: 80%;
}
.navigation{
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
}
.navigation a{
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	border: 0;
}
.navigation a:hover{
	border-bottom: 2px solid #CCCCCC;
}
.header{
	margin-bottom: 10px;
	border: 1px solid #999999;
	padding: 5px 10px 10px 10px;
}
.footer{
	margin-top: 10px;
	border: 1px solid #999999;
	padding: 5px;
}
form{
	border: 0;
	padding: 0;
	margin: 0;
}
input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 1px;
}
select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1pt solid gray;
	padding: 1px;
}

hr{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.tbl-border {
	color : #555;
	background-color : #b6b6b6;
}

.tbl {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px;
}

.tbl1 {
	font-size : 11px;
	color : #555;
	background-color : #c7e6fc;
	padding : 4px;
}
.tbl_text {
	font-size : 11px;
	color : #555;
}

.tbl2 {
	font-size : 11px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
}
.topcell {
	font-size : 13px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
}
.qlabel
{
cursor: pointer;
display: block;
float: left;
width:100%;
}
.topcell2 {
	font-size : 13px;
	color : #555;
	background-color : #c7e6fc;
	padding : 4px;
}
.topquestion {
	font-size : 14px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
}
.topquestionright {
	font-size : 13px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
	border: 2px solid green;
}
.topquestionwrong {
	font-size : 13px;
	color : #555;
	background-color : #dceefa;
	padding : 4px;
	border: 2px solid red;
}

.topstats {
	font-size : 13px;
	color : #555;
	background-color : #c7e6fc;
	padding : 0px;
}

.qright {
	font-size : 11px;
	color : #555;
	background-color : green;
	padding : 4px;
}
.qwrong {
	font-size : 11px;
	color : #555;
	background-color : red;
	padding : 4px;
}

.tbl3 {
	font-size : 11px;
	color : #555;
	background-color : #D6EAF7;
	padding : 4px;
}

.loginform {
color:#888888;
background-color:#dceefa; 
font-size:12px; 
font-family:arial; 
font-weight:bold; 
border-width:1; 
width:120px; 
text-align:center; 
border-color:#000000;  
border: 1px solid #a9a9a9;
}


#dropmenudiv{
position:absolute;
border:1px solid #b6b6b6;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #b6b6b6;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #dceefa;
}

li {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 display : list-item;
}

#topadbar{ background: #dceefa; border-bottom: 1px solid #b6b6b6; text-align: center; height:25px; line-height:24px;}
#adbar{ width: auto; margin: 0 auto;}
.topsponsorad {font-family: Verdana; font-size: 12px; color: #6d93b0;}
.topsponsorad {font-family: Verdana; font-size: 12px; color: #88B8DC;}
.topsponsorad a {font-family: Verdana; text-decoration:none; color: #88B8DC;;}

#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #b6b6b6;
	padding: 5px;
	font-family: Verdana, Arial;
	font-size: 12px;
	background-color: #dceefa;
}

.infobulle{
  position: absolute;  
  visibility : hidden;
  border: 1px solid #b6b6b6;
  padding: 5px;
  font-family: Verdana, Arial;
  font-size: 12px;
  background-color: #dceefa;
}

#content .download a {
	text-transform: uppercase;
	border: 1px solid #aaa;
	background: #ddd;
	padding: 10px;
	margin-right: 25px;
}

#content .download a:hover {
	background: #ffe545;
}

.Header
{	background-color: #dceefa;
	
	text-align: center;
	font-size: 24px;
	font-family: Verdana,Tahoma,serif;
	font-weight: bold;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.ForumDescription
{	background-color: #dceefa;
	
	text-align: center;
	font-size: 12px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.Speedbarre
{	background-color: #dceefa;
	
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 2px;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.Forums
{	background-color: #dceefa;
	
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 10px;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.Categories
{	background-color: #dceefa;
	
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 10px;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.Sujets
{	background-color: #c7e6fc;
	
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 2px;
	
	border: 1px solid #c7e6fc;
	border-collapse: collapse;
}
.Post
{	background-color: #dceefa;
	
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 2px;
	
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
}
.Admin
{	background-color: rgb(215,170,170);
	
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 4px;
	
	border: 1px solid #000;
	border-collapse: collapse;
}
.Admin2
{	background-color: rgb(255,210,210);
	
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 4px;
	
	border: 1px solid #000;
	border-collapse: collapse;
}
.ModoBarre
{	background-color: rgb(255,210,210);
	
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 2px;
	
	border: 1px solid #000;
	border-collapse: collapse;
}
.Footer
{	background-color: rgb(210,210,210);
	
	text-align: center;
	font-size: 11px;
	font-family: Verdana,Tahoma,serif;
	font-weight: normal;
	padding: 2px;
	
	border: 1px solid #000;
	border-collapse: collapse;
}
.description
{	color: #000;

}
.gris1
{	background-color: #c7e6fc;
	
	padding: 5px;
}
.gris2
{	background-color: #b8ddf7;
	
	padding: 5px;
}
.citation
{	background-color: #fff;
	
	text-align: left;
	border: 1px dashed #6699cc;
	
	padding: 4px;
	margin: 4px;
}
.selects {
     color:#747474;
     background-color:#dceefa;
     font-size:10px;
     font-family:arial;
}
.inputs {
     color:#747474;
	 border-width:1px;
     background-color:#dceefa;
     font-size:12px;
     font-family:arial;
}

span.pagelink {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	background-color: #dceefa;
}

span.pagelink2 {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	background-color: #dceefa;
	font-weight: bold;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	padding-bottom:0px;
	margin-bottom:0px;
	}

.loading {
	height: 30px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;

	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;

	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	height: 15px;
	background-position: 0 -15px;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	background-position: 0 -30px;
	position: absolute;
	overflow: hidden;
	outline: none;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	top: 0px;
	left: 0px;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

	div.testBodyBlock
	{
		position:relative;
		margin:2px;
		border:0px solid #ffffff;
		text-align:left;
	}

	/* end of block with height depends of it's content */

	div.testContentBlock
	{
		position:relative;
		padding: 2px 15px 2px 2px;
		overflow:hidden;
		border:0px solid #00ff00;
	}

	div.testUp
	{
		position:absolute;
		right:5px;
		top:5px;
	}
	div.testDown
	{
		position:absolute;
		right:5px;
		bottom:5px;
	}
	div.testActionsBlock
	{
		position:relative;
		margin:2px;
		overflow:hidden;
		/* height of block with buttons */
		height:20px;
		border:0px solid #000000;
		text-align:center;
	}

	.testButtonInactive
	{
/*		filter:alpha(opacity=60);*/
		-moz-opacity:.60;
		opacity:.60;
	}

	.testButtonActive
	{
/*		filter:alpha(opacity=99);*/
		-moz-opacity:.99;
		opacity:.99;
	}

	/* end of test box */

	/* styles for autogenerated test elements */


	div.testPageImageBox
	{
		text-align: center;
	}
	div.testTextBox
	{
		position: relative;
		display:inline;
	}
	div.testTextBoxWrapper
	{
		position: relative;
		margin-left: 20px;
		border:0px solid #00cc00;
	}
	div.testTextContainer
	{
		position: relative;
		border:0px solid #0000cc;
		clear: both;
	}
	/* IE addon */
	* html .testRadioButton
	{
		left: -20px;
	}
	.testRadioButton
	{
		position: absolute;
	}

	/* end of styles for autogenerated test elements */