/* ----------------------------- */
    /* ---- RESET MEYER ------------ */
    /* ----------------------------- */

    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;

    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    /* ------------------ */
    /* --- raccourcis --- */
    /* ------------------ */

    .clearboth {
        clear:both
    }
    .floatleft {
        float:left
    }
    .floatright {
        float:right
    }
    .tar {
        text-align:right
    }
    .displayinline {
        display:inline
    }
    .displayinline * {
        display:inline
    }

    /* --------------- */
    /* --- POLICES --- */
    /* --------------- */

    strong,b {
        font-weight: bold;   
    }
    em,i {
        font-style:italic;
    }
    body {
        color:#000;
        font-family:arial;
    }
    p {
        margin-bottom: 10px;
    }
    a {
        color:inherit;
    }
    a:hover {
        color:#00f;
        text-decoration:none
    }   


    .tduh a {
        text-decoration:none
    }
    .tduh a:hover {
        text-decoration:underline
    }

    h1 {
        font-size:30px;
        padding-bottom:5px;
        margin-bottom:20px;
        border-bottom:1px solid #ccc;
    }

    h2 {
        font-size:20px;
        margin:20px 0;
        font-weight:bold;
    }
    h3 {    
        font-size:18px;
        margin:20px 0;
        font-weight:bold;
        color:#333
    }
    h4 {    
        font-size:16px;
        margin:20px 0;
        font-weight:bold;
        background-color:#efe;
    }



    ul.square {
        padding-left: 20px;
        list-style:square;
    }
    ul.square li {
        padding-bottom: 5px;
    }


    /* ------------ */
    /* --- SEKA --- */
    /* ------------ */

    body.seka.edition {
        padding:5px
    }
    .seka.edition strong,
    .seka.visu strong {
        font-weight:700;   
    }    
    .seka em {
        font-style:italic;
    }
    .seka ol,
    .seka ul {
        list-style:disc;
        padding-left:35px;
        margin-bottom:15px;
    }
    .seka h3 {
        font-size:18px;
        margin-bottom:15px;
    }
    .seka h3::before {
        content:'';
        width:15px;
        height:15px;
        margin-right:10px;
        display:inline-block;
        background-color:#999;
    }


    /* ---------------- */
    /* --- wrappers --- */
    /* ---------------- */
    html {
        min-height:100%;
    }

    body {
        height:100%;
        background-color:yellowgreen;
        background: radial-gradient(yellowgreen,#fff); /* Standard syntax */
        background: radial-gradient(yellowgreen,#fff); /* Standard syntax */
        background: #fff radial-gradient(yellowgreen,yellowgreen,#fff); /* Standard syntax */

       background:yellowgreen;


        /*    
      background-attachment: fixed;
      background-size: cover;
        */
    }
    
    .wrapper {
        width:1000px;
        margin:auto;
        /*        opacity:0.8;*/
    }

    header {
      /*  background-color:#ccc;*/
    }
    header .wrapper {
        background-color:#000;
        background-color: rgba(0,0,0,0.5);
        padding:10px;
        /*     padding-left:150px;*/
        position:relative;
        text-align:center;
        min-height:120px;
                    -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
            
    }
    
    
    
    
    
    header .banner {
        display:none;
        position:absolute;
        left:5px;
        top:5px;
        
        width:63px;
        height:63px;
                    -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
                    padding-top:5px;

    }
     header .banner a {
        display:block;
        color:#000;
        background-color:rgba(55,55,55,0.7);

    }
    
    
      header .wrapper {
        background-color:rgba(0,0,0,0.9);
            color:#fff;
                                -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
            
    }
    
    header .title {
        font-size:30px;
        line-height:40px;
        color:#ddd;
        color: rgba(255,255,255,0.5);
        font-weight: bold;
        margin-bottom:20px

    }
    header .title a {
        color:inherit;
    }
    header .title a:hover {
        color:inherit;
    }

    header .menu {
        color:#fff;   
    }
    header .menu a:hover {
        color:#fff;   
    }
    


    

    .main {
/*        background-color:#ddd;*/
    }
        .main .wrapper {
                    -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
                }

    footer {
        /*        background-color:#ccc;*/
    }
    footer .wrapper {
        /*background-color:#ddd;*/
        padding:10px;
    }



    /* ------------------ */
    /* --- breadcrumb --- */
    /* ------------------ */


    
    /*
        #breadcrumb {
               background:transparent;
               color:#000;
    }
    */
    
    #breadcrumbubble {
        /*          background-color:#ddd;*/
        padding:15px 10px;
        font-size:80%;
        width:1000px;
        margin:auto;
    }
    #breadcrumbubble .element {
        display:table-cell;
        /*        background: orange;  */ 
        vertical-align:bottom;
    }

    #breadcrumbubble .actif {
        font-weight:bold
    }
    #breadcrumbubble .separator {
        font-size:24px;
        line-height:24px;
        padding:0 6px 1px;
    }
    #breadcrumbubble .separator span {
        /*        background-color:#800;
                color:#fff;
        */
        color:#fff;
        padding:0;
        display: inline-block;
    }
    #breadcrumbubble.color-inverse .separator span {
        color:#000;
    }
    

        #breadcrumbubble a {
        padding:3px;
        color:inherit;
        background-color:#fff;
        border-bottom:1px dotted #999;
        border:0px dashed #999;
                    -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius:5px;    
                        -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius:5px;    
                        -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius:5px;    
                        -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius:5px;    
                    text-decoration: none;
    }
    #breadcrumbubble a[href="javascript:void 0"] {
        cursor:default;
    }
    #breadcrumbubble a:not([href="javascript:void 0"]):hover {
        border-color:#eee;
        background:#eee;   
    }

    #breadcrumbubble.color-inverse a {
        color:#fff;
        background-color:#000;
        border-bottom:1px dotted #fff;
        border:0px dashed #fff;
    }
    #breadcrumbubble.color-inverse a:hover {
        border-color:#ddd;
        background-color:#666;   
    }


    #breadcrumbubble a .top {
        padding-bottom:3px;
        display: inline-block;
    }
    #breadcrumbubble a .main {
        padding-bottom:3px;
        display: inline-block;
        font-weight:bold;
    }
    
    
    #breadcrumbubble a.doc::before {
        content:'DOC';
        color:mediumaquamarine;
        font-size:8px;
        font-weight:bold;
    }

    
    /* ---------------- */
    /* --- user bar --- */
    /* ---------------- */

    .user-bar {
        padding:10px 0;
        text-align: right;    
        min-height:50px;
        width:1000px;
        margin:auto;
    }
    
    /* ------------- */
    /* --- forms --- */
    /* ------------- */

    .feedback {
        color:#fff;
        margin:10px;
        padding:10px 10px 10px 30px;
        list-style:square;
    }
    .feedback.ko {
        background-color:#f00;
    }
    .feedback.ok {
        background-color:#080;
    }
    .feedback.warning {
        background-color:#f80;
    }

    .inputset {
        margin-bottom: 10px;
    }



    /* ------------ */
    /* --- menu --- */
    /* ------------ */

    .menu {
        text-align:center;
    }

    /* -------------- */
    /* --- tables --- */
    /* -------------- */



    /* --- tables --- */

    table.OM_bicolore {
        border:1px solid #000;
        border-collapse:collapse;
    }
    table.OM_bicolore tr > * {
        border:1px solid #ccc;
        padding:2px
    }
    table.OM_bicolore thead {
        background-color:#000;
        color:#fff;
    }
    table.OM_bicolore tbody tr {
        background-color:#efe;
    }
    table.OM_bicolore tbody tr:nth-child(2n+1) {
        background-color:#fee;
    }
    table.OM_bicolore tbody tr:hover {
        background-color:#eef;
    }
    table.tal {
        text-align:left;
    }

    /*
     * --- bloc-note ---
     */

    #bloc-note {
        display:none;
        border:1px solid #000;
        position:fixed;
        left:0;
        top:0;
        z-index:10000;
        width:200px;
        /*        height:200px;*/
        padding:5px;
        background-color:#ccc;
    }
    #bloc-note .close {
        cursor:pointer;
        position:absolute;
        right:5px;
        top:2px;
        font-size:30px;
        line-height:30px;
    }
    #bloc-note .close:hover {
        color:#fff;
    }
    #bloc-note p {
        text-align:left;
        margin:0;
        margin-bottom: 5px;
        padding:0;
    }
    #bloc-note textarea {
        width:190px;
        height:190px;
        display:block;
        margin:auto;
        resize:none;
    }
    
    
    
            /* ------------------- */
            /* --- DIV_TOGGLER --- */
            /* ------------------- */

            .divtoggler-target {
                margin:10px 0;
                border:1px dotted #000;
                padding:10px;
                padding-top:30px;
                position:relative;
            }
            .divtoggler-close {
                cursor:pointer;
                position:absolute;
                right:0;
                top:0;
                width:20px;
                height:20px;
                line-height:20px;
                text-align:center;
                font-size:20px;
                font-weight:bold;
            }
            
            .toggle-next[data-visible="0"] .target {
                display:none;
            }
            
            


    
    /* ------------ */
    /* --- QIWY --- */
    /* ------------ */

