@font-face {
    font-family: myFirstFont;
    src: url(../fonts/OpenSans-Semibold.ttf);
	font-weight: bold;
}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/OpenSans-Light.ttf);
}

@font-face {
    font-family: myTitleFont;
    src: url(../fonts/Moderniz.otf);
}


.email-index-input{width: 60%; min-width: 100px; max-height: 30px; background-color: #1e1e1e; border-radius: 0px; border-left:solid 2px #eb00d8; border-right:solid 2px #eb00d8; border-top:solid 2px #eb00d8; border-bottom:solid 2px #eb00d8; border-righ:none; color: #eb00d8; font-size: 0.9em; font-weight: bold;}

.email-index-input::placeholder {
  	color: #FFFFFF;
  	opacity: 1; /* Firefox */
  	font-weight: bold;
}

.email-index-input::-ms-input-placeholder { /* Edge 12 -18 */
  	color: #FFFFFF;
	font-weight: bold;
}

.email-index-input-2{width: 80%; min-width: 250px; max-height: 36px; background-color: #1e1e1e; border-radius: 0px; border-left:solid 2px #eb00d8; border-right:solid 2px #eb00d8; border-top:solid 2px #eb00d8; border-bottom:solid 2px #eb00d8; border-righ:none; color: #eb00d8; font-size:1em; font-weight: bold;}

.email-index-input-2::placeholder {
  	color: #FFFFFF;
  	opacity: 1; /* Firefox */
  	font-weight: bold;
}

.email-index-input-2::-ms-input-placeholder { /* Edge 12 -18 */
  	color: #FFFFFF;
	font-weight: bold;
}

.btn-index-mail-register{width: 58px; height: 30px; background-color: #eb00d8; border-radius: 0px; border:solid 2px #eb00d8; padding:0px; padding-left: 5px; padding-right: 5px; text-align: center; color: #FFFFFF; }

.btn-index-mail-register-2{width: 58px; height: 36px; background-color: #eb00d8; border-radius: 0px; border:solid 2px #eb00d8; padding:0px; padding-left: 5px; padding-right: 5px; text-align: center; font-size:1em; color: #FFFFFF; }

.btn-index-mail-no-nml{width: 100px; height: 30px; background-color: #8acdb0; border-radius: 0px; border:solid 2px #707070; padding:0px; padding-left: 5px; padding-right: 5px; text-align: center; color: #707070; font-size: 0.9em;}


*, *:before, *:after {
  box-sizing: border-box;
}

.box1 {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 60px;
  margin: auto;
	margin-bottom: 0px;
}



/*---------------------------*/


.btn-footer{color:#8acdb0; font-family:myTitleFont; font-size:0.9em; text-decoration: none;}
.btn-footer:hover {color:#FFFFFF; text-decoration: none;}

.btn-music{color:#FFFFFF; font-family:myTitleFont; font-size:0.9em; text-decoration: none;}
.btn-music:hover {color:#ebcac5; text-decoration: none;}
.btn-music-2{color:#FFFFFF; font-family:myTitleFont; font-size:0.9em; text-decoration: none;}
.btn-music-2:hover {color:#ebcac5; text-decoration: none;}

.showMusic{display:block; opacity:1;}
.hideMusic{display:none; opacity:0; margin-top:20px; transition: all 0.4s ease;}

.blanc{color: #FFFFFF; }
.gris{color:#383433;}
.nude{color:#ebcac5; }
.rouge{color:#990000;}
.vert{color:#d5ff00;}
.rose{color:#eb00d8;}

.titleB{font-family: myTitleFont;}
.titleR{font-family: myTitleFont2;}





a {
	text-decoration: none;
}

a:hover {
	text-decoration:none;
	color:#383433;
}

.tit_wd {
	color:#383433;
}


body {
	font-family:  myFirstFont, Verdana;
    color: #383433;
	font-size: 1em;
	background-color: #ebcac5;
	overflow-x:hidden;
}


/*---------------------------*/