@CHARSET "UTF-8";
@media screen,projection
{
    #site_titre
    {
        clear:both;
        margin:0;
        padding: 30px;
        background-color : #000000;
    }

    #myContextMenu
    {
        display:none;
    }

    #site_titre h1
    {
        margin: 0 auto;
        width: 560px;
    }

    #page
    {
        margin: 0;
    }
	
	#topMenu
	{
		background: #344149 url(../img/nav-bg.jpg) repeat-x scroll center top;
		height: 70px;
	}

    #topMenu ul
    {
        list-style-type: none;
        margin: 0;
    }

    #topMenu li
    {
        float: left;
        margin-right: 20px;
        color: #AA0000;
        height: 45px;
        min-width: 82px;
        text-align: center;
    }

    #topMenu li:hover
    {
        background: transparent url(../img/nav-on.jpg) no-repeat scroll center top;
    }

    #topMenu li a
    {
        display: block;
        height: 45px;
        color: #EE0000;
        padding-top: 10px;
        font-weight: bold;
    }

    #topMenu li a:hover
    {
        color: #FFFFFF;
    }

    #centre
    {
        padding-right: 250px;
        width: 650px;
    }

    #droite
    {
        min-height: 400px;
        background: transparent url(../img/nav-sidebar2.jpg) top left no-repeat;
    }

    #contenu
    {
        text-align: justify;
		margin-top: -30px;
    }

    #pied
    {
        margin: 0;
        font-size: x-small;
        text-align: center;
        color: #AAA;
        background: transparent url(../img/footer-bg.jpg) repeat-x scroll 0 0;
        height: 100px;
    }

    #admin
    {
        clear:both;
        display:none;
    }

    #logo
    {
        position: absolute;
        margin-top: -20px;
        margin-left: 40px;
    }

    .contextMenu
    {
        width: 300px;
    }

    .admin_button
    {
        border: 1px solid #000;
        margin-left: 5px;
        margin-top: 5px;
        padding: 4px;
        padding-left: 22px;
        color: #555;
        font-weight: 900;
        font-size: x-small;
        cursor: pointer;
        width: auto;
        background: #FFF url(../img/emblem-generic.png) 3px 4px no-repeat;
        /* line-height: 30px; */
    }

    .login_button
    {
        background: #EFE url(../img/emblem-readonly.png) 3px 4px no-repeat;
    }

    .save_button
    {
        background: #EFA url(../img/emblem-default.png) 3px 4px no-repeat;
    }

    .add_button
    {
        background: #DEF url(../img/list-add.png) 3px 4px no-repeat;
    }

    .edit_button
    {
        background: #FEA url(../img/gtk-edit.png) 3px 4px no-repeat;
    }

    .delete_button
    {
        background: #FA9 url(../img/edit-delete.png) 3px 4px no-repeat;
    }

    .cancel_button
    {
        background: #FA9 url(../img/process-stop.png) 3px 4px no-repeat;
    }

    .new_commentaires_button
    {
        background: #DEF url(../img/mail-reply-sender.png) 3px 4px no-repeat;
    }

    .new_documents_button
    {
        background: #DEF url(../img/mail-attachment.png) 3px 4px no-repeat;
    }

    .delete_tags
    {
        background: #FFF url(../img/edit-delete.png) 0px 2px no-repeat;
        border: none;
        width: 16px;
        height: 18px;
    }

    .tags_select, .documents_select
    {
        border: 1px solid #000;
        padding: 4px;
        margin: 2px;
        display: block;
        float: left;
        cursor: pointer;
        background: #f8ffdb url(../img/stripes.png);
        color: #000;
    }

    .tags_select label, .tags_select input
    {
        cursor: pointer;
    }

    .commentaires
    {
        padding-bottom: 10px;
    }

    .listing
    {
        padding-bottom: 10px;
    }

    .cartouche
    {
        color: #DDD; /* #779; */
        font-size: small;
        float:left;
        width: 120px;
        text-align: right;
        padding-top: 5px;
    }

    .commentaires .cartouche
    {
        padding-top: 0px;
    }

    .article_content, .article_content_writing, .article_content_archive
    {
        margin-left: 130px;
        padding-left: 10px;
    }
	
	.article_content
	{
		border-left: 1px solid #AAA;
	}
	
	.article_content_writing
	{
		border-left: 1px solid #3D3;
	}
	
	.article_content_archive
	{
		border-left: 1px solid #E00;
	}

    .article_content h2, .article_content h2 a
    {
        color: #FF9000;
    }
	
	.article_content_writing h2, .article_content_writing h2 a
    {
        color: #3D3;
    }
	
	.article_content_archive h2, .article_content_archive h2 a
    {
        color: #E00;
    }

    .commentaire_content
    {
        margin-left: 130px;
        border-left: 5px solid #AAA;
        padding-left: 10px;
    }

    .resume, .contenu, .commentaires
    {
        color: #EEE; /* #336; */
    }

    a
    {
        text-decoration: none;
        color: #3D3;
        outline: none;
        border-bottom: 1px dashed transparent;
    }

    .download-link
    {
        background: transparent url(../img/document-save.png) 3px 4px no-repeat;
        padding: 4px;
        padding-left: 22px;
    }

    .external-link
    {
        background: #DEF url(../img/web-browser.png) 3px 4px no-repeat;
        padding-left: 22px;
    }

    .ui-tabs-hide
    {
        display: none;
    }

    .ui-tabs-nav
    {
        list-style-type: none;
        padding-left: 180px;
    }

    .ui-tabs-nav li
    {
        float:left;
        border:1px solid #000;
        padding: 2px;
        margin: 4px;
    }

    .ui-tabs-nav a
    {
        font-weight: 900;
        color: #555;
        padding: 4px;
        text-align: center;
    }

    .ui-tabs-selected
    {
        background-color: #CF5/* #EFA; */
    }

    .msg
    {
        padding: 10px;
        margin: 10px;
        background-color: #F7F7DD;
        border: 1px solid #AAA;
        color: #000;
    }

    .errmsg
    {
        padding: 10px;
        margin: 10px;
        background-color: #F7DDDD;
        border: 1px solid #AAA;
    }

    legend
    {
        color: #FFF;
    }

    fieldset
    {
        border: 1px solid #FFF;
    }

    input, textarea, select
    {
        border: 1px solid #000;
        width: 100%;
        background-color: #344149;
        color: #FFF;
        padding: 5px;
    }

    textarea
    {
        height: 300px;
    }

    .formulaire table
    {
        width: 90%;
        margin: 20px;
    }

    .tags
    {
        float: right;
        padding: 4px;
        border: 1px solid #000;
        background: #CF5 url(../img/stripes.png); /* EFA */
        margin: 2px;
        font-size: x-small;
        cursor: pointer;
    }

    .tags a
    {
        font-weight: 900;
        display: block;
        border: none;
        cursor: pointer;
        color: #555;
    }

    .documents
    {
        margin: 40px;
    }

    .documents .cartouche
    {
        padding-top: 0px;
    }

    .document_lien
    {
        margin-left: 170px;
        border-left: 1px solid #AAA;
        padding-left: 10px;
    }

    .page
    {
        padding: 0;
        width: 100%;
    }

    /** UI Diaglog **/
    /* This file skins dialog */

    .ui-dialog,
    .ui-dialog {
        background-color: #344149;
    }

     .ui-dialog .ui-dialog-titlebar,
    .ui-dialog .ui-dialog-titlebar {
        border-bottom: 1px solid #d3d3d3;
        background: transparent url(../img/dialog/dialog-title.gif) repeat-x scroll 0 50%;
        padding: 0px;
        height: 28px;
        _height: 29px;
    }

     .ui-dialog.ui-draggable .ui-dialog-titlebar,
    .ui-dialog.ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }

     .ui-dialog .ui-dialog-titlebar-close,
    .ui-dialog .ui-dialog-titlebar-close {
        width: 11px;
        height: 11px;
        background: url(../img/dialog/dialog-titlebar-close.png) no-repeat;
        position:absolute;
        top: 8px;
        right: 12px;
        cursor: pointer;
    }

     .ui-dialog .ui-dialog-titlebar-close span,
    .ui-dialog .ui-dialog-titlebar-close span {
        display: none;
    }

     .ui-dialog .ui-dialog-titlebar-close-hover,
    .ui-dialog .ui-dialog-titlebar-close-hover {
        background: url(../img/dialog/dialog-titlebar-close-hover.png) no-repeat;
    }

     .ui-dialog .ui-dialog-title,
    .ui-dialog .ui-dialog-title {
        margin-left: 5px;
        color: black;
        font-weight: bold;
        position: relative;
        top: 7px;
        left: 4px;
    }

     .ui-dialog .ui-dialog-content,
    .ui-dialog .ui-dialog-content {
        margin: 1.2em;
    }

     .ui-dialog .ui-dialog-buttonpane,
    .ui-dialog .ui-dialog-buttonpane {
        position: absolute;
        bottom: 8px;
        right: 12px;
        width: 100%;
        text-align: right;
    }

     .ui-dialog .ui-dialog-buttonpane button,
    .ui-dialog .ui-dialog-buttonpane button {
        margin: 6px;
    }

    /* Dialog handle styles */
     .ui-dialog .ui-resizable-n,
    .ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: none; }

     .ui-dialog .ui-resizable-s,
    .ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(../img/dialog/dialog-s.gif) repeat scroll 0 50%; }

     .ui-dialog .ui-resizable-e,
    .ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(../img/dialog/dialog-e.gif) repeat scroll 50% 0; }

     .ui-dialog .ui-resizable-w,
    .ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(../img/dialog/dialog-w.gif) repeat scroll 50% 0; }

     .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-se { cursor: se-resize; width: 11px; height: 11px; right: 0px; bottom: 0px; background: transparent url(../img/dialog/dialog-se.gif); }

     .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 11px; height: 11px; left: 0px; bottom: 0px; background: transparent url(../img/dialog/dialog-sw.gif); }

     .ui-dialog .ui-resizable-nw,
    .ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 28px; left: 0px; top: 0px; background: transparent url(../img/dialog/dialog-title.gif) repeat scroll 0 50%; }

     .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 28px; right: 0px; top: 0px; background: transparent url(../img/dialog/dialog-title.gif) repeat scroll 0 50%; }
	
	/** Geshi */
	
	.hightlightedCode tr.li1 td:first-child {
		border-right: 1px solid #6F6;
		background-color: #3E4E59 !important;
		overflow: hidden !important;
	}
	
	.hightlightedCode tr.li1 td:first-child pre span {
		background-color: #3E4E59 !important;
	}
	
	.hightlightedCode tr.li1 td pre {
		padding: 0 5px 0 5px !important;
	}
	
	.hightlightedCode {
		border: 1px solid #678;
	}
	
}