.map_large {
  width:800px!important;
  height:400px!important;
  margin:10px auto;
}

#map_btns {
  display:flex;
  justify-content:flex-end;
}
#map_btns div {
  display:block;
  background-color:#888;
  color:#eee;
  padding:4px 8px;
  margin:2px 0 0 5px;
  cursor:pointer;
}


.leaflet-tooltip-top {
	margin-top: -15px;
}
#carte {
	position:relative;
	overflow:hidden;
	width:100%;
}

#map {
	
	width:100%!important ; 
	height:54vh;
	min-height: 500px;
}

.listeCat {
	position:absolute; 
	top:0;
	right:0;
	z-index:999;
	width:270px;
	height: 100%;
	background-color:rgba(0, 157, 224, 0.75);
	overflow-y: auto;
	margin: 0;
	padding: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.leaflet-top, .leaflet-bottom{
	z-index:999;
	
}

.listeCat a.lienMarkers {
	font-size:14px;
	color:white!important;
	text-decoration:none!important;
	position:relative;
	display: block;
	min-height: 20px;
}

.pictoCarte{
    top: -2px;
    left: -24px;
	position:absolute;
	max-height:20px;
	max-width:20px;
	height:auto;
}

.lienCategorie{
	font-weight:bold;
	margin-left:25px;
	margin-top:10px;
	
}
.lienSousCategorie{
	margin-left:35px;
	margin-top:2px;
}
.voirTout{
	width:100%;
	margin:4px auto;
    text-align: center;
	text-decoration:underline;
}
.hiddenCat{
	display:none !important;	
}


.listeCat::-webkit-scrollbar{
width: 2px;
height: 2px;
}
.listeCat::-webkit-scrollbar-thumb{
background: #666666;
border-radius: 0px;
}
.listeCat::-webkit-scrollbar-thumb:hover{
background: #222222;
}
.listeCat::-webkit-scrollbar-track{
	background: #F0F0F0;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}
.mapSolo{
	width:300px;
	height:180px;
	float:right;
}

.mapSolo .leaflet-control-container{
	/*display:none!important;*/
}

.leaflet-control-attribution,.leaflet-control-attribution a,.listeAnnuaire .cadreAnnuaire .leaflet-control-attribution, .listeAnnuaire .cadreAnnuaire .leaflet-control-attribution a{
	font-size:9px!important;
	color:grey!important;
	background: rgba(255, 255, 255, 0.5)!important;
}
.leaflet-control{
	z-index:1;
}

.listeAnnuaire h2{
	position: relative;
	margin-left:20px;
	margin-top:0px;
}
.listeAnnuaire h4{
	position: relative;	
	margin-left:30px;
    padding-top: 5px;
}
.listeAnnuaire h5{
	font-size:16px;
}
.listeAnnuaire .cadreAnnuaire a{
	text-decoration:none;
}
.listeAnnuaire .cadreAnnuaire p, .listeAnnuaire .cadreAnnuaire h5{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.listeAnnuaire .cadreAnnuaire{	
	margin-left:40px;
	border:1px solid grey;
	margin:10px;
	padding:10px;
}
.listeAnnuaire .pictoCarte {
    top: 4px;
}
.listeAnnuaire .cadreAnnuaire *{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: clamp(1.4rem, 0.9vw, 1.6rem) !important;
}
.listeBlocsAnnuaire{	
	margin:0px 0px 0px 0px;	
}
.listeBlocsAnnuaire h4 {
	
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 1em;	
}
.listeBlocsAnnuaire .sousListeAnnuaire{	
	margin:0px 0px 30px 20px;	
}
/*
@media (max-width: 940px) {
	#map {
		width:900px!important;
	}
}
@media (max-width: 840px) {
	#map {
		width:800px!important;
	}
}
@media (max-width: 740px) {
	#map {
		width:700px!important;
	}
}
@media (max-width: 640px) {
	#map {
		width:600px!important;
	}
}
@media (max-width: 540px) {
	#map {
		width:500px!important;
	}
}
@media (max-width: 440px) {
	#map {
		width:400px!important;
	}
}
@media (max-width: 340px) {
	#map {
		width:300px!important;
	}
}
/**/





.listeAnnuaire .cadreAnnuaire {
    margin-left: 40px;
    /* border: 1px solid grey; */
    margin: 10px;
    padding: 10px;
    background-color: #eee;
    color: #333;
    border-radius: 10px;
    border: 0px solid grey !important;
	/** /
    animation: fadeInAnimation ease-out .5s
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	/**/
}/**/
#contenu_liste_annuaire{
    -webkit-transition: opacity .5s ease-out;
       -moz-transition: opacity .5s ease-out;
        -ms-transition: opacity .5s ease-out;
         -o-transition: opacity .5s ease-out;
            transition: opacity .5s ease-out;
    /*opacity: 0;
  transform: scale(0.8);/**/
}

#contenu_liste_annuaire.loaded {
  transform: scale(1);
    opacity: 1;
}
/**/

#contenu_liste_annuaire{
  /*animation: .5s ease-out 0s 1 slideInFromLeft;*/
}
.listeAnnuaire .cadreAnnuaire img {	
    border-radius: 10px;
	max-height: 300px;
    max-width: 300px;
    height: auto;
}

