
/* /wp_enqueue_style('', get_template_directory_uri() . '/chemin/vers/votre/fichier.css', array(), 'version-du-style', 'screen'); */

/* les styles de base */

/* style couleurs de base */
.blue,.Quote_Medium, .H4_SemiBold{
  color : #2880B4;
}

.max-h-100{
  max-width: 100px;
}


.image_jaxp{
  height : 550px ;
}

.image_path {
  display: none; /* Toutes les images sont masquées par défaut */
}

.show_image {
  display: block; /* Les images visibles */
}

.hide_image {
  display: none; /* Les images masquées */
}


.blue-2{
  color: #216B97;
}

.t-80{
  top: 70px !important;
}

.t-61{
  top: 60.5px !important;
}

.py-61{
  padding: 61px 0 !important;
}

.padd-10{
  padding : 10px !important;
}

.padd-x-15{
  padding: 0px 15px !important;
}


.padd-col-part{
  padding-left: 30px ;
  padding-right: 30px ;
}

.mb-0{
  margin-bottom: 0px !important;
}


.blue-3{
  color: #DEEEF8;
}

.green{
  color: #40BB6A;
}

.green-2{
  color: #39A75E;
}

.green-3{
  color: #E0F5E7;
}

.green-4{
  color: #229985;
}

.black, .Small-Paragraph-Medium, .H1_Medium,.Paragraph_SemiBold{
  color: #2D2D2D ;
}

.white,.Small-Paragraph-SemiBold,.name,.desc{
  color: #FFFFFF !important;
}

.grey{
  color: #888888;
}

.grey-2{
  color: #F3F5F7;
}

.grey-3{
  color: #F9FAFC;
}

.pink{
  color: #FFEED7;
}

.light{
  color: #DEF7F8;
}

.hover_green.bg-green:hover{
  background-color: #39A75E !important;
}

.hover_blue.bg-blue:hover{
  background-color: #216B97 !important;
}

#event-details h2, #event-details h3, #event-details p, #event-details blockquote{
  font-family: 'Barlow';
}

#event-details p strong{
  font-family: 'Barlow';
  font-weight: 600;
}

.hover_blue.blue:hover{
  color: #216B97 !important;
}

/* .sky{
  color: #E0F5E7;
} */



/* Style couleur arriere plan de base */
.bg-blue{
  background-color : #2880b4
}

.bg-blue-2{
  background-color: #216B97;
}

.bg-blue-3{
  background-color: #DEEEF8;
}

.bg-green/*, .Small-Paragraph-SemiBold*/{
  background-color: #40BB6A !important;
}

.bg-green-2{
  background-color: #39A75E;
}

.bg-green-3{
  background-color: #E0F5E7;
}

.bg-green-4{
  background-color: #229985;
}

.bg-black{
  background-color: #2D2D2D;
}

.bg-white{
  background-color: #FFFFFF;
}

.bg-grey{
  background-color: rgb(136, 136, 136);
}

.bg-grey-2{
  background-color: #F3F5F7;
}

.bg-grey-3{
  background-color: #F9FAFC;
}

.bg-pink{
  background-color: #FFEED7;
}

.bg-light{
  background-color: #DEF7F8;
}

/* .bg-sky{
  background-color: #E0F5E7;
} */



/* style pour police de base */
.barlow,.name, .Small-Paragraph-SemiBold, .Small-Paragraph-Medium,.Quote_Medium,
.Paragraph_SemiBold,.Small_Paragraph_Regular, .H4_SemiBold, .Paragraph-Regular, .H4-Regular, .H3-SemiBold,
.Quote-Regular{
  font-family: 'Barlow' !important;
}

.barlow-condensed, .H1_Medium,.H2-Medium{
  font-family: 'Barlow Condensed' !important;
}



/* style pour taille de police de base */
.h1,.H1_Medium{
  font-size: 55px;
  line-height: 65px;
}

.h1{
  margin: -0.2rem 0px 1.68rem;
}

.h2,.H2-Medium{
  font-size: 45px;
  line-height: 55px;
}

.h3,.name, .H3-SemiBold{
  font-size: 33px;
  line-height: 40px;
}

.h4,.H4_SemiBold, .H4-Regular{
  font-size: 23px;
  line-height: 30px;
}

.fs-23{
  font-size: 23px !important;
}

.w-23{
  width: 23px !important ;
}

.fs-small{
  font-size: 5.24px !important;
}

.fs-17{
  font-size: 17px !important;
}

.fs-8{
  font-size:  8,49px !important;
}

.fs-13{
  font-size: 13px !important;
}

.mr-6{
  margin-right: 4px !important;
}

.ml-4{
  margin-left: 4px !important;
}

.paragraph,.Paragraph_SemiBold, .Paragraph-Regular{
  font-size: 19px !important;
  line-height: 26px;
}

.small-paragraph, .Small-Paragraph-SemiBold, .Small-Paragraph-Medium,.Small_Paragraph_Regular{
  font-size: 16px;
  line-height: 23px;
}

.quote, .Quote_Medium, .Quote-Regular{
  font-size: 14px;
  line-height: 21px;
}




/* style de gras de base */
.semi-bold,.Small-Paragraph-SemiBold, .H4_SemiBold, .H3-SemiBold{
  font-weight: 600;
}

.medium-bold, .Small-Paragraph-Medium,.Quote_Medium,.H1_Medium,.H2-Medium{
  font-weight: 500;
}

.regular-bold,.Paragraph_SemiBold,.Small_Paragraph_Regular, .Paragraph-Regular,.H4-Regular, .Quote-Regular{
  font-weight: 400 ;
}


/* style bordure de base */
.border-black{
  border: 1.5px solid #2D2D2D !important;
}

.border-white{
  border: 1.5px solid #FFFFFF;
}

.border-green{
  border: 1.5px solid #40BB6A;
}

.border-blue{
  border: 1.5px solid #2880B4;
}

.border-black-1{
  border: 1px solid #2D2D2D;
}

.border-white-1{
  border: 1px solid #FFFFFF;
}

.border-green-1{
  border: 1px solid #40BB6A;
}

.h-40p{
  height: 40px !important;
}

.w-40p{
  width: 40px !important;
}

.border-blue-1{
  border: 1px solid #2880B4;
}



/* style pour arrondissement bordure de base */
.rounded-40, .Small-Paragraph-SemiBold{
  border-radius: 40px;
}



.rounded-10{
  border-radius: 09px !important;
}


.rounded-36{
  border-radius: 36px;
}

.rounded-4{
  border-radius: 4px !important;
}

.rounded-8{
  border-radius: 8px !important;
}
.rounded-30{
  border-radius: 30px;
}

.rounded-16{
  border-radius: 16px;
}

.rounded-50{
  border-radius: 50%;
}

.rounded-top-36{
  border-radius: 36px 36px 0px 0px;
}

.rounded-bottom-36{
  border-radius: 0px 0px 36px 36px;
}

.rounded-left-36{
  border-radius: 36px 0px 0px 36px;
}

.rounded-end-36{
  border-radius: 0px 36px 36px 0px;
}

.rounded-top-8{
  border-radius: 8px 8px 0px 0px;
}

.rounded-bottom-8{
  border-radius: 0px 0px 8px 8px;
}

.rounded-left-8{
  border-radius: 8px 0px 0px 8px;
}

.rounded-end-8{
  border-radius: 0px 8px 8px 0px;
}

.rounded-top-16{
  border-radius: 16px 16px 0px 0px;
}

.rounded-bottom-16{
  border-radius: 0px 0px 16px 16px;
}

.rounded-left-16{
  border-radius: 16px 0px 0px 16px;
}

.rounded-end-16{
  border-radius: 0px 16px 16px 0px;
}




/* Style boutton de base */
.button-l{
  padding: 16px 22px 16px 22px !important;
}

.button-s, .Small-Paragraph-SemiBold{
  padding: 10px 18px 10px 18px;
}



.py-16{
  padding:  16px 0;
}

.mt-0{
  margin-top: 0px !important;
}

.mt-30{
  margin-top: 30px !important;
}

.padd_slide_parthner{
  padding: 100px 60px;
}

.padding_y_16{
  padding: 16px 0 ;
}

.padding_x_15{
  padding : 0 15px;
}

.padding_y_15{
  padding : 15px 0;
}
.padding_x_6{
  padding: 6px 15px 6px 15px;
}
/* .text-center{text-align: center;} */


.x-smal_btn{
  padding: 4px 12px 4px 12px !important;
}

.py-20{
  padding: 20px 0px;
}

.py-15{
  padding: 15px 0px !important;
}

.couple_btn{
  display: flex;
  gap: 16px;
  padding: 0 13px;
}

.icon_linkedin{
  position: sticky;
  top: 0px;
}

.couple_btn_ress{
  display: flex;
  gap: 10px;
  padding: 0 13px;
}

.two-btn{
  display: flex;
  gap: 12px ;
}

.two-btn_ress{
  display: flex;
  gap: 10px ;
}

.icon-button{
  height: 50px;
}

/* display */


.d-none{
  display: none !important;
}

.d-grid{
  display: grid !important;
}

.icon_pag_table{
  height: 40px;
  width: 40px;
  padding: 9px 6p !important;
}



.d-block{
  display: block;
}



/* alignement texte */
.text-center{
  text-align: center;
}

.carousel-item{
  max-height: 550px !important;
}

.text-start{
  text-align: start ;
}

.text-end{
  text-align: end;
}

.h_auto{
  height: auto;
}

.text-uppercase{
  text-transform: uppercase;
}

.h-375{
  min-height: 375px;
}

.text-lowercase{
  text-transform: lowercase;
}


/* alignement blocs */
.justify-content-center{
  justify-content: center !important;
}

.justify-content-start{
  justify-content: start;
}

.justify-c-end{
  justify-content: end !important;
}

.gap-12{
  gap: 12px !important;
}

/* opacité */
.opacity-16{
  opacity: 16% !important;
}


.opacity-26{
  opacity: 26%;
}

.opacity-1{
  opacity: 0.5% !important;
}

.align-item-center{
  align-items: center !important;
}


.padd-10

/* largeur de base */
.w-50{
  width: 50% !important;
}

.px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

table.shop_table tbody td , th{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-10{
  padding: 0px 10px;
}

  .marg_ic_b{
    margin-bottom: 20px !important;
  }

  .w-auto{
    width: auto !important;
  }

  .px-228{
    padding-left: 228px !important;
    padding-right: 228px !important;
  }

  .marg-x-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

.margin_icon{
  margin-top: -5px !important;
  margin-bottom: 0px !important;
}

.my-15{
  margin-top: 15px;
  margin-bottom: 15px;
}

.px-15{
  padding: 0 10px;
}

.mt_-_10{
  margin-top: -10px;
}

.w-25{
  width: 25% !important;
}

.flex-wrap{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15.75px !important;
}

.height-50{
  min-height: 50px;
}

.height-50p{
  height: 50px  !important;
}

.w-100{
  width: 100% !important;
}

.w-95{
  width: 95%;
}

.w-90{
  width: 90% !important;
}


.w-75{
  width: 75% !important;
}


/* header  */
header.site-header .navigation .menubar li a:before {
  /* display: block;
  content: "";
  width: 0;
  height: 3px;
  background: #28b797;
  position: absolute;
  left: 50%;
  top: -1;
  transition: all 0.3s ease-in-out 0s; */
}
header.site-header .navigation .menubar li a:hover {
  /* color: #2a2d34; */
}
header.site-header .navigation .menubar li a:hover:before {
  /* left: 0;
  width: 100%; */
}
header.site-header .navigation .menubar li.current_page_parent > a,
header.site-header .navigation .menubar li.current-menu-item > a {
  color: #2a2d34;
}


header.site-header .navigation .menubar li.current_page_parent > a:before,
header.site-header .navigation .menubar li.current-menu-item > a:before {
  left: 0;
  width: 100%;
}
header.site-header .navigation .menubar li.nmr-logged-in {
  display: none;
}
header.site-header .sidenav-trigger {
  float: right;
  margin: 10px 0 10px 20px;
}
body.xpp-logged header.site-header .navigation li.nmr-logged-in {
  display: inline-block;
}
body.xpp-logged .sidenav .nmr-logged-in {
  display: block;
}
.xpp-menu-icon {
  display: inline-block;
  content: "";
  width: 24px;
  height: 16px;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  position: relative;
}
.xpp-menu-icon:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #999;
}
.xpp-menu-icon:hover {
  border-color: #28b797;
}
.xpp-menu-icon:hover:after {
  background: #28b797;
}
.xpp-search-icon {
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='300' width='300' fill='%23777' viewBox='0 0 100 100'%3E%3Cpath d='M43 14c-15.98 0-29 13.02-29 29s13.02 29 29 29c6.91 0 13.26-2.443 18.25-6.5l19.624 19.624a3.01 3.01 0 0 0 4.25 0 2.97 2.97 0 0 0 0-4.218L65.497 61.28c4.065-4.992 6.5-11.362 6.5-18.28 0-15.98-13.02-29-29-29zm0 6c12.737 0 23 10.26 23 23s-10.262 23-23 23-23-10.262-23-23S30.26 20 43 20z'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
}


/* le style des position */
.p-relative{
  position: relative !important;
}

.p-absolute{
  position: absolute !important;
}

.p-fixed{
  position: fixed !important;
}


/* le carrroussel */
.carousel-item{
  height: 550px;
  width: 100%;
}

.carroussel-text{
  background-color: rgba(40, 128, 180, 0.5) !important;
  left: 0% !important;
  top: 0% !important;
  height: 100%;
  width: 100% !important;
  margin: auto;
  padding-bottom: 30px !important;
}

.text-decoration-none{
  text-decoration: none !important;
}

.body_youtube{
  height: 616px ;
  position: relative;
}

.video-container{
  border-radius: 16px !important;
}

.img-col{
  width: 100% !important;
  height: auto !important;
}


.padd-y-61{
  padding: 61px 0;
}

.xpp-container{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 30px
  ;
}

.container_pather{
  margin: 0  104.5px; 
}

.m-auto{
  margin: 0 auto !important;
}

.padd_30{
  padding: 60px;
}

.padd_Y_30{
  padding: 30px 0;
}

.padd-15{
  padding: 15px !important;
}

.mx-15 {
  margin: 0 15px;
}

.mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.fs-20{
  font-size: 20px !important;
}

.margin_x_5{
  margin: 0 5px !important;
}

.margin-bottom-10{
  margin-bottom: 10px;
}

.margin-bottom-16{
  margin-bottom: 16px !important;
}
.margin-bottom-12{
  margin-bottom: 12px !important;
}

.card-text-chiffre{
  height: 75px !important;
  overflow: hidden !important;
}

.margin-bottom-40{
  margin-bottom: 40px !important;
}

.icon_class{
  padding: 6px 15px 6px 15px;
  font-size: 23px;
  height: 35px;
  width: 53px;
}

.margin-top-30{
  margin-top: 30px !important;
}

.margin-top-20{
  margin-top: 20px !important;
}

.margin_x_15{
  margin: 0 15px;
}

.margin-y-15{
  margin: 15px 0;
}

.mx-10{
  margin: 0 10px !important;
}

.height_83{
  height: 83% !important;
}


.mt-61{
  margin-top: 61px;
}

.mb-30{
  margin-bottom: 30px;
}



.mb-61{
  margin-bottom: 61px;
}

.padd-30{
  padding: 30px !important;
}

.padd-bot{
  padding-bottom: 30px;
}

.gap-10{
  gap: 10px !important;
}

.gap-20{
  gap: 20px !important;
}

.gap-30{
  gap: 30px !important;
}


.py-30{
  padding : 30px 0 !important;
}

