@charset "utf-8";


/*-------------Touche carre-------------------------------*/
/*--------------------------------------------------------*/
.calcwrape{
padding: 0px;
padding-bottom: 0px;
}
#ecran{
height: 80px;
background-color: #ffffff;
border: #e6e6e6 solid 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-bottom: 1%;
font-size: 50px;
font-weight: bold;
color: #656565;
text-align: right;
padding-right: 20px;
}
.touche-sec-carre {
height: 60px;
background-color: #e6e6e6;
float: left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-sec-carre input {
height: 60px;
border: 0px solid #aaaaaa;
background-color: #e6e6e6;
font-size: 30px;
font-weight: bold;
color: #656565;
cursor:pointer;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-sec-carre input:hover {
background-color: #f3f3f3;
color: #313131;
}

.touche-princ-carre {
height: 60px;
background-color: #222222;
float: left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-princ-carre input {
height: 60px;
border: 0px solid #aaaaaa;
background-color: #222222;
font-size: 30px;
font-weight: bold;
color: #ffffff;
cursor:pointer;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-princ-carre input:hover {
background-color: #666666;
color: #ffffff;
}


.touche-spec-carre {
height: 60px;
background-color: #496286;
float: left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-spec-carre input {
height: 60px;
border: 0px solid #953e00;
background-color: #496286;
font-size: 30px;
font-weight: bold;
color: #ffffff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
cursor:pointer;
}
.touche-spec-carre input:hover {
background-color: #313131;
}

/*-------------Touche haut-------------------------------*/
/*-------------------------------------------------------*/
.touche-spec-haut {
height: 125px;
background-color: #496286;
margin-right: 10px;
margin-bottom: 10px;
float: left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.touche-spec-haut input {
height: 125px;
border: 0px solid #953e00;
background-color: #496286;
font-size: 30px;
font-weight: bold;
color: #ffffff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
cursor:pointer;
}
.touche-spec-haut input:hover {
background-color: #000000;
}
.resultat {
text-shadow:0px 0px 5px #333;
font-size: 40px;
font-weight: bold;
color: #ffffff;
height: 60px;
width: 668px;
background-color: #656565;
border: 3px solid #9a9a9a;
-moz-box-shadow: 0px 0px 6px #adadad;
-webkit-box-shadow: 0px 0px 6px #adadad;
box-shadow: 0px 0px 6px #adadad;
margin-bottom: 40px;
float: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
color: #FFFFFF;
clear: both;
text-align: right;
padding-top: 10px;
padding-right: 20px;
display: block;
overflow: hidden;
-moz-box-shadow:inset 1px 0px 17px #333;
-webkit-box-shadow:inset 1px 0px 17px #333;
box-shadow:inset 1px 0px 17px #333;
}
.boxcalculewrapint{
	background-color: #ffffff;
}

/*-------------custom css-------------------------------*/
/*-------------------------------------------------------*/

.col1 {
float: left;
width: 16%;
}
.col2 {
float: left;
width: 52%;
}
.col3 {
float: left;
width: 32%;
}

.col1 .touche-spec-carre, .col1 .touche-sec-carre {
width: 96%;
margin-right: 3%;
margin-bottom: 3%;
}
.col1 .touche-spec-carre input, .col1 .touche-sec-carre input {
width: 100%;
}
.col2 .touche-princ-carre {
width: 32%;
margin-right: 1%;
margin-bottom: 1%;
}
.col2 .touche-princ-carre input {
width: 100%;
}
.col3 .touche-sec-carre, .col3 .touche-spec-haut {
width: 48%;
margin-right: 2%;
margin-bottom: 1.5%;
}
.col3 .touche-sec-carre input, .col3 .touche-spec-haut input {
width: 100%;
}

.wrapphaut {
float: left;
width: 48%;
margin-right: 2%;
margin-bottom: 1.5%;
height: 125px;
}

.col3 .wrapphaut .touche-sec-carre {
width: 100%;
margin-right: 3%;
margin-bottom: 4.5%!important;
}