/* Page registre des animateurs et des coaches 			*/
/* -----------------------------------------------------*/
#carte-monde-animateurs-et-fiche,
#resultats-recherche-animateurs {
	max-width: 1300px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}


#carte-monde-animateurs-et-fiche {
	position: relative;
}

	#map-monde-animateurs {
		/*width: 75%;*/
	}

	#carte-legende {
		/*position: absolute;*/
	}


	.recherche-animateurs {
		/*width: 25%;*/
	}


#resultats-recherche-animateurs {

}

#fiches-animateurs-recherches {
	/*background-color: #fff1df;*/
	padding: 30px;
}



/* une fiche animateur */
.un-animateur-mdb {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;

	/* padding: 20px 2em; */
	max-width: 780px;
	margin:22px auto;
	line-height: 1em;
	border-radius: 14px;
	background-color: white !important;
	-webkit-box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04);
			box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04);
	gap: 1em;
	border: 0.1px solid #dcdada;
}

.fiche-partie-admin {
	position: absolute;
	right: -118px;
}

.fiche-partie-admin a {
	color: white;
}

#cpt-animateur-meditation .un-animateur-mdb {
	background-color: rgb(243, 236, 212) !important;
}

/* la colonne de gauche avec la photo de l'animateur */
.anim-photo {
	/*
	-ms-flex-preferred-size: 22% !important;
		flex-basis: 22% !important;
		*/

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: center;
	width: 26%;
}


.anim-photo img {
	/*
	width: 178px;
	height: 240px;
	*/
	margin:0;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
	border-top-left-radius: 14px !important;
	border-bottom-left-radius: 14px !important;
		-webkit-box-shadow: 2px 2px 1px #bbb;
			box-shadow: 2px 2px 1px #bbb;

	vertical-align: middle;
}

/* la colonne de droite avec le texte */
.anim-infos {
	margin-top: 0;
	margin-bottom: 0;
	padding: 14px 24px 14px 8px;
	width: 74%;
}

.anim-infos p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 16px;
}

.anim-adresse {
	margin-bottom: 1.5em;
}

.coach-poebra {
  position: absolute;
  top: 0;
  right: 3%;
  font-weight: bold;
}

.anim-tel-email,
.anim-site-fb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.anim-tel-email span,
.anim-site-fb span {
	display: inline-block;
}

.anim-label {
	color:gray;
	font-style: italic;
}


/* nom et titre de l'animateur  (h2 ou p selon les blocs ) */
.anim-infos h2 {
	font-family: "PT Sans", sans-serif;
	font-weight: 600;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 20px !important;
	padding-left:0;
	letter-spacing: 2px;
}


/*
.anim-infos svg {
	height: 24px !important;
	width: 24px !important;
	fill: #ff6900 !important;
}
*/


@media all and (max-width: 780px) {
	.un-animateur-mdb {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
			   justify-content: center;
	}

	.anim-photo, .anim-infos {
		width: 88%;
	}

	.anim-photo {
		text-align: center;
		padding-top: 10px;
		margin-bottom: -16px !important;
	}

	.anim-photo img {
		width: 150px;
		height: 150px;
		margin-top: 12px;
		border-radius: 50%;
	}

	.anim-info {
		padding: 24px 30px;
	}

	.anim-info p {
		line-height: 24px;
		margin-bottom: 12px;
	}

	.coach-poebra {
		width: 100px;		/* Affichage sur 2 lignes */
		line-height: 23px;
	}

	.anim-tel-email .anim-tel,
	.anim-site-fb .anim-site {
		margin-bottom : 12px;
	}

	.anim-tel-email .anim-email,
	.anim-site-fb .anim-facebook {
		padding-left: 0px;
	}

}

@media all and (max-width: 620px) {

	#resultat-recherche-animateurs h2 {
	  text-align: center;
	  margin-bottom: 24px;
	  margin-top: -4px;
	}

	.anim-tel-email,
	.anim-site-fb,
	.anim-tel-email .anim-tel,
	.anim-tel-email .anim-email,
	.anim-site-fb .anim-facebook {
		display: block;
	}
}

@media all and (max-width: 480px) {
	.coach-poebra {
		position: relative;
		top: 0;
		right:0;
		width:auto;
	}
}


/* Contenu du marker d'un animateur */
.info-cachee {
	display: none;
}

