html, body {
	font-size: 0.85em;
	font-family: Verdana,Helvetica,sans-serif;
	color: #676767;
	background:transparent;
	/*background:#deded6;*/
}
* {
	margin: 0;
	padding: 0;
}
body { 
  margin-left: auto; 
  margin-right: auto; 
  width: 371px; 
}

h1.mp {
	background:transparent url("skin/puce_cadenas_2.png") no-repeat scroll 10px 5px;
	color:#2752A0;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 5px 45px;
	text-transform:uppercase;
	width:300px;
}
div.bloc {
	width: 358px;
	clear:left;
	background: #f8f8f8;
	padding-top: 6px;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 5px;
}
div.blocBas {
	background: #f8f8f8;
	padding-bottom: 6px;
	float: left;
	width: 280px ;
	}
div#cvs_swf {
	margin:0;
	padding:0;
	height:10px;
	width:1px;
}
fieldset {
	border: 0;
	width: 346px;
	margin-left: 5px;
}
fieldset legend {
	float: left;
	width: 346px;
	color: #2752A0;
/*	padding-left: 10px;*/
	text-transform: uppercase;
	font-weight: bold;
}
fieldset div.contenu {
	float: left;
	border-top: 1px solid #B8ADA6;
	padding-left: 25px;
}
fieldset div.bloc1 a{
	float: left;
	font-weight: bold;
	color: #676767;
	padding-left: 15px;
	text-decoration: none;
	background: url("skin/arrow.gif") no-repeat scroll 0 0;
	margin-top: 15px;
}
fieldset div.bloc1 a:hover, fieldset div.bloc1 a:focus, fieldset div.bloc1 a:active{
	text-decoration: underline;
}
fieldset div.bloc1 label {
	clear: left;
	float: left;
	font-size: 0.95em;
	margin-top: 10px;
	width: 315px;
}
fieldset div.bloc1 input {
	margin: 10px 0 0 80px;
	height: 20px;
	width: 145px;
	clear: left;
}
fieldset div.bloc2 {
	padding-left: 15px;
}
fieldset div.contenu p{
	margin-top: 10px;
	font-size: 0.95em;
	clear: left;
}
fieldset div.contenu div#cdevocal a{
	background: url("skin/btn_vocal.gif") no-repeat scroll left top;
	float: left;
	font-weight: bold;
	color: #454545;
	padding: 6px 0 0 30px;
	text-decoration: none;
	margin-top: 5px;
	height: 31px;
	width: 190px;
	font-size: 0.9em
}
fieldset div.contenu div#cdevocal a:hover, fieldset div.contenu div#cdevocal a:focus, fieldset  div.contenu div#cdevocal a:active{
	text-decoration: underline;
}

fieldset div.bloc2 p.blue {
	color: #2752A0;
}

fieldset div.bloc2 ul.clavier {
	list-style-type: none;
	width: 185px;
	margin: 5px 0 0 70px;
}
fieldset div.bloc2 ul.clavier li {
	float: left;
	border:1px solid #fff;
}
fieldset div.bloc2 ul.clavier li a{
	float: left;
	width: 31px;
	margin: 2px;
	height: 32px;
	color: #fff;
	text-decoration: none;
}
fieldset div.bloc2 div.val_code {
	float: left;
	clear: left;
	margin: 5px 0 0 91px;
	width: 140px;
	height: 20px;
	border: 1px solid #ccc;
	border-top-color: #ABADB3;
}
fieldset div.bloc2 div.val_code div{
	background: none;
	float: left;
	width: 8px;
	height: 17px;
	margin: 0 2px;
}
fieldset div.bloc2 div.val_code div.val_code_char_on{
	margin-top: 5px;
}
fieldset div.bloc2 div.val_code div.val_code_char_on img {
	display:inline;
}
fieldset div.bloc2 div.val_code div.val_code_char_off img {
	display:none;
}
div.btns_layer {
	padding-left: 65px;
	width: 300px;
}
div.btns_layer span {
	background: url("skin/btn_layer.gif") no-repeat top left;
	height: 32px;
	width: 118px;
	float: left;
	text-align: center;
}
div.btns_layer span input{
	color: #2752A0;
	text-transform: uppercase;
	border:0;
	background: none;
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
	cursor:pointer;
}
div.btns_layer span#nosubmit{
	text-transform: uppercase;
	border:0;
	font-size: 1em;
	font-weight: bold;
	height: 24px;
	padding-top: 6px;
}
span.present, a.present {
	display:inline;
}
span.absent, div.absent, a.absent {
	display:none;
}
fieldset div.bloc2 ul.clavier li.gcase {
	border:1px solid #000;
}
fieldset div.bloc2 ul.clavier li a img {
	border:0;
}
.hide_cvvs{
	left:-5000px;
	position:absolute;
}
div#date_cvvs{
	margin-left:85px;
	margin-top:10px;
}

/* IE 7 */
*+html div.btns_layer span input {padding-top: 7px;}
/* IE 6  */
* html fieldset div.bloc2 div.val_code {margin: 5px 0 0 49px;}
* html fieldset div.bloc2 div.val_code div.val_code_char_on{margin-top: 3px;}