@charset "utf-8";

body {
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	text-align: center;
	color: #999;
	font-family: 'Exo', sans-serif;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-color: #290C0D;
	background-image: url(../imgs/madness-top-bg-01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0,8;
}



    .header {
	color: #CE0005;
	font-size: 50px;
	margin-top: 40px;
    -webkit-animation: cssAnimation 1s 16 ease;
    -moz-animation: cssAnimation 1s 16 ease;
    -o-animation: cssAnimation 1s 16 ease;
    }
    @-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
    to { -webkit-transform: rotate(4deg) scale(0.591) skew(1deg) translate(0px); }
    }
    @-moz-keyframes cssAnimation {
    from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
    to { -moz-transform: rotate(4deg) scale(0.591) skew(1deg) translate(0px); }
    }
    @-o-keyframes cssAnimation {
    from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
    to { -o-transform: rotate(4deg) scale(0.591) skew(1deg) translate(0px); }
    }


  

.b1 {
	width: 100%;
	height: 20px;
	background-color: rgba(220, 20, 20, 0.9);
	}  
	
.b2 {
	height: 20px;
	background-color: rgba(220, 20, 20, 0.6);
	opacity:0.6;
	} 
	
.b3 {
	height: 20px;
	background-color: rgba(220, 20, 20, 0.3);
	}