/* @override 
	https://mc93.formesfluidesdev.com/modules/custom/ginff/css/ginff.css?* */
/* VAR */
:root
{
  --gin-border-xxs: 0px;
  --gin-border-xs: 0px;
  --gin-border-s: 0px;
  --gin-border-m: 0px;
  --gin-border-l: 0px;
  --gin-border-xl: 0px;
  --custom-bg-app: #fff;
  --custom-bgneutre-app: #f9f9f9;
  --gin-border-color-layer: #aaa;
  --gin-toolbar-width-collapsed: 63px;
  --gin-toolbar-height: 45px;
  --gin-scroll-offset: var(--gin-toolbar-height);
  --gin-font-weight-normal: 300;
  --gin-font-weight-semibold: bold;
  --gin-font-weight-bold: 900;
  --gin-font-weight-heavy: 900;
}

.gin--dark-mode
{
  --custom-bg-app: var(--gin-bg-layer);
  --custom-bgneutre-app: #222;
}

/* FIN VAR */
/* LAYOUT PARAGRAPH FORM */
a:focus
{
  box-shadow: none !important;
  outline: none !important;
}

.gin--edit-form .layout.two-col,
.gin--edit-form .layout.three-col
{
  display: flex;
  flex-wrap: wrap;
}

.gin--edit-form .layout.two-col > .cell,
.gin--edit-form .layout.three-col > .cell
{
  flex: 0 1 100%;
}

@media screen and (min-width: 40em)
{
  .gin--edit-form .layout.two-col > .cell
  {
    flex: 0 1 50%;
  }

  .gin--edit-form .layout.three-col > .cell
  {
    flex: 0 1 33%;
  }
}

.ui-dialog
{
  width: 90% !important;
}

.layout-select__item
{
  margin-left: 0 !important;
}