.qiwy ol,
.qiwy ul,
.qiwy p {
    margin:10px 0
}

.qiwy ul,
.qiwy ol {
    padding-left: 30px;
}
.qiwy ol li {
    list-style:decimal;
}
.qiwy ul {
    padding-left: 30px;
}

.qiwy li {
/*    padding-left:20px;*/
    list-style:square;
    margin-bottom: 10px;
}
.qiwy li.disabled {
    color:#666;
}

    


    .qixuser_login_form {
        padding-left:20px;
    }

    #bo-main-wrapper {
                    -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
            ;
        background-color: #fff;        
        border: 1px solid #ccc;
        width:1000px;
        margin:auto;
        position:relative;
        padding:10px;
    }
    @media screen and (min-width:1040px) {
        #bo-main-wrapper {
                    padding:20px;
        }
    }
    #bo-main-wrapper.has-leftcolumn {
        padding-left:200px;
    }
    @media screen and (min-width:1040px) {
        #bo-main-wrapper.has-leftcolumn {
            padding-left:200px;
        }
    }
    @media screen and (min-width:1180px) {
        #bo-main-wrapper.has-leftcolumn {
            padding-left:120px;
        }
    }



    #bo_main_wrapper_menus {
        width:180px;
        position:absolute;
        left:10px;
        top:10px;
        z-index:20;
    }
    @media screen and (min-width:1040px) {
        #bo_main_wrapper_menus {
            width:200px;
                    top:20px;
            left:-20px;
        }
    }
    @media screen and (min-width:1180px) {
        #bo_main_wrapper_menus {
            left:-100px;
        }
    }


    #bo_main_wrapper_menus .menu {
        text-align:left;
        ;
