@font-face
{
    font-family: 'o_regular';
    src: url('font/o_regular.ttf'),
    url('font/o_regular.eot'),
    url('font/o_regular.svg'),
    url('font/o_regular.woff');
}

@font-face
{
    font-family: 'o_black';
    src: url('font/o_black.ttf'),
    url('font/o_black.eot'),
    url('font/o_black.svg'),
    url('font/o_black.woff');
}

@font-face
{
    font-family: 'n_bold';
    src: url('font/n_bold.ttf'),
    url('font/n_bold.eot'),
    url('font/n_bold.svg'),
    url('font/n_bold.woff');
}

@font-face
{
    font-family: 'n_light';
    src: url('font/n_light.ttf'),
    url('font/n_light.eot'),
    url('font/n_light.svg'),
    url('font/n_light.woff');
}

body
{
	/* background: url("img/bg/bg7.jpg") center;
    background-repeat: no-repeat;
    background-attachment: fixed; */
    background-color: black;
}

*
{
	font-family: n_light, verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: white;
    position: relative;
}

h1  /* HOME TITLE */
{   
    font-size: 100px;
    color: #f9da31;
    text-shadow: none;
    font-family: o_regular, verdana, sans-serif;
}

.nav /* MENU */
{   
    background-color: white;
	position: fixed;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.menu
{
    color: #161640;
    text-shadow: none;
	font-size: 40px;
	font-family: o_regular, verdana, sans-serif;
}

.menu:hover
{
	color: #0000a8;
}

.menu2
{
    color: #0000a8;
    text-shadow: none;
	font-size: 40px;
	font-family: o_regular, verdana, sans-serif;
}

.menu2:hover
{
	color: #77b4ff;
}

.menu3
{
	color: white;
	font-size: 40px;
	font-family: o_regular, verdana, sans-serif;
	text-decoration: blink;
}

.menu3:hover
{
	color: #f9da31;
}

/* Dropdown Button Social */
.dropbtn1
{
  background-color: white;
    color: black;
  padding: 0px;
	font-size: 40px;
  border: none;
    text-shadow: none;
	font-family: o_regular, verdana, sans-serif;
    height: 40px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown1
{
  position: relative;
  display: inline-block;
    height: 40px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown1-content
{
  display: none;
  position: absolute;
    right: 0;
  background-color: white;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown1-content a
{
  color: black;
    padding: 8px 16px;
  text-decoration: none;
  display: inline-block;
}

/* Change color of dropdown links on hover */
.dropdown1-content a:hover
{
    background-color: white;
}

/* Show the dropdown menu on hover */
.dropdown1:hover .dropdown1-content
{
    display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown1:hover .dropbtn1
{
    background-color: white;
    color: #0000a8;
}

/* Dropdown Button EPK */
.dropbtn2
{
  background-color: white;
    color: black;
  padding: 0px;
	font-size: 40px;
  border: none;
    text-shadow: none;
	font-family: o_regular, verdana, sans-serif;
    height: 40px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2
{
  position: relative;
  display: inline-block;
    height: 40px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown2-content
{
  display: none;
  position: absolute;
    right: 0;
  background-color: white;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown2-content a
{
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown2-content a:hover
{
    background-color: white;
}

/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown2-content
{
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2:hover .dropbtn2
{
    background-color: white;
    color: #77b4ff;
}

/* Dropdown Button Archive */
.dropbtn3
{
  background-color: white;
    color: #0000a8;
  padding: 0px;
	font-size: 40px;
  border: none;
    text-shadow: none;
	font-family: o_regular, verdana, sans-serif;
    height: 40px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown3
{
  position: relative;
  display: inline-block;
    height: 40px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown3-content
{
  display: none;
  position: absolute;
    right: 0;
  background-color: white;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown3-content a
{
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown3-content a:hover
{
    background-color: white;
}

/* Show the dropdown menu on hover */
.dropdown3:hover .dropdown3-content
{
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown3:hover .dropbtn3
{
    background-color: white;
    color: #77b4ff;
}

#flag
{
    width: 55px;
}

/* MENU END */

#contenu
{
	text-align: center;
}

.liensbandcamp
{
	width: 600px;
	margin: auto;
}

a
{
	font-family: n_light, verdana, sans-serif;
	color: white;
    text-shadow: 2 px 2 px #f9da31;
	top: 1px;
	z-index: 1;
}

a:hover
{
	color: #f9da31;
}

h2
{
	font-family: o_regular, verdana, sans-serif;
	font-size: 50px;
	color: #f9da31;
	z-index: 1;
    mix-blend-mode: normal;
}

h3
{
	font-family: n_light, verdana, sans-serif;
	font-size: 30px;
	color: #f9da31;
	padding: 0px;
}

h4
{
	font-family: n_bold, verdana, sans-serif;
	font-size: 20px;
	position: relative;
	top: 3px;
	z-index: 1;
	margin: 100px 0px;
}

h5
{
	font-family: n_bold, verdana, sans-serif;
	font-size: 20px;
}

strong
{
	font-family: n_bold, verdana, sans-serif;
	color: #f9da31;
	position: relative;
}

.comt
{
    max-width: 500px;
    margin: auto;
	font-size: 12px;
}

.contact /* CONTACT */
{
	font-family: n_bold, verdana, sans-serif;
	color: #f9da31;
}

.part /* PARTENAIRES */
{
	padding-top: 31px;
	padding-left: 8px;
	position: relative;
	top: 17px;
	z-index: 1;
}

.part:hover
{
	background-color: #3d0076;
}

/* END PARTENAIRES */

.links
{
    font-family: n_bold, verdana, sans-serif;
    /* color: black; */
}	

#logo
{
    height: 30px;
    width: 30px;
    position: relative;
    top: 1px;
}

#logoin
{
    height: 40px;
    width: 40px;
}

#logoin:hover
{
    content: url("img/logo/logoin2.png");
    height: 40px;
    width: 40px;
}

#logobc
{
    height: 40px;
    width: 40px;
}

#logobc:hover
{
    content: url("img/logo/logobc2.png");
    height: 40px;
    width: 40px;
}

#logofb
{
    height: 40px;
    width: 40px;
}

#logofb:hover
{
    content: url("img/logo/logofb2.png");
    height: 40px;
    width: 40px;
}

#logotw
{
    height: 40px;
    width: 40px;
}

#logotw:hover
{
    content: url("img/logo/logotw2.png");
    height: 40px;
    width: 40px;
}

#logoyt
{
    height: 40px;
    width: 40px;
}

#logoyt:hover
{
    content: url("img/logo/logoyt2.png");
    height: 40px;
    width: 40px;
}

#logosp
{
    height: 40px;
    width: 40px;
}

#logosp:hover
{
    content: url("img/logo/logosp2.png");
    height: 40px;
    width: 40px;
}

#logosc
{
    height: 40px;
    width: 40px;
}

#logosc:hover
{
    content: url("img/logo/logosc2.png");
    height: 40px;
    width: 40px;
}

#visuels
{
    height: 100px;
    width: 100px;
}

#retour
{
	font-family: n_light;
	color: #f9da31;
	text-align: center;
}

#retourimg
{
    height: 70px;
    width: 70px;
}

#retour:hover
{
	color: white;
}

#archive
{
	color: #77b4ff;
	font-size: 70px;
	font-family: o_regular, verdana, sans-serif;
}

#archive:hover
{
	color: white;
}

.txt
{
	font-size: 25px;
}

.nairod
{
	position: relative;
	top: 18px;
	z-index: 1;
	padding-left: 5px;
	padding-right: 5px;
}

#nonserie
{
	position: relative;
	top: 6px;
	z-index: 1;
}

.next
{
	position: relative;
	bottom: 8px;
	z-index: 1;	
}

.youtube
{
	z-index: 1;
}

.button
{
    font-family: n_light, o_regular;
    font-size: 15px;
    color: #f9da31;
}

.soundcloud
{
	z-index: 1;
}

.disclaimer
{
    font-family: n_bold, verdana, sans-serif;
	font-size: 12px;
    max-width: 500px;
    margin: auto;
}