#menu_list li.menu-annuaire:before {transform: scaleX(1); }
div#map {
  position: relative;
  height: 600px;
}
div#gm_infobulle {
	width:250px;
	overflow:hidden;
	padding:0 20px 10px 5px;
}
.gm_nom2 {
	font-size:1em;
	margin:0 0 10px 0;
	font-style:italic;
}

.gm_image img {max-width:100%;width:auto;max-height:100px;margin:0 auto;}
.gm_link {margin:15px 0 0 0;}
.gm_link a {padding:5px 10px; border-radius:0.5em; background:#b8b8b8; color:inherit; text-decoration:none;}
.gm_link a:hover {background:#000; color:#FFF;}

div#mapfiche, div#voirfiche {padding:50px 0;}
div#mapfiche_content, div#voirfiche_content {position:relative; margin:0 auto; max-width:800px; padding: 15px 25px 25px 25px; background:var(--cg_bleufonce); text-align:center;border-radius:1.8em;}
div#mapfiche p.mapfiche_name, div#voirfiche p.mapfiche_name {color:#FFF; margin:0 0 25px 0;}
div#mapfiche p.mapfichecancel a, div#voirfiche p.mapfichecancel a {padding:5px 10px 8px 10px; border-radius:0.8em; background:#FFF; color:#000; text-decoration:none;} 
div#mapfiche p.mapfichecancel a:hover, div#voirfiche p.mapfichecancel a:hover {background:#000; color:#FFF;}

/* FILTRES */

.filtre_titre {position:relative; margin:30px auto;text-align:center; font-size:1.4em; color:var(--cg_bleuclair); font-weight:bold;}


.filtre_item input {
  display: none;
}
.filtre_ligne {overflow:hidden;display: flex; flex-wrap: nowrap; padding: 0 0 10px 0; overflow-x: auto;}
.filtre_item {position:relative;flex: 0 0 auto; /*float:left;*/ margin: 8px; border:1px solid #CCC;background:#FFF; border-radius:1.8em; overflow:hidden; }
.filtre_item label {display: table;padding:15px 26px 10px 20px;}


.filtre_item:hover,
.filtre_item p.filtre_item_img:hover,
.filtre_item p.filtre_item_name:hover
{cursor:pointer;}


.filtre_item p.filtre_item_img {float:left; width:30px; margin:0 10px 0 0;}
.filtre_item p.filtre_item_img img {max-width:30px; width:auto;filter: invert(0.7);}
.filtre_item p.filtre_item_name {float:right; width:calc(100% - 40px); margin:0; font-size:1em; text-transform:uppercase; font-weight:bold;color:#a8a8a8;}


.filtre_item.selected {border:1px solid var(--cg_bleuclair); background:var(--cg_bleufonce);}
.filtre_item.selected p.filtre_item_img img {filter: invert(1);}
.filtre_item.selected p.filtre_item_name {color:#FFF;}

.filtre_item:hover {border:1px solid var(--cg_bleufonce);}


.filtre_item.filtre_ville {padding: 15px 26px 15px 30px;background:var(--cg_bleufonce);}
.filtre_ville select {text-transform:uppercase;border: 0;background:none;color:#FFF;font-weight:bold;}
.filtre_item.filtre_ville:hover select {color:#FFF;}
.filtre_item.filtre_ville select option {color:#000;}

.filtre_submit {position:relative;margin:25px auto;width:auto; text-transform: center;}

.filtre_submit .bouton_envoyer {
	/* Rounded Corners */
	-moz-border-radius: 1.8em;
	-webkit-border-radius: 1.8em;
	border-radius: 1.8em;
	background:var(--cg_bleuclair) url(../img/public/picto_plus.png) 20px center no-repeat;
	background-size:8px;
	transition: background 0.5s;
	font-size:1em;
	padding:10px 30px 10px 40px;
	text-transform:uppercase;
	border:0px;
	color:#fff;
	cursor:pointer;
	display: table;
	margin:0 auto;
}

.filtre_submit .bouton_envoyer:hover {background:#000 url(../img/public/picto_plus.png) 25px center no-repeat;background-size:8px;transition: background 0.5s;}


/* AUCUN RESULTAT */

p.noresult {padding:10px 20px; background:#ffadad; color:#870000; border-radius:1.8em; margin:0 auto; text-align:center; max-width:600px; width:90%;}

/* LISTE DES FICHES */

div#liste_fiche {margin:40px auto; display: grid; grid-template-columns: repeat(4, 1fr);grid-column-gap: 20px; grid-row-gap: 20px;}

.fiche_item {position:relative;grid-column: span 1; padding: 10px 10px 50px 10px; border:1px solid #f5f5f5;}

.fiche_item:hover { border:1px solid var(--cg_bleuclair);}

.fiche_item_img {width:100%;}
.fiche_item_img img {
	max-width: 100%;
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}

.fiche_item_name {font-size:1.2em; font-weight: bold; color:var(--cg_bleufonce); margin:0 0 15px 0; text-transform: uppercase;}

.fiche_item_maplink {position:absolute; bottom:0; left:0; width:100%;}
.fiche_item_maplink a {display:table;width:100%; padding:10px 10px 12px 10px; height:40px; background:var(--cg_bleuclair); text-align: center; text-decoration:none; color:#FFF;}
.fiche_item_maplink a:hover {background:var(--cg_bleufonce);}





.fiche_item .fiche_item_specs {position:relative; width:100%; overflow: hidden; margin:5px auto;}
.fiche_item .fiche_specs_item {float:left; padding:7px 5px 0 5px; margin:0 8px 8px 0; background:var(--cg_bleufonce); border-radius:0.5em; overflow:hidden;}
.fiche_item .fiche_specs_item_img {float:left;}
.fiche_item .fiche_specs_item_title {float:left; margin:2px 0 0 7px; padding:0 5px 0 0; color:#FFF; font-size:0.9em; text-transform:uppercase;}
.fiche_item .fiche_specs_item img {width:25px;filter: invert(1);}
.fiche_item .fiche_specs_item button {
  font-family: inherit;
  background: none;
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}


#menu_list li.menu-presentation:before {transform: scaleX(1); }
.fiche_item .coord_titre {position:relative; display:table;font-size:1.1em; color:var(--cg_bleuclair); margin:10px 0; font-weight:bold;}

.fiche_item .coord_titre::after {
  content: "";
  position: relative;
  width: 50%;
  max-width: 100px;
  left: 0;
  bottom: -2px;
  border-bottom: 4px solid var(--cg_bleuclair);
  transform: scaleX(1);
  transition: transform 150ms ease-in-out;
  display: table;
}
.fiche_item .coord_adresse {margin:0 auto 10px auto;}
.fiche_item .fiche_item_coord {position:relative; width:100%; overflow: hidden; margin:15px auto 5px auto;}
.fiche_item .coord_item {float:left; min-height: 37px; padding:8px 8px 0 8px; margin:0 8px 8px 0; background:var(--cg_bleuclair); border-radius:0.5em; overflow:hidden;}
.fiche_item .coord_item.coord_siteweb {padding:7px 8px 0 8px;}

.fiche_item .coord_item_img {float:left;}
.fiche_item .coord_item_title {float:left; margin:2px 0 0 7px; padding:0 5px 0 0; color:#FFF; font-size:0.9em; text-transform:uppercase;}
.fiche_item .coord_item img {width:20px;filter: invert(1);}
.fiche_item .coord_item button {
  font-family: inherit;
  background: none;
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.fiche_item .coord_item_title.coord_item_tel_title {font-size:1.1em;}
.fiche_item .coord_item a {text-decoration:none; color:#FFF;}
.fiche_item .coord_item a:hover {color:var(--cg_bleufonce);}

@media screen and (max-width : 1200px) {
	div#liste_fiche {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width : 1000px) {
	.filtre_item {margin: 5px;}
	.filtre_item label {padding:7px 16px 7px 10px;}
	.filtre_item.filtre_ville {padding: 5px 16px 7px 16px;}
	.filtre_item.filtre_ville select {font-size:0.8em;}
	.filtre_item p.filtre_item_img {width:20px; margin:0 5px 0 0;}
	.filtre_item p.filtre_item_img img {max-width:20px;}
	.filtre_item p.filtre_item_name {width:calc(100% - 25px); margin:0; font-size:0.8em;}
}
@media screen and (max-width : 800px) {
	div#liste_fiche {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width : 550px) {
	div#liste_fiche {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width : 480px) {
	.filtre_item {margin: 5px;}
	.filtre_item label {padding:7px 11px 7px 5px;}
	.filtre_item.filtre_ville {padding: 5px 11px 4px 11px;}
	.filtre_item.filtre_ville select {font-size:0.7em;}
	.filtre_item p.filtre_item_img {width:15px; margin:0 5px 0 0;}
	.filtre_item p.filtre_item_img img {max-width:15px;}
	.filtre_item p.filtre_item_name {width:calc(100% - 20px); font-size:0.7em;}
}