.paddy-30{
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-50{
  padding: 50px 0 !important;
}

.w-80{
  width : 80% !important
}



.px-30{
  padding: 0 30px !important;
}

.w-30{
  width: 30%;
}

.h-90{
  height: 90% ;
}

.width_95{
  width : 95%;
}

.width_95{
  width : 95%;
}

.card-title-right{
  padding: 0px 30px;
}



.h-100{
  height: 100% !important;
}

.h-90{
  height: 90% ;
}

.width_95{
  width : 95%;
}


/*section tekou*/
body {overflow-x: hidden;}
.text_right{text-align: right!important;}
.Small-Paragraph-SemiBold, .Small-Paragraph-Medium{
  text-align:left;
}
.d_flex{
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
}

.display-flex{
  display: flex !important;
  align-items: center !important;
  margin: 0px !important;
}

.mx-5{
  margin: 0 5px !important;
}

.d_flex_center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.d_flex_simple{
  display: flex;
  align-items: center;
}
.m_o{
  margin:0
}
.p_o{
  padding:0 !important;
}
.d_flex_left{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

 .site-header .navigation ul> li:has(.sub-menu) > a:after /*,  ul.header_menue1 > li.drop_down a:after */ { 
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f107";
  margin-left: .5em;
  color: #2D2D2D;
}

.site-header .navigation ul li .sub-menu{
  display:none;
  background: white;
  width: 100%;
  /* padding-bottom: 28px; */
  justify-content: center;
}

.site-header .navigation ul li a{
  color: #2D2D2D;
  font-weight: 500;
}



/* .site-header .navigation ul:not(ul.sub-menu) li a:not(.logout):not(.login-btn) :hover{
  color: rgba(64, 187, 106, 1);
  border-bottom: 1.5px solid rgba(64, 187, 106, 1) !important;
} */

/* .site-header .navigation ul :not(ul.sub-menu)  li  a:not(.logout):not(.login-btn):hover{
  color: rgba(64, 187, 106, 1);
  border-bottom: 1.5px solid rgba(64, 187, 106, 1) !important;
} */

/* .site-header .navigation .header_menu1 > li > a:not(.logout):not(.login-btn):hover {
  color: rgba(64, 187, 106, 1);
  border-bottom: 1.5px solid rgba(64, 187, 106, 1) !important;
} */


.hovered_nav{
  color: rgba(64, 187, 106, 1)!important;
  /* border-bottom: 1.5px solid rgba(64, 187, 106, 1) !important; */
  padding-bottom: 29px !important;

}

.hovered_nav_ul, .annuaire_membre:hover{
  color: rgba(64, 187, 106, 1)!important;
  border-bottom: 1.5px solid rgba(64, 187, 106, 1) ;
  padding-bottom: 29px ;

}
.site-header .navigation ul li ul a:hover{
  color: #2D2D2D!important;
  border-bottom: none !important;
}
/* .site-header .navigation ul li ul a:hover{
  color: #2D2D2D!important;
  border-bottom: none !important;
  background-color: red !important;
} */

.site-header .navigation ul> li:has(.sub-menu):hover > a:after, ul.header_menue1 > li.drop_down:hover a:after{
  color: rgba(64, 187, 106, 1)!important;
}

.wrapper {
  padding-right: 25px !important;
  padding-left: 25px !important;
}





.Quote_Medium, .H1_Medium, .Paragraph_SemiBold{
  text-align:center;
}
.Paragraph_SemiBold strong{
  font-weight: 600 ;
}

/* shop products */
.shop_products li.wc-block-grid__product div.wc-block-grid__product-price{
  position: absolute;
  top: 0%;
  height: 100%;
  background: transparent;
  width: 100%;
}
.shop_products li.wc-block-grid__product div.wc-block-grid__product-price a.modal-trigger{
  height: 100%;
  background-color: transparent;
  width: 100%;
  overflow: hidden;
  display: block;
}
.shop_products li.wc-block-grid__product a .wc-block-grid__product-image img{
  /* width: 308px; */
  width: 100%;
  /* height: auto; */
  height: 468px;
  border-radius: 16px;
}

.block_shop {
  width: 70% ;
  margin: 0 auto !important;
  /* padding: 0 0 30px 0px; */
}

.choose,.name, .desc,.product_card .ic{
  /* position: absolute; */
  text-align: center;
}

.row.product_card{
  padding-top: 123px !important;
}

.choose{
  height: 52px !important;
  position: absolute;
  bottom: 30px !important;
  margin-left: 15px !important;
}
.name{
  font-size: 33px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  margin-top: 30px !important;
  height: 80px;
  overflow: hidden;
}
.desc{
  margin-top: 10px !important;
}
.product_card .ic{
  color:white;
  font-weight: 700;
  font-size: 42.01px;
  line-height: 40px;
}
#small_faq{margin-top:100px;margin-bottom:100px;}
.faq_quest{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(45, 45, 45, 0.16);
  padding: 30px 0 30px 0px !important;
  /* border-bottom: 1px solid rgba(45, 45, 45, 0.5); */
}
.faq_quest div{
  display: inline-flex;
    align-items: center;
}
.faq_quest div, .manifest{
  display: inline-flex;
}
.faq_quest > span{
  color:green;
  font-size:48px;
}
.faq_quest div span{
  margin-right: 10px;
}
#small_faq .wp-block-column{
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#small_faq .wp-block-column> div{
  margin-right: auto;
}
/* devenir membre */
#manifest_row{
  margin: 0;
  display: block;
  padding-bottom: 110px !important;
}
.manifest.Small-Paragraph-SemiBold p{color: #2D2D2D; margin:0; margin-bottom:10px}
div.manifest.Small-Paragraph-SemiBold{padding:0 !important}
#verbatims{
  margin: 0;
  padding: 0;
  display: block;
}
.ptb{
  padding-top: 100px;
  padding-bottom: 100px;
}

#verbatims + div{
  text-align: center;
  padding-top: 110px !;
  background-color: white ;
}

/* add this class to yhis section BO H2-Medium */
#verbatims + div>div>div>div p{
  color: #4B4B4B;
  /* max-width: 80%; */
  margin: auto;
}

p.H2-Medium{
  margin-bottom: 40px !important;
  margin-top: 0px !important;
  /* dfdsfsdfsdfsdfs */
}

.mt_30{
  margin-top:30px
}
.mtb_30{
  margin:30px 0;
}
.mb_30{
  margin-bottom:30px;
}
.pb_30{
 padding:30px;
}
.mtb_10{
  margin:10px 0;
}

.py-5{
  padding-top: 5px;
  padding-bottom: 5px;
}

/*modal css*/
#entreprise::-webkit-scrollbar, #modal1::-webkit-scrollbar, #member-modal::-webkit-scrollbar, #manage_adhesion::-webkit-scrollbar, #delete_member::-webkit-scrollbar, #add_organization_contacts::-webkit-scrollbar, #update_billing::-webkit-scrollbar, #update_org_manager::-webkit-scrollbar{
  display:none;
}
.modal#entreprise{
  max-height: 91%;
  background-color: white;
  width:70%;
  z-index:11111 !important
}

.py-12{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

button.bg-green:hover{
  background-color: #39A75E !important;
}

a.bg-green:hover{
  background-color: #39A75E !important;
}

.modal#modal1{
  z-index:11111 !important
}
a.modal_close:hover{
 background-color: #39A75E  !important;
}
.modal-overlay{
  background: rgba(0, 0, 0, 0.8);
  opacity: unset !important;
  z-index:1111!important;
}

.modal-close.modal_close {
  margin-bottom: 0px;
  right: 16px;
  margin-top: 16px;
  /* background: red; */
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  float: right;
}

.box_mod{
  width: 92% !important;
}

.modal .modal-content{
  padding: 0px !important;
}

.max_height_paragraph{
  overflow: hidden;
  height: 70px;
}
.modal_card > div:first-child{
}

.h2_heavy{
  font-weight: 700;
  letter-spacing: 0em;
  text-align: center;
}

.wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-link{
  width: 100%;
}

.background_img {
  background-repeat: no-repeat;
  background-size: cover;
}
.modal_card_height{
  height: 382px;
}

.mt-42{
  margin-top: 42px;
}

.mb-32{
  margin-bottom: 32px;
}

.mt-32{
  margin-top: 32px;
}

.mb-42{
  margin-bottom: 42px;
}
/*modal css end*/

/*product page*/
.add_offset .product_title.entry-title{display:none}
.offset-s2 .add_offset .neigbour + div{
  padding-left:0.75rem;
}
button.single_add_to_cart_button, a.custom-checkout-btn.border_btn.checkout_page{
  width: 100%;
  /* height: Fixed (52px); */
  padding: 16px 22px 16px 22px;
  gap: 8px;
  border-radius: 40px;
  font-family: 'Barlow';
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  display: block;
  text-align: center;
}
button.single_add_to_cart_button{
  background: #40BB6A;
  color:white;
  border:none !important;
  margin-top:30px;
}

button.single_add_to_cart_button:hover{
  background-color: #39A75E !important  ;
}

a.custom-checkout-btn.border_btn.checkout_page{
  color: #2D2D2D;
  border: 1.5px solid #2D2D2D !important;
  margin-top: 16px;
}
li.indicator{
  display: none;
}
.tabs .tab a {
  line-height: 2;
  padding: 10px 18px 10px 18px;
  border-radius: 40px;
  border: 1.5px solid #2D2D2D !important;
  color: #2D2D2D;
}
.tabs .tab a:focus, .tabs .tab a:focus.active{
  padding: 10px 18px 10px 18px;
  line-height: 2;
  border-radius: 40px;
  background: #2D2D2D;
  color:white;
}
.tabs .tab a.active, .tabs .tab a:hover{
  padding: 10px 18px 10px 18px;
  line-height: 2;
  border-radius: 40px;
  background: #2D2D2D;
  color:white;
}
#xpp-faq .d_flex_center .col.faqs{
  float:unset;
  margin-left:auto;
  margin-right:auto;
}

.bloc_separation{
  margin-top:110px
}


.bloc_separation_inner{
  margin-bottom:50px
}
.pdt_bread_crumb{
  padding: 60px 0;
}
.row.rmr-breadcrumbs, .row.wrapper{ margin:0}
.row.wrapper:has(.pdt_bread_crumb), .product.type-product.status-publish{
  background: #F9FAFC;
  /* padding-bottom: 110px; */
}


.col.offset-s2.add_offset .neigbour > div{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  /* padding-top: 10px !important; */
  /* padding-bottom: 10px !important; */
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
  border-top: 1px solid rgba(45, 45, 45, 0.16);
}

@media only screen and (min-width: 601px){
  .row .col.add_offset{
      margin-left: 8.3333333333% !important;
  }
  }
  @media only screen and (min-width: 993px){
    .row .col.l3.add_ofset {
     margin-left: 8.3333333333% !important;
  }
  .product.type-product.status-publish .container{
    width:88%;
    padding-bottom: 30px;
  }
}
.shop_products > ul > li:nth-child(1){display:none}
.product_img_cover{}


/*product pageend*/

/*panier devis*/
hr.separator{
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid rgba(45, 45, 45, 0.16);
  margin: 0px 0.75em;
}

input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=number]:not(.browser-default),
input[type=password]:not(.browser-default), input[type=search]:not(.browser-default),
input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default),
textarea, select,
.select2-container--default .select2-selection--single{
    font-family: Barlow;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    border: 1px solid #2D2D2D;
    border-radius: 8px;
    padding: 0px 20px;
    width: 100%;
    box-sizing: border-box;

}
/* .panier .d-flex.column{gap:10px} */
textarea{
  min-height:150px;
  padding-top:20px;
  padding-bottom: 20px;
}
/* select{display:block;} */
form.woocommerce-cart-form{display:none}

.block_shop.bg-grey-3 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex-basis: unset;
  flex-grow: unset;
}

.block_shop.bg-grey-3 div.col,.shop_product_col,.wrapper.row .col{
  margin-left: auto!important;
  margin-right: auto!important;
  flex-basis: unset!important;
  flex-grow: unset !important;
}
#single_product_det{
  margin-bottom: 110px;
}
#single_product_det a{
  color: #2880B4;
}
/* .block_shop + .row + div .wrapper>div{margin-top: 61px;} */
.row.wrapper>div .xpp_is:nth-child(1){padding-left:0}
.row.wrapper>div .xpp_is:nth-child(4){padding-right:0}
.xpp_is_title{
  text-transform: lowercase;
  margin: 20px 0;
}
.xpp_is_title::first-letter{
  text-transform: capitalize;
}
.row.container.bg-blue.ptb{
  margin-left: 0;
  margin-right: 0;
}
.modar_card_abso{
  /* background: red; */
    position: relative;
    top: -58px ;
  }

.padd-card-prod{
  padding: 40px 30px 30px 30px !important;
}

.fs-41{
  font-size: 41px !important;
}


.modar_card_abso span{
  /* position: absolute;
    bottom: -94%; */
}
form.variations_form.cart tbody{
  display:none;
}
form.variations_form.cart .quantity{
  display:none;
}

.woocommerce-product-details__short-description p{
  margin-top: 30px !important;
  margin-bottom: 0  !important;
}
.woocommerce-product-details__short-description  ul p, ul{
  margin: 0px !important;
}

.image_parent{
  position: relative;
  height: auto;
}
.product_img_cover {
  background: transparent;
  position: absolute;
  width: 100%;
  top: 0;
  color: white;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.image_parent .product_img_cover .div1{
  /* margin-top:96px; */
  margin-bottom:20px;
}
.image_parent .product_img_cover .div2{
  margin-top:40px;
  margin-bottom:40px;
}

.product_single .icon-adhesion{
  padding-top: 2px !important;
}

.recap_paie1 table.shop_table  tr.order-total td.right-align strong span bdi{
  font-weight: 600 !important;
}

.h1_bold,.h1_bold1{
  font-family: 'barlow' !important;
 font-weight: 700;
 line-height: 40px;
}
.h1_bold{
   font-size: 33px;
 }
.h1_bold1{font-size: 23px;}
.auto-img{
  width: 100%;
  /* height: auto; */
}
.p_x_40{
  padding:0 26px!important;
}
.p_y_20{
  padding-top:20px!important;
  padding-bottom:20px!important;
}

/* custom css for checkboxes and radio button*/
/* radio buttons start*/
.cust_radio span{margin-left: 34px;}
.cust_radio .checkmark:after {
  top: 8px;
 left: 8px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: white;
}
.cust_radio input:checked ~ .checkmark:after {
  display: block;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* When the radio button is checked, add a blue background */
.cust_radio input:checked ~ .checkmark {
  background-color:  #40BB6A;
  border: 1px solid #40BB6A;
  padding: 12px 12px !important;
}
/* On mouse-over, add a grey background color */
/* .cust_radio:hover input ~ .checkmark {
  background-color: #ccc;
} */
/* Create a custom radio button */
.checkmark {
  position: absolute;
  /* top: 0;
  left: 0; */
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  background-color:  white;
  border: 1px solid #2D2D2D;
  /* margin-left: 6px; */
}
.cust_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* radio buttons ends*/
/* Create a custom checkbox button */

.new_check{
  margin-top: .1em;
  height: 17px;
  width: 17px;
  border-radius: 4px;
  border: 1px solid #2D2D2D;
}

.mr-9{
  margin-right: 9px;
}

.ml-9{
  margin-left: 9px;
}

.cust_checkbox {
  /* display: block; */
  display: inline-flex;
  position: relative;
  padding-left: 29px;
  padding-top: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.cust_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkboxe {
  position: absolute;
  top: 3px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: white;
  border: 1px solid #2D2D2D;
  border-radius: 4px;
}
/* On mouse-over, add a grey background color */
.cust_checkbox:hover input ~ .checkboxe {
  background-color: white;
}
/* When the checkbox is checked, add a blue background */
.cust_checkbox input:checked ~ .checkboxe {
  padding: 5px !important;
  background-color: #40BB6A;
  border: none !important;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkboxe:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.cust_checkbox input:checked ~ .checkboxe:after {
  display: block;
}

/* Style the checkmark/indicator */
.cust_checkbox .checkboxe:after {
  left: 5px;
  top: 2px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Create a custom checkbox button ends*/
/* custom css for checkboxes and radio button ends*/
.input_pay > .row{margin-top: 0; margin-bottom: 0;}
.select-wrapper svg:after{
  font-family: 'FontAwesome';
  content: "\f104";
  margin-right: .5em;
}
.select-wrapper svg.caret {
  right: 12px;
}

.select_agenda.input-field .select-wrapper input.select-dropdown{
    border-radius: 40px !important;
    margin-bottom: 0px !important;
}

.recap_paie1{
  grid-column-start: 2;
  grid-row-start: 2;
  height: fit-content;
}

/* form[name="checkout"] */.checkout.woocommerce-checkout{
    background-color: #F9FAFC;
    grid-column-start: 1;
    grid-column-end: span 1;
    display: grid;
    grid-row-start: 2;
    border-radius: 16px;
}
/* form[name="checkout"]:after, .recap_paie1:after{ */form[name="checkout"] + div,.recap_paie1 + div ,#newsletter{
  clear: both;
}
.switch.coupon_switch label .lever {
    margin: 0 !important;
}
.switch.coupon_switch label{
  display: block;
  width:100%;
  text-align: right;
}
.woocommerce-form-login-toggle, #order_review_heading,
#order_review .shop_table.woocommerce-checkout-review-order-table{
  display:none;
}
body:has(.paiement){
  /* background-color: red; */
}

.pdt_desc1{
  /* width: 50%; */
  float:left;
}
.pdt_desc{
  width: 48%;
  float:left;
}
.woocommerce-variation.single_variation{
  display: none !important;
}
#paiements .wrapper.container .post-content .woocommerce{
    display: grid;
    grid-template-columns: 68% 30%;
    grid-column-gap: 2%;
    padding-bottom: 110px;
}

.switch label input[type=checkbox]:checked+.lever{
  background-color: #2D2D2D !important;
}

.switch label .lever{
  height: 20px !important;
}

.switch label .lever:after, .switch label .lever:before{
  height: 14px !important;
  width: 14px !important;
  left: 3px !important;
  top: 3px !important;
}

.switch label input[type=checkbox]:checked+.lever:after{
  left: 17px !important;
}


#coupon_entry_form label.active {
    display: none !important;
 }

  input#coupon_code{ 
  margin: 0px !important;
 } 
 


 label.active{
  font-size: 16px !important;
 }
  
 #coupon_entry_form{
   padding-top: 14px !important;
   padding-bottom: 15px !important;
 }


