/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/
body {
    background-color: #000;
}

.wrapper {
    background-color: #000000;
}
/* Masquer le logo sur les écrans de smartphones (inférieurs à 767px) */
@media (max-width: 767px) {
    #_desktop_logo, #header_logo, .logo, .as-logo {
        display: none !important;
    }
}
/* Suppression radicale de tout élément portant la classe item_title */
.item_title, 
h1.item_title, 
h2.item_title, 
.item_title a, 
h2.item_title a {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#footer, .footer-container {
    background-color: #fb9d14; /* Remplacez par votre code couleur */
    color: #ffffff; /* Couleur du texte si besoin */
}
#as-footer, .as-footer {
  background-color: #fb9d14 !important;
}
/* Bloque le clic destructeur sur les images de la mosaïque Isotope */
.mod-newsflash .item .img-shadow-wrapper a {
    pointer-events: none !important;
    cursor: default !important;
}
/* Force l'email de contact à s'afficher en blanc et sans soulignement 
a[href^="mailto:cmb.productions"] {
    color: #ffffff !important;
    text-decoration: none !important;
}*/


/* Ce filtre s'applique UNIQUEMENT sur Firefox, Google Chrome reste intact et parfait */
@-moz-document url-prefix() {
    
    /* Prépare le conteneur principal à aligner ses éléments textuellement */
    .mod-newsflash, 
    div[class*="mod-newsflash"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important; /* Force l'alignement de départ à gauche */
        letter-spacing: -4px !important; /* Supprime l'espace invisible entre les blocs inline-block */
        font-size: 0 !important; /* Sécurité anti-décalage pour Firefox */
    }

    /* Aligne rigoureusement les vignettes sur 6 colonnes sans utiliser de float ni de grid */
    .mod-newsflash .item,
    div[class*="mod-newsflash"] .item {
        display: inline-block !important;
        vertical-align: top !important; /* Aligne le haut de toutes les vignettes sur une même ligne */
        width: 15.33% !important; /* Largeur exacte pour 6 colonnes */
        margin-right: 1.6% !important; /* Espacement horizontal identique à Chrome */
        margin-left: 0 !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
        letter-spacing: normal !important; /* Rétablit le texte normal dans la vignette */
        font-size: 14px !important; /* Rétablit la taille de police par défaut */
        position: relative !important;
        z-index: 99 !important; /* Remonte la vignette tout au premier plan pour garantir le clic */
        float: none !important;
    }

    /* Supprime la marge de la dernière vignette (6ème) de chaque ligne */
    .mod-newsflash .item:nth-child(6n),
    div[class*="mod-newsflash"] .item:nth-child(6n) {
        margin-right: 0 !important;
    }
// Exemple de script pour forcer le recalcul au chargement du DOM
window.addEventListener('pageshow', function(event) {
    // Force le rafraîchissement si la page vient du cache du bouton retour
    if (event.persisted) {
        window.location.reload(); 
    }
});
    /* Rend la surface entière de la vignette totalement transparente et cliquable */
    .mod-newsflash .item a,
    div[class*="mod-newsflash"] .item a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        cursor: pointer !important;
    }

    /* Force l'image à respecter les dimensions de sa colonne */
    .mod-newsflash .item img,
    div[class*="mod-newsflash"] .item img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
