/*  ===========  Template Helix Ultimate ============*/

/*   variables pour l'apparence générale   */
:root {  
--CouleurGenerale: 180, 190, 170;
--OpaciteGenerale: .5;
--CouleurZones: 130, 130, 130;
--OpaciteZones: 0.4;
--CouleurHaut: 66, 66, 66;
--OpaciteHaut: 0.4;


--OpaciteEnTete: 0.5;
--OpaciteGeneraleArticle: 0;
--CouleurTextesPrincipaux: 0, 84, 150;
--OpaciteTextesPrincipaux: 1;
--CouleurTexte: 77, 34, 179;
--OpaciteTexte: 0.7;


/* Pour l'animation de l'image de fond */
--VitesseAnimation : 30s;
--zoom-fond-ecran: 1.5;
--transform-origin: bottom left;
--Echelle: 0.8;
} 

/* Pour info
transparence   : rgba(0, 0, 0, .1)
avec les variables : background: rgba(var(--CouleurGenerale), var(--OpaciteGenerale));  

*/


/* éléments spécifique dont j'ai déclaré le style dans l'interface Joomla */

#photo-clement {
border-radius: 20px;
border: 3mm ridge rgba(246, 203, 165, .6);
}

/* --------    Template Helix Ultimate --------------------------------------   */

#sp-main-body{
padding-top: 30px;
}

body, .sp-preloader {
background: rgba(var(--CouleurGenerale), var(--OpaciteGenerale));
color: white;
}
#sp-footer,
.cbNavBar.cbMenuNavBar,
.cbCanvasLayoutMain > div:first-child .cbTabsMenuNavBar,
.cb_template .position-relative
{
background-color: transparent !important;
}

.layout-boxed .body-innerwrapper,  #sp-bottom, .dropfiles-content-multi, .dropfiles-content-multi.breadcrumbs,
.cb_template .cbUserListDiv.cbUserListLayoutList > .cbUserListRow:not(:hover)
{
background: rgba(var(--CouleurZones), var(--OpaciteZones)) !important;
color: white;
}

.cb_template .cbUserListDiv.cbUserListLayoutList > .cbUserListRow:hover {
background-color: gray !important;
}



/* ----   menu et zone au-dessus, zone détails de DROPFILES et de PHOCAGALLERY ----  */ 
#sp-header-topbar, #sp-header, 
/* #sp-header-topbar .container-inner>.row, */
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file,
.ph-si-back-medium, .plupload_filelist li, .phTabsContainer, .ph-si-category-medium, .ph-si-back-medium {
background: rgba(var(--CouleurHaut), var(--OpaciteHaut));
}

.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .filecontent h3 a,
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .file-xinfo
{
color: white;
font-weight: normal;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: rgba(var(--CouleurHaut), var(--OpaciteHaut));
}

.sp-megamenu-parent>li:hover>a {
font-weight: 600;
}

/* Colonne centrale - zone composant */
#sp-component{
 width: 80%;
 padding-right: 0;
}

/* Colonne droite */
#sp-right {
width: 20%;
}

#sp-right .sp-module {
padding: 20px;
border-radius: 10px;
background: rgba(var(--CouleurHaut), var(--OpaciteHaut));
}

#sp-right .sp-module .sp-module-title {
font-family: 'Sacramento', sans-serif;
font-size: 30px;
font-weight: 500;
margin: 0;
}

#sp-right .sp-module ul>li>a {
font-family: 'Sacramento', sans-serif;
font-size: 28px;
padding-top : 10px;
color: #ddebb5;
}

#sp-right .sp-module ul>li :hover {
color: #a1e6d1;
font-weight: 600;
}

#sp-right .sp-module ul>li.active>a {
color: #99f035;
}

.cb_template.select2-container--bootstrap .select2-dropdown .select2-results .select2-results__options {
background: grey;
}

.cb_template .nav.nav-tabs .nav-link {
color: black;
border: 1px solid white;
border-radius: 10px 10px 0 0;
margin-left: 10px;
}



/* ============     Phoca Gallery =======================  */
.pg-item-box-title, .pg-category-box-title{
font-weight: normal;
font-size: 90%;
}

#phocagallery-categories-detail a{
color: green;
}

.pg-category-box-count {
color: black;
}

img.mfp-img{
width:150% !important;
max-width: 150% !important;
height: 150% !important;
max-height: 150% !important;
}

#phocagallery-upload {
margin-bottom: 30px;
}

#phocaGalleryUploadFormU {
display: none;
}

.plupload_file_statusbar{
background-color: gray !important;
}

/* Boîte de détail des fichiers */
.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .filecontent h3 {
padding: 0;
margin: 0;
}

/* ====================    Frontpage : carrousel des articles  ==============  */

.mfp_carousel_skin_card .mfp_carousel_item div{
background: darkgray;
}

.mfp_carousel_skin_card .mfp_block_title {
display: none;
}




/* ======================   Community Builder  ============== */

