@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table {/* border-collapse: collapse; */ border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }

nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height:0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

.ie7 img { -ms-interpolation-mode: bicubic; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
body, select, input, textarea { color:#666; }

/*  General Settings  */
body {
    background:url('../img/bgs/bg_aside_main.png') repeat-y 0 0;
    background-color: #888888;
    font-family: Calibri, Verdana, Ariel, sans-serif;
    font-size:13px;
    font-size:small;
    zoom:1;
}
body section[role=navigation] {
    width:201px;
    height:auto;
    padding:0;
    position: absolute;
    top:0;
    left:0;
}
body section[role=main] {
    color: white;
    background-color: #888;
    min-width:669px;
    height:100%;
    margin-left:201px;
    padding:10px 25px;
}
select, input, textarea, button, .buttonVTM { font:99% sans-serif; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; }
em, i { font-style:italic; }
ul, ol { margin:0 0 1em 1em; }
ol { margin-left:2em; }
ol { list-style-type:decimal; }
a { outline:none; }
a:hover {}
a:hover, a:active { outline:none; }
a.outside {
    padding-right:10px;
    background-position:top right;
    background-repeat:no-repeat;
}

/*  Fixed Layout  */
body.fixed {
    background-color:#e6e6e6;
    background-image:none;
}
.fixed .fixed-wraper {
    width:990px;
    margin:0 auto;
    position:relative;
    background:url('../img/bgs/bg_aside_main.png') repeat-y 263px 0;
}
.fixed .fixed-wraper section[role=main] {
    min-width:0;
    background-image:url('../img/bgs/bg_fixed.png');
    background-repeat:repeat-y;
    background-position:right;
    padding-right:32px;
}


/*  General Classes  */
.small { width:33%; }
.medium { width:66%; }
.large { width:99%; }
.left { float:left; }
.right { float:right; }

/*  Navigation Layout :: Header  */
section[role=navigation] header {
    text-align: center;
    margin:5px 5px;
    background-color: #D9D9D9;
    border: 1px solid #BFBFBF;
}
section[role=navigation] header a {
    background:url('../img/logo_haut.png') no-repeat center;
    height:90px;
    text-indent:-9999em;
    display:block;
    margin: 0 auto;
}
section[role=navigation] header h1 {
    margin:8px 0px;
    font-weight:bold;
    font-size:10px !important;
}

/*  Navigation Layout :: User Info  */
#user-info {
    /*background:url('../img/bgs/bg_aside_userinfo.png') no-repeat;*/
    border-top:1px solid;
    border-bottom:1px solid;
    padding: 7px 15px;
}
#user-info div {

}
#user-info div > h4 {
    display:block;
    font-size:108%;
    text-decoration:none;
    line-height:100%;
    color:#63676C;
}
#user-info em { font-size:93%; }
#user-info ul {
    margin:5px 0 0;
    list-style:none;
}
#user-info ul li {
    list-style-type: none;
    float:left;
    margin-right:5px;
    font-size: 15px
}
#user-info ul li:last-child { margin-right:0; }
#user-info .button-link { font-size:80%; }

/*  Navigation Layout :: Nav  */
#main-nav {
    margin-top: 15px;
    margin-bottom:25px;
    font-size:116%;
}
/*#main-nav ul li.current a, #main-nav ul li.current a:hover, #main-nav ul li a:hover,
#main-nav ul li li a:hover, #main-nav ul li.current li a:hover {}
#main-nav > ul, #main-nav > ul li, #main-nav > ul li.current, #main-nav ul li li { background-repeat:no-repeat; }
#main-nav > ul { background-position:bottom; }
#main-nav > ul li, #main-nav > ul li.current { background-position:0 0; }
#main-nav > ul li:last-child { padding-bottom:2px; } //Proper background rendering
#main-nav ul li a {
    display:block;
    font-weight:bold;
    padding:7px 0 7px 50px;
    text-decoration:none;
    -webkit-transition:color 400ms ease;
    -moz-transition:color 400ms ease;
    transition:color 400ms ease;
    background-position:25px 8px;
    background-repeat:no-repeat;
    height:21px;
}
#main-nav ul ul {
    margin-left:50px;
    padding-bottom:10px;
}
#main-nav ul li li, #main-nav ul li li.current {
    padding:2px 0 2px 10px;
    background-position:0 9px;
}
#main-nav ul li li a, #main-nav ul li.current li a {
    font-weight:normal;
    padding:0;
    font-size:85%;
    text-shadow:none;
    height:auto;
}
#main-nav ul li span {
    float:right;
    display:block;
    position:relative;
    top:-28px;
    padding:2px 5px;
    border:1px solid;
    margin-right:20px;
    font-size:77%;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
}
.ie7 #main-nav ul li span, .ie8 #main-nav ul li span { top:-28px; }
*/
/*  Navigation Layout :: Sidebars  */
.sidebar {
    margin:0 27px 25px 25px;
    display:block;
    font-size:93%;
    overflow:hidden;
    clear:both;
}
.sidebar p {
    margin:8px 0;
    line-height:140%;
}
.sidebar p:last-child { margin-bottom:0; }
.sidebar ul { margin:0 0 15px 15px; }
.sidebar h2 {
    font-size:116%;
    margin-bottom:12px;
}
.sidebar img {
    padding:3px;
    margin:0 auto 25px auto;
    border:1px solid;
}

.sidebar.separator, .sidebar .separator {
    border-top:3px solid;
    padding-top:8px;
}
.sidebar.separator { padding-top:25px; }
.sidebar .button-link { float:right; }

