/* Paramètres de personnalisation du thème */

:root{
  --workspace-width: 70%; /* taille de la zone de travail */
  --color1-highlight: rgb(251, 90, 2); /* Color 1 : highlitght (links, menu hover) - Orange*/
  --color2-light-background : #ffffff; /*Color 2 : light background - default background) - light grey */
  --color3-dark-background : #808080; /* Color 3 : Dark background (primary and secondary menus) - Dark grey */
  --color4-text : rgb(100,100,100); /*Color 4 : Default text color - noir allégé - idem ci-dessus */
  --color5-inverse-text : #ffffff; /* Color 5 : Inverse text color - blanc cassé */
 /*--banner :      url(/sites/base.mkglabs.com/files/config/banner.jpg); fait par un block*/
 /*--background :  url(/sites/base.mkglabs.com/files/config/background.jpg); */
   --background : #ffffff;
  --chat-width : 512px;
  --main-font : verdana;
  --item-font : Muli;
  --item-main: Muli;
  --radius : 10px
}
/*Fonts */

body {
  font-family: var(--main-font);
  font-size: 11.8px;
  line-height: 1.4;
  color: #7F7F7F;
  background-color: #ffffff;
}
.nav a {
    font-family: var(--item-font);
    /* color: white; */
    font-size: 14px;
   /* text-transform: unset!important;*/
}
.nav-tabs a {
    font-size: 16px;
    font-family: var(--main-font);
}
#block-block-2 h1 {
    font-weight: unset;
    font-family: var(--item-font);
    font-style: normal;
    font-size: 24px;
}
h3.title.block-title.collapsiblock {
    font-family: var(--item-font);
    margin-top: 2px;
    margin-bottom: 2px;
/*    text-transform: uppercase;*/
    font-weight: bold;
    font-size: 14px;
}

/* polices */
h1, .h1 {
    font-weight: unset;
    font-family: var(--item-font);
    font-style: normal;
    font-size: 24px!important;
}
h2, .h2 {
   /* font-size: 22px;
    font-family: var(--item-main);*/
    font-family: Muli;
    font-size: 18px;
	font-weight: bold; 
}
/* avec titre encadreés au milieu 12/11/2019
article h2.title {
    background-color: var(--color3-dark-background);
    color: var(--color5-inverse-text);
    padding: 3px;
}

article h2.title {
    display: inline-block;
    text-align: center;
    color: white;
    text-decoration: none;
    width: 100%;
    line-height: 2;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    border-radius: var(--radius);
    margin-top: 2px;
}
@media (min-width: 768px) { 
  article h2.title {
    display: block;
    text-align: center;
    color: white;
    text-decoration: none;
    width: 50%;
    line-height: 2;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    border-radius: var(--radius);
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
  }
}
*/


h3, .h3{
  font-size: 17px;
  font-family: var(--item-font);
}

/* Fin des paramètres */

/* Affiche les miley à 100% - supprimé le 5/5/2021
.node :not(.filefield-file, th, li) img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
*/


#block-block-1 img {
    width: 100%;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

#comments .content img {
    max-width: 35% !important;
    height: auto !important;
/*	border: solid;
    padding: 5px;
    border-color: gray;*/
}
.cke_editable img {
    max-width: 35%;
}
video {
    width: 35%;
}
.cke_editable hr,
.comment hr {
    border-top: 2px solid #444;
}
@media (min-width: 768px) { 
	fieldset.fieldgroup.group-media {
	/*	display: flex;
		width: 18%;*/
	}
	/*
	.field.field-type-filefield.field-field-image, .field.field-type-filefield.field-field-video1 {
		max-width: 45%!important;
		margin: 5px;
	}
	*/
}
.field-field-image img, .field-field-video1 video{
	max-width: 100% !important;
	height: auto !important;
}


/*
.comment img {
    max-width: 30% !important;
    height: auto !important;
    margin:5px;
}
*/
.picture img {
    width: 41px!important;
    height: 41px!important;
   border-radius: 50%;
    border: 2px solid var(--color1-highlight);
}
/*
.comment .picture {
    float: left;
    margin-left: -60px;
}
*/
.authorblock {
    margin-top: 5px;
}
@media (min-width: 768px) { 
  .authorblock {
    float: left;
    margin-left: -60px;
    position: relative;
    left: -25px;
    text-align: right;
    width:60px;
  }
}
.view-content img {
    max-width: 100%;
}

div.acidfree-cell img {
    padding: 0px;
    background-color: unset;
    /* border: 1px solid #ccc; */
    vertical-align: bottom;
}

