/* pour composition Alfresco */

main h1 { font-size:150%; text-transform:uppercase; color:#444; }
main h2 { font-size:140%; color:var(--theme); }
main h3 { font-size:140%; color:#BBB; }
main h4 { font-size:130%; }
main h5 { font-size:120%; }
main h6 { font-size:110%; }


aside h3 { font-size:130%; }

/* aside H3 { background-color:#F8F8F8; color:#AAA; padding:.25em; font-size:90%; } */

/* ARTICLES */


article a:hover
{   color:var(--theme);
}

div.articles a:hover
{   
    background-color:#FFF !important;
    border:1px solid var(--hover);
}

div.articles a h2 { margin-bottom:.5em; }

div.articles a label { display:block; margin-bottom:1em; }

/*  articles mis en avant */
div.articles a.pinned
{   
    /* border:1px solid var(--hover); */
    border-left:1em solid var(--hover) !important;
    /*font-weight:bold;*/
}




/* std */


aside DIV.admin,
DIV.notify
{   font-weight:bold;
    color:#FFF;
    text-align:center;
    background-color:#666;
    line-height:200%;
    text-shadow:0px 0px 3px #000;
    word-break:break-word; /* exceptions */
    padding:0;
    font-size:110%;
    border-radius:.2em;
}

    DIV.admin.erreur,
    DIV.notify.erreur
    {   background-color:#C22;
    }

    DIV.admin.confirmation,
    DIV.notify.confirmation
    {   background-color:#8A4;
    }


DIV.clear
{
    clear:both;
    width:100%;
}


/* A */

a
{ 	color:inherit;	
}

a:hover
{	text-decoration:underline;
}

/* switcher */

header>div>span>a
{   display:block; text-decoration:none; font-size:100%;
    background-color:var(--line);
    margin-bottom:.5em; padding:.5em 1em .5em 1em; border-radius:1em;
}

    header>div>span>a.current { text-decoration:none; background-color:var(--theme); color:#FFF; }
    header>div>span>a:hover { text-decoration:none; background-color:var(--hover); color:#FFF; }
    header>div>span>a>i { padding:0 .25em 0 0; }

table.ged td.download>a { text-align:center; }


A.bu
{    
    display:inline-block;
    margin:.2em;
    padding:.3em .5em .3em .5em;
    text-decoration:none;
    background-color:var(--theme);
    color:#FFF;
    border-radius:.2em;
    font-size:110%;
    cursor:pointer;
}

A.bu:hover
{   background-color:var(--hover);
}

A.bu.disabled { background-color:#CCC; }

a.bu.draft I { opacity:.65; }

A.toggle.on I { background-color:var(--theme); color:var(--white); }
A.toggle.off { color:var(--grey); }
A.toggle.off I { color:var(--off); }

/* aside liste jira/qualifs */

aside blockquote a, aside legend a { display:block; padding:.5em; border-radius:.3em; margin:0; }
aside blockquote a:hover, aside legend a:hover { background-color:var(--light); }
aside blockquote a.bu { display:inline-block; }

aside blockquote div { display:flex; flex-direction:row; justify-content:left; flex-wrap:wrap; }
aside blockquote div a { display:block; flex-basis:100%; }
aside blockquote div a.bu { display:inline-block; flex-basis:auto; }

/* 1.07 */

a.link { display:inline; padding:0; margin:0; }
a.link:hover { background-color:inherit; color:#111; }

    
/*  -------------------------------------- */

header>div>a>img
{   height:4em;
}

article.vierge
{
    background-color:transparent;
    border:0px;
}

div.image
{
    height:10em;
    background-size:cover;
    background-position:50% 50%;
    margin:-1em;
    margin-bottom:1em;
}

    div.serveur
    {
        background-image:url("/img/serveur2.jpg");
    }

article p img { width:100%; height:auto; margin:0px -1em 0px -1em; top:0px; }

span.vert
{
    font-weight:bold;
    color:#448822;
}


nav span
{   display:block;    
}

div.articles
{
    display:flex;
    flex-wrap:wrap;
    padding:0px;
    margin:0;
    margin-top:1em;
}

    /* tuile 1 article */
    div.articles a
    {   display:block;
        box-sizing:border-box;
        flex-basis:0;
        flex-grow:1;
        margin:0px 1em 1em 0px;
        padding:1em;

        flex-wrap:wrap;
        /*min-width:33%;*/
        min-width:20em;
        
        flex-shrink:1;

        /*
        min-width:33%;
        max-width:50%;
        */
        text-decoration:none;
        overflow-x:hidden;
    }

    div.articles p
    {   margin-top:0px;
    }

    div.articles sub
    {   color:RGBA(0,0,0,.5);
        opacity:1; font-weight:normal; line-height:100%;
    }

/*  aide et sous menu */

LEGEND, BLOCKQUOTE
{   /* div.aide */
    display:block;
    font-style:normal;
    margin:0px;
    margin-top:2em;
    line-height:150%;
    color:var(--theme);
    border-left:4px solid var(--theme);
    padding-left:1em;
}

LEGEND { opacity:1; border-color:var(--line);}
ASIDE LEGEND, ASIDE BLOCKQUOTE { font-size:110%; }

BLOCKQUOTE.jira 
{   font-size:100%;
}

BLOCKQUOTE A
{   display:inline-block;
    text-decoration:none;
    padding:.5em;
    border-radius:1em;
}

    BLOCKQUOTE A SUB
    {   color:var(--grey); font-weight:normal; 
    }


label
{   display:block;
    padding:.2em;
}

    div.articles a:hover,
    label:hover
    {    background-color:var(--light);
    }
    
 
div.commentaires
{   display:block;
    font-size:95%;
    padding:1em 5em 1em 5em;
    margin-bottom:1em;
}

    div.commentaire
    {   display:block;
        border:1px solid var(--line);
        padding:1em;
        margin:0 0 .5em 0;
        border-radius:1em;
        /* background-color:var(--white); */
    }

    div.moderateur
    {   background-color:var(--light);
        border:0px;
    }

    div.commentaire sub
    {   font-weight:bold;
        display:block;
    }

div.email_body
{   font-family:arial,verdana;
    background-color:#FFF;
    padding:1em;
    border:1px solid RGBA(0,0,0,.25);
    box-shadow:.25em .25em .5em RGBA(0,0,0,.25);
}

div.debug
{	/* json debug */
	word-break:break-all;
    background-color:#444;
    color:#CCC;
    font-size:90%;
    padding:1em;
    font-family:monospace;
}

div.page
{   border:1px solid RGBA(0,0,0,.05);
    border-radius:.2em;
    padding:1em;
    box-shadow:0px 0px .65em RGBA(0,0,0,.070);
    background-color: RGBA(255,255,255,.9);   
}



article.alfresco { background-color:#FFF; }
article.alfresco TABLE { box-shadow:none; table-layout:fixed; background-color:transparent; border:0px; }
article.alfresco TD { vertical-align:top; padding-bottom:1em; }
article.alfresco H1, article.alfresco H2, article.alfresco H3 { color :var(--theme) !important; }
article.alfresco TD P { margin:0px; }
article.alfresco UL { margin:0px; list-style:square; }

nav div s { background-color:transparent; font-size:80%; }

h2 s { background-color:transparent; padding:0; } /* notify delete titcket */