/*        outline:1px solid red;*/
        /*border:1px solid #ddd;*/
  /*      background-color:#eee;*/
    }
    #bo_main_wrapper_menus div.title {
        padding:10px;
        background-color:#ccc;
                    -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
            border-top-left-radius:10px;    
                        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;    
                        -webkit-border-bottom-right-radius: 0px;
            -moz-border-radius-bottomright: 0px;
            border-bottom-right-radius:0px;    
                        -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-bottom-left-radius:0px;    
            ;
    }
    #bo_main_wrapper_menus .menu > ul {
                    -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-left-radius:0px;    
                        -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topright: 0px;
            border-top-right-radius:0px;    
                        -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius:10px;    
                        -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius:10px;    
            ;
        background-color:#eee;
        padding:5px;
        margin-bottom:10px;
        /*        border:1px solid red;*/
    }
    #bo_main_wrapper_menus ul ul {
        padding-left:20px;
        margin-top:5px;
    }
    #bo_main_wrapper_menus li {
        list-style:square;
        margin-bottom:5px;
    }
    #bo_main_wrapper_menus li:first-child {
        /*        margin-top:10px;*/
    }
    #bo_main_wrapper_menus .menu > ul > li {
        list-style:none;
    }

    #bo_main_wrapper_menus a {
        text-decoration:underline;
        text-decoration-style:dotted;
    }
    #bo_main_wrapper_menus a:hover {
        text-decoration:underline;
        text-decoration-style:solid;
    }
    #bo_main_wrapper_menus a.active {
        /*font-weight:bold;*/
        background-color:#ff0;
    }

.non_admin_permission {
    font-size:50%;
    background-color:#f00;
    color:#fff;
    padding:2px
}


    /*
    table
    */

    .table-wrapper {
        margin-bottom:10px;
        color:#000;
    }
    .table-wrapper.dump {
        padding:10px;
        background-color:#fff;
    }
    .table-wrapper.dump .table-wrapper.dump {
        margin-left:10px;
    }
    .table-wrapper.tal {
        text-align:left
    }
    .table-wrapper > table {
        border: medium solid #6495ed;
        border-collapse: collapse;
    }
    .table-wrapper .table-wrapper > table {
        border: medium solid #ed9564;
    }
    .table-wrapper .table-wrapper .table-wrapper > table {
        border: medium solid #9564ed;
    }
    .table-wrapper tr > * {
        vertical-align:top;
        text-align:left;
                overflow-wrap: break-word;
    }
    .table-wrapper > table > tr > th,
    .table-wrapper > table > * > tr > th {
        border: thin solid #6495ed;
        padding: 5px;
        background-color: #D1E6FE;
    }
    .table-wrapper .table-wrapper > table > tr > th,
    .table-wrapper .table-wrapper > table > * > tr > th {
        border-color:#ed9564;
        background-color: #FEE6D1;
    }
    .table-wrapper .table-wrapper .table-wrapper > table > tr > th,
    .table-wrapper .table-wrapper .table-wrapper > table > * > tr > th {
        border-color:#9564ed;
        background-color: #E6D1FE;
    }
    .table-wrapper > table > tr > td,
    .table-wrapper > table > * > tr > td {
        border: thin solid #6495ed;
        padding: 5px;
        background-color: #ffffff;
    }
    .table-wrapper .table-wrapper > table > tr > td,
    .table-wrapper .table-wrapper > table > * > tr > td {
        border-color:#ed9564;
    }
    .table-wrapper .table-wrapper .table-wrapper > table > tr > td,
    .table-wrapper .table-wrapper .table-wrapper > table > * > tr > td {
        border-color:#9564ed;
    }
    .table-wrapper > table.odd-even tbody > tr > * {
        background:transparent;
    }

    .table-wrapper > table.odd-even  tr:nth-child(odd) {
        background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAACBJREFUGFdj/P//PwMDw+XLlxkuXboE5ID4QAzi/P8PADGIFlhmNzmAAAAAAElFTkSuQmCC) left top repeat;
    }
    .table-wrapper > table.odd-even tbody tr:nth-child(even) {
        background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAB5JREFUGFdjuHTp0n8wYARiBgaGy5cvMwBZIOH//wFPQhZYPmTt9gAAAABJRU5ErkJggg==) left top repeat;   
    }
    .table-wrapper > table.odd-even tbody tr:nth-child(even) > td {
        background-color: rgba(240,255,240,0.5);
    }
    .table-wrapper > table.odd-even tbody  tr:nth-child(even) > th {
        background-color: rgba(220,235,220,0.5);
    }
    .table-wrapper > table.odd-even tbody tr:nth-child(odd) > td {
        background-color: rgba(240,240,255,0.5);
    }
    .table-wrapper > table.odd-even tbody tr:nth-child(odd) > th {
        background-color: rgba(220,220,235,0.5);
    }
    .table-wrapper > table.odd-even tbody tr:hover > * {
        background-color: rgba(255,255,100,0.5);
    }

    .table-wrapper.unstyled > table {
        border: 0;
        border-collapse: separate;
    }
    .table-wrapper.unstyled > table > tr > *,
    .table-wrapper.unstyled > table > * > tr > * {
        border:0;
    }
    
    .image-wrapper {
        display:inline-block;
        padding:5px;
        margin:10px 0;
        background: repeating-linear-gradient(45deg, #aaa,#999 2px,#000 5px,#000 5px);
    }

    /*
    
    
    
    
    
    
    */
    #bo-main-content {
     /*   padding-top:10px;*/
    }

    #bo-main-content ul {
        list-style:square;
        padding-left:25px
    }   
    #bo-main-content ol {
        list-style-type: decimal;
        padding-left:25px
    }
    #bo-main-content li {
        margin-bottom:5px
    }   

    #bo-main-content code {
        color:#fff;
        background-color:#000;
        border-radius:2px;
        font-family:monospace;
        padding:3px;
        line-height:130%;
    }
    #bo-main-content code.block {
        display:block;
        white-space:pre-wrap;
        margin:10px 0;
    }
    #bo-main-content code .comm {
        background-color:#080
    }
    #bo-main-content code .comm::before {