/* .leaflet-popup-content button, .leaflet-popup-content a.marq-lien-fiche {*/
.marq-lien-fiche { text-align: center;}

.popup-btn-voir,
.marq-lien-fiche a {
	display:block;
	/*background-color : #e57b66;
	color: white !important;*/
	background-color : white;
	border: 2px solid #e57b66;
	color: #e57b66 !important;
	height: 36px;
	padding: 6px 18px;
	font-size: 14px;
	margin:0 auto;

}

.marq-lien-fiche a {
	position: relative;
	display: inline-block;
	text-decoration: none !important;
	line-height: 20px;
}



.popup-btn-voir:hover,
.marq-lien-fiche a:hover {
	/*background-color : #f2b867 !important;*/
	background-color : white;
	border: 2px solid #f2b867;
	color: #f2b867  !important;
}

/* Formulaire ACF de modification d'une fiche animateur */
/* -----------------------------------------------------*/
/*
.animateur-meditation-template-default .menu-navigation-principale {
	height: 50px;
}
*/

form[id^="form-fiche-animateur"] {
	-webkit-box-shadow: 0px 1px 4px #8c8989;
		box-shadow: 0px 1px 4px #8c8989;
	border-radius: 4px;
	padding: 20px;
	max-width: 90%;
	margin: 60px auto;
}

form[id^="form-fiche-animateur"] .acf-form-submit {
	text-align: center;
	margin-top: 40px;
}

form[id^="form-fiche-animateur"] input[type="submit"] {
	background-color: rgb(240, 165, 28);
}

/* Pour cacher les champs réservés admin (hors administration) */
/*
.cacher-reserve-admin,
.anim-champs-reserves-admin {
	display: none;
	visibility: hidden;
}
*/

/* Formulaire de recherche d'un animateurs 				*/
/* -----------------------------------------------------*/

.recherche-animateurs {
	max-width: 1100px;
	margin: 40px auto 20px;
	padding: 30px 30px 50px 30px;
	background-color: #ec8f79;
	padding: 30px;
	position: relative;
	box-shadow: 0px 1px 3px #dedcdc;
	border-radius: 10px;
}

.texte-legende {
	text-align: center;
	padding: 0 30px;
}

.texte-legende:first-of-type {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 0 64px;
}

.texte-legende:nth-of-type(2) {
	font-style: italic;
}

#form-recherche-animateurs-rayon {

}

.form-recherche-animateurs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.form-recherche-animateurs label,
.form-recherche-animateurs select,
.form-recherche-animateurs input {
	display: block;
	margin: 10px auto;
	/*width: 100%;*/
	width: auto;
	font-size: 15px;
}
/*
.form-recherche-animateurs select {
	margin-right: 30px;
}
*/

.form-recherche-animateurs #choix-pays select,
.form-recherche-animateurs input[name="nom"]{
	max-width: 250px;
}



.form-choix {
	text-align: center;
	width: 300px;
}

.form-recherche-animateurs select:required:invalid {
  color: gray;
}
.form-recherche-animateurs option[value=""][disabled] {
  display: none;
}
.form-recherche-animateurs option {
  color: black;
  font-size: 13px;
}

.form-recherche-animateurs p {
	height: 45px;
	padding-top: 24px;
}

.info-resultat {
	text-align: center;
	font-weight: bold;
}


#bttn-form-rech-anim {
	height:  60px;
}


/* Dashicons WP recherche */
/* html : <span class="dashicons dashicons-search"></span> */
/* css : content: "\f179"; */
.btn-recherche-anim span  {
	margin-right: 13px;
	margin-left: -5px;
}

.btn-recherche-anim, .fiche-partie-admin button {
	background-color : #ae221b !important;
	padding: 12px 24px !important;
	margin-right: 80px;
}

.btn-recherche-anim:hover, .fiche-partie-admin button:hover {
	background-color : #f2b867 !important;
	color: black;
}

.leaflet-popup-content button {
	color : black;
}

.fiche-partie-admin button {
	position: relative;
	right: -114px;
}




/* Dashicons WP Edit */
/* html : <span class="dashicons dashicons-edit"></span> */
/* css : content: "\f464"; */
.fiche-partie-admin button a span {
	margin-right: 13px;
	margin-left: -5px;
}

