body {
	text-align: center;
	font-family:verdana, sans-serif;
	font-size:90%;
	color:#333333;
	background-color:#f7f7f7;
 }

.title1 {
	font-weight: bold;
}

.title2 {
	font-weight: bold;
}

.title3 {
	color: #646464;
	text-align: center;
}

#page-center {
	width: 1024px;
    margin: 0 auto;
	text-align: left;
}

.blocParam {
	padding: 15px;
	margin: 15px;
	width: 750px;
	box-shadow: 2px 2px 4px #aaa;
	text-align: center;
	background-color:#ffffff;
}

#blocChiffrage {
	width: 200px;
	padding: 15px;
	margin: 15px;
	box-shadow: 2px 2px 4px #aaa;
	text-align: center;
	background-color:#ffffff;
}

hr {
	color: #f0f0f0;
	background-color: #f0f0f0;
}

input[type="reset"], input[type="button"] {
	color: #333333;
	background: #f0f0f0;
	border: 1px solid #FF5511;
	font-family:verdana, sans-serif;
	font-size:90%;
	margin: 4px;
}

input[type="button"]:disabled  {
	color: #c3c3c3;
}

input[type="text"] {
	width : 40px;
	text-align: right;
}

/* HTML5 Boilerplate accessible hidden styles */
[type="radio"].radioImage {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

label {
  cursor: pointer;
}

/* the basic, unchecked style */
[type="radio"] + span{
  position: relative;
  width: 172px;
  height: 140px;
  display: inline-block;
  color: white;
  border-radius: 4px;
  background-repeat: no-repeat;
  border: 4px solid transparent;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span {
  border: 4px solid #FF5511;
}

.textOnImage {
	background-color: rgba(0, 0, 0, 0.4);
	color: white;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 172px;
	text-align: center;
}