.champflottant
{
	float: left;
	background-color: grey;
	height: 300px;
	width: 130px;
	margin-left: auto;
}
.abus
{
	text-decoration: line-through;
}
#vérité
{
	text-decoration: underline;
}
#lumièreoff
{
	background-color: darkgreen;
	color: white;
	text-shadow: white;
}
.inquietant
{
	background-color: darkgreen;
	color: black;
}
.feuille
{
	background-color: white;
	text-align: center;
	color: black;
	width: 600px;
	float: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: black 6px 6px 6px;

}
a:hover
{
	color: darkred;
}

p
{
	font-size: x-large;
}

h1
{
	text-align: center;
}
body 
{
    margin:0px;
    background-color: white;
}
.lien
{
	color: white;
	background-color: black ;
	text-align: center;
	width: 50px;
	margin-right: auto;
	height: 20px;
	border-radius: 5px;
}
.lien2
{
	color: white;
	border-radius:5px ;
	background-color: black;
	text-align: center;
	width: 40px;
	margin-left: auto;
	height: 20px;
}

.lien:hover
{
	color: skyblue;
}
.lien:visited
{
	color: blueviolet;
}
.élargi
{
	width: 800px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	color: black;
	box-shadow: 10px 10px 10px black;
}
.conteneur
{
	display: flex;
	width: 120px;
	margin: auto;
	justify-content: space-around;
}
.element
{
  width: 50px;
  height: 50px;
  background-color: white;
}
.element2
{
  width: 50px;
  height: 50px;
  background-color: black;
}

.granddiv

{
	width: 720px;
	height: 720px;
	margin: auto;
	align-items: center;
	display: flex;
	flex-direction: column;
	align-content: space-between;
}
.numero
{
	display: flex;
	height: 30px;
	width: 640px;
	margin: auto;
	justify-content:space-around;

}
.lettres
{
	width: 70px;
	font-weight:bold ;
	text-align: center;
	font-size: x-large;
}

.echiquier-chiffres
{
	width: 720px;
	height: 640px;
	display: flex;
}
.chiffres
{
	display: flex;
	flex-direction: column;
	height: 640px;
	width: 40px;
	align-content: space-around;
}
.chiffre
{
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	margin: auto;
	height: 70px;
	vertical-align: middle;
	width: 30px;
}

.echiquier
{
	width: 640px;
	height: 640px;
	border: solid 2px;
	margin:auto;
}
.rangé
{
	display: flex;
}
.rangé2
{
	display: flex;
	flex-direction: row-reverse;
}
.case-blanche
{
	background-color: white;
	width: 80px;
	height: 80px;
}

.case-noir
{
	background-color: black;
	width: 80px;
	height: 80px;
}
.test
{
	width: 80px;
	height: 80px;
	background-color: black;
}