/* BEST OF EULAR */

:root {
  --clr-bkg: #ffffff;
  --clr-bkg-dark:#F6F8F8;
  --clr-primary: #8005B7;/* pourpre */
  --clr-primary-light:#CD95F7;/* pourpre clair*/
  --clr-secondary:#071AAF;/* bleu */
  --clr-secondary-light: #4F62F8;/* bleu clair*/
  --clr-neutral: #96A2AC;/* gris */
  --clr-accent: #FF485D; /* rouge */
  --clr-accent-light: #FF8E99;
  --clr-black: #3A3A3A;
  --clr-white: #ffffff;
  --clr-separator: #D2DBE0;
}

/* Main custom ----------------------------------- */

body{
  color: var(--clr-black);
  font-size: 16px;
}

/*! CSS pour la partie publique du front-office */

/* Text custom ----------------------------------- */
/*
*.txt-white { color:#fff; }
*.txt-black { color:#000; }
*.txt-grey { color:#545454; }
*.txt-first { color:#ff0000; } 
*.txt-second { color:#0f5cba; } 
*.txt-third { color:#292a60; } 
*.txt-fourth { color:#fff147; } 
*.txt-fifth { color:#dfedff; } bleu ciel
*/
/* Forms custom ---------------------------------- */
.form-container p.msg-error, 
.form-container p.msg-notice, 
.form-container p.msg-succes { 
  font-size:14px; 
}
.form-container p.field-text label, 
.form-container p.field-select label, 
.form-container p.field-radiobutton > label { 
  font-size:14px; 
  color:var(--clr-neutral); 
}
.form-container p.field-text input, 
.form-container p.field-select select { 
  font-size:14px; 
}
.form-container p.field-submit input[type="submit"] { 
  padding:7px 20px; 
  width:auto; 
  border-radius:40px; 
}
.form-container .radiobutton input[type="radio"] + label { 
  width:75px; 
  background:var(--clr-bkg-dark); 
  border:1px solid var(--clr-neutral); 
  border-radius:3px; 
  color:var(--clr-neutral); 
}
.form-container .radiobutton input[type="radio"]:hover + label { 
  background:var(--clr-primary-light); 
  border-color:var(--clr-primary-light);
  color:var(--clr-white); 
}
.form-container .radiobutton input[type="radio"]:checked + label { 
  background: var(--clr-primary-light); 
  border-color:var(--clr-primary-light); 
  color:var(--clr-white); 
}

/* op11 */
.form-container p.field-text input,
#regactivity{
  width:100%;
}

/* Yoast Wordpress SEO --------------------------- */
/* Kadence Blocks -------------------------------- */
.kt-modal-content .form-container p { 
  text-align:center; 
}
.kt-modal-content .form-container p.field-text label, .kt-modal-content .form-container p.field-select label { display:none; }
.kt-modal-content .form-container p.field-text input, .kt-modal-content .form-container p.field-select select { margin-left:auto; margin-right:auto; width:300px; max-width:100%; }
#formulaire-contact .kb-form .kadence-blocks-form-field { 
  width:100%; 
}
#formulaire-contact .kb-form-error-msg.kadence-blocks-form-warning { 
  padding:3px 0 0 0; 
  border:none; 
  font-size:13px; 
  font-style:italic; 
}
#formulaire-contact .kadence-blocks-form-message.kadence-blocks-form-warning { 
  display:none; 
}
/* Cookie Notice --------------------------------- */
.cn-privacy-policy-link:link, .cn-privacy-policy-link:visited { 
  color:var(--clr-white); 
  text-decoration:underline; 
}
.cn-privacy-policy-link:hover, .cn-privacy-policy-link:active { 
  color:var(--clr-primary-light);; 
  text-decoration:underline; 
}
/* Header ---------------------------------------- */
.top-bar .inside-top-bar .widget { 
  width:100%; 
}

/* Menu Navigation (voir sidevar)*/
/* Menu mobile  */

