/* 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-weight: bold; 
    font-family: var(--item-main);*/
    font-family: Muli;
    font-size: 18px;
}
/* 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: 45% !important;
    height: auto !important;
/*	border: solid;
    padding: 5px;
    border-color: gray;*/
}
.cke_editable img {
    max-width: 45%;
}
video {
   /* width: 100%;*/
}
@media (min-width: 768px) { 
	fieldset.fieldgroup.group-media {
		display: flex;
	}
	.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;
}

.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: 20px;
}

div#block-superfish-1 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 19px;
}
div#block-menu-menu-user-menu {
    float: left;
 /*   margin-left: 10px;
    margin-right: 10px;
    margin-top: 19px;*/
    width: 16em; /* pseudo 8 car max*/
}
div#block-block-2 {
    float: left;
    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: left;
  /*  width: 19em; */
}
div#block-views-new_activities-block_1 {
    float: left;
  /*  width: 12em; */
}
div#block-views-activities_to_complete-block_1 {
    float: left;
   /* width: 13em; */
}
div#block-userpoints--1 {
    float: left;
    width: 13em;
}
div#block-superfish-2 {
    float: left;
    width: unset;
}
div#block-user-3 {
  /*  float: left; */
  /*  width: 16em; */
}
/*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*/
div#edit-language-wrapper {
    display: none;
}
/* fond gris */
body {
    background: lightgrey;
}
div#block-block-4 {
    background: #ffffff;
}

/* 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;
}
.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;
}
.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;
}
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: 200px;
    height: 200px;
}