/**************************************************************************************************
                                            GENERAL
**************************************************************************************************/

body
{
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #333333;
}

a 
{
    color : #333333;
}

a:hover
{
    color : #8b0000/* !important*/;
}


/**************************************************************************************************
                                                TEXTS
**************************************************************************************************/

.small-text, .small-text a
{
    font-size : 11px !important;
}

.highlight-small-text, .highlight-small-text a
{
    font-size : 11px !important;
    color: #8b0000 !important;
}


.text, .text a
{
    font-size: 12px !important;
}

.highlight-text, .highlight-text a
{
    font-size: 12px !important;
    color: #8b0000 !important;
}


.big-text, .big-text a
{
    font-size: 16px !important;
}

.highlight-big-text, .highlight-big-text a
{
    font-size: 16px !important;
    color: #8b0000 !important;
}


.huge-text, .huge-text a
{
    font-size: 16px !important;
}

.highlight-huge-text, .highlight-huge-text a
{
    font-size: 16px !important;
    color: #8b0000 !important;
}


/**************************************************************************************************
                                            SOULIGNEMENTS
**************************************************************************************************/

.underline
{
    border-bottom : 1px solid #8b0000;
}

.underdot
{
    border-bottom : 1px dotted #8b0000;
}


.highlight-underline
{
    border-bottom : 1px solid #8b0000;
}

.highlight-underdot
{
    border-bottom : 1px dotted #8b0000;
}


.overline
{
    border-top : 1px solid #8b0000;
}

.overdot
{
    border-top : 1px dotted #8b0000;
}


/**************************************************************************************************
                                        TEXTS + SOULIGNEMENTS
**************************************************************************************************/

.underline-highlight-text
{
    border-bottom : 1px solid #8b0000;
    color: #8b0000;
}

.underdot-highlight-text
{
    border-bottom : 1px dotted #8b0000;
    color: #8b0000;
}


.highlight-underline-text
{
    border-bottom : 1px solid #8b0000;
    color: #8b0000;
}

.highlight-underdot-text
{
    border-bottom : 1px dotted #8b0000;
    color: #8b0000;
}


/**************************************************************************************************
                                            BLOCKS
**************************************************************************************************/

.round-block
{
    padding : 5px;
    border: 1px solid #8b0000;
    border-radius: 7px;
    background-color : #FBFBFB;  
}

/*Utile pour l'alignement vertical des blocs*/
.round-block-without-padding
{
    border: 1px solid #8b0000;
    border-radius: 7px;
    background-color : #FBFBFB;  
}

.border-solid-block
{
    padding : 5px;
    border: 1px solid #8b0000;
}

.border-dotted-block
{
    padding : 5px;
    border: 1px dotted #8b0000;
}

/**************************************************************************************************
                                              GRILLE
**************************************************************************************************/

.kbgrid
{
    color : #333333;
}

.kbgrid tr
{
    border-bottom : 1px dotted #8b0000;
}

.kbgrid tr:hover, .kbgrid tr:hover a, .kbgrid-line-highlighted, .kbgrid-line-highlighted a
{
    color : #8b0000;
    background-color: #FFFFFF;
}

.kbgrid-header
{
    color : #8b0000;
}

.kbgrid-header th
{
    border-bottom : 1px solid #8b0000;
}

.kbgrid-header-link, .kbgrid-header-link-asc, .kbgrid-header-link-desc
{
    color : #8b0000;
}

.kbgrid tr:hover .kbgrid-labelandlinks-link
{
    color: #333333;
}

.kbgrid tr:hover .kbgrid-labelandlinks-link:hover
{
    color : #8b0000;
}

.kbgrid tfoot a
{
    border : 1px solid #333333;
    color : #333333;
}

.kbgrid tfoot td
{
    color : #8b0000;
}

/**************************************************************************************************
                                        MENU DEROULANT
**************************************************************************************************/

.solidblockmenu
{
    font-size: 12px;
}