#paiements .parent1_pdt{
  grid-column-start: 1;
  grid-column-end: span 2;
  display: flex;
  grid-row-start: 1;
}
#paiements #recap_coupon{
  display: none;
}
.halved_even,.halved_odd {
  width:49%;
  float:left;
}
.long_row{
  width:100%;
  float:left;
}
.long_row + p, .col_75 + p, .col_25 + p,.col_75 + div:has(.col-2), .col_25 + div,.col_75 + h3, .col_25 + h3
{
  /* clear:both; */
}
.halved_even, .col_75{
  margin-left: 1%;
}
.halved_odd, .col_25{
  margin-right: 1%;
}
#paiements #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{
  /* display: ruby-text; */
}

#paiements .check1 [type=checkbox]:checked, #paiements .check1 [type=checkbox]:not(:checked) {
  position: unset;
  opacity: 1;
  pointer-events: unset;
}


#paiements #authority_confirm_field label.checkbox input[type="checkbox"].input-checkbox:checked {
  appearance: auto !important;
  height: 17px;
  width: 17px;
  accent-color: #43a162;
  border-radius: 4px !important;
  margin-right: 9px;
  border: none !important;
}

#paiements .check1 [type=checkbox]:checked{
  appearance: auto !important;
  height: 17px;
  width: 17px;
  accent-color: #43a162;
  border-radius: 4px !important;
  margin-right: 9px;
  border: none !important;
}

#paiements .check1 [type=checkbox]{
  appearance: none;
  height: 17px;
  width: 17px;
  border-radius: 4px !important;
  margin-right: 9px;
  border: 1px solid #2D2D2D !important;
}

#paiements #customer_details .H4_SemiBold, #company_labs .H4_SemiBold{
  margin-bottom: 16px !important;
}


#paiements input[type="text"]:not(input#coupon_code), #paiements input[type="email"],  #paiements input[type="tel"] {
  margin-bottom: 34px;
  margin-top: 6px !important;
}

#paiements textarea, #paiements span.select2{
  margin-top: 6px !important;
}

p#Confirm_org_name_field span.woocommerce-input-wrapper, #paiements #Confirm_org_name_field{
  margin-bottom: 30px !important;
}

#paiements .checkout_save{
  margin-top: 30px !important ;
}


#paiements .woocommerce-billing-fields .m_o hr.separator{
  margin: 0px;
}

#paiements #billing_phone, #paiements #billing_country_field{
  margin-bottom: 16px !important;
}

#paiements #company_labs .H4_SemiBold {
  margin-bottom: 16px;
}

#paiements label.checkbox{
  display: flex ;
  align-items: center !important;
}
  
#paiements #authority_confirm_field label.checkbox input[type="checkbox"].input-checkbox{
  appearance: none;
  height: 17px;
  width: 17px;
  border-radius: 4px !important;
  margin-right: 9px;
  border: 1px solid #2D2D2D !important;
}


#paiements #authority_confirm_field label.checkbox {
  display: flex ;
  align-items: center !important;
}

.col_75, .col_25{
  float:left ;
  display: flow-root;
}
.col_75{
 width:74%
}
.col_25{
  width:24%
}
#paiements #billing_country_field select#billing_country{
display:block;
border: 1px solid black;
border-radius: 8px;
padding: 0px 20px;
}

#checkout_save, #payment_save{
  padding: 16px 22px 16px 22px;
  border-radius: 40px;
  opacity: 0px;
  background: #40BB6A;
  cursor: pointer !important;
}

#checkout_save:hover, #payment_save:hover{
  background-color: #39A75E;
}


#customer_details {
  background: white;
  border-radius: 16px;
  padding: 40px;
}
#checkout_show_pay{
  background: white;
}
#paiements #payment{display:none}
#customer_details p label{
  font-family: 'barlow';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #2D2D2D;
}

.remove_padd{
  padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    padding-bottom: 0px !important;
}


#customer_details p{
 margin-top: 0;
}
#customer_details p#company_admin_field, #customer_details p#company_labs_field{
  border-top: 1px solid rgba(45, 45, 45, 0.16);
  padding-top: 30px;
  margin-top: 30px;
}
#customer_details p#company_admin_field span.optional,
#customer_details p#company_labs_field span.optional{
  display:none;
}
#customer_details p#Confirm_org_name_field{
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-top: 10px;
}
#customer_details p label abbr{
  color:#40BB6A;
}

#customer_details p{
  margin-bottom: 0px !important
}
.card_rcap1 button, #payment_exit, #payment_edit{
  border-radius: 40px;
  border: 1.5px solid #2D2D2D;
  color: #2D2D2D !important;
  cursor: pointer;
}
.card_rcap1 button{
  padding: 10px 18px 10px 18px;
}
#payment_exit, #payment_edit{
  padding: 16px 22px 16px 22px;
  cursor: pointer ;
}
#paiements #payment input[type=radio]:checked, #paiements #payment [type=radio]:not(:checked) {
  /* position: unset;
  opacity: 1;
  pointer-events: unset; */
}

tfoot tr.order-total th{
  text-transform: uppercase !important;
}


.padd-x-30{
  padding-left: 30px;
  padding-right: 30px;
}

#paiements #payment{
margin-top:30px;
border-radius: 8px;
border: 1px solid rgba(45, 45, 45, 0.16);
padding: 30px 0px 0px  0px !important;
}
#paiements .wrapper.container .post-content .woocommerce #payment #wc-stripe-cc-form, #paiements #payment fieldset{
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-column-gap: 1%;
  /* background: rgba(249, 250, 252, 1) !important; */
  border: none;
  margin: 0;
  /* margin-top: 30px; */
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
  color: rgba(45, 45, 45, 1);
  /* padding: 30px !important; */
}

#paiements .wrapper.container .post-content .woocommerce #payment #wc-stripe-cc-form + fieldset p{
  grid-column-end: span 3;
  display: inline-flex;
}

#paiements .wrapper.container .post-content .woocommerce #payment #wc-stripe-cc-form + fieldset p input{
  margin-right: 10px;
}

.wc-stripe-elements-field, .wc-stripe-iban-element-field{
  border: 1px solid #2D2D2D !important;
    margin-top: 6px;
    margin-bottom: 0px;
    padding-left: 16px !important; 
    padding-right: 16px !important; 
    padding-top: 14px !important; 
    padding-bottom: 13px !important ; 
    border-radius: 8px !important;
     /* padding: 5px; */
    /* padding: 5px; */
    background-color: white;
    outline: 0;
}

li.wc_payment_method .payment_box{
  /* margin-top: 30px !important; */
  background-color: #F9FAFC !important;
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.01em;
  padding: 30px !important;
}

li.wc_payment_method .row{
  padding: 30px !important
}



li.payment_method_bacs {
  /* padding: 30px !important; */
}

.coupon_switch #coupon_entry_form .active{
  display: none !important;
}



li.payment_method_stripe .payment_box{
  padding: 0px;
}

li.payment_method_stripe{
  /* padding: 30px !important; */
}

#paiements #wc-stripe-cc-form .form-row .stripe-card-element .required {
  color: #40BB6A !important;
}

#paiements #payment .wc_payment_method.payment_method_stripe{
  /* background: rgba(249, 250, 252, 1) !important; */
}
#paiements #payment .wc_payment_method.payment_method_stripe input{
  border-radius: 8px;
}
#paiements #payment .wc_payment_method.payment_method_stripe input[type=checkbox]:checked,
#paiements #payment .wc_payment_method.payment_method_stripe input[type=checkbox]:not(:checked){
  position: unset;
  opacity: 1;
  pointer-events: unset;
}
#paiements .wrapper.container .post-content .woocommerce #payment ul.wc_payment_methods .wc_payment_method {
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
  /* padding:15px 15px; */
}
#paiements .wrapper.container .post-content .woocommerce #payment ul.wc_payment_methods .wc_payment_method label{
  font-family: 'Barlow';
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  color: rgba(45, 45, 45, 1);
}

.review_order_for_payement{
  border-radius: 16px;
  margin-top: 30px;
}



#paiements .select2-container--default .select2-selection--single .select2-selection__rendered {
  color:rgba(45, 45, 45, 1);
  line-height: 39px;
}
#paiements .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 17px;
}
#paiements .select2-container--default .select2-selection--single{
  height: 46px;
}
.save_pay_methods{
  border-radius: 0px 0px 16px 16px;
  background-color: white;
  padding-top: 10px !important;
  padding-bottom: 40px !important;
}
.woocommerce-billing-fields > h3{
  display:none;
}

#paiements .wp-container-core-columns-layout-1{
  margin-bottom: 0 !important;
}

.woocommerce-additional-fields > h3{
font-family: 'Barlow';
font-size: 23px;
font-weight: 600;
line-height: 30px;
text-align: left;
color: rgba(45, 45, 45, 1);

}

.fa_checks{
 margin-right: 4px;
}
#paiements .wrapper.container .post-content .woocommerce 
#payment ul.wc_payment_methods .wc_payment_method.payment_method_cheque{
  border-bottom: none;
  /* padding: 15px !important; */
}
/* hide place order btn */
.form-row.place-order{
  display:none;
}
/* stripe payement data */
#stripe-payment-data{
  position: relative;
}
#stripe-payment-data > p{
  position: absolute;
  text-align: right;
  /* background-color: red; */
  width: 100%;
  top: -119%;
  font-family: Barlow;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: rgba(45, 45, 45, 1);
  display: none;
}
#coupon_entry_form{
  border-radius: 8px;
  border: 1px solid rgba(45, 45, 45, 1);
  display: grid;
  grid-template-columns: 50% 10% 40%;
  align-items: center;
  padding: 5px;
}
#coupon_code{
  /*width: 50%; */
  /* background: blue; */
  border: none;
  margin: 0;
  padding: 0;
  height: fit-content;
  color: rgba(45, 45, 45, 1);
}
#coupon_code:focus{
  border:none;
  box-shadow: none;
}
#app_coupon{
  width: 100%;
  text-align: right;
  background: white;
  color: rgba(45, 45, 45, 1);
}
.switch.coupon_switch label input[type=checkbox]:checked+.lever:after {
  background-color: white;
}
#place_payment{
  width: 100%;
  display: block;
  cursor: pointer;
}

#place_payment:hover{
  background-color: #39A75E;
}

.mr-4{
  margin-right: 4px !important;
}

 body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce, 
 body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce{
  display: grid;
  grid-template-columns: 30% 62% ;
  grid-column-gap: 3%;
  padding-top: 60px;
  padding-bottom: 110px;
  padding-left: 25px;
  padding-right: 25px;
}