/* Aligne l'icône/flèche et le texte du menu sur la même ligne */
.nav-user a, 
.mod-menu a,
#user-menu a,
.metismenu a {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
/* Transforme le menu utilisateur vertical en menu horizontal */
.nav-user ul, 
.mod-menu ul,
#user-menu ul,
.metismenu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Espacement et alignement des éléments du menu côte à côte */
.nav-user li, 
.mod-menu li,
#user-menu li,
.metismenu li {
    display: inline-block !important;
    margin-right: 20px !important; /* Espace entre chaque bouton du menu */
    margin-left: 15px !important;
}
.votre-conteneur-mosaique {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    /* Ou si c'est du Grid */
    display: grid !important;
}
  .votre-conteneur-mosaique a {
    position: relative;
    z-index: 999 !important;
    pointer-events: auto !important;
}
/* 1. Masque définitivement le bouton Lire la suite sur les articles taggués "fixe" */
.item.tag-fixe .readmore, 
.item.fixe .readmore,
.item.tag-fixe a.readmore {
    display: none !important;
}

/* 2. Désactive le clic et supprime la main sur l'image et le titre de ces articles */
.item.tag-fixe a, 
.item.fixe a,
.item.tag-fixe .img-shadow-wrapper a {
    pointer-events: none !important;
    cursor: default !important;
}
/* Alternative CSS si les tags Joomla ne s'enregistrent pas */
.item:has(h2:contains("Fixe")), 
.item:has(h3:contains("Fixe")),
.item:has(a:contains("Fixe")) {
    pointer-events: none !important;
    cursor: default !important;
}

.item:has(a:contains("Fixe")) .readmore {
    display: none !important;
}
/* Repère le bloc lié à l'année 2030 pour bloquer le clic sur l'image et le titre */
.item[class*="2030"] a,
.item[class*="2030"] .img-shadow-wrapper a,
.item[class*="2030"] .img-inner-wrapper,
.item[class*="2030"] img,
.item:has(time[datetime^="2030"]) a,
.item:has(.published[datetime^="2030"]) a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Désactive totalement le clic sur la vignette contenant la balise secrète */
.item:has(.bloque-moi),
.item:has(.bloque-moi) a,
.item:has(.bloque-moi) img,
.item:has(.bloque-moi) .img-inner-wrapper {
    pointer-events: none !important;
    cursor: default !important;
}

/* Cache définitivement le bouton "Lire la suite" sur cette même vignette */
.item:has(.bloque-moi) .readmore,
.item:has(.bloque-moi) a.readmore {
    display: none !important;
}
/* Supprime bg.bnt.png sur le menu, les liens et tous les effets de survol */
.nav-menu *, 
.menu-nav *, 
#as-menu *, 
.navbar *,
li.item-101 *, /* Cible spécifiquement l'ID par défaut de l'Accueil Joomla */
.active * {
    background-image: none !important;
    background: none !important;
}

/* Cache l'élément si c'est une image HTML directe */
img[src*="bg.bnt.png"], 
img[src*="bg.btn.png"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Écrase le fond si c'est un arrière-plan imbriqué en CSS */
[style*="bg.bnt.png"], 
[style*="bg.btn.png"] {
    background-image: none !important;
    background: none !important;
}
/* Inverse l'ordre du menu et du contenu sur grand écran */
@media (min-width: 992px) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }
    /* Force le menu (sidebar) à se placer en premier à gauche */
    #sidebar, .sidebar, aside, [class*="sidebar"] {
        order: 1 !important;
    }
    /* Force le contenu principal à se placer en deuxième à droite */
    #content, main, [class*="content"] {
        order: 2 !important;
    }
}

/* Si vous utilisez un fond spécifique pour le lecteur audio natif */
.avPlayerBlock audio {
    background-color: #f0972c; /* Couleur du contrôleur audio */
    width: 100%;
}
/* Force le lecteur à adopter un style sombre (boutons blancs, fond noir) */
.avPlayerBlock audio {
    color-scheme: dark;
    width: 100%; /* S'assure que le lecteur prend la largeur voulue */
}
/* Supprime le fond blanc et l'ombre des images dans les articles */
.as-main-body img,
article img,
.item-page img,
.com_content img {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
audio {
    filter: invert(1) hue-rotate(180deg); /* Rend le lecteur sombre/blanc inversé */
}
 
/* Remet à zéro les conteneurs généraux pour effacer le bloc blanc du bas */
#main-content, #content, #component {
    background: transparent !important;
}