body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
    margin: auto;
    background-color: white;
}
.navbar-inverse {
  /*  background-color: black;
    border-color: #007aad;*/
    background-color: var(--color3-dark-background);
    border-color:unset ;/*var(--color1-highlight)*/
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
a {
  color: var(--color1-highlight);
  text-decoration:none;
}

a:hover {
  color: rgb(230, 80, 0);
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #F39C12;
   /* text-transform: uppercase!important;*/
    font-weight: bold;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #F39C12;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
   /* color: rgb(153, 153, 153);*/
    color: #ffffff;
   text-transform: uppercase!important;
    font-weight: bold;
}
span#slogan {
    font-size: large;
    font-weight: 800;
}
.clear-block.comment-notify {
    display: none; 
}
input#edit-preview {
    display: none;
}

.block-locale li {
    margin-bottom: 3px;
    list-style: none;
    float: left;
    margin-left: 5px;
}
#block-masquerade-0, #block-user-3 .block {
    float: left;
    margin-left: 5px;
}
/*
#block-menu-menu-footer li a {
    display: block;
    padding: 5px 10px;
    background-color: var(--color3-dark-background);
    color: var(--color5-inverse-text);
    text-transform: uppercase;
}
#block-menu-menu-footer li a:hover {
    color: var(--color5-inverse-text);
    background-color: var(--color1-highlight);
    text-decoration: none;
}
*/
#block-menu-menu-footer li {
    float: left;
}
#block-menu-menu-footer ul.menu {
    list-style: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-inline-start: 0px;
  /*  background-color: #efefef;*/
}
footer {
    padding: 10px;
    padding-top: 2px
}
#views_slideshow_singleframe_main_basPage_bootstrap-block_2 .views-row {
    display: block;
    float: left;
    width: 24%;
    /*height: 20%;*/
    /*border-style: solid;
    border-color: darkgray;*/
    background-color: var(--color2-light-background);
    margin: 3px;
    padding: 3px;
}
.view-content {
    width: 100%;
    font-size: 11.8px;
/*    display: grid; */
}
.view-new-comments div, .view-new-activities div {
    margin-left: 5px;
}
/*.block { */
/*
#block-views-new_activities-block_1,
#block-user-1,
#block-views-basPage_bootstrap-block_2,
#block-views-Discussionrecente-block_2,
#block-menu-menu-account{
    border-bottom-style: solid;
    border-style: solid;
    border-radius: 10px;
    border-color: darkgray;
    background-color: #f5f5f5;
    padding: 5px;
}
*/
/*
section#offcanvas-container {
  margin-left: 10px;
    margin-right: 10px;
}
*/
#main, #footer-top {
    background-color: var(--color2-light-background);
}
/*jv enlevé le not */
@media (min-width: 768px) { 
  body {
    background: var(--color2-light-background);
    background-image: var(--background);
    width: var(--workspace-width);
    margin-left: auto;
    margin-right: auto;
    color: var(--color4-text);
  }
}

/* pour les mobiles */
@media (max-width: 768px) { 
  body {
    background: var(--color2-light-background);
    background-image: var(--background);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: var(--color4-text);
  }
}

.jumbotron {
    padding: 0px;
    margin-bottom: 2px;
    margin-top:0px;
    /*background-color: unset;*/
	background-color: #e6e6e6;
}

.navbar {
    margin-bottom: 0px;
}
body.cke_editable {
    background-image: none;
    background-color: white;
/*}
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {*/
    margin: 0px;
    width: 100%;
}


th.views-field.views-field-last-comment-timestamp.active {
    background-color: --color2-light-background;
}
@media (min-width: 769px) { 
    nav#primary-links {
        display: none;
    }
}
nav#primary-links {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

.block-search label {
    display: none;
}
div#edit-search-block-form-1-wrapper {
    float: left;
}
/* ça ne marche pas au niveau du style AF */
.author-pane-line.author-offline {
    display: none;
}
.author-pane-line.author-online {
    display: none;
}
/*
.btn-default, .btn-danger {
    color:white;
    background-color: var(--color3-dark-background);
    background-color: #a6a6a6;
}
*/
a.btn.btn-default, a.btn.btn-danger {
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    background: #a6a6a6;
    border-color: rgb(128, 128, 128);
}
a.btn.btn-danger {
    /* color: #ffffff; */
    background-color: #ff0039;
    border-color: #ff0039;
}
.btn-group.btn-group-sm {
    padding: 10px;
}
.admin-links a.btn.btn-default {
    font-size: 12px;
    font-style: normal!important;
    background: unset;
    color: blue;
    border: unset;
    font-weight: 100;
}
ul {
    padding-inline-start: 10px;
}
.item-list > ul li:before, ul.menu li:before {
    content: "";
    position: absolute;
    left: 0px;
}
/* menus sans puces
.item-list > ul li, ul.menu li {
    list-style-type: none;
    position: static;
    
}
*/
/* menus avec puces */
.item-list > ul li, ul.menu li {
    list-style-type: none;
    position: static;
    background: url(../../images/marker.png) no-repeat scroll left 6px transparent;
    list-style: none outside none!important;
    padding-left: 15px;
    margin-top: 3px;
}

