/******** sidebar-nav **********/
.titre_menu li,
.titre_menu li.active .separator{
	display:none;
}
.titre_menu li.active{
	display:block;
}
.sidebar-nav li{
	display:none;
}

.sidebar-nav li.active,
.sidebar-nav li.active ul li {
	display:block;
}
.sidebar-nav li.active .separator {
	background:#393f53;
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 10px 20px;
    text-transform: uppercase;
	margin-bottom:5px;
}
.sidebar-nav li.active ul{
	background:#393f53;
	padding:5px 0;
}
.sidebar-nav li.active ul li{
	margin-bottom:1px;
}
.sidebar-nav li.active ul li a{
	color: #fff;
    display: block;
    font-size: 16px;
    padding: 5px 20px;
}
.sidebar-nav li.active ul li.active a,
.sidebar-nav li.active ul li a:hover{
		background:#303030;
}

div#menuprinc ul.maximenuck li.maximenuck.item502.level1:hover > span.separator{
	background:#4ca9d5!important;
}
div#menuprinc ul.maximenuck li.maximenuck.item503.level1:hover > span.separator{
	background:#f6a903!important;
}
div#menuprinc ul.maximenuck li.maximenuck.item504.level1:hover > span.separator{
	background:#d5055b!important;
}
div#menuprinc ul.maximenuck li.maximenuck.item505.level1:hover > span.separator{
	background:#655987!important;
}
div#menuprinc ul.maximenuck li.maximenuck.item506.level1:hover > span.separator{
	background:#856E3D!important;
}
div#menuprinc ul.maximenuck li.maximenuck.item507.level1:hover > span.separator{
	background:#b6a91d!important;
}
/* Styles persnnalisés */
.info {
display: block;
margin: 10px 0px;
padding: 10px 10px 10px 35px;
background: url('/images/PICTO/box_info.png') 3px 5px no-repeat #dbffff;
border-top: 1px dotted #aab4be;
border-bottom: 1px dotted #aab4be;
clear:both;
}

.infoemm {
display: block;
margin: 10px 0px;
padding: 10px 10px 10px 35px;
background: url('/images/PICTO/box_infoemm.png') 3px 5px no-repeat #e5ffa3;
border-top: 1px dotted #aab4be;
border-bottom: 1px dotted #aab4be;
clear:both;
}

.attention {
display: block;
margin: 10px 0px;
padding: 10px 10px 10px 35px;
background: url('/images/PICTO/box_alert.png') 3px 5px no-repeat #fbf7c4;
border-top: 1px dotted #ffb4a0;
border-bottom: 1px dotted #ffb4a0;
clear:both;
}
 
.note {
display: block;
margin: 10px 0px;
padding: 10px 10px 10px 35px;
background: url('/images/PICTO/box_tip.png') width="20px" no-repeat;
border-top: 1px dotted #a0a0a0;
border-bottom: 1px dotted #a0a0a0;
clear:both;
}
 
.vert50 {
display: block;
padding: 10px;
background-color: #ebffcf; width: 50%;
border: 1px dotted #6cb50c;
clear:both;
}
 
.vert75 {
display: block;
padding: 10px;
background-color: #ebffcf;
width: 75%;
border: 1px dotted #6cb50c;
clear:both;
}

.external {
        padding-left: 17px;
        background: url('/images/site/template/icon_external.png') 0 40% no-repeat;
  		color: #1A0DAB;
		text-decoration: underline;
}

.mail {
        /* padding-left: 25px;*/
         background: url('/images//site/modules/email2.png') 0 35% no-repeat;
         color: #1a0dab;
         text-decoration: underline;

}