.main-navigation.mobile-header-navigation {
  background-color: var(--clr-primary);
}
.main-navigation.mobile-header-navigation .gp-icon svg {
  fill: var(--clr-white);
}
.main-navigation.mobile-header-navigation .mobile-menu {
  color: var(--clr-white);
  font-weight: 600;
}

/* MENU Hors Canvas */

.main-navigation.slideout-navigation {
  padding-top: 30px;
}

.main-navigation.slideout-navigation>div{
  padding: 0 !important;
}

.main-navigation.slideout-navigation .main-nav ul li a,
.slideout-navigation .slideout-widget .menu li a {
  line-height: 40px;
}

.main-navigation.slideout-navigation ul.slideout-menu .current-menu-item{
  background-color: var(--clr-secondary-light);
  color: var(--clr-white);
}

.main-navigation.slideout-navigation ul.slideout-menu .current-menu-item a{
  color: var(--clr-white);
  font-weight: 600;
}

.main-navigation.slideout-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a{
  color: var(--clr-neutral);
}

/* Navigation ------------------------------------ */
/* Footer ---------------------------------------- */
/* Sidebar --------------------------------------- */

/* Sidebar Right */

/* Menu Navigation sidebar */

.navigation-sidebar .widget_nav_menu{
  padding: 0 !important;
}
.navigation-sidebar ul li a{
  font-size: 1rem;
  font-weight: 500;
  color: var(--clr-black);
  text-decoration: none;
  letter-spacing: 0.03rem;
}
.navigation-sidebar ul li{
  padding: 0.3rem 0;
}
.navigation-sidebar ul li a:before,
.main-navigation.slideout-navigation ul li a:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 17px;
  vertical-align: middle;
}
.navigation-sidebar ul li.menu-item-1546 a:before,
.main-navigation.slideout-navigation ul li.menu-item-1546 a:before{
  background: url(../img/home.svg);
  background-size: 17px 17px;
}
.navigation-sidebar ul li.menu-item-1549 a:before,
.main-navigation.slideout-navigation ul li.menu-item-1549 a:before {
  background: url(../img/profile.svg);
  background-size: 17px 17px;
}
.navigation-sidebar ul li.menu-item-1544 a:before,
.main-navigation.slideout-navigation ul li.menu-item-1544 a:before {
  background: url(../img/contact.svg);
  background-size: 17px 17px;
}
.navigation-sidebar ul li.menu-item-1545 a:before,
.main-navigation.slideout-navigation ul li.menu-item-1545 a:before {
  background: url(../img/logout.svg);
  background-size: 17px 17px;
}

.menu-navigation li a{
  padding: 0.3rem 0;
  line-height: 25px;
  text-decoration: none;
}

.navigation-sidebar li.menu-item a:hover{
  color: var(--clr-primary-light);
}

.menu-navigation li a:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 17px;
  vertical-align: middle;
}

.menu-navigation li.menu-accueil a:before {
  background: url(../img/home-white.svg);
  background-size: 17px 17px;
}
.menu-navigation li.menu-comite a:before {
  background: url(../img/profile-white.svg);
  background-size: 17px 17px;
}
.menu-navigation li.menu-contact a:before {
  background: url(../img/contact-white.svg);
  background-size: 17px 17px;
}
.menu-navigation li.menu-deconnexion a:before {
  background: url(../img/logout-white.svg);
  background-size: 17px 17px;
}


/* Primary content ------------------------------- */
/* Archives -------------------------------------- */
/* Post ------------------------------------------ */
/* Responsive design ----------------------------- */
@media only screen and (min-width: 540px) {
}
@media only screen and (min-width: 659px) {
}
@media only screen and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 1600px) {
}
/*EOF*/

/* WIP */

#slider-presentation .kt-blocks-carousel {
  padding: 0 !important;
}

/* masque le widget du comite dans la page "Comite Scientifique" */
.page-id-85 #block-17 {
  display: none;
}

.coordinateur .kb-img{
 vertical-align: bottom;
}

@media (max-width: 768px){
  .widget-area .widget {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px !important;
  }
}

/* General */

body {
  font-size: 16px;
}
a {
  text-decoration: none !important;
}




