@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url('razon.woff') format('woff');
}

html, body {
  margin: 0px auto; padding: 0px;
  font-family: 'PT sans', sans-serif;
  font-size: 16px;
  color: #333399;
  background: #eeeeee;
  height: 100%;
  background-image: url('razon.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
  background-size: 100% 30%;
}

.saisie {border: 1px solid #3333aa; font-size: 16px; color: #000000; font-family: 'PT sans', sans-serif;}
.legende {font-size: 14px; color: #aaaaaa;}
.texte {font-size: 16px; color: #3333aa;}
.titre {font-size: 30px; color: #3333aa; letter-spacing: 6px;}
.stitre {font-size: 20px; color: #3333aa; letter-spacing: 6px;}

a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:active {color: #ff0000;}
a:hover {color: #ff0000;}

.bouton {
  border: 1px solid #3333aa;
	background-color:#aaaaaa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:3px 6px;
	text-decoration:none;
  font-family: 'PT sans', sans-serif;
}
.bouton:hover {
  color:#333399;
}
.bouton:active {
	position:relative;
	top:1px;
}