/* Applique le blanc UNIQUEMENT à l'intérieur du bloc de la galerie */
.masonry_gallery, 
.masonry_gallery .isotope-items {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Empêche les éléments Isotope de déborder ou de créer des marges parasites */
.masonry_gallery .isotope-item, 
.masonry_gallery .grid-item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
/* 1. INSTRUCTIONS A SUPPRIMER JUSQU'EN LIGNE 325 POUR SUPPRIMER LES MARGES BLANCHES  Rend le conteneur Isotope transparent pour éliminer la plage blanche en bas */
.masonry_gallery, 
.masonry_gallery .isotope-items {
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. Annule les marges calculées par Isotope sur les blocs d'images */
.masonry_gallery .isotope-item, 
.masonry_gallery .grid-item {
    background: transparent !important;
    padding: 0 !important;
}

/* 3. Crée l'intervalle blanc proprement à l'aide d'une bordure autour de l'image */
.masonry_gallery img {
    background: #ffffff !important;
    border: 4px solid #ffffff !important; /* Ajustez le '6px' pour agrandir ou rétrécir l'intervalle blanc */
    box-sizing: border-box !important;
}
/* Rétablit l'affichage vertical uniquement pour ce module */
.mon-menu-vertical ul, 
.mon-menu-vertical .nav {
    display: flex !important;
    flex-direction: column !important; /* Force l'empilement vertical */
}

.mon-menu-vertical ul li {
    display: block !important;
    float: none !important; /* Annule d'éventuels alignements horizontaux */
    width: 100%;
}
  * Force l'élément de menu actif à rester orange */
.navigation ul.menu li.current a, 
.navigation ul.menu li.active a,
.navigation ul.menu li.current > span,
.navigation ul.menu li.active > span {
    color: #ff8c00 !important; /* Remplacez par le code orange exact de votre thème */
}

/* Optionnel : Couleur au survol (Hover) pour l'élément actif */
.navigation ul.menu li.current a:hover, 
.navigation ul.menu li.active a:hover {
    color: #ffff33 !important; /* Devient blanc uniquement au survol si désiré */
}
  /* Force l'alignement vertical sur TOUS les menus du site */
.navigation,
.nav,
.navbar-nav,
ul.menu,
.as-menu {
    display: flex !important;
    flex-direction: column !important; /* Empile les éléments les uns sous les autres */
    align-items: flex-start !important;
    float: none !important;
    width: 100% !important;
}

/* Ajuste les éléments de liste pour qu'ils prennent toute la largeur */
.navigation li,
.nav li,
.navbar-nav li,
ul.menu li,
.as-menu li {
    display: block !important;
    float: none !important; /* Annule l'alignement côte à côte */
    width: 100% !important;
}

/* Supprime les marges horizontales et adapte le design au format vertical */
.navigation li a,
.nav li a,
.navbar-nav li a,
ul.menu li a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Unifier la couleur par défaut de tous les liens de menu */
.mod-menu a, .nav-item a {
    color: #fb9d13 !important; /* Couleur du texte identique pour tous */
}
/* Détecte et écrase TOUS les états actifs imaginables du menu */
#mainmenu ul li.active a,
#mainmenu ul li.current a,
.navigation ul li.active a,
.navigation ul li.current a,
li.active > a,
li.current > a,
li.active > a > span,
li.current > a > span {
    color: #ff8c00 !important;
}

/* Force la couleur orange sur TOUS les liens du menu, sauf si on les survole */
#mainmenu ul.menu a,
.navigation ul.menu a {
    color: #fb9d13 !important;
}

/* Couleur du lien de menu par défaut */
.metismenu.mod-menu a {
    color: #fb9d13 !important;
}

/* Couleur du lien au survol (Hover) */
.metismenu.mod-menu a:hover {
    color: #ffff33 !important;
}

/* Couleur du lien de la page active */
.metismenu.mod-menu .active > a {
    color: red !important;
}
  /* Style pour encadrer le bloc complet du menu */
.menu-encadre {
    border: 2px solid #fb9d13; /* Couleur et épaisseur de la bordure */
    border-radius: 8px;        /* Angles arrondis */
    padding: 5px;             /* Espace entre le texte et la bordure */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Légère ombre portée */
}
  /* Empêche le conteneur principal et le menu de déborder à droite */
#as-header, 
.container, 
.container-fluid, 
#as-menu-row {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Ajuste l'alignement global du menu */
.metismenu.mod-menu {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
 a[href^="mailto:"] {
    color: ##fb9d13 !important;
}