/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */


/* ================== Important ==================
Pour boîte de choix "style CSS" dans l'édition des articles (avec l'extension )
 Voir le fichier :   editor.css              
   =============================================== */


/* -----------------   Fond d'écran Aixeena-slides -------------------- */

/* Pour passer les photos de fond au premier plan, avec un clic souris prolongé */
.vegas-slide:active, .vegas-slide-inner:active {
z-index:15;
}

/* Pour empêcher l'image de fond de se déplacer avec le scrolling */
.vegas-slide{
position: fixed;
}

/* ------------------ Styles généraux ----------------------*/

h4{
margin-top: 1em;
margin-bottom: 0.5em;
}

#s5_breadcrumb_font_login_wrap{
background: lightgray;
height: 20px;
 }

.transparent {
background: rgba( 255, 255, 255, 0) !important;
}


/* -----------------  Lignes et colonnes du layout du template -----------------   */


/* Conteneur du texte des articles  */



/* Pied de page - le faire disparaître  */

footer#s5_footer_area1.s5_slidesection{
display: none;
}


.vtem_news_stack_wapper vtem_counterstyle1, div#vtemnewsstack1.vtem_news_stack {
background: rgba( 255, 255, 255, 0) !important;
}

/* Pour Bandeau droit */

div.s5_outer{
background: rgba( 255, 255, 255, 0);
}

#s5_right_column_wrap {
background: rgba( 255, 255, 255, 0) !important;
}



#s5_right_column_wrap_inner {
background: rgba( 255, 255, 255, 0);
padding-left: 0px !important;
padding-top:0px !important;
}




/* Bandeau Right INSET */
#s5_right_inset_wrap {
background: rgba( 255, 255, 255, .8) !important;
border-color: black !important;
border-style: dashed;
border-width: 1px !important;
border-radius: 20px;
margin-left: 2%;
margin-top: 20px !important;
padding:20px 10px 20px 5px !important;
text-align: justify;
width: 85% !important;
}

/* Pour les extensions qui affichent en bandeau droits */

.joomcat124_row{
background: rgba( 255, 255, 255, 0.7) !important;
}

.jstree-container-ul{
background: rgba( 255, 255, 255, 0.7) !important;
}

.s5_mod_h3_outer{
background: rgba(255,255,255,0.7) !important;  /* transparence sans affecter les éléments fils du contenus */
margin-left: 15px !important;
margin-right: 15px !important;
margin-top: 15px !important;
padding-left: 10px !important;
padding-top: 10px !important;
background : SlateGray !important;
border-color: white !important;
border-style: solid !important;
border-width: 1px !important;
}

div#phocagallery-tree-module{
background: rgba(255,255,255,0.8) !important;  /* transparence sans affecter les éléments fils du contenus */
padding-bottom: 15px;
padding-left: 10px;
}

/* Module <Search de JoomGallery */

#js_searchform125{
background: rgba(255,255,255,0.8);
padding-left: 5%;
}

#js_searchinput125, #js_catorimg125 {
/* margin-left: 5%; */
width: 90%;
}

#js_searchinput125{
margin-top: 10px
}

#js_searchresults125{
margin-top : 200px;
}


/*  ============   Pour la zone Drop Down du template Forte   ===============  */

div#s5_drop_down_inner{
/* background: gray !important; */

}

div.custom ul {
/* background: gray !important; */
padding-left : 30px;
}


 
/*  ============= Pour top row ================= */

div.module_round_box_outer {
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

/*
div#s5_below_columns_wrap2.s5_no_custom_bg,
div.#s5_below_columns_2.s5_float_left {
z-index: 20 !important;
}
*/

 #s5_top_row1_wrap {
padding-top: 0px important;
margin: 0px important;
}

/*   ====== Pour Bottom row  ===============*/

div#s5_pos_bottom_row1_1.s5_float_left {
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.7);
}


/* -------------------------------    Pour MENU    -----------------------------  */

div.module_round_box {
margin: 0px !important;
padding: 0px !important;
background: rgba(255,255,255,0) !important;
}

.module_round_box ul.menu{
margin: 0px !important;
/* background: white !important; */
}

.module_round_box .s5_mod_h3_outer {
margin: 0px !important;
margin-top: 10px !important;
}

.mainMenuParentBtn {
background: rgba(255,255,255,0.8) !important;  /* transparence sans affecter les éléments fils du contenus */
}

/* Pour mettre l'item Bienvenue du menu Extranet au format du menu Intranet */
li.MenuBienvenue a {
color: #B56E10 !important;
}

.MenuBienvenue:hover a {
/* color: white !important; ne marche pas */
background: #B56E10;
margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
padding: 45px 0px 18px 0px;
}

/* Pour fond des articles et modules */
#s5_component_wrap_inner{
background: rgba(255,255,255,0.95);  /* transparence sans affecter les éléments fils du contenus */
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
/* padding-top: 20px;   
 padding-bottom: 20px;  top et bottom supprimés pour ne pas faire une rectangle blanc sur la page d'accueil vide */
}



/* Pour composant Weblink de base Joomla */
.weblink-category{
padding: 40px;}

.list-title-weblink {
Padding-left: 10px;

}
.categories-list {
padding: 40px;}



