.bloc-GMB{
	background: no-repeat center center /cover;
	background-attachment: fixed;
	background-color: #c9ad8c60;
	padding:4em 10%;
	text-align: center;
	position: relative;
	color: #fff;
	display:block;
	z-index: 1;
}
.bloc-GMB .contain-GMB .etoiles-2{display:block;position:absolute;top:0;left:0;height:100%;background:url(../images/etoiles-2.png) no-repeat center left;}
.bloc-GMB .contain-GMB .zone-etoiles-note{position:relative;height:60px;width:264px;float:right;background:url(../images/etoiles-1.png) no-repeat center right;}
.bloc-GMB:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: #000;opacity: 0.8;z-index: -1;}
.bloc-GMB.bg-optionnel:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background: url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto;opacity:0.1;z-index:-1;}
.bloc-GMB .h1{
	color: var(--color0);
	background: none;
	text-shadow: none;
}

.note-avis{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 2rem;}

.nbr-note{font-size:40px;margin-right:4rem;}

.btn-partage .btn-gmb{text-align: center;margin-left: 10px; position: absolute;}
.btn-partage .icones {
  width: 15px;
  margin: 0;
  height: 15px;
  padding: 0;
  position: relative;
  fill: var(--color4);
  top: 2px;
  transition: 0.3s;
}

footer .btn-partage .icones {
    fill: var(--color0);
    /* top: 7px; */
}

footer .btn-partage .icones:hover {
    fill: var(--color0);
}
.badge-optionnel {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/badge-optionnel.png) no-repeat top right;
  width: 139px;
  height: 139px;
}.bloc-GMB{
	background: no-repeat center center /cover;
	background-attachment: fixed;
	background-color: #c9ad8c60;
	padding:4em 10%;
	text-align: center;
	position: relative;
	color: #fff;
	display:block;
	z-index: 0;
}

.bloc-GMB .contain-GMB .etoiles-2{display:block;position:absolute;top:0;left:0;height:100%;background:url(../images/etoiles-2.png) no-repeat center left;}
.bloc-GMB .contain-GMB .zone-etoiles-note{position:relative;height:60px;width:264px;float:right;background:url(../images/etoiles-1.png) no-repeat center right;}
.bloc-GMB:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: #000;opacity: 0.7;z-index: -1;}
.bloc-GMB.bg-optionnel:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background: url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto;opacity:0.1;z-index:-1;}
.bloc-GMB .h1{
	color: var(--color0);
	background: none;
	text-shadow: none;
  margin-bottom: 30px;
}

.note-avis{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 2rem;}

.nbr-note{font-size:40px;margin-right:4rem;}

.btn-partage .btn-gmb{text-align: center;margin-left: 10px; position: absolute;}
.btn-partage .icones {
  width: 15px;
  margin: 0;
  height: 15px;
  padding: 0;
  position: relative;
  fill: var(--color4);
  top: 2px;
  transition: 0.3s;
}
.badge-optionnel {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/badge-optionnel.png) no-repeat top right;
  width: 139px;
  height: 139px;
}
@media (max-width: 576px){
  .bloc-GMB .contain-GMB .etoiles-2{left: -23px;}
  .article-group .text-center{flex-wrap: wrap;justify-content: center;align-items: center;}
  .article-group .text-center a{text-align: center;padding: 15px 20px;}
  article.bloc-actu .cell.photo.cover{height: 300px;background-position: top;}
  a.bouton-principal, button.bouton-principal{padding: 15px 20px;}
  .pied h2{font-size: 20px;}
}