@charset "utf-8";
/* CSS Document */


#iphone {
	width: 640px;
	height: 960px;
	background-color: black;
  margin:0 auto;
}
#zonedark {
	width: 100%;
	height: 216px;
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/statusbar.png');
	background-size: contain;
	background-repeat: no-repeat;
}
#zonedark #zonecalcul
{
	color:white;
	width:604px;
	height:176px;
	margin-top:40px;
	padding-right:36px;
	display:inline-block;
	text-align:right;
	font-size:9em;
	font-family:calibri;
	//background-color:rgba(255,120,255,0.8);
	
}








#calculator {
	width: 100%;
	height: 764px;
 //background-color:white;
	margin-top: 0;
}
//Touche Calculator .touche {
}
.grisone {
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
}
.gristwo {
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
}
.gristhree {
	width: 319px;
	height: 148px;
	float: left;
	margin-right: 1px;
}
.orange {
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 0px 1px 0px;
}

#delete {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/c.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d6d7d9;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#delete:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/c.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d6d7d9;
}
#plusmoins {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/plusmoins.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #dbdbdd;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#plusmoins:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/plusmoins.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #dbdbdd;
}
#peurcent {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/peurcent.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #dadbdd;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#peurcent:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/peurcent.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 144px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #dadbdd;
}
#division {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/division.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f89112;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#division:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/division.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f89112;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
}
#seven {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/seven.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d3d4d6;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#seven:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/seven.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d3d4d6;
}
#eight {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/eight.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d6d7d9;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#eight:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/eight.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d6d7d9;
}
#nine {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/nine.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d6d7d9;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#nine:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/nine.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 144px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d6d7d9;
}
#multiplication {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/multiplication.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f78d11;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#multiplication:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/multiplication.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f78d11;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
}
#four {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/four.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #ced0d2;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#four:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/four.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #ced0d2;
}
#five {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/five.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d1d2d4;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#five:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/five.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d1d2d4;
}
#six {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/six.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #d1d3d5;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#six:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/six.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 144px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #d1d3d5;
}
#moins {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/moins.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f78910;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#moins:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/moins.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f78910;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
}
#one {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/one.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #cacbce;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#one:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/one.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #cacbce;
}
#two {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/two.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #cbcccf;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#two:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/two.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #cbcccf;
}
#three {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/three.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #cbcccf;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#three:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/three.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 144px;
	height: 130px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #cbcccf;
}
#plus {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/plus.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f58110;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#plus:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/plus.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f5800f;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
}
#zero {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/zero.png');
	background-repeat: no-repeat;
	background-position:50px;
	width: 319px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #c4c6c9;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#zero:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/zero.png');
	background-repeat: no-repeat;
	background-position: 42px;
	width: 303px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #c4c6c9;
}
#virgule {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/virgule.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 160px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #c5c6c9;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#virgule:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/virgule.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 144px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
	background-color: #c5c6c9;
}
#egal {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/egal.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f47a0f;
	width: 159px;
	height: 148px;
	float: left;
	margin: 0px 1px 1px 0px;
	-webkit-transition: all ease 0.35s;
	transition: all ease 0.35s;
}
#egal:hover {
	background-image: url('http://webamaury.fr/Doc/CSSD/Calculator/egal.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f47a0f;
	width: 143px;
	height: 132px;
	float: left;
	margin: 9px 9px 9px 8px;
}