/* Reset du button générique, qui est défini de multiples fois en amont ce qui le rend ingérable ici !   */
.btn {
background: none;
color: none;
border none;
border-radius: none;
margin: none;
padding: none;
font-size: 1em;
color: none;
min-width: 0;
min-height: 0;
}


/* ------- Pour le logo  ----------  */
 div#s5_logo_wrap {

z-index: 10 !important;
position : absolute;
margin-left: 0;


}


div#s5_logo_wrap  a :hover {
transform:  rotate(20deg);
	transition: 0.6s;
/* transform: scaleX(-1); */
}

/* -----------   Pour l'éditeur JCE ---------------------------*/

.mceDefaultSkin .mceToolbar {
padding-left: 10px;
}

/* Les boutons dans les zones déroulantes du bandeau / menu */

 .mceMoreColors button {
background: gray !important;
}

/* Cacher le branding, un peu trop intrusif ! */
.mceBranding {
  display: none !important;
}

.mceModernSkin .mceButton, .mceModernSkin .mceSplitButton .mceOpen, .mceModernSkin .mceSplitButton .mceText,.mceModernSkin .mceListBox .mceText,.mceModernSkin .mceListBox .mceOpen {
background: Cornsilk !important;
color: black !important;
margin-bottom : 3px !important;
}

.mceModernSkin .mceListBox .mceText {
font-size: 12px !important;
min-width: 70px !important;
}

/*  Pour le Pop Up JCE */
.wf-mediabox-container{
border-radius: 15px;
}


/*  Boutons de JCE  : plus bas avec les autres boutons -- */



/* --------------------   Pour calendrier JEM  -------------------------------- */



/* Calendrier mensuel */
.daynum, td.today div.daynum::before, td.today div.daynum::after{
background: Wheat;
line-height: normal;
}

.today .daynum {
border: solid 2px red;
background: rgba(255, 255, 255, 0.5);
}

.today .daynum a {
color: black;
}

.daynamesRow, .daynamesRow td{
background: Burlywood;
}

div#jem .eventcontentinner, div#jem .eventandmore {
font-weight: normal;
line-height: normal;
padding:1px;
}

/* Liste des événements "teaser" et Module basic JEM   */
div.eventset, .jemmodulebasic {
background: rgba(255,255,255,0.85);  /* transparence sans affecter les éléments fils du contenus */
/* font-size: 0.8em; */
padding: 0 0 0 10px !important;
}

.jemmodulebasic ul li span a {
 display: initial;  /* Inhibe le style Forte display:block, qui espace trop les lignes */
 color: #B40404;
 }

h1.componentheading {
font-size: 22px !important;
color: SaddleBrown;
padding-top: 20px;
}

h2.jem, h2.jem-contact, h2.jem-location, h2.location_desc, h2.register, h2.description, h2.jem-description, div.cat-children h2, #jem.jem_category h2  {
font-size: 20px !important;
color: SaddleBrown;
margin: 20px 0 0 0;
}

#jem dl.tabs dt.tabs {
font-size: 9px;
}

select#starthours.inputbox, select#startminutes.inputbox, select#endhours.inputbox, select#endminutes.inputbox {
min-width: 0 !important;
}

select#jform_cats.inputbox {
height: auto;
}

#jem .jem-dl-long dt {
width: auto;
margin-right: 20px;
}

input#jform_custom1.inputbox, input#jform_custom2.inputbox, input#jform_custom3.inputbox, input#jform_custom4.inputbox, input#jform_custom5.inputbox, input#jform_custom6.inputbox, input#jform_custom7.inputbox, input#jform_custom8.inputbox, input#jform_custom9.inputbox, input#jform_custom10.inputbox {
width: 400px
}

/* --- Pour les plugins JEM Mes Évènements et Mes Participations, dans Community Builder  --*/



table.jemmyattendingCBTabTable td, table.jemmyeventsCBTabTable td {
font-size: 13px;
padding: 5px !important;
background: #F6EFDD;
}

tr.jemmyattendingtableheader th, tr.jemmyeventstableheader th {
font-size: 14px;
font-weight: 300;
text-align: left;
}

td.jemmyattendingCBTabTableStatus, td.jemmyeventsCBTabTableReg {
text-align: center;
}

th.jemmyeventsCBTabTableTitle {
width: 200px;
}
th.jemmyattendingCBTabTableStartEnd{
width: 180px;
}

th.jemmyattendingCBTabTableComment {
width: 300px;
}

th.jemmyeventsCBTabTableReg {
width: 100px;

}

/* ----   Pour le module JEM TEASER -------  */


h3.event-title {
font-size: 14px !important;
line-height: 15px;
}

h3.event-title a {
color: DarkRed !important;
}



div.calendar-category.jem-teaser-calendar{
background-repeat: no-repeat;
width: 65px !important;
height: 61px !important;
padding: 4px 1px 0 0 !important;
margin-right: 10px;
line-height: 13px !important;
Font-size: 13px !important;
}

div.dayteaser {
font-size: 85% !important;
font-weight: normal !important;
padding-top: 0px !important;
padding-bottom: 2px;
}

div.monthteaser {
font-size: 83% !important;
padding-top: 5px !important;
}

#jemmoduleteaser .jem-event-details-teaser{
margin-top : 5px;
font-size: 12px !important;
/* flex: initial; */
line-height: 1.4;
}