#block-menu-primary-links.collapsiblock-processed .content.clearfix,
#block-views-comments_recent-block.collapsiblock-processed .content.clearfix,
#block-views-activities_to_complete-block_1 .content.clearfix {
    margin-top: 25px;
}

.jumbotron .container {
    margin-right: 12em;
	margin-bottom: 10px;
}

div#block-superfish-1 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 19px;
}
div#block-menu-menu-user-menu {
    float: right;
  /*  width: 16em;*/ /* pseudo 8 car max*/
  margin-right: 5px;
}
div#block-menu-menu-user-menu a {
    padding-right: 10px;
}
div#block-block-2 {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}
div#block-menu-primary-links {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
div#block-views-frontpage-block_1 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
div#block-block-4 {
    float: left;
  /*  margin-left: 10px;
    margin-right: 10px;*/
    text-align: center;
    width: 100%;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border:1px solid #e6e6e6;
    padding-top: 6px;
}

#block-block-4 a {
    vertical-align: middle;
}

ul#superfish-2 li {
    list-style-type: none;
}

img.imagecache.imagecache-Thumbnail.imagecache-default.imagecache-Thumbnail_default {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:50px
}
div#block-search-0 {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 19px;
}
div#block-views-Discussionrecente-block_2 {
    float: left;
    width: 18em;
}
div#block-comment-0 {
    float: left;
    width: 18em;
}
div#block-views-comments_recent-block {
    float: right;
  /*  width: 19em; */
  margin-right: 5px;
}
div#block-views-new_activities-block_1 {
    float: left;
  /*  width: 12em; */
}
div#block-views-activities_to_complete-block_1 {
    float: right;
   /* width: 13em; */
   margin-right: 5px;
}
div#block-userpoints--1 {
    float: left;
    width: 13em;
}
div#block-superfish-2 {
    float: right;
    width: unset;
	margin-right: 5px;
}
div#block-user-3 {
	float: right;
  /*  margin-right: 100px; */
}
/*14/05/2024 */
#block-user-3 .item-list {
    display: grid;
}
#block-user-3 .item-list h3 {
    display: none;
}



div#block-gtranslate-0 {
    width: min-content;
    float: left;
}
.view-id-frontpage {
    display: contents;
    margin-left: 10px;
    margin-right: 10px;
    /*width:100%; */
  /*  padding-top: 10px;*/
}
.collapsiblock-processed + h1 {
    padding-bottom: 20px;
}
div .collapsiblock a {
    display: block;
    color: var(--color4-text);
    text-decoration: none;
}
div .collapsiblockCollapsed a {
   /* background: url(collapsed.png) no-repeat right; */
}

.jumbotron p {
    margin-bottom: 0px;
}

#block-menu-menu-footer li {
    background: none;
}
article#content-area {
    padding: 13px; 
}
.node .meta {
    display: inline-block;
}
#block-user-0 label{
  width:10em;
}

div.acidfree-folder p {
    font-weight: unset;
}
.acidfree-item.acidfree-folder {
    height: inherit;
    /* margin-bottom: 5px; */
}
.acidfree .acidfree-cell {
    /*height: 145px;*/
    height: unset;
    min-height: 180px;
    margin-bottom: 5px;
}
.acidfree-item.acidfree-folder {
    min-height: 180px;
}
div.acidfree-cell > div.acidfree-item {
    border-width: 1px;
}
div.acidfree-cell > div.acidfree-item:hover {
    border-color: var(--color1-highlight);
}
div.acidfree-item p a {
    display: block;
    margin-top: 5px;
}
.ifc.ifc-popup #ifc-app .ifc-popup-threads .ifc-chat-window-container {
    width: var(--chat-width) !important;
}
footer .row {
    margin: unset;
}
.sf-menu.sf-style-simple.sf-vertical a, .sf-menu.sf-style-simple li li span.nolink, .sf-menu.sf-style-simple.sf-vertical span.nolink {
    padding: 0.5em 0.5em;
}
.sf-menu.sf-style-simple.sf-vertical a > .sf-sub-indicator, .sf-menu.sf-style-simple.sf-vertical span.nolink > .sf-sub-indicator {
    top: 0.51em;
}
.sf-depth-2{
    width:150px;
}
.webform-container-inline .fivestar-widget.clear-block.fivestar-widget-5 {
    display: inline-block;
}
th {
    font-weight: normal;
}

