/****************************************/
/*    Style Sheet for HTML documents	*/
/****************************************/


/********************************/
/*	Common		 	*/
/********************************/

/*
BODY {
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: #ffeeff;
}*/

body {
	font-family:"Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 0.75em;
	margin : 0 0 0 0;
	background-image: url("images/bg_title.png");
	background-repeat: repeat-x;
}

div.content
{
	margin : 0 10px 10px 10px;
}

div.choix {
	margin : 0 10px 10px 0;
}

div.explication {
	font-family: verdana, helvetica, arial, sans-serif;
/*	color: #5c5c5c;*/
	color :#336699;
	font-weight:bold;
	margin: 5px 0 5px 10px;
	border: 1px solid #336699;
	padding: 5px 10px 5px 10px;
	width:60%;
}

#titlearea {
	position: relative;
	top: 0px;
	left: 0px;
	height: 43px;
}

#title{
/*
  padding-left:10px;
	cursor: default;
	position: absolute;
	left: 0px;
	bottom: 8px;
	color: white;
	font-size: 1.8em;
	*/
	text-align: center; 
	padding: 10px 0 10px 0; 
	font-size: 1.5em; 
	font-weight: bold; 
	color: #fff; 
}

#sitelabel {
	position: absolute;
	right: 20px;
	bottom: 15px;
	color: white;
	text-align: right;
	font: normal normal normal 10pt/12pt Verdana;
}

#sitelabel a {color: #ccc; text-decoration: none;}

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



h1 {
	margin: 0 0 0 0;
	text-align: center; 
	padding: 10px 0 10px 0; 
	font-size: 1.5em; 
	font-weight: bold; 
	color: #fff; 
	/*background: #000 url(images/bg_title.png) repeat-x;*/
}

h2 {
	text-align: left; 
	padding: 10px 0 10px 0;
	margin:10px 0 0 0;
	font-size: 1em; 
	font-weight: bold; 
	color: #000;
}

table
{
	text-align: center;
	border-spacing: 0px; 
	border-collapse:collapse;
}

td {
	/*border-left: 1px solid blue;
	border-right: 1px solid blue;
	border-bottom: 0px;*/
	padding:2px;
}
td.first
{	
	/*border-bottom: 1px solid blue;*/
}
td.impair
{	
	/*border-bottom: 1px solid blue;*/
	background-color:#dff3fd;
}
td.pair
{	
	/*border-bottom: 1px solid blue;*/
}

/* BUTTONS */

.buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:1em;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.button button img, .button a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:auto;
    height:16px;
}

/* STANDARD */
.buttons button:hover{
    background-color: #e1e1e1; /*#dff4ff;*/
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons button a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* CHECK */
/*
button.check, .button a.check{
    color:#529214;
}
.button a.check:hover, button.check:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.button a.check:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}*/

/* NEGATIVE */

/*.button a.negative, button.negative{
    color:#d12f19;
}
.button a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.button a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}*/

/* SHOW */

/*
.button a.show, button.show{
    color:#336699;
}
.button a.show:hover, button.show:hover{
    background:#dff3fd;
    border:1px solid #caebfd;
    color:#336699;
}
.button a.show:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}*/