div.jem-readmore {
margin: 0 !important;
}

div.jem-readmore a {
color: DarkRed !important;
}


hr.jem-hr {
margin: 5px !important;
border-top: none !important;
border-bottom: 1px solid BurlyWood !important;
}

/* --------------------   Pour JEVENTS   ------------------------*/

/* Barre de navigation en haut de fenêtre */
div.ev_navigation {
padding-top: 10px !important;
vertical-align: top !important;
display:inline-block  !important;
}

/* Boutons (liens) et texte dans fenêtre événement */

.uk-modal-body {
margin-top: 0px;
}

.uk-modal-close-default{
display: none;
}


.jev_evdt .jev_evdt_icons{
float: left;
margin-top: 0px !important;
height: auto !important;
}

.jevdialogs {
vertical-align: baseline !important;
 height: auto !important;

}

.jev_evdt_desc{
font-size: 12pt;
border: 1px solid tan !important;
padding-left : 20px;
margin-top: 20px;
}

.jev_evdt_icons{

}

/* Fenêtre pour MODIFICATION des événements */

.jevcreator.gsl-margin-small-top,  .jevaccess.gsl-margin-small-top, .jeveditrepeats.jevdatetime  {
display : none;
}

.jevtitle,  .jevcategory.gsl-margin-small-top, .jevpublished.gsl-margin-small-top,{
display: flex;
}

.jevdatetime{
margin-top: 30px;
}

.jev_sed{
margin: 0 !important;
}

#jevcontent-lbl{
font-size: 21px;
line-height: 40px;
}

/* Popup avec détail événements */
.jevtt_text{
font-size : 12px;
}

.jevtt_title{
font-size : 12px !important;
text-align: center;
padding: 5px !important;
}


/* zone grisée jours hors mois courant */
.cal_daysoutofmonth{
background-color: #fff6e2;
}

/* -----    Pour le design FLAT -----   */
:root {
--CouleurFlat: Tan !important;  /* Variable contenant la couleur pour le flat design */
}

.jev_toprow div.previousmonth, .jev_toprow div.nextmonth, #jevents_body .nav-items div.active a, .jev_header2 .active a {
background: var(--CouleurFlat);
border: 1px solid var(--CouleurFlat);
}

.nav-items > div:first-child, .nav-items > div:last-child {
border: 1px solid var(--CouleurFlat);
}

.jev_toprow div.currentmonth {
border-top: 1px solid var(--CouleurFlat);
border-bottom: 1px solid var(--CouleurFlat);
}

#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover, .nav-items > div, #jevents_body .nav-items > div a:hover {
border: 1px solid var(--CouleurFlat);
background-color:white !important;
}

#jevents_body #jumpto form button {
background: var(--CouleurFlat);
text-shadow:none !important;
}

#flatcal_minical .flatcal_daycell, #flatcal_minical .flatcal_todaycell, #flatcal_minical .flatcal_sundaycell, #flatcal_minical .flatcal_othermonth {
padding: 0;
}

/* --  Fin modif  Flat design  --  */


.chzn-container-single {
/* margin-top: -20px;  */
}

/* Calendrier en bandeau droit  */
table.flatcal_main_t {
width: 230px;
background: rgba( 255, 255, 255, 0.8) !important;
}

td.mod_events_latest_first, td.mod_events_latest {
padding-left: 10px !important;
background: rgba( 255, 255, 255, 0.8) !important;
border: solid 1px;
border-color: white  !important;
}

span.mod_events_latest_content a, a.ev_link_row:link {
color: DarkRed;
font-size: 1.2em;
}

a.ev_link_row:visited, a.ev_link_row:hover {
text-decoration: underline;
}

#jevents_body #jev_maincal.jev_listview .jev_daysnames{
font-size: 1.2em;
font-weight: bold;
}


a.flatcal_daylink, a.flatcal_busylink, a.flatcal_sundaylink {
font-size: 12px !important;
}

a.flatcal_busylink {
color: red  !important;
}

a.flatcal_busylink:hover {
background: white !important;
color: black !important;
border: 1px solid gray !important;
padding: 10px  !important;
}

#flatcal_minical .flatcal_todaycell a{
background: red !important;
border: 1px solid SaddleBrown !important;
}

#flatcal_minical .flatcal_todaycell a:hover{
background: white !important;
padding: 10px  !important;
}


/* Grand calendrier (pas celui du module mini-caendrier) */
table.mod_events_table, table.mod_events_monthyear {
background: rgba(255,255,255,0.9) !important;  /* transparence sans affecter les éléments fils du contenus */
 padding-top: 10px !important;
padding-bottom: 10px !important;
}

/* En-tête grand calendrier : date */
td.cal_td_daysnames{
background-color: Tan;
}
td.ev_td_left{
background-color: Cornsilk;
}




/* ----------------   Pour le formulaire de contact ---------------------- */
.contact input, .contact textarea {
width: auto;
}



/*----- Pour OS Gallery  ----------- */

