ul {
    list-style-type: none;
}
header{
    background-color: #6B2BA7;
    text-decoration: none;
}
header img{
    border-radius: 8px;
    width: 125px;
}
nav {
	top: 60px;
	left:0;
	width: 100%;
	padding: 0;
	margin:0;
	text-align: center;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
    z-index: 2;
    position: relative;
}
nav li {
    
	border-style:solid;
	font-size:  30px;
}
nav > ul {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.deroulant a {
	color: black;
	text-decoration: none;
    vertical-align: sub;
}
nav > ul > li {
	color:black;
	height: 70px;
	width: 20%;
	min-width : 99%;
}
nav ul ul {
	display: none;
}
nav > ul > li:hover .sous{
	display: block;
	background-color: #FFCC01;
}
nav ul > li:hover {
	color: black;
	background-color: #6B2BA7;
	text-decoration: none;
}
nav ul > li > a:hover {
	color: black;
}




footer{
    background-color: #6B2BA7;
    display: grid;
    grid-template-columns: 50% 50%;
}
footer > .logos > ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
    text-align: center;
}
footer > .contacts > ul{
    display: grid;
    grid-template-columns: repeat(3, 50px);
    justify-content: center;
}
footer > .contacts{
    text-align: center;
}
.logos img{
    border-radius: 8px;
    width: 75px;
}
.contacts img{
    border-radius: 8px;
    width: 35px;
}