@font-face {
	font-family: mars;
	src: url(../fonts/Beyond-Mars.ttf);
}
html {
	margin: 0;
	padding: 0;
}
body {
	background-color: black;
}
.header {
	color: white;
	font-family: mars;
	position: fixed;
	background-color: black;
	z-index: 100;
}
h1 {
	margin: 0;
	padding: 0;
}
.menu-top {
	list-style-type: none !important;
	padding-right: 100px;
}
.sub-menu-top {
	font-size: 2rem;
	list-style-type: none !important;
	float: right;
	display: list-item;
	margin: 1%;
	margin-top: 2%;
}
.title-site {
	float: left !important;
}
.bloc {
	padding-right: 0 !important;
    padding-left: 0 !important;
}

a {
	color: white;
	text-decoration: none;
}
a:hover{
	text-decoration:none; 
		font-weight:bold; 
		cursor:pointer ;
		color: whitesmoke;
}
.sub-title {
	font-size: 3.5rem;
	font-family: mars;
}
.img-home-sub-bloc > img {
	/*border-radius:75%;*/
}

.footer {
	margin-top: 2%;
	text-align: center;
}
.footer-list{
	display: inline-block;
	list-style: none;
	background-color: black;
	border-color: black;
}
.logo {
	width: 50px;
	height: 50px;
	border-radius: 2.5rem;
	background-size: contain;
	padding-left: 20%;
}




/* Background Section */
.title{ 
	background-image: url('../images/background_enigma.webp');
}
.home {
	background-color: black;
}
.consult{
    background-image: url('../images/background_handshack.webp');
}
.gallery{
    background-image: url('../images/background_gallery.webp');
}
.formation{ 
	background-image: url('../images/background_library.webp');
}
.enigma{ 
	background-image: url('../images/background_enigma.webp');
}
.ar{ 
	background-image: url('../images/background_ar.webp');
}
.museum{ 
	background-image: url('../images/background_vr.webp');
}
.twitter {
	background-image: url('../images/logo_x.webp');
}
.insta {
	background-image: url('../images/logo_insta.webp');
}
.linkedin {
	background-image: url('../images/logo_linkedin.webp');
}
.rad_smile{
	background-image: url('../image/RAD_SMILE_0.png');
}

/* Sidenav menu */
.sidenav { 
width: 100%;
position: fixed;
z-index: 1;
text-align: center;
top: -50%;
background-color: black;
padding-top: 90px;
padding-bottom: 20px;
transition: top 0.5s ease;
}

.sidenav ul {
list-style-type: none;
padding: 0;
margin: 0;
}

/* Sidenav menu links */
.sidenav a {
padding: 8px 8px 8px 8px;
text-decoration: none;
font-size: 25px;
color: white;
display: block;
transition: 0.3s;
font-family: mars;
}

.sidenav a:hover {
color: #111;
}

/* Active class */
.sidenav.active {
top: 0;
}

/* Close btn */
.sidenav .close {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.burger-icon {
	position: absolute;
	right: 2%;
	display: none;
}
.burger-icon span {
display: block;
width: 35px;
height: 5px;
background-color: white;
margin: 6px 0;
}