div#bloc {
	float: center;
	position: relative;
	width:100%;
	top:0px;
	margin-top:0%;
	margin-bottom:&%;	
}

div#bloc4H {
	float: left;
	width:100%;
	height:auto;
	margin-top:0%;
	text-align:center;
}

div#bloc4H1 {
	width: 24%;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
	float:left;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:5px;
    border-radius: 0%;
}

div#bloc4H1 a:link {
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	text-decoration:none;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;		
	background-color:#523f31;
    border-radius: 0%;
}

div#bloc4H1 a:hover {
    background: #a4a192;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	opacity : 0.8;
	-moz-opacity : 0.8;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter : alpha(opacity=80); /* IE < 8 */  
    border-radius: 0%;
}

div#bloc4H2 {
	width: 24%;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
	float:left;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0.25%;
	margin-right:1%;
	margin-bottom:5px;
    border-radius: 0%;

}

div#bloc4H2 a:link {
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	text-decoration:none;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;		
	background-color:#42bee4;
    border-radius: 0%;
}

div#bloc4H2 a:hover {
    background: #1a667d;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	opacity : 0.8;
	-moz-opacity : 0.8;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter : alpha(opacity=80); /* IE < 8 */  
    border-radius: 0%;
}

div#bloc4H3 {
	width: 24%;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
	float:left;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0.25%;
	margin-right:1%;
	margin-bottom:5px;
    border-radius: 0%;
}

div#bloc4H3 a:link {
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	text-decoration:none;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;		
	background-color:#a4927a;
    border-radius: 0%;
}

div#bloc4H3 a:hover {
    background: #a9650b;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	opacity : 0.8;
	-moz-opacity : 0.8;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter : alpha(opacity=80); /* IE < 8 */  
    border-radius: 0%;
}

div#bloc4H4 {
	width: 24%;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
	float:left;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0.5%;
	margin-right:0%;
    border-radius: 0%;
}

div#bloc4H4 a:link {
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	text-decoration:none;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;		
	background-color:#c0c03c;
    border-radius: 0%;
}

div#bloc4H4 a:hover {
    background: #7b7b1e;
    height: auto; /* This does not work. Is it possible to set this height to 100% of container? */
    display: block;
	opacity : 0.8;
	-moz-opacity : 08;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter : alpha(opacity=80); /* IE < 8 */  
    border-radius: 0%;
}

.titreGH {
  font-family: "Anton SC", serif;
	font-weight: 400;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:0px;
	text-align:center;
	font-size:1.9em;
	color:#FFFFFF;
	line-height:auto;
	text-transform:uppercase;
}

.texteGH {
  font-family: "Noto Sans", serif;
	font-weight: 400;
	font-size:0.8em;
	text-align:center;
	margin-top: 25px;
	margin-left:0px;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 5px;
	line-height:auto;
	color:#FFFFFF;
}


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

div#bloc {
	float: center;
	position: relative;
	width:100%;
	top:0px;
	margin-top:1%;
	margin-bottom:1%;	
}
	
div#bloc4H1 {
    height: 140px; /* This does not work. Is it possible to set this height to 100% of container? */
	width: 100%;
	margin-left:0;
}

div#bloc4H2 {
    height: 140px; /* This does not work. Is it possible to set this height to 100% of container? */
	width: 100%;
	margin-left:0;
}

div#bloc4H3 {
    height: 140px; /* This does not work. Is it possible to set this height to 100% of container? */
	width: 100%;
	margin-left:0;
}

div#bloc4H4 {
    height: 140px; /* This does not work. Is it possible to set this height to 100% of container? */
	width: 100%;
	margin-left:0;
}

.titreG {
  font-family: "Anton SC", serif;
	font-weight: 400;
	margin-top:0px;
	font-size:1.8em;
	margin-bottom:5px;
	color:#FFFFFF;
	line-height:auto;
	text-transform:uppercase;
	text-align:center;
}
	
.texteG {
  font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:0.8em;
	text-align:left;
	line-height:auto;
	color:#FFFFFF;
	margin-top: 25px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 5px;
	letter-spacing: 0px;
	text-align:center;
}	

}