.has_site_logo .pkp_navigation_primary_wrapper {
  width: 1160px;
  padding-top: 10px;
  padding-bottom: 10px;
}


  .pkp_navigation_user_wrapper {
    background-color: #517C1E;
    width: 100%;
  }
  
.pkp_structure_head {
  background-color: #6FAE2E;
}

.pkp_site_name .is_img {
  display: inline-block;
  margin-top: .0rem;
  margin-bottom: .0rem;
  padding: 30px;
}

@media (min-width: 992px) {
  .pkp_site_nav_menu {
    display: block;
    background: #517C1E;
    border-top: solid 4px #7FBD38;
    border-bottom: solid 4px #7FBD38;

  }
  .has_site_logo .pkp_head_wrapper {
    padding-top: 2.143rem;
  }
  .pkp_nav_list ul a {
    display: block;
    padding-left: .357rem;
    border-left: .357rem solid transparent;
    color: #517C1E;
  }
  .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
    outline: 0;
    background: #7FBD38;
    border-color: #517C1E;
    color: #fff;
  }
  .pkp_navigation_primary .dropdown-menu a:hover {
    border-color: #517C1E;
  }
   .pkp_navigation_user.pkp_navigation_user {
    margin: 0;
    padding: 0;
    border: none;
    /*top: 100px;*/
    margin-left: 160px;
  }
}
@media (min-width: 1200px) {
  .has_site_logo .pkp_head_wrapper {
    width: 100%;
  }
}

/* Footer styling */
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, #4A7318 0%, #5A8A1E 100%);
  border-top: solid 5px #7FBD38;
}

.pkp_brand_footer {
  display: none;
}

.pkp_footer_content {
    padding: 0rem 2.0rem 2.0rem;
    text-align: left;
}

/* Styles personnalisés pour la page À propos */
.page-about-journal {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.6;
}

.about-section {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}

.about-section:last-of-type {
  border-bottom: none;
}

.about-section h2 {
  color: #517C1E;
  font-size: 28px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #6FAE2E;
}

.about-section h3 {
  color: #517C1E;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.about-section p {
  margin-bottom: 15px;
  text-align: justify;
}

/* Mission items */
.mission-item {
  margin-bottom: 25px;
  padding-left: 15px;
  border-left: 4px solid #6FAE2E;
}

.mission-item h3 {
  margin-top: 0;
}

/* Vision list */
.vision-list {
  list-style: none;
  padding-left: 0;
}

.vision-list li {
  padding: 10px 0 10px 30px;
  position: relative;
}

.vision-list li:before {
  content: "▸";
  color: #6FAE2E;
  font-size: 20px;
  position: absolute;
  left: 0;
}

/* Motto section */
.motto-section {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 30px;
  border-radius: 8px;
  border-left: 5px solid #6FAE2E;
}

.journal-motto {
  text-align: center;
  font-size: 18px;
  margin: 20px 0;
  border: none;
}

.motto-en, .motto-fr {
  margin: 10px 0;
  color: #517C1E;
  font-weight: 500;
}

/* Identity table */
.identity-table {
  width: 100%;
  margin-top: 20px;
}

.identity-table th {
  background-color: #6FAE2E;
  color: white;
  font-weight: bold;
  padding: 12px;
  text-align: left;
  width: 30%;
}

.identity-table td {
  padding: 12px;
  background-color: #f9f9f9;
}

.identity-table tr:nth-child(even) td {
  background-color: #ffffff;
}

/* Theme items */
.theme-item {
  margin-bottom: 25px;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border-left: 4px solid #517C1E;
}

.theme-item h3 {
  margin-top: 0;
  color: #517C1E;
}

.theme-item ul {
  margin-top: 10px;
}

/* Audience and contribution types */
.audience-category, .contribution-type {
  margin-bottom: 20px;
}

/* Checklist style */
.checklist {
  list-style: none;
  padding-left: 0;
}

.checklist li {
  padding: 8px 0;
}

/* Notice box */
.notice-box {
  background-color: #fff9e6;
  border-left: 4px solid #6FAE2E;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 4px;
}

.notice-box h4 {
  margin-top: 0;
  color: #517C1E;
}

/* Contact info box */
.contact-info-box {
  background-color: #f5f9f0;
  padding: 25px;
  border-radius: 8px;
  border: 2px solid #6FAE2E;
}

.contact-info-box p {
  margin-bottom: 15px;
}

/* CTA section */
.cta-section {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: white;
  padding: 20px 30px;
  border: none;
}

.cta-section h2 {
  color: white;
  border-bottom: 3px solid white;
}

.cta-section ul {
  color: white;
}

.cta-banner {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  border-radius: 5px;
  font-size: 18px;
}

/* Links */
.link-to-section {
  margin-top: 15px;
  font-style: italic;
}

.link-to-section a {
  color: #517C1E;
  font-weight: bold;
  text-decoration: underline;
}

.link-to-section a:hover {
  color: #6FAE2E;
}

/* Footer */
.about-footer {
  text-align: center;
  padding: 20px 0;
  color: #666;
  font-style: italic;
}

/* Responsive design */
@media (max-width: 768px) {
  .page-about-journal {
    padding: 15px;
  }

  .about-section h2 {
    font-size: 24px;
  }

  .about-section h3 {
    font-size: 18px;
  }

  .identity-table th, .identity-table td {
    padding: 8px;
    font-size: 14px;
  }

  .journal-motto {
    font-size: 16px;
  }
}

.pkp_structure_main .page h1 {
    margin-top: 0;
    color: #517C1E;
    font-size: 28px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #6FAE2E;
}

/* ========================================
   SIDEBAR STYLING
   ======================================== */

.pkp_sidebar {
    background: transparent;
}

.pkp_block {
    background: var(--white);
    border: none;
    overflow: hidden;
    transition: all 0.3s ease;
}