/*  Content Layout :: Widgets  */
#widgets-container { display:block; }
.widget {
    /*   border:1px solid;*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    display:block;
    height:35px;
    width:200px;
    float:left;
    margin:0 15px 15px 0;
    padding:5px;
    font-size:11px;
}
.ie7 .widget { margin-bottom:0; }
.widget a {
    text-decoration:none;
    display:block;
}
.widget:last-child { margin-right:0; }
.widget span {
    display:block;
    height:35px;
    width:36px;
    float:left;
    margin-right:10px;
    font-size:350%;
    text-align:center;
    line-height:80%;
}
.widget p {
    float:left;
    position:relative;
    top:-4px;
}
.widget strong {
    font-size:153.9%;
    display:block;
}
.widget strong sup { top:-0.3em }
.widget.text-only p { padding-left:5px; }
.widget.add-new-widget { border-style:dashed; }
.widget.add-new-widget span {
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-9999em;
    margin-right:2px;
}
.widget.add-new-widget strong { padding-top:5px; }
.widget .close-widget {
    position:relative;
    text-decoration:none;
    float:right;
    top:-8px;
}

/*  Sample Widgets  */
#new-visitors span, #new-orders span {
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
}
#new-visitors span { background-image:url('../img/widgets/widget_increase.png'); }
#new-orders span { background-image:url('../img/widgets/widget_decrease.png'); }

/*  Content Layout :: Nested Box  */
.nested, .nested2 {
    border:1px solid inset;
    padding:15px;
    overflow:hidden;
    -moz-border-radius:3px;
    border-radius:3px;
}
.ie7 article.nested, .ie8 article.nested { border:none; }
.ie7 section.nested, .ie8 section.nested, .ie7 article.nested .article-container, .ie8 article.nested .article-container { border:1px solid; }

/*  Content Layout :: Nested Box :: Article  */
article.nested, article.nested2 { padding:0; }
article.nested header, article.nested2 header { margin:10px 20px 5px; }
article.nested section, article.nested2 section { margin:0 20px 20px; }
article.nested footer, article.nested2 footer { margin:20px; }

/*  Content Layout :: Main Content  */
article { margin-bottom:2%; }
article .article-container {
    display:block;
    overflow:hidden;
}
article header {
    height:27px;
    border-bottom:0px solid;
    padding-bottom:8px;
    margin-bottom:20px;
}
article header h2 {
    font-size:167%;
    float:left;
}
article header nav { float:right; }
/*article section { overflow:hidden; }*/

article section h3, article section h4, article section h5 { margin-bottom:.8em; }
article section h3 { font-size:153.9%; }
article section h4 { font-size:131%; }
article section h5 {
    font-size:108%;
    text-transform:uppercase;
}
article section p {
    font-size:100%;
    line-height:160%;
    margin-bottom:0.67em;
}
article section p:last-child { margin-bottom:0; }
article section ul li {
    list-style:none;
    padding-left:10px;
    background-position:0 center;
    background-repeat:no-repeat;
}
article section ul.list-style-checkmark li, article section ul.list-style-cross li, article section ul.list-style-arrow li { padding-left:25px; }
article section ul.list-style-checkmark li { background:url('../img/icons/list-style/icon_list_style_checkmark.png') no-repeat 0 1px; }
article section ul.list-style-cross li { background:url('../img/icons/list-style/icon_list_style_cross.png') no-repeat 0 1px; }
article section ul.list-style-arrow li { background:url('../img/icons/list-style/icon_list_style_arrow.png') no-repeat 0 1px; }
article section ul li, article section ol li { line-height:150%; }
article footer {
    clear:both;
    padding-top:10px;
    margin-top:20px;
    border-top:1px solid;
    font-size:85%;
}

/*  Content Layout :: Main Content :: Block Layout */
.half-block { 
    width:49%;
    margin-right:2%;
    float:left;
}
.third-block {
    width:32%;
    margin-right:2%;
    float:left;
}
.quarter-block {
    width:23.5%;
    margin-right:2%;
    float:left;
}
.clearrm { margin-right:0; }
.clearfix {
    zoom:1;
    clear:both;
}

/*  Content Layout :: Main Content :: Tabs */
.tab-switch {
    display:block;
    position:relative;
    top:7px;
}
.tab-switch.bottomjlr  {
    border-top-style: solid;
    border-top-width: 3px;
    border-color: #666666 !important;
    height: 27px;
    top:0;
    margin: 10px 0 0 0;
    padding: 0;
}
.tab-switch li {
    float:left;
    list-style:none;
    margin-right:15px;
    font-size: 16px;
}
.tab-switch.bottomjlr li {
    float:right;
    list-style:none;
    margin-left:15px;
}
.tab-switch li:last-child { margin-right:0; }
.tab-switch li:last-child a { padding-right:0; }
.tab-switch li a {
    display:block;
    padding:0 3px 12px;
    text-decoration:none;
    height:16px;
    color:#555555;
    
}
.tab-switch li a.current {
    background-position:bottom center;
    background-repeat:no-repeat;
}
.tab-switch.bottomjlr li a {
    padding:6px 0 0 0;
    color: #666 !important;
}
.tab-switch.bottomjlr li a.current {
    color: #AE432E !important;
}

.tab {
    clear:both;
    display:block;
    overflow:hidden;
}

.tab-switch.bottomjlr li:first-child { margin-right:0; }
.tab-switch.bottomjlr li:first-child a { padding-right:0; }
.tab-switch.bottomjlr li a.current {
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("/img/icons/icon_tab_nested2_bottom.png") !important;
}


