@charset "UTF-8";
body {
	font: 80%/1.4 Times;
	background-color: #000000;
	margin: 0;
	padding: 0;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	}

a:link {
	color: #FFF;
	text-decoration: none; 
	}

a:visited {
	color: #FFF;
	text-decoration: none;
	}

a:hover, a:active, a:focus { 
	color: #777777;
	text-decoration: none;
	}

	@media screen and (max-width: 3000px)
{

`.container {
	padding-top: 0px;
/*	width: 100%;
	height: 100%;
*/	margin: 0 auto;
	}
	
.logo {
	padding-top: 60px;
	width: 50%;
	float: left;
	}	

.reseaux {
	padding-top: 8%;
	padding-left: 8%;
	width: 62%;
	padding-bottom:2%;
	float: left;
	}	
	
.evenements {
	padding-top: 85px;
	padding-left:383px;
	width: 97px;
	float: left;
	}

.collectif {
	padding-top: 85px;
	padding-left:0px;
	width: 99px;
	float: left;
	}

.email {
	padding-top: 85px;
	padding-left:0px;
	width: 96px;
	float: left;
	}

.instagram {
	padding-top: 85px;
	padding-left:0px;
	padding-bottom:3%;
	width: 97px;
	float: left;
	}

.voc {
	display:none;
	}	
	
.voc2 {
	display: block;
	padding-top: 44px;
	padding-left: 4%;
	width: 440px;
	padding-bottom:0px;
	float: left;
	}	

.banniere {
	padding-top: 28px;
	padding-left: 17%;
	width: 472px;
	float: left;
	}

.nav {
	padding-top: 0px;
	padding-left:0px;
	width: 100%;
	float: left;
	}
	
.btCharli {
	padding-left:0px;
	width: 21%;
	float: left;
	}
	
.btDash {
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btDegun {
	padding-left:0px;
	width: 24.5%;
	float: left;
	}

.btMams {
	padding-left:0px;
	width: 21.2%;
	float: left;
	}

.btSeb {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}

.btShocko {
	padding-top: 4%;
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btTony {
	padding-top: 4%;
	padding-left:0px;
	width: 24.5%;
	float: left;
	}

.btYpnova {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}
	
.zonneText {
	padding-top:100px;
	font-size: 130%;
	text-align: center;
	width:50%;
	float: left;
	}
	
.footer {
	padding-left: 0px;
	width: 100%;
	float: left;
	/*background-color: #FFF;*/
	/*font-size: 50%;*/
	text-align:center;
	}
}


	@media screen and (max-width: 950px)
{

`.container {
	padding-top: 0px;
/*	width: 100%;
	height: 100%;
*/	margin: 0 auto;
	}
	
.logo {
	padding-top: 50px;
	width: 50%;
	float: left;
	}	

.reseaux {
	padding-top: 8%;
	padding-left: 8%;
	width: 62%;
	padding-bottom:2%;
	float: left;
	}	
	
.evenements {
	padding-top: 12%;
	padding-left:25%;
	width: 9%;
	float: left;
	}

.collectif {
	padding-top: 12%;
	padding-left:0px;
	width: 9%;
	float: left;
	}

.email {
	padding-top: 12%;
	padding-left:0px;
	width: 9%;
	float: left;
	}

.instagram {
	padding-top: 12%;
	padding-left:0px;
	width: 9%;
	float: left;
	padding-bottom:4%;
	}

.voc {
	display:none;
	}	

.voc2 {
	display:block;
	padding-top: 2.5%;
	padding-left: 6%;
	width: 40%;
	padding-bottom:0px;
	float: left;
	}	

.banniere {
	padding-top: 2%;
	padding-left: 10%;
	width: 34%;
	float: left;
	}

.nav {
	padding-top: 0px;
	padding-left:0px;
	width: 100%;
	float: left;
	}
	
.btCharli {
	padding-left:0px;
	width: 21%;
	float: left;
	}
	
.btDash {
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btDegun {
	padding-left:0px;
	width: 24.5%;
	float: left;
	}

.btMams {
	padding-left:0px;
	width: 21.2%;
	float: left;
	}

.btSeb {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}

.btShocko {
	padding-top: 4%;
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btTony {
	padding-top: 4%;
	padding-left:0px;
	width: 24.5%;
	float: left;
	}

.btYpnova {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}

.zonneText {
	padding-top:50px;
	font-size: 110%;
	text-align: center;
	width:50%;
	float: left;
	}
	
.footer {
	padding-left: 0px;
	width: 100%;
	float: left;
	/*background-color: #FFF;*/
	font-size: 80%;
	text-align:center;
	}
}

@media screen and (max-width: 612px)
{

`.container {
	padding-top: 0px;
/*	width: 100%;
	height: 100%;
*/	margin: 0 auto;
	}
	
.logo {
	width: 100%;
	float: left;
	}	

.reseaux {
	padding-top: 3%;
	padding-left: 4%;
	width: 62%;
	padding-bottom:2%;
	float: left;
	}	
	
.evenements {
	padding-top: 9%;
	padding-left:4%;
	width: 15.33%;
	float: left;
	}

.collectif {
	padding-top: 9%;
	padding-left:0px;
	width: 15.33%;
	float: left;
	}

.email {
	padding-top: 9%;
	padding-left:0px;
	width: 15.33%;
	float: left;
	}

.instagram {
	padding-top: 9%;
	padding-left:0px;
	width: 15.33%;
	float: left;
	}

.voc {
	display:block;
	padding-top: 1%;
	padding-left: 8%;
	width: 100%;
	padding-bottom:4%;
	float: left;
	font: 60%/1.4 Times;
	background-color: #BDBCAF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;

	}	
		
.voc2 {
	display:none;
	}	

.banniere {
	padding-top: 4%;
	padding-left: 8%;
	padding-bottom: 4%;
	width: 90%;
	float: left;
	}

.nav {
	padding-left:0px;
	width: 100%;
	float: left;
	}
	
.btCharli {
	padding-left:0px;
	width: 21%;
	float: left;
	}
	
.btDash {
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btDegun {
	padding-left:0px;
	width: 24.3%;
	float: left;
	}

.btMams {
	padding-left:0px;
	width: 21%;
	float: left;
	}

.btSeb {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}

.btShocko {
	padding-top: 4%;
	padding-left:0px;
	width: 23.5%;
	float: left;
	}

.btTony {
	padding-top: 4%;
	padding-left:0px;
	width: 24.5%;
	float: left;
	}

.btYpnova {
	padding-top: 4%;
	padding-left:0px;
	width: 21%;
	float: left;
	}

.zonneText {
	padding-top:28px;
	padding-bottom:28px;
	font-size: 100%;
	text-align: center;
	width:100%;
	float: left;
	}
	
.footer {
	padding-left: 0%;
	width: 100%;
	float: left;
	/*background-color: #FFF;*/
	font-size: 100%;
	text-align:center;
	}
}