/*        content:'// ';*/  
    }
    #bo-main-content code .outline {
        outline:1px dashed cyan;
        display:inline-block;
    }

    .section-separator {
        border-bottom:1px dashed #ccc;
        border-top:1px dashed #ccc;
        width:calc(100% + 20px);
        height:20px;
        margin-top:10px;
        position:relative;
        z-index:10;
    }
    .section-separator div {
        position:absolute;
        left:-225px;
        right:-5px; /* pour être sûr qu'il dépasse */
        top:0;
        bottom:0;
        background-color:yellowgreen;
    }
 @media screen and (min-width:1040px) {
    .section-separator div {
/*        left:-185px;*/
    }
    }
    @media screen and (min-width:1120px) {
    .section-separator div {
        left:-135px;
    }
    }    
    
    
    body.env-test .section-separator div {
    /*    background:fuchsia;*/
    }
    #cmstree-value-main .section-separator:first-child {
        display:none;
    }

    #qixbo-sommaire {
        font-family:times new roman,arial, sans serif;
        font-size:14px;
        position:fixed;
left: 50%;
    margin-left: 520px;
        top:200px;
        max-width: calc(calc(calc(100% - 1000px) / 2) - 10px);
        /*   background-color:#fff;*/
    }
 @media screen and (max-width:1040px) {
    #qixbo-sommaire {
        display:none;
    }
 }
 
    #qixbo-sommaire li {
        display:block;