nav{
 -webkit-box-shadow : unset !important
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation{
  background-color: white;
  padding: 30px ;
  position: sticky ;
  /* top: 185px !important; */
  top: 15% ;
  border-radius: 16px;
  color: unset !important;
  width: unset !important;
  height: fit-content  !important;
  line-height: unset !important; 
  line-height: unset !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content{
  height: fit-content;
  background-color: white;
  border-radius: 16px;
  padding: 40px;
}



body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p :not(div.woocommerce-notices-wrapper + h3 + p) :not(div.woocommerce-notices-wrapper div#user-account form#update-user-profile div.portrait p.remove-img d) :not(div#user-account form#update-user-profile div.row div.col div.row div.col p.p-relative),
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p :not(div.woocommerce-notices-wrapper + h3 + p) :not(div.woocommerce-notices-wrapper div#user-account form#update-user-profile div.portrait p.remove-img ) :not(div#user-account form#update-user-profile div.row div.col div.row div.col p.p-relative){
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left !important;
  margin: 0px !important;
  padding-bottom: 16px;
  padding-top: 12px !important;
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p{
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left !important;
  margin-top: 0px !important;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p strong,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p strong{
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  text-align: left !important;
  margin-top: 0px !important;
  padding: 0px !important;
  border-bottom: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p a,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p a{
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left !important;
  margin-top: 0px !important;
  padding: 0px !important;
  border-bottom: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p a:hover,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3 + p a:hover{
  color: #216B97 !important;
}

/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p :not(p.form-row-wide ),
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p :not(p.form-row-wide ){
  padding-top: 12px !important;
} */



body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p strong,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p strong{
  font-family: 'Barlow' !important;
  /* //styleName: Small-Paragraph-SemiBold; */
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  text-align: left;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p a:hover,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p a:hover{
  color: #216B97;
}

.pl-20{
  padding-left: 20px !important;
}

.px-7{
  padding-left: 7% ;
  padding-right: 7% ;
}

tr#table-row a{
  color: #2880B4 !important;
}

tr#table-row a:hover{
  color: #216B97 !important;
}

.img-org-size{
  height: 70px;
  width: 70px;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p a,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content p a{
  font-family: 'Barlow' !important;
  /* //styleName: Small-Paragraph-SemiBold; */
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  text-align: left;
  color: #2880B4;
  text-decoration: underline !important;
}


/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.user-account h1,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.user-account h1{
  font-family: 'Barlow' !important;
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  margin-top: 30px !important;
  margin-bottom: 0px;
} */


/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile {
    font-family: 'Barlow' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    border: 1px solid #2D2D2D;
    border-radius: 8px;
    padding: 0px 20px;
    width: 100%;
    box-sizing: border-box;
} */

/* mes avantages */

.d-block{
  display: block !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex  p,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex  p{
    border-bottom: none !important;
    font-family: 'Barlow' !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0px !important;
    line-height: 23px;
    text-align: left;
    display: block !important;
    color: #2D2D2D;
    border-top: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex h2.wp-block-heading,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex h2.wp-block-heading{
  font-family: 'Barlow' !important;
  font-size: 23px !important;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
  color: #2D2D2D !important;
  display: block !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content div.is-layout-flex{
    border-bottom: none !important;
    margin: 0px !important;
    border-top: 1px solid rgba(45, 45, 45, .16);
    padding-top: 30px !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content a ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content a{
    border-bottom: none !important;
    font-family: 'Barlow' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: #2880B4 !important;
    text-align: left;
    text-decoration: underline !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content ul li,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content ul li{
    border-bottom: none !important;
    font-family: 'Barlow' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    padding: 0px !important;
}

/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content figure.wp-block-image,
body.xfigurep-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content figure.wp-block-image{
    margin: 0px !important;
    border-bottom: 1px solid rgba(45, 45, 45, .16);
} */

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content figure img,
body.xfigurep-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content  div#avantages-dashboard section#avantages-content figure img{
    margin: 0px !important;
    height: 265px !important;
    width: auto !important;
}

.border-bottom-opa-16{
  border-bottom: 1px solid rgba(45, 45, 45, .16);
}

.border-top-opa-16{
  border-top: 1px solid rgba(45, 45, 45, .16);
}

/* fin css mes avantages */


/* css mes ressources */
body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content h3 :not(div.woocommerce-notices-wrapper + h3),
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content h3 :not(div.woocommerce-notices-wrapper + h3){
  font-family: 'Barlow' !important;
  font-size: 33px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  color: #2880B4;
  padding-bottom: 30px !important;
  margin: 0px !important;
  border-bottom: 1px solid rgba(45, 45, 45, .16);
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper + h3{
  font-family: 'Barlow' !important;
  font-size: 33px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  color: #2880B4;
  padding-bottom: 12px !important;
  margin: 0px !important;
  /* border-bottom: 1px solid rgba(45, 45, 45, .16); */
}



body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads thead tr th.download-file span,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads thead tr th.download-file span{
  font-family: 'Barlow' !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  text-align: left;
  color: Black !important;
  margin-top: 30px 
}



body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads thead tr th.download-file ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads thead tr th.download-file {
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  color: #2D2D2D;
  margin-bottom: 30px;
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr {
 border-top: 1px solid rgba(45, 45, 45, .16) !important;
 border-bottom: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div p ,
body.xpp-logged main.single-post>div>div#mon-compte>div p {
display: block ;
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file a ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file a {
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  text-decoration: underline ;
  color: #2880B4 !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file::before,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file::before{
  content:"\f02d" !important;
  font-size: 23px;
  color:#2880B4 !important;
  margin-right: 12px;
  font-family: "FontAwesome"; 
  font-style: normal; 
  text-decoration: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content section.woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file{
  padding: 16px 0px !important;
}



/* fin css mes ressources */



body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field.col label,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field.col label{
    font-family: 'Barlow' !important;
   padding: 6px 0px !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input {
  padding: 0px 16px !important;
}





body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input#phone_public ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input#phone_public {
  display: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm div#edit_pass ,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm div#edit_pass {
  padding-top: 30px;
  border-top: 1px solid rgba(45, 45, 45, .16);
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p#submite_button_pass,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p#submite_button_pass{
  border-bottom: none !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 30px !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm div#edit_pass legend#edit_pass_title_form,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm div#edit_pass legend#edit_pass_title_form{
font-family: 'Barlow';
font-size: 23px;
font-weight: 600;
line-height: 30px;
text-align: left;
color: Black;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p#submite_button_pass  button.woocommerce-Button,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p#submite_button_pass button.woocommerce-Button{
  border-bottom: none !important;
  font-family: 'Barlow';
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
   border-radius: 40px;
   color: white !important;
  text-align: left;
  padding: 10px 18px 10px 18px !important;
  background-color: rgba(45, 45, 45, .16) !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field.col label.active,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field.col label.active{
  font-family: 'Barlow' !important;
  left: .75rem !important;
  margin-bottom: 6px !important;
  padding: 0px !important;
}

.border-none{
  border: none !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait.dropify-wrapper,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait div.dropify-wrapper{
  height: 90px !important;
  width:  90px !important;
  background-color: rgba(243, 245, 247, 1) ;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer;
  padding: 0px !important;
  left: 0px !important;
  margin-top: 10px !important;
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait.dropify-wrapper .dropify-message,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait div.dropify-wrapper .dropify-message{
  display: none !important;
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait.dropify-wrapper,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .portrait div.dropify-wrapper{
    font-family: 'Barlow' !important;
    left: 0px !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul{
  color: #2D2D2D;
      display: grid;
      grid-template-columns: 100%;
      background-color: white;
      grid-row-gap: 30px;
} 

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li a  :hover , 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li a  :hover{
  background-color: unset !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li :hover, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li :hover{
  background-color: unset !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--dashboard a::before, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  content: "\ea0e";
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "experience-patient" !important;
  font-style: normal; 
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--organisation a::before, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--organisation a::before{
  content:"\f19c";
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "FontAwesome"; 
  font-style: normal; 
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--teams a::before, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--teams a::before{
  content: "\ea01";
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "experience-patient" !important; 
  font-style: normal; 
}

/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--dashboard a::before,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
  content: "\f19c" !important; 
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "FontAwesome"; 
  font-style: normal; 
} */

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--adherent a::before,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--adherent a::before {
  content: "\ea05" !important;
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "experience-patient" !important; 
  font-style: normal; 
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--downloads a::before,
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
  content:"\f02d" ;
  font-size: 23px;
  color: #40BB6A;
  margin-right: 12px;
  font-family: "FontAwesome"; 
  font-style: normal; 
}


.members_icon_website{
  padding-top: 4px;
}

.link_class{
  text-decoration: none;
  color: #888888;
  font-size: 14px;
  font-family: 'Barlow';
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background-color: #39A75E !important;
  color: #FFFFFF !important;
} 

button#update_org_details:hover{
  background-color: #39A75E !important;
}

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--customer-logout a, 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
  justify-content: center !important;
  padding: 10px 18px 10px 18px !important;
  border-radius: 40px;
  background-color: #40BB6A ;
  color: white !important;
  font-family: 'Barlow';
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 23px !important;
  text-align: center !important;
}

/* body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul .woocommerce-MyAccount-navigation-link a :not(.woocommerce-MyAccount-navigation-link--customer-logout )  , 
body.xpp-logged min.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul .woocommerce-MyAccount-navigation-link a :not(.woocommerce-MyAccount-navigation-link--customer-logout )  { */

body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul .woocommerce-MyAccount-navigation-link a  , 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul .woocommerce-MyAccount-navigation-link a  {
  display: flex !important ;
}


body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul a , 
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul a{
  font-family: 'Barlow' !important;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: #2D2D2D;
  display: block;
  padding: 0 15px;
  cursor: pointer;
} 

/* .membership_container{
    display: grid;
    grid-template-columns: 30% 65%;
    margin: auto;
    grid-column-gap: 5%;
    padding-top: 60px;
    padding-bottom: 110px;
    padding-left: 25px;
    padding-right: 25px;
} */

.basket_grid{
  display: grid;
  grid-template-columns: 68% 30%;
  grid-column-gap: 2%;
  margin-bottom: 110px !important;
}

.basket_recap{
  grid-column-start: 2;
  /* height: 340px; */
  height: fit-content;
}
#basket_body .woocommerce-privacy-policy-text p{
  margin:0;
}
.span_disable{
  pointer-events: none;
  background: rgba(45, 45, 45, 0.2) !important;
}
.shop_table.woocommerce-checkout-review-order-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, .16);
}

table.shop_table.woocommerce-checkout-review-order-table tr.cart_item{
  border-bottom: none !important;
}

tr.cart_item td dl, tr.cart_item td dd, tr.cart_item td dt{
  line-height: 23px !important;
  margin: 0px;
} 

tr.cart_item td dd p{
  margin: 0px;
}

#paiements .woocommerce-remove-coupon{
  display:none;
}
#paiements .member_accounts_quota > * {
display:none;
}
#paiements .member_accounts_quota strong.color1{
  display:block;
}

#manage_adhesion, #update_billing, #add_organization_contacts, #update_org_manager, #delete_member , #member-modal {
  z-index: 2000 !important;
  /* display: block; */
  opacity: 1;
  top: 30%;
  transform: scaleX(1) scaleY(1);
  border-radius: 16px;
}

.paginate_button.current:hover{
  background-color: #39A75E !important;
} 

#member-modal{
  width: 60% !important;
}

div#delete_member{
  background-color: white !important;
}

#manage_adh:hover{
  background-color:#39A75E !important;
}

body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li.is-active a 
{
  color:#40BB6A;
}
body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce nav.woocommerce-MyAccount-navigation > ul li:hover a{
  color:#40BB6A !important;
}

.souscription_devenir_M a, .lien_compte a{
  padding: 10px 18px 10px 18px;
  border-radius: 40px;
  /* font-weight: 500; */
  background-color: #40BB6A !important;
  color: #FFFFFF !important;
}
.souscription_connexion a, .souscription_connexion a, .lien_compte a{
  text-align: left;
  font-size: 16px;
  line-height: 23px;
  font-family: 'Barlow' !important;
}
.souscription_connexion a{
  color: #2D2D2D !important;
}
/* .souscription_connexion a:hover, .souscription_connexion a:hover, .lien_compte a:hover{
  background-color: #39A75E !important;
} */

.souscription_devenir_M a:hover, .lien_compte a:hover{
  background-color: #39A75E !important;
}



@media screen and (max-width:1023px) {
  .show_on_mob_tabs{display:flex !important}
  /* section mobile nav bar */
  .mobile-d-none{
    display:none ;
  }
  hr.mobile_menu_bars{
    width:17px;
    border: 2px solid rgba(45, 45, 45, 1);
    background: rgba(217, 217, 217, 1);
    margin-right: 0;
    /* margin-left: 0;*/
  }
  /* configuring transitions */
  @keyframes toggle_menu_icon1 {
    from {transform: rotate(0deg); position: relative; top: 0px; }
    to {transform: rotate(45deg); position: relative; top: 11px;}
  }
  @keyframes toggle_menu_icon2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(-45deg);}
  }
  @keyframes toggle_menu_icon3 {
    from {display: block;}
    to {display: none}
  }


  /* applying the transitions */

 .bar2{
    animation-name: toggle_menu_icon3;
    animation-duration: 0s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
  }
  .bar1{
    /* width: 100px;
    height: 100px;
    background-color: red; */
    animation-name: toggle_menu_icon1;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
  }
  .bar3{
    animation-name: toggle_menu_icon2;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
  }
  #menu-menu-principal-new, .dropdown_text, .nav_menu_center{
    flex-direction: column;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 50px !important;
  }

  .dropdown_text li a{
    font-family: Barlow;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    /* background: rgba(45, 45, 45, 1); */
  }
  .menu-menu-principal-new-container{
    width:100%;

  }
  ul.user-menu.d_flex_left.nav_menu_center{
    position: fixed;
    bottom: 40px;
  }
  .navigation div.parent_navigation{
    flex-direction: column;
    /* background: red; */
    padding-top:50px !important;
  }
  .animation_unset{
    animation:unset !important;
  }
  .Small-Paragraph-SemiBold.login-btn{
    display: block;
    width: 100%;
    /* width: Fixed (350px)px;
    height: Fixed (52px)px; */
    text-align: center;
    padding: 16px 22px 16px 22px;

  }
  .navigation ul li{
    width: 100% !important;
  }

  a.Small-Paragraph-Medium.header_menue1{
    padding: 16px 22px 16px 22px;
    border-radius: 40px;
    border: 1.5px solid black;
    display: block;
    width: 100%;
    text-align: center;
  }

  ul.user-menu.d_flex_left.nav_menu_center{
    background: white;
  }
  .site-header .navigation ul> li:has(.sub-menu) > a:after{
    float:right;
  }
  .padding_list_nav.dropdown_text{
    padding:0px
  }
  .site-header .navigation ul li .sub-menu{
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
  }

  .footer_bottom_text {
    /* font-size: 14px; */
    display: flex;
    flex-direction: column-reverse;
  }
  .footer_bottom_text div.text-center, .footer_bottom_text .credits{
    text-align: left;
  }
  .footer_bottom_text div.padding-l-0{
    padding-left: 0.75rem !important;
  }
  .footer_bottom_text .text-end{
    margin-bottom: 30px;
  }
 
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .navigation div.parent_navigation{
    height: calc(100vh) !important;
  }
  ul.user-menu.d_flex_left.nav_menu_center{
    left: 0;
    background: white;
    padding: 0 29px !important;
  }
}

@media screen and (max-width:767px) {
  .navigation div.parent_navigation{
    height: calc(93vh) !important;
  }
  ul.user-menu.d_flex_left.nav_menu_center{
    left: 0;
    padding: 0 23px !important;
  }
 
}

@media screen and (max-width:600px) {
 .footer_bottom_text .text-end .text-center{
    margin-bottom: 30px;
  }
}

/*section tekou end */





/* css Cedric */

/* Bloc Carroussel */

  

   .my_xpp_carr{
    background-image: url(../../xp-patient/img/1.jpg) !important;
    background-color: #2880B4;
    opacity: 10px;
    height: 550px;
    padding: 160px 215px;
   }

   .py-16{
    padding: 16px 0;
   }

   .pb-0{
      padding-bottom: 0px !important;
   }

   .container h2.marg-0{
      margin-bottom: 70px !important;
   }

   .pb-70{
    padding-bottom: 70px !important;
   }

   .mb-70{
    margin-bottom: 70px !important;
   }

   .py-10{
    padding: 10px 0 !important;
   }

   .margin-y-30{
     margin-top: 30px  !important;
     margin-bottom: 30px  !important;
   }

   .pt-40{
    padding-top: 40px !important;
   }



   .mb-60{
    margin-bottom: 60px !important;
   }

  .indicator-item {
    opacity: 30% !important;
  }
   
   .carousel .indicators .indicator-item.active {
    background-color:  #40BB6A !important;
   }

   .carousel .indicators .indicator-item{
      background-color: white;
      opacity : 100% !important ;
   }

   .carroussel-text{
    width: 100% !important;
    top: 0%;
    left: 0%;
    /* transform: translate(-50%, -40%); */
   }

   #description_article_actualite p{
    /* //styleName: H3-Medium; */
    font-family: 'Barlow' !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    color: #2D2D2D !important;
    margin-top: 0px !important
   }

   .mb-12{
    margin-bottom: 12px;
   }

   .mb-10{
    margin-bottom: 10px !important;
   }

   .mr-10{
    margin-right: 10px !important;
   }

   .mt-16{
    margin-top: 16px ;
   }

   .w-70{
    width: 75% !important;
   }

   .carrousel-content{
      margin-bottom: 30px;
      height: 550px !important;
      /* opacity: 95% !important;  */
      /* background-color: #2880B4; */
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      /* opacity: 1%; */
      /* padding: 30% 25%; */
   }

   .carroussel-height{
    height: 550px;
   }
/* fin bloc carroussel */

/* devenir membre shop */
.single-post .bg-grey-3 .row.mb-0 .padd-0 :where(.wp-block-columns.is-layout-flex){
  gap: unset !important;
}
/* end section */

/* Bloc actualité */
  .title_actuality h5{
    margin-top: 0px !important;
    height: 60px !important;
    overflow: hidden;
    margin-bottom: 12px !important;
  }

  .h-first-act{
    height: 422px !important;
  }

  .height-title-evn{
    height: 60px !important;
    overflow: hidden;
  }

  .first_act_desc{
    height: 78px !important;
    overflow: hidden !important;
  }

  .pb-58{
    padding-bottom: 58px !important;
  }

  .pt-58{
    padding-top: 58px !important;
  }

  .mb-60{
    margin-bottom: 60px !important;
  }

  .py-100{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-60{
    padding-top: 61px !important;
    padding-bottom: 61px !important;
  }

  .my-60{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .actuality_description{
    height: 46px !important;
    overflow: hidden;
    margin-top: 0px !important;
    margin-bottom: 12px !important;
  }

  .ressource-text h2 strong{
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 23px !important;
      font-family: 'Barlow' !important;
  }



  .h-240px{
    height: 240px !important;
  }

  .w-40{
    width : 40%
  }

  .w-145{
    width: 100%;
  }

  .pt-30{
    padding-top: 30px !important;
  }

  .margin_left-25{
    margin-left: -25% ;
  }

  .image_first_card{
    background-repeat: no-repeat ;
  }

  .image_background{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .p-0{
    padding: 0 ;
  }

  .flex_wrap_row{
    flex-wrap: wrap;
  }

  .padd-0{
    padding: 0 !important;
  }

  .position-item p{
    /* //styleName: Small-Paragraph-Regular; */
    font-family: 'Barlow'!important;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px !important;
    text-align: center;
  }

  .position-item p strong{
    /* //styleName: Small-Paragraph-Regular; */
    font-family: 'Barlow'!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px !important;
    text-align: center;
  }

/* fin bloc actualité */

/*bloc resources home-page*/
.mini-image{
  height: 90px;
  width: 90px !important;
}

.mr-30{
  margin-right: 30px !important;
}

.px-10_percent{
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.mini-image_{
  height: 90px !important;
  width: 90px !important;
}

/* fin bloc ressourses */

/* bloc qui somme nous */
  .padding_x_50{
    padding: 0 50px;
  }

  .pl-83{
    padding-left: 83px !important;
  }
/* fin bloc qui sommes nous */



/* BLoc services */
  .image-service{
    height: 380px !important;
  }


   
.title-service{
  height: 70px !important;
}


  .h-card-service{
    height: 450px !important;
    margin-left : unset !important;
    width: unset !important;
  }


  /* Bloc devenir memebre */
    .padding-service-bloc{
      padding: 0px 40px ;
      padding-bottom : 30px;
    }

    .member-text p{
      font-family: 'barlow' !important;
      font-size: 19px !important;
      font-weight: 400 !important;
      line-height: 26px !important;
      margin-bottom: 40px !important;

    }

    .title_actualité{
      margin: 0px;
      max-height: 120px;
      overflow: hidden;
    }

    .mr-8{
      margin-right : 8px !important;
    }

    .gap-16{
      gap: 16px !important;
    }

    .h-23{
      height: 23px !important;
    }

    .text_memeber p{
      font-family: 'barlow' !important;
      font-size: 19px !important;
      font-weight: 400 !important;
      line-height: 26px !important;
      margin-bottom: 40px !important;
    }

    .right_image{
      padding-top: 50px !important;
      margin-left: 35% !important;
    }

  /* fin bloc devenir memebre */

  .padding_0{
    padding: 0 !important;
  }

  


  .mission_bg_img{
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: -23px !important;
  }

  .width_25{
    width: 25%;
  }

  .width_95{
    width: 95%;
  }

  .height-90{
    height: 90%;
  }

  .height_85{
    height: 85% !important;
  }

  .width_23{
    width: 23% !important;
  }

  .height-10{
    height: 10%;
  }
  
  .column{
    flex-direction: column;
  }

  /* @keyframes infiniteScroll {
    from {transform: translateX(0)}
    to {transform: translateX(-100%)}

  }
  
  .scroll-parrent{
    overflow-x: hidden !important;
  } */

  /* .horizontal-scrolling-items {
    display: flex;
    animation-name: infiniteScroll;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  } */


  /* .horizontal-scrolling-items:hover {
      animation-play-state: paused;
  }

  .horizontal-scrolling-items__item {
    white-space: nowrap;
  } */


  /* @keyframes infiniteScroll {
    from {transform: translateX(0) }
    to {transform: translateX(calc(0px - 50% - 25px));}
  }
  
  .horizontal-scrolling-items {
    height: 200px;
    gap: 50px;
  }
  
  .horizontal-scrolling-items__item {
    height: 100%;
    width: 200px;
    background-size: cover;
  } */

  /* fin bloc services */


/* bloc footer  */
  .footer_xpp_title{
    font-size: 37px;
    line-height: 45px;
  }

  .titre_footer{
    font-size: 16px;
    line-height: 19.2px;
  }

  .h-card{
    height: 346px !important;
  }

  .mb-12{
    margin-bottom: 12px !important ;
  }

  .icon_class a i{
    height: 50px;
    width: 50px;
    background-color:  #40BB6A;
    border-radius: 50%;
    color: white;
    /* font-size: 21px !important; */
    font-size: 21px !important;
    padding: 15px;
  }

  .mt_-_20{
    margin-top: -20px;
  }

  .m_-_18{
    margin: -18px 0px 0px 0px;
  }

  .h_50p{
    height: 50px !important;
  }

  .footer-menu .menu-item a{
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Barlow';
    font-weight: 400;
    color: #2D2D2D;
    text-align: start;
  }

  .footer_bottom{
    display: flex;
    background-color: white;
    position:sticky;
    bottom: 0;
    width: 100%;
  }

  .footer_bottom_text{
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 14px;
    line-height: 16.8px;
  }

  .footer-line{
    border : 0.5px solid #2D2D2D; 
    opacity : 16%
  }

  .footer-menu li{
    padding-bottom: 15px;
  }

  .footer-menu{
    text-align: start !important;
  }

  .paddin-button-footer{
    padding: 10px 5px;
  }

  .margin-x-footer{
    margin: 10px 25px;
  }
 
  ._footer_input{
    width: 95%;
    padding-left: 15px !important;
    font-family: 'Barlow' ;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 23px !important;
    border-radius: 8px !important;
    background-color: white !important;
    border: none !important;
  }

  footer{
    position: relative;
    bottom: 0;
  }

  .my-6{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  

  .unset_line_hight{
    line-height: normal !important;
  }

  .border_none{
    border: none;
  }

  
  .footer_container{
    /* width: 95%; */
    margin: 0 auto;
  }

  .footer_container_80{
    width: 80%;
    margin: 0 auto;
  }


  .footer_logo{
    padding: 15px 15px 15px 0px;
  }

  .padding-top-30{
    padding-top: 30px;

  }

  .padding-top-12{
    padding-top: 12px !important;
  }
  
  .form_content_{
    margin: 30px;
    padding: 20px 80px !important;
    display: flex;
    align-items: center !important;
    justify-content: center;
  }

  .form_content_ .row{
    margin-bottom: 0 !important;
  }


  @media (max-width: 600px) {
    .form_content_{
      padding: 0 .75rem !important;
    }


    .form_content_ button{
      display: flex;
      width: 100%;
      margin: 40px auto !important;
      justify-content: center !important;
    }
  }



  .h-list-part{
    height: 300px !important;
  }
/* fin bloc footer */



/* debut page notre equipe */
  .cursor-auto{
    cursor: default !important;
  }

  .ourteam{
    width: 90%;
  }

  .padding_x_35{
    padding: -1px 40px;
  }


  .mt-40{
    margin-top: 40px !important;
  }

  .my-60{
    margin: 60px 0px
  }
  
  .my-50{
    margin: 40px 0px
  }

  .my-5{
    margin: 5px 0px
  }

  .wrapper_container{
    padding: 0px 140px !important;
  }



  .max_h_18{
    max-height: 18rem;
  }

  .icon_size{
    height: 40px;
    width: 40px;
  }
  
  .icon_padd{
    padding : 10px ;
  }
  
  .card_member{
    padding: 15px !important;
    height: 346px !important;
  }

  .margin-text-parthner{
    margin-top: 20px !important;
    margin-bottom: 40px !important;
  }

  .min_h_3{
    min-height: 200px;
  }

  .my-30{
    margin: 30px 0px;
  }

  .icone-car{
    margin-top: 60px !important;
    width: 85px;
    padding: 15px 30px;
  }

  .my-5{
    margin: 010px 0;
  }

  .padd_team_member{
    padding: 50px 0px;
  }

  .mb-15{
    margin-bottom: 15px !important;
  }

  .mt-16{
    margin-top: 16px !important;
  }

  .mr-16{
    margin-right: 16px ;
  }


  .h-260{
    height: 260px !important;
  }

  .icon_close{
    height: 50px;
    width: 50px !important;
    background-color: #40BB6A !important;
    display: flex;
    /* justify-content: center;
    align-items: center; */
    padding: 14PX 14PX !important;
    border-radius: 50% ;
    font-size: 19px !important;
    color: white;
  }

  

  .icon_close:hover{
    background-color: #39A75E !important;
  }

  .size_card{
    height: 346px !important;
  }

  .img-modal-size{
    height: 190px;
    width: 190px;
    border-radius: 50%;
  }

  .padd_img_pathner{
    padding: 15px 10px;
  }
/* fin de la page */

/* page parthner */
 .padding-input-parthner{
  padding: 16px !important;
 }

 [type=checkbox]+span:not(.lever):before{
  border-radius: 4px !important;
  display: none !important;
 }

 [type=checkbox]+span:not(.lever){
  padding-left: 0px !important;
 }


 .img_card_team{
  height: 130px;
  width: 130px;
  border-radius: 50%;
 }



 .card-title-right p{
  /* //styleName: Paragraph-Regular; */
  font-family: 'Barlow';
  font-size: 19px ;
  font-weight: 400;
  line-height: 26px ;
  text-align: left !important;
  margin: 0px;
 }

 .card-title-right p strong{
  /* //styleName: Paragraph-Regular; */
  font-family: 'Barlow';
  font-size: 19px ;
  font-weight: 600;
  line-height: 26px ;
  text-align: left !important;
  margin: 0px;
 }
    
  

 .bg_image_team{
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
 }

 .mb-6{
  margin-bottom: 6px !important;
 }

 .mb-20{
  margin-bottom: 20px !important;
 }

 button{
  border: none;
 }

 .input-field.col label {
  left: 26px !important;
 }

 .bg_image1{
  position: relative;
  height: 380px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: -94px;
 }

 .class_pattern{
    background-image: url('../../../../wp-content/uploads/2023/12/pattern.svg'), linear-gradient(to right, #40BB6A, #40BB6A);
    background-repeat: no-repeat;
    background-position: 100%, -204px, 100% 100%;
    background-size: 416px 611px, 100% 100%;
    background-blend-mode: lighten;
 }

 .class_pattern_blue{
    background-image: url('../../../../wp-content/uploads/2023/12/pattern.svg'), linear-gradient(to right, #2880b4, #2880b4);
    background-repeat: no-repeat;
    background-position: 100%, -204px, 100% 100%;
    background-size: 270px 377px, 100% 100%;
    background-blend-mode: lighten;
 }

 .bg_img{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
 }

 .bg_img_ress{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
 }

 .h-550{
    height: 550px !important;
 }



 .pathner_img_1{
  /* background-position-x: -238px !important; */
  height: 210px;
  width: 180px;
 }

 .pathner_img_2{
  height: 250px;
  width: 260px;
 }

 .pathner_img_3{
    background-position: right !important;
    height: 180px;
    width: 180px;
 }

 .container_form{
  padding: 0px 235px;
 }


 

 .margin-top-6{
  margin-top: 6px !important;
 }

 .h460{
  height: 460px ;
 }

 .underline{
  text-decoration: underline !important;
 }

 .margin-bottom-6{
  margin-bottom: 6px !important;
 }



 .next_padd{
  padding: 8px !important;
 }

 

 .mb-60{
  margin-bottom: 60px !important;
 }

 .margin-bottom-20{
  margin-bottom: 20px;
 }

 .padd_img_3{
  padding-left : 15px !important;
  padding-top: 13px !important;
 }

 .text_memeber p{
    margin: 0px !important; 
 }

 
 .pb-61{
  padding-bottom: 61px !important; 
 }

 .pb-60{
  padding-bottom: 60px !important;
  
 }

 .pt-100{
  padding-top: 100px !important;
 }

 .pb-100{
  padding-bottom: 100px !important;
 }

 .pt-60{
  padding-top: 60px !important;
 }

 .ml-10{
  margin-left: 10px !important;
 }

 h6 p{
  margin: 0 !important;
 }

 .margin-top-16{
  margin-top: 16px !important;
 }

 .p-40{
  padding: 40px !important;
 }

 .margin-top-40{
  margin-top: 40px !important;
 }

 .bg_image2 {
  margin: 0 auto;
  height: 100px !important;
  width: 100px !important;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 


 .bg_image3{
  width: 225px !important;
  height: 200px !important;
  background-size: cover;
  background-position-y: top;
  background-position-x: 72%;
 }

 .bg_image4{
  margin-top: 61px;
  height: 300px !important;
  width: 307px !important;
  position: relative;
  background-repeat: repeat;
  justify-content: flex-end !important;
  background-size: cover;
  background-position-x: -140px;
  right: -50% !important;
 }

 .h-52p{
  height: 52px !important;
  overflow: hidden !important;
 }

 .left_2{
  left: -8% !important;
 }

 .max-h-459{
  max-height : 459px !important
 }

 
 .icon_it{
  height: 50px;
  width: 50px;
 }

 .member_ifep {
  /* width: 420px; */
 }

 .icon_modal{
  padding: 14.5px;
  /* padding: 10px; */
  font-size: 25px;
 }
/* fin page parthner */

/* section page agenda */
.padding-select{
  padding: 10px 18px 10px 18px !important;
}



.month_center .circle{
  border: 1px solid white;
  height: 40px;
  width: fit-content;
}

.month_center{
  justify-content: space-between !important;
}

.padd-185{
  padding-left: 185px;
  padding-right: 185px;

}

.pb-110{
  padding-bottom: 110px !important;
}

.check_box{
  height: 23px !important;
  width: 23px !important;
}

.pt-14{
  padding-top: 14px !important;
}

.pt-110{
  padding-top: 110px !important;
}

.opacity-40{
  opacity: 40% !important;
}

.card-agend{
  min-height: 199px;
  width: 100% !important;
}

.h-199{
  height: 199px;
}

.disabled-agenda{
  opacity: 40% !important;
}

.cursor-finger{
  cursor:pointer !important;
}

.card-agend-content{
  height: 60px;
  overflow: hidden; 
}

.padd-25{
  padding: 30px 25px;
}

.max-h-29{
  max-height: 29px;
}

.h-agenda-content{
  height: 60px ;
  overflow: hidden;
}
/* fin section page agenda */


/* section media screen page experience patient */
  @media (max-width: 600px) {

    .faq_quest .facq_text i{
      display: none;
    }

    .faq_quest{
      gap: 10px;
    }
  }
/* fin section media screen page experience patient */

/* section media screen page notre agenda */
  .wrap_flex{
    flex-wrap: wrap !important;
  }

  @media (max-width: 1024px) {

    .padd-185 {
      padding-left: .75rem;
      padding-right: .75rem;
    }

    .item_left, .item_right{
      display: none !important;
    }
    .month_center {
      display: flex !important;
    }

    .d_flex_wrap{
      display: flex !important;
      flex-wrap: wrap !important;
    }

    .card-agend {
      height: fit-content !important;
    }

    .block_center{
      margin-left: 0px !important;
    }
  }

  .diplay_flex{
    display: flex;
  }
/* fin section media screen page experience patient */


/* section media screen page notre equipe */
  @media (max-width: 600px) {

    .icon_close_mod{
      display: flex;
      justify-content: end !important;
    }

    .modal_image{
      margin: 0 auto;
    }

    .max-h-459{
      height: fit-content !important;
      max-height: fit-content !important;
    }
  }

  .justify-cont-end{
    justify-content: end !important;
  }
/* fin section media screen page notre equipe */

/* section media screen page  contact */

@media (max-width : 600px) {
  #contact-btn{
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

#contact-btn{
  display: flex;
  justify-content: center;
}
/* fin section media screen page notre contact */

/* section media screen page  faqs */

@media (max-width : 600px) {
  .body_faq_page{
    padding: 0px !important;
  }

  .faq_ans p{
    padding: 10px 0px !important;
  }
  
}
/* fin section media screen page notre faqs */


/* section media screen page  deatil agenda */

@media (max-width : 600px) {
  .adenga_bread_crumb{
    display: none !important;
  }


  .share-post{
    flex-direction: column !important;
  }
  
  .share-post ul li{
    margin-left: 0 !important;
  }

  .share-post ul{
    gap: 12px !important;
    padding: 30px 0 !important;
  }

}

@media (max-width : 1024px) {
  .bouton_post{
    display: none !important;
  }

  .display_block{
    display: block !important;
  }

  .mb_md_20{
    margin-bottom: 20px !important;
  }

  .all_agend_btn{
    justify-content: center ;
    margin: 16px auto !important;
    width: fit-content !important;
  }
}

/* fin section media screen page notre deatil agenda */

/* section media screen page  détail actualité */

@media (max-width : 600px) {
  .adenga_bread_crumb{
    display: none !important;
  }


  .share-post{
    flex-direction: column !important;
  }
  
  .share-post ul li{
    margin-left: 0 !important;
  }

  .share-post ul{
    gap: 12px !important;
    padding: 30px 0 !important;
  }

}

@media (max-width : 1024px) {
  .class_pattern_blue{
    height: fit-content !important;
  }

  .class_pattern_blue .members-block{
    height: fit-content !important;
  }

  .sticky_bar_blue{
    display:  none !important;
  }
}

/* fin section media screen page notre détail actualité */


/* section media screen page  devenir membre (paiement) */

@media (max-width : 768px) {
  #paiements #authority_confirm_field label.checkbox {
    display: block !important;
  }

  #paiements label.checkbox {
    display: block !important;
  }

  .review_order_for_payement button .H4_SemiBold{
    text-align: start !important;
  }

}

@media (max-width : 900px) {
  #paiements .wrapper.container .post-content .woocommerce {
    padding: 0px !important;
    margin-bottom: 110px !important;

    display: grid;
    grid-template-columns: 100% !important;
    grid-template-rows: min-content !important;
    grid-column-gap: 0% !important;
    padding-bottom: 110px;
  }

  .recap_paie1{
    grid-column-start: auto !important;
    grid-row-start: 2 !important;
    margin-bottom: 20px !important;
  }

  #paiements .parent1_pdt {
    grid-column-start: 1;
    grid-column-end: unset !important;
    grid-row-start: 1 !important;
    display: flex;
  }

 .pdt_bread_crumb{
    flex-wrap: wrap !important;
  }

  .checkout.woocommerce-checkout {
    grid-row-start: 3 !important;
  }

  #paiements .wrapper.container 
  .post-content .woocommerce #payment #wc-stripe-cc-form,
  #paiements #payment fieldset {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* fin section media screen page notre devenir membre (paiement) */



/* section media screen page  devis */

@media (max-width : 900px) {
  .basket_grid {
    display: grid;
    grid-template-columns: 100% !important;
    grid-template-rows: min-content !important;
    grid-column-gap: 0% !important;
    padding: 0px !important;
    margin-bottom: 110px !important;
    /* flex-direction: row-reverse; */
  }

  .basket_recap {
    grid-column-start: auto !important;
    grid-row-start: 1 !important;
    margin-bottom: 20px !important;
  }
}

/* fin section media screen page devis */


/* section media screen page devnir-membre */

@media (min-width : 901px) {
  #billing_city_field{
    padding-right: 13px;
  }
}

@media (max-width : 600px) {
  .shop_products {
    width: 100% !important;
  }

  .modal_card{
    margin-bottom: 20px !important;
  }

  .modal#entreprise {
    width: 90% !important;
  }

  .image_parent{
    margin-bottom: 30px !important;
  }
}

@media (max-width : 900px) {
  .block_shop {
    width: unset !important;
  }

  .xpp_is{
    margin-bottom: 30px !important;
  }
}

.jc-end{
  justify-content: end ;
}

@media (min-width : 601px) {
  .shop_products {
    width: 95% !important;
  }
}

@media (min-width : 900px) {
  .shop_products {
    width: 90% !important;
  }
}

@media (min-width : 1024) {
  .shop_products {
    width: 85% !important;
  }
}

@media (min-width : 1300) {
  .shop_products {
    width: 80% !important;
  }
}


.shop_products{
  margin: 0 auto !important;
}


/* fin section media screen page devnir-membre  */


/* section media screen page  service */
  @media (max-width : 900px) {
    .serv-row{
      display: flex;
      align-items: center;
      gap: 30px;
    }
  }

  @media (max-width: 600px) {

    .serv-row{
      display: unset !important;
      align-items: unset !important;
      gap: 30px !important;
    }

    .image-service-container{
      justify-content: center !important;
    }

    .service-title-container{
      text-align: center !important;
    }

    .service_title{
      text-align: center !important;
    }

    .mr-service-30{
      margin-right: unset !important;
      margin-bottom: 12px !important;
    }

    .the_title p {
      text-align: center;
    }

    #contact-serv-btn{
      width: 100% !important;
    }
  }

  .mr-service-30{
    margin-right: 30px;
  }
  .service_image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .service_title{
    text-align: start;
  }

  .image-service-container{
    display: flex;
    justify-content: start;
  }
/* fin section media screen page service */


/* section media screen page nos ressources */


  @media (max-width: 1200px) {

    .categories_list a{
      white-space: nowrap !important;
      padding: 10px 18px !important;
    }

    .gap-12{
      gap: 8px !important;
    }


    .row_grid_template{
      display: grid;
      grid-template-columns: 48% 48% !important;
      grid-column-gap: 4% !important ;
      grid-template-rows: min-content !important;
      padding: 0 .75rem;
    }

    #rousss_row_btn{
      height: fit-content !important;
      align-items: center !important;
    }

    #rousss_row_btn a{
      white-space: nowrap;
      height: fit-content;
    }
  }

  .res_item{
    margin-top: .75rem;
    margin-left: .75rem;
    margin-bottom: .75rem;
    margin-right: .75rem;
  }

  @media (max-width: 768px) {

    .categories_list{
      display: flex;
      flex-wrap: nowrap;
      overflow: scroll !important;
    }

    .row_grid_template{
      grid-template-columns: 100%  !important;
    }
  }

  
  @media (max-width: 1024px) {
    .res_item{
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    ul.user-menu.d_flex_left.nav_menu_center {
      position: unset !important;
      padding: 0 !important;
    }

  }

  .align_tems_center{
    display: flex;
    align-items: center;
  }


  @media (max-width: 700px) {
    .select_filed{
      display: flex !important;
      justify-content: center ;
    }

    
  }

  

  .row_grid_template{
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: min-content;
    grid-column-gap: 1.5%;
  }

  .btn-l-sm{
    padding: 10px 18px;
  }

  
/* fin section mendia screen page annuaire des membres */


/* section mendia screen navbar */
@media (max-width: 1024px) {
  .hovered_nav_ul, .annuaire_membre:hover{
    color: rgba(64, 187, 106, 1)!important;
    border-bottom: none !important ;
    padding-bottom: 0  !important;
  }
}
/* fin section mendia screen navbar */

/* section mendia screen navbar */
@media (max-width: 1024px) {
  #categoryFilter{
     width: 100% !important;
     top: 0 !important;
     overflow-x: scroll !important;
  }

  #xpp-directory-table_filter label {
    float: unset !important;
    display: block;
    margin: 50px auto;
    width: 100% !important;
  }

  
  #xpp-directory-table_filter label input {
    height: 60px !important;
    background-color: white !important;
    padding-left: 50px;
    border: 1px solid rgba(45, 45, 45, 1) !important;
  }

  .icon_searcu_annuar{
    left: 15px !important;
    top: 60% !important;
  }

  .space_nowrap{
    height: fit-content;
    white-space: nowrap ;
  }


   #xpp-directory-table_wrapper table.shop_table thead  th, table#xpp-directory-table>tbody>tr>td {
    white-space: nowrap !important;
    width: fit-content !important;
  }

  #xpp-directory-table{
    width: 100% !important;
    overflow-x: scroll;
    display: block !important;
  }

  .directory-search-area{
    display: none;
  }

  }

  @media (max-width: 450px) {
    #xpp-directory-table_paginate span{
      display: flex;
      padding-left: 2rem;
      overflow-x: scroll;
    }
  }

.icon_searcu_annuar{  
  position: absolute;
  left: 12px;
  top: 30%;
  transform: translateY(-50%)
}





/* fin section mendia page annuaire des membres */


/* section mendia screen navbar*/
  @media (max-width: 1024px) {
    #menu-menu-principal-new{
      gap: 50px !important;
      padding-bottom: 50px !important;

    }

    #order_items{
      padding-bottom: 50px !important;
    }

    .souscription_devenir_M a, .souscription_connexion a{
      display: flex !important;
      width: 100% !important;
      justify-content: center;
      padding: 16px 22px !important;
      border-radius: 40px !important;
    }

    .souscription_connexion a{
      border: 1.5px solid rgba(45, 45, 45, 1);
    }

    .hovered_nav_ul{
      border-bottom: none !important ;
      padding-bottom: 12px !important;
    }

    .site-header .navigation ul li .sub-menu {
      padding-left: 2rem !important;
      gap: 30px !important;
    }

    #member-modal{
      width: 90% !important;
      margin-bottom: 50px;
    }



    .nav_parent_menu_center{
      padding-left: 0px !important;
    }

    .parent_navigation {
      overflow-y: scroll ;
    }

    .buttons_menu{
      padding-bottom: 80px !important;
      padding-left: 0px !important;
    }
    
  }

  @media (min-width: 1024px) and (max-width: 1150px) {
    #menu-menu-principal-new{
      gap: 12px !important;
    }
  }

  .bg_img_new{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  
/*fin section mendia screen navbar */


/* section mendia screen page connexion*/
.padd-x-log-form {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}
/* fin section mendia screen page connexion*/


/* section mendia screen page nos mon-compte */
  @media (max-width: 1024px) {
    .flex_dir_column .item_col{
        margin-bottom: 30px !important;
      }
    }


  @media (max-width: 500px) {
    .icon_password_update {
      top: 72% !important;
    }

    body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input#phone, 
    body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input#phone {
      margin-top: 20px !important;
    }

    body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input, 
    body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content form#update-user-profile .input-field input {
      margin-top: 15px !important;
    }
  }


  @media (max-width: 900px) {
    body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce, body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce {
      grid-template-columns: 100% !important;
    }

    body.customize-support main.single-post>div>div#mon-compte>div div.woocommerce .woocommerce-MyAccount-navigation, 
    body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce .woocommerce-MyAccount-navigation
    {
      margin-bottom: 20px;
      position: relative !important;
      top: 0 !important;
    }

    .flex_dir_column{
      display: flex !important ;
      flex-direction: column !important;
    }

    

    #manage_adhesion, #update_billing, #update_org_manager, #add_organization_contacts{
      width: 90% !important;
    }

  }
