@font-face {
    font-family: "bebas Neue";
    src: url('fonts/BebasNeue-webfont.ttf');}
@font-face {
    font-family: "Lavanderia";
    src: url('fonts/LavanderiaRegular.otf');}
@font-face {
    font-family: "Lobster";
    src: url('fonts/Lobster.otf');}
@font-face {
    font-family: "nougatine";
    src: url('fonts/nougatine.ttf');}
@font-face {
    font-family: "Raleway";
    src: url('fonts/Raleway.ttf');}
@font-face {
    font-family: "SansitaOne";
    src: url('fonts/SansitaOne.ttf');}
@font-face {
    font-family: "TheBlueOasis";
    src: url('fonts/TheBlueOasis.ttf');}
	
	
body {
/*font: 18px Lavanderia, Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif !important;*/
color:#373D4A;
background:#000000;}

header{
margin-bottom: 0px;
display:block;
}
div {
overflow:hidden;
}
#wrapper {
position: relative;
margin: 0 auto;
max-width: 960px;}

#section_home{
position:relative;
text-align:center;
margin-top:20%;
}
#section_home div {
width:300px;
margin:auto auto;
}
#section_home h2 {
position:absolute;
display:block;
width:100%;
margin: 55px auto 0px auto;
font-family: Lavanderia;
font-size:35px !important;
top:9px; /* decallage vers le bas pour anim bounce vers le haut */
padding-top:1px; /* rognage avec le font face corrige */
animation: bounce 3s ease 4s infinite;
-moz-animation: bounce 3s ease 4s infinite;
-webkit-animation: bounce 3s ease 4s infinite;
-o-animation: bounce 3s ease 4s infinite;
}
#section_home div:first-child{
border-bottom:2px solid black;
height:50px; /*le H2 est absolute donc height, absolute car bounce avec hrader au dessu */
position:relative;
padding-top:6px;  /*espacement border */
width:0px; /* before CSS 3 anim */
background:white; /* no vision under */
text-align:center;
}
#ceram {overflow:hidden;}
#ceram  h3{
font-family:Bebas Neue;
font-size:22px !important;
margin-top:-22px; /* margin init pour apparition */
opacity:0;
}
#section_home div:last-child, #section_home button {
	font-weight:bold;
	margin-top:40px;}

#enterbutton {opacity:0;
margin-bottom:100px;
}

@keyframes bounce{
    from {top: 9px;}
    50%  {top: 0px;}
    to   {top: 9px;}
}
@-moz-keyframes bounce /* Firefox */
{
    from {top: 9px;}
    50%  {top: 0px;}
    to   {top: 9px;}
}

@-webkit-keyframes bounce /* Safari and Chrome */
{
    from {top: 9px;}
    50%  {top: 0px;}
    to   {top: 9px;}
}

@-o-keyframes bounce /* Opera */
{
    from {top: 9px;}
    50%  {top: 0px;}
    to   {top: 9px;}
}