[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a {
/* Titre des sets de photos : chanager le fond gris moche et mettre une bordure en onglet  */
background: lightgray;
margin-top: 10px;
border: 1px solid;
border-radius: 5px;
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
/* Titre des sets de photos : chanager le fond gris moche et mettre une bordure en onglet  */
background: GhostWhite;
}

div.os-cat-tab-images {
border: solid 1px;
margin-top: 3px;
}



/*  -------    Pour Community Builder  ----------- */

/*  Pour la zone de modération, que j'utilise aussi pour signaler les messages privés */

.cbModeratorLink.cbModeratorLinkPrivateMessages a {
padding: 10px;
animation:clignote 2s 5;
}
@keyframes clignote{
    0%{     color: OrangeRed;    }
    49%{    color: OrangeRed; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: OrangeRed;    }

}

/* Pour la liste des membres */

.cb_template .bg-light {
background: rgba( 0, 123, 255, 0.30)  !important;

}

/* Pour l'Onglet Menu dans les fiches profils  */
/* Zone centrale / menu Onglet de la page profil : afficher les liens en mode boutons */

/* a.cbTabNavLink.nav-link{
background : OldLace;
color: black !important;
border:0.5px solid #18ab29;
border-radius:8px;
margin: 0 20px 5px 0;
font-size: 0.9em;
padding:  5px 10px !important;
box-shadow: 0px 10px 10px -7px gray !important;
}

*/

 a.cbTabNavLink.nav-li a, li#cbtabnav8.cbTabNav.cbTabNavMenu.nav-item a, li#cbtabnav9.cbTabNav.cbTabNavMenu.nav-item a,li#cbtabnav10.cbTabNav.cbTabNavMenu.nav-item a ,  li#cbtabnav11.cbTabNav.cbTabNavMenu.nav-item a, li#cbtabnav24.cbTabNav.cbTabNavMenu.nav-item a, li#cbtabnav25.cbTabNav.cbTabNavMenu.nav-item a,li#cbtabnav23.cbTabNav.cbTabNavMenu.nav-item    {
background : OldLace !important;
border-radius : 10px 10px 0 0;
border-bottom: none;
box-shadow: 0px -3px 5px 0px lightgray !important;
margin: 6px 5px 0 5px;
line-height: 24px;
}

 a.cbTabNavLink.nav-li a:focus, li#cbtabnav8.cbTabNav.cbTabNavMenu.nav-item a:focus, li#cbtabnav9.cbTabNav.cbTabNavMenu.nav-item a:focus, li#cbtabnav10.cbTabNav.cbTabNavMenu.nav-item a:focus,  li#cbtabnav11.cbTabNav.cbTabNavMenu.nav-item a:focus, li#cbtabnav24.cbTabNav.cbTabNavMenu.nav-item a:focus, li#cbtabnav25.cbTabNav.cbTabNavMenu.nav-item a:focus,li#cbtabnav23.cbTabNav.cbTabNavMenu.nav-item a:focus    {
background: white !important;
transform: scale(1.2);
margin-left :20px;
margin-right: 20px;
}
/* le focus ne marche pas dans Safari et Chrome -> ajouté : tabindex='-1' (en fait : . '" tabindex="' . -1 . '") dans le <a ...> du fichier : aikido-belley/libraries/CBLib/CB/Legacy/cbTabs.php dans le "$return =" à la ligne 183. */

 
a.nav-link.dropdown-toggle {
font-size: 1.2em !important;
color: blue !important;
}


.cb_template.qtip-menu .dropdown-menu {
min-width: 400px !important;
background: white !important;
}

/* Pour le bandeau haut "vous êtes en relation directe avec"   */

div.row.no-gutters.alert.alert-info.cbConnectionPaths.cbConnectionPathsConnected {
background: white !important;
}

img.cbImgPict.cbThumbPict.img-thumbnail {
/*margin-left : 10px !important; */  /* Attention, impacte aussi l'avatar dans le bandeau vertical  */
}

.cbPosHead{
padding-top: 10px !important;
}


/* Pour le dialogue de Login - module CB  */

.btn.btn-primary.login-button, button.button-cb-login, li#form-login-register a, li#form-login-forgot a {
background : OldLace;
color: black !important;
border:0.5px solid #18ab29;
border-radius:8px;
margin-left: 30px;
margin-top: 20px !important;
margin-bottom: 20px;
font-size: 0.9em;
padding:  5px 31px !important;
}

li#form-login-register {
margin-top: 10px !important;
}


.btn.btn-primary.login-button:hover, button.button-cb-login:hover, li#form-login-register a:hover, li#form-login-forgot a:hover {
background : MediumAquamarine !important;
transform: scale(1.05);
}

/* ----   Animation du bouton S'enregistrer -----  */
/* Paramètres pour l'animation */

/* Constantes utilisées ci-dessous.
  NB : ces définitions ne sont plus très utiles, maintenant que tous less navigateurs acceptent l'animation standard
     Mais je les garde ici pour référence */
:root {
--DebutX: 650px;
--FinX: 30px;  /* Faire un petit bond, à la fin   ;-)   */
--DebutY: 400px;
--FinY: 0px;
--delai: 1s;
--duree: 3s;
}

/* Paramètres de l'animation */
@keyframes animation-bouton {
0% {left: var(--DebutX); bottom: var(--DebutY);}
50% {left: var(--DebutX); bottom: var(--FinY);}
100% {left:  var(--FinX);bottom: var(--FinY); transform: scale(1);}
}

/* Animation du bouton ... */
li#form-login-register a {
  position: relative;
  animation: animation-bouton var(--duree) var(--delai);  
}