/* Change l'ordre des colonnes laterales et la colonne centrale des contenus dans les dispositifs mobiles */

@media (max-width: 768px) {
  #content {
      display: flex;
      flex-direction: column;
  }

  #left-sidebar {
      order: 1;
  }
  #primary {
      order: 2;
  }
  #right-sidebar {
      order: 3;
  }
}

/* Sidebar Gauche */



/* Sidebar Right */

/* Sidebar right : Trend */

.trend ul li {
  color: var(--clr-neutral);
  margin-bottom: 20px;
}

.trend ul li a{
  font-size: 1rem;
  font-weight: 400;
  color: var(--clr-black);
  text-decoration: none;
  display: inline-block;
}

.trend ul li a:hover{
  color:var(--clr-primary-light);
}

.trend ul li a:before{
  content: '#';
  margin-right: 5px;
}

.trend ul li a:after{
  content: '';
  margin-left: 5px;
}



/* Sidebar right : Popular posts */

#popular-posts li{
  display: flex;
  justify-content:flex-start;
  align-items: center;
  align-items:flex-start;
  padding-bottom: 5px;
}
#popular-posts h3 a{
  font-size: 1rem;
  font-weight: normal;
  color: var(--clr-black);
  text-decoration: none;
}

#popular-posts h3 a:hover{
  color:var(--clr-primary-light);
}

#popular-posts a.category{
  font-size: 1px !important;
  color: var(--clr-white);
  color: #f6f8f8;
}

/* Sidebar right : Comite */

.comite figure img:hover{
  filter: opacity(0.5);
  transition: all .1s ease-in-out;
}

.comite h4 {
  margin-bottom: 4px !important;
}

.comite h4 a{
  text-decoration: none;
  color: var(--clr-black);
  font-size: 1rem;
}
.comite h4 a:hover{
  color: var(--clr-primary-light);
}

/* Style boutons */

#cta-connexion, #cta-inscription, #cta-envoi {
  background-color: var(--clr-accent);
  font-weight: 600;
}

#cta-connexion:hover, #cta-inscription:hover, #cta-envoi:hover {
  background-color: var(--clr-black);
}

#cta-connexion.cta-connexion-hover-blanc:hover,
#cta-inscription.cta-connexion-hover-blanc:hover{
  background-color: var(--clr-white);
  color: var(--clr-black);
}

form#expgwf_loginform input[type="submit"],
form#expgwf_registerform input[type="submit"]{
  background-color: var(--clr-accent);
  font-weight: 600;
}

form#expgwf_loginform input[type="submit"],
form#expgwf_registerform input[type="submit"]{
  font-size: 1.3em;
  text-transform: uppercase;
}

form#expgwf_loginform input[type="submit"]:hover,
form#expgwf_registerform input[type="submit"]:hover{
  background-color: var(--clr-black);
}

#formulaire-contact .kb-forms-submit{
  background-color: var(--clr-accent);
  font-weight: 600;
}

#formulaire-contact .kb-forms-submit:hover{
  background-color: var(var(--clr-black));
}

/* Accueil */

.cols-container>div {
  grid-template-columns: minmax(0, .5fr) minmax(0, 2.5fr) !important;
}

.main-loop {
  border-right: 1px solid var(--clr-separator);
  border-left: 1px solid var(--clr-separator);
}


@media screen and (max-width: 465px) {
  .main-loop {
    border-right: none;
    border-left: none;
  }
}

.loop-cat {
  word-break: break-all;
}

.entry-content .alignwide.loop-img{
  width:100%;
  margin-left: auto;
}

.loop-cat{
  margin-bottom: 2px;
}
.loop-cat a{
  font-size: 1rem;
  font-weight: 600;
  color: var(--clr-neutral);
}

.loop-title{
  margin-bottom: 8px;
}

.loop-title a{
  font-size: 1rem;
  font-weight: 600;
  color: var(--clr-black);
}

.loop-excerpt{
  margin-bottom: 4px;
  font-size: 14px;
}