.layout_options
{
  padding-top: 30px;
  border-top: 1px solid var(--gin-color-primary);
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.layout_options > .form-item
{
  margin: 0;
}

.layout_options > .js-form-type-textfield
{
  flex: 100%;
}

.layout_options > .js-form-type-textfield input
{
  width: 100%;
}

.form-radios .layout-select__item label
{
  outline: none !important;
  border-radius: 0 !important;
  border: 1px solid #ddd;
  align-items: center;
  width: 250px;
}

.layout-select__item input.form-boolean:checked + label.option
{
  border-color: #000;
}

.layout-select__item label .layout-select__item-icon
{
  flex: 0 0 80px;
}

.layout-select__item label .layout-select__item-icon img
{
  width: 70px !important;
  height: 70px !important;
}

.layout-select__item label .layout-select__item-title
{
  line-height: 1;
}

.lpb-component-list__item img
{
  margin-right: 30px;
  max-width: 100px;
}

.lpb-component-list__search
{
  display: none;
}

.lpb-component-list__group--content,
.lpb-component-list__group--layout,
.paragraphs-add-dialog-list
{
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 !important;
}

.lpb-component-list__group--layout
{
  padding-bottom: 15px;
  border-bottom: 2px solid #000;
}

.lpb-component-list__group--content > div,
.lpb-component-list__group--layout > div,
.paragraphs-add-dialog-list li
{
  width: 33.33% !important;
  box-sizing: border-box;
  padding: 5px;
}

.lpb-component-list__group--content > div a,
.lpb-component-list__group--layout > div a,
.paragraphs-add-dialog-list li input.button--small
{
  border: 1px solid #ccc !important;
  padding: 20px !important;
  width: auto !important;
  margin: 0;
  text-align: center !important;
  height: 100px !important;
  font-weight: bold !important;
  color: var(--gin-color-primary) !important;
  transition: all 0.3s;
  text-decoration: none !important;
}

.paragraphs-add-dialog-list li input.button--small
{
  width: 100% !important;
  display: block !important;
  border-radius: 0 !important;
}

.lpb-component-list__group--content > div a:hover,
.lpb-component-list__group--layout > div a:hover,
.paragraphs-add-dialog-list li input:hover,
.paragraphs-add-dialog-list li input.button:hover,
.paragraphs-add-dialog-list li input.button:focus
{
  background-color: #f6f6f6 !important;
  border: 1px solid #ccc !important;
  outline: none !important;
  box-shadow: none !important;
}

.lpb-component-list__group--layout > div a
{
  background-color: #f6f6f6 !important;
  border: 1px solid var(--gin-color-primary) !important;
}

.type-separateur
{
  order: 3;
}

.lpb-component-list__group--layout > div a:hover,
.lpb-component-list__group--layout > div a:focus
{
  border: 1px solid var(--gin-color-primary) !important;
  background-color: #ddd !important;
}

.field--type-entity-reference-revisions .form-wrapper
{
  border: none;
}

.field--type-entity-reference-revisions .form-wrapper .fieldset__label
{
  padding: 0;
  margin-bottom: 20px;
}

.field--type-entity-reference-revisions .form-wrapper .fieldset__wrapper
{
  margin: 0;
}

/* les lignes */
.js-lpb-component-list > .js-lpb-component
{
  margin: 0 0 20px 0;
  padding-top: 10px !important;
  border: 1px solid var(--gin-color-primary) !important;
  background-color: #fff;
}

/* les paras */
.js-lpb-component .para-section-header .js-lpb-component,
.js-lpb-component .js-lpb-component .js-lpb-component
{
  border: 1px solid #eee !important;
  background-color: #fff;
  margin: 5px 5px 15px 5px;
}

/* les accordeons */
.js-lpb-component.paragraph--type--accordeon .js-lpb-component
{
  background-color: #fafafa !important;
}

/* les colonnes */
.para-section.horizontal .para-section-wrapper
{
  display: flex;
  align-items: flex-start;
}

.para-section.horizontal .para-section-wrapper > .js-lpb-component
{
  flex: 1 0 0;
  position: relative;
}

.para-section.horizontal .para-section-wrapper > .js-lpb-component > .lpb-btn--add.before
{
  top: 50%;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
}

.para-section.horizontal .para-section-wrapper > .js-lpb-component > .lpb-btn--add.after
{
  top: 50%;
  left: inherit;
  margin: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}

.js-lpb-component
{
  border: 1px solid #ccc !important;
  background-color: #fafafa;
  margin: 10px 5px 5px 5px;
  padding: 5px !important;
  padding-top: 5px !important;
  outline: none !important;
}

.js-lpb-component:hover
{
  outline: none !important;
  border: 1px solid var(--gin-color-primary) !important;
}

.js-lpb-component.paragraph--type--medias .field__items,
.js-lpb-component.paragraph--type--grille-de-logos .field__items
{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.js-lpb-component.paragraph--type--medias .field__items .field__item,
.js-lpb-component.paragraph--type--grille-de-logos .field__items .field__item
{
  margin: 0 5px 5px 0;
}

.form-item--layout-paragraphs-config-region-wrapper-ds-hidden
{
  display: none;
}

.lpb-layout
{
  position: relative;
}

.js-lpb-region
{
  padding-top: 30px;
}

.js-lpb-component .para-section.header,
.js-lpb-component .colonne.accordeon,
.js-lpb-component .col_accordeon
{
  position: relative;
  padding-top: 30px;
}

.js-lpb-component .para-section.header > .js-lpb-region:before,
.js-lpb-component .colonne.accordeon .js-lpb-region:before,
.js-lpb-component .col_accordeon .js-lpb-region:before
{
  content: attr(data-sslabel);
  background-color: #ccc;
  color: #000;
}

.js-lpb-component .para-section.header:before,
.js-lpb-region:before,
.js-lpb-component .colonne.accordeon:before,
.js-lpb-component .col_accordeon:before
{
  content: attr(data-label);
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 0.7rem;
  text-transform: lowercase;
  background-color: var(--gin-color-primary);
  color: #fff;
  padding: 3px 5px;
  border-radius: 5px;
}

.js-lpb-component .para-section.header:after,
.js-lpb-region:after,
.js-lpb-component .colonne.accordeon:after,
.js-lpb-component .col_accordeon:after
{
  content: attr(data-affichage);
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 0.7rem;
  text-transform: lowercase;
  background-color: #f1f1f1;
  color: #aaa;
  padding: 3px 5px;
  border-radius: 5px;
}

.js-lpb-component .para-section.header .js-lpb-region:after,
.js-lpb-component .col_accordeon .js-lpb-region:after
{
  display: none;
}

.js-lpb-component .para-section.header:before,
.js-lpb-region:before
{
  content: attr(data-label) " / " attr(data-titre);
}

.js-lpb-component .para-section.header:after,
.js-lpb-region:after
{
  content: attr(data-affichage) " / " attr(data-couleur);
}

.js-lpb-region.colonne:before
{
  content: attr(data-label);
}

.field--type-boolean
{
  font-size: 0.7rem;
  text-transform: lowercase;
  color: #ddd;
}

.bundle-fieldparagraph,
.champ.options-texte,
.champ.options-medias,
.champ.para-options,
.champ.options-taille,
.champ.options-apparence
{
  display: inline-block;
  font-size: 0.7rem;
  text-transform: lowercase;
  background-color: #f5f5f5;
  color: #999999;
  padding: 3px 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.lpb-controls,
.lpb-controls.is-layout
{
  top: -1px;
  right: -1px;
  left: inherit;
  background-color: #fff;
  border: 1px solid var(--gin-color-primary);
  color: black;
  border-radius: 0;
  box-shadow: none;
}

.lpb-controls-label
{
  font-size: 0.8rem;
  color: var(--gin-color-primary);
}

.js-lpb-component:hover .js-lpb-region
{
  outline: none !important;
}

.is-layout .lpb-edit
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.284 8.63082L19.6136 7.30121C20.0152 6.8996 20.6664 6.8996 21.068 7.30121L22.6988 8.93203C23.1004 9.33365 23.1004 9.98479 22.6988 10.3864L21.3692 11.716L18.284 8.63082Z' fill='%23000000'/%3E%3Cpath d='M17.2556 9.65922L9.0284 17.8864L8 22L12.1136 20.9716L20.3408 12.7444L17.2556 9.65922Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.is-layout .lpb-duplicate
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7,8C21.4,8,22,8.6,22,9.3v7.9c0,0.7-0.6,1.3-1.3,1.3h-7.9c-0.7,0-1.3-0.6-1.3-1.3V9.3c0-0.7,0.6-1.3,1.3-1.3H20.7 M12.8,19.4c-1.2,0-2.2-1-2.2-2.2v-5.7H9.3c-0.7,0-1.3,0.6-1.3,1.3v7.9C8,21.4,8.6,22,9.3,22h7.9c0.7,0,1.3-0.6,1.3-1.3v-1.3H12.8z' fill='%23000000' /%3E%3C/svg%3E%0A");
}

.is-layout .lpb-delete
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 8H16C16.5523 8 17 8.44772 17 9H21V11H9V9H13C13 8.44772 13.4477 8 14 8ZM10 12H20L19.09 21.0995C19.0389 21.6107 18.6088 22 18.095 22H11.905C11.3912 22 10.9611 21.6107 10.91 21.0995L10 12Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.is-layout .lpb-down
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12L15 18L9 12L21 12Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='12' height='6' fill='%23000000' transform='translate(21 18) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.is-layout .lpb-up
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18L15 12L21 18H9Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.is-layout .lpb-drag
{
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11C13.3284 11 14 10.3284 14 9.5C14 8.67157 13.3284 8 12.5 8C11.6716 8 11 8.67157 11 9.5C11 10.3284 11.6716 11 12.5 11Z' fill='%23000000'/%3E%3Cpath d='M12.5 16C13.3284 16 14 15.3284 14 14.5C14 13.6716 13.3284 13 12.5 13C11.6716 13 11 13.6716 11 14.5C11 15.3284 11.6716 16 12.5 16Z' fill='%23000000'/%3E%3Cpath d='M14 19.5C14 20.3284 13.3284 21 12.5 21C11.6716 21 11 20.3284 11 19.5C11 18.6716 11.6716 18 12.5 18C13.3284 18 14 18.6716 14 19.5Z' fill='%23000000'/%3E%3Cpath d='M17.5 11C18.3284 11 19 10.3284 19 9.5C19 8.67157 18.3284 8 17.5 8C16.6716 8 16 8.67157 16 9.5C16 10.3284 16.6716 11 17.5 11Z' fill='%23000000'/%3E%3Cpath d='M19 14.5C19 15.3284 18.3284 16 17.5 16C16.6716 16 16 15.3284 16 14.5C16 13.6716 16.6716 13 17.5 13C18.3284 13 19 13.6716 19 14.5Z' fill='%23000000'/%3E%3Cpath d='M17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.lpb-up,
.lpb-down,
.lpb-edit,
.lpb-duplicate,
.lpb-delete,
.lpb-drag
{
  opacity: 0.3 !important;
}

.lpb-up:hover,
.lpb-down:hover,
.lpb-edit:hover,
.lpb-duplicate:hover,
.lpb-delete:hover,
.lpb-drag:hover
{
  opacity: 1 !important;
  background-color: transparent !important;
}

.lpb-drag:focus,
.lpb-up:focus,
.lpb-down:focus,
.lpb-edit:focus,
.lpb-duplicate:focus,
.lpb-delete:focus,
.lpb-drag:focus
{
  outline: none;
}

.lpb-tooltiptext
{
  font-size: 0.8rem;
}

.lpb-btn--add
{
  border-radius: 50%;
  border: 1px solid #ccc;
  box-shadow: none;
  padding: 3px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.lpb-btn--add:hover
{
  border-color: var(--gin-color-primary);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 6V11H18V13H13V18H11V12.999L6 13V11L11 10.999V6H13Z' fill='%23130F13'/%3E%3C/svg%3E%0A");
  opacity: 1;
}

.lpb-btn
{
  font-size: 0.8rem;
  position: absolute;
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #aaa;
  border-radius: 0;
  box-shadow: none;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px;
  text-decoration: none;
}

.lpb-btn:hover
{
  border-color: var(--gin-color-primary);
}

/* separateur */
.paragraph--type--separateur
{
  background-color: #eee !important;
}

.paragraph--type--separateur .lpb-controls
{
  border-color: #000 !important;
  margin-top: -1px;
  margin-right: 1px;
}

.paragraph--type--separateur .lpb-controls-label
{
  color: #000 !important;
}

.para-section.horizontal .para-section-wrapper > .js-lpb-component.paragraph--type--separateur
{
  flex: 0 0 0;
  align-self: stretch;
  border: none !important;
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  background-color: transparent;
  width: 10px !important;
}

.para-section.horizontal .para-section-wrapper > .js-lpb-component.paragraph--type--separateur .lpb-controls
{
  margin-top: 1px;
  margin-right: -1px;
}

.paragraph--type--separateur .lpb-btn,
.paragraph--type--separateur .lpb-btn--add
{
  display: none;
}

.js-lpb-component-list > .js-lpb-component.paragraph--type--separateur
{
  border: none !important;
  border-top: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
  background-color: transparent;
  height: 10px !important;
  padding: 0 !important;
}

/* FIN LAYOUT PARAGRAPH FORM */
/* GIN THEME */
.toolbar-tray a,
.toolbar-tray a:visited
{
  margin-top: 4px;
}

.toolbar-menu-administration .toolbar-menu .toolbar-logo
{
  margin: 0;
}

.toolbar-menu-administration .toolbar-menu:not(.menu-editeurs) .toolbar-logo
{
  margin: 0;
  height: 45px !important;
  width: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--gin-border-color);
}

.toolbar-menu-administration .toolbar-menu:not(.menu-editeurs) .toolbar-logo img
{
  max-height: 25px !important;
}

.toolbar-menu-administration > ul.menu > li.menu-item
{
  margin-right: 5px;
}

.toolbar-menu-administration .toolbar-menu.menu-editeurs .toolbar-logo
{
  margin-bottom: 25px;
  height: auto;
}

.toolbar-menu-administration > ul.menu.menu-editeurs > li.menu-item
{
  margin-right: 0;
}

body.gin--vertical-toolbar.toolbar-horizontal
{
  padding-top: 0 !important;
}

body.gin--vertical-toolbar.toolbar-horizontal header
{
  top: 0;
  padding-left: var(--gin-toolbar-width-collapsed) !important;
}

body.gin--vertical-toolbar.toolbar-vertical header
{
  top: 39px;
}

body.gin--vertical-toolbar.toolbar-vertical
{
  padding-top: 39px !important;
}

body.gin-login .toolbar-icon-default::before
{
  width: 150px;
  height: 150px;
  top: 0;
  left: -10px;
}

.gin-secondary-toolbar--frontend
{
  display: none;
}

/* .role-authenticated:not(.role-administrateur) .tabledrag-toggle-weight {
  display: none;
} */
/* FIN GIN THEME */
/* CKEDITOR */
.ui-dialog ~ .ck-body-wrapper,
.ck-body-wrapper:is(:has(~ .ui-dialog))
{
  --ck-z-modal: 1261;
}

.ck-content
{
  max-height: 65vh;
  overflow: auto;
}

/* FIN CKEDITOR */
/* VUES ADMIN */
.fixed-layout table
{
  table-layout: fixed;
}

table caption
{
  font-weight: bold;
}

/* FIN VUES ADMIN */
/* MENU GESTION */
.toolbar-tab--toolbar-item-toolbar-menu-gestion .toolbar-icon::before,
.gin-secondary-toolbar .toolbar-icon-toolbar-menu-gestion:before
{
  -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#config-view") !important;
  mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#config-view") !important;
}

/* .toolbar .toolbar-bar .toolbar-icon::before, .toolbar .toolbar-bar .responsive-preview-icon::before {
  -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#fallback-view");
  mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#fallback-view");
} */
#toolbar-item-toolbar-menu-gestion-tray .toolbar-menu ul
{
  display: block !important;
}

.toolbar-vertical #toolbar-item-toolbar-menu-gestion-tray .toolbar-icon-admin-toolbar-tools-help:before
{
  -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
  mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
  background-image: none !important;
  background-color: #fff !important;
  height: 30px;
  width: 30px;
  -webkit-mask-size: 90% 90% !important;
  mask-size: 90% 90% !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  top: 50%;
  margin-top: -15px;
}

/* FIN MENU GESTION */
/* FIN MENU GESTION */
/* Custom styles pour le thème admin GIN */
.gin--dark-mode
{
  --custom-bg-app: var(--gin-bg-layer);
  --custom-bgneutre-app: #222;
}

body.path-admin,
body.path-devel,
body.gin--edit-form,
body.gin-login,
.toolbar
{}

body.path-admin,
body.gin--edit-form,
body.path-devel,
body.gin-login,
.page-wrapper__node-edit-form,
.region-sticky:not(.region-sticky--is-sticky)
{
  background-color: var(--custom-bg-app);
}

#block-gin-page-title .page-title
{
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.gin--edit-form .field--name-title .form-element
{
  letter-spacing: 0 !important;
}

/* toolbar */
.toolbar .toolbar-bar .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon,
.toolbar .toolbar-bar .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon:not(.toolbar-handle)
{
  padding-top: 10px;
  padding-bottom: 10px;
}

.toolbar-menu-administration
{
  border-right: 1px solid var(--gin-color-primary) !important;
}

[dir="ltr"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu
{
  box-shadow: 1px 0 0px 0px var(--gin-color-primary) !important;
  border-right: none;
  /*
	border-right: 1px solid var(--gin-border-color-layer) !important;
	opacity: 1 !important;
	transition: opacity .3s;
	display: block !important;
	*/
}

[dir="rtl"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu
{
  box-shadow: none !important;
  border-left: 1px solid var(--gin-color-primary) !important;
}

.toolbar-menu__title,
.toolbar-menu__sub-title
{
  font-size: var(--gin-font-size-xl) !important;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus:focus::after
{
  display: none !important;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-box > a.toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail:hover > .toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-box > a.toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon
{
  background: transparent !important;
}

@media (min-width: 64em)
{
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon
  {
    border-radius: 50px !important;
    background: transparent !important;
    border: 1px solid transparent;
    margin-bottom: 5px;
  }

  .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon
  {
    background: transparent !important;
  }

  .toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon:not(.toolbar-icon-default)
  {
    border-color: var(--gin-color-primary-light);
  }

  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon
  {
    margin-left: 6px;
  }

  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.is-active:not(.toolbar-icon-default)
  {
    border-color: var(--gin-color-primary);
  }
}

.sticky-shadow
{
  display: none;
}

.region-sticky
{
  border-bottom: 1px solid var(--gin-color-primary);
}

.region-sticky--is-sticky
{
  opacity: 0.95;
  background: var(--custom-bgneutre-app) !important;
}

.layout-region-node-secondary
{
  border-color: var(--gin-color-primary) !important;
  background: var(--custom-bgneutre-app) !important;
}

.layout-region-node-secondary .form-wrapper,
.layout-region-node-secondary details,
.layout-region-node-secondary .claro-details__wrapper
{
  background: none !important;
  border: none;
  margin: 0;
}

.layout-region-node-secondary summary
{
  box-shadow: none !important;
}

/* box-shadow */
.layer-wrapper,
.block-system > form,
.view-content .views-form,
.view-without-bulk .view-content,
.panel,
.admin-list,
.view-watchdog .view-content,
.views-exposed-form.views-exposed-form,
.system-status-counter,
.system-status-general-info,
.system-status-report,
.views-edit-view,
.views-preview-wrapper,
.view-block-content .view-content,
.view-files .view-content,
.system-themes-list,
.modules-tabs,
#views-entity-list,
.admin.my-workbench
{
  box-shadow: none !important;
}

[dir="ltr"] .paragraphs-tabs-wrapper .field-multiple-table .draggable
{
  box-shadow: none !important;
  background-color: transparent !important;
}

.paragraphs-tabs-wrapper .field-multiple-table .draggable:hover,
.paragraphs-tabs-wrapper .field-multiple-table .draggable:focus-within
{
  box-shadow: none !important;
}

/* focus */
.claro-details__summary::after,
.claro-details__summary:after
{
  box-shadow: none !important;
}

.claro-details__summary:hover
{
  background-color: transparent;
}

table tr,
table th
{
  background-color: var(--custom-bg-app) !important;
}

.form-boolean
{
  border-radius: 20px !important;
}

.checkbox-toggle,
.checkbox-toggle__inner
{
  border-radius: 20px !important;
}

:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover ~ .checkbox-toggle
{
  box-shadow: none !important;
}

:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active ~ .checkbox-toggle .checkbox-toggle__inner,
:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus ~ .checkbox-toggle .checkbox-toggle__inner
{
  box-shadow: none !important;
}

.form-radios .form-item__label
{
  border-radius: 20px !important;
}

.form-boolean--type-checkbox:checked
{
  background-size: 11px;
  background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%23fff'/%3e%3c/svg%3e");
}

.form-boolean--type-checkbox[disabled]:checked
{
  background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%2382828c'/%3e%3c/svg%3e");
}

.form-element:hover,
.ck:hover
{
  border-color: var(--gin-color-text);
  box-shadow: none !important;
}

.form-element:focus,
.ck:focus
{
  border-color: var(--gin-color-text) !important;
  box-shadow: none !important;
}

.paragraphs-badge
{
  display: none;
}

#edit-advanced *:not(.action-link)
{
  font-size: var(--gin-font-size-xxs);
  line-height: 1.4;
}

#edit-field-menu-link-wrapper .claro-details__content
{
  margin: 0;
  border: none;
}

#edit-field-menu-link-wrapper .claro-details__content summary
{
  display: none;
}

.form-item--menu-description,
.role-authenticated:not(.role-administrateur) .tabledrag-toggle-weight-wrapper
{
  /*	display: none;*/
}

#edit-menu-menu-link-weight .fieldset__label
{
  display: none;
}

#edit-menu-menu-link-weight thead
{
  display: none;
}

#edit-menu-menu-link-weight .fieldset__wrapper
{
  margin: 0;
}

#edit-menu-menu-link-weight .tabledrag-cell
{
  padding: 0 5px;
}

#edit-menu-menu-link-weight .tabledrag-cell-content
{
  margin: 5px 0;
}

#edit-menu-menu-link-weight--description
{
  display: none;
}

.form-actions .action-link.action-link--icon-trash,
.form-actions .action-link.action-link--icon-trash:hover,
.form-actions .action-link.action-link--icon-trash:focus,
.form-actions .action-link.action-link--icon-trash:active
{
  border: 1px solid var(--gin-color-danger) !important;
  box-shadow: none !important;
}

.messages
{
  padding: var(--gin-spacing-s) !important;
  font-size: var(--gin-font-size-xxs);
  border-radius: 0px !important;
  color: var(--gin-color-text) !important;
  border-left: 1px solid var(--gin-color-text) !important;
  box-shadow: none !important;
}

@media (min-width: 48em)
{
  .messages
  {
    padding: var(--gin-spacing-l) !important;
  }
}

.messages .button--dismiss .icon-close
{
  background-color: var(--gin-color-text) !important;
}

.messages .button--dismiss:focus .icon-close,
.messages .button--dismiss:hover:focus .icon-close
{
  background-color: transparent !important;
}

.messages .button--dismiss
{
  border-width: 0px !important;
}

.messages .button--dismiss
{
  border-radius: 50px !important;
}

.messages a
{
  color: var(--gin-color-text) !important;
}

.messages__header:before
{
  display: none !important;
}

.messages__title,
.messages__content
{
  margin: 0 !important;
}

.messages--error
{
  background-color: var(--gin-bg-danger-light) !important;
}

.messages--status
{
  background-color: var(--gin-bg-green-light) !important;
}

.messages--warning
{
  background-color: var(--gin-bg-warning-light) !important;
}

.table-file-multiple-widget .tabledrag-cell-content
{
  display: flex;
  align-items: center;
}

.tabledrag-changed
{
  display: none !important;
}

/* .tabledrag-handle::after {
  -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#drag-dots-view") !important;
  mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#drag-dots-view") !important;
} */
.tabledrag-handle:hover::after,
.tabledrag-handle:focus::after,
.draggable.drag .tabledrag-handle::after
{
  transform: scale(1) !important;
}

.draggable-table .draggable
{
  background: transparent !important;
}

.draggable.drag-previous > .tabledrag-cell
{
  position: relative;
  background: transparent !important;
}

.draggable.drag-previous > .tabledrag-cell::before
{
  content: "";
  display: block;
  position: absolute;
  top: var(--gin-spacing-xs);
  width: 1px !important;
  height: calc(100% - var(--gin-spacing-m));
  background: var(--gin-color-warning);
  border-radius: var(--gin-border-xxs);
  left: 10px;
}

.module-list__checkbox
{
  border: 0px solid #ccc !important;
}

.system-modules td
{
  vertical-align: middle;
}

/* DS */
.dropbutton-single .dropbutton
{
  border: none !important;
  box-shadow: none;
  margin: 0;
  height: inherit !important;
  min-height: inherit !important;
}

.dropbutton-single .dropbutton li
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none !important;
}

.dropbutton
{
  border: 1px solid var(--gin-color-primary) !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: inherit !important;
  text-transform: lowercase;
}

.views-ui-display-tab-actions .dropbutton
{
  height: 35px !important;
}

.dropbutton__item:first-of-type ~ .dropbutton__item,
.dropbutton__item ~ .dropbutton__item:last-child
{
  border: none !important;
  border-radius: 0 !important;
}

.dropbutton__item:first-of-type > *
{
  padding: 10px 10px 7px 10px !important;
}

[dir="ltr"] .dropbutton--multiple > .dropbutton__item:first-of-type
{
  border-right: 1px solid var(--gin-color-primary) !important;
  margin-bottom: 0px;
  border-radius: 0 !important;
}

.dropbutton--multiple.open .dropbutton
{
  display: none !important;
}

.dropbutton__toggle
{
  top: 1px !important;
  margin-right: -1px;
  height: auto !important;
  border-radius: 0 !important;
}

.js .dropbutton--multiple .dropbutton__item:first-of-type > *
{
  border-radius: 0;
}

.dropbutton .dropbutton__items
{
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: normal !important;
  width: auto !important;
  box-sizing: border-box;
  border: 1px solid var(--gin-color-primary);
}

.dropbutton .dropbutton__items a
{
  font-weight: 600 !important;
}

.field-plugin-settings-edit-form .form-item
{
  margin-right: 15px;
}

.field-plugin-settings-editing td
{
  max-width: 500px !important;
}

@media (min-width: 48em)
{
  .is-horizontal .tabs--primary .tabs__link
  {
    border: 1px solid transparent;
    padding: var(--gin-spacing-xs) var(--gin-spacing-s);
    font-weight: normal !important;
  }

  .is-horizontal .tabs--primary .tabs__link.is-active
  {
    background: transparent;
    border-color: var(--gin-color-primary);
  }

  .is-horizontal .tabs--primary .tabs__link:hover:not(.is-active)
  {
    background: transparent;
    border-color: var(--gin-color-primary-light);
  }
}

.reset-appearance.tabs__trigger
{
  cursor: pointer;
}

.reset-appearance.tabs__trigger svg
{
  transform: scale(1.5);
}

.reset-appearance.tabs__trigger svg path
{
  stroke-width: 1px !important;
  stroke: #fff !important;
  fill: var(--gin-color-primary);
}

.tabs
{
  border: none !important;
  text-transform: lowercase;
}

.tabs__tab.is-active
{
  border-top: 1px solid var(--gin-color-primary);
  border-color: var(--gin-color-primary) !important;
  box-shadow: none !important;
}

.tabs__link
{
  font-size: var(--gin-font-size-xs);
}

.tabs__link:hover
{
  background: transparent !important;
}

.tabs--primary
{
  box-shadow: none !important;
  margin-top: var(--gin-spacing-l);
}

@media (min-width: 48em)
{
  .tabs--primary
  {
    margin-bottom: 0;
  }
}

@media (min-width: 48em)
{
  .tabs__tab.is-active
  {
    border-top: none;
  }

  .is-horizontal .tabs--primary,
  .is-horizontal .tabs--secondary,
  .horizontal-tabs ul.horizontal-tabs-list
  {
    padding-top: 25px !important;
  }

  .gin--edit-form .is-horizontal .tabs--primary,
  .gin--edit-form .is-horizontal .tabs--secondary,
  .gin--edit-form .horizontal-tabs ul.horizontal-tabs-list
  {
    padding-top: 25px !important;
  }
}

.panel__title,
.system-status-general-info__header,
.system-status-report__requirements-group > h3,
.system-themes-list__header
{
  background: none !important;
}

@media (min-width: 61em)
{
  .gin-secondary-toolbar .toolbar-secondary .toolbar-tab > .toolbar-icon
  {
    border: 1px solid transparent !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-tab:hover > .toolbar-icon
  {
    border-color: var(--gin-color-primary) !important;
    color: var(--gin-color-primary) !important;
    background-color: var(--custom-bg-app) !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray
  {
    margin-top: -1px;
    background: var(--custom-bg-app) !important;
    box-shadow: none !important;
    border: 1px solid var(--gin-color-primary);
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray .toolbar-lining:not(:empty)
  {
    padding: 0 !important;
  }

  .gin-secondary-toolbar .toolbar-menu a,
  .gin-secondary-toolbar .toolbar-menu .menu-item span.toolbar-icon
  {
    border-bottom: 1px solid var(--gin-color-primary-light) !important;
  }

  /*
	.toolbar-tray:first-of-type {
		display: block !important;
	}*/
  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom
  {
    margin-top: -1px;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-menu .menu-item--expanded ul
  {
    display: block !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom > ul > .menu-item,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-icon,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-icon-admin-toolbar-tools-help
  {
    color: var(--gin-color-primary) !important;
    background: none !important;
    display: block !important;
    opacity: 1 !important;
    text-indent: 0;
    font-weight: normal;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom a:hover
  {
    background-color: var(--gin-color-primary) !important;
    color: var(--custom-bg-app) !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .menu-item--expanded a
  {
    background-color: var(--custom-bgneutre-app) !important;
    color: var(--gin-color-text) !important;
    border-bottom: 1px solid var(--gin-color-primary-light) !important;
  }
}

/* GIN LOGIN */
.gin-login .toolbar-icon-default
{
  width: 100%;
  text-indent: 0 !important;
  font-size: var(--gin-font-size-xxs);
  line-height: 1.2;
  display: flex;
  align-items: center;
  padding-left: 50px;
  position: relative;
  color: var(--gin-color-text) !important;
  text-transform: uppercase;
}

.gin-login .toolbar-icon-default::before
{
  position: absolute;
  left: 0px;
  padding-left: 1px;
  -webkit-mask-size: 90% 90% !important;
  mask-size: 90% 90% !important;
  -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
  mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#gin-view") !important;
}

.gin-login .user-form-page__user-form
{
  flex-basis: 100% !important;
}

.gin-login .user-form-page__user-form header
{
  flex: 1 0 0;
}

body.gin-login .user-form-page
{
  min-height: inherit;
}

body.gin-login .user-form-page__user-form img
{
  max-width: 100%;
  max-height: 200px;
  margin-bottom: 50px;
}

/* MEDIAS LIBRARY */
.media-library-item .media-library-item__preview
{
  padding-bottom: 0;
}

.media-library-edit__link
{
  text-indent: -9999px;
}

.media-library-item__content
{
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.media-library-item__click-to-select-trigger
{
  height: 100%;
  font-size: 10px;
}

.media-library-item--grid
{
  padding: 4px;
}

.media-library-item .media-library-item__preview-wrapper
{
  border: 1px solid var(--gin-border-color);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.media-library-item--grid .champ.thumbnail,
.media-library-item--grid .champ.media-video-file
{
  text-align: center;
  background: #fafafa;
  display: flex;
  justify-content: center;
  min-height: 200px;
  align-items: center;
  border-bottom: 1px solid var(--gin-border-color);
}

.media-library-item__attributes
{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.media-library-item--grid .metadonnees
{
  text-align: center;
}

.media-library-item__name
{
  font-size: 10px;
  text-align: center;
}

.js-lpb-component .medias.multiple
{
  display: flex;
  flex-wrap: wrap;
}

.js-lpb-component .medias.multiple > .item
{
  margin: 0 5px 5px 0;
}

.media-library-item .views-field-name-1
{
  font-size: 10px;
}

.media-library-item video
{
  max-width: 100%;
  height: auto;
}

.media-library-item .media-library-item__preview
{
  padding: 0 !important;
  border: none;
}

@media screen and (min-width: 77em)
{
  .media-library-item--grid
  {
    width: calc(100% / 6);
  }
}

/* FIN MEDIAS LIBRARY */
/* ZONE PRATIQUE */
#pratique,
.local-tasks
{
  position: relative;
  z-index: 9;
  background-color: var(--gin-bg-app);
  margin-bottom: calc(var(--gut) * 0.5);
}

#pratique .block,
.local-tasks
{
  padding: 15px calc(var(--gutter) * 1);
  border-top: 1px solid var(--gin-color-primary);
  margin-bottom: -1px;
  border-bottom: 1px solid var(--gin-color-primary);
}

.local-tasks
{
  border-top: none;
  position: sticky;
  top: 0;
}

#pratique .messages
{
  background: 0 0;
  padding: 15px calc(var(--gutter) * 1) !important;
  border: none !important;
  border-top: 1px solid var(--gin-color-primary) !important;
}

#pratique .tabs
{
  background: 0 0;
}

#pratique ul.tabs,
.local-tasks ul.tabs
{
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
}

#pratique ul.tabs li,
#pratique ul.tabs li a,
.local-tasks ul.tabs li,
.local-tasks ul.tabs li a
{
  margin: 0;
  padding: 0;
  border: none !important;
  outline: 0;
  background-color: none !important;
}

#pratique ul.tabs li a,
.local-tasks ul.tabs li a
{
  text-transform: lowercase;
  line-height: 1.2;
  font-size: 0.9rem;
  margin: 0 5px 5px 0;
  padding: 8px 12px;
  border: 1px solid transparent !important;
  border-radius: 100px;
  background: 0 0 !important;
}

#pratique ul.tabs li a:hover,
.local-tasks ul.tabs li a:hover
{
  border-color: var(--gin-color-primary-light) !important;
  color: var(--gin-color-primary);
}

#pratique ul.tabs li a.active,
.local-tasks ul.tabs li a.active
{
  border-color: var(--gin-color-primary) !important;
  color: var(--gin-color-primary);
}

/* FIN ZONE PRATIQUE */
/* PARA OPTIONS ET AFFICHAGE HORS LAYOUT PARAGRAPH */
.field--widget-paragraphs [id*="options"]
{
  display: none;
}

.field--widget-paragraphs .paragraph-type-icon
{
  display: none;
}

/* FIN PARA OPTIONS ET AFFICHAGE HORS LAYOUT PARAGRAPH */