.listeAnnuaire {
    border-radius: 10px;
}


.photo_annuaire{
	width:300px;
	float:right;
	text-align:right;
}

.recherche_annuaire{
	border-radius:50px;
	background-color:white;
	border:1px solid #333333;
	color:#333333;
	margin:10px;
	padding:10px;	
	height:38px;
}
.recherche_annuaire,.recherche_annuaire::placeholder{
	font-size:13px;
	font-family:arial;
	color:#333333;
}
.recherche_annuaire::placeholder{
	color:#888888;
}
.recherche_annuaire_boutton{
	background-color:#333333;
	color:white;
	cursor:pointer;
	width:38px;
	height:38px;
	padding:0px;
}

.titreCategorieAnnuaire{
	background-color:grey;
	color:white!important;
	border-radius:50px;
	margin:5px;
	padding:5px;
}

.listeAnnuaire a{
	text-decoration:none!important;
}

.listeAnnuaire h2{
	font-weight: 400;
	margin-left:0px;
	padding-left:40px;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration:none!important;
}
.titreCategorieAnnuaire .pictoCarte{
	left: 10px;
    top: 10px;
}
.titreCategorieAnnuaire *,.soustitreCategorieAnnuaire *{
	color:white!important;
}

h4.soustitreCategorieAnnuaire{
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration:none!important;
	background-color:#aaaaaa;
	color:white!important;
	border-radius:50px;
	margin:5px;
	padding:5px;
	margin-left:2px;
	padding-left:40px;
}
h4.soustitreCategorieAnnuaire .pictoCarte{
	left: 8px;
    top: 8px;
}
.listeBlocsAnnuaire {
    margin: 0px 0px 0px 30px;
}

.listeCatMenuResponsive{
	display:none;
}




@media (max-width: 801px) {
	.listeCatMenuResponsive{
		display:block;
		background-color: rgba(0, 157, 224, 1);
		text-align:center;
		width:100%;
		padding:5px;
		color:white!important;
		text-decoration:none!important;
		text-transform:UPPERCASE;
	}

	.listeCat{
		display:none;
	}
	.listeCat {
		position: relative;
		width: 100%;
		background-color: rgba(0, 157, 224, 1);
	}
	

	.photo_annuaire{
		width:150px;
	}
	
	.listeAnnuaire .cadreAnnuaire img {	
		max-height: 150px;
		max-width: 150px;
	}
}



@media (max-width: 401px) {

	.photo_annuaire{
		width:100px;
	}
	
	.listeAnnuaire .cadreAnnuaire img {	
		max-height: 100px;
		max-width: 100px;
	}
}