#jeu-6 #container-jeu-6 {
	width: 100%;
	height: 100%;
}

#jeu-6 img#murbriques-tel {
	display: none;	
}

#jeu-6 img#murbriques {
	/*float: left;*/
	width: 100%;
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#jeu-6 img#murbriques {
		display: none;
	}
	
	#jeu-6 img#murbriques-tel {
		display: block;
		width: 100%;
	}
}

#jeu-6 aside#controls-briques {
	float: left;
	width: 19%;
	text-align: center;
	padding-top: 10px;
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#jeu-6 aside#controls-briques {
		padding-top: 0;	
	}
}

#jeu-6 aside#controls-briques img.brique {
	display: inline-block;
	width: 40%;
	height: 2.4em;
	margin: 2px;
	vertical-align: bottom;
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#jeu-6 aside#controls-briques img.brique {
		margin-top: 10px;
		width: 100%;
	}
}

#jeu-6 aside#controls-briques input {
	display: inline-block;
	width: 40%;
	height: 2.4em;
	line-height: 2.4em;
	text-align: center;
	margin: 2px;
	vertical-align: bottom;
	font-size: 100%;
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#jeu-6 aside#controls-briques input {
		width: 60%;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	#jeu-6 aside#controls-briques input {
		width: 50%;
	}
}

#jeu-6 aside#controls-briques button#boutongo {
	display: inline-block;
	background: transparent;
	background-image: url(../../../data/uploads/jouer/au-debut/jeu-6/gorouge.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 20%;
	height: 20%;
	margin: 8%;
	min-width: 40px;
	min-height: 40px;
	/*border-style: solid;
	border-width: 1px;*/
}

#jeu-6 div.zonebrique {
	position: relative;
}

#jeu-6 #container-mur {
	/*overflow:hidden;*/
	position: relative;
	height: 100%;
	float: left;
	width: 80%;
	margin-bottom: 10px;
}

#jeu-6 #container-mur #brique1 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 5%;
	left: 2%;
	width: 40.5%;
	height: 20.5%;
	/*border-style: solid;
	border-width: 1px;
	border-color: red;*/
}

#jeu-6 #container-mur #brique2 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 5%;
	left: 44.5%;
	width: 53%;
	height: 20.5%;
}

#jeu-6 #container-mur #brique3 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 30%;
	left: 1.5%;
	width: 25%;
	height: 20.5%;
}

#jeu-6 #container-mur #brique4 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 30%;
	left: 29%;
	width: 27%;
	height: 20.5%;
}

#jeu-6 #container-mur #brique5 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 30%;
	left: 58%;
	width: 27%;
	height: 20.5%;
}

#jeu-6 #container-mur #brique6 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 30%;
	left: 87.5%;
	width: 11%;
	height: 20.5%;
}

#jeu-6 #container-mur #brique7 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 55%;
	left: 2%;
	width: 39%;
	height: 19.5%;
}

#jeu-6 #container-mur #brique8 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 55%;
	left: 43%;
	width: 30%;
	height: 19.5%;
}

#jeu-6 #container-mur #brique9 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 55%;
	left: 75%;
	width: 24%;
	height: 19.5%;
}

#jeu-6 #container-mur #brique10 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 79%;
	left: 2.5%;
	width: 26%;
	height: 19%;
}

#jeu-6 #container-mur #brique11 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 79%;
	left: 30.5%;
	width: 26%;
	height: 19%;
}

#jeu-6 #container-mur #brique12 {
	background-color: rgba(255,255,255,0.5); 
	position: absolute;
	top: 78%;
	left: 59%;
	width: 40%;
	height: 19%;
}

#jeu-6  #validation {
	float: left;
	width: 19%;
	text-align: center;
}

#jeu-6  #validation img.valid {
	display: inline-block;
	width: 25%;	
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#jeu-6  #validation img.valid {
		width: 51%;	
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	#jeu-6  #validation {
		clear: both;
		width: 80%;
	}
	
	#jeu-6  #validation img.valid {
		width: 10%;	
	}
}

#jeu-6 #validorange1 {
		
}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	#jeu-6 #container-mur #brique1 {
		top: 2.5%;
		left: 4%;
		width: 34.5%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique2 {
		top: 3%;
		left: 43.5%;
		width: 56%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique3 {
		top: 19%;
		left: 4%;
		width: 34.5%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique4 {
		top: 19%;
		left: 43.5%;
		width: 56%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique5 {
		top: 35%;
		left: 0%;
		width: 58%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique6 {
		top: 35.5%;
		left: 64%;
		width: 33%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique7 {
		top: 52%;
		left: 0%;
		width: 58%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique8 {
		top: 52.5%;
		left: 64%;
		width: 33%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique9 {
		top: 69%;
		left: 4%;
		width: 34.5%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique10 {
		top: 69%;
		left: 43.5%;
		width: 56%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique11 {
		top: 85%;
		left: 4%;
		width: 34.5%;
		height: 13%;
	}

	#jeu-6 #container-mur #brique12 {
		top: 85%;
		left: 43.5%;
		width: 56%;
		height: 13%;
	}
}