/* Variables */
:root {
	/*--myfont: Roboto, Arial, sans-serif;*/
/*	--bleu: #135fa5;
	--gris: #777;
	--grispale: #ddd;
	--blanc:#fff;
	--noir:#000;*/
}

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

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

/* Members */
div.members_form {font-size: 1em; min-width: 800px; margin-top:40px;}
div.members_form .smallnote { font-size: 75%; font-style: italic; }
div.members_form div.field { display: flex; margin: 0 0 20px 0;}
div.members_form div.field.required { /*background-color: #b6d0e6;*/ opacity: 1.0; }
div.members_form div.field.required label::after { content: " *"; }
div.members_form div.submit input[type=submit]{ background:var(--bleu); color:var(--blanc); padding:10px 20px; text-decoration:none; display:inline-block; font-size:16px; float:right; border-style: solid; border-width: 1px; }
div.members_form div.submit input[type=submit]:disabled {opacity: 0.5}
div.members_form div.field label { width: 27vw; font-size: 1.1em; text-align: left; margin-right: 25px; font-weight:600; }
div.members_form div.field label.mini { color: var(--noir); }
div.members_form div.field div.value { width: 60vw; }
div.members_form div.field div.value input,
div.members_form div.field div.value select,
div.members_form div.field div.value textarea { padding: 5px; border: solid 1px #ccc; max-width: 340px; display:block; margin-bottom:20px; height:33px;}
div.members_form div.field select#DejaMembre, div.members_form div.field select#InfoRegimeAssurance, div.members_form div.field select#OptInNewsletter { padding: 5px; border:solid 1px #ccc; min-width:100px; margin:10px 0; display:block; height:33px;}

div.members_form div.field div.value input,
div.members_form div.field div.value textarea { width: 100%; }

div.members_form div.field div.value textarea { margin-bottom:0; height: 100px;}
div.members_form div.field div.value select { min-width: 340px;  }
div.members_form div.field .errored { background-color: #FFC6C6 !important; }
div.members_form div.maincontact { display: flex; }
div.members_form div.maincontact div { /* width: 50%; border: solid 1px blue; */ }
div.members_form div.field div.value input.NbEmployees { width: 75px; text-align: center; }

div.members_list { /*font-family: inherit;*/ font-size: 1em; min-width: 80%; }
div.members_list div.members_filters { margin-bottom:15px; }
div.members_list div.members_filters input,
div.members_list div.members_filters select { font-size: 0.8em; padding: 5px; border:solid 1px #ccc;; max-width: 400px;}
div.members_list div.members_filters input#txtMember { min-height: 28px; }
div.members_list div#members_count { display: inline-block; color: #666; margin-left:15px; font-size:0.8em; }
div.members_list div.members_results { display: flex;  flex-wrap: wrap; justify-content: flex-start; }
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 { width: 30%; margin:3% 3% 3% 0; padding:20px 20px 0 0; page-break-inside:avoid; border-bottom:solid 1px #ccc;}
div.members_list div.members_results div.member div.membertype { color: var(--noir); }
div.members_list div.members_results div.member div.name { font-size: 20px; line-height:1.3em; padding: 6px 0 2px 0; margin-top: 6px; font-weight:700;}
div.members_list div.members_results div.member div.sector { text-align: left; font-size: 12px; display:inline-block; line-height: normal; }
div.members_list div.members_results div.member div.address {font-size: 14px; margin-bottom:6px;}
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.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_results div.member:hover { cursor: pointer; opacity: 0.85; transition: all 300ms ease 0ms;}
div.members_list div.members_cache { color: #ccc; font-size: 75%; margin-top:40px; }
div.members_list div.members_cache:before { content: "Dernière mise-à-jour: "; }
div.members_list div.member {overflow: auto;}
div.member_detail {max-width: 700px; margin:5% auto;}
div.member_detail span.e-mail:before { content: attr(data-user) "\0040" attr(data-domain); unicode-bidi: bidi-override; /*direction: rtl;*/ color: var(--noir); text-decoration: underline; cursor: pointer; margin-bottom: 30px; font-size:22px;}
div.members_list img { width: 100%; height: 100%; }

div.members_list div.members_results div.member .picture {margin-bottom:20px; margin-top:10px;  max-width:180px;}
div.member_detail .picture {margin-bottom:50px; max-width:350px;}

div.member_detail a:hover { transition: all 300ms ease 0ms;}  
div.member_detail span.e-mail{color: var(--noir);}
div.member_detail p { font-size: 1.3em; line-height:normal; margin-bottom: 6px; font-weight:700;}
div.member_detail h3, div.member_detail h4, div.member_detail h2{ font-size: 1.3em; margin-bottom:30px; font-weight:normal;} 
div.member_back { margin:60px 0 40px 0;}
div.member_back a{ padding:10px 20px; text-decoration:none; display:inline-block; border:solid 1px;}
div.member_back a:before{ content: "< ";}
div.member_back a:hover{ opacity:0.8; color:var(--blanc);}
.member .firstName, .member .lastName{font-weight:700; font-size:1.3em;}
.member .jobTitle{line-height: 1.3em; margin: 6px 0 12px 0;}

/* Events */
div.events_list {/* font-family: inherit;*/ font-size: 1em; min-width: 80%; }
div.events_list div.events_filters { margin-bottom:15px; }
div.events_list div.events_filters input,
div.events_list div.events_filters select { font-family: inherit; font-size: 0.8em; padding: 5px; border: solid 1px #ccc; }
div.events_list div.events_filters input#txtEvent { min-height: 28px; }
div.events_list div.events_filters select#typeEvent{min-width:215px;}
div.events_list div.events_filters input#chkOldEvents { zoom: 2; position:relative; top: 4px; }
div.events_list div#events_count { display: inline-block; color: #666; font-size:0.8em; margin-left:15px;}
div.events_list div.events_results {  }
div.events_list div.event-details-preview{padding:0}
div.events_list div.events_results div.events_soustitre { font-weight: bold; font-size:2em; text-align:left; margin-top:40px;}
div.events_list div.events_results div.events { display: flex;  flex-wrap: wrap; justify-content: flex-start; margin-bottom: 6%;}
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 { column-span: all; margin: 10px auto 30px auto; text-align: left; font-size: 1.1em; }
div.events_list div.events_results div.event { width: 29%; margin-right:4%; margin-bottom:4%; page-break-inside: avoid;}
div.events_list div.events_results div.event:hover { cursor: pointer; opacity: 0.85; transition: all 300ms ease 0ms;}
div.events_list div.events_results div.event div.image { }
div.events_list div.events_results div.event div.image img { width: 100%; height: 100%; }
div.events_list div.events_results div.event div.type { text-align: left; font-size: 12px; color: var(--noir); border-bottom: solid 1px #ccc; margin-bottom:10px; line-height: 18px;} 
div.events_list div.events_results div.event div.eventdatetime { padding:10px 0 0 0; font-weight: bold;font-size: 14px;}
div.events_list div.events_results div.event div.name { font-size:20px; line-height:1.2em; padding:6px 0; font-weight:700;}
div.events_list div.events_results div.event div.description { font-size:14px; line-height:1.3em;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box; }
div.events_list div.events_results div.event div.ticket a { font-size: 60%; }
div.events_list div.events_results div.event div.ensavoirplus { text-align: left; font-size: 13px; display: inline-block; margin: 20px 0 0 0;}
div.events_list div.events_results div.event div.ensavoirplus a { text-decoration:none; border:solid 1px; padding: 5px 10px;}
div.events_list div.events_results div.event div.ensavoirplus a:hover {transition: all 300ms ease 0ms; }
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: "; }

div.event_vendere, div.event_wordpress { width:100%; display: flex; vertical-align: top; max-width: 700px; margin: auto;}
div.event_vendere img, div.event_wordpress img { text-align:left; width:100%;}
div.event_vendere div.name { font-size:1.7em; line-height:1.3em; font-weight:700; margin:0 0 20px 0;}
div.event_vendere div.type { text-align: left; padding: 0; font-size: 0.9em; border-bottom: solid 1px #ccc; line-height: 1.3em; margin: 8px 0 20px 0;}
div.event_vendere div.eventdatetime {font-weight: bold; font-size:1.2em;}
div.event_vendere div.address { }
div.event_vendere div.description {margin-top:20px; font-weight: normal; white-space: break-spaces;}
div.event_vendere a.reservez {padding:10px 20px; text-decoration:none; display:inline-block; margin:40px 0 30px 0;border: solid 1px; font-weight:700;}
div.event_vendere a.reservez:after { content: " >"; }
div.event_vendere a.reservez:hover { opacity:0.8; }
div.event_wordpress ul { white-space: normal; padding-bottom: 0px; }
div.event_vendere div.event {overflow: auto;}

/* 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: hidden;
	display: flex;
    align-items: center;
}
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_lightbox .error { color: #f00; font-weight: bold; }

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;
  margin-right: 5px;
}
.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);
  }
}



/* LOADING INDICATOR */

.ccibdc-loader {
  float: right;
  width: 35px;
  height: 35px;
  border: 5px solid #135fa5;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  animation: ccibdcRotation 1s linear infinite;
  margin-right: 10px;
  visibility: hidden;
}

@keyframes ccibdcRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ccibdc-hide {
	display: none !important;
}

#vendere-recaptcha-error {
    visibility: hidden;
    color: #f00;
    font-size: 14px;
    margin: 10px 0;
}

/* EVENT LIST SHORT */

.si-event-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

.si-event-list-title {
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px 0;
}

.si-event-list-link {
	margin: 20px 0;
}

.si-event-list-item-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	border:solid 1px #ccc;
	margin-bottom:20px;
}

.si-event-list-item-link {
	flex: 1;
	font-style: normal;
	/*font-family: inherit;*/
	border: none;
	text-decoration: none !important;
	color: #000 !important;
}

.si-event-list-item-link:active {
	text-decoration: none;
}

.si-event-list-item {
	padding: 20px;
	display: flex;
	flex-direction: row;
	border-bottom: solid 1px #ccc;
}

.si-event-list-item-image {
	width: 120px;	
	min-width: 120px;
	height: 120px;
	background-size: cover;
	background-position: center;
	margin-right: 10px;
}

.si-event-list-item-date-block {
	width: 80px;
	min-width: 80px;
	height: 77px;
	background-color: #f1f1f1;
	text-align: center;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top:3px;
}

.si-event-list-item-date-day {
	font-size: 1.3em;
	line-height: 0.9em;
}

.si-event-list-item-date-month {
	font-size: 0.8em;
	text-transform: uppercase;
}

.si-event-list-item-description {
}

.si-event-list-item-address {
	color: #333;
}

.si-event-list-item-name {
	font-weight :bold;
	font-size: 0.9em;
	line-height:1.3em;
}

.si-event-list-item-type {
	font-size: 0.9em;
	
}

.si-event-list-item-date-text {
	font-size: 75%;
}

.payment-container {
  width: 80%;
  text-align: center;
  border: solid 1px #888;
  border-radius: 6px;
  margin: 10px auto;
  background-color: #fff;
  padding: 10px;
}

.payment-text {
}

.payment-text-important {
  font-weight: bold;
  margin: 10px 0;
}

.payment-iframe {
  width: 100%;
  height: 700px;
  text-align: center;
  border: solid 1px #888;
  margin: 20px;
}

.payment-link-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.payment-link {
  background-color: #00000011;
  font-weight: bold;
  border-radius: 3px;
  padding: 10px;
}

/* ****RESPONSIVE****** */


@media (min-width: 1920px){
.si-event-list-item-name {
	font-size: 1.2em;
}	
}

@media (max-width: 1024px) {
div.members_list div.members_results div.member { width: 45%;}
div.members_list div.members_filters select { margin-bottom:20px; width:45%; max-width: 100%; font-size:75%;}
div.members_list div.members_filters input#txtMember { margin-bottom:20px; width:45%; font-size:75%; margin-right:20px;}
div.members_list div#members_count { float: none; display:block;}
.si-event-list-item-type {font-size: 0.8em;}
}

@media (max-width: 768px) {

div.events_list div.events_results div.event { width: 100%; margin: 18px 0 40px 0;	}
div.events_list div#events_count { float: none; margin: 18px 0; display:block;}
div.members_list div.members_results div.member { width: 100%; margin: 10px 0; }
div.members_list div.members_filters select { width:100%; }
div.members_list div.members_filters input#txtMember { width:100%; margin-right:0;}
	
div.member_detail { font-family: inherit; font-size: 18px;  max-width: 800px; }
div.member_detail h3, div.member_detail h4 {  font-size: 1em; margin-bottom:30px; line-height:1.3em;} 	
div.member_detail span.e-mail:before { margin-bottom: 30px; font-size:18px;}
div.members_form div.field label {font-size: 1em; margin-right: 0; margin-bottom:4px;}	
div.members_form div.field {display: block;}
div.members_form div.field div.value input, div.members_form div.field div.value select, div.members_form div.field div.value textarea, div.members_form div.field div.value { max-width: 100%;}
div.member_detail p {font-size: 1em;}
div.events_list div.events_filters input, div.events_list div.events_filters select { width: 100%; margin-bottom:5px;}
div.event_vendere div.eventdatetime {font-size: 0.9em;}
div.event_vendere div.name {font-size: 1.4em;}
div.members_form div.field label { max-width: 340px; display:block; width: 100%;}
}