/* fin section mendia screen page nos mon-compte */



/* section media screen page la-jaxp */
  @media (min-width: 601px) {
    .d-md-block{
      display: block !important;
    }
  
  }

  @media (max-width: 1024px) {
    .text-left {
      padding: 0px  !important;
    }

    .padding_md{
      padding: 0 .75rem !important;
    }

  
  }

  
  @media (max-width: 600px) {

    .jaxp-img{
      display: flex !important;
    }

    .hide_bloc{
      display: block !important;
    }

    .padding_md{
      padding: 0 .75rem !important;
    }

    .display_columun_reverse{
      display: flex;
      flex-direction: column-reverse;
    }

    .display_flex_jaxp{
      display: block !important;
    }

  }
  .display_flex_jaxp{
    display: flex ;
  }

  .padding_md{
    padding: 0 ;
  }

  .hide_bloc{
    display: none;
  }
/* fin section media screen page la-jaxp */

/* section media screen nos partenaires */
.d-md-flex{
  display: flex;
}
@media (max-width: 900px) {

  
  .d-md-flex{
    display: unset !important;
  }

  .cont_wrapp{
    padding: 0px .75rem !important;
  }

  .container_form {
    padding: 0px 0.75rem !important;
  }

  .pathner_img_3 {
    width: 80% !important;
  }

  .pathner_img_2 {
    width: 100% !important;
  }

  .pathner_img_1{
    width: 90% !important;
    margin-left: 1rem;
  }

  .mb-md-30{
    margin-bottom: 30px;
  }


  .padd-col-part{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
 
}

@media only screen and (max-width: 1024px){
  .cont_wrapp{
    padding: 0px .75rem !important;
  }

  .container_form {
    padding: 0px 0.75rem !important;
  }
}

.hidde-overflow-x{
 overflow-x: hidden;
}

.userMenu{
  padding:0 !important; 
  width: fit-content !important;
}


.cont_wrapp{
  padding: 0px 140px ;
}

.hide_bloc{
  display: none;
}
/* fin section media screen nos partenaire */

/* section page nos ressources */

  .page-numbers{
    line-height: 36px;
    text-align: center;
    color: #2D2D2D; /* Exemple de couleur de texte */
    border: 1px solid rgba(45, 45, 45, 0.15) !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
    /* padding: 8px 15px !important; */
    margin: 6px; 
    cursor: pointer;
  }

  .decript-card-item p{
    font-family: 'Barlow'!important;
    font-size: 19px;
    font-weight: 400;
    line-height: 26px !important;
    text-align: left;
    margin: 0px !important;
  }

  .nav_pag{
    line-height: 36px !important;
    text-align: center !important;
  }

  .page-numbers.current {

      background-color: #40BB6A !important; /* Exemple de couleur de fond */
      color: white !important; /* Exemple de couleur de texte */
      border: none !important;
      padding: 2px 10px !important;
      /* padding: 5px; Exemple de rembourrage */
      /* margin: 6px; Exemple de marge */
  }

  .page-numbers.current:hover{
    background-color: #39A75E !important;
  }




/* fin page nos ressources */


/* section login page */


  .icon_password{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 19px;
  }

  .icon_lock{
    position: absolute;
    top: 57%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 19px;
  }

  .icon_password_update{
    position: absolute;
    top: 63%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 19px;
  }

  .padding-bottom-15{
    padding-bottom: 15px !important;
  }
  /* .password_field{
    font-size: 16px;
    box-sizing: border-box;
    background-color: white;
    background-position: 100% 15px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
  } */

  a, button{
    cursor: pointer ;
  }

  .xpp-login-page>main.single-post>div>div>div div.woocommerce{
    display: unset;
    grid-template-columns: unset !important;
    grid-column-gap: unset;
    padding-top: unset !important;
    padding-bottom: unset;
    padding-left: unset;
    padding-right: unset;
  }

  .mot_pass_perdu{
    text-align: start !important;
    justify-content: start !important;
    color: #2d2d2d !important;
  }

  body.xpp-login-page .single-post .container .row:not(.row#form_log){
    padding: 100px 0px 0px 0px !important;
    
  }

  #form_log .d-content{
    margin: 0 auto !important;
  }

  #form_log{
    display: flex;
  }

  .d-content{
    display: contents !important;
  }

  .artile_content *{
      font-family: 'barlow';
  }

   .artile_content span, .artile_content p,  .artile_content a,  .artile_content ul *{
    font-size: 19px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;

   }
   .artile_content h2, .artile_content h1, .artile_content h3, .artile_content h4{
    font-family: 'Barlow Condensed';
    font-size: 55px;
    font-weight: 500;
    line-height: 65px;
    text-align: left;
    color: rgba(45, 45, 45, 1);
   }
   /* .artile_content img, .artile_content video,*/ .artile_content figure *{ 
      max-width: 100%;
      height: auto;
  }
  .artile_content figure{
    margin-left:0;
    margin-right:0;
  }

  body.xpp-login-page .single-post .container .row .col.s12 .thin-font{
    font-family: 'Barlow Condensed' !important;
    font-weight: 500 ;
    font-size: 55px !important;
    text-align: center;
    line-height: 65px;
    color: #2D2D2D ;
    margin-top: 6px !important;
    margin-bottom: 20px !important;
  }

  body.xpp-login-page .single-post .container .row .col.s12 .woocommerce h2{
    color: white;
    margin: 0px !important;
    display: none !important;
  }

  body.xpp-login-page .single-post .row .col.s12 .woocommerce form.woocommerce-form.woocommerce-form-login{
    /* padding-left: 250px !important;
    padding-right: 250px !important; */
  }

  body.xpp-login-page .single-post .row .col.s12 .woocommerce form.woocommerce-form.woocommerce-form-login .form-row .woocommerce-button{
    display: flex;
    width: 100%;
    text-align: center !important;
    margin: 0 auto;
    border-radius: 30px;
    padding: 16px 22px 16px 22px;
    background: #40BB6A;
    color: white;
    justify-content: center;
    font-family: 'barlow';
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .xpp-login-page main .row .padd-0{
    /* padding-left: 17% !important;
    padding-right: 17% !important; */
    padding-bottom: 110px !important;
    background-color: white;
  }

  .xpp-login-page main .row .padd-0 h1{
    font-family: 'Barlow' !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center !important;
    color: rgba(40, 128, 180, 1) !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
  }


  .xpp-login-page main .row .padd-0 p:not(p.form-row):not(p.lost_password){
    width: 70%;
    margin: 0 auto !important;
  }

  .xpp-login-page main .row .padd-0 p{
    text-align: center !important;
  }


  .xpp-login-page main .row .padd-0 p em{
    font-family: 'Barlow Condensed' !important;
    font-weight: 500 ;
    font-size: 55px !important;
    text-align: center;
    line-height: 65px;
    color: #2D2D2D ;
    font-style: normal !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }

  .xpp-login-page main .row .padd-0 h6 em{
    font-family: 'Barlow' !important;
    font-style: normal ;
    font-size: 19px;
    font-weight: 400;
    line-height: 26px !important;
    text-align: center !important;
    color: #2D2D2D ;
    margin-top: 0px !important;
  }

  .padd-x-log-form{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .xpp-login-page main .row .padd-0 h6 {
    margin: 0 auto !important;
    text-align: center !important;
    width: 65%;
  }

  .woocommerce h2{
    display: none !important;
    margin: 0px !important;
  }

  form.woocommerce-form{
    width: 420px !important;
    /* padding-bottom: 110px !important; */
  }

  .woocommerce-form.woocommerce-form-login.login p.woocommerce-form-row{
    text-align: start !important;
  }


  body.xpp-login-page .single-post .container .row .col.s12 h1{
    font-family: 'barlow';
    color: #2880B4 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 6px !important;
    
  }

  body.xpp-login-page .single-post .container .row .col.s12 p em{
    font-family: 'Barlow condensed';
    color: #2D2D2D !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 65px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px !important;
    font-style: normal;
    display: flex;
    justify-content: center;
  }

  body.xpp-login-page .single-post  .row .col.s12 h6 em{
    text-align: center !important;
    font-family: 'Barlow';
  }


  body.xpp-login-page .bg-grey-3{
    background-color: white;
  }

  body.xpp-login-page .single-post  .row .col.s12 p strong{
    font-family: 'Barlow';
    font-weight: 400;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 23px;
    color: #2d2d2d;
    margin-bottom: 0;
  }

  body.xpp-login-page .single-post  .row .col.s12 p a{
    font-family: 'Barlow';
    font-weight: 400;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 23px;
    color: #2880B4;
    text-decoration: underline;
    margin-top: -10px;
  }

  body.xpp-login-page .single-post .container .row .col.s12 .woocommerce form.woocommerce-form.woocommerce-form-login .form-row .woocommerce-form-login__rememberme{
    display: none !important;
  }
/* fin section login page */


/* page annuaire des membres  */

/* #xpp-directory div #xpp-directory-table_filter label{
  
} */

#xpp-directory-table_filter label input:focus{
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
}

.d-grid-gap-12{
  display: flex !important;
  gap: 12px !important;
  width: 75% ;
}

.dataTables_paginate .paginate_button:not(.previous ):not(.next){
  padding: 8px 13px;
}

.dataTables_paginate .paginate_button.current{
  background-color: #40BB6A !important;
  color: white !important;
  border: 1px solid #40BB6A !important;


}

.fs-20{
  font-size: 20px !important;
}

.dataTables_paginate .paginate_button{
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  height: 40px;
  width:  40px;
  border: 1px solid rgba(45, 45, 45, .15) !important;
  border-radius: 50% !important;
  margin: 0px 6px !important;
  display: inline-block ;
  color: #2D2D2D;
}


#xpp-directory-table_filter label input{
  position: relative;
  width: 100% !important;
  float: right;
  border: 1px solid #F3F5F7 !important;
  background-color: #F3F5F7 ;
  padding-left: 40px ;
  padding-right: 16px !important;
}