/* .loop-excerpt a.read-more,
.loop-excerpt .read-more-container{
  height: 0;
  padding: 0;
  display: none;
} */

.loop-excerpt p {
  display: none;
}

.loop-excerpt .wp-block-post-excerpt__excerpt{
  display: inherit;
}

.loop-read-more{
  font-size: 14px;
  margin-bottom: 8px;
}

.loop-read-more{
  color: var(--clr-accent);
}
.loop-read-more:hover{
  color:var(--clr-primary-light);
}

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

.loop-img {
  border: 1px solid var(--clr-separator);
  border-radius: 16px;
}

.loop-img img{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
}

.loop-img img:hover {
  filter: opacity(0.5);
  transition: all .1s ease-in-out;
}

.format-video .figure-container{
  position: relative;
}

.format-video .loop-img:after{
  background-image: url(../img/play-button.svg);
  background-size: 50px 50px;
  display: block;
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
}

.loop-img figcaption{
  padding: 0 16px 8px 16px;
  color: var(--clr-neutral);
}
.loop-author{
  margin-bottom: 4px;
}

.loop-author a{
  color: var(--clr-black);
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* Corrections X implementation en all twiterlike sites before content 'par' */
.loop-author a{
  text-decoration: none;
  display: inline-block;
}
.loop-author:before{
  content: 'Par';
  font-size: 0.9em;
  font-weight: normal;
  font-style: italic;
  margin-right: 6px;
}

.loop-cat a,
.loop-title a{
  text-decoration: none;
  display: block;
}

.loop-cat a:hover,
.loop-title a:hover,
.loop-author a:hover{
  color:var(--clr-primary-light);
}

/* SINGLE */

.single article{
  padding-top: 30px;
}

.single h1.entry-title {
  font-size: 1.7em;
  color: var(--clr-black);
  margin-bottom: 15px;
}

.single article .byline {
  font-size: 1rem;
}

.single article footer.entry-meta {
  margin-top: 1em;
}

.single article .tags-links a{
  font-size: 1rem;
  font-weight: 600;
  color: var(--clr-black);
  text-decoration: none;
}

.single article .tags-links:before{
  content: 'Par';
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin-right: 5px;
}

.single article .tags-links a:hover{
  color:var(--clr-primary-light);
}

.single article .tags-links .gp-icon{
  display: none;
}

.single article .entry-content{

}
.single article .entry-content p{
  font-size: 1rem;
  line-height: 1.4em;
}
.single article .entry-content figure{
  margin-bottom: 15px;
}
.single article .entry-content p{
  font-size: 1rem;
  line-height: 1.4em;
}

.single article .entry-content figcaption{
  text-align: center;
  color: var(--clr-neutral);
  font-weight: 500;
}

.single .post-navigation {
  
}
.single .post-navigation a{
  text-decoration: none;
  color: var(--clr-accent);
  font-size: 0.8rem;
}

/* Page webinar */

.balloon-talk{
  position:relative
}
.balloon-talk:before {
  background-image: url(../img/balloon-talk.svg);
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  position: relative;
  top: 7px;
  margin-right: 5px;
}

/* ARCHIVES */

.archive .site-main{
  padding-top: 25px;
  padding-bottom: 3em;
}

.archive article {
  margin-bottom: 30px;
}

.archive article footer{
  padding-bottom: 15px;
  border-bottom: 1px solid var(--clr-separator);
}

.archive h1.page-title{
  font-size: 1.7em;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: var(--clr-black);
}
.archive.category h1.page-title{
  color: var(--clr-black);
}

.archive .entry-summary{
  margin-top: 0;
}

.archive h2.entry-title{
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--clr-black);
  margin-bottom: 8px;
}
.archive h2.entry-title a:hover{
  color: var(--clr-primary-light);
}

.archive article .inside-article .post-image{
  margin-right: 0;
  margin-bottom: 10px;
  float: none;
}



.archive article .inside-article .post-image img:hover{
  filter: opacity(0.5);
  transition: all .1s ease-in-out;
}

