/* 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-family: inherit;*/ font-size: 1em; min-width: 800px; background:#eee; padding: 30px;}
div.members_form .smallnote { font-size: 75%; font-style: italic; }
div.members_form div.field { display: flex; margin: 10px; padding: 10px; color: var(--noir); border-radius: 5px; }
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:none!important; }
div.members_form div.submit input[type=submit]:disabled {opacity: 0.5}
div.members_form div.field label { width: 27vw; font-size: 18px; text-align: left; margin-right: 25px; color:var(--noir); }
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 { /*font-family: inherit;*/ font-size: 75%; padding: 5px; border: none!important; max-width: 340px; display:block; margin-bottom:20px; }
div.members_form div.field select#DejaMembre, div.members_form div.field select#InfoRegimeAssurance, div.members_form div.field select#OptInNewsletter { 
	/*font-family: inherit;*/ font-size: 75%; padding: 5px; border: none!important; min-width:100px; margin:10px 0; display:block;}

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#Description { margin-bottom:0;}
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 { padding: 15px; border-radius: 0; background-color: var(--grispale); }
div.members_list div.members_filters input,
div.members_list div.members_filters select { /*font-family: inherit; */font-size: 75%; padding: 5px; border:none!important; max-width: 400px;}
div.members_list div.members_filters input#txtMember { }
div.members_list div#members_count { display: inline-block; color: #666; float: right; font-size:0.8em; }
div.members_list div.members_results { display: flex;  flex-wrap: wrap; justify-content: flex-start; background-color: #eee;  padding: 20px; }
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:18px; padding:20px; opacity:1; page-break-inside:avoid; background:var(--blanc); }
div.members_list div.members_results div.member div.membertype { color: var(--noir); }
div.members_list div.members_results div.member div.name { color: var(--bleu); font-size: 22px; line-height:normal; padding: 6px 0; margin-top: 4px; }
div.members_list div.members_results div.member div.sector { background: #eee; text-align: left; padding: 4px 8px; font-size: 12px; display:inline-block; line-height: normal;  color: var(--noir);}
div.members_list div.members_results div.member div.address {font-size: 16px; margin-bottom:6px; color: var(--noir);}
div.members_list div.members_results div.member div.email { font-size: 80%; color: var(--noir);}
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 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); cursor: pointer; opacity: 1.0; transition: all 300ms ease 0ms;}
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: "; }
div.members_list div.member {overflow: auto;}
div.member_detail { /*font-family: inherit;*/ font-size: 22px;  max-width: 800px; }
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:30px; margin-top:30px; max-width:180px;}
div.member_detail .picture {margin-bottom:50px; max-width:350px;}

div.member_detail a:hover {color: var(--bleu); transition: all 300ms ease 0ms;}  
div.member_detail span.e-mail{color: var(--noir);}
div.member_detail p { /*font-family: inherit; */font-size: 16px; color:var(--bleu); line-height:normal; margin-bottom: 6px;}
div.member_detail h3, div.member_detail h4{ /*font-family:inherit; */font-size: 22px; margin-bottom:30px; font-weight:normal; color: var(--noir);} 
div.member_back { margin:60px 0 40px 0;}
div.member_back a{ background:var(--bleu); color:var(--blanc); padding:10px 20px; text-decoration:none; display:inline-block; font-size:16px;}
div.member_back a:before{ content: "< ";}
div.member_back a:hover{ opacity:0.8; color:var(--blanc);}

/* Events */
div.events_list {/* font-family: inherit;*/ font-size: 1em; min-width: 80%; }
div.events_list div.events_filters { padding: 15px; border-radius: 0; background-color: var(--grispale); }
div.events_list div.events_filters input,
div.events_list div.events_filters select {/* font-family: inherit;*/ font-size: 75%; padding: 5px; border: none!important; }
div.events_list div.events_filters input#txtEvent {  }
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; float: right; font-size:0.8em; }
div.events_list div.events_results { background-color: #eee; font-size: 0.7em; padding: 20px; }
div.events_list div.events_results div.events_soustitre { font-weight: bold; font-size:2em; text-align:center;}
div.events_list div.events_results div.events { display: flex;  flex-wrap: wrap; justify-content: flex-start; }
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; color: var(--noir); border-bottom: solid 3px #ddd; padding: 5px; margin: 10px auto; text-align: center; font-size: 1.2em; font-weight:bold; }
div.events_list div.events_results div.event { width: 30%; margin: 18px; padding: 20px; opacity: 1; page-break-inside: avoid; background:var(--blanc); }
div.events_list div.events_results div.event:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); cursor: pointer; opacity: 1.0; 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 { background: #ddd; text-align: center; padding: 8px; letter-spacing: 2px; font-size: 14px; color: var(--noir);} 
div.events_list div.events_results div.event div.eventdatetime { color: var(--noir); padding:10px 0 0 0; font-weight: bold;font-size: 14px;}
div.events_list div.events_results div.event div.name { color: var(--bleu); font-size:22px; line-height:1.3em; padding:6px 0;}
div.events_list div.events_results div.event div.description { color: var(--gris); font-size:16px; line-height:1.4em; }
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: right; font-size: 1em; margin: 15px 10px 10px 10px;}
div.events_list div.events_results div.event div.ensavoirplus a { text-decoration:underline; color:var(--noir); }
div.events_list div.events_results div.event div.ensavoirplus a:hover { color: var(--bleu); 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; }
div.event_vendere img, div.event_wordpress img { text-align:left; width:100%;}
div.event_vendere div.name { color: var(--bleu); font-size:1.4em; line-height:1.3em; padding:6px 0;}
div.event_vendere div.type {background: #ddd; text-align: center; padding: 8px; letter-spacing: 2px; font-size: 0.9em;}
div.event_vendere div.eventdatetime {color: var(--noir); padding:10px 0 0 0; font-weight: bold;}
div.event_vendere div.address {color: var(--gris); padding:3px 0 0 0; font-weight: normal; font-style:italic;}
div.event_vendere div.description {color: var(--gris); margin-top:20px; font-weight: normal; white-space: pre;}
div.event_vendere a.reservez {background:var(--bleu); color:var(--blanc); padding:10px 20px; text-decoration:none; display:inline-block; font-size:16px; margin:40px 0 30px 0;}
div.event_vendere a.reservez:after { content: " >"; }
div.event_vendere a.reservez:hover { opacity:0.8; color:var(--blanc);}
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);
  }
}

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


@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;}
}

@media (max-width: 768px) {

div.events_list div.events_results div.event { width: 100%; margin: 18px 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-family:inherit; font-size: 18px; margin-bottom:30px; font-weight:normal;} 	
div.member_detail span.e-mail:before { margin-bottom: 30px; font-size:18px;}
	
}

/* 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;
	background-color: #ececec;
}

.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: #fff;
	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: 75%;
	color:#0077c8;
}

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

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

.payment-container {
	width:  100%;
	text-align: center; 
}

.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;
}

/* grossir checkbox */

input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

/* flex row pour les champs avec checkbox */

.field-flex {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.field-flex > label {
	flex: 1
}

.field-flex > select {
	align-items: flex-start;
	margin: 0;
}