/*Localisation_etablissement*/
#loc-etab .flexi.element.field_province, 
#loc-etab .flexi.element.field_ville, 
#loc-etab .flexi.element.field_quartier {
  background-color: #f00909; 
  margin: 0 3px 0 0 !important;
  line-height: 18px;
}
#loc-etab .flexi.value.field_province, 
#loc-etab .flexi.value.field_ville, 
#loc-etab .flexi.value.field_quartier,
#mglieu .flexi.value.field_quartier  {
  background-color: #9db83d;
  padding: 9px 31px !important;
  position: relative;
}
#loc-etab .flexi.value.field_province::before, 
#loc-etab .flexi.value.field_ville::before, 
#loc-etab .flexi.value.field_quartier::before {
  border-bottom: 18px solid #9db83d;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-top: 18px solid #9db83d;
  content: "";
  left: -15px;
  position: absolute;
  top: 0;
}
#loc-etab .flexi.value.field_province::after, 
#loc-etab .flexi.value.field_ville::after, 
#loc-etab .flexi.value.field_quartier::after {
  border-bottom: 18px solid #ffffff;
  border-left: 15px solid #9db83d;
  border-top: 18px solid #ffffff;
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
}
.container-header .navbar-brand a {
	color: #000;
}
#menu {
  background-color: #9db83d;
}
.container-banner {
	margin-bottom: 0;
}
.container-component main {
	margin-top: 0;
}

/*Mgtopbanner*/
.container-mgtopbanner {
	background-color: #383c3a;
	/* display: flex; */
}
.container-mgtopbanner fieldset.fc_filter_set {
	padding: 4px 20px;
}

/*search bar*/
.container-mgtopbanner fieldset.fc_filter_set {
	padding: 4px 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
/*page pack*/
#logoname {
	display: flex;
}
#flexicontent .contentheading {
	display: inherit;
	margin: 25px 0 0.5em 18px;
}

.flexi.value.field_email::before {
	content:"\F1C5";
	font-family: "Font Awesome 5 Free";
	padding: 7px;

}
#mglieu .flexi.value.field_province,
#mglieu .flexi.value.field_ville,
#mglieu .flexi.value.field_quartier {
	background-color: #9db83d;;
  padding: 6px 31px !important;
  position: relative;
}
#mglieu .flexi.value.field_province::before,
#mglieu .flexi.value.field_ville::before,
#mglieu .flexi.value.field_quartier::before {
  border-bottom: 18px solid #9db83d;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-top: 18px solid #9db83d;
  content: "";
  left: -15px;
  position: absolute;
  top: 0;
}
#mglieu .flexi.value.field_province::after,
#mglieu .flexi.value.field_ville::after,
#mglieu .flexi.value.field_quartier::after {
  border-bottom: 18px solid #ffffff;
  border-left: 15px solid #9db83d;
  border-top: 18px solid #ffffff;
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
}
/*============
Page catégorie
==============*/
/*image catégorie*/
.news.fc-items-block .fc_float_left {
  /* float: left !important; */
  /* margin: 0px 12px 8px 0; */
  /* display: block; */
  width: 25%;
}

#flexicontent .item_total {
		padding: 0px 23px;
	
}

/*============
Media Queries
==============*/
/* Medium devices (landscape phones, 575px and down)*/
@media (max-width: 575px) { 

  .site-grid {
       background-color:rgb(240, 161, 207);
  }
  /*============
Page catégorie
==============*/
  .news.fc-items-block .fcitem_title {
    /* height: 2.4em; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* padding: 1px 4px; */
    /* margin: 2px 0px; */
    font-size: 1rem;
  }

 }/*EOF landscape phones, 575px and down */






/* Medium devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

  .site-grid {
       background-color:rgb(195, 82, 220);
  }
  /*============
Page catégorie
==============*/
  .news.fc-items-block .fcitem_title {
    /* height: 2.4em; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* padding: 1px 4px; */
    /* margin: 2px 0px; */
    font-size: 1rem;
  }

 }/*EOF landscape phones, 576px and up */


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

  .site-grid {
       background-color:beige;
  }
 
 }/*EOF Tablets*/

 /* ==============
 Large devices (desktops, 992px and up)
 =================*/
@media (min-width: 992px) { 
  .site-grid {
    background-color:rgb(35, 178, 197);
 }


 }/*EOF Desktops 992px and up */


  /* ==============
  Large devices (large desktops, 1200px and up)
  ==================*/
@media (min-width: 1200px) { 
  .site-grid {
    background-color:rgb(191, 24, 69);
 }


}/*EOF large desktops, 1200px and up */

  /* Large devices (desktops, 992px and up)*/
  @media (min-width: 1400px) { 
    .site-grid {
      background-color:rgb(154, 234, 146);
   }


  }/*EOF Desktops 992px and up*/