.solidblockmenu li a
{
    color: #ffffff;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected
{ 
    color: #000000;
}

.mega
{
    font-size: 11px;
}

.mega .ulmenu a
{
    background: #FFFFFF;
    color: #333333;
    border-bottom: 1px solid #8b0000;
}

.mega .ulmenu a:hover, .mega .ulmenu a.submenuselected
{
    color: #8b0000;
}

.MegaMenuTop 
{
    background: #FFFFFF;
}

.menu-header 
{
    margin-bottom:10px;
    width:100%;
    border-bottom:1px dotted #8b0000;
}

.MegaMenuHeader 
{
    font-size: 11px;
    color: #8b0000;
}

.MegaMenuLink 
{
    color: #333333;
    font-size: 11px;
}

.MegaMenuBottom 
{
    background: #8b0000;
}

.MegaMenuFooterLink 
{
    color: #333333;
    font-size: 12px;
}

/**************************************************************************************************
                                        Pager : pagination
**************************************************************************************************/

.pager-page
{
    border : 1px dotted #8b0000;
}

.pager-page-current a
{
    color: #8b0000;
}

.pager-page-current, .pager-page-first, .pager-page-last
{
    border : 1px solid #8b0000;
}

/**************************************************************************************************
                                          FOOTERS COMMONS
**************************************************************************************************/

.footer
{
    background-color : #8b0000;
}

.footer, .footer a
{
    color : #CCCCCC;
}

.footer a:hover
{
    color: #ffffff;
}

/**************************************************************************************************
                                           CONNEXION THEME
**************************************************************************************************/

.front-identification-body
{
    background : url('');
    background-repeat: no-repeat;
    background-position: top center;
    background-color : #FFFFFF;
}

#front-identification
{
    margin-top : 200px;    
}

.front-identification-unfocus
{
    background-color : #FFFFFF;
    color : #333333;
}

/**************************************************************************************************
                                           FRONT THEME
**************************************************************************************************/

#kbc-front-header
{
    background : url('/Medias/LogoKBI.png');
    background-repeat: no-repeat;
    background-position: Center Top;
    background-color : #8b0000;
    height : 130px;
}

#kbc-front-header-menu
{
    text-align: Left;
    padding-bottom: 0px;
}


.kbc-front-header-options-login a
{
    color: #ffffff;
}

.kbc-front-header-options-login a:hover
{
    color: #000000;
}


.front-body
{
    background : url('');
    background-repeat: no-repeat;
    background-position: Center Top;
    background-color : #E0E0E0;
}

.front-content
{
    background: #FFFFFF;
    border: 1px solid #8b0000;
}

.front-canvas-body
{
    background-color: #FFFFFF;
}

.front-page-title, .front-widget-title, .front-facette-title, .front-widget-title a, .front-labelandactions-title
{
    font-size: 16px;    
    color: #8b0000;
}

.front-widget-title, .front-facette-title
{
    border-bottom : 1px solid #8b0000;
}

.front-widget-customfield-label
{
    font-weight: Normal;
    color: #333333;
}

.front-basket-tr-out, .front-basket-tr-out a 
{
	color : #333333;
}

.front-basket-tr-in, .front-basket-tr-in a:link, .front-basket-tr-in a:visited, .front-basket-tr-in a:hover
{
	color : #8b0000;
    background-color: #FFFFFF;
}

.front-basket-td-post
{
    border-bottom:1px dotted #8b0000;
}

.front-basket-td-post:hover
{
    border-bottom : 1px dotted #8b0000;
}

.front-media-gallery img
{
    border: 1px solid #8b0000;
}

.front-search-keyword
{
    color: #000000;
    background-color: #8b0000;
}

.front-border-color
{
    border-color: #8b0000;
}

.archive-preview img
{
    max-height : 250px;
}

.post-header-image img
{
    max-height: 250px;
}

.archive
{
    padding-bottom : 20px;
    margin-bottom : 20px;
}

.archive-small
{
    padding-bottom : 5px;
    margin-bottom : 5px;
}

.front-archive-title-notread, .front-archive-title-notread:hover
{
    color: #333333 !important;
}

.front-archive-title-read
{
    color: #333333 !important;
}

.front-archive-title-read:hover
{
    color: #333333 !important;
}

.front-archive-source-date, .front-archive-source-date a
{
    font-weight: Normal;
    color: #333333 !important;
}

.front-archive-tags, .front-archive-tags a, .front-archive-tags a:hover
{
    font-weight: Normal;
    font-style: Normal;
    color: #333333 !important;
}

.front-post-source-date, .front-post-source-date a
{
    font-weight: Normal;
    color: #333333;
}

.front-post-tags, .front-post-tags a, .front-post-tags a:hover
{
    font-weight: Normal;
    font-style: Italic;
    color: #333333;
}

#front-action-bar
{
    background-color : #FBFBFB; 
    border : 1px solid #cfcfcf;
}

.front-action-bar-item, .front-action-bar-item-icon
{
    text-decoration: none;
    color: #333333;
}

.front-action-bar-item:hover, .front-action-bar-item-icon:hover
{
    text-decoration: underline;
    color:#ffffff;
}

/**************************************************************************************************
                                           BACK THEME
**************************************************************************************************/

#kbc-back-header
{
    background : url('/Content/images/kbcrawl-header.png');
    background-repeat: no-repeat;
    background-position: Left Center;
    background-color : #000000;
    height : 80px;
}

#kbc-back-header-return a
{
    color: #CCCCCC;
}

.back-body 
{
    background-color: #FFFFFF;
}

.back-content-title
{
    color : #8b0000;
    font-size : 14px;
}

.back-content-title div
{
    border-bottom: 1px solid #8b0000;
}

.back-content-subtitle
{
    border-bottom : 1px solid #8b0000;
    color : #8b0000;
}

.back-grid
{
    padding : 5px;    
    border: 1px solid #8b0000;
    border-radius: 7px;
    background-color : #FBFBFB;  
}

.back-grid-search
{
    border: 1px solid #8b0000;
    border-radius: 7px;
    background : url('/Content/icons/32/search.png') no-repeat #FBFBFB;
}

.back-grid-actions
{
    border: 1px solid #8b0000;
    border-radius: 7px;
    background : url('/Content/icons/32/actions.png') no-repeat #FBFBFB;
}

.back-grid-actions-group
{
    float: Left;
}

.back-grid-actions-buttons
{
    float: Right;
}

.back-sidebar li div
{
    font-size : 13px;
}

.back-sidebar li ul li a:hover
{
    background-color : #FFFFFF;
}

.back-widget-placeholder
{
    background-color: #FFFFFF;
    border : 1px dotted #8b0000;
}

.back-widget-vertical-separator
{
    border-right : 1px solid #8b0000;
}

.back-popmail-infos
{
    background-color : #E0E0E0;
}

.back-popmail-frame
{
    border: 2px solid #E0E0E0;
}

.back-popmail-warning
{
    border: 1px solid #8b0000;
    border-radius: 7px;
    background : url('/Content/icons/32/warning.png') no-repeat #FBFBFB;
}

.back-widget-label
{
    border-bottom: 1px solid #8b0000;
}

/*.back-postlink li
{
    background-color : #FBFBFB;
    border : 1px solid #8b0000;
}*/