<CSS>

/* THIS STYLESHEET IS COMMON TO ALL INTRANET - MODIFY WITH CARE  */

/***********************************************************************************************************
 * Here we should only have css proposals for inclusion in Dokuwiki internal userstyle.css file 
 */

/* Lorsque le footer est vide, s'assurer que sa taille soit 0 */

#dw__footer:not(:has(*)) {
    padding: 0 !important;
}

/* Nouveau logo Cyanide */

a.navbar-brand {
    background: url(https://web.cyanide-studio.com/images/logo.png);
    background-size: 32px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
}
a.navbar-brand img { opacity: 0; }


/* Usefull CSS Variables */

@media (min-width: 768px)  { :root { --main-width:  750px; } }
@media (min-width: 992px)  { :root { --main-width:  970px; } }
@media (min-width: 1200px) { :root { --main-width: 1170px; } }
@media (min-width: 1200px) { :root { --main-width: 1200px; } }

.dokuwiki .wrap_hero :is(img, video, iframe, img.media, video.media, iframe.media) {

      margin-inline: calc(.5 * var(--main-width) - 50vw);
      max-width: 100vw;
      width: 100vw;
}

/* Experiments */

.wrap_invisible-separator {
    display: block;
    width: 100%;
    height: 1em;
    margin: 0;
}

.plugin_move_dialog label { 
	width: 100% 
}

.htmlok:has(> a.urlextern) { display: inline }


/* Listes déroulantes avec label et contenu, avec labels alignés */

ul:has(.wrap_subgrid) :is(li .li):before {
    display: list-item;
    list-style: disc;
    content: "";
}
ul:has(.wrap_subgrid) :is(li, li .li) {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: auto / span 5;
    column-gap: 1rem;
}
ul:has(.wrap_subgrid) {
    display: grid;
    grid-template-columns: 0 auto 1fr;
}


/* Ajout d'une nouvelle facon de mettre en page : le support du layout "grid" */

.wrap_grid {
    --grid-default-min-width: 320px;
    &.wrap_1 { --n: 1; --grid-default-min-width: 1600px }
    &.wrap_2 { --n: 2; --grid-default-min-width:  520px }
    &.wrap_3 { --n: 3; --grid-default-min-width:  320px }
    &.wrap_4 { --n: 4; --grid-default-min-width:  240px }
    &.wrap_5 { --n: 5; --grid-default-min-width:  200px }
    &.wrap_6 { --n: 6; --grid-default-min-width:  120px }
    &:not(&:has(>p)), & > p {
        display: grid; 
        grid-template-columns: repeat(auto-fit, minmax(var(--grid-default-min-width), 1fr)) !important;
        padding: 0;
        --gap: 1rem;
        gap: var(--gap);
        > * { margin: 0 }
        > br { display: none }
        a > img { display: block }
        @media print {
            --page-width: min(1300px, 100vw);
            --margin-dokuwiki: 32px;
            --margin-pdf: 1cm;
            --page-cols: calc(var(--n) - 1);
            --grid-default-min-width: calc(calc(var(--page-width) - 2 * var(--margin-pdf) - 2 * var(--margin-dokuwiki) - calc(var(--page-cols) - 1) * var(--gap)) / var(--page-cols));
                
        }
    }
}

@media print {

	body, body.default.dw-page-on-panel.tpl_bootstrap3, body.optional.dw-page-on-panel.tpl_bootstrap3 {
		background-image: none !important;
	}
}


</CSS>

<CSS>

/***********************************************************************************************************
 * Here we include CSS and JS submodules
 */

/* Prevents /css/* and /js/* files inclusions to be displayed */

.dokuwiki form.btn_incledit[action^="/css"],
.dokuwiki form.btn_incledit[action^="/js"] { display: none } 

.table { word-break: initial; }


</CSS>

{{page>/css/themes}}
{{page>/css/diagrams.net}}
{{page>/css/code_font}}
{{page>/css/inline_toc}}
{{page>/css/wrap_properties}}
{{page>/css/wrap_sheet}}
{{page>/css/wrap_patch}}
{{page>/css/wrap_nacon}}
{{page>/css/wrap_cyanide}}
{{page>/css/wrap_av}}
{{page>/css/wrap_need_or_done}}
{{page>/css/wrap_avillepreux}}
{{page>/css/print}}

{{page>/js}}