/* Variables */
:root {
	--myfont: Verdana, Helvetica;
	--cyan: #006cb4;
	--bleu: #75a6d2;
	--gris: #73798c;
}

/* div.members_list div { border: solid 1px blue; } */

.sep { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.alignright { text-align: right; }
pre.debug { font-size: 44%; font-family: monospace; line-height: 10px; }

/* Members */
div.members_list { font-family: var(--myfont); font-size: 0.9em; }
div.members_list div.members_filters { padding: 15px; border: solid 1px #ccc; border-radius: 10px; box-shadow: 3px 3px 2px #ccc; background-color: var(--bleu); }
div.members_list div.members_filters input,
div.members_list div.members_filters select { font-family: var(--myfont); font-size: 75%; padding: 5px; }
div.members_list div.members_filters input#txtMember { width: 50%; border-radius: 5px; }
div.members_list div#members_count { display: inline-block; color: #666; float: right; color: #fff; }
div.members_list div.members_results { }
div.members_list div.members_results div.noresult { padding: 20px; font-weight: bold; text-align: center; min-height: 250px; }
div.members_list div.members_results div.noresult:after { content: 'Aucun résultat selon ces critères'; }
div.members_list div.members_results div.member { position: relative; margin: 10px 0px; padding: 10px; border: solid 1px #ccc; border-radius: 10px; }
div.members_list div.members_results div.member div.name { font-weight: bold; }
div.members_list div.members_results div.member div.address { }
div.members_list div.members_results div.member div.contact { }
div.members_list div.members_results div.member div.phone { }
div.members_list div.members_results div.member div.email { font-size: 80%; }
div.members_list div.members_results div.member span { text-decoration: underline; cursor: pointer; }
div.members_list div.members_results div.member span.e-mail:before { content: attr(data-user) "\0040" attr(data-domain); unicode-bidi: bidi-override; /*direction: rtl;*/ }
div.members_list div.members_results div.member div.membertype { font-size: 80%; }
div.members_list div.members_results div.member div.membertype:before { /*content: "Membre ";*/ }
div.members_list div.members_results div.member div.membersince { font-size: 75%; color: #666; }
div.members_list div.members_results div.member div.membersince:before { content: "depuis: "; }
div.members_list div.members_results div.member div.employees { font-size: 75%; }
div.members_list div.members_cache { color: #ccc; font-size: 75%; float: right; }
div.members_list div.members_cache:before { content: "Dernière mise-à-jour: "; }

/* Events */
div.events_list { font-family: var(--myfont); font-size: 0.9em; }
div.events_list div.events_filters { padding: 15px; border: solid 1px #ccc; border-radius: 10px; box-shadow: 3px 3px 2px #ccc; background-color: var(--bleu); }
div.events_list div.events_filters input,
div.events_list div.events_filters select { font-family: var(--myfont); font-size: 75%; padding: 5px; }
div.events_list div.events_filters input#txtEvent { width: 50%; border-radius: 5px; }
div.events_list div#events_count { display: inline-block; color: #666; float: right; color: #fff; }
div.events_list div.events_results { }
div.events_list div.events_results div.noresult { padding: 20px; font-weight: bold; text-align: center; min-height: 250px; }
div.events_list div.events_results div.noresult:after { content: 'Aucun résultat selon ces critères'; }
div.events_list div.events_results div.month_header { clear: both; color: #b5b7b9; background-color: #eee; padding: 0px; text-transform: uppercase; margin-top: 10px; }
div.events_list div.events_results div.event { margin: 10px 0px; padding: 10px; border: solid 1px #ccc; border-radius: 10px; width: 400px; margin-right: 10px; float: left; opacity: 0.9; }
div.events_list div.events_results div.event:hover { box-shadow: 3px 3px 2px #ccc; cursor: pointer; opacity: 1.0; }
div.events_list div.events_results div.event div.image { }
div.events_list div.events_results div.event div.image img { width: 100%; }
div.events_list div.events_results div.event div.eventdatetime { font-variant: small-caps; font-family: "Open Sans",Arial,sans-serif; color: var(--gris); font-weight: bold; }
div.events_list div.events_results div.event div.name { font-weight: bold; color: var(--cyan); }
div.events_list div.events_results div.event div.description { color: var(--gris); font-size: 75%; }
div.events_list div.events_results div.event div.ticket a { font-size: 60%; }
div.events_list div.events_cache { color: #ccc; font-size: 75%; float: right; clear: both; }
div.events_list div.events_cache:before { content: "Dernière mise-à-jour: "; }

/* Lightbox */
div#lb_overlay {
	background: url("../img/tbg.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 90;
	display: none;
}
div#lb_lightbox {
	display: block;
	left: 29%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 35%;
	z-index: 1000;
	display: none;
	box-shadow: 4px 4px 10px #111;
}
div#lb_lightbox div.lb_content {
	/* padding-right: 20px; */
	max-height: 710px;
	max-width: 1200px;
	overflow-x: auto;
}
div#lb_lightbox div.lb_content div.wrap {
	max-height: 700px;
	width: 104%;
	overflow-x: auto;	
}
div#lb_lightbox div.lb_content pre.wrap {
	max-height: 700px;
	width: 100%;
	overflow-x: auto;
	white-space: pre-wrap;	
}
div#lb_btnclose {
	background: url("../img/closebox.png") repeat scroll 0 0 transparent;
	width: 27px;
	height: 27px;
	float: right;
	position: absolute;
	top: -10px;
	right: -10px;
}
div#lb_btnclose:hover {
	cursor: pointer;
	top: -9px;
	right: -11px;
}
div#lb_lightbox.plain { background: none; }
div#lb_lightbox.default { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #1B73C3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; }

div.lb_loading { background: url("../img/loading.gif") repeat scroll 0 0 transparent; width: 32px; height: 32px; display: inline-block; }


/* loading.io */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  margin: 6px;
  border: 6px solid #00395d;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #00395d transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}