

body { text-align: left; margin: 0; background: url(/images/bg-admin.png) repeat-y left top #eee; }

a.disabled { cursor: not-allowed; }

pre { padding:0.5em; border:1px solid #ccc; background:#f6f6f6; }
code { padding:0 0.2em; border:1px solid #ccc; background:#f6f6f6; }
pre code { padding: 0; border: none; }

.bt { border-top: 1px solid #bbbdbf }
.br { border-right: 1px solid #bbbdbf }
.bb { border-bottom: 1px solid #bbbdbf }
.bl { border-left: 1px solid #bbbdbf }

.fwn { font-weight: normal; }

.strong { font-weight: bold; }

/* Corrections Jquery UI */
table.ui-datepicker-calendar thead th { background-color: #fff; }
.ui-widget input.title { font-size: 1.5em !important; font-family: inherit !important; }

a.button:hover { color: #333; }

/* Formulaires */
input.text-error, textarea.text-error { border-color: red; }

.color-green { color: #8bc53f !important; }
.color-red { color: #ee4036 !important; }
.color-grey { color: #888 !important; }
.color-black { color: #000 !important; }

.round-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.round-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.round-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.shadow { -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; -o-box-shadow: 0 0 3px #555; -ms-box-shadow: 0 0 3px #555; box-shadow: 0 0 3px #555; }

textarea.short { height: 7.3em; }

hr.large { margin-top: 3em; margin-bottom: 3em; }

/* Layout */
#container  { position: relative; width: 1365px; /* min-width: 800px; */ }
#col-left   { position: absolute; top: 0px; left: 0px; width: 160px;  }
#col-center { position: absolute; top: 0px; left: 185px; width: 950px; }
#col-right  { position: absolute; top: 0px; left: 1165px; width: 175px; }


#header h1 { background: url(/images/admin-logo.png) no-repeat; width: 215px; height: 80px; }
#header h1 span { display: none; }

#content { background-color: #fff; padding: 20px; width: 910px;
	-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
#content h1, #content h2, #content h3, #content h4 { color: #444; }
/* #content img { max-width: 700px; } */




/* Navigation principale */
#main-nav { margin: 0; padding: 0; list-style: none; padding-right:5px; width: 160px;  }
#main-nav li { border-bottom: 1px #666 solid }
#main-nav li a { display: block; color: white; font-weight: bold; text-decoration: none; padding: 1em; border-left: 2px rgba(0,0,0,0) solid; /* padding-left: 2em; */ }
#main-nav li a:hover { background-color: #555; /*border-left: 2px #09f solid;*/}
/* #main-nav li a:hover .fa { color: #09f; } */
#main-nav li a.active { background-color: #666; border-left: 2px white solid; }
#main-nav .fa { color: #999; display:block; float: left; margin-bottom: 2em; margin-right: 0.3em; width: 1.2em; text-align: center; position: relative; top: 0.2em }
#main-nav li a.active .fa { color: white; }
/*
#main-nav { margin: 0; padding: 0; list-style: none; }
#main-nav a { display: block; width: 60px; height: 60px; background: url(/images/admin-nav-sprite.png) no-repeat; }
#main-nav a span { display: none; }
#main-nav li.dashboard a            { background-position:    0px    0px; }
#main-nav li.dashboard a:hover      { background-position:  -70px    0px; }
#main-nav li.dashboard a.active     { background-position: -140px    0px; }
#main-nav li.pages a                { background-position:    0px  -70px; }
#main-nav li.pages a:hover          { background-position:  -70px  -70px; }
#main-nav li.pages a.active         { background-position: -140px  -70px; }
#main-nav li.event a                { background-position:    0px -140px; }
#main-nav li.event a:hover          { background-position:  -70px -140px; }
#main-nav li.event a.active         { background-position: -140px -140px; }
#main-nav li.author a               { background-position:    0px -210px; }
#main-nav li.author a:hover         { background-position:  -70px -210px; }
#main-nav li.author a.active        { background-position: -140px -210px; }
#main-nav li.newsletter a           { background-position:    0px -280px; }
#main-nav li.newsletter a:hover     { background-position:  -70px -280px; }
#main-nav li.newsletter a.active    { background-position: -140px -280px; }
#main-nav li.field a                { background-position:    0px -350px; }
#main-nav li.field a:hover          { background-position:  -70px -350px; }
#main-nav li.field a.active         { background-position: -140px -350px; }
#main-nav li.logout a               { background-position:    0px -420px; }
#main-nav li.logout a:hover         { background-position:  -70px -420px; }
#main-nav li.logout a.active        { background-position: -140px -420px; }
#main-nav li.job a                  { background-position:    0px -490px; }
#main-nav li.job a:hover            { background-position:  -70px -490px; }
#main-nav li.job a.active           { background-position: -140px -490px; }
#main-nav li.documentation a        { background-position:    0px -560px; }
#main-nav li.documentation a:hover  { background-position:  -70px -560px; }
#main-nav li.documentation a.active { background-position: -140px -560px; }
#main-nav li.template a             { background-position:    0px -630px; }
#main-nav li.template a:hover       { background-position:  -70px -630px; }
#main-nav li.template a.active      { background-position: -140px -630px; }
#main-nav li.press a                { background-position:    0px -700px; }
#main-nav li.press a:hover          { background-position:  -70px -700px; }
#main-nav li.press a.active         { background-position: -140px -700px; }
#main-nav li.config a                { background-position:    0px -770px; }
#main-nav li.config a:hover          { background-position:  -70px -770px; }
#main-nav li.config a.active         { background-position: -140px -770px; }
*/



#sub-nav { margin-top: 84px; }
#sub-nav ul {padding: 0; list-style: none; }
#sub-nav a { display: block; width: 155px; padding: 6px 10px; color: #404041; text-decoration: none; }
#sub-nav a:hover { color: black;   }
#sub-nav a.active { color: #fff; background: url(/images/admin-subnav-active.png) no-repeat; }



table.form { margin-left:auto; margin-right:auto; width:auto }

table.list { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
table.list thead th { color: #fff; background-color: #4d5866; }
table.list tfoot th { color: #fff; background-color: #4d5866; }
table.list tbody td, table.list tbody th { background-color: #fff; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 5px; }
/* table.list tbody td:first-child, table.list tbody th:first-child { border-left: 1px solid #ccc; } */
/* table.list tbody td:last-child, table.list tbody th:last-child { border-right: 1px solid #ccc; } */
table.list tbody tr:hover td, table.list tbody tr:hover th { background-color: #FEFBD6; }
table.list tbody tr:hover td a, table.list tbody tr:hover th a { /* text-decoration: underline; */ }
table.list tbody td a, table.list tbody th a { /* display: block; width: 100%; */ color: #444; text-decoration: none; }
table.list tbody td a.cell, table.list tbody th a.cell { display: block; width: 100%; }
table.list tbody td h3 { font-size: 16px; }

table tbody tr.deleted { text-decoration: line-through; }
table th.sort { cursor: pointer; }


/* Paginations */
.paginate p.page-count { position: relative; top: 4px; }
.paginate p.page-nav a, .paginate p.page-nav strong { display: inline-block; padding: 3px 10px; border: 1px solid #ccc; }


.content-editable { border: 1px solid #bbb; padding: 5px; width: 900px; height: 600px; overflow: auto; }
.content-editable:focus { border-color: #333; }

#page-content { height: auto; }
#page-content h4 { font-weight: bold; }



#tree { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; list-style: none; padding: 0; }
#tree ul { list-style: none; padding: 0; }
#tree a { display: block; padding: 10px 10px 10px 5px; border-bottom: 1px solid #ccc; text-decoration: none; color: #444; }
#tree a:hover { background-color: #FEFBD6; }
#tree ul.level-0 li a { padding-left: 25px; }
#tree ul.level-1 li a { padding-left: 50px; }
#tree ul.level-2 li a { padding-left: 75px; }


/*
 * Arbre des produits dans author/product & page/product
 */
#category_tree ul { margin-left:0; padding-left: 0; background: white url("/images/tree/I.png") repeat-y 0 0 }
#category_tree li { line-height:16px; list-style: none; margin-left: 0; padding-left: 19px; background: url("/images/tree/T.png") no-repeat 0 0  }
#category_tree li label { font-weight:normal }
#category_tree li:last-child { background-image: url("/images/tree/L.png")  }
#category_tree li.js-branch { background-image: url("/images/tree/Tplus.png") }
#category_tree li.js-branch:last-child { background-image: url("/images/tree/Lplus.png") }
#category_tree li.js-branch-opened { background-image: url("/images/tree/Tminus.png") }
#category_tree li.js-branch-opened:last-child { background-image: url("/images/tree/Lminus.png") }


.cke_dialog_contents input { margin:0 }
.cke_dialog_contents select { margin:0 }
.cke_dialog_contents textarea { margin:0 }
.cke_dialog_contents table tbody tr td { background-color: white }

.ui-widget-overlay { background-image: none }