/* ---- Fin d'animation du bouton Enregister ----*/


div#form-login-remember.control-group.checkbox{
margin-bottom : 10px;
}

#login-form #modlgn-remember {
margin-top: 7px;
margin-right: 10px;
}

#login-form .control-label{
margin-top: 0px;
}

/* ----------   Pour les blogs de CB  -----------  */



/* Editeur pour les blogs CB  */
iframe#blog_full_ifr, div.editor.wf-editor-container.mb-2 {
/* max-width: 100% !important;  */
min-width: 600px !important;

}


/* --- Pour la messagerie privée de CB --- */

/* Boite Envoyé / Reçu */ 

.select2-results,
.cb_template .input-group > .form-control.flex-grow-0, .cb_template .input-group > .form-control-plaintext.flex-grow-0, .cb_template .input-group > .custom-select.flex-grow-0, .cb_template .input-group > .custom-file.flex-grow-0{
border : solid 1px;
}

.cb_template.select2-container--bootstrap .select2-dropdown .select2-results .select2-results__options .select2-results__option[data-selected="true"]
{
background: #C9AF7E;
}

/* Pour la liste déroulante des destinataires  */
.select2-dropdown.bg-white.border.select2-dropdown--below {
width: auto !important;  /* Sinon la liste est étriquée au premier clic, mais pas au deuxième ! */
}

/* ------  CB :  Pour la box Membres en ligne, dans le bandeau droit ------    */

.module_round_box ul.menu li a, .module_round_box ul.menu li span{
background: rgba(255,255,255,0.9) !important;  /* transparence sans affecter les éléments fils du contenus */
padding: 10px 15px 10px !important;
font-size : 14px !important;
}



.module_round_box ul.menu li a:hover {
background: #A08369 !important;
}

.module_round_box ul.menu li a:active { 
background: black !important;
transform: scale(1.1);
}

.module_round_box ul.menu li.active a {
color: black;
}

.module_round_box_outer ul.menu li span{
color: #23C0CC;
background: SlateGray !important;
padding: 10px;
}

.module_round_box_outer ul li a:hover, .module_round_box_outer ul.menu li span:hover{
background: #A08369;
color: white;
transform: scale(1.05);
}

/* Pour un lien de type séparateur dans le menu déroulant */
.subMenuParentBtn.subMenuBtn.subSepBtn span, .subMenuParentBtn.subMenuBtn.subSepBtn span:hover {
background:SlateGray !important;
color: #23C0CC;
}

div.card.d-inline-block.w-sm-100.mw-100.mr-0.mr-sm-2.mb-2.no-overflow.cbCanvasLayout.cbCanvasLayoutSm {
margin-top: 7px;
margin-bottom: 0px !important;
margin-left: 5px;
border: solid 1px;
max-width: 200px !important;
background: rgba(255,255,255,0.8) !important;  /* transparence sans affecter les éléments fils du contenus */
}


.row.no-gutters.cbOnlineUsers.cb_template.cb_template_default  {
background: rgba(255,255,255,0) !important;  /* transparence sans affecter les éléments fils du contenus */
}

#s5_menu_wrap.s5_wrap {
background: rgba(255,255,255,0.5) !important;
}
 

/* Pour l'avatar affiché en bandeau droit de la liste des Membres  */ 

.cb_template .text-truncate {
font-size : 0.8em
}

/* Pour la zone du module Workflow CB, affichée en bandeau droit  */

div.pretext, ul.unstyled.cbModeratorLinks {
background: rgba(255,255,255,0.9) !important;  /* transparence sans affecter les éléments fils du contenus */
}


/* ----   Boutons de la liste des Membres ------ */

/* Bouton de la liste déroulante des destinataires  */
.cb_template .input-group > .input-group-append > .btn, .select2 .select2-container .select2-container,
.cb_template .btn-group-list label:last-of-type.btn {
font-size: 14px !important;
border-radius: 0 8px 8px 0 !important;
margin-top: 0;

}
/*  Étoile associée  */
span.cbFieldIcons{
margin-top: 0;
position: relative;
bottom: 10px;
}

.btn.btn-secondary.btn-block.cbUserListsSearchButton {
background : BurlyWood !important;

}

.btn.btn-secondary.btn-block.cbUserListsSearchButton:hover {
background : NavajoWhite !important;
color:black !important;
transform: scale(1.05);
}

/* Etiquettes, et boutons, du formulaire d'enregistrement  */

.col-form-label.col-sm-3.pr-sm-2{
font-size: 1.3em;
}

.btn.btn-primary.cbRegistrationSubmit, .toggle-editor.btn-toolbar.pull-right.clearfix .btn {
background : BurlyWood !important;
border-radius: 12px !important;
margin-left: 10px;
margin-bottom: 10px;
font-size: 14px;
padding:  5px 10px;
box-shadow: 4px 6px 7px gray;
}

.btn.btn-primary.cbRegistrationSubmit:hover {
background : MediumAquamarine !important;
transform: scale(1.05);
box-shadow: 4px 6px 7px gray;
}

.toggle-editor.btn-toolbar.pull-right.clearfix .btn:hover {
background : NavajoWhite !important;
transform: scale(1.05);
}

/* Pour le Canvas du formulaire enregistrement initial de l'utilisateur  */
.cb_template .cbCanvasLayout .cbCanvasLayoutTop .cbCanvasLayoutInfo{
text-shadow: 0 0 0;
color : black;
}



