
/***********************************************/
    /* 3*3 Grid */
    #b1, #b2, #b3, #b4, #b5, 
    #b6, #b7, #b8, #b9 {
        width: 80px;
        height: 52px;
        margin: auto;
        border: 1px solid gray;
        border-radius: 6px;
        font-size: 30px;
		color: #000000;
        text-align: center;
    }

/* écran smartphone petit */
@media only screen and (max-width: 600px) {
	#b1, #b2, #b3, #b4, #b5, 
    #b6, #b7, #b8, #b9 {
        width: 60px;
        height: 42px;
        margin: auto;
        border: 1px solid gray;
        border-radius: 6px;
        font-size: 30px;
		color: #000000;
        text-align: center;
  }
}
  
    /* Reset Button
    #but {
        box-sizing: border-box;
        width: auto;
        height: 36px;
        border: 1px solid  #1B77CB;
        margin: auto;
        border-radius: 4px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        background-color: #1B77CB;
        color: #FFFFFF;
        font-size: 16px;
        cursor: pointer;
    }

	#but:hover {
	background-color: #4B95E7;
	}
  */
#resetButton {
	width: auto;
	height: auto;
	margin-bottom: 10px;
    padding: 14px 12px !important;
	border-radius: 8px;
	border: 2px solid #2B7CFF;
	background: linear-gradient(#FFFFFF,#EEF6FF);
    cursor: pointer;
	font-weight: 600;
}

#resetButton:hover {
    background-color: #FF0000;
}
 
    /* Player turn space */
    #print {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #2034bd;
        font-size: 16px;
    }
  
    /* Main Container */
    #main {
        text-align: center;
    }
  
    /* Game Instruction Text */
    #ins {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #2034bd;
        font-size: 17px;
    }

.devinernum {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.txtmobile {
	display: none;
}

.txtnormal {
	display: block;
}

/* mobile */
@media only screen and (max-width:700px){
	.colonnemilieu {
	width: 99.9999%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
  }
	.txtmobile {
	display: block;
  }
	.txtnormal {
	display: none;
  }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
	.txtmobile {
	display: block;
  }
	.txtnormal {
	display: none;
  }
}