.cb_template .cbCanvasLayoutMenu > div:last-child .cbMenuNavBar {
background: rgba(var(--CouleurGenerale), var(--OpaciteGenerale));
}

.cb_template .navbar-light .navbar-nav .nav-link, .cb_template .text-muted z {
color: white !important;
}

.cb_template .form-control-plaintext {
color: white;
}
.cb_template .cbCanvasLayout .cbCanvasLayoutBottom.row > div:first-child .cbCanvasLayoutPhoto{
bottom: 40px;
}

#sp-header-topbar a {
color: orange;
}

#cbtabsCBMenucanvas_main_middle {
background: rgba(var(--CouleurZones), var(--OpaciteZones));
}

.col-form-label.col-sm-3.pr-sm-2 {
padding-left: 30px;
}

.cbPoweredBy{
display: none;
}

.cb_template a {
color: lightBlue;
}

.cb_template a:hover {
color: green !important; /*  ne marche pas .... */
}

.sp-profile-wrapper .sp-profile-dropdown {
background: grey;
}

/* fenêtre login */
fieldset {
margin-bottom: 20px !important;
}


/* -----------   Éditeur de texte (JCE) ----------- */
#editor, #publishing {
color: Maroon;
}

div.mceBranding,
[aria-controls="attrib-helix_ultimate_blog_options"]{ 
display: none !important;
}

/* ==================   module Flexheader, utilisé pour l'image de fond ============ */
/* Paramètres utilisés déclarés en haut de ce fichier */


/* Style associé au module Flexheader, attention à l'id des modules dans la classe */
.moduleid128.flexheader, .moduleid129.flexheader, .moduleid130.flexheader, .moduleid131.flexheader, .moduleid141.flexheader  {
position: fixed;
height: 800px;
z-index: -1;
bottom: 0;
left: 15%;
opacity: 0.2;

/* Pour éviter le retour brutal à la taille initiale à la fin de l'effet */
 transform: scale(var(--zoom-fond-ecran));
 -webkit-transform: scale(var(--zoom-fond-ecran)); 
 -ms-transform: scale(var(--zoom-fond-ecran)); 


/*   Effet Ken Burns */
-ms-animation: move var(--VitesseAnimation) ease;
  -webkit-animation: move var(--VitesseAnimation)  ease;
  -0-animation: move var(--VitesseAnimation)  ease;
  -moz-animation: move var(--VitesseAnimation)  ease;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: var(--transform-origin);
    -moz-transform-origin: var(--transform-origin);
    -ms-transform-origin: var(--transform-origin);
    -o-transform-origin: var(--transform-origin);
    transform-origin: var(--transform-origin);
    transform: scale(var(--Echelle));
    -ms-transform: scale(var(--Echelle)); /* IE 9 */
    -webkit-transform: scale(var(--Echelle));  /* Safari and Chrome */
    -o-transform: scale(var(--Echelle)); /* Opera */
    -moz-transform: scale(var(--Echelle));    /* Firefox */
  }
  
  100% {
    transform: scale(var(--zoom-fond-ecran));
    -ms-transform: scale(var(--zoom-fond-ecran));
    /* IE 9 */
    
    -webkit-transform: scale(var(--zoom-fond-ecran));
    /* Safari and Chrome */
    
    -o-transform: scale(var(--zoom-fond-ecran));
    /* Opera */
    
    -moz-transform: scale(var(--zoom-fond-ecran));
    /* Firefox */
  }
}


/* ============  Gestion des documents : DropFiles ========================================*/

.dropfiles-content .breadcrumbs{
background: transparent; */
}

.logo-image {
height: auto !important;
max-width: 140%;
}

.dropfiles-content.dropfiles-content-default a:not(.download-all):not(.download-selected) {
color: green;
}

.dropfiles-content.dropfiles-content-default a:not(.download-all):not(.download-selected):active, .dropfiles-content.dropfiles-content-default a:not(.download-all):not(.download-selected):hover, .dropfiles-content.dropfiles-content-default a:not(.download-all):not(.download-selected):focus{
color: lightblue;
}
.dropfiles-foldertree {
flex-basis: 25%;
}

.dropfiles-container .with_foldertree {
flex-basis : 75%;
}


.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .file-right {
width : 51%;
}

.dropfiles-content.dropfiles-content-default .file .filecontent > div.ext {
height: 65px;
width: 40px;
}

div#navigation {
display: none;
}

#BoutonGererDocuments:hover {
zoom: 105%;
}

/* Module DropFiles en colonne droite  */

.mod_dropfiles_latest .mod_filecontent_head h3 > a {
white-space : normal !important;
font-size: 12px;
font-weight: 100;
}


.mod_dropfiles_latest div.mod_file:nth-of-type(odd){
background: rgba(255, 255, 255, 0.8) !important;
}


.mod_dropfiles_latest div.mod_file {
background: rgba(255, 255, 255, 0.6) !important;
}