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

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

div#bloc4M1 {
	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;
	background-color:#fbbd12;
}

div#bloc4M1 a:link {
    background: #fbbd12;
    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;		
}

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

div#bloc4M2 {
	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;
	background-color:#fbbd12;
}

div#bloc4M2 a:link {
    background: #fbbd12;
    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;		
}

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

div#bloc4M3 {
	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;
	background-color:#fbbd12;
}

div#bloc4M3 a:link {
    background: #fbbd12;
    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;		
}

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

div#bloc4M4 {
	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%;
	margin-bottom:5px;
	background-color:#fbbd12;
}

div#bloc4M4 a:link {
    background: #fbbd12;
    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;		
}

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

/* Définition logos certifications & label */

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

div#bloc4L1 {
	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;
	background-color:#ffffff;
}

div#bloc4L1 a:link {
    background: #ffffff;
    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;		
}

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

div#bloc4L2 {
	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;
	background-color:#ffffff;
}

div#bloc4L2 a:link {
    background: #ffffff;
    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;		
}

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

div#bloc4L3 {
	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;
	background-color:#ffffff;
}

div#bloc4L3 a:link {
    background: #ffffff;
    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;		
}

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

div#bloc4L4 {
	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%;
	margin-bottom:5px;
	background-color:#ffffff;
}

div#bloc4L4 a:link {
    background: #ffffff;
    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;		
}

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

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

.texteG {
  font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:0.9em;
	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#bloc4M1 {
    height: 140px; /* This does not work. Is it possible to set this height to 100% of container? */
	width: 100%;
	margin-left:0;
}

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

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

div#bloc4M4 {
    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:#523f31;
	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:#523f31;
	margin-top: 25px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 5px;
	letter-spacing: 0px;
	text-align:center;
}	

}