/* 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: var(--myfont); font-size: 1em; min-width: 800px; padding: 30px;}

div.members_form .smallnote { font-size: 75%; font-style: italic; }

div.members_form div.field { display: flex; color: #fff; flex-direction:column; }

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.field label {width: 100%;font-size: 14px; text-align: left;color: #fff;display: block; font-family: "National";}

div.members_form div.field label.mini { color: #fff; }

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

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: "National"; font-size: 14px; padding: 5px; border: 1px solid #ccc; width: 100%; display: block;    background: #fff;    color: #666;    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));    margin-bottom: 20px;    border-radius: 3px;    height: 30px; }

div.members_form div.field select#DejaMembre, 
div.members_form div.field select#ShowInfoOnWebsite,
div.members_form div.field select#ShowAddressOnWeb,
div.members_form div.field select#ShowOnWeb,
div.members_form div.field select#ShowEmailOnWeb,
div.members_form div.field select#InfoRegimeAssurance, 
div.members_form div.field select#OptInNewsletter { 

    font-family: var(--myfont); 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 { height:100px; }

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,div.events_list { font-family: var(--myfont); font-size: 1em; min-width: 80%; }

div.members_list div.members_filters,
div.events_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 input, 
div.members_list div.members_filters select, div.events_list div.events_filters input, div.events_list div.events_filters input, 
div.events_list div.events_filters select {
    font-family: var(--myfont);
    font-size: 15px;
    padding: 0 0 0 5px;
    max-width: 400px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    height: 40px;
    color: #696969;
}

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%; text-align: center; margin:16px; 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: #cc806d; font-size: 18px; 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: 17px; margin-bottom:6px; color: #363636;}

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.member_detail { font-family: var(--myfont); font-size: 18px; }

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 div.members_results div.member .picture {margin:30px auto; 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: var(--myfont); font-size: 16px; color:var(--bleu); line-height:normal; margin-bottom: 6px;}

div.member_detail h3, div.member_detail h4{ font-family:var(--myfont); 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: var(--myfont); 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: var(--myfont); font-size: 75%; padding: 5px; border: none!important; }

div.events_list div.events_filters input#txtEvent {  }
#eventpage .events { padding: 40px 0;}
div.events_list div.events_filters select#typeEvent, 
div.events_list div.events_filters select#monthEvent {
    width: 250px;
}
.memberlistpage .normalContent{padding: 0;}
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 0; }

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

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

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





/* 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;
    z-index: 99999;

}

div#lb_lightbox div.lb_content {

    /* padding-right: 20px; */

    max-height: 710px;

    max-width: 1200px;

    overflow: hidden;

}

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;

}

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

  }

}

/*****27-01-2023****/

.memberlistpage .d-1-3,.memberlistpage .d-2-3 {

    width: 100%;

} 

.memberlistpage .member_detail_col .d-1-3{

    width: 33%;

} 

.memberlistpage .member_detail_col .d-2-3 {

    width: 66.66%;

} 

.members_filters,.events_filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.memberlistpage .line1,.memberlistpage .line2{display: none;}

div.members_list div.members_results div.member .picture:empty {
    background-image: url(/wp-content/plugins/dynamic-user-directory/dudProfile.png);
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
}

.field.xoouserultra-checkbox.inline {

    flex-direction: row;

}

.memberButton {

    margin: 30px 0;

}

.uultra-name {

    margin-top: 30px;

    line-height: normal;

    font-size: 46px;

    line-height: 46px;

    font-family: "Financier";

    color: #363636;

}

#members_form.xoouserultra-wrap [type="checkbox"]:not(:checked), #members_form.xoouserultra-wrap [type="checkbox"]:checked {

       position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 1;

    height: 19px;

    top: 0;

    opacity: 0;

    cursor: pointer;

}

#members_form.xoouserultra-wrap div.field{ position:relative;}



#members_form.xoouserultra-wrap [type="checkbox"]:not(:checked) + label:before, .xoouserultra-wrap [type="checkbox"]:checked + label:before{

top:5px;

}

div.member_detail .detail-sm-col {

    display: flex;

    align-items: center;

    color: #363636;

    padding: 5px 0;

}

div.member_detail .detail-sm-col h4 {

    font-size: 18px;

    color: #363636;

    font-weight: bold;

    font-family: "National";

    width: 30%;

    padding: 0;

    margin: 0;

}

div.member_detail .detail-sm-col p,div.member_detail .detail-sm-col span {

    color: #363636;

    font-size: 18px;

    font-weight: 500;

    font-family: "National";

    padding: 0;

    width: 70%;

}

div.member_detail .description.detail-sm-col p{width:100%;}

div.member_detail .detail-sm-col.description {

    display: block;

}

div.member_detail .detail-sm-col.description h4{margin: 0 0 10px;}

.member_detail_col {

    padding: 40px 0;

}
.page-id-24 section.inscriptionContentWrapper,.page-id-24 .diffInscButtons {
    display: none;
}
.page-id-24 .diffInscButtons {
    /* display: none; */
}
.page-id-24 #myRadioGroupIscription {
    padding-top: 0;
}
.page-id-24 .inscriptionForm {
    margin-top: 0;
}
div#newmemberconfirmation {
    font-size: 24px;
    padding: 80px 0;
    text-align: center;
}
.social-items {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.social-items a img {
    width: 30px;
    height: 30px;
}
.social-items a {
    display: flex;
    align-items: center;
    justify-content: center;
}
/******End******/

/* ****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%;max-width: 100%; margin-right:0;}
div.member_detail { font-family: var(--myfont); font-size: 18px;  max-width: 800px; }
div.member_detail h3, div.member_detail h4 { font-family:var(--myfont); font-size: 18px; margin-bottom:30px; font-weight:normal;}   
div.member_detail span.e-mail:before { margin-bottom: 30px; font-size:18px;}
div.member_detail .picture {margin-bottom: 50px;max-width: 350px;margin: auto; }
.titreServices {/* padding-bottom: 40px; */}
div.member_detail .detail-sm-col{text-align: left;}
.memberlistpage .leftRepSearch {padding-right: 0px;}
.memberlistpage .leftRepSearch h2 { max-width: 100%; text-align: center;  }
.members_filters {  flex-direction: column;}
div.members_form{padding: 0;}
div.members_form,div.members_form div.field div.value select { min-width: 100%;}
.inscriptionForm { padding: 15px;}
}

@media (max-width: 767px) {

    .memberlistpage .leftRepSearch {

        padding-right: 0px;

    }

    .memberlistpage .leftRepSearch h2 {

        max-width: 100%;

        text-align: center;

    }

    div.member_detail .detail-sm-col {

        display: block;

        text-align: center;

    }

    div.member_detail .detail-sm-col h4 {

        width: 100%; 

    }

    div.member_detail .detail-sm-col p, div.member_detail .detail-sm-col span {

        width: 100%;

    }

}