h2.forum span {
    display: inline-block;
    text-align: center;
    color: white;
    text-decoration: none;
    width: 100%;
    padding-top: 16px;
}
span.field-content {
    line-height: 150%;
}
#views-exposed-form-Discussionrecente-page-1 .bef-select-as-radios {
    display: flex;
}
ul.pager li {
    background: none;
    padding-left: 0px;
}
ul.pager a {
    padding: 3px 3px;
}
.container-inline-date label {
    float: left;
}
.form-autocomplete {
    width: 15em;
}
.poll .bar .foreground {
    background-color: var(--color3-dark-background);
    height: 1em;
    float: left;
}
.post-title.blockFloat-processed.blockFloat-0 {
    background: var(--color3-dark-background);
    color: var(--color5-inverse-text);
}
.legend-group {
    display: none;
}
.forum-icon {
    display: none;
}

.view-frontpage .title a {
 /*   color: white; 12/11/2019 */
}
.view-new-stuff .title a {
   /* color: white; 15/12/2019 */
}
label.option {
    /* font-style: normal; */
    font-weight: normal;
}
thead {
    background-color: var(--color3-dark-background);
    color: white;
}
.views-table td {
    border-top: 1.4px solid var(--color3-dark-background)!important;
    word-break: break-word;
	vertical-align: top!important;
}

.indented {
    margin-left: 0px;
}
#comments > .indented {
    margin-left: 80px;
}


@media (max-width: 900px) { 
.indented {
  }
  div#forum-comments {
    width: unset;
  }
}
th a {
    color: white;
}
#content-area ul, #content-area li {
    list-style-type: disc;
	z-index: 100;
}


.webform-grid .radio, .webform-grid .checkbox {
    display: table-cell;
}
ul.custom-pager.custom-pager-bottom {
    display: inline-block;
}

.forum-topic-navigation .topic-previous {
    text-align: right;
    float: left;
    width: 46%;
}
.custom-pager .topic-next {
    text-align: left;
    float: right;
    width: 46%;
}
/* pour cacher les champs dangereux dans les page admin site information et langages */
div#edit-prefix-wrapper {
    display: none;
}
div#edit-domain-wrapper {
    display: none;
}
div#edit-native-wrapper {
    display: none;
}
hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid #e6e6e6;
}
/*Cacher le dropdown de la sélection du langage*/
.node-form div#edit-language-wrapper {
    display: none;
}
/* fond gris */
body {
    /*background: lightgrey; 25/07*/
	background-color:#e6e6e6;
}
div#block-block-4 {
    /*background: #ffffff; 25/07 */
}

/* encadrement des commentaires */
.comment.comment-published.clear-block {
    border-radius: 20px;
   /* box-shadow: 5px 5px 5px var(--color3-dark-background);*/
    margin-left: 10%;
    margin-bottom: 20px;
  /*  border-left: solid;*/
    padding: 13px;
    background: #f5f5f5;
    padding-top: 0px;
}
/*
.node .content {
    border-radius: 20px;
    box-shadow: 5px 5px 5px var(--color3-dark-background);
    border-left: solid;
    padding: 10px;
}
*/
span.new {
    text-transform: uppercase;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}
th.views-field.views-field-title {
    width: 30%;
}
th.views-field.views-field-tid {
    width: 30%;
}

.comment .btn-group {
  /*  padding-top: 5px;*/
    margin-top: -10px;
}
a.btn {
    font-size: 12px!important;
}
ul.nav.nav-tabs.primary {
    padding-inline-start: 10px;
    margin-bottom: -20px!important;
	/*display: inline-flex; */
	display:contents;
}
div#fp {
    display: inline-flex
;
}
.comment-date {
 /*   margin-top: -9px;*/
    margin-bottom: 9px;
    font-size: 10px;
    opacity: 0.75;
}
.comment h3 {
    margin-top: 10px;
    font-size: 11.8px;
    font-size: 12px;
    margin-bottom: 4px;
    font-weight: bold;
}
.comment .content {
    font-size: 11.8px;
    line-height: 1.2;
    float:left;
    width: -webkit-fill-available;
	width: stretch;
	width: -moz-available;
}
.submitted {
    float: left;
}

