.footer
{
	width: 100%;
	height: 100px;
	bottom: 0px;
	align-items: center;
	background-color: white;
	border-top: 1.5px solid lightgrey;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top:450px;
	background: black;
	color: white;
}

#divcontact
{
	width: 30%;
	position: relative;
	left: 10%;
}

#divreglesun,
#divreglesdeux
{
	width: 30%;
	position: relative;
	left: 10%;
}


#divcontact a,
#divreglesun a,
#divreglesdeux a
{
	text-decoration: none;
	color: white;

}

#divcontact a:hover,
#divreglesun a:hover,
#divreglesdeux a:hover
{
	font-weight: bold;
}


#ulfooter li
{
	display: block;
	list-style-type: none;
}


@media screen and (min-width: 0px) and (max-width: 767px)
{

.footer
{
	height: 200px;

}

#divcontact
{
	width: 100%;
	position: relative;
	left: 0%;
}

#divreglesun,
#divreglesdeux
{
	width: 100%;
	position: relative;
	left: 0%;
}

#divcontact a
{
	height: 30px;
	font-size: 14px;
}

#divreglesun a
{
	height: 30px;
	font-size: 14px;
}

#divreglesdeux a
{
	height: 30px;
	font-size: 14px;
}

}

#ulfooter li
{
	line-height: 30px;
	position: relative;
	padding-left: 30px;
}

}