/*        text-align:right;*/
        /*        white-space: pre-line;*/
    }
    #qixbo-sommaire li[data-tagname="H3"] > span::before {
        content:'';
        /*        display:inline-block;*/
        border-left:2px solid #000;
        margin-right:3px;
    }

    #qixbo-sommaire li > span {
        cursor:pointer;
        display:inline-block;
        background-color:#fff;
        color:#000;
        padding:3px;
    }
    #qixbo-sommaire li > span:hover {
        background-color:#ddd;
    }
 @media screen and (min-width:1039px) and (max-width:1200px) {
    #qixbo-sommaire span.big {
        display:none;
    }
 }
 @media screen and (min-width:1199px) {
    #qixbo-sommaire span.small {
        display:none
    }
 }


    /*
    
    LINK VISU
    
    */

    .link-visu {
        background: #080;
        display: inline-block;
        padding: 3px;
        line-height: 150%;
        /*    border: 1px solid;*/
        color: #fff;
    }
    .link-visu a {
        text-decoration:none
    }
    .link-visu a:hover {
        color:#ffd;       
    }    
    .link-visu a::before {
        content:'\1F441';
        padding-right:3px;
        font-size:150%;
    }


    /*
    
    PAGINATION
    
    */
    
    
           .qixpagination-navigator .pager {
                text-align:center;
                margin:20px 0;
            }
            .qixpagination-navigator .nb_items {
                opacity:0.5;
                margin-right:50px;
            }
            .qixpagination-navigator .separator
            {
                display:none !important;
            }

            .qixpagination-navigator nav {
                display:inline-block;
                position:relative;
                /*  outline:1px solid red;*/
                padding:0 25px;

            }
            .qixpagination-navigator .button {
                position:absolute;
                top:0;
                width:20px;
                height:20px;
                background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41IGMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjQsMCw2LjktMS4zLDkuNS00bDIyNS4xLTIyNS4xQzM2NS45MzEsMjQyLjg3NSwzNjUuOTMxLDIzNC4yNzUsMzYwLjczMSwyMjkuMDc1eiIvPjwvc3ZnPg==) center center no-repeat;
            }
            .qixpagination-navigator .prev {
                left:0;
                transform:rotate(180deg);
            }
            .qixpagination-navigator .next {
                right:0;
            }
            .qixpagination-navigator .button.disabled {
                opacity:0.6;
            }

            .qixpagination-navigator a {
                text-decoration:none;
            }
            .qixpagination-navigator .active {
                text-decoration:underline;
            }
            .qixpagination-navigator .sequence {
                /*outline:1px solid red;*/
                display: inline-block;
                margin-top: 3px;
                font-size:125%;
            }
            .qixpagination-navigator .sequence a {
                padding:0 5px;
            }
            .qixpagination-navigator .hellip {
                xpadding:0 10px;
            }

    


    #favorite_bar {
        position:relative;
        text-align:center;
        margin-top:10px
    }
    #favorite_bar a {
        text-decoration:none;
    }
    #favorite_bar .toggle-current {
        cursor:pointer;
        vertical-align:middle;

    }
    #favorite_bar .toggle-current path {
        fill:#ff0;
    }
    #favorite_bar .toggle-current[data-mode="add"] path {
        cursor:pointer;
        fill:#ddd;
    }
    .favorite_list .delete::before {
        content:'\1F5D1';
    }
    .favorite_list input {
        width:300px;
    }
    .favorite_list input + span::after {
        content:'\1F4BE';
        cursor:pointer;
    }
    .favorite_list a {
        font-size:80%
    }

    form.favorite-add {
        display:none;
                    -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius:5px;    
                        -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius:5px;    
                        -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius:5px;    
                        -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius:5px;    
            ;
        position:absolute;
        z-index:1000;
        width:300px;
        top:0;
        left:calc(50% - 150px);
        border:1px solid #fff;
        background-color:#000;
        padding:5px;
    }





    .displaynone {
        display:none;
    }


    @media screen and (max-width:639px) {
        .desktop_only {
            display:none;
        }
    }
    @media screen and (min-width:640px) {
        .mobile_only {
            display:none;
        }
    }

    .hellip {
        color: #999;
    }

    #cmstree-value-main {
        font-family:arial,sans serif;
        font-size:14px;
        color:#000;
    }
    #cmstree-value-main .admin_only {
        outline:3px dashed fuchsia;
    }
    #cmstree-value-main h1 {
        text-align:left;
        overflow-wrap: break-word;
    }
    #cmstree-value-main h2 {
        font-family:inherit;
        border-bottom:1px dashed #005;
        margin:15px 0;
        padding:0;
    }
    #cmstree-value-main h2 span {
        margin-bottom: -1px;
        display:inline-block;
        padding:5px;
        background-color:#005;
        font-size:110%;
        color:#fff;
    }

    #cmstree-value-main p {
        margin:5px 0
    }
    #cmstree-value-main #value-page-header {
        margin-bottom:15px;
        /*   background-color:#efe;*/
        padding:5px
    }


    #cmstree-value-main .value-navigator {
        padding:10px;
        display:inline-block;
    }



    /* --- */



    #breadcrumb .cmstree-diptyque {
        display:inline-block;
        border-top:1px solid #999;
        border-right:1px solid #999;
        padding:3px;
    }
    #breadcrumb .cmstree-diptyque .head {
        padding-bottom:3px;
        display: inline-block;
    }
    #breadcrumb .entity {
        font-size:80%
    }



    #noubliezpas {
        display:none;
        position:fixed;
        z-index:50;
        left:5px;
        top:5px;
        font-size:12px;
        padding:5px;
        padding-top:8px;
        background-color:orange;
        line-height:16px;
                    -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius:5px;    
                        -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius:5px;    
                        -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius:5px;    
                        -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius:5px;    
                }
    #noubliezpas .close {
        position:absolute;
        top:5px;
        right:5px;
        font-size:14px;
        background:#000;
        cursor:pointer;
        color:orange;
    }


    /* ------------------------ */
    /* --- page entity type --- */
    /* ------------------------ */



    table.values
    {
        border-collapse:collapse;
        width:100%;
        text-align:left;
        margin-bottom: 20px;
    }

    table.values,
    table.values > * > tr > th,
    table.values > * > tr > td
    {
        /*border: 1px solid gray;*/
    }
    table.values > * > tr 
    {
        border-bottom: 1px solid gray;
    }

    table.values > * > tr > th,
    table.values > * > tr > td
    {
        height: 24px;
        padding:4px;
        vertical-align:top;
    }

    table.values > * > tr > th
    {
        font-weight:bold;
        text-align:right;
        width:150px;
    }
    table.values > * > tr > th::after
    {
        content:':';
        font-weight:normal;
        display:inline-block;
        margin-left:5px;
    }


    table.values tr.og_ th
    {
        background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…RjZWJmNSIgc3Ryb2tlPSIjZmZmZmY1IiBzdHJva2Utd2lkdGg9IjEiIC8+PC9nPjwvc3ZnPg==) left top repeat;
        color:#475993;
        border-left:2px solid
    }
    table.values tr.og_ th svg {
        float:left;
    }

    
    /* 
     *
     * --- COMM ---
     *
     */

    table.values .comm {
        font-style:italic;
        color:orange;
        margin:15px 0 5px;
    }
    table.values .comm li ul {
        margin:5px;
    }
    table.values .comm li li {
        list-style:disc
    }
    #cmstree-value-main table.values .comm p {
        margin:10px 0;
    }
    
    /* 
     *
     * --- FAQ ---
     *
     */
    
    table.values .faq .launcher {
        cursor:pointer;
        text-decoration:underline;
        margin:10px 0;
        position:relative;
        padding-left:20px;
    }
    table.values .faq [data-visible="1"] .launcher {
        text-decoration:none;        
    }
    table.values .faq .launcher:hover {
        text-decoration:none;
    }
    table.values .faq [data-visible="1"] .launcher:hover {
        text-decoration:underline;        
    }
    table.values .faq .launcher::before {
        position:absolute;
        left:0;
        top:0;
        content:'\25BA';
  }
    table.values .faq [data-visible="0"] .launcher::before {
          content:'\25BC';
    }
    table.values .faq .target {
margin: 5px 20px;
border: 1px dashed;
padding: 10px 10px;
        
    }
    

    .value-version-switcher {
        color:#333;
        text-align:right;
        font-size:80%;
        margin:5px 0
    }
    .value-version-switcher div.olds {
        display:none;
    }

    #cmstree-value-main table.values .saisie[disabled] {
        background-color:#ddd;       
    }
    #cmstree-value-main table.values textarea.value.saisie {
        width:100%;
        height:200px;
        resize:vertical;
    }
    #cmstree-value-main table.values textarea.value.saisie.empty {
        height:32px;
    }


    #tag_wrapper {
        display:inline-block;
        position:relative;
    }

    #tag_wrapper .suggestions {
        position:absolute;
        background-color:#000;
        left:0;
        top:50px;
    }
    #tag_wrapper .suggestions .content {
        padding:5px;
    }


    /* ------------------ */
    /* --- collection --- */
    /* ------------------ */

    .collection-comm {
        margin-bottom: 15px;
        border-right: 1px dashed #005;
        margin-top: -15px;
        padding-top: 15px;
        padding-right: 15px;
        line-height: 18px;
    }
    .filter-comm {
        margin-bottom: 15px;
        /*    border-right: 1px dashed #005;*/
        margin-top: -15px;
        padding-top: 15px;
        padding-right: 15px;
        line-height: 18px;
    }

    img.collection-item-thumbnail {
        max-height:100px;
    }
    img.value-image {
        max-height:500px;
        max-width: 100%;
    }

    .info_adminOnly {
        background-color:#afa !important;
        font-size:12px !important;
        color:#000 !important;
        font-weight:normal !important;
    }


    .only-collection {
        border:10px solid #0f0;
        margin:15px 0 5px;    
        position:relative;
    }
    .only-collection::before {
        content: 'visu admin only';
        display: block;
        position: absolute;
        left: -10px;
        top: -20px;
        height: 10px;
        width: 120px;
        background-color: #0f0;
        color: #fff;
        padding: 10px;
    }

    .collection-add {
        margin-bottom: 20px;
    }

    table.collection
    {
        border-collapse:collapse;
        width:100%;
        text-align:left;
    }

    table.collection thead {
        background-color:#666;
        color:#fff;
        font-weight:bold;
        text-align:center;
    }

    table.collection,
    table.collection > * > tr > th,
    table.collection > * > tr > td
    {
        border: 1px solid #ddd;
    }

    table.collection > * > tr > th,
    table.collection > * > tr > td
    {
        /*height: 24px;*/
        padding:4px;
        vertical-align:top;
        text-align:left;
    }
    table.collection > * > tr > th {
        padding-left:8px;
    }

    table.collection > tbody > tr:nth-child(odd) {
        background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAACBJREFUGFdj/P//PwMDw+XLlxkuXboE5ID4QAzi/P8PADGIFlhmNzmAAAAAAElFTkSuQmCC) left top repeat;
    }
    table.collection > tbody > tr:nth-child(even) {
        background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAB5JREFUGFdjuHTp0n8wYARiBgaGy5cvMwBZIOH//wFPQhZYPmTt9gAAAABJRU5ErkJggg==) left top repeat;        


    }

    table.collection > tbody > tr:nth-child(odd) > * {
        background-color: rgba(240,240,255,0.5);
    }
    table.collection > tbody > tr:nth-child(even) > * {
        background-color: rgba(240,255,240,0.5);
    }

    table.collection > tbody > tr:hover > * {
        background-color: rgba(255,255,100,0.5);
    }

    table.collection[data-viewed_is_greyed="1"] > tbody > tr[data-viewed="1"]  {
        background:#999;
    }



    table.collection > * > tr > *.move {
        text-align:center;
        width:50px;
    }
    table.collection > * > tr > *.publish {
        width:120px;
        text-align:left;
    }
    @media screen and (max-width:639px) {
    table.collection > * > tr > *.publish {
        width:85px;
    }
    }
    table.collection > * > tr > *.delete {
        width:50px;
        text-align:center;
    }
    table.collection > * > tr > *.delete.large {
        width:140px;
    }

    table.collection .date-insert {
        background-color:olive;
        color:#fff;
        padding:3px;
        font-size:12px;
        font-family:monospace;
        display: inline-block;
    }
    table.collection .summary {
        font-style:italic;
    }

    table.collection td.has_thumbnail_1 div {
        min-height:50px;
        padding-right:52px;
        position:relative;

    }
    table.collection td.has_thumbnail_1 div .thumbnail {
        position:absolute;
        right:0;
        top:0;
    }
    
    
    table.collection .nth.published-0 {
        text-decoration: line-through;
        color:#999;
    }
    
    
    

    .cmstree-datetime-wrapper .datetime-datetime {
        background-color:blue;
        color:#fff;
        padding:3px;
    }
    .cmstree-datetime-wrapper .qd-countdown::before {
        content:'(';
    }
    .cmstree-datetime-wrapper .qd-countdown::after {
        content:')';
    }
    table.collection a.is_datetime_1 {
        text-decoration:none;
    }

    input[type=radio]+label.publication,
    .like-publication {
        padding:2px;
        cursor:pointer;
    }
    input[type=radio]:not(:checked)+label.publication:hover {
        background-color:rgba(0,0,0,0.1)
    }
    input[type=radio]:checked+label.publication,
    .like-publication-checked {
        color:#fff
    }
    input[type=radio]:checked+label.publication.tomoderate,
    .like-tomoderate     {
        background-color: blueviolet;
    }
    input[type=radio]:checked+label.publication.online,
    .like-online     {
        background-color: #080;
    }
    input[type=radio]:checked+label.publication.offline,
    .like-offline {
        background-color: #f80;
    }

    .input-wrapper-ajax::after {
        content:'\1F4BE';
        cursor:pointer;
    }




    .admin-project {
        border:3px solid #f80;
        margin:10px;
        background-color:#fff;
    }
    .admin-project .project_name {
        display: inline-block;
        background-color:#f80;
        font-size:28px;
        padding:10px;        
        margin-left:-1px;
        margin-top:-1px;
    }
    .admin-project .content {
        padding:10px;

    }
    .admin-project .dir {
        color:#080;
    }



    /* --- INPUTS --- */

    #cmstree-value-main td.has-tocheck-alert {
        outline:2px solid #f00;
    }
    #cmstree-value-main td.has-tocheck-alert .tocheck-alert {
        background-color:#f00;
        color:#fff;
        padding:5px;
        margin-bottom:10px;
    }


    #cmstree-value-main .saisie {
        appearance:none;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        border:1px solid #999;
        background-color:#fff;
                    -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            border-top-left-radius:2px;    
                        -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius:2px;    
                        -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius:2px;    
                        -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius:2px;    
            ;
        color:#000;
        display:inline;
        width:auto;
        height:auto;
        padding:0 5px;
    }
    #cmstree-value-main input.saisie {
        display:inline-block;
        height:26px;
    }
    #cmstree-value-main input.saisie.hexadecimal {
        font-family:monospace;
        width:70px;
    }
    #cmstree-value-main input.saisie.has-unit-1 {
        width:60px;
        text-align:right;
    }


    /* --- BOUTONS --- */

    #cmstree-value-main button,
    #cmstree-value-main .button-like {
        cursor:pointer;
        appearance:none;
        -moz-appearance:none; 
        -webkit-appearance:none; 
        border:1px solid #aaa;
                    -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            border-top-left-radius:2px;    
                        -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius:2px;    
                        -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius:2px;    
                        -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius:2px;    
            ;
        background-color:#dcb;
        height:26px;
        line-height:24px;
        color:#000;
        text-transform:none;
        font-weight:bold;
        display:inline-block;
        padding:0 5px;
        position:relative;

    }
    #cmstree-value-main button:hover {
        background-color:#ccc
    }
    #cmstree-value-main button[disabled] {
        cursor:default;
        background-color:#999;
        color:#666;
    }
    #cmstree-value-main button.move {

    }

    #cmstree-value-main button.submit,
    #cmstree-value-main button.delete,
    #cmstree-value-main button.add {
        /*     padding-left:26px;*/
    }
    #cmstree-value-main button.submit:hover::before,
    #cmstree-value-main button.delete:hover::before,
    #cmstree-value-main button.add:hover::before {
        color:#666;
    }
    #cmstree-value-main button.submit::before,
    #cmstree-value-main button.delete::before,
    #cmstree-value-main button.add::before {
        font-size:16px;
        line-height:16px;
        position:absolute;
        left:0px;
        top:0px;
        text-align:center;
        width:26px;
        /*        background-color:#f0f0f0*/
    }

    #cmstree-value-main button.submit::before {
        /*  content:'\1F4BE';*/
    }
    #cmstree-value-main button.delete::before {
        /*   content:'\1F5D1';*/
    }
    #cmstree-value-main button.add::before {
        /*      content:'+';  */      
    }

    #cmstree-value-main button.submit svg,
    #cmstree-value-main button.delete svg,
    #cmstree-value-main button.add svg {
        /* voir cet article  https://www.matthecat.com/aligner-icones-et-texte/ */
        height: 1em; 
        vertical-align: -.129em; 
        width: 1em;
    }


    #cmstree-value-main .lang_picker {
        margin-bottom:-2px;
        position:relative;
    }

      

    #cmstree-value-main .lang_picker ul {
        display:inline-block;
        list-style:none;
        padding:0;
        padding-right:30px;
        margin-bottom:10px;
        border-bottom:2px solid #999;
    }
    
    
    #cmstree-value-main .lang_picker li {
        display:inline-block;
        width:35px;
        text-align:center;
        cursor:pointer;
        padding:3px 5px 3px;
        margin-right:5px;
        margin-bottom:0;
    }

  
    #cmstree-value-main .lang_picker li.active {
        background-color:#999;
        border:1px solid #999;
        border-width:1px 1px 0;
        /*        color:#;*/
                    -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            border-top-left-radius:2px;    
                        -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius:2px;    
                        -webkit-border-bottom-right-radius: 0px;
            -moz-border-radius-bottomright: 0px;
            border-bottom-right-radius:0px;    
                        -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-bottom-left-radius:0px;    
            
    }


    xxx    #cmstree-value-main .lang_picker li:hover {
        background-color:#999;
        border:1px solid #999;
        border-width:0 0 1px;
    }
    #cmstree-value-main .lang_content {
    }
    #cmstree-value-main .lang_content > div {
        display:none;
        padding:1px;
        background-color:#999;
        border:1px solid #999;
                    -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-left-radius:0px;    
                        -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius:2px;    
                        -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius:2px;    
                        -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius:2px;    
                }
    #cmstree-value-main .lang_content > div+div {
                    -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            border-top-left-radius:2px;    
                        -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            border-top-right-radius:2px;    
                        -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius:2px;    
                        -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius:2px;    
                }

    #cmstree-value-main .lang_content > div.active {
        display:inline-block;
    }
    #cmstree-value-main .lang_wrapper[data-input=text] .lang_content > div.active {
        display:block;
    }

    #cmstree-value-main .lang_content .saisie {
        border:0;
    }

    #cmstree-value-main .lang_wrapper[data-input=wysiwyg] .lang_picker {
        /* margin-bottom:-1px*/
    }
    #cmstree-value-main .lang_wrapper[data-input=wysiwyg] .lang_picker li.active  {
        xbackground-color:#b6b6b6;
        background-image: -webkit-linear-gradient(top,  rgb(204, 204, 204),rgb(249, 249, 249));
        border-color:#b6b6b6;
        xxxborder-bottom:1px solid rgb(249, 249, 249);
        /*    border-bottom:1px solid #fff;*/
    }
    #cmstree-value-main .lang_wrapper[data-input=wysiwyg] .lang_content > div {
        padding:0;
        border:0
    }

    /* pagination */

    .qixpagination-wrapper.qixcmstree .qixpagination-navigator {
        margin:5px;
        /*        background-color:#dfd*/
    }
    .qixpagination-wrapper.qixcmstree .qixpagination-navigator > * {
        display:inline-block;
    }
    #cmstree-value-main .qixpagination-wrapper.qixcmstree .qixpagination-navigator button {
        background-color:#005;
        border-color:#005;
        color:#fff;
    }
    #cmstree-value-main .qixpagination-wrapper.qixcmstree .qixpagination-navigator button[disabled] {
        background-color:#999;
        color:#666;
        border:1px solid #aaa;
    }
    /*
     * wrapper
     */
    #cmstree-value-main .versioning-wrapper .versioning-launcher {
        margin:10px 0;
        text-align:right;
    }
    #cmstree-value-main .versioning-content .qixpagination-navigator {
        background-color:#ddf;
        margin:0;
        padding:3px;
        min-height:30px;
    }
    #cmstree-value-main .versioning-content {
        position:relative;
        border:1px solid #ddf;
        margin-top: -25px; /* pour recouvrir le launcher */
        min-height:32px;
        background-color:#fff;
    }
    #cmstree-value-main .versioning-content .versioning-close {
        background-color:#ddf;
        position:absolute;
        right:0;
        top:0;
        color:#000;
        width:30px;
        height:30px;
        cursor:pointer;
        line-height:30px;
        text-align:center;
        text-decoration:none;
    }
    #cmstree-value-main .versioning-content .versioning-close:hover {
        /*            color:#999;*/
        font-weight:bold;
    }
    #cmstree-value-main .versioning-content .qixpagination-main {
        /*        padding:5px;*/
    }
    #cmstree-value-main .versioning-content .versioning-value-title {
        font-weight:bold;
        margin:10px;
    }
    #cmstree-value-main .versioning-content .versioning-averto {
        display:none;
    }
    #cmstree-value-main .versioning-wrapper[data-wysiwyg="1"] .versioning-content .versioning-averto {
        display:block;
        color:red;
        margin:10px;
    }
    #cmstree-value-main .versioning-content .versioning-value-content {
        border-top:1px dashed #ddf;
        padding:10px;
    }

    /* ----------- */
    /* --- SVG --- */
    /* ----------- */

    .cmstree_visu_svg {
        display:inline-block;
        min-height:75px;
        max-height:150px;
    }
    .cmstree_visu_svg_bg {
        display: inline-block;
        height:100%;
    }
    .cmstree_visu_svg svg {
        max-width:300px;
        max-height:100px;
        /*
        display:inline-block;
        height:100%;
        */
    }

    x.cmstree_visu_svg {
        position: relative; 
        height: 0; 
        width: 100%; 
        padding: 0;
        padding-bottom: 100%;     /*
           min-height:50px;
           max-height:100px;
        */
    }
    x.cmstree_visu_svg svg {
        position: absolute; 
        height: 100%; 
        width: 100%; 
        left: 0; 
        top: 0;
        /*
        display:inline-block;
        height:100%;
        */
    }

    
    /*
    
    
    */

    tr.vractu_post_snippet > *:first-child {
/*        border-left:2px solid #dfe;*/
background-color:#dfe;
        
    }

    




              .qixuser-info {
                font-style:italic;
                color:maroon;
            }

       #qixuser-forgottenpassword-form {
       display:none
   }