#xpp-directory-table_filter label{
  color: white !important;
  position: relative !important;
    float: right;
    width: 20% ;
    padding-bottom: 60px !important;
}

.btn-org-active{
  color: white !important;
  background-color:#2D2D2D !important;
}

.t-65{
  top: 65px ;
}

#xpp-directory-table_paginate{
  display: flex;
  justify-content: center !important;
  padding-top: 83px !important;
}

#xpp-directory-table_info{
  display: none !important;
}

.pag-padd-ic{
  padding: 8px 6px !important;
}


/* #xpp-directory-table td, #xpp-directory-table  th{
  vertical-align: top !important;
} */

#xpp-directory-table_length label{
  display: none !important;
}

table#xpp-directory-table  tbody tr td small{
  /* //styleName: Small-Paragraph-Regular; */
  font-family: 'Barlow' !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 23px !important;
  text-align: left !important;
}

.pt-20{
  padding-top: 20px !important;
}

.pb-20{
  padding-bottom: 20px !important;
}

.modal-memb-padd{
  padding-left: 9.132px;
  padding-right: 9.132px;
}


.image_height{
  height: 190px !important;
  width: 190px !important;
}

.mb-103{
  padding-bottom: 103px !important;
}

.mb-64{
  margin-bottom: 64px !important;
}
/* fin css page annuaire des membres */