input#edit-subject {
    max-width: -webkit-fill-available;
}
.buttonx {
    white-space: pre;
    text-align: center;
    color: rgb(170, 170, 170);
    background-color: rgb(239, 239, 239);
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 0.5px;
    border-style: outset;
    border-color: rgb(118, 118, 118);
    border-image: initial;
    width: fit-content;
}
@media (max-width: 768px) { 
  .sublinks .btn-group.btn-group-xs.pull-right {
    position: relative;
    top: -70px;
  }
}
#privatemsg-new fieldset {
    float: left;
}
.view.view-completion-comments.view-id-completion_comments.view-display-id-page_1.view-dom-id-5 {
    margin-top: 25px;
}
div[id*="CURRENT-LANGUAGE"], div[id*="DEFAULT-LANGUAGE"] {
    display: none;
}
.bbb-meeting-details {
    display: grid;
}
.authorblock a {
  /*  white-space: nowrap;*/
}
.view-id-activity_summary.view-display-id-page_1 .table.table.views-table.cols-12, .view-id-activity_summary.view-display-id-page_2 .table.table.views-table.cols-13 {
    font-size: 9.8px;
}
.view-id-completion_poll.view-display-id-page_1 img,
.view-id-completation_webform.view-display-id-page_1 img {
    height: 10px;
    width: auto;
}
form#content-access-page {
    display: inline-block;
}
#views-bulk-operations-select fieldset {
    display: inline-block;
}
#block-block-4 h1 a {
  /*  text-transform: uppercase;*/
}

.block-icon {
	/*
    background-size: 17px!important;
    height: 17px!important;
	*/
}
.welcomeprofile table {
    width: unset!important;
    font-weight: bold;
}

@media (min-width: 768px) {
 /* div#block-block-4 {
    width: 100vw;
    margin-left: -23%;
  }
  .collapse.navbar-collapse.navbar-ex1-collapse.navbar-inverse {
    width: 100vw;
    margin-left: -23%;
  }*/
}
/* laisser les boutons de login apparents */
#header .user-action .btn {
    margin-top: unset;
}
@media (min-width: 768px){
.navbar-nav {
    /* float: left; */
    float: unset;
    margin: 0;
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
}
}

.view-id-exports1.view-display-id-page_1 div#edit-rid-4-wrapper {
    display: none;
}
.view-id-exports1.view-display-id-page_1 div#edit-rid-5-wrapper {
    display: none;
}
.view-id-exports1.view-display-id-page_1 div#edit-rid-6-wrapper {
    display: none;
}
.view-id-exports1.view-display-id-page_1 div#edit-rid-11-wrapper {
    display: none;
}
.view-id-exports1.view-display-id-page_1 div#edit-rid-13-wrapper {
    display: none;
}
.view-id-exports1.view-display-id-page_1 div#edit-rid-18-wrapper {
    display: none;
}

th.views-field.views-field-field-datemoved-value, td.views-field.views-field-field-datemoved-value {
    display: none;
}
th.views-field.views-field-field-presentez-value,td.views-field.views-field-field-presentez-value {
    display: none;
}
th.views-field.views-field-field-occupation-value, td.views-field.views-field-field-occupation-value {
    display: none;
}
th.views-field.views-field-created, td.views-field.views-field-created {
    display: none;
}
.page-node-all-export ul.nav.nav-tabs.primary {
    display: none;
}

.view.view-exports1.view-id-exports1.view-display-id-page_1.view-dom-id-1 {
    display: inline-block;
}
img.imagefield.imagefield-field_image {
    border: solid;
    padding: 5px;
    border-color: gray;
	border-width: 1px;
	border-radius: 15px;
}
meter {
    block-size: 3em;
    inline-size: 10em;
    position: relative;
    top: -30px;
    z-index: 3;
}
td.views-field.views-field-phpcode-3,
td.views-field.views-field-phpcode-8,
td.views-field.views-field-phpcode-9 {
    font-size: large;
    font-weight: bold;
}
.views-field-phpcode-3 div,
.views-field-phpcode-8 div,
.views-field-phpcode-9 div {
    position: relative;
    z-index: 4;
    top: 9px;
    margin-left: 5px;
}
li.views-fluid-grid-inline.views-fluid-grid-item.views-row {
    width: 33%;
    min-height: 250px;
}
@media (max-width: 768px) { 
	li.views-fluid-grid-inline.views-fluid-grid-item.views-row {
		width: auto;
	}
}
.front #main .views-row {
    background-color: var(--color2-light-background);
	margin-bottom: 15px;
	padding: 10px;
	/* min-height: 15em; */ /* 15/11/2025 */
}
.front article#content-area {
   /* background-color: lightgrey;*/
}
.front article#content-area {
    padding-top: 0px;
	padding-left: 0px;
}
.front div#main {
    margin-top: 13px;
}
.front .field-content {
  /*  padding-left: 15px; */ JV***/
}
.front aside#sidebar-left {
   /* background-color: lightgrey;*/
   padding-left: 10px;
}
.front div#main {
    margin-top: 13px;
    background-color: #e6e6e6;
}
.front h2 {
    margin-top: 0px;
}