.btn-recherche-anim, #btn-reset-filtres-anim, #btn-reset-filtres-anim-rayon {
	display: inline-block !important;
}
/*
@media all and (max-width: 1140px) {
	.form-recherche-animateurs p.cont-bttn {
		padding-top: 45px;
	}
}
*/



#btn-reset-filtres-anim, #btn-reset-filtres-anim-rayon {
	position: relative;
	top: -1px;
	padding-top: 8px;
	margin-left: 80px;
	border: 3px solid #ae221b;
	color: black;
	background-color: #e7755a;
	border-radius: 4px;
	font-size: 17px;
	line-height: 19px;
}

#btn-reset-filtres-anim:hover, #btn-reset-filtres-anim-rayon:hover {
	border: 3px solid #f2b867;
}



/* ------------- Carte --------------------- */

.map-animateurs,
#map-animateurs,
#map-monde-animateurs,
#map-animateurs-rayon {
	display: none;
	box-shadow: 0px 1px 3px #dedcdc;
	max-width: 1100px;
	margin: 0 auto;
}

.map-animateurs.active,
#map-animateurs.active,
#map-monde-animateurs.active,
#map-animateurs-rayon.active {
	display: block;
	min-height: 430px;
	border: 1px solid gray;
	margin-bottom: 32px;
	margin-top: 20px;
}

.marqueurs-animateurs,
#marqueurs-animateurs-monde,
#marqueurs-animateurs,
#marqueurs-animateurs-rayon {
	display: none;
	position:absolute;
	left: -5000px;
}


.carte-legende {
	text-align:center;
	color: #2069be;
	margin-top: -20px;
}
/* ------------- Loader --------------------- */
#inconeloader {
	position: absolute;
	top: 10px;
	right: 34px;
}

#spanloader {
  display: none;  /* passé à inline-block en jquery */
  height: 40px;
  width: 40px;

}

/* Inspirated from  http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-loading-animation-loop/index.html */
.loader-cercle {
	position: relative;
	display:inline-block;
	height: 40px;
	width: 40px;
	margin: 1em;
	border-radius: 50%;
	background: none repeat scroll 0 0 #DDDDDD;
	overflow:hidden;
	box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);
}

.loader-cercle:after {
	content: "";
	position: absolute;
	top: 9px; left: 9px;
	display: block;
	height: 22px; width:22px;
	background: none repeat scroll 0 0 #F2F2F2;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.loader-cercle > span {
	position: absolute;
	height: 100%; width: 50%;
	overflow: hidden;
}
.left  { left:0   }
.right { left:50% }

.anim {
	position: absolute;
	left: 100%; top: 0;
	height: 100%; width: 100%;
	border-radius: 999px;
	background: none repeat scroll 0 0 #508EC3;
	opacity: 0.8;
	-webkit-animation: ui-spinner-rotate-left 3s infinite;
	animation: ui-spinner-rotate-left 3s infinite;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0;
}
#form-rech-even .anim {
  background: none repeat scroll 0 0 #0c2ec9;
}
#form-rech-prat .anim {
  background: none repeat scroll 0 0 #12798B;
}

.left .anim {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.right .anim {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	left: -100%;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0;
}

/* round variation */
.round .loader-cercle:after {display:none }



@keyframes ui-spinner-rotate-right{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(180deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(360deg)}
  100%{transform:rotate(360deg)}
}
@keyframes ui-spinner-rotate-left{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(0deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(180deg)}
  100%{transform:rotate(360deg)}
}

@-webkit-keyframes ui-spinner-rotate-right{
  0%{-webkit-transform:rotate(0deg)}
  25%{-webkit-transform:rotate(180deg)}
  50%{-webkit-transform:rotate(180deg)}
  75%{-webkit-transform:rotate(360deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes ui-spinner-rotate-left{
  0%{-webkit-transform:rotate(0deg)}
  25%{-webkit-transform:rotate(0deg)}
  50%{-webkit-transform:rotate(180deg)}
  75%{-webkit-transform:rotate(180deg)}
  100%{-webkit-transform:rotate(360deg)}
}


/* 09 01 2024 */
 .registre-fiches-animateurs .les-animateurs-du-pays h2 {
	margin-top: 0;
	padding-left: 0;
}

#cpt-animateur-meditation {
	max-width: 1100px;
	margin: 0 auto;
}

#cpt-animateur-meditation form {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

#cpt-animateur-meditation .fiche-partie-admin button {
	display: none;
}