/*  --------------- Pour le forum Kunena  ------------------  */


/* Pour l'affichage du Canvas dans le bandeau gauche  */
.row.no-gutters.cbOnlineUsers.cb_template.cb_template_default{
margin-left: 0px;
}


/* Pour les zones horizontales de la liste des Membres  */

td.span3.hidden-phone{
min-width: 270px;
}

#kpost-index5.span9, #kpost-index3.span9 {
padding-left: 10px !important;
vertical-align: top;
}

#kunena.layout {
padding-top: 10px !important;
}

#kunena.layout h2{
margin-bottom : 5px;
}

#kunena.layout .search-query {
font-size: 14px;
}

/* Pour les zones de texte des messages */

div#kunena.layout .kmsg{
font-size: 16px !important;
margin-top: 0 !important;
}

/* Pour la zone de saisie de texte dans un nouveau message ou réponse  */
div.wysibb-text {
font-size: 15px;
padding: 10px 20px 10px 20px !important;
}

/* Pour les formulaires de type Modération */

/* Espacement des zones de saisie */
#kunena.layout .form-horizontal .control-label {
padding-right: 20px;
}


form#myform.form-horizontal  ul.nav.nav-tabs a {
border: solid 1px;
border-bottom: none;
}

form#myform.form-horizontal  ul.nav.nav-tabs a:active{
background: white;
}

/* ========================================    BOUTONS   =================================================================*/

/* Pour les boutons associés aux listes déroulantes 
 Bouton de Recherche  : corrige le décalage du bouton avec la zone de recherche et la disparition du texte et de l'icone  */ 
button.btn.btn-default-kunena{
margin: 0 0 0 2px !important;
padding-top: 7px;
padding-bottom: 5px;
font-size: 18px;
background : BurlyWood !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius : 0px !important;
}

/* Pour les autres boutons affectés malencontreusement par le template Forte */
a.btn.btn-primary, a.btn.btn-success.kbutton-create, a.btn.kbutton-markread, a.btn.kbutton-subscribe, input.btn.btn-success.form-validate, a.btn.kbutton-reply, a.btn.kbutton-favorite, span.heading.btn.btn-small, a.btn.hasTooltip, button.btn.btn-primary.validate, button.btn.btn-default, a.btn.kbutton-unsubscribe, a#html5_uploader_browse.plupload_button.plupload_add.btn.btn-success.fileinput-button, .btn-kunena-retour, .btn-kunena-proceder, .cb_template .btn-secondary, input.btn.btn-sm-block.btn-primary.pmButton.pmButtonSubmit, button.btn.btn-sm-block.btn-success.pmButton.pmButtonNew, input#cbbtneditsubmit.btn.btn-primary.cbProfileEditSubmit,input.btn.btn-sm-block.btn-secondary.pmButton.pmButtonCancel, a.btn.kbutton-quote, Button.btn.btn-sm.btn-primary.cbTooltipButtonYes.cbTooltipClose, button#kshow_attach_form.btn,  .btn.btn-primary.fileinput-button, button#insert-all.btn.btn-primary, button#remove-all.btn.btn-danger, .edit #editor-xtd-buttons .btn, a.btn.btn-danger, a.btn.btn-success, a.btn.btn-warning {
background : BurlyWood !important;
color: black !important;
border-radius: 8px !important;
margin-left: 10px;
margin-bottom: 10px;
/* word-spacing: 0.3rem;   pas très utile ... */
font-size: 12px;
padding:  5px 20px;
box-shadow: 0px 10px 10px -7px gray !important;
}

/* Pour retour à la ligne après ce bouton  .edit #editor-xtd-buttons .btn */
div#editor-xtd-buttons.btn-toolbar.pull-left  {
float: none;
 }

a.btn.btn-success.kbutton-create:hover, input.btn.btn-success.form-validate:hover, a.btn.kbutton-reply:hover, a.btn.btn-primary:hover, button.btn.btn-primary.validate:hover, a#html5_uploader_browse.plupload_button.plupload_add.btn.btn-success.fileinput-button:hover, input.btn.btn-sm-block.btn-primary.pmButton.pmButtonSubmit:hover, input#cbbtneditsubmit.btn.btn-primary.cbProfileEditSubmit:hover, a.btn.btn-success:hover {
background : MediumAquamarine !important;
transform: scale(1.05);
}

a.btn.btn-warning:hover{
background : red !important;
}


a.btn.kbutton-markread:hover, a.btn.kbutton-favorite:hover,.cb_template .btn-secondary:hover {
background : SandyBrown !important;
transform: scale(1.05);
}

a.btn.kbutton-subscribe:hover, button#kshow_attach_form.btn:hover, .btn.btn-primary.fileinput-button:hover, a.btn.kbutton-unsubscribe:hover, button.btn.btn-sm-block.btn-success.pmButton.pmButtonNew:hover, Button.btn.btn-sm.btn-primary.cbTooltipButtonYes.cbTooltipClose:hover, a.btn.btn-success, a.btn.btn-warning {
background : NavajoWhite !important;
transform: scale(1.05);
}

