/* CSS Document */
/*{ outline: 1px solid red; }*/
body{
    width:100 vw;
    height:100 vw;
    margin: 0;
    padding:0;
	background-color:yellow;
}
#fond{
    width: calc(100% - 4em);
    height:auto;
    margin: 2em;
    padding:0;
    background-color : transparent;
    position: absolute;
    top:0;
    z-index:1;
    left:0;
}
header{
    text-align:center;
}
#gcode{
    width: 12em;
    height:min-content;
    text-align:right;
}
#grilleC{
	width:fit-content;
}
.bouton{
    background-color! silver;
    color:red;
}
.chgrill{
    border-width:thin;
    border-color:red;
    border-style:solid;
    width: 3ch;
    height: 6ch;
}
//////////////////// formulaire de saisie des données du carré ////////////
#doncar{
    height: 10lh;
}
#s_carre{
    width : 60em;
    height: max-content;
    position: relative;
    background-color:white;

}
#grille_chiffres{
	width: 9.9ch;
	height: max-content;
	margin-left:1em;
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.3ch;
	top: 241px;
	background-color: black;
	border-color: black;
	border-style: solid;
}
#datacarre{
    background-color:white;
    text-align:left;
    font-weight:bold;
    padding: 1em;
   
}
.dcc{
    background-color:white;
    text-align:center;
    font-weight:bold;
}