.bouton_raspberry 		/* normal */
{
	width:100px;	height:25px;
	color:white;
	font-size:15px; background-color:#ff0000;
	border:2px solid #777;border-radius: 10px;
	/*background-image: linear-gradient(to bottom, #555 0%, #000 100%);*/
	background-image: linear-gradient(to bottom, #777711 0%, #000 100%);
	cursor : pointer;
}

.bouton_noir 		/* normal */
{
	width:230px;	height:25px;
	color:white;
	font-size:15px; background-color:#ff0000;
	border:2px solid #777;border-radius: 10px;
	/*background-image: linear-gradient(to bottom, #555 0%, #000 100%);*/
	background-image: linear-gradient(to bottom, #777711 0%, #000 100%);
	cursor : pointer;
}
.bouton_bleu 		/* outre_mer */
{
	width:230px;	height:25px;
	color:white;
	font-size:15px; background-color:#000;
	border:2px solid #777;border-radius: 10px;
	background-image: linear-gradient(to bottom, #adf 0%, #111 100%);
	cursor : pointer;
}
.bouton_marron 		/*  Dep americains et Paris Languedoc  */
{
	width:180px;	height:25px;	color:white;
	font-size:15px; background-color: #331a00    ; /*  #663300 #333300 */
	border:2px solid #aaa;border-radius: 10px;
	background-image: linear-gradient(to bottom, #aaa 0%, #331a00 100%);
	cursor : pointer;
}
.bouton_vert 		/*  dep Bretagne */
{
	width:150px;	height:25px;	color:white;
	font-size:15px; background-color: #331a00    ; /*  #663300 #333300 */
	border:2px solid #aaa;border-radius: 10px;
	background-image: linear-gradient(to bottom, #070 0%, #000 100%);
	cursor : pointer;
}
.bouton_rouge 		/*  non valide */
{
        width:250px;        height:25px;        color:white;
        font-size:15px;		background-color:#e00;
        border:2px solid #777;border-radius: 10px;
        background-image: linear-gradient(to bottom, #e00 0%, #000 100%);
	cursor : not-allowed;
}


.calculatrice
{
        /*width:350px; 	
        /*height:500px;					/* w300px h350px*/   
        background-color:#111; /* #eeeeee; */
        border:2px solid #777; /*  #CCCCCC; */
        margin:auto;
        padding-left:5px;
        padding-bottom:5px;
}

.calculatrice td
{        height:1%; }		/* height:16.66%; */

.calc_td_resultat 
{      
        text-align:center; /* background-color:#777; */
}
.calc_resultat
{
        width:90%; height:80%;
        font-size:150% ; text-align:right; background-color:#ccffcc; /* background-color:#ccffcc; */
}
.calc_td_calculs
{
        text-align:center;
}
.calc_calculs
{
        width:90%;
        text-align:left;
}
.calc_td_btn
{
        width:25%;				/*  width:25%; */
        height:100%;
        
}
.calc_btn /* touches 0-9 */
{
        width:90%;
        height:70%;
        color:white;
        font-size:20px; background-color:#000;
         border:2px solid #777;border-radius: 10px;
         background-image: linear-gradient(to bottom, #555 0%, #000 100%);
}
.calc_btnd /* desactivé */
{
        width:90%;
        height:70%;
        color:grey;
        font-size:20px; background-color:#000;
        border:2px solid #111;border-radius: 10px;
        background-image: linear-gradient(to bottom, #111 0%, #000 100%);
}
.calc_btn0 /* zéro */
{
        width:90%; /* double 190%*/
        height:70%;
        color:white;
        font-size:20px; background-color:#000;
        border:2px solid #777;border-radius: 10px;
        background-image: linear-gradient(to bottom, #555 0%, #000 100%);
}
.calc_btn_pi /* constante  Pi */
{
        width:90%;        height:70%;
        color:white;
        font-size:20px; background-color:#ff0000;
        border:2px solid #777;border-radius: 10px;
        font-family: 'Tangerine', cursive; 
        background-image: linear-gradient(to bottom, #777711 0%, #000 100%);
}
.calc_btn2 /*   operateurs  * + _ /     */
{
        width:90%;
        height:70%;
        color:white;
        font-size:20px; background-color: #331a00    ; /*  #663300 #333300 */
        border:2px solid #aaa;border-radius: 10px;
        background-image: linear-gradient(to bottom, #aaa 0%, #331a00 100%);
}
.calc_btn_fnct /* fonction log sin racine */
{
        width:90%;        height:70%;
        color:white;
        font-size:20px; background-color:#000;
        border:2px solid #777;border-radius: 10px;

        background-image: linear-gradient(to bottom, #adf 0%, #111 100%); /*  #cdf */

}
.calc_btn3 /* entree */
{
        width:90%;        height:70%;        color:white;
        font-size:20px; background-color:#ff8000; /* background-color:#ff8000;*/
        border:2px solid #777;border-radius: 10px;
        background-image: linear-gradient(to bottom, #DAA520 0%, #000 100%);
}
.calc_btn_eff /* effacer */
{
        width:90%;        height:70%;        color:white;
        font-size:20px;		background-color:#e00;
        border:2px solid #777;border-radius: 10px;
        background-image: linear-gradient(to bottom, #e00 0%, #500 100%);
}
.calc_conv /* conversion */
{
        width:90%;        height:70%;        color:black;
        font-size:15px;		background-color:#fff;
        border:2px solid #777;	border-radius: 10px;
        background-image: linear-gradient(to bottom, #ddd 0%, #888 100%);
}