/* css single service */

  /* .padd-single-serv{
    padding-left: 250px !important;
    padding-right: 250px !important;
  } */

  .ml-8{
    margin-left: 8px !important;
  }

  .h-agenda{
    min-height: 199px !important;
  }

  .the_title p{
    margin: 0px !important;
    padding: 0px !important;
    font-size: 33px ;
    font-weight: 500 !important;
    color: #2D2D2D;
    line-height: 40px !important;
  }

  .pr-30{
    padding-right: 30px !important;
  }

  .single_excerpt p.the_content_{
    display: none !important;
  }

  .pr-5{
    padding-right: 5px !important;
  }

  .single_excerpt p{
    font-family: 'Barlow' !important;
    font-size: 23px !important;
    color: #2D2D2D !important;
    font-weight: 400 !important;
    line-height: 26px;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
  }

  .single_excerpt figure{
    margin-bottom: 40px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .padd-14{
    padding: 14px !important;
  }

  .single_excerpt p strong{
    font-size: 23px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    color: #2D2D2D;
    font-family: 'Barlow' !important;
    margin-bottom: 0 !important;
    margin-top: 40px !important;

  }

  .min-w-90{
    min-width: 90px !important;
    max-width: 90px !important;
  }

  .single_excerpt p strong{
    font-size: 23px;
    font-family: 'Barlow' !important;
    font-weight: 500 !important;
    line-height: 30px !important;
    color: #2D2D2D !important;
  }

  .single_excerpt p{
    font-family: 'Barlow' !important;
    font-size: 19px !important;
    color: #2D2D2D !important;
    font-weight: 400 !important;
    line-height: 26px !important;
  }



  
/* fin css single service */

/* test annimations css */

.carousel-container_service{
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  white-space: nowrap;
  display: flex;
}

.carousel_service{
  display: flex;
  white-space: nowrap;
  animation:  15s slide infinite linear;
}

.carousel-container_service:hover .carousel_service{
  animation-play-state: paused;
}


.min-w-300{
  min-width: 307px;
}


@keyframes slide {
   form{
      transform: translateX(0);
  }
  to {
      transform: translateX(-100%);
  }
}



@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}
/*fin test annimations css */

/* fin section cedric */



/* section Stephane */

.card-title-left{
  width: 77%;
}

.card-title-right{
  /* padding: 50px; */
}

.icon-link-mod{
  height: 40px !important;
  width: 40px !important;
  padding: 14px 13px 13px 13px;
}

.card-temoignage{
  padding: 25px;
  height: 309px;
  display : flex;
  flex-direction: column;
}

.body-temoignage{
  padding: 100px 50px;
}

.body-faq{
  padding: 3px 167px;
}

.body_faq_page{
  padding: 3px 80px;
}
.body-chiffre{
  padding: 19px 50px;
}
.card-chiffre{
  
  /* padding: 1px 12px; */
  display: flex;
  flex-direction: column;
}

.h-card-chiffre{
  /* height: 234px; */
}

.text-left{
  padding: 55px 0px 0px 0px;
}

.text-right{
  padding: 55px 0px 0px 0px;
}

.bottom-row{
  margin-top: 90px;
}

.image-card-col{
  height: 550px !important;
  width: 645px !important;
}

.image-card-col-1{
  height: 550px !important;
  width: 100% !important;
}


.body-temoin > :nth-child(n+3) {
  display: none;
}

.parent{
  display: flex;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 5px;

}

.h-307{
  height: 350px;
}



.bottom_-_50{
  position: relative;
  bottom: -12%;
}

.positionnement{
  padding: 5px 0px 51px 0px;
}

.parent {
  max-width: 90%;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 5px;
}


.verbatims-particulier{
  color: white;
  line-height: 70px;
  font-weight: 400;
  font-size: 55px;
}

.w-65{
  width: 65% !important;
}

.image-position{
  height: 90px !important;
  width: 90px !important;
   width: 100px;
}

.image-size{
  height: 550px;
  width: 645px;
}

.card-position{
  /* height: 287px;
  padding: 30px; */

  display: flex;
  flex-direction: column;
  min-height: 300px;
  justify-content: space-between;
}

.position-text-bottom{
  display: flex;
  flex-direction: column;
}
.card-video{
  width: 100%;
  height: 100%;
}

.test5{
  display: flex;
  flex-wrap: wrap;
}

.coul {

  max-width: 33.33% !important; /* Pour empêcher les colonnes de dépasser une largeur d'un tiers */
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.eee {
  margin-bottom: 20px; /* Marge entre les blocs */
  padding: 10px; /* Rembourrage à l'intérieur des blocs */
  height: 92%;
}

.carousel.carousel-slider .carousel-item {
  position: absolute !important;
}

.carousel.carousel-slider .carousel-fixed-item {
  bottom: 120px !important;
}

.site-header{
  position: sticky;
  top: 0px;
  background: white;
  z-index: 1111;
}

@media only screen and (max-width: 1500px)
{
  div.container, footer.container {
    max-width: 100%;
    width: 100%;
  }

}

@media only screen and (min-width: 1501px) and (max-width: 1822px)
{
  div.container, footer.container {
    max-width: 100%;
    width: 90%;
  }
}


@media screen and(min-width : 2400px){
  .mission_bg_img {
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: -302px !important;
    height: 900px !important;
}
}

.btn-document{
  position: relative;
  bottom: -3%;
  margin-bottom: 0%;
}

.card-ressources{
  min-height: 419px;
  height: fit-content;
}

.card-title-ressources{
  height: 92px;
  overflow: hidden;
}

.card-title-ressource_{
  height: 90px !important;
  overflow: hidden;
}

.padding-l-0{
  padding-left: 0px !important;
}


.px-faqs-memb{
  padding-left:  10%  !important;
  padding-right:  10%  !important;
}

.px-title-memb{
  padding-left:  05%  !important;
  padding-right:  05%  !important;
}

.qsn-card{
  height : 550px !important;
}

.m-15{
  margin: 15px !important;
}

.qsn-content p{

  font-family: 'Barlow' !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  text-align: left !important;
  color: #2D2D2D !important;
  margin-bottom: 39.85px !important;
  margin-top: 0px !important;
}

.py-110{
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.padding-r-0{
  padding-right: 0px !important;
}

header .wrapper.container{
  background-color: white;
}

.hug-53{
  flex-grow: 53;
}

.line-inerhit{
  line-height: inherit !important;
}

body{
  background-color: white;
}

.mt-18{
  margin-top: -18.5px !important;
}

.mt-20{
  margin-top: -20px !important;
}

.pb-30{
  padding-bottom: 30px !important;
}

.marg-0{
  margin: 0px !important;
}

.marg-verb p{
  margin: 0px !important;
}

.icons-faq{
  display: flex;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color:#40BB6A;
  font-size: 44px;
  color: white;
  text-align: center;
  position: relative;
  justify-content: space-around;
  margin: 0px;
  cursor: pointer !important;
}

.active-category{
  background-color: #2D2D2D !important;
  color: white !important;
}

.symbole{
  position: relative;
  width: 15px;
  height: 15px;
  font-size: 20px;
  display: flex; /* Utiliser Flexbox pour aligner le contenu */
  justify-content: center; /* Centrer horizontalement */
  align-items: center; /* Centrer verticalement */
  filter: brightness(0) invert(100%); /* changer la couleur + en blanc*/
}

.avatar-50{
  border-radius: 30px;
}

.author-comment{
  position: relative;
  top: 10px;
}

.content-comment{
  height: 110px;
  overflow: hidden;
}

.sub-menu{
  /* display: none; */
  /* background: white;
  width: 100%;
  padding-bottom: 28px;
  justify-content: center; */
}

.w-85{
  width: 85% !important;
}

.w-870{
  width: 870px;
}

.bottom-header{
  margin-top: 40px;
}

.text-particulier{
  padding: 60px 0px 0px 0px;
}

.quote-verbatims{
  height: 29px;
  font-size: 44px
}

.padd-left-8{
  padding-left: 8px;
}

nav.pagination {
  background: transparent;
  box-shadow: none;
  text-align: center;
}
nav.pagination span,
nav.pagination a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  line-height: 36px;
  border: 1px solid #eee;
  margin: 0 6px;
  color: #2a2d34;
}
nav.pagination span .fa,
nav.pagination a .fa {
  height: 1em;
}
nav.pagination a:hover {
  background: #eee;
}
nav.pagination span.current {
  background: rgba(64, 187, 106, 1);
  border-color: rgba(64, 187, 106, 1);
  color: #fff;
}

#comments nav.navigation .nav-links > div.nav-previous {
  float: left;
}
#comments nav.navigation .nav-links > div.nav-previous a:before {
  font-family: 'FontAwesome';
  content: "\f104";
  margin-right: .5em;
}
#comments nav.navigation .nav-links > div.nav-next {
  text-align: right;
  float: right;
}
#comments nav.navigation .nav-links > div.nav-next a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  margin-left: .5em;
}
#comments nav.navigation .nav-links:after {
  display: table;
  content: "";
  clear: both;
}

.titre-texte{
  min-height: 600px !important; /* Hauteur minimale pour chaque élément */
}

.f-right{
  float: right;
}

.mt-10{
  margin-top: 10px !important;
}

.mt-100{
  margin-top: 100px;
}

.mt-6{
  margin: -6px 0 0 0;
}

.mt-110{
  margin-top: 110px;
}

.mb-110{
  margin-bottom: 110px;
}

.mb-40{
  margin-bottom: 40px;
}

.btn_youtube{
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background: #40BB6A !important;
  color: white;
}

.card_btn_youtube{
  background: transparent;
  position: absolute;
  height: fit-content;
  margin: 0 auto;
  width: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ytp-large-play-button-red-bg .ytp-large-play-button-bg {
  fill: #40BB6A !important;
}

.masque{
  background: transparent;
  position: relative;
  bottom: 691px;
  padding-bottom: 57.25%;
  height: 0;
  overflow: hidden;
}

.detail_actualite{
  bottom: 6px;
  position: relative;
  line-height: 23px;
  font-family: 'barlow';
  font-size: 16px;
  font-weight: 400;
}

.cat:hover{
  background-color: #2D2D2D !important;
  color: white !important;
}

.detail_actualite  ul.post-categories li a{
  color: #2D2D2D !important;
}

.share-post .share-title{
  text-transform: uppercase;
}

.detail_actualite_col_left{
  font-family: 'Barlow';
  font-weight: 600;
  font-size: 16px;
  color: #2D2D2D;
  margin: 0;
}

.padd-4{
  padding: 4px;
}
.padd-40{
  padding: 40px !important;
}

.mt-60{
  margin-top: 60px;
}

.progress-container {
  width: 100%;
  background-color: #f1f1f1;
}

.progress-bar {
  width: 0%;
  height: 4px;
  background-color: #40BB6A;
}

.share-buttons{
  display: flex;
    margin: 0;
    position: relative;
    top: -11px;
}

.share-buttons li{
    width: 50px;
    border-radius: 30px;
    text-align: center;
    margin-left: 18px;
    height: 50px;
    border: 1px solid #888888;
}

.share-buttons li a i{
  position: relative;
  top: 13px;
  color: black;
}

.share-post{
  display: flex;
  position: relative;
  top: 50px;
}

.share-title{
  color: #888888;
  text-transform: uppercase;
}

/* .share-title::first-letter{
  text-transform: capitalize;
} */

.bar-vertical{
  color: white;
  /* position: sticky; */
  display: flex;
  bottom: 0;
  height: 43px;
  justify-content: start;
  align-items: center;
}

.h-40{
  height: 40px !important;
}


.pos_stiky{
  position: sticky;
  bottom: 0%;
}

.members-block{
  text-align: center;
    height: 122px;
    /* padding-top: 40px;
    margin-bottom: 37px; */
}

.h-202{
  height: 202px;
}

.d-flex-inline{
  display: inline-flex;
}

.H3-Medium{
  font-weight: 500;
  font-size: 33px;
  line-height: 40px;
  color: #2D2D2D;
}
.members-only-1{
  box-shadow: -12px -132px 88px white;
  position: relative;
  top: 45px;
}

.block_the_content_article{
  height: 350px;
  overflow: hidden;
}

.pt-60{
  padding-top: 60px;
}

.evenement_card{
  height: 117px;
  overflow: hidden;
}

.event_card{
  height: 60px;
  overflow: hidden;
}

.wit{
  width: 100%;
}

.verba{
  display: none;
  margin-left: 0 !important;
}

.ytp-large-play-button-red-bg{
  background-color: green !important;
}

.jaxp p{
  font-family: 'Barlow' !important;
  font-size: 19px;
  font-weight : 400;
  line-height: 26px;
}

.jaxp_1 p{
  font-family: 'Barlow' !important;
  font-size: 16px;
  font-weight : 400;
  line-height: 26px;
}

.mlr-175{
  margin: 0 175px;
}

.img_verbatim{
  width: 60px !important;
  height: 60px;
  border-radius: 35px;
  background-size: cover;
    background-position: center
}


.icons {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin: 32px 0;
}
.icons__item {
  width: auto;
  align-self: flex-start;
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.icons__item input {
  border: 1px solid #ddd;
  padding: 8px 12px;
  border-radius: 4px;
  outline: none;
  font-size: 16px;
}
.icons__item,
.icons__item i {
  cursor: pointer;
}
.icons__item i {
  font-size: 32px;
  margin: 0 6px 0 0;
}

.text_icon_item{
  position: relative;
  top: -7px;
}

.text_start{
  text-align: start;
}

.icon_verbatims{
  padding: 6px 15px 6px 15px;
  font-size: 23px;
  height: 35px;
  width: 53px
}

.jc-center{
  justify-content: center;
}

.mt-12{
  margin-top: 12px;
}

.content-card{
  display: block;
}

.m_o .pdt_desc_single{
  font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    font-family: 'Barlow';
}

.m_o .pdt_desc_single strong{
  font-weight: 600;
  font-size: 19px;
  line-height: 26px;
  font-family: 'Barlow';
}

.icon_circle i{
  margin-right: 18px;
  position: relative;
    bottom: 11px;
}

/* #xpp-faq .block-faq{
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
} */

.m_o .pdt_desc1{
  font-weight: 400;
  font-size: 19px;
  line-height: 26px;
  font-family: 'Barlow';
}

.color1{
  font-weight: bold;
}

.font_style_normal{
  font-style: normal !important;
}

.woocommerce-privacy-policy-text p{
  font-family: 'Barlow';
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.woocommerce-privacy-policy-link{
  text-decoration: underline;
  color: #2D2D2D;
}

.woocommerce-terms-and-conditions-link{
  color: #2880B4;
}

.member_accounts_quota .color1{
  font-weight: 500 !important;
}

button#quota:hover{
  background-color: #39A75E !important;
}

.screen-reader-text{
  /* display: contents; */
}

.switch label .lever{
  background-color: rgba(45, 45, 45, 0.2) !important;
}

abbr[title] {
  text-decoration: none !important;
}

.t-c-rigth{
  text-align: right;
}

.gap-7{
  gap: 7px !important;
}



.center-div{
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-email{
  padding: 10px 18px 10px 18px;
  gap : 8px;
  border-radius: 40px;
  border : 1.5px solid #2D2D2D;
  background-color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  font-family: 'Barlow';
}

.mb-18{
  margin-bottom: 18px;
}

.mbt-12{
  margin: 12px 0;
}

.woocommerce-product-details__short-description h2{

}

.organization_title_gray{
  font-family: 'Barlow';
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  color: #888888;
}

.organization_small_title{
  font-family: 'Barlow';
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  color: #2D2D2D;
}
.organization_company_cat{
  font-family: 'Barlow';
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #2880B4;
  margin-top: 30px !important;
  text-transform: uppercase;
}
.organization_big_title{
  font-family: 'Barlow';
  font-size: 33px;
  line-height: 40px;
  font-weight: 600;
  color: #2880B4;
  padding-bottom: 27px;
  border-bottom: 1px solid rgba(45, 45, 45, 0.16);
}
.organization_name{
  font-family: 'Barlow';
  font-size: 23px;
  line-height: 30px;
  font-weight: 600;
}

.marg-6{
  margin: 0 0 6px 0;
}

.mb-16{
  margin-bottom: 16px;
 }

 .underline-color{
  text-decoration: underline #2880B4 !important;
 }

 button.delete_mod_ad:hover{
  color: #216B97;
 }

 a.underline-color:hover{
  color: #216B97 !important;
 }

 .input_update_org{
    margin : 50px 0;
}

 .input_update_org  label{
  top: -3px !important;
  color: rgba(45, 45, 45, 1) !important;
  font-size: 16px !important;
  left: 5px;
}

.input_update_org_p{
  margin : -15px 0;
}

.input_update_org_p .input-field label{
  top: -16px !important;
  color: rgba(45, 45, 45, 1) !important;
  font-size: 16px !important;
}

 .input_update_org  input{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
}

 .input_update_org  .pays{
  top: -48px !important;
}

 .input_update_org  .pays_select{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
  -webkit-appearance: none; /* Pour les navigateurs WebKit (Chrome, Safari, etc.) */
  -moz-appearance: none; /* Pour les navigateurs basés sur Gecko (Firefox) */
  appearance: none; /* Pour d'autres navigateurs */
}

 .input_update_org_p  input{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
}

 .input_update_org_p .input-field label{
  left: 11px !important;
}

.ts-wrapper .single .full .has-items .focus .input-active .dropdown-active{
  display: none;
}

.input_update_org .rmaterialize-textarea{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
}

.bg-black-opacity{
  background-color: rgba(45, 45, 45, 0.2) !important;
}

.hidden {
  position: absolute !important;
  left: -9999px !important;
}

.icon_categorie_org{
  position: absolute;
  top: 44%;
  right: 16px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 19px;
}


.card_adh{
  width: 1090px !important;
  height: 813px;
}

#content_modal_compte1{
  padding: 60px !important;
}

#content_modal_compte2{
  padding: 60px !important;
}

#content_modal_compte3{
  padding: 60px !important;
}