/*  Content Layout :: Main Content :: Sidetabs */
.sidetabs {
    background-repeat:repeat-y;
    overflow:hidden;
    border: 0px;
}
.sidetab-switch {
    float:left;
    width:181px;
}
.sidetab-switch a {
    display:block;
    height:100%;
    padding:10px 0;
    text-decoration:none;
    font-size: 16px;
}
.sidetab-switch a.current {
    background: url('../img/arrow.png') no-repeat right;
    color: blue;
    font-size: 16px;
    font-weight: bold;
}
.sidetab-switch a:hover {
    font-weight: bold;
}
section .sidetab-switch li {
    background:none;
    padding-left:0;
}
.sidetab-switch li a.current { border-right:0px solid; }
.sidetab-switch p {
    margin:20px 20px 0 0;
    font-size:85%;
}

.sidetab-switch ul {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #FFF;
    padding-bottom: 10px;
}

.sidetab {
    display:block;
    overflow:hidden;
    /*padding-left:20px;*/
}

/*  Content Layout :: Main Content :: Buttons */
.button-switch {
    display:block;
}
.button-switch li {
    float:left;
    list-style:none;
    margin-right:7px;
}
.button-switch li:last-child { margin-right:2px; }
.button-switch li a.button {
    height:18px;
    padding:4px 15px;
}

/*  Content Layout :: Main Content :: Accordion */
.accordion {
    margin:0;
    border-top:1px solid;
}
.accordion li {
    background:none;
    list-style:none;
    padding:10px 0;
    border-bottom:1px solid;
}
.accordion div { margin-top:15px; }
.accordion .accordion-switch {
    cursor:pointer;
    display:block;
    text-decoration:none;
    margin-right:15px;
}
.accordion .accordion-switch, .accordion .accordion-switch:hover {
    background-position:center right;
    background-repeat:no-repeat;
}
.accordion .accordion-switch h3 {
    margin:0;
    text-shadow:none;
    font-size:116%;
    font-weight:normal;
}

/*  Buttons  */
.button-link, .button, button, .buttonVTM {
    display:inline-block;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    text-shadow:0 1px 2px #666;
    white-space:nowrap;
    cursor:pointer;
    /*vertical-align:baseline;*/
    -webkit-transition:all 400ms ease;
    -moz-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    overflow:visible;
    width:auto;
}
article section p .button-link { padding:0 6px; }