/* flags styles */
/* Base styles */
.comment-flag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  line-height: 1;
}

.flag-wrapper {
  display: inline-block;
  vertical-align: middle;
}

/* Increase specificity for server-side icons */

.comment-like-flag.has-flagged-link a.unflag-action:before,
.comment-like-member-flag.has-flagged-link a.unflag-action:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 3px;
}

/* Increase specificity for client-side icons */
.comment-like-flag a.flagged:before,
.comment-like-member-flag a.flagged:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 3px;
}

/* Specific icons with increased specificity */
.comment-like-flag.has-flagged-link a.unflag-action:before,
.comment-like-flag a.flagged:before {
  background: url(../../../../icons/mkglabs/heart.png) no-repeat center center;
}

.comment-like-member-flag.has-flagged-link a.unflag-action:before,
.comment-like-member-flag a.flagged:before {
  background: url(../../../../icons/mkglabs/fb_pouce.png) no-repeat center center;
}

/* Style the flagged links */
.comment-flag a.flagged,
.comment-flag.has-flagged-link a.unflag-action {
 /* color: #d40000 !important;
  font-weight: bold;*/
  text-decoration: none;
  padding-left: 10px !important; /* Make space for icon */
}

/* Show count for member likes */
.comment-like-member-flag .flag-count {
 /* font-size: 11px;
  font-weight: bold;
  color: #666;
  margin-left: 3px; */
}

/* Background coloring */
.comment .comment-like-flag.has-flagged-link ~ .content,
.comment.has-liked-comment {
  background-color: #ffb6c14a !important;
  transition: background-color 0.3s ease;
}


.comment-flag.comment-like-member-flag {
    position: relative;
    top: 35px;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
}

/* Flag count with tooltip - FIXED */
.comment-flag .flag-count[data-tooltip] {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #666;
  display: inline-block;
  padding-right: 5px;
}

/* Tooltip bubble - FIXED with higher specificity */
.comment-flag .flag-count[data-tooltip]:hover:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
 /* font-weight: bold; */
  white-space: nowrap;
  z-index: 1000;
  margin-bottom: 8px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);
  /* Ensure it's visible */
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Tooltip arrow - FIXED */
.comment-flag .flag-count[data-tooltip]:hover:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #000;
  margin-bottom: -2px;
  z-index: 1001;
}

/* Loading state for dynamic counts */
.dynamic-likers.loading {
  opacity: 0.6;
  background-color: #e9ecef !important;
  color: #6c757d !important;
  min-width: 20px;
  text-align: center;
}

.dynamic-likers.loading:after {
  content: "⋯";
  animation: loadingDots 1.5s infinite;
}

@keyframes loadingDots {
  0%, 20% { content: "⋯"; }
  40% { content: "·⋯"; }
  60% { content: "··⋯"; }
  80%, 100% { content: "···"; }
}

/* Remove loading state when data is loaded */
.dynamic-likers:not(.loading) {
	/*
  background-color: #6c757d !important;
  color: white !important;
  */
}



/**
 * Styles pour la boîte modale de tagging
 */

/* Le "backdrop" qui couvre l'écran */
.tagging-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Fond noir semi-transparent */
  display: flex; /* Pour centrer le contenu */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Assure que le modal est au-dessus de tout le reste */
}

/* Le conteneur du contenu du modal */
.tagging-modal-content {
  position: relative; /* Nécessaire pour positionner le bouton de fermeture */
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 90%;
  max-height: 90%;
  overflow-y: auto; /* Ajoute un défilement si le contenu est trop grand */
}

/* Le bouton de fermeture */
.tagging-modal-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  color: #555;
}

/* Styles pour le widget lui-même à l'intérieur du modal si nécessaire */
.tagging-modal-content #tagging-widget-container {
  margin-top: 20px;
}