.tel {
         padding-left: 25px;
         background: url('/images//site/modules/phone2.png') width="20px" no-repeat;
         margin-bottom: 5px;
         margin-left: 0px;
         vertical-align: middle;
         margin-right: 10px;
}
/*TROMBINOSCOPE*/
/* Container principal */
  .conseil-municipal-container {
    font-family: Arial, sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
  }

  .section-title {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 2rem;
    color: #004494;
    text-transform: uppercase;
    padding-bottom: 10px;
  }

  /* Grid System */
  .trombinoscope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    justify-content: center;
  }

  /* Cas particulier pour le Maire (centré et plus large) */
  .maire-section {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  .adjoints-section {   
    margin-bottom: 50px;
  }
  .conseillers-section {
    margin-bottom: 50px;
  }
  /* Style des Cartes */
  .member-card {
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }

  .member-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
  }

  .member-info {
    background-color: #004494; /* Bleu de l'image */
    color: white;
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .member-role {
    color: #ffcc00; /* Jaune doré de l'image */
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .member-name {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .member-bio {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 15px;
    opacity: 0.9;
  }

  .btn-more {
    color: white;
    text-decoration: underline;
    font-size: 0.85rem;
    margin-top: auto;
    cursor: pointer;
  }

  /* Responsive Adjustments */
  @media (max-width: 600px) {
    .trombinoscope-grid {
      grid-template-columns: 1fr;
    }
    .member-card img {
      height: auto;
    }
  }
 
/*Pour aligner ces blocs sur la page et paramétrer leur taille :*/
 
.float-left {
float : left ;
}
 
.float-right {
float : right ;
}
 
.width30 {width : 30% ;}
.width35 {width : 35% ;}
.width40 {width : 40% ;}
.width45 {width : 45% ;}
.width50 {width : 50% ;}
.width55 {width : 55% ;}
.width60 {width : 60% ;}
.width65 {width : 65% ;}
.width70 {width : 70% ;}
.width75 {width : 75% ;}
 
/*-----FIN----*/
/* Tableau */
.tabvi {
	width:100%;
}
.tabvi th {
	background-color: #dbffff; 
	border: 1px dotted #aab4be; 
	text-align: center;
}
.tabvi td {
	border: 1px dotted #aab4be;
	padding:4px;
	vertical-align:top;
}
/* Annuaires */
#list_2_com_fabrik_2 thead th.acteurs_economiques___photo {
    display: none;
}
#list_2_com_fabrik_2 thead th.acteurs_economiques___tel {
    display: none;
}
#list_2_com_fabrik_2 thead th.acteurs_economiques___description_courte {
    display: none;
}
#list_2_com_fabrik_2 thead th.fabrik_actions {
    display: none;
}
#list_3_com_fabrik_3 thead th.associations_ville___photo {
    display: none;
}
#list_3_com_fabrik_3 thead th.associations_ville___tel {
    display: none;
}
#list_3_com_fabrik_3 thead th.associations_ville___description_courte {
    display: none;
}
#list_3_com_fabrik_3 thead th.fabrik_actions {
    display: none;
}
td.acteurs_economiques___photo {
    float: left;
    width: 25%;
}
td.associations_ville___photo {
    float: left;
    width: 25%;
}
td.acteurs_economiques___photo img {
    border-color: #ddd;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
td.associations_ville___photo img {
    border-color: #ddd;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
td.acteurs_economiques___nom {
    width: 55%;
}
td.associations_ville___nom {
    width: 55%;
}
#list_2_com_fabrik_2 .fabrik_actions.fabrik_element {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    width: 10%;
}
#list_3_com_fabrik_3 .fabrik_actions.fabrik_element {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    width: 10%;
}
#list_2_com_fabrik_2 .btn.fabrik_view {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #555555;
    text-decoration: none;
	border-radius: 4px;
	border: 1px solid #cccccc;
	font-size: 120%;
}
#list_3_com_fabrik_3 .btn.fabrik_view {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #555555;
    text-decoration: none;
	border-radius: 4px;
	border: 1px solid #cccccc;
	font-size: 120%;
}
.fabrikDataContainer .btn-group .hidden {
    display: block !important;
    visibility: visible !important;
}
#list_2_com_fabrik_2 .icon-search::before {
    content: "";
}
#list_3_com_fabrik_3 .icon-search::before {
    content: "";
}
#list_2_com_fabrik_2 .fabrik_row {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0px;
    border-style: solid;
    border-width: 0;
	border-top:1px solid #3d3d3d;
    box-shadow: none;
    float: left;
    /*height: 124px;*/
    margin: 10px 8px;
    min-height: 1px;
    padding: 2px 4px;
    position: relative;
    width: 95%;
	clear:both;
}
#list_3_com_fabrik_3 .fabrik_row {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0px;
    border-style: solid;
    border-width: 0;
	border-top:1px solid #3d3d3d;
    box-shadow: none;
    float: left;
    /*height: 124px;*/
    margin: 10px 8px;
    min-height: 1px;
    padding: 2px 4px;
    position: relative;
    width: 95%;
	clear:both;
}
#list_2_com_fabrik_2 td {
	border:none;
}
#list_3_com_fabrik_3 td {
	border:none;
}
#list_2_com_fabrik_2 .icon-search {
    display:none;
}
#list_3_com_fabrik_3 .icon-search {
    display:none;
}
.fabrikDetails .row-striped .row-fluid {
	border:none;
}
.slideimg {
	background:#FFFFFF !important;
}
.pd-imagepivo {
	width:25%;
	float:left;
	clear:both;
}
#phoca-dl-category-box .pd-filebox {
	width:75%;
	float:left;
}
.itemid-127 h2.cattitle {
	display:none;
}
.fabrikButtonsContainer {
	display:none;
}
#cadre_alert_cookies {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:500000;
}
/*-----commissions_style---------Pascal_FAYE----29mai2026---------*/
.commission-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    max-width: 750px; /* Contrainte stricte de l'encart */
    margin: 10px auto;
    padding: 5px;
    box-sizing: border-box;
  }
  
  /* Désactive tout scroll horizontal parasite */
  .commission-container *, .commission-container *::before, .commission-container *::after {
    box-sizing: border-box;
  }

  .commission-header {
    text-align: center;
    margin-bottom: 25px;
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
  }
  .commission-header h1 {
    color: #333;
    margin: 0 0 8px 0;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .commission-header h2 {
    color: #555;
    margin: 0 0 5px 0;
    font-size: 1.2rem;
  }
  .commission-header p {
    font-style: italic;
    color: #666;
    margin: 5px 0;
    font-size: 0.9rem;
  }
  
  /* Structure en Grille Responsive sans Table */
  .commission-grid {
    display: grid;
    grid-template-columns: 1fr; /* 1 colonne par défaut sur mobile */
    gap: 20px;
  }
  
  /* Cartes de commissions */
  .commission-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  
  .commission-card-title {
    color: #ffffff;
    padding: 12px 15px;
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
  }
  
  /* Couleurs personnalisées demandées */
  .bg-vie-associative { background-color: #D5055B; }
  .bg-urbanisme { background-color: #856E3D; }
  .bg-solidarite { background-color: #655987; }
  .bg-education { background-color: #F6A903; }
  .bg-finances { background-color: #4CA9D5; }

  .commission-card-body {
    padding: 15px;
    font-size: 0.88rem;
    line-height: 1.5;
    background-color: #fff;
    flex-grow: 1;
  }
  
  /* Sections internes des blocs */
  .role-title {
    font-weight: bold;
    color: #444;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
  }
  .role-title:first-child {
    margin-top: 0;
  }
  
  .role-content {
    margin-bottom: 12px;
    color: #555;
  }
  .role-content:last-child {
    margin-bottom: 0;
  }
  
  /* Liste à puces compacte pour optimiser la hauteur */
  .role-content ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  .role-content li {
    margin-bottom: 3px;
    position: relative;
    padding-left: 12px;
  }
  .role-content li::before {
    content: "•";
    color: #999;
    position: absolute;
    left: 0;
  }

  /* Version "Finances" - Style specifique */
  .all-elected {
    font-weight: bold;
    color: #222;
    font-size: 0.95rem;
  }

  /* Media Queries : Ajustement de la grille jusqu'à 750px maximum */
  @media screen and (min-width: 520px) {
    .commission-grid {
      grid-template-columns: repeat(2, 1fr); /* Passe sur 2 colonnes dès 520px */
    }
    /* Fait passer la dernière carte (Finances) sur toute la largeur si elle est seule sur sa ligne */
    .commission-card:nth-child(5) {
      grid-column: span 2;
    }
  }

  @media screen and (min-width: 740px) {
    .commission-grid {
      grid-template-columns: repeat(3, 1fr); /* Organisation optimale à 3 colonnes près du max à 750px */
    }
    .commission-card:nth-child(4) {
      grid-column: span 1;
    }
    .commission-card:nth-child(5) {
      grid-column: span 2; /* Les finances s'étalent sur le reste de la dernière ligne */
    }
  }
/*----FIN---STYLE---COMMISSIONS---*/