.archive article .inside-article .post-image img{
  border: 1px solid var(--clr-separator);
  border-radius: 16px;
}

.archive .format-video .post-image{
  position: relative;
}

.archive .format-video .post-image:after{
  background-image: url(../img/play-button.svg);
  background-size: 50px 50px;
  display: block;
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
}


.archive .entry-summary p {
  font-size: 14px;
  margin-bottom: 0.5em;
}
.archive .entry-summary .read-more{
  font-weight: 600;
  color: var(--clr-accent);
  background-color: transparent;
  padding: 0;
}
.archive .entry-summary .read-more:hover{
  color:var(--clr-primary-light);;
  background-color: transparent;
}

.archive .entry-meta .tags-links a{
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 600;
  color: var(--clr-black);
}

.archive .entry-meta .tags-links a:hover{
  color:var(--clr-primary-light);;
}

.archive .entry-meta .tags-links:before{
  content: 'Par';
  font-size: 1em;
  color: var(--clr-black);
  font-style: italic;
  margin-right: 5px;
  font-weight: normal;
}

.archive footer.entry-meta {
  margin-top: 1em;
}

.archive .entry-meta .tags-links .gp-icon{
  display: none;
}

/* archive title with icon */

h1.page-title {
  display: flex;
  justify-content:flex-start;
  align-items: center;
}

/* Back to top button */

a.generate-back-to-top {
  background-color: var(--clr-accent) !important;
  color: var(--clr-white);
}

/* error404 */

.error404 .site-main{
  padding-top: 30px;
}

/* Icônes des categories 
* 1 - Dans le feed
* 2 - Dans le titre de la page d'archive de catégorie
* 3 - Dans le widget des articles les plus lus
*/

/* 1 - Dans le feed */