/*  Buttons :: Button Like Link  */
.button-link {
    background-color:#ae432e;
    padding:2px 6px;
    border:none;
    color:#fff;
}
.button-link.blue { background-color:#066d99; }
.button-link.green { background-color:#6a9912; }
.button-link.gray { background-color:#929494; }
.button-link:hover {
    background-color:#4c4c4c;
    color:#fff;
}



/*  Buttons :: Button  */
.button, button {
    border:1px solid;
    padding:4px 15px;
    margin-bottom:2px;
    font-weight:bold;
    height:28px;
}

.buttonVTM {
    border:1px solid;
    padding:4px 15px;
    margin-bottom:2px;
    font-weight:bold;
    height:20px;
}

a.button, span.button {
    height:18px;
    font-weight:normal;
}
article section p a.button {
    height:16px;
    line-height:100%;
    padding:5px 15px;
}

/*  Buttons :: Button :: Disable  */
.button.disabled, button:disabled, .buttonVTM.disabled {
    text-shadow:none;
    box-shadow:none;
    cursor:not-allowed;
    font-weight:normal;
}

/*  Notifications  */
.notification {
    display:block;
    clear:both;
    padding:10px 10px 10px 36px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid;
    color:#646464;
    background-position:10px 12px;
    background-repeat:no-repeat;
    margin:10px 0;
    font-weight: bold;
}
.close-notification {
    float:right;
    text-decoration:none;
    color:#737373;
    position:relative;
    top:-10px;
    right:-2px;
}
.close-notification:hover { color:#333; }
.notification.loading {
    /*background-image: url("../img/icons/ajax_loading_blue.gif");*/
    background-color:#cee6f2;
    border-color:#058dc7;
    z-index: 1000;
}
.notification.loading strong  { color:#0576a6; }
.notification.error {
    background-color:#f2d4ce;
    background-image:url('../img/icons/icon_notification_error.png');
    border-color:#ae432e;
}
.notification.error strong { color:#ae432e; }
.notification.success {
    background-color:#d9e6c3;
    background-image:url('../img/icons/icon_notification_success.png');
    border-color:#77ab13;
}
.notification.success strong { color:#69990f; }
.notification.attention {
    background-color:#faf6d4;
    background-image:url('../img/icons/icon_notification_attention.png');
    border-color:#e6c26e;
}
.notification.attention strong { color:#be8007; }
.notification.information {
    background-color:#cee6f2;
    background-image:url('../img/icons/icon_notification_information.png');
    border-color:#058dc7;
}
.notification.information strong { color:#0576a6; }
.notification.note {
    background-color:#f2f2f2;
    background-image:url('../img/icons/icon_notification_note.png');
    border-color:#d1d1d1;
}
.notification.note strong { color:#737373; }

/*  Breadcrumbs  */
#breadcrumbs {
    display:block;
    clear:both;
    overflow:hidden;
    margin:7px 0 10px 0;
    float:left;
}
#breadcrumbs li {
    color:#fff;
    font-style:italic;
    float:left;
    list-style:none;
    margin:0 5px 0 0;
    padding-left:10px;
    background:url('../img/icons/icon_breadcrumbs.png') no-repeat center left;
}
#breadcrumbs li:first-child {
    background:none;
    padding-left:0;
    margin-top:0;
}
#breadcrumbs li:last-child { margin-right:0; }
#breadcrumbs li a { display:block; color:#fff; font-style:italic;}
#breadcrumbs li:first-child a {
    height:16px;
    width:16px;
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
}
#breadcrumbs li:first-child a:hover { background-position:0 -16px; }

/*  Prgoress Bars  */
.progress-bar {
    border:1px solid;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display:block;
    height:25px;
    margin:0.67em 0;
}
.progress-bar div {
    border-radius:5px;
    display:block;
    height:27px;
    text-align:center;
    position:relative;
    top:-1px;
}
.progress-bar div span {
    color:#fff;
    font-weight:bold;
    text-align:center;
    position:relative;
    top:4px;
}
.progress-bar div span sup { top:-0.2em; }
.progress-bar.red div { background-color:#ae432e; }
.progress-bar.blue div { background-color:#058dc7; }
.progress-bar.green div { background-color:#77ab13; }

/*  Content Images  */
article img {
    padding:4px;
    border:0px solid;
}
div.tab > img, div.tab > .image-frame img { margin-top:0; }

/*  Content Image Mini Menu  */
.image-frame { position:relative; }
.image-frame.left { margin-right:15px; }
.image-frame.right { margin-left:15px; }
.image-actions {
    background:#000;
    display:none;
    position:absolute;
    right:12px;
    bottom:16px;
    z-index:10;
    list-style:none;
    margin:0;
    padding:6px 10px;
    opacity:.85;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.image-gallery .image-actions { bottom:20px; }
.image-actions li {
    background:none;
    float:left;
    font-size:85%;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
    border-right:1px solid #333;
}
.image-actions li:last-child {
    margin-right:0;
    padding-right:0;
    border-right:none;
}
.image-actions li a {
    color:#fff;
    text-decoration:none;
}
.image-actions li a:hover { text-decoration:underline; }

/*  Content Image Gallery  */
.image-gallery {
    margin:0 0 0 10px;
    overflow:hidden;
}
.image-gallery > li {
    float:left;
    list-style:none;
    background:none;
    padding:0;
    margin-right:10px;
    line-height:220%;
}
.image-gallery > li:last-child { margin-right:0; }

/*  Tags  */
.tag, .tagy {
    display:block;
    color:#fff;
    font-size:93%;
    padding:2px 0;
    margin:0 auto;
    text-align:center;
    width:60px;
    height:15px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 0 2px #b3b3b3;
    -moz-box-shadow:0 0 2px #b3b3b3;
    box-shadow:0 0 2px #b3b3b3;
}
.tag.red, .tagy.red  { background-color:#ae432e; }
.tag.blue, .tagy.blue { background-color:#058dc7; }
.tag.green, .tagy.green { background-color:#77ab13; }
.tag.orange, .tagy.orange { background-color:#ef561a; }
.tag.gray, .tagy.gray { background-color:#b3b3b3; }
.tag.lightgray, .tagy.lightgray { background-color:#d3d3d3; }
.tag.yellow, .tagy.yellow { background-color:#CCC233; }
.tag.yellow2, .tagy.yellow2 { background-color:#F2D24C; color:black; }
.taglink:hover span {
    background-color: #003366;
    color: white;
}
/*  Ajax Loading Gif  */
.loader {
    display:block;
    float:left;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-color:transparent;
    margin:3px 0 0 5px;
}

/*  Emoticons  */
.emoticon {
    display:inline-block;
    text-indent:-9999em;
    height:16px;
    width:16px;
    vertical-align:middle;
    background-position:0 0;
    background-repeat:no-repeat;
}

/*  File Extensions  */
.extension {
    padding-left:20px;
    background-position:0 1px;
    background-repeat:no-repeat;
}

/*  Stats Summary */
.stats-summary {
    margin:10px 0;
    padding:0;
}
.stats-summary li {
    list-style:none;
    display:block;
    padding:5px;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    min-height:32px;
    background-image:none;
    line-height:100%;
}
.stats-summary p, .stats-summary .stats-count { float:left; }
.stats-summary .stats-view {
    float:right;
    margin:2px 2px 0 0;
    padding:5px 15px;
    height:15px;
}
.stats-summary .stats-count {
    display:block;
    min-width:60px;
    text-align:right;
    font-size:197%;
    padding:10px 15px 0 0;
}
.stats-summary p { margin:5px 0 0; }

/*  Event Logs  */
.logs {
    margin:0;
    padding:0;
}
.logs li {
    background-position:10px 8px;
    background-repeat:no-repeat;
    background-image:url('../img/icons/icon_event.png');
    list-style:none;
    display:block;
    padding:10px 10px 10px 35px;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    line-height:100%;
}
.logs li h4 {
    text-shadow:none;
    font-size:100%;
}
.logs li.event { background-image:url('../img/icons/icon_event_log.png'); }
.logs li.bomb { background-image:url('../img/icons/icon_event_bomb.png'); }
.logs li .logs-timestamp {
    float:right;
    font-size:93%;
}
.logs li .logs-event {
    text-decoration:none;
    font-size:116%;
}
.logs li .logs-meta a { text-decoration:none; }

/*  Contacts  */
.contacts {
    margin:0;
    padding:0;
    display:block;
    padding:10px;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.contacts li {
    background:none;
    list-style:none;
    display:block;
    overflow:hidden;
    margin-bottom:10px;
    padding:0 0 10px;
    border-bottom:1px solid;
    line-height:100%;
}
.contacts li:last-child {
    border:none;
    margin:0;
    padding:0;
}
.contacts li img {
    width:48px;
    height:48px;
    padding:3px;
    margin-right:15px;
    border:1px solid;
    float:left;
}
.contacts li a.contacts-user {
    margin:2px 0;
    display:block;
    font-size:108%;
    text-decoration:none;
}
.contacts li em { font-size:93%; }
.contacts li ul {
    margin:8px 0 0;
    list-style:none;
    overflow:hidden;
}
.contacts li ul li {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    border:none;
}
.contacts li ul li:last-child { margin-right:0; }
.contacts li .button-link { font-size:80%; }

/*  Tickets  */
.ticket-details-actions  {
    overflow:hidden;
    margin:0;
    padding:0;
}
.tickets li {
    display:block;
    list-style:none;
    background:none;
    padding:0;
    margin:0;
    height:100%;
}
.tickets li li { float:left; }
.tickets .ticket-header {
    width:100%;
    padding-bottom:10px;
    border-bottom:1px solid;
}
.tickets .ticket-header li, .tickets .ticket-data li {
    text-align:center;
    padding:0;
    width:15%;
}
.ie7 .tickets li.ticket-header-age, .ie7 .tickets li.ticket-data-age { width:14% !important; }
.ie7 .tickets li.ticket-data { position:relative; top:-4px; }
.tickets .ticket-header li { font-weight:bold; }
.tickets .ticket-header .ticket-header-activity, .tickets .ticket-data .ticket-data-activity { width:40%; }
.tickets .ticket-data {
    padding:5px 0;
    margin:0;
    border-bottom:1px solid;
    min-height:45px;
    overflow:hidden;
}
.ticket-details {
    margin:5px 15px;
    border-top:1px dotted;
}
.ticket-details-actions {
    float:right;
    margin:0;
    padding:10px 0;
}
.ticket-details-actions li {
    width:auto;
    margin-left:5px;
}

/*  Wizard  */
.wizard-steps {
    margin:0 0 25px;
    text-align:left;
    height:35px;
    border-color:  #FFC46A !important;
    border-bottom:1px solid;
}
.wizard-steps li {
    font-size:116%;
    height:100%;
    display:inline-block;
    padding:0 15px;
}
.ie7 .wizard-steps li {
    display:block;
    float:left;
}
.wizard-steps li a {
    display:block;
    text-decoration:none;
    position:relative;
    padding-bottom:25px;
    background-repeat:no-repeat;
    background-position:center 27px;
}
.wizard-steps li a.current, .wizard-steps li a.done { background-position:center -92px; }


/*  Modal  */
.modal { display:none; }
.nyroModalDom h2 { font-size:167%; }
.nyroModalDom h2, .nyroModalDom h3, .nyroModalDom h4, .nyroModalDom h5 { margin-bottom:.8em; }
.nyroModalDom h3 { font-size:153.9%; }
.nyroModalDom h4 { font-size:131%; }
.nyroModalDom h5 {
    font-size:108%;
    text-transform:uppercase;
}
.nyroModalDom p {
    font-size:100%;
    line-height:160%;
    margin-bottom:0.67em;
}
.nyroModalDom p:last-child { margin-bottom:0; }

/*  Forms  */
form {

    padding-bottom:10px;
}
form.table-form { margin-top:0; }
button, input, select, textarea,.buttonVTM { margin:0; }
textarea { overflow:auto; }
fieldset {
    -moz-border-radius:3px;
    border-radius:3px;
    padding:25px 25px 0;
    margin-bottom:25px;
    border:1px solid white;
}
legend {
    font-size:116%;
    padding:0 1em;
}
.ie6 legend, .ie7 legend { margin-left:-7px; }
.ie8 legend, .ie7 legend { margin-bottom:30px; }
.ie8 legend { top:-25px; }
.ie7 legend { top:-35px; }
form dt {
    width:150px;
    text-align:right;
}
form dd {
    position:relative;
    top:-24px;
    left:165px;
}
dd p {
    font-size:77%;
    position:relative;
    top:2px;
}
input, textarea, select {
    border:1px solid;
    -moz-border-radius:1px;
    border-radius:1px;
}
input.small, textarea.small { width:25% !important; }
input.medium, textarea.medium { width:50% !important; }
input.large, textarea.large { width:75% !important; }
input.full, textarea.full { width:97% !important; }
input[type=text], input[type=password], textarea, select { padding:7px 6px 5px; }
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
input[type="checkbox"], input[type="radio"] {
    background:none;
    border:none;
}
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; }
label { font-style:italic; }
select { width:auto; }
.checkbox, .radio {
    width:200px;
    position:relative;
    left:185px;
    text-align:left;
}
.checkbox label, .radio label { font-weight:normal; }
.checkbox { top:-5px; }
.radio { top:-3px; }
form dd.text {
    top:-18px;
    color:#666;
    width:490px;
}
form dd.text p {
    top:-1px;
    font-size:100%;
    color:#666;
}

button {
    width:auto;
    overflow:visible;
}

.buttonVTM {
    width:auto;
    overflow:visible;    
}

form span.valid-side-note, span.invalid-side-note {
    margin-left:10px;
    padding:0 0 0 25px;
    background-repeat:no-repeat;
    background-position:left center;
}
form span.valid-side-note { background-image:url(../img/icons/icon_success.png); }
form span.invalid-side-note { background-image:url(../img/icons/icon_error.png); }
.ie7 input[type=checkbox], .ie8 input[type=checkbox], .ie9 input[type=checkbox],
.ie7 input[type=radio], .ie8 input[type=radio], .ie9 input[type=radio] {
    border:none;
    box-shadow:none;
}
.ie7 .checkbox., .ie8 .checkbox.], .ie9 .checkbox { top:-7px; }
.ie7 .radio, .ie8 .radio, .ie9 .radio { top:-5px; }
.ie7 td select {
    position:relative;
    top:-3px;
    left:-15px;
}
input:disabled, input.disabled {
    box-shadow:none;
    cursor:not-allowed;
}
input.datepicker {
    background:url(../img/icons/icon_calendar.png) no-repeat 6px 6px;
    padding-left:30px;
    cursor:pointer;
}
.ie9 input.datepicker { background-position:6px 5px; }

/*  jQuery Datepicker  */
.jq-datepicker {
    border:1px solid;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.jq-datepicker .datepick-nav {
    height:20px;
    padding-top:5px;
}
.jq-datepicker .datepick-ctrl { padding:5px 0 3px; }
.jq-datepicker .datepick-nav, .jq-datepicker .datepick-ctrl, .jq-datepicker .datepick-month,
.jq-datepicker .datepick-month-header, .jq-datepicker .datepick-month-header select, .jq-datepicker .datepick-month-header input,
.jq-datepicker .datepick-cmd:hover, .jq-datepicker .datepick-ctrl .datepick-cmd:hover, .jq-datepicker .datepick-month th,
.jq-datepicker .datepick-month th a { background:none; }
.jq-datepicker .datepick-month-header, .jq-datepicker .datepick-month-header select, .jq-datepicker .datepick-month-header input { height:auto; }
.jq-datepicker .datepick-month-header select {
    border:1px solid;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.jq-datepicker .datepick-month table {
    margin-top:5px;
    border-top:1px solid;
}
.jq-datepicker .datepick-month table td { width:30px; }
.jq-datepicker .datepick-month a, .jq-datepicker .datepick-month span { padding:11px 0; }
.jq-datepicker .datepick-month th, .jq-datepicker .datepick-month th a {
    border-top:none;
}

/*  HTML Calnedar  */
.htmlcalendar {
    width:100%;
    border-collapse:collapse;
    border:1px solid;
    table-layout:fixed;
}
.htmlcalendar tbody tr {
    background:none;
    min-height:110px;
}
.htmlcalendar tbody th, .htmlcalendar tbody td {
    border:1px solid;
    padding:0;
    margin:0;
}
.htmlcalendar tbody td {
    min-width:110px;
    width:15%;
}
.htmlcalendar .week {
    width:56px;
    padding:0;
    font-weight:normal;
    font-size:131%;
    text-align:right;
}
.htmlcalendar .week span, .htmlcalendar .week sup { padding-right:8px; }
.htmlcalendar .day > div { min-height:110px; }
.htmlcalendar .calendar-entry { 
    padding:8px;
    text-align:right;
    font-size:131%;
}
.htmlcalendar .week span, .htmlcalendar .calendar-entry span {
    display:block;
    font-weight:bold;
    margin-bottom:0;
}
.htmlcalendar .week span { margin-bottom:5px; }
.htmlcalendar .calendar-event { padding:0 5px 5px; }
.htmlcalendar .calendar-event .event {
    display:block;
    padding:3px 6px;
    margin-bottom:5px;
    vertical-align:middle;
    text-align:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.ie7 .htmlcalendar .calendar-event .event { padding:3px 5px; }
.htmlcalendar .calendar-event .event a {
    display:block;
    text-decoration:none;
}
.htmlcalendar .calendar-event .event a:hover { text-decoration:none; }

/*  HTML Calendar Actions  */
.htmlcalendar-actions {
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
}
.htmlcalendar-actions li {
    background:none;
    list-style:none;
    padding:12px 0 0;
    margin:0;
    width:25%;
    float:left;
    display:block;
    vertical-align:middle;
}
.htmlcalendar-actions li.current-month {
    width:49%;
    text-align:center;
}
.htmlcalendar-actions li.current-month h4 {
    font-size:156%;
    text-shadow:none;
    margin:0;
}
.htmlcalendar-actions li.current-day { font-size:118%; }
.htmlcalendar-actions li.actions { padding:0; }
.htmlcalendar-actions li.actions ul {
    float:right;
    margin:0;
    padding:0;
}
.htmlcalendar-actions li.actions li {
    width:auto;
    padding:0;
    margin-right:5px;
}
.htmlcalendar-actions li.actions li:last-child { margin-right:0; }
.htmlcalendar-actions li.actions a.button { padding:6px 15px; }

/*  Tables  */
table {
    width:100%;
    font-size:93%;
    border-top:1px solid;
    border-bottom:1px solid;
}
tbody {
    border-top:1px solid;
    border-bottom:1px solid;
}
th{
    background-color: #888;
}
th, td {
    padding:5px 0;
    /*height:36px;*/
    text-align:center;
    border-bottom:1px solid;
    vertical-align:middle;
    color: black;
}
th { /*padding:10px 0;*/
}

th { font-size:116%; }

table input[type="checkbox"] {
    margin:0 6px;
    position:static;
}
table .actions {
    margin:0 5px 0;
    padding:0;
}
table .actions li {
    background:none;
    list-style:none;
    display:inline-block;
    margin-right:5px;
    padding:0;
}
.ie7 table .actions li {
    display:block;
    float:left;
}
table .actions li a {
    display:block;
    height:16px;
    width:16px;
    text-indent:-9999em;
}
table .actions li:last-child { margin-right:0; }
table .actions .view { background:url('../img/icons/icon_table_view.png') no-repeat 0 0; }
table .actions .edit { background:url('../img/icons/icon_table_edit.png') no-repeat 0 0; }
table .actions .delete { background:url('../img/icons/icon_table_delete.png') no-repeat 0 0; }

/*  Table Mini Actions  */
.toggle-table-switch {
    display:block;
    height:16px;
    width:16px;
    padding:4px;
    text-indent:-999em;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid;
    margin:0 auto;
}
.table-switch {
    position:absolute;
    margin:2px 0 0;
    padding:2px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid;
    z-index:1;
    margin-left:6px;
}
.ie7 .table-switch { margin-left:-13px; }
.ie8 .table-switch, .ie9 .table-switch { margin-left:9px; }
.table-switch li {
    background:none;
    list-style:none;
    padding:0;
    margin:0;
    text-align:left;
    border-bottom:1px solid;
}
.table-switch li:last-child { border:none; }
.table-switch li a {
    display:block;
    padding:5px 0;
    text-decoration:none;
}
.no-js .table-switch, .no-js .toggle-table-switch { display:none; }





/*  Error Pages  */
.error-page { background-image:none; }
.error-page section[role=main] article.full-block {
    margin:80px auto 0;
    min-width:600px;
    width:600px;
    /*background:none;*/
}
.error-page p {
    margin-bottom:10px;
}
.error-page p.description {
    text-align:center;
    font-size:156%;
    margin-bottom:25px;
    font-weight:bold;
}
.error-page a.button { float:right; }
.error-page strong {
    display:block;
    text-align:center;
    font-size:1000%;
}

#main-nav ul li a.accueil { background:url(../images/house.png) no-repeat 25px 10px;}
#main-nav ul li a.liste {background: url(../images/table.png) no-repeat 25px 10px;}
#main-nav ul li a.forms {background: url(../images/forms.png) no-repeat 25px 10px;}
#main-nav ul li a.dapaq {background: url(../images/transmit.png) no-repeat 25px 10px;}
#main-nav ul li a.action {background: url(../images/cog.png) no-repeat 25px 10px;}

.ui-datepicker-title select {
    padding: 0;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    height: auto;
    font-size: 100%;
}

.ui-effects-transfer { border: 2px dotted gray; } 

.title {
    margin:0 ;
    background-color: #BFBFBF;
    -moz-border-radius:3px;
    border-radius:3px;
    border: 1px solid;
    border-color: #058dc7;
    border-left-width: 10px;
}
.title img { float:left;cursor:crosshair;  }
.title h2 { font-size:125%;font-weight: bold; padding: 5px 25px; color: #0576a6; text-align:left; }
.title h3 { color: white; text-align:left; }
.title h3 span { margin-left: 25px; font-weight: normal;float:left;color:#0576a6;font-weight: bold; }
.title .tag {background-color: #BFBFBF;color:#0576a6;font-weight: bold;}


.title.previ {
    border-color: #E6C26E;
}
.title.previ h2 { 
    color: #BE8007;
}
.title.previ h3 span { 
    color: #BE8007;
}
.title.previ .tag {background-color: #E6C26E;color:#BE8007;font-weight: bold;}


.title.cancel {
    border-color: #AE432E;
}
.title.cancel h2 { 
    color: #AE432E;
}
.title.cancel h3 span { 
    color: #AE432E;
}
.title.cancel .tag {background-color: #F2D4CE;color:#AE432E;font-weight: bold;}


.historynav{float:right; width:60%; overflow: hidden; height:30px; }

.widgetVTM{
    width: 150px !important;
    height:17px !important; 
    text-decoration:none;  
    color: black !important;
    background-color:#e2e2e2 !important;
    font-size:12px;
}
.widgetVTM:hover{color: #AE432E !important}

.widgetVTM span {
    display:block;
    height:15px;
    width:15px;
    float:left;
    margin-right:3px;
    vertical-align:middle;
    border: 1px solid #c5c5c5;
}

.widgetVTM span.de { background: url(../images/chart_organisation.png) no-repeat;}
.widgetVTM span.liste { background: url(../images/map.png) no-repeat;}

.navigationVTM {margin:3px; border-bottom: 0px solid #D7D7D7; margin-bottom: 3px;}

div.navDE{
    border-left: 0px solid;
    border-right: 0px solid;
    border-color: #FFC46A;
}

*[role=synopsis] { 
    border: 1px solid #aaaaaa;
    background: #c5c5c5 url(../images/ui-bg_diagonals-small_80_c5c5c5_40x40.png) 50% 50% repeat;
    color: #222222;
}

input[type=text], input[type=password]{
    padding:3px;
}

#modal {
    background: #FFF;
    margin-left: -240px;

    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 15;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
}

#modal_header {	
    background: #DDD;
    background: -moz-linear-gradient(top, #FBFBFB 0%, #D4D4D4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#D4D4D4));
    background: -webkit-linear-gradient(top, #FBFBFB 0%,#D4D4D4 100%);
    background: -o-linear-gradient(top, #FBFBFB 0%,#D4D4D4 100%);
    background: -ms-linear-gradient(top, #FBFBFB 0%,#D4D4D4 100%);
    background: linear-gradient(top, #FBFBFB 0%,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#D4D4D4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#D4D4D4')";

    padding: 20px 20px 17px;
    border-bottom: 1px solid #999;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#modal_header .byline {
    font-style: italic;
    margin-bottom: 0;
}

#modal_header h3 {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    padding: 0;
    margin: 0;
}

#modal_header h3+.byline { margin-top: .75em; }

#modal_content {
    width: 450px;
    display: table;
    padding: 25px 15px 15px;
    margin: 0;
}

#modal_overlay {
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";  
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

#modal button {
    margin: 0 0 0 4px;
    cursor: pointer;
}

#modal button[disabled] {
    opacity: .4;
    filter: alpha(opacity=40);
}

#modal_close {
    font-size: 11px;
    font-weight: bold;
    color: #777;
    display: inline-block;
    padding: 0 7px;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#modal_close:hover { color: #111; }

#modal_loader {
    text-align: center;
    padding: 20px;
}

#modal_footer {
    text-align: right;
    padding: 15px 0;
    margin: 0 20px;
    border-top: 1px dotted #CCC;
}

#modal #display { padding: 0 10px; }

select.quart{padding:0px; background-color: #D9D9D9; margin-top:10px;}

.spanFullSize{
    display:block;
}

.spanBold{font-weight: bold;}
.spanBig{font-size: 115%;}

.groupBlue{background-color: #9D9DFF !important; }
.groupRed{background-color: #CE8E82 !important;}
.groupWhite{background-color: #FFF !important; }
.groupOrange{background-color: #ef561a !important; }
.groupYellow{background-color: #FFFF99 !important;;}
.groupGreen{background-color: #81A44C !important; }
.groupDefault{background-color: #594F8D !important}
.groupBlueLter{background-color: #81DAF6 !important}

.groupSmall{font-size: 85%;}
.tagSuccess{
    background-image:url('/icones/gpmh/gpmh_check2.png');
    background-repeat: no-repeat;
    width:100px;
    padding-left: 20px;
}
.tag.fullsize {
    width: 90%;
    margin: 5%;
}

.fontnone {
    font-size: 0px;
}

.fluxFerY{
    background-image:url('/icones/ferY.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxFerN{
    background-image:url('/icones/ferN.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxRouY{
    background-image:url('/icones/routeY.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxRouN{
    background-image:url('/icones/routeN.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxNavY{
    background-image:url('/icones/navigationY.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxNavN{
    background-image:url('/icones/navigationN.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxPieY{
    background-image:url('/icones/pietonsY.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.fluxPieN{
    background-image:url('/icones/pietonsN.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;   
    padding-bottom: 22px;    
}

.height50{
    height: 60px;
}

.backRed{
    padding-left: 2px;
    padding-right: 2px;
    background-color: #FF0066;
    color: white;
}

div#histo{
    display:none;
    background-color: white;
    padding:20px;
}

.ormoAlignLeft{text-align: left; width: 100%; display:block;}

span.histoField{
    background-image:url('/icones/gpmh/gpmh_history.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 10px;
    margin-left: 10px;   
    padding-left: 30px;
    padding-bottom: 22px;     
    cursor:pointer;
}

.ui-autocomplete-input {
    background-image:url('/icones/lfb.png');
    background-position: right 50%;
    background-repeat: no-repeat;
    padding-right: 20px !important;
}
.minimize {
    position: absolute;
    /*top: 160px;*/
    top: 132px;
    left: 201px;
    background: url("/img/minimize.png") no-repeat center #D9D9D9;
    border-bottom: 1px solid #BFBFBF;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    cursor: pointer;
    margin-bottom: 10px;
    width: 14px;
}

div.bateauShow table tr td{
    padding:3px;
}

div.bateauShow table tr td:nth-child(even){
    text-align:left;
    background-color: white ;
    font-weight: bold;
}

div.bateauShow table tr td:nth-child(odd){
    text-align:right !important;
}
div.news {
    color: black !important;
}

div#logo.blanc{
    background:url('../img/logo_blanc_175.png') no-repeat;
    height: 75px;
    width:200px;
}

.forms-ormo button {
    margin-left: 10px;
}
.forms-ormo button.first{
    margin: 0;
}
.forms-ormo header h3 {
    font-size:12px;
    clear: none;
    background-color: #D7D7D7;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 3px 3px 3px 3px;
    color: #646464;
    float: right;
    margin: 15px 10px;
    padding: 2px;
}

#languages{
    padding: 0px;
    background-color: #D9D9D9;
    border: 1px solid #BFBFBF;
    margin: 0 5px 5px 5px;
    text-align: center;
}

#languages img{
    margin: 3px;
}



.pagination {
    margin: 18px 0;
}
.pagination ul, .dataTables_info ul   {
    margin-bottom: 0;
    margin-left: 0;
    display:inline;
}
.pagination ul > li, .dataTables_info ul > li, .export ul > li {
    border: 1px solid #D3D3D3;
    padding: 0.4em 1em;
    background-color: #6A6A6A !important;
    color: #FFFFFF;
    float: left;
    margin-right: 3px;
    background-position: 0 center;
    background-repeat: no-repeat;
    list-style: none outside none;

}
.pagination ul > li, .dataTables_info ul > li {
    background-image:none;
}
.pagination ul > li > a, .dataTables_info ul > li > a, .export ul > li > a {
    color: #FFFFFF;
    text-decoration: none;
}
.pagination ul > li.disabled > a, .dataTables_info ul > li.disabled > a {
    font-style: italic;
    color: #BFBFBF !important;
}
.pagination ul > li.active, .dataTables_info ul > li.active {
    background-color: #AE432E !important;
}
.export ul > li {
    background-position: 5px center;
    padding-left: 26px;
    cursor: pointer;
}
.dataTables_info li.fav {
    background-image: url('/icones/star_2.png') !important;
    background-position: 5px center;
    padding-left: 26px;
}
.dataTables_info li.aff {
    background-image: url('/icones/asterisk_orange.png') !important;
    background-position: 5px center;
    padding-left: 26px;
}
.dataTables_info li.rel {
    background-image: url('/icones/arrow_refresh.png') !important;
    background-position: 5px center;
    padding-left: 26px;
}
.dataTables_info li.res {
    cursor:help;
}
#gstFavoris table {
    width: 80%;
}
#gstFavoris .exist, #gstFavoris .add {
    display:block;
    clear:both;
    padding:10px 10px 10px 36px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid;
    color:#646464;
    background-position:10px 12px;
    background-repeat:no-repeat;
    margin:10px 0;
}
#gstFavoris a.add-button {
    width: 100px;
    padding:4px;
}