#content_modal_compte4{
  padding: 60px !important;
}

#content_modal_compte5{
  padding: 60px !important;
}

.sous_title_adh_modal{
  font-weight: 600;
  font-size: 23px;
  line-height: 30px;
  font-family: 'barlow';
  color: #2D2D2D;
}
.p_adh_modal{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  font-family: 'barlow';
  color: #2D2D2D;
}

.pb-30-border{
  padding-bottom: 30px !important;
  border-bottom: 1px solid rgba(45, 45, 45, 0.2);
}

#update_account_number .input-field .select-wrapper input{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
}

.woocommerce-orders-table thead tr th{
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: rgba(136, 136, 136, 1);
}
.woocommerce-orders-table tbody tr td{
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #2D2D2D;
}

.woocommerce-orders-table thead tr .woocommerce-orders-table__header-order-actions{
  text-align: right !important;
}

.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions{
  text-align: right !important;
}
.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions button{
    background: transparent;
    text-decoration: #2880B4 underline;
    color: #2880B4;
}

#add-member-form div .input-field label{
  /* top: -41px !important;
  left: 11px !important; */
  position: static;
  /* sdfsdfsdfgsdgsdfsjd */
}

#add-member-form div .input-field input{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
}

#add-member-form div .input-field input[type="text"]:focus + label {
  transform: translateY(12px) !important; /* Déplace l'étiquette vers le haut lorsqu'on se focus sur l'input */
}

#add-member-form div .input-field input[type="email"]:focus + label {
  transform: translateY(12px) !important; /* Déplace l'étiquette vers le haut lorsqu'on se focus sur l'input */
}


#update_org_manager_form .input-fielde label{
  font-size: 16px;
  font-family: 'barlow';
  font-weight: 400;
  line-height: 23px;
  top: -12px;
  position: relative;
}

#update_org_manager_form .input-fielde select{
  border: 1px solid rgba(45, 45, 45, 0.2) !important;
  appearance: none;
}


.padd-16-0{
  padding: 13px;
}


body.xpp-logged main.single-post>div>div#mon-compte>div div.woocommerce div.woocommerce-MyAccount-content:has(#adhesion-dashboard) {
  padding: 0 !important;
  background-color: transparent;
}

.index_adh_bloc1{
  border-radius: 16px;
  margin: 0 0 30px 0;
}

#members-management .members thead tr{
  /* border-bottom: 10px solid #F9FAFC; */
  background-color: white;
}
#members-management .members tbody tr{
  /* border-bottom: 10px solid #F9FAFC; */
  background-color: white;
}
#members-management .members{
  /* border-bottom: 10px solid #F9FAFC; */
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

#members-management .members thead tr th{
  padding-left: 40px !important;
  padding-right: 0 !important;
  color: #888888;
  font-size: 16px;
  font-weight: 400;
  font-family: 'barlow';
  line-height: 23px;
}

#members-management .members thead tr .first_element{
  border-radius: 16px 0 0 16px;
}

#members-management .members thead tr .last_element{
  border-radius: 0 16px 16px 0;
}

#members-management .members tbody tr .first_element{
  border-radius: 16px 0 0 16px;
}

#members-management .members tbody tr .last_element{
  border-radius: 0 16px 16px 0;
}

#members-management .members tbody tr td{
  padding-left: 40px !important;
  padding-right: 0 !important;
  font-size: 16px;
  font-weight: 400;
  font-family: 'barlow';
  line-height: 23px;
  color: #2D2D2D;
}



.icon_password1{
  position: absolute;
  top: 70%;
  right: 16px;
  transform: translateY(-50%);
  cursor: pointer;
}
.icon_password2{
  position: absolute;
  top: 60%;
  right: 16px;
  transform: translateY(-50%);
  cursor: pointer;
}

.p-static{
  position: static;
}

.index_adh_bloc2 {
  background: white;
  border-radius: 16px;
  font-size: 16px;
  /* margin: 0 0 10px 0; */
}

#update_account_number .input-field .select-wrapper svg{
  display: none !important;
}

.delete_mod_ad{
  position: relative;
  right: 15px;
  background: transparent;
}

.myself td{
  font-weight: 600 !important;
}


.display_flex{
  display: flex  !important;
}



@media screen and (min-width:1024px){
  .d-flex{
    display: flex !important;
  }
  
  .show_on_mob_tabs{display:none !important}
  .site-header .navigation ul li:has(.sub-menu) .sub-menu/* ul.header_menue1 li:has(.sub-menu):hover .sub-menu*/{
    position: absolute;
    min-width: 28rem;
    padding-top: 10px;
    gap: 30px;
    background: white;
    left: 0;
    padding-bottom: 29px !important;
    padding-top: 28px !important;
    top: 80px !important;
    text-align: center;
    border-top: 1px solid rgba(45, 45, 45, 0.16)
  }
  
  .nav_parent_menu_center{
    width: fit-content !important;
    padding: 0 !important;
  }

  
  .site-header .navigation{
    height : 80px !important;
  }

  .menu-menu-principal-new-container{
    display: flex !important;
    justify-content: center ;
    width:fit-content;
  }

  .nav_menu_center{
    width: fit-content;
    float: right;
  }

  .site-header .navigation ul li:not(.souscription_devenir_M, .souscription_connexion, .lien_compte) a:not(.logout):not(.login-btn):not(.my-acc){
    padding-bottom: 30px !important;
  }

  .padding_list_nav{
    padding-top:28px !important;
    padding-bottom:29px !important;
  }
}

.image_parent img{
  height: 600px !important;
}

.margin-left-3{
  margin-left: 3px;
}

.woocommerce-product-details__short-description{
  font-family: 'barlow';
  font-weight: 400;
  font-size: 19px;
  line-height: 26px;
}



.slide-nav button {
  margin: 0 10px;
}
#next_prev_actuality{
display: none;
}


.slide-nav button {
  margin: 0 10px;
}
#next_prev_agenda{
display: none;
}

#contact-form .form .input-field input, #contact-form .form .input-field textarea, #contact-form .form .input-field select{
  border : 1px solid rgba(45, 45, 45, 0.26) !important;
}

.input-field>label:not(.label-icon).active {
  transform: translateY(-23px) scale(.8) !important;
  color: black !important;
}
.wpseo-score-icon .bad .adminbar-seo-score{
  display: none;
}
/* Version mobile et tablette */

/* Petits appareils (téléphones, 600px et moins) */
@media (max-width: 600px) {
      .mlr-175-m{
        margin: 0;
      }
      .w-870{
        width: unset;
      }
      .justify-content-center-m{
        justify-content: center;
      }
      .slide-mobile-agenda {
        display: none !important;
      }
      .slide-mobile-actuality {
        display: none !important;
      }

      .slide-mobile-actuality.active {
        display: block !important;
      }
      .bloc_footer_text{
      width: 100% !important;
      }

      .bg_image1, .bg_image4, .bg_image3, .bloc_footer_img4{
      display: none !important;
      }
      .pl-83{
      padding-left: unset !important;
      }
      .img_somme_bg{
      margin-top: 50px !important;
      }
      .justify-c-end{
      justify-content: unset !important;
      }
      .slide-nav{
      margin-bottom: 40px !important;
      display: flex;
      justify-content: center;
      margin-top: 20px;
      }
      .my-60{
      margin-top: unset !important;
      margin-bottom: unset !important;
      }

      .slide-mobile-agenda.active{
      display: flex !important;
      }
      .slide-mobile-actuality.active{
      display: block !important;
      }
      .slide_mobile_actuality {
      display: none !important;
      }

      #next_prev_actuality, #next_prev_agenda{
      display: block;
      }
      .first_bloc_article{
      display: none !important;
      }

      .remove-d-flex {
      display: unset !important;
      }

      .bg_img{
      height: 300px;
      }

      #homepage{
        width: fit-content;
      }

      .remove-d-flex .img_bloc_1 {
        margin-bottom: 50px !important; /* Par exemple, espace de 15px en bas de chaque colonne */
      }

      .wrapper{
        padding-right: 20px !important;
        padding-left: 20px !important;
      }

      .hide_overflow, .card-chiffre-scroll, .card-position-scroll{
        overflow-x: scroll;
      }

      .service-mobile{
        animation: 15s slide infinite linear;
      }
      
      ::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
      }



      /* section pourquoi experience patient */
      .card-title-left{
        width: 100%;
      }

      .card-title-right{
        padding: 0;
      }

      .mb-m-50{
        margin-bottom: 50px !important;
      }

      .mb-m-61{
        margin-bottom: 61px !important;
      }
      .mb-m-16{
        margin-bottom: 16px !important;
      }

      .body-faq{
        padding: 0;
      }
      /* end section pourquoi experience*/


      /*section nos missions */

      .mb-m-40{
        margin-bottom: 40px !important;
      }

      .w-65{
        width: unset !important;
      }
      .mb-m-30{
        margin-bottom: 30px;
      }
      

      .d-flex-mobile{
        display: flex;
      }

      .p-0-m{
        padding: 0 !important;
      }
}

/* Tablettes en portrait (601px à 850px) */
@media (min-width: 601px) and (max-width: 1023px) {
    .w-870{
      width: unset;
    }
    .mlr-175-m{
      margin: 0;
    }
    .row .col.push-m5{
      left : unset !important;
    }
    .row .col.pull-m7 {
       right: unset !important; 
    }
    .p-0-m{
      padding: 0 !important;
    }
    .justify-content-center-m{
      justify-content: center;
    }
    .mb-m-16 {
      margin-bottom: 16px !important;
    }
      .slide-mobile-agenda {
        display: none !important;
      }

      .slide-mobile-agenda.active {
        display: flex !important;
      }
      .slide-mobile-actuality {
        display: none !important;
      }

      .slide-mobile-actuality.active {
        display: block !important;
      }
      .bloc_footer_text, .pl-83{
      width: 100% !important;
      }

      .bg_image1, .bg_image4, .bg_image3, .bloc_footer_img4{
      display: none !important;
      }
      .pl-83{
      padding-left: unset !important;
      }
      .img_somme_bg{
      margin-top: 50px !important;
      width: 100% !important;
      }
      .justify-c-end{
      justify-content: unset !important;
      }
      .slide-nav{
      margin-bottom: 40px !important;
      }
      .my-60{
      margin-top: unset !important;
      margin-bottom: unset !important;
      }
      .slide-mobile-actuality.active, .slide-mobile-agenda.active, .slide-mobile-agenda.active a{

      width: 100% !important;
      }
      .slide_mobile_actuality {
      display: none !important;
      }
      .slide-mobile-agenda {
      display: none !important;
      }

      #next_prev_actuality, #next_prev_agenda{
      display: block;
      }
      .first_bloc_article{
      display: none !important;
      }

      .remove-d-flex {
      display: unset !important;
      }

      .d-flex-mobile{
        display: flex;
      }

      .bg_img{
        height: 500px;
      }

      #homepage{
      width: fit-content;
      }

      .remove-d-flex .img_bloc_1 {
      margin-bottom: 50px !important; /* Par exemple, espace de 15px en bas de chaque colonne */
      width: 100% !important;
      }
      .remove-d-flex .text_bloc_1 {
      margin-left: unset !important; /* Par exemple, espace de 15px en bas de chaque colonne */
      width: 100% !important;
      }

      .wrapper{
      padding-right: 20px !important;
      padding-left: 20px !important;
      }

      .hide_overflow, .card-chiffre-scroll, .card-position-scroll{
      overflow-x: scroll;
      }
      .service-mobile{
        animation: 15s slide infinite linear;
      }
      
      ::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
      }

      .row .col.offset-l1 {
         margin-left: unset;
      }
      
      .d-content-mobile{
        display: contents;
      }
            /* section pourquoi experience patient */
            .card-title-left{
              width: 100%;
            }
      
            .card-title-right{
              padding: 0;
            }
      
            .mb-m-50{
              margin-bottom: 50px !important;
            }
      
            .mb-m-61{
              margin-bottom: 61px !important;
            }
      
            .body-faq{
              padding: 0;
            }

            .row .col.offset-m1{
              margin-left: unset !important;
            }

            .w-m-100{
              width: 100% !important;
            }

            /* End section pourquoi experience patient*/
      /*section nos missions */

      .mb-m-40{
        margin-bottom: 40px !important;
      }

      .w-65{
        width: unset !important;
      }

      .mb-m-30{
        margin-bottom: 30px;
      }
}

/* Tablettes en paysage et petits ordinateurs portables (851px à 1073px) */

/* fin section stephane */