/* Categories icons */

 li .loop-cat-aside:before{
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
}
li .loop-cat-aside a{
  display: none;
}
 li.category-connectivite .loop-cat-aside:before{
  background: url(../img/categories/connectivite.png) no-repeat;
  background-size: 60px 60px;
}
 li.category-diagnostic .loop-cat-aside:before{
  background: url(../img/categories/diagnostic.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-douleur .loop-cat-aside:before{
  background: url(../img/categories/douleur.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-environnement .loop-cat-aside:before{
  background: url(../img/categories/environnement.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-genetique .loop-cat-aside:before{
  background: url(../img/categories/genetique.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-grossesse .loop-cat-aside:before{
  background: url(../img/categories/grossesse.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-imagerie .loop-cat-aside:before{
  background: url(../img/categories/imagerie.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-incontournable .loop-cat-aside:before{
  background: url(../img/categories/incontournable.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-lupus .loop-cat-aside:before{
  background: url(../img/categories/lupus.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-polyarthrite-rhumatoide .loop-cat-aside:before{
  background: url(../img/categories/polyarthrite-rhumatoide.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-rhumatisme-psoriasique .loop-cat-aside:before{
  background: url(../img/categories/rhumatisme-psoriasique.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-spondyloarthrites .loop-cat-aside:before{
  background: url(../img/categories/spondyloarthrites.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-therapeutique .loop-cat-aside:before{
  background: url(../img/categories/therapeutique.png) no-repeat ;
  background-size: 60px 60px;
}
 li.category-vaccination .loop-cat-aside:before{
  background: url(../img/categories/vaccination.png) no-repeat ;
  background-size: 60px 60px;
}
@media screen and (max-width: 465px) {
  li .loop-cat-aside:before{
    width: 40px;
    height: 40px;
    background-size: 40px 40px !important;
  }
}

/* 2 - Dans le titre de la page d'archive de catégorie */

.archive.category h1.page-title:before{
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.archive.category-connectivite h1.page-title:before{
  background: url(../img/categories/connectivite.png) no-repeat;
  background-size: 60px 60px;
}
.archive.category-diagnostic h1.page-title:before{
  background: url(../img/categories/diagnostic.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-douleur h1.page-title:before{
  background: url(../img/categories/douleur.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-environnement h1.page-title:before{
  background: url(../img/categories/environnement.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-genetique h1.page-title:before{
  background: url(../img/categories/genetique.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-grossesse h1.page-title:before{
  background: url(../img/categories/grossesse.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-imagerie h1.page-title:before{
  background: url(../img/categories/imagerie.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-incontournable h1.page-title:before{
  background: url(../img/categories/incontournable.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-lupus h1.page-title:before{
  background: url(../img/categories/lupus.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-polyarthrite-rhumatoide h1.page-title:before{
  background: url(../img/categories/polyarthrite-rhumatoide.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-rhumatisme-psoriasique h1.page-title:before{
  background: url(../img/categories/rhumatisme-psoriasique.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-spondyloarthrites h1.page-title:before{
  background: url(../img/categories/spondyloarthrites.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-therapeutique h1.page-title:before{
  background: url(../img/categories/therapeutique.png) no-repeat ;
  background-size: 60px 60px;
}
.archive.category-vaccination h1.page-title:before{
  background: url(../img/categories/vaccination.png) no-repeat ;
  background-size: 60px 60px;
}

/* 3 - Dans le widget des articles les plus lus */

#popular-posts a.category:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;

}
#popular-posts a.category-14:before{
  background: url(../img/categories/connectivite.png) no-repeat;
  background-size: 40px 40px;
}
#popular-posts a.category-23:before{
  background: url(../img/categories/diagnostic.png) no-repeat ;
  background-size: 40px 40px;
}

#popular-posts a.category-22:before{
  background: url(../img/categories/douleur.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-21:before{
  background: url(../img/categories/environnement.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-20:before{
  background: url(../img/categories/genetique.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-19:before{
  background: url(../img/categories/grossesse.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-18:before{
  background: url(../img/categories/imagerie.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-17:before{
  background: url(../img/categories/incontournable.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-13:before{
  background: url(../img/categories/lupus.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-24:before{
  background: url(../img/categories/polyarthrite-rhumatoide.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-12:before{
  background: url(../img/categories/rhumatisme-psoriasique.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-11:before{
  background: url(../img/categories/spondyloarthrites.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-16:before{
  background: url(../img/categories/therapeutique.png) no-repeat ;
  background-size: 40px 40px;
}
#popular-posts a.category-15:before{
  background: url(../img/categories/vaccination.png) no-repeat ;
  background-size: 40px 40px;
}



/* Quand il y a plus d'une categorie selecctionnées il faut eviter l'affichage de la virgule de separation.  */

li .loop-cat-aside .wp-block-post-terms__separator{
  display: none;
}

/* Egalement on ne veut pas qu'il s'affichent multiples categories. Afficher seulement la première en cas de selection de categories multiples */
/* li .loop-cat a {
  display: none;
}
li .loop-cat a:first-child {
  display: inline-block;
} */
/* On n'utilise pas  ceci pour le moment, car c'est mieux de donner à la personne chargé des publications de la visibilité sur le fait d'avoir ajouté  des categories multiples, et donc fait un erreur.  */




/* Cache les sidebars avec des liens vers des pages réservées aux inscrits */

/* 
 *.page-id-35 connexion
 *.page-id-90 deconnexion
 *.page-id-38 inscription
 *.page-id-41 inscription-moderation
 *.page-id-44 inscription-annulation
 *.page-id-47 inscription-validation
 */
 .page-id-35 .col-right-sidebar, 
 .page-id-35 #navi,
 .page-id-90 .col-right-sidebar, 
 .page-id-90 #navi,
 .page-id-90 #navi-slideout, 
 .page-id-38 .col-right-sidebar, 
 .page-id-38 #navi,
 .page-id-38 #navi-slideout, 
 .page-id-41 .col-right-sidebar, 
 .page-id-41 #navi,
 .page-id-41 #navi-slideout, 
 .page-id-44 .col-right-sidebar, 
 .page-id-44 #navi,
 .page-id-44 #navi-slideout, 
 .page-id-47 .col-right-sidebar,
 .page-id-47 #navi,
 .page-id-47 #navi-slideout{
  display: none;
 }