/* CSS General */

body {
	margin: 0px;
	font-size:80%;
	/* font-family: "trebuchet ms", "luxi sans", sans-serif; */
	font-family : Arial, Helvetica, sans-serif;
}

hr {
	width:100%;
	height:2px;
	border-top: 1px dashed #D0D0D0;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

h1 {
	font-size:180%;
	text-align:left;
}

h2 {
	font-size:220%;
	font-weight:bold;
	text-align:left;
}

h3 {
	font-size: 130%;
	text-align:left;
}

h4 {
	font-size: 110%;
	text-align:left;
}

td {
	font-size:85%;
}

a {
	color: #2F89C7;
	text-decoration: underline;
}

a:hover {
	color: #FFB140;
	text-decoration: none;
}

a:visited {
	color: #2F89C7;
	text-decoration: underline;
}

a:active {
	color: #2F89C7;
	text-decoration: underline;
}


/* Calques */

#page {
  float:left;
  top: 8px;
  left: 50%;
  width: 954px;
  margin-left: -477px;
  min-height:55em;
  height:55em;
  position: absolute;
}

#content {
  float:left;
  top: 0px;
  left:0px;
  width:954px;
  height:auto;
  background-color: #FFFFFF;
}

html>body #page{
  height:auto;
}


/* -- Others --------------------- */

.spacer {
  clear: both;
  font-size:50%;
}


/* Formulaire ----------------------------- */

.form-s {
	width: 50px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #E2E2E2; 
	margin: 2px;
}

.form-m {
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #E2E2E2;
	margin: 2px;
}

.form-l {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #E2E2E2;
	margin: 2px;
}