body {
	background-color: #CCCCCC;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  	font-size: 14px;
  	background-image: url("../img/erp1.jpg", repeat-x);
}
td,th, input, select {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;

}
/*
a, a:link,a:visited {
	color: #0001CF;
	font-weight : bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  	text-decoration : none;
}
*/
a:hover {
	text-decoration: underline;
	color: #ffffff;
	background-color: #0001CF;
}
a.butAction {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-image: url("../img/bg_btnBlue.jpg");
  background-repeat: repeat-x;
  color: #ffffff;
  text-decoration-line: none;
  text-decoration-style: solid;
  white-space: nowrap;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
}
.butAction {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-image: url("../img/bg_btnBlue.jpg");
  background-repeat: repeat-x;
  color: #ffffff;
  text-decoration-line: none;
  text-decoration-style: solid;
  white-space: nowrap;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
}
.button {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: transparent;
  background-image: url("../img/bg_btnGreen.jpg");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #ffffff;
  text-decoration-line: none;
  text-decoration-style: solid;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}
a.button {
  background-image: url("../img/bg_btnGreen.jpg");
  color: #ffffff;
}
a.button:hover{
	 color: #ffffff;
	background-image: url("../img/bg_btnBlue.jpg");
}
.impair:hover {
	background-color :#AAAAAA;
	color : #FFFFFF;
}
.pair:hover {
	background-color :#AAAAAA;
	color : #FFFFFF;
}
.titre {
 color: #FFFFFF;
 background-color : #888888;
}
.impair {
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  background-color : #BFCFFE;
}
.pair {
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  background-color: #ffffff;
}
.rattage {
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  background-color: #ff8080;
}
.reussite {
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  background-color : #bffebf;
  font-weight: bold;
  font-size: 16px;
}
.bord_droit {
	border-right: 1px solid #000000;
}
.bord_top {
	border-top: 1px solid #000000;
}
.bleu {
	color : #0033CC;
	background-color: #cccccc;
}

.rouge, a.rouge {
	color : #ff0000;
	background-color: #f9b8b8;
	text-align : center;
}

.orange {
	color : #000;
	background-color: #f2b58c;
	text-align : center;
	font-size: 12px;
}
.noir {
	color : #000000;
	background-color: #888888;
	text-align : center;
}
.vert {
	color : #0a540a;
	background-color: #73f4a0;
	text-align : center;
	font-size: 12px;
}
.blanc {
	color: #ffffff:
	background-color: #444444;
}
.strong {
  background-color: #f8f8f8;
  color: #000000;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.cote {
	 background-color: #89D9B2;
	 color : #000000;
 }
.CT {
	 background-color: #B1C2E8;
	 font-size: 12px;
	 color : #000000;
 }

#trligne:hover {
	background-color: #ffff00;
 }
.saisi {
 background-color: #eeeeee;
}
.unselectable{
     background-color: #dddddd;
     pointer-events: none;
}
.page {
	font-weight: bold;
	font-size: 18px;
	float: left;
}

#grille {
	width:180px;
	float:center;
	height:150px;
	text-align:center;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	background-color:#CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:20px;
	margin-left:60px;
}
.case {
	width:33px;
	float:left;
	height:33px;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	padding:0px;
	margin:0px;
	border:#333 1px solid;
	border-radius: 5px;
     background: #CCC;
     background: linear-gradient( #CCC, #FFF);
	 text-shadow: 0px 1px 0px white;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.4);
     box-shadow: 0 0 10px rgba( 0, 0, 0, 0.8),
                 0 -1px 0 rgba( 255, 255, 255, 0.6);
	box-shadow: 2px 2px 0px #aaa;
	margin:2px;
}
.semis {
	background-color: #edd8c9;
	color: #7f3a06;

}
.size8 {
	font-size: 10px