/* Bouton très général : ne peut pas être traité comme les autres, et tous les autres risquent d'hériter de son style. Seule solution, mettre le nom de classe le plus complet possible sur les autres boutons  */
button.btn {
background : BurlyWood !important;
color: black !important;
border-radius: 8px 8px 8px 8px !important;
margin: 0px 20px 20px 3px !important;
font-size: 12px;
padding:  4px 20px 0px 20px;
box-shadow: 0px 5px 5px -3px gray !important;
}

/* button.btn:before   Tentative pour faire un bord gauche convexe !
{
    width: 10px;
    height: 28px;
    border-radius:0 3px 3px 0;
    background-color:#FFF;    
    display:inline-block;
    vertical-align: middle;
    margin-left: -26px;
    margin-right: 20px;
    content: '';
}
*/

/* Style que j'ai créé spécialement pour le bouton Annuler du Nouveau Sujet, qui avait le style .btn = ingérable !!! */
.kunena-btn-reset{
background : BurlyWood !important;
color: black !important;
border-radius: 8px !important;
margin: 0px 20px 12px 16px !important;
font-size: 12px;
padding:  5px 20px;
min-height: 0 !important;
box-shadow: 0px 5px 5px -3px gray !important;
}


a.btn.kbutton-quote:hover, button.btn.btn-default:hover, a.btn.hasTooltip:hover, button.btn:hover, .kunena-btn-reset:hover, button#insert-all.btn.btn-primary:hover , button#remove-all.btn.btn-danger:hover, a.btn.btn-danger:hover {
background : NavajoWhite !important;
transform: scale(1.05);
}

/* Complète le style général plus haut, pour ces boutons spécifiques au téléchargement de fichiers  */
button#kshow_attach_form.btn, .btn.btn-primary.fileinput-button, button#insert-all.btn.btn-primary, button#remove-all.btn.btn-danger, a.btn.btn-danger {
padding: 6px 20px 8px 20px !important;
font-size: 12px !important;
margin: 0 !important;
max-height: 20px !important;
}

span.heading.btn.btn-small {
padding: 8px;
font-size: 11px;
border-radius: 10px;
margin: 0px;
margin-top: 10px;
}

/* Bouton type case à cocher et flêche, pour collapse zones de recherche */
div.btn.btn-small {
background: BurlyWood !important;
margin-top: 30px;
margin-left: 10px !important;
padding: 8px;
border-radius: 5px !important;
}


/* =============== JomGallery ===============================================*/

/*  Zones de recherche au dessus des tableaux et liste */
#filter-search{
min-width: 250px;
min-height: 40px;
padding:0px;
}

/* Rechercher catégorie en haut de la page Galleries */
input.inputbox{
min-width: 250px;
}

/* ==============  Kunena : Pour les boutons de modération ================= */

 .btn-kunena-retour, .btn-kunena-proceder {
background : Tan !important;
font-size: 1em;
color: gray !important;
border-radius: 8px !important;
margin-left: 20px;
margin-bottom: 10px;
padding:  15px 15px 15px;
}


/* Petit carré avec triangle pointe en bas */
a.btn.btn-primary.dropdown-toggle  {
background: Tan !important;
padding: 4px 6px 6px 2px;
margin-left: 2px;
}

.btn-group.open a.btn-primary.dropdown-toggle {
background: Tan !important;
}


/* Bouton de Zone déroulante pour les actions sur les sujets   */
input[type="submit"].btn {
background : BurlyWood !important;
color: black !important;
border-radius: 8px 8px 8px 8px !important;
margin-left: 3px;
margin-top: 0px;
font-size: 12px;
min-height: 0px;  /* Nécessaire, car définit dans template.css  */ 
padding:  6px 20px;   /* Attention : agit aussi sur d'autres boutons, se méfier du !important  */
box-shadow: 0px 10px 10px -7px gray !important;
text-shadow: none;
}


input[type="submit"].btn:hover {
background : Cornsilk !important;
transform: scale(1.05);
}

/* Zone déroulante, intégrant les boutons de modération */
ul.dropdown-menu {
background: rgba(255,255,255,0.7) !important;  /* transparence sans affecter les éléments fils du contenus */
min-width: 144px  !important;
margin-top: -5px;
padding: 5px 5px 10px 5px !important;
border-radius: 10px !important;
}

a.btn.kbutton-lock, a.btn.kbutton-sticky, a.btn.kbutton-moderate, a.btn.kbutton-delete, #btn_undelete.btn.kbutton-undelete, #btn_permdelete.btn.kbutton-permdelete, #btn_report.btn.pull-right.kbutton-report, #btn_edit.btn.kbutton-edit, #btn_edit.btn.kbutton-edit button.btn, /* input[type="submit"].btn, */  .btn.btn-secondary.cbUserlistCancel, .btn-group>.btn:first-child, #btn_delete.btn.kbutton-delete  {
background : #c7b5a3 !important;
color: #e0f8ff !important;
border-radius: 8px !important;
margin-left: 10px;
font-size: 12px;
padding:  1px 15px;
margin: 0;
margin-bottom: 5px;
margin-left: 20px;
}


/* Ceux sont ici réduits en taille car ils sont dans une liste déroulante  */
a.btn.kbutton-lock, a.btn.kbutton-sticky, a.btn.kbutton-moderate, a.btn.kbutton-delete {
padding:  5px 15px 2px;
margin: 0;
margin-bottom: 5px;
}