/*
 * Palette de couleurs pour les tags
 * Ajoutez autant de classes que vous le souhaitez pour votre palette.
 */
.tagging-color-1 { background-color: #e6f2ff; color: #1e3a5f; }
.tagging-color-2 { background-color: #e0fff2; color: #1f5f3e; }
.tagging-color-3 { background-color: #fff2e0; color: #5f3e1e; }
.tagging-color-4 { background-color: #ffffe0; color: #5f5e1f; }
.tagging-color-5 { background-color: #f2e0ff; color: #3e1f5f; }
.tagging-color-6 { background-color: #e0fffe; color: #1f5f5f; }
.tagging-color-7 { background-color: #f7e0ff; color: #4e1f5f; }
.tagging-color-8 { background-color: #ffe0e6; color: #5f1f3e; }
.tagging-color-9 { background-color: #e6ffe0; color: #3e5f1f; }
.tagging-color-10 { background-color: #e0e0ff; color: #1f1f5f; }

/* Styles communs pour les tags si vous le souhaitez */
.tagging-tag {
  /* Assurez-vous que le style du tag a une couleur de fond et de texte */
  padding: 3px 8px;
  border-radius: 12px;
/*  font-weight: bold;*/
}

span.tagging-highlight {
	/*
    background-color: #ffb700; */
  /*  font-weight: bold; */
    padding: 1px 0;
    border-radius: 3px;
}
/*
 * (Vos classes tagging-color-1 à tagging-color-10 restent inchangées)
 */

/* Style spécifique pour les tags qui ont plusieurs tags liés en vid 13 */
.tagging-color-multiple {
  background-color: #fce6ff; /* Un rose-violet par exemple */
  color: #5d1f5f;
  /* Ajoutez d'autres styles si vous le souhaitez */
}

/* Style pour les tags non thémisés */
.tagging-color-default {
  background-color: lightgrey; /* ??? */
  color: #5d1f5f;blueviolet
  /* Ajoutez d'autres styles si vous le souhaitez */
}

.node-image img.image.image-preview {
    width: 80%;
    height: auto;
}
.panels-flexible-row-1-3-inside .picture, .panels-flexible-row-1-3-inside .meta, .panels-flexible-row-1-3-inside .field-field-custom-image, .panels-flexible-row-1-3-inside #tagging-widget-container, .panels-flexible-row-1-3-inside .forum-topic-navigation {
    display: none;
}
#header .user-action .btn{
/*a[href="/logout"] { */
    color: #ffffff;
    background-color: var(--logout-button-color);
    border-color: var(--logout-button-color);
}

/* panels sur mobiles */
@media (max-width: 768px) { 
	.panels-flexible-column-1-2 {
		float: left;
		width: auto;
		/*margin-left: -16px;*/
		margin-right: -25px;
	}

	.panels-flexible-column-1-main {
		float: left;
		width: auto;
	}
	.panels-flexible-region-1-r2_2 {
		float: left;
		width: auto;
		margin-left: -16px;
		margin-right: -25px;
	}
	.panels-flexible-region-1-r2_3 {
		float: left;
		width: auto;
		margin-left: -22px;
		margin-right: -9px;
	}
}




/*
label.views-label-field-image-fid {
    display: none;
}

.pane-content .views-field-teaser {
    width: 67%;
    float: left;
}
.pane-content .views-field-field-image-fid {
    width: 30%;
    float: left;
}
.pane-content img.imagefield.imagefield-field_image {
    height: auto;
    border: unset;
    padding: unset;
	padding-right: 5px;
}
*/
/* debut */
.pane-content .views-row {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr auto;
  gap: 15px;
 /* min-height: 200px;*/ /* Hauteur minimale  - annulé le 15/11/2025 */
  align-items: start;
}

/* Première ligne : le titre sur toute la largeur */
.pane-content .views-field-title {
  grid-column: 1 / -1;
  grid-row: 1;
}

/* Deuxième ligne : résumé à gauche, image à droite */
.pane-content .views-field-teaser {
  grid-column: 1;
  grid-row: 2;
}

.pane-content .views-field-field-image-fid {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

/* Styles supplémentaires pour l'image */
.pane-content .views-field-field-image-fid img {
  max-width: 200px; /* Ajustez selon vos besoins */
  height: auto;
  display: block;
}

/* Cacher le label si nécessaire */
.pane-content .views-field-field-image-fid label {
  display: none;
}

/* Responsive : sur mobile, l'image passe en dessous */
@media (max-width: 768px) {
  .pane-content .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  
  .pane-content .views-field-title {
    grid-column: 1;
    grid-row: 1;
  }
  
  .pane-content .views-field-teaser {
    grid-column: 1;
    grid-row: 2;
  }
  
  .pane-content .views-field-field-image-fid {
    grid-column: 1;
    grid-row: 3;
  }
}

/* fin */




#header .user-action {
    top: 10px;
}
@media (min-width: 768px) { 
	div#fp {
		padding-left: 25px;
	}
}
.panels-flexible-row-1-3 .pane-content .content {
    text-align: center;
}
.inside.panels-flexible-row-inside.panels-flexible-row-1-3-inside {
    display: flex;
    align-items: flex-end;
}
.panels-flexible-region.panels-flexible-region-1-r2_2.panels-flexible-region-first {
    padding-right: 10px;
}
.block-nodeasblock div#tagging-widget-container {
    display: none;
}
.block-nodeasblock img.image.image-thumbnail {
    max-height: 80px;
    /* width: auto; */
    max-width: 20em;
    height: auto;
    width: auto;
}
div#block-nodeasblock-4050 {
    float: left;
    margin-right: 10px;
	padding-left: 25px;
}
div#block-nodeasblock-4051 {
    float: left;
}

@media (min-width: 768px) {

	/* Conteneur général */
	article.node .content:not(:has(> form)) {
	  display: grid;
	  grid-template-columns: minmax(340px, 1fr) 300px; /* gauche fluide, droite fixe */
	  gap: 1.5rem;
	  align-items: start;
	}

	/* Colonne gauche = desc + webform, empilés dans l'ordre du DOM */
	article.node .content > .node-desc-wrapper,
	article.node .content > .node-webform-wrapper,
	article.node .content > .forum-topic-navigation,
	article.node .content > #tagging-widget-container {
	  grid-column: 1;
	}

	/* Colonne droite = image */
	article.node .content > fieldset.group-media {
	  grid-column: 2;
	}

	/* Rendre l'image responsive dans sa colonne */
	article.node .field-field-image img {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}

}

/* Responsive */
@media (max-width: 768px) {
/*	
    article .content > div,
    article .content > ul {
        padding-right: 0;
    }
    
    .fieldgroup.group-media.collapsible {
        position: static;
        width: 100%;
        margin: 20px 0;
    }
*/
}

form#webform-client-form-3643 {
    width: fit-content;
}

#block-views-comments_recent-block .block-icon {
    width: 44px;
}

.front.not-logged-in article#content-area {
    display: none;
}