.pkp_block h2,
.pkp_block .pkp_block_title {
    background: linear-gradient(135deg, #7BA428, #5A8A1E);
    color: var(--white);
    padding: 10px 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.pkp_block h2::before,
.pkp_block .pkp_block_title::before {
    content: '▸';
    margin-right: 8px;
    color: #FFEB3B;
}

.pkp_block .content,
.pkp_block .pkp_block_content {
    padding: 20px;
}

/* News & Announcements Block */
.announcement-item,
.news-item {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
    transition: all 0.3s ease;
}

.announcement-item:hover,
.news-item:hover {
    background: var(--light-bg);
    padding-left: 10px;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
}

.announcement-item:last-child,
.news-item:last-child {
    border-bottom: none;
}

.news-date,
.announcement-date {
    font-size: 12px;
    color: #0D9DC7;
    margin-bottom: 5px;
    font-weight: 600;
}

.news-title,
.announcement-title {
    font-weight: 600;
    color: #333333;
    margin-bottom: 5px;
    font-size: 14px;
}

.news-link,
.announcement-link {
    color: #7BA428;
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    transition: color 0.3s ease;
}

.news-link:hover,
.announcement-link:hover {
    color: #5A8A1E;
}

/* Make a Submission Button */
.pkp_block.block_make_submission a {
    background: #1a75cf !important;
    color: white !important;
    text-align: center;
    font-weight: bold;
    padding: 12px !important;
    display: block;
}


/* Sidebar Collapsible Sections */
.sidebar-section {
    background: var(--white);
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-section h3 {
    background: var(--light-bg);
    border-left: 4px solid #7BA428;
    padding: 15px 20px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.sidebar-section h3:hover {
    background: #E8F5E9;
}

.sidebar-section h3::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 22px;
    color: #7BA428;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.sidebar-section.active h3::after {
    content: '−';
    transform: rotate(180deg);
}

.sidebar-section .sidebar-content {
    padding: 20px;
    display: none;
}

.sidebar-section.active .sidebar-content {
    display: block;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pkp_block {
        padding: 1rem 2.143rem;
    }

.pkp_block .title {
    color: rgba(255, 255, 255, 1);
}

.block_information .content ul li a {
    color: #006798;
    text-align: left;
}


/* Styles pour la page Thématiques */
.page-thematiques {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.6;
}

/* Section Introduction */
.intro-section {
  margin-bottom: 40px;
  text-align: center;
}

.intro-section h2 {
  color: #517C1E;
  font-size: 28px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 4px solid #6FAE2E;
}

.intro-text {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin-top: 20px;
}

/* Sections Thématiques */
.thematique-section {
  margin-bottom: 35px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
  border-left: 6px solid #6FAE2E;
  transition: all 0.3s ease;
}

.thematique-section:hover {
  box-shadow: 0 4px 12px rgba(81, 124, 30, 0.15);
  transform: translateY(-2px);
}

/* Header de chaque thématique */
.theme-header {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 20px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.theme-number {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 28px;
  font-weight: bold;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid rgba(255, 255, 255, 0.5);
}

.theme-header h3 {
  color: #ffffff;
  font-size: 22px;
  margin: 0;
  font-weight: bold;
  line-height: 1.3;
}

/* Contenu de chaque thématique */
.theme-content {
  padding: 25px;
}

.theme-content p {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  text-align: justify;
}

.theme-intro {
  margin-bottom: 15px !important;
  font-weight: 500;
}

/* Détails avec liste */
.theme-details {
  margin-top: 15px;
  background: #f9fdf5;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #e0efd5;
}

.theme-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

.theme-details li {
  color: #333;
  font-size: 15px;
  padding: 8px 0 8px 25px;
  position: relative;
  line-height: 1.5;
}

.theme-details li:before {
  content: "▸";
  color: #6FAE2E;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 8px;
}

/* Variations de couleurs pour chaque thématique */
.theme-1 {
  border-left-color: #517C1E;
}

.theme-2 {
  border-left-color: #6FAE2E;
}

.theme-3 {
  border-left-color: #7FBD38;
}

.theme-4 {
  border-left-color: #5A8A1E;
}

.theme-5 {
  border-left-color: #6B9E2D;
}

.theme-6 {
  border-left-color: #4A7318;
}

/* Section Call to Action */
.cta-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cta-box {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 40px;
  /* border-radius: 10px; */
  text-align: center;
  color: #ffffff;
  /* box-shadow: 0 4px 15px rgba(81, 124, 30, 0.3); */
}

.cta-box h3 {
  color: #ffffff;
  font-size: 26px;
  margin: 0 0 15px 0;
  font-weight: bold;
}

.cta-box p {
  font-size: 16px;
  margin: 0 0 25px 0;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
}

.cta-button {
  display: inline-block;
  background: #ffffff;
  color: #517C1E;
  padding: 12px 35px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.cta-button:hover {
  background: #f5f9f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  color: #517C1E;
  text-decoration: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  .page-thematiques {
    padding: 15px;
  }

  .intro-text {
    font-size: 16px;
  }

  .theme-header {
    padding: 15px 20px;
  }

  .theme-number {
    width: 45px;
    height: 45px;
    font-size: 24px;
  }


  .theme-content {
    padding: 20px;
  }

  .theme-content p {
    font-size: 15px;
  }

  .theme-details ul {
    grid-template-columns: 1fr;
  }

  .cta-box {
    padding: 30px 20px;
  }


}

@media (max-width: 480px) {
  .theme-header {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .theme-number {
    width: 50px;
    height: 50px;
  }
}

/* Processus evaluation */

/* Styles pour la page Peer-Review */
.page-peer-review {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px;
  line-height: 1.4;
}

/* En-tête */
.header-section {
  text-align: center;
  margin-bottom: 20px;
}

.header-section h2 {
  color: #517C1E;
  font-size: 28px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 4px solid #6FAE2E;
}

.intro-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 5px 15px;
  border-left: 5px solid #6FAE2E;
}

.intro-highlight {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
}

/* Sections de contenu */
.content-section {
  margin-bottom: 35px;
  background: #ffffff;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.icon-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.icon-header .icon {
  font-size: 32px;
}

.icon-header h3 {
  color: #517C1E;
  font-size: 22px;
  margin: 0;
}

.content-section p {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 15px;
}

/* Criteria Box */
.criteria-box {
  background: #f9fdf5;
  padding: 20px;
  border: 2px solid #e0efd5;
  margin: 20px 0;
}

.criteria-box h4 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 15px 0;
}

.criteria-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.criteria-list li {
  padding: 10px 0 10px 30px;
  position: relative;
  color: #333;
  font-size: 16px;
}

.criteria-list li:before {
  content: "✓";
  color: #6FAE2E;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* Notice Box */
.notice-box {
  background: #fff9e6;
  border-left: 4px solid #6FAE2E;
  padding: 15px 20px;
  margin-top: 20px;
}

.notice-box p {
  margin: 0;
  color: #333;
}

/* Section Title */
.section-title {
  color: #517C1E;
  font-size: 22px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 3px solid #6FAE2E;
}

/* Timeline */
.timeline {
  position: relative;
  padding-left: 0;
}

.timeline-item {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  position: relative;
}

.timeline-item:not(:last-child):before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50px;
  bottom: -30px;
  width: 3px;
  background: linear-gradient(to bottom, #6FAE2E 0%, #7FBD38 100%);
}

.timeline-marker {
  flex-shrink: 0;
}

.step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(81, 124, 30, 0.3);
}

.timeline-content {
  flex: 1;
  background: #f9fdf5;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #6FAE2E;
}

.timeline-content h4 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.timeline-content p {
  margin: 0;
  text-align: left;
}

/* Commitment Section */
.commitment-section {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
}

.commitment-box {
  display: flex;
  align-items: center;
  gap: 25px;
}

.commitment-icon {
  font-size: 60px;
  flex-shrink: 0;
}

.commitment-text h3 {
  color: #ffffff;
  font-size: 22px;
  margin: 0 0 10px 0;
}

.commitment-text p {
  color: #ffffff;
  margin: 0;
  font-size: 16px;
  text-align: left;
}

/* Flowchart */
.flowchart {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.flow-box {
  background: #ffffff;
  border: 3px solid #6FAE2E;
  padding: 20px 30px;
  border-radius: 8px;
  text-align: center;
  min-width: 280px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.flow-box strong {
  display: block;
  color: #517C1E;
  font-size: 16px;
  margin-bottom: 5px;
}

.flow-detail {
  display: block;
  color: #666;
  font-size: 14px;
  font-style: italic;
}

.flow-start {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  border-color: #517C1E;
}

.flow-start strong {
  color: #ffffff;
}

.flow-arrow {
  color: #6FAE2E;
  font-size: 30px;
  margin: 10px 0;
  font-weight: bold;
}

.flow-decisions {
  display: flex;
  gap: 15px;
  margin-top: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.flow-decisions .flow-box {
  min-width: 150px;
  padding: 15px 20px;
}

.flow-accept {
  border-color: #4CAF50;
}

.flow-accept strong {
  color: #4CAF50;
}

.flow-revise {
  border-color: #FF9800;
}

.flow-revise strong {
  color: #FF9800;
}

.flow-reject {
  border-color: #F44336;
}

.flow-reject strong {
  color: #F44336;
}

/* CTA Section */

.cta-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 40px;
  /* border-radius: 10px; */
  text-align: center;
  border: 3px solid #6FAE2E;
}

.cta-box h3 {
  color: #517C1E;
  font-size: 24px;
  margin: 0 0 15px 0;
}

.cta-box p {
  font-size: 16px;
  color: #333;
  margin: 0 0 25px 0;
  text-align: center;
}

.cta-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-button {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.cta-button.primary {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
}

.cta-button.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(81, 124, 30, 0.3);
  color: #ffffff;
  text-decoration: none;
}

.cta-button.secondary {
  background: #ffffff;
  color: #517C1E;
  border: 2px solid #6FAE2E;
}

.cta-button.secondary:hover {
  background: #6FAE2E;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(111, 174, 46, 0.3);
  text-decoration: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  .page-peer-review {
    padding: 15px;
  }

  .header-section h2 {
    font-size: 24px;
  }

  .intro-highlight {
    font-size: 16px;
  }

  .content-section {
    padding: 20px;
  }

  .icon-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .timeline-item {
    flex-direction: column;
  }

  .timeline-item:not(:last-child):before {
    left: 24px;
    top: 60px;
  }

  .commitment-box {
    flex-direction: column;
    text-align: center;
  }

  .commitment-text p {
    text-align: center;
  }

  .flow-box {
    min-width: auto;
    width: 100%;
  }

  .flow-decisions {
    flex-direction: column;
  }

  .flow-decisions .flow-box {
    width: 100%;
  }

  .cta-buttons {
    flex-direction: column;
  }

  .cta-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .step-number {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }

  .commitment-icon {
    font-size: 50px;
  }
}

/* ============================================
   DESIGN INSTITUTIONNEL COMPACT
   ============================================ */


/* En-tête */
.page-header {
  background: #517C1E;
  padding: 10px 25px;
  margin-bottom: 25px;
  border-bottom: 4px solid #6FAE2E;
}

.page-header h1 {
  color: #ffffff;
  font-size: 28px;
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Titres de section */
.section-title {
  color: #517C1E;
  font-size: 22px;
  margin: 0 0 15px 0;
  padding: 12px 20px;
  background: linear-gradient(to right, #f5f9f0, transparent);
  border-left: 5px solid #6FAE2E;
  font-weight: 700;
}

/* Sections */
.missions-section,
.members-section,
.criteria-section {
  margin-bottom: 30px;
  padding: 0 10px;
}

/* Intro paragraph */
.intro-paragraph {
  background: #f9fdf5;
  padding: 15px 20px;
  margin-bottom: 20px;
  border-left: 3px solid #6FAE2E;
}

.intro-paragraph p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  text-align: justify;
}

/* Missions en colonnes */
.missions-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 20px;
}

.mission-compact {
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  background: #fafafa;
  border-left: 3px solid #6FAE2E;
  font-size: 14px;
  line-height: 1.5;
}

.mission-compact .num {
  color: #517C1E;
  font-weight: 700;
  flex-shrink: 0;
}

.mission-compact strong {
  color: #2d2d2d;
  font-weight: 600;
}

/* Domain groups */
.domain-group {
  margin-bottom: 25px;
}

.domain-header {
  background: #517C1E;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  margin: 0 0 10px 0;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* Table des membres */
.members-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.members-table thead {
  background: #f5f9f0;
  border-bottom: 2px solid #6FAE2E;
}

.members-table th {
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  color: #517C1E;
  font-size: 13px;
  border-right: 1px solid #e0efd5;
}

.members-table th:last-child {
  border-right: none;
}

.members-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  vertical-align: top;
  border-right: 1px solid #f8f8f8;
}

.members-table td:last-child {
  border-right: none;
}

.members-table tbody tr:hover {
  background: #fafdf7;
}

.members-table tbody tr:last-child td {
  border-bottom: 2px solid #6FAE2E;
}

.members-table strong {
  color: #2d2d2d;
  font-weight: 600;
}

.members-table a {
  color: #6FAE2E;
  text-decoration: none;
  word-break: break-all;
}

.members-table a:hover {
  text-decoration: underline;
  color: #517C1E;
}

.members-table em {
  color: #999;
  font-style: italic;
  font-size: 12px;
}

/* Criteria section */
.criteria-section {
  background: #f9fdf5;
  padding: 20px 25px;
  border-left: 5px solid #6FAE2E;
  border-right: 5px solid #6FAE2E;
}

.criteria-text p {
  margin: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.7;
  text-align: justify;
}

.criteria-text strong {
  color: #517C1E;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 1200px) {
  .members-table {
    font-size: 12px;
  }

  .members-table th,
  .members-table td {
    padding: 8px 10px;
  }
}

@media (max-width: 992px) {
  .missions-columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .members-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .members-table thead,
  .members-table tbody,
  .members-table th,
  .members-table td,
  .members-table tr {
    display: block;
  }

  .members-table thead {
    display: none;
  }

  .members-table tr {
    margin-bottom: 15px;
    border: 1px solid #e0efd5;
    border-left: 4px solid #6FAE2E;
    padding: 10px;
    background: #fafafa;
  }

  .members-table td {
    border: none;
    padding: 5px 10px;
    white-space: normal;
    text-align: left;
    position: relative;
    padding-left: 40%;
  }

  .members-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: 600;
    color: #517C1E;
    font-size: 12px;
  }

  .members-table td:first-child:before {
    content: "N° : ";
  }

  .members-table td:nth-child(2):before {
    content: "Nom : ";
  }

  .members-table td:nth-child(3):before {
    content: "Grade : ";
  }

  .members-table td:nth-child(4):before {
    content: "Institution : ";
  }

  .members-table td:nth-child(5):before {
    content: "Spécialité : ";
  }

  .members-table td:nth-child(6):before {
    content: "Email : ";
  }
}

@media (max-width: 768px) {
  .page-scientific-committee-compact {
    padding: 10px;
  }

  .page-header {
    padding: 15px 20px;
  }

  .page-header h1 {
    font-size: 24px;
  }

  .section-title {
    font-size: 20px;
    padding: 10px 15px;
  }

  .missions-section,
  .members-section,
  .criteria-section {
    padding: 0 5px;
  }

  .mission-compact {
    font-size: 13px;
    padding: 8px 12px;
  }

  .domain-header {
    font-size: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .page-header h1 {
    font-size: 20px;
  }

  .section-title {
    font-size: 18px;
  }

  .intro-paragraph p,
  .criteria-text p {
    font-size: 13px;
  }

  .mission-compact {
    flex-direction: column;
    gap: 5px;
  }
}

/* Print styles */
@media print {
  .page-scientific-committee-compact {
    max-width: 100%;
    padding: 0;
  }

  .page-header {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #000;
  }

  .page-header h1 {
    color: #000;
  }

  .section-title {
    background: none;
    border-left: 3px solid #000;
  }

  .members-table {
    box-shadow: none;
  }

  .members-table a {
    color: #000;
    text-decoration: underline;
  }

  .mission-compact,
  .intro-paragraph,
  .criteria-section {
    background: #fff;
  }
}


/* ============================================
   PAGE MODÈLES ET FORMULAIRES
   ============================================ */

/* En-tête */
.page-header {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  margin-bottom: 15px;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(81, 124, 30, 0.3);
}

.page-header h1 {
  font-size: 32px;
  margin: 0 0 10px 0;
  font-weight: 700;
}

.header-subtitle {
  font-size: 16px;
  margin: 0;
  opacity: 0.95;
  font-weight: 300;
}

/* Introduction */
.intro-section {
  margin-bottom: 40px;
}

.intro-box {
  background: #ffffff;
  padding: 25px;
  border-left: 5px solid #6FAE2E;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.intro-box p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  text-align: justify;
}

/* Sections */

.section-title {
  color: #517C1E;
  font-size: 24px;
  margin: 0 0 20px 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #6FAE2E;
  font-weight: 700;
}

.description-text {
  margin-bottom: 25px;
}

.description-text p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin: 0;
}

/* Downloads Grid */
.downloads-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 25px;
  margin-bottom: 25px;
}

.download-card {
  border: 2px solid #e0efd5;
  padding: 25px;
  background: #f9fdf5;
  transition: all 0.3s ease;
}

.download-card:hover {
  border-color: #6FAE2E;
  box-shadow: 0 4px 15px rgba(81, 124, 30, 0.15);
  transform: translateY(-3px);
}

.card-icon {
  margin-bottom: 15px;
}

.card-content h3 {
  color: #2d2d2d;
  font-size: 20px;
  margin: 0 0 8px 0;
  font-weight: 600;
}

.card-description {
  color: #666;
  font-size: 14px;
  margin: 0 0 15px 0;
  font-style: italic;
}

.card-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
  padding: 12px;
  background: #ffffff;
}

.detail-item {
  font-size: 13px;
  color: #555;
}

.detail-item strong {
  color: #517C1E;
  font-weight: 600;
}

.download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  padding: 12px 25px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(81, 124, 30, 0.3);
}

.download-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(81, 124, 30, 0.4);
  color: #ffffff;
  text-decoration: none;
}

/* Info Box */
.info-box {
  background: #fff9e6;
  border-left: 4px solid #FFA726;
  padding: 20px;
  display: flex;
  gap: 15px;
}

.info-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.info-content strong {
  color: #2d2d2d;
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}

.info-content p {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Forms List */
.forms-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-item {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #f9fdf5;
  border-radius: 8px;
  border-left: 4px solid #6FAE2E;
}

.form-number {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.form-info h3 {
  color: #2d2d2d;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.form-info p {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.form-status {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.status-badge.required {
  background: #ffebee;
  color: #c62828;
}

.status-badge.recommended {
  background: #e3f2fd;
  color: #1565c0;
}

.coming-soon,
.coming-soon-inline {
  font-size: 12px;
  color: #999;
  font-style: italic;
}

/* Additional Grid */
.additional-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.additional-card {
  padding: 20px;
  background: #f9fdf5;
  border-radius: 8px;
  border: 1px solid #e0efd5;
}

.additional-card h3 {
  color: #517C1E;
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.additional-card p {
  font-size: 14px;
  color: #555;
  margin: 0 0 10px 0;
  line-height: 1.5;
}

/* Tools Grid */
.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.tool-category h3 {
  color: #2d2d2d;
  font-size: 16px;
  margin: 0 0 12px 0;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 2px solid #e0efd5;
}

.tool-category ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tool-category li {
  padding: 8px 0 8px 20px;
  position: relative;
  font-size: 14px;
  color: #555;
}

.tool-category li:before {
  content: "▸";
  color: #6FAE2E;
  position: absolute;
  left: 0;
  font-weight: bold;
}

.tool-category a {
  color: #6FAE2E;
  text-decoration: none;
  font-weight: 500;
}

.tool-category a:hover {
  text-decoration: underline;
  color: #517C1E;
}

/* Support Section */
.support-section {
  margin-bottom: 10px;
}

.support-box {
  background: #f9fdf5;
  padding: 30px;
  border: 2px solid #e0efd5;
  margin-top : 20px;
}

.support-box h2 {
  color: #517C1E;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: 700;
}

.support-box > p {
  font-size: 15px;
  color: #555;
  margin: 0 0 20px 0;
  line-height: 1.7;
}

.support-contacts {
  display: flex;
  flex-direction: column;
}

.contact-item {
  font-size: 14px;
  color: #333;
}

.contact-item strong {
  color: #517C1E;
  font-weight: 600;
}

.contact-item a {
  color: #6FAE2E;
  text-decoration: none;
}

.contact-item a:hover {
  text-decoration: underline;
}

/* CTA Section */

.cta-content h2 {
  font-size: 26px;
  margin: 0 0 15px 0;
  font-weight: 700;
}

.cta-content > p {
  font-size: 16px;
  margin: 0 0 25px 0;
  opacity: 0.95;
}

.cta-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

.cta-btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
}

.cta-btn.primary {
  background: #ffffff;
  color: #517C1E;
}

.cta-btn.primary:hover {
  background: #f5f9f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  color: #517C1E;
  text-decoration: none;
}

.cta-btn.secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.cta-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
  color: #ffffff;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
  .page-templates-forms {
    padding: 15px;
  }

  .page-header {
    padding: 15px 10px;
  }

  .page-header h1 {
    font-size: 26px;
  }

  .templates-section,
  .forms-section,
  .additional-section,
  .tools-section {
    padding: 20px;
  }

  .section-title {
    font-size: 22px;
  }

  .downloads-grid {
    grid-template-columns: 1fr;
  }

  .form-item {
    flex-direction: column;
  }

  .tools-grid,
  .additional-grid {
    grid-template-columns: 1fr;
  }

  .cta-buttons {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .page-header h1 {
    font-size: 24px;
  }

  .header-subtitle {
    font-size: 14px;
  }

  .download-card {
    padding: 20px;
  }
}
.pkp_structure_main p {
    margin: 0;
}
.pkp_structure_main p:last-child {
    margin-bottom: 0;
    margin-top: 0px;
}

@media (min-width: 992px) {
    .pkp_nav_list ul {
        width: 15em;
        margin: 0;
        padding: 0;
        background: #fff;
        border-radius: 0px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

        .pkp_nav_list ul li:last-child a {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        .pkp_nav_list ul li:first-child a {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .pkp_navigation_primary>li:hover ul {
        left: 1rem;
        top: 2.5rem;
    }
}

/* ============================================
   PAGE COMITÉ ÉDITORIAL
   ============================================ */


/* En-tête */
.header-subtitle {
  font-size: 16px;
  margin: 0;
  opacity: 0.95;
  font-weight: 300;
}

/* Sections */
.section-title {
  color: #517C1E;
  font-size: 26px;
  margin: 0 0 20px 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #6FAE2E;
  font-weight: 700;
}

.subsection-title {
  color: #2d2d2d;
  font-size: 20px;
  margin: 0 0 20px 0;
  font-weight: 600;
  padding: 12px 20px;
  background: linear-gradient(to right, #f5f9f0, transparent);
  border-left: 4px solid #6FAE2E;
}

/* Mission intro */
.mission-intro {
  background: #f9fdf5;
  padding: 20px 25px;
  border-left: 4px solid #6FAE2E;
  margin-bottom: 30px;
}

.mission-intro p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  font-weight: 500;
}

/* Responsibilities List */
.responsibilities-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.responsibility-item {
  display: flex;
  gap: 15px;
  padding: 18px;
  background: #fafafa;
  border-left: 3px solid #6FAE2E;
  transition: all 0.3s ease;
}

.responsibility-item:hover {
  background: #f5f9f0;
  box-shadow: 0 2px 8px rgba(81, 124, 30, 0.1);
}

.resp-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resp-content h3 {
  color: #2d2d2d;
  font-size: 16px;
  margin: 0 0 8px 0;
  font-weight: 600;
}

.resp-content p {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Composition intro */
.composition-intro {
  background: #f9fdf5;
  padding: 15px 25px;
  border-left: 4px solid #6FAE2E;
  margin-bottom: 30px;
}

.composition-intro p {
  margin: 0;
  font-size: 16px;
  color: #333;
}

.composition-intro strong {
  color: #517C1E;
  font-weight: 700;
}

/* Leadership Team */
.leadership-team {
  margin-bottom: 40px;
}

.leadership-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Le premier élément prend toute la largeur */
.leader-card:first-child {
  grid-column: 1 / -1;
}

.leader-card {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 10px 20px;
  border-top: 4px solid #6FAE2E;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.leader-card:hover {
  box-shadow: 0 4px 15px rgba(81, 124, 30, 0.2);
  transform: translateY(-3px);
}

.leader-card.primary {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  border-top: 4px solid #3d5a14;
}

.leader-card.primary .leader-badge {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.leader-card.primary .leader-info h4,
.leader-card.primary .leader-info p {
  color: #ffffff;
}

.leader-card.primary .leader-email a {
  color: #ffffff;
  text-decoration: underline;
}

.leader-badge {
  display: inline-block;
  background: #6FAE2E;
  color: #ffffff;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

.leader-info h4 {
  color: #2d2d2d;
  font-size: 20px;
  margin: 0 0 12px 0;
  font-weight: 700;
}

.leader-grade,
.leader-institution,
.leader-email {
  margin: 6px 0;
  font-size: 14px;
  color: #555;
}

.leader-grade {
  font-weight: 600;
  color: #517C1E;
}

.leader-email a {
  color: #6FAE2E;
  text-decoration: none;
  word-break: break-all;
}

.leader-email a:hover {
  text-decoration: underline;
}

/* Members List */
.members-list {
  margin-top: 30px;
}

.editorial-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  font-size: 14px;
}

.editorial-table thead {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
}

.editorial-table th {
  padding: 12px 15px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.editorial-table th:last-child {
  border-right: none;
}

.editorial-table td {
  padding: 12px 15px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  vertical-align: top;
}

.editorial-table tbody tr:hover {
  background: #f9fdf5;
}

.editorial-table tbody tr:last-child td {
  border-bottom: 2px solid #6FAE2E;
}

.editorial-table strong {
  color: #2d2d2d;
  font-weight: 600;
}

.editorial-table a {
  color: #6FAE2E;
  text-decoration: none;
  word-break: break-all;
}

.editorial-table a:hover {
  text-decoration: underline;
  color: #517C1E;
}

.editorial-table em {
  color: #999;
  font-style: italic;
  font-size: 13px;
}

/* Contact Section */
.contact-section {
  margin-top: 20px;
}

.contact-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 10px 20px;
  border: 2px solid #e0efd5;
}

.contact-box h2 {
  color: #517C1E;
  font-size: 20px;
  margin: 0 0 5px 0;
  font-weight: 700;
}

.contact-box > p {
  font-size: 15px;
  color: #555;
  margin: 0 0 0px 0;
  line-height: 1.7;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-item {
  font-size: 14px;
  color: #333;
  padding: 8px 0;
}

.contact-item strong {
  color: #517C1E;
  font-weight: 600;
}

.contact-item a {
  color: #6FAE2E;
  text-decoration: none;
}

.contact-item a:hover {
  text-decoration: underline;
  color: #517C1E;
}

/* Responsive */
@media (max-width: 992px) {
  .responsibilities-list {
    grid-template-columns: 1fr;
  }

  .leadership-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .page-editorial-committee {
    padding: 15px;
  }

  .page-header {
    padding: 25px 20px;
  }

  .page-header h1 {
    font-size: 26px;
  }

  .mission-section,
  .composition-section {
    padding: 20px;
  }

  .section-title {
    font-size: 24px;
  }

  .subsection-title {
    font-size: 18px;
  }

  .responsibility-item {
    flex-direction: column;
  }

  .editorial-table {
    display: block;
    overflow-x: auto;
  }

  .editorial-table,
  .editorial-table thead,
  .editorial-table tbody,
  .editorial-table th,
  .editorial-table td,
  .editorial-table tr {
    display: block;
  }

  .editorial-table thead {
    display: none;
  }

  .editorial-table tr {
    margin-bottom: 15px;
    border: 1px solid #e0efd5;
    border-left: 4px solid #6FAE2E;
    padding: 15px;
    background: #fafafa;
  }

  .editorial-table td {
    border: none;
    padding: 8px 0;
    text-align: left;
    position: relative;
    padding-left: 50%;
  }

  .editorial-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: 600;
    color: #517C1E;
    font-size: 13px;
  }

  .editorial-table tbody tr:first-child td:nth-child(1):before { content: "N° : "; }
  .editorial-table tbody tr:first-child td:nth-child(2):before { content: "Nom : "; }
  .editorial-table tbody tr:first-child td:nth-child(3):before { content: "Grade : "; }
  .editorial-table tbody tr:first-child td:nth-child(4):before { content: "Institution : "; }
  .editorial-table tbody tr:first-child td:nth-child(5):before { content: "Pays : "; }
  .editorial-table tbody tr:first-child td:nth-child(6):before { content: "Email : "; }
}

@media (max-width: 480px) {
  .page-header h1 {
    font-size: 24px;
  }

  .header-subtitle {
    font-size: 14px;
  }

  .resp-content h3 {
    font-size: 15px;
  }

  .resp-content p {
    font-size: 13px;
  }

  .leader-info h4 {
    font-size: 18px;
  }
}

/* Print Styles */
@media print {
  .page-editorial-committee {
    max-width: 100%;
    padding: 0;
    background: #fff;
  }

  .page-header {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #000;
  }

  .page-header h1 {
    color: #000;
  }

  .section-title {
    border-bottom: 2px solid #000;
  }

  .editorial-table a {
    color: #000;
    text-decoration: underline;
  }

  .contact-box,
  .mission-intro,
  .composition-intro {
    background: #fff;
  }

  .responsibility-item {
    page-break-inside: avoid;
  }
}

.pkp_structure_head {
    background-color: transparent !important;
}
.pkp_structure_head {
    background-image: url("https://jirecs.uvci.edu.ci/public/journals/1/homepageImage_fr_FR.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* s’adapte à toutes les tailles d’écran */
    min-height: 160px;      /* hauteur de la bannière */
}


    .pkp_site_name .is_img img {
        max-height: 100px !important;
    }







@media (max-width: 760px) {
      .pkp_site_nav_toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.857rem;
    height: 2.857rem;
    border: 0;
    background: #6FAE2E;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2);
    z-index: 999;
}
  .pkp_site_nav_menu {
    position: absolute;
    width: 100%;
    top: 100%;
    background: rgb(81, 124, 30);
    left: 0px;
    padding: 0.714rem;
    z-index: 9999;
} 
.pkp_footer_content {
    padding: 2rem 0rem;
    text-align: left;
}
}

/* ============================================
   PAGE TYPES DE PUBLICATIONS
   ============================================ */

/* Introduction */
.intro-section {
  margin-bottom: 35px;
}

.intro-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 25px 30px;
  border-left: 5px solid #6FAE2E;
}

.intro-highlight {
  font-size: 17px;
  color: #333;
  margin: 0;
  line-height: 1.7;
  text-align: justify;
}

.intro-highlight strong {
  color: #517C1E;
  font-weight: 600;
}

/* Catégories de publications */
.publication-category {
  margin-bottom: 35px;
  background: #ffffff;
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.08);*/
  overflow: hidden;
  transition: all 0.3s ease;
}

.publication-category:hover {
  box-shadow: 0 4px 4px rgba(81, 124, 30, 0.15);
  transform: translateY(-2px);
}

/* Header des catégories */
.category-header {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.category-icon {
  font-size: 32px;
  flex-shrink: 0;
}

.category-header h3 {
  color: #ffffff;
  font-size: 22px;
  margin: 0;
  font-weight: bold;
  line-height: 1.3;
}

/* Contenu des catégories */
.category-content {
  padding: 25px;
}

.publication-item {
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #f9fdf5;
  border-left: 4px solid #6FAE2E;
  transition: all 0.3s ease;
}

.publication-item:last-child {
  margin-bottom: 0;
}

.publication-item:hover {
  background: #f0f8e8;
  border-left-width: 6px;
  padding-left: 20px;
}

.publication-item h4 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 5px 0;
  font-weight: 600;
}

.publication-item p {
  color: #333;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
  text-align: justify;
}


/* Notice importante */
.peer-review-notice {
  margin: 35px 0;
}

.notice-box-important {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 10px 25px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.notice-icon {
  font-size: 36px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.25);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  font-weight: bold;
}

.notice-box-important p {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  line-height: 1.6;
}

.notice-box-important strong {
  font-weight: 700;
}

/* Responsive Design */
@media (max-width: 768px) {
  .page-publication-types {
    padding: 10px;
  }

  .intro-box {
    padding: 15px;
  }

  .intro-highlight {
    font-size: 16px;
  }

  .category-header {
    padding: 10px 15px;
  }

  .category-icon {
    font-size: 24px;
  }

  .category-header h3 {
    font-size: 18px;
  }

  .category-content {
    padding: 18px;
  }

  .publication-item {
    padding: 10px;
  }

  .publication-item h4 {
    font-size: 15px;
  }

  .publication-item p {
    font-size: 14px;
  }

  .notice-box-important {
    flex-direction: column;
    text-align: center;
    padding: 10px;
  }

  .notice-box-important p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .category-header {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .category-icon {
    font-size: 28px;
  }

  .notice-icon {
    width: 40px;
    height: 40px;
    font-size: 26px;
  }
}

/* Print Styles */
@media print {
  .page-publication-types {
    max-width: 100%;
    padding: 0;
  }

  .category-header {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #000;
  }

  .category-header h3 {
    color: #000;
  }

  .publication-item {
    background: #fff;
    page-break-inside: avoid;
  }

  .notice-box-important {
    background: #fff;
    border: 2px solid #000;
    color: #000;
  }

  .notice-box-important p {
    color: #000;
  }

  .cta-section {
    display: none;
  }
}


/* ============================================
   PAGE INSTRUCTIONS AUX AUTEURS
   ============================================ */


/* En-tête */
.page-header {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 10px 25px;
  margin-bottom: 25px;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(81, 124, 30, 0.3);
}

.page-header h1 {
  font-size: 32px;
  margin: 0 0 10px 0;
  font-weight: 700;
  color: #ffffff;
  border: none;
}

.header-subtitle {
  font-size: 16px;
  margin: 0;
  opacity: 0.95;
  font-weight: 300;
}

/* Introduction */
.intro-section {
  margin-bottom: 25px;
}

.intro-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 10px 25px;
  border-left: 3px solid #6FAE2E;
}

.intro-highlight {
  font-size: 17px;
  color: #333;
  margin: 0;
  line-height: 1.7;
}

.intro-highlight strong {
  color: #517C1E;
  font-weight: 600;
}

/* Sections d'instructions */
.instruction-section {
  margin-bottom: 45px;
}

.section-title {
  color: #517C1E;
  font-size: 26px;
  margin: 0 0 25px 0;
  padding: 10px 20px;
  background: linear-gradient(to right, #f5f9f0, transparent);
  border-left: 3px solid #6FAE2E;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 15px;
}

.section-number {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 700;
  flex-shrink: 0;
}

.subsection-title {
  color: #2d2d2d;
  font-size: 20px;
  margin: 25px 0 15px 0;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 2px solid #e0efd5;
}

/* Content box */
.content-box {
  background: #ffffff;
  padding: 10px;
}

.section-intro {
  font-size: 16px;
  color: #555;
  margin: 0 0 25px 0;
  font-weight: 500;
}

/* Structure Grid */
.structure-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 25px;
}

.structure-item {
  display: flex;
  gap: 15px;
  padding: 18px;
  background: #f9fdf5;
  border-left: 3px solid #6FAE2E;
  transition: all 0.3s ease;
}

.structure-item:hover {
  background: #f0f8e8;
  box-shadow: 0 3px 10px rgba(81, 124, 30, 0.1);
  transform: translateY(-2px);
}

.item-number {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-content h3 {
  color: #2d2d2d;
  font-size: 16px;
  margin: 0 0 8px 0;
  font-weight: 600;
}

.item-content p {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.item-content strong {
  color: #517C1E;
  font-weight: 600;
}

/* Note Box */
.note-box {
  background: #fff9e6;
  border-left: 3px solid #FFA726;
  padding: 10px 20px;
  margin-top: 25px;
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.note-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.note-box p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.note-box strong {
  color: #2d2d2d;
  font-weight: 600;
}

/* Typographie Rules */
.typo-rules {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.typo-item {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #f9fdf5;
  border-left: 3px solid #6FAE2E;
}

.typo-icon {
  font-size: 32px;
  flex-shrink: 0;
}

.typo-content h3 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.typo-content p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
}

.typo-content strong {
  color: #2d2d2d;
  font-weight: 600;
}

.typo-content ul {
  margin: 10px 0 0 0;
  padding-left: 20px;
}

.typo-content li {
  margin: 6px 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.typo-content a {
  color: #6FAE2E;
  text-decoration: none;
  font-weight: 500;
}

.typo-content a:hover {
  text-decoration: underline;
  color: #517C1E;
}

/* Section APA */

.apa-intro {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 20px 25px;
  border-left: 3px solid #6FAE2E;
  margin-bottom: 30px;
}

.apa-intro p {
  margin: 0 0 15px 0;
  font-size: 16px;
  color: #2d2d2d;
  font-weight: 600;
}

.apa-intro ul {
  margin: 0;
  padding-left: 25px;
}

.apa-intro li {
  margin: 8px 0;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.apa-intro strong {
  color: #517C1E;
  font-weight: 600;
}

/* Citations dans le texte */
.citation-rules {
  margin-bottom: 35px;
}

.citation-examples {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  margin-top: 15px;
}

.citation-case {
  background: #ffffff;
  border: 2px solid #e0efd5;
  overflow: hidden;
  transition: all 0.3s ease;
}

.citation-case:hover {
  border-color: #6FAE2E;
  box-shadow: 0 3px 10px rgba(81, 124, 30, 0.1);
}

.case-header {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  color: #ffffff;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 14px;
}

.case-example {
  padding: 15px;
  font-size: 14px;
  color: #333;
  font-family: 'Courier New', monospace;
  background: #f9fdf5;
  line-height: 1.6;
}

/* Exemples de références */
.reference-examples {
  margin-top: 20px;
}

.ref-type {
  margin-bottom: 25px;
  border: 2px solid #e0efd5;
  overflow: hidden;
  background: #ffffff;
}

.ref-type-header {
  background: #f5f9f0;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 2px solid #e0efd5;
}

.ref-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.ref-type-header h4 {
  color: #517C1E;
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}

.ref-format {
  padding: 15px 20px;
  background: #fafdf9;
  border-bottom: 1px solid #e8f5e0;
}

.ref-format strong {
  color: #2d2d2d;
  font-weight: 600;
}

.ref-format code {
  display: block;
  margin-top: 8px;
  padding: 12px;
  background: #ffffff;
  border-left: 3px solid #6FAE2E;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  color: #333;
  line-height: 1.6;
  overflow-x: auto;
}

.ref-example {
  padding: 15px 20px;
}

.ref-example strong {
  color: #2d2d2d;
  font-weight: 600;
}

.example-text {
  margin: 8px 0 0 0;
  padding: 12px;
  background: #f9fdf5;
  border-left: 3px solid #7FBD38;
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.example-text em {
  font-style: italic;
}

.ref-note {
  padding: 12px 20px;
  background: #fff9e6;
  border-top: 1px solid #e8f5e0;
}

.ref-note p {
  margin: 0;
  font-size: 13px;
  color: #666;
  font-style: italic;
}

.ref-note strong {
  color: #2d2d2d;
}

/* Bonnes pratiques */
.best-practices {
  margin-top: 20px;
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 10px 25px;
  border-left: 5px solid #4CAF50;
}

.best-practices .subsection-title {
  color: #4CAF50;
  border-bottom: 2px solid #4CAF50;
  margin-top: 0;
}

.practices-list {
  margin: 15px 0 0 0;
  padding-left: 25px;
}

.practices-list li {
  margin: 10px 0;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
}

.practices-list strong {
  color: #2d2d2d;
  font-weight: 600;
}

/* Langues et traduction */
.language-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.lang-item {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #f9fdf5;
  border-left: 3px solid #6FAE2E;
}

.lang-icon {
  font-size: 36px;
  flex-shrink: 0;
}

.lang-content h3 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.lang-content p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
}

.lang-content strong {
  color: #2d2d2d;
  font-weight: 600;
}

/* Accessibilité et diffusion */
.access-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.access-item {
  padding: 10px 25px;
  background: #f9fdf5;
  border-top: 4px solid #6FAE2E;
  text-align: center;
  transition: all 0.3s ease;
}

.access-item:hover {
  background: #f0f8e8;
  box-shadow: 0 4px 12px rgba(81, 124, 30, 0.15);
  transform: translateY(-3px);
}

.access-icon {
  font-size: 48px;
  margin-bottom: 15px;
}

.access-item h3 {
  color: #517C1E;
  font-size: 18px;
  margin: 0 0 12px 0;
  font-weight: 600;
}

.access-item p {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.access-item strong {
  color: #2d2d2d;
  font-weight: 600;
}

/* Révision box */
.revision-box {
  background: linear-gradient(135deg, #f5f9f0 0%, #e8f5e0 100%);
  padding: 25px 30px;
  border-left: 3px solid #6FAE2E;
  display: flex;
  gap: 20px;
  align-items: center;
}

.revision-icon {
  font-size: 48px;
  flex-shrink: 0;
}

.revision-box p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.7;
}

.revision-box strong {
  color: #517C1E;
  font-weight: 600;
}

/* CTA Section */
.cta-section {
  margin-top: 45px;
  margin-bottom: 30px;
}

.cta-box {
  background: linear-gradient(135deg, #517C1E 0%, #6FAE2E 100%);
  padding: 40px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(81, 124, 30, 0.3);
}

.cta-box h2 {
  color: #ffffff;
  font-size: 28px;
  margin: 0 0 15px 0;
  font-weight: 700;
  border: none;
}

.cta-box p {
  font-size: 16px;
  margin: 0 0 30px 0;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
}

.cta-buttons-directives {
  display: flex;
  gap: 15px;
  justify-content: center;
  /*flex-wrap: wrap;*/
}

.cta-button {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.cta-button.primary {
  background: #ffffff;
  color: #517C1E;
}

.cta-button.primary:hover {
  background: #f5f9f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  color: #517C1E;
  text-decoration: none;
}

.cta-button.secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.cta-button.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
  color: #ffffff;
  text-decoration: none;
}

/* Responsive Design */
@media (max-width: 992px) {
  .structure-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .citation-examples {
    grid-template-columns: 1fr;
  }

  .access-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .page-instructions-auteurs {
    padding: 15px;
  }

  .page-header {
    padding: 25px 20px;
  }

  .page-header h1 {
    font-size: 26px;
  }

  .header-subtitle {
    font-size: 14px;
  }

  .intro-box {
    padding: 20px;
  }

  .intro-highlight {
    font-size: 16px;
  }

  .content-box {
    padding: 20px;
  }

  .section-title {
    font-size: 24px;
    flex-direction: column;
    text-align: center;
  }

  .section-number {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .structure-grid {
    grid-template-columns: 1fr;
  }

  .structure-item,
  .typo-item,
  .lang-item {
    flex-direction: column;
  }

  .typo-icon,
  .lang-icon {
    font-size: 28px;
  }

  .revision-box {
    flex-direction: column;
    text-align: center;
  }

  .cta-buttons {
    flex-direction: column;
  }

  .cta-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .page-header h1 {
    font-size: 22px;
  }

  .cta-box h2 {
    font-size: 24px;
  }

  .ref-format code {
    font-size: 12px;
  }

  .access-icon {
    font-size: 40px;
  }

  .revision-icon {
    font-size: 40px;
  }
}

/* Print Styles */
@media print {
  .page-instructions-auteurs {
    max-width: 100%;
    padding: 0;
  }

  .page-header {
    background: #fff;
    color: #000;
    border-bottom: 3px solid #000;
    box-shadow: none;
  }

  .page-header h1 {
    color: #000;
  }

  .section-title {
    background: none;
    border-left: 3px solid #000;
  }

  .cta-section {
    display: none;
  }

  .structure-item,
  .typo-item,
  .lang-item,
  .access-item {
    page-break-inside: avoid;
  }

  .content-box,
  .intro-box,
  .apa-intro,
  .best-practices,
  .revision-box {
    box-shadow: none;
  }

  a {
    color: #000;
    text-decoration: underline;
  }
}

/* Logo section - complètement séparé du footer vert */
.footer_logo {
    background: #ffffff;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 10px 0;
    text-align: center;
}

.footer_logo img {
    max-width: 70%;
    height: auto;
    text-align: center;
    display: inline-block;
}

body {
    overflow-x: hidden;
}

/* Footer vert - commence APRÈS le bloc blanc des logos */
.pkp_structure_footer_wrapper {
    background: linear-gradient(135deg, #4A7318 0%, #5A8A1E 100%);
    border-top: solid 5px #7FBD38;
    /* Le bloc logo est AU-DESSUS, pas dedans */
    margin-top: 0;
}

/* S'assurer qu'il n'y a pas d'espace entre les deux */
.pkp_structure_footer_wrapper {
    clear: both;
}

/* Le contenu du footer (les 3 colonnes) */
.footer-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}