/* Attention : celui ci sert aussi pour JCE  */
.btn-group>.btn:first-child,
 {
/* margin : 0 0 20px 40px !important;   pose problème dans modération Kunena */
margin-left : 40px !important;
padding: 5px 20px 5px 20px !important;
font-size: 14px;
}

.btn-group>.btn:first-child:hover {
background : Cornsilk !important;
transform: scale(1.05);
}


a.btn.kbutton-lock:hover, a.btn.kbutton-sticky:hover,  a.btn.btn-primary:hover, a.btn.kbutton-moderate:hover, a.btn.kbutton-delete:hover ,   #btn_undelete.btn.kbutton-undelete:hover, #btn_permdelete.btn.kbutton-permdelete:hover, #btn_report.btn.pull-right.kbutton-report:hover,  #btn_edit.btn.kbutton-edit:hover,/* input[type="submit"].btn:hover ,*/ .btn.btn-secondary.cbUserlistCancel:hover,  .btn-kunena-retour:hover, .btn-kunena-proceder:hover, #btn_delete.btn.kbutton-delete:hover {
background: Cornsilk !important;
color: black !important;
transform: scale(1.05);
}

/* =======================   Pour PhocaDownload======================== */

/* Voir aussi le custom/default.css dans le répertoire media */

.jstree-node{
padding-left:10px;
line-height: 0.5em;
}


/* =======================   Pour JoomGallery  ======================== */

.jg_row{
background: rgba(255,255,255,0.6) !important;
}


/* =======================   Pour PhocaGallery ======================== */

#phocagallery-comments .comment-input2, #phocagallery-upload .comment-input2, #phocagallery-ytbupload .comment-input2, #phocagallery-javaupload .comment-input2, #phocagallery-multipleupload .comment-inpu2t, #phocagallery-category-creating .comment-input2, #phocagallery-subcategory-creating .comment-input2, #phocagallery-user .comment-input {
width: 60px;
background : none;
font-weight: normal;
}

/* Table des liste Collections  */
#phocagallery-subcategory-creating table.adminlist, #phocagallery-upload table.adminlist{
margin-bottom: 20px;
}

#phocagallery-subcategory-creating table.adminlist tbody tr td, #phocagallery-upload table.adminlist tbody tr td {
background : cornsilk;
}

/* Affichage JAK Light Box   */
.lightBox .image-browser-image img {
top:0 !important;
left:0 !important;
margin-top: 0 !important;
}

div.lightBox {
height: 660px !important;
}

.lightBox .image-browser-image{
height: 600px !important;
}

/* Vignettes de la JAK Box  */
.image-browser-slideshow-play, .image-browser-slideshow-pause  {
top: 570px !important;
}

/*
.lightBox .image-browser-thumbs {
width: 150px !important;
}
*/

.lightBox .image-browser-thumbs div.image-browser-thumb-box,
.lightBox .image-browser-thumbs div.image-browser-thumb-box img,
.lightBox .image-browser-thumbs div.image-browser-active {
margin-top: 0 !important;
margin-bottom: 10px !important;
height: 100px !important;
}


/*  Fin JAK Box  */


div.window-container table, div.window-container table tr, div.window-container table tr td {
backgournd: black;
}

/* =================   Pour le composant ttforum ==============================  */


.container{
margin-left: 50px;
}


.form-control.required{
font-family: Raleway;
}


input#jform_title.form-control.required{
max-width: 520px;
}

/* Pour la zone de texte des messages */

div.bg-light-Reponse{
max-width: 600px;
}

.btn-ttforum, .btn-ttforum-danger, .btn-ttforum-annuler {
background: FireBrick;
display: inline-block;
margin: 10px;
padding:5px 20px;
color: white;
border-radius: 8px;
text-align: center;
font-size: 16px;
}

.btn-ttforum-annuler{
padding: 3px 20px 7px;
}

.btn-ttforum:hover {
background: SeaGreen;
text-decoration: none;
transform: scale(1.05);
}

.btn-ttforum-danger:hover, .btn-ttforum-annuler:hover{
background: Coral;
text-decoration: none;
transform: scale(1.05);
}

.bg-light-TitreReponse{
margin-left: 40px;
color: DarkRed !important;
}

.bg-light-Reponse{
color: black !important;
}

.progress {
margin: 0px;
}

/* Badges - étiquettes mises sur les contributions 
Attention : mettre les mêmes badges dans le template Admin !  */

.badge {
font-weight: 400 !important;
padding: 2px 10px 4px !important;
text-shadow: 0 0 0 !important;
}

.badge-gris {background:lightgray !important;color:SlateGray !important}
.badge-noir {background:black !important;}
.badge-rouge {background:Salmon !important;}
.badge-orange {background:Gold !important;color:SlateGray !important}
.badge-jaune {background:Moccasin !important; color:SlateGray !important}
.badge-vert {background:GreenYellow !important; color:black !important}
.badge-bleu {background:SkyBlue !important;color:SlateGray !important}
.badge-violet {background:Thistle !important;color: SlateGray !important}


/* ==============    Pour DropFiles  ================= */

.openlink{
background: Cornsilk !important;
border: solid 0.5px;
border-color:black !important;
}

/* Pour Phoa Map */

.leaflet-popup-content p{
margin : 0;
}