.view-id-frontpage1.view-display-id-default .views-field-picture {
    float: left;
}
.views-field-body {
    display: inline-block;
    margin-top: 10px;
}
.pane-frontpage1 h2.pane-title {
  /*  color: transparent; */
  margin-left: unset;
}

.forum-topic-navigation.clear-block {
    margin-top: 10px;
}

div#tagging-widget-container {
    width: fit-content;
}
.forum-topic-navigation.clear-block {
    margin-top: 10px;
    width: fit-content;
    white-space: nowrap;
    padding-right: 3em;
}
h2.pane-title {
    text-shadow: 1px 1px 2px;
	margin-left: 10px;
}

div#block-locale-0 {
    float: left;
}

/*04/10/2025 */
.panels-flexible-region-1-r3 img {
    max-width: unset;
}
.panels-flexible-region-1-r3 .views-row {
    display: block;
}
article h2.title {
    font-weight: 300;
}
@media (min-width: 768px) {
	body[class*="node-type"] article#content-area {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	/* en attente
	body[class*="node-type"] section#offcanvas-container {
 		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	*/
}


#comments .comment.comment-published.clear-block {
	margin-left:0px;
}

.indent {
    margin-left: 20px;
}
#views-bulk-operations-select legend {
    display: none;
}
#views-exposed-form-activity-summary-2-page-3 .bef-select-as-radios {
    display: none;
}
#views-exposed-form-activity-summary-2-page-3 .views-exposed-widget.views-submit-button {
    margin-top: -20px;
}
.view.view-activity-summary-2.view-id-activity_summary_2.view-display-id-page_3.view-dom-id-1 {
    margin-top: 20px;
    border: 1px solid #dddddd;
    padding: 5px;
    border-radius: 5px;
}
#views-exposed-form-activity-summary-2-page-3 .views-exposed-widgets.clear-block {
    display: flex;
    align-items: flex-start;
}
.poll .vote-form .choices {
    margin: unset;
}
.block-nodeasblock h3.title.block-title {
    display: none;
}

.not-logged-in div#main {
    background: inherit;
}