BODY, TD, INPUT, SELECT, TEXTAREA, SPAN { font-size: 12px; }
.TableauMessages *, .TableauHotLine *, #TableConfiguration * { font-size: 11px; }

/* V6R3 - Contenu des Datagrid */
table.GVBasicList td span, table.GVBasicList td a, table.GVBasicList td input { font-size: 11px !important; }


/* ------------------------------------------------ */
/* Pour utiliser une navbar bootstrap multi-niveaux */
/* ------------------------------------------------ */
.dropdown-submenu
{
    position: relative;
}

.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px; /**/
}

.dropdown-submenu:hover > .dropdown-menu
{
    display: block;
}

.dropdown-submenu > a:after
{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after
{
    border-left-color: #666666;
}

.dropdown-submenu.pull-left
{
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu
{
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px; /*behavior: url(../Scripts/ie-compatibility/PIE.htc);*/
}
/* ------------------------------------------------ */

/* Dégradé dans le fond du header */
form.x-border-layout-ct /* body:not(.Login) > form:first-of-type */
{
    /* simple dégradé de fond léger, en haut */
    background: -webkit-linear-gradient(top, #F1F4FB 0%, #FFFFFF 20px) !important;
    background: -o-linear-gradient(top, #F1F4FB 0%, #FFFFFF 20px) !important;
    background: linear-gradient(to bottom, #F1F4FB 0%, #FFFFFF 20px) !important;

    /* image de fond légère */
    background: url(../images/bg_screens/bg1_milky.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 'center top' !important;
    background-size: 100% !important;
}
div#PanelCenter > div > div,
div#PanelWest > div > div,
.x-fieldset-header,
div.dds_header_and_navbar,
div#PanelNorth .mytoolbar,
div#PanelNorth .x-panel-body
{
    background: transparent !important;
}



/*
BODY {font-size: medium; }
TD {font-size: medium; }
INPUT,SELECT,TEXTAREA,SPAN {font-size: medium; }
*/

/* V6R3 - PAGE DE CONNEXION */
body.Login
{
    /*background-image: url(../images/connexion_background3.jpg);*/
    background-color: #E0E0F0;
    background-image: -webkit-linear-gradient(top, #F2F2F9 0%, #e0e0f0 100%);
    background-image: -o-linear-gradient(top, #F2F2F9 0%, #e0e0f0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F9), to(#e0e0f0));
    background-image: linear-gradient(to bottom, #F2F2F9 0%, #e0e0f0 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F9', endColorstr='#E0E0F0', GradientType=0);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
    /*background-position: center -100px;*/
}
body.Login.ie8
{
    background: #E8E8F4;
}
body.Login .PortalTitle
{
    border-radius: 5px 5px 0 0 !important;
}
body.Login #CadreConnexion select
{
    margin-left: 0 !important;
}

/* fin V6R3 */


body.Login tr.Logo img 
{
    opacity: 0.9;
}
body.Login tr.Logo img:hover
{
    opacity: 1;
    cursor: pointer;
}
body.Login #CadreConnexion_container
{
    width: 380px;
    border-radius: 5px !important;

    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #CCC; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #CCC; /* chrome + safari */
    box-shadow: 2px 4px 6px #CCC; /* opéra */

    /* légère transparence du fond (ne fonctionne pas sur IE8) */
    background: rgba(255,255,255,0.4);

    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}
body.Login.ie8 #CadreConnexion_container
{
    background-color: #F1F1F8;
}

body.Login #CadreConnexion
{
    width: 100%;
    border-width: 0 !important;
    background: transparent;
}
body.Login #CadreConnexion_inner
{
    border-style: solid;
    border-width: 0 1px 1px 1px !important;
    border-color: #98A2BC !important;
}
body.Login table#CadreConnexion td
{
    padding: 4px;
}

div.login_panel 
{
  padding: 0 20px;
}

body.Login input.form-control, body.Login .bootstrap-select
{
    width: 220px !important;
}

/* partie "Logo haut" de la page de connexion */
body.Login td.Login_header_logo 
{
     padding: 80px 0 30px 0;
}
/* en mode "petite hauteur de fenêtre", il faut reserrer la partie haute */
@media (max-height: 620px)
{
    body.Login td.Login_header_logo 
    {
         padding-top: 30px;
    }
}
@media (max-height: 520px)
{
    body.Login td.Login_header_logo 
    {
         padding-top: 0;
    }
}


/* V6R3 - Au cas où (sur IE8 notamment) les select ne soient pas bootstrapisés */
body.ie select {
    background: #FFF !important;
    border: 1px solid #93B5CE !important;
    height: 24px;
}

.lbl_Info 
{
    white-space: normal !important;
    font-size: 13px !important;
}

#TbUserInfo
{
    border: 0 !important;
    position: relative;
    top: +5px;
}
/* boutons d'action permanents (en haut à droite, au-dessus de la navbar) */
#TbUserInfo td.x-toolbar-left
{
    width: auto;
}
#TbUserInfo td.x-toolbar-left button
{
    color: #555;
    font-size: 12px;
    /*
    padding-left: 4px;
    background-image: none !important;
    */
}
    
.ConnectionError 
{
    border: 1px solid #F79B56 !important;
    background: #FFCEB3;
    padding: 10px;
    color: #D10505 !important;
    font-weight: bold;
}
.btnLogin
{
    display: inline-block;
    background: #15467E;
    padding: 5px 18px;
    text-decoration: none !important;
    border-radius: 2px;
    margin-bottom: 10px;
}
.btnLogin span
{
    color: white !important;
    font-size: 14px;
    font-weight: bold;
}
.btnLogin:hover
{
    background: #004DAA;
    color: white;
    text-decoration: none;
}


/* Sous-titre d'une page */
.PageInformation
{
    margin-top: 0px !important;
    margin-left: 11px !important;
    float: left;
    width: 750px;
}

/* Titre / sous-titre d'une lightbox */
.Popup_Intro
{
    text-align: left;
    padding-top: 10px;
}

/* Marge gauche uniforme pour tous les éléments d'une page */
ol.breadcrumb,
.PageInformation,
.PageInformation ~ table.DefaultTable,
.DefaultSummary ~ table.DefaultTable,
.DefaultSummary ~ .main_scrollable_zone > table,/* .DefaultTable */
.with-margin-left,
#header > table.DefaultTable:first-of-type
{
    margin-left: 15px !important;
}
/* pour préserver un alignement parfait entre le .PageInformation et les titres des blocs formulaires de gauche  */
.DefaultSummary ~ table.DefaultTable td.td_tab_title,
.DefaultSummary ~ .main_scrollable_zone > table td.td_tab_title 
{
    padding-left: 0 !important;
}

/* le div#ddstop étant lui-même décalé de 4px... (15px - 4px = 11px) */
div#ddstop .PageInformation
{
    margin-left: 11px !important;
}

/* les bandeaux contenus dans une zone décalée sur la droite doivent être décalés sur la gauche,
   afin qu'ils "collent" au bord gauche de la page */
.PageInformation ~ table.DefaultTable table.DefaultSummary
{
    margin-left: -15px;
}

/* Idem, au-dessus d'un formulaire Ext.net */
.PageInformationExt 
{
    margin-left: 16px !important;
}

table#TabNavigation2 
{
    float: right !important;
}




/* HOMEPAGE */


/* V6R3 - Footer moderne */
#home_footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px !important;
    background: #D8D8DA;
    background: rgba(50,50,50,0.8);
}
#home_footer > table 
{
    width: 100%;
}
#home_footer td#footer_messages, #home_footer td#footer_hotline, #home_footer td#browser_messages
{
    padding: 0 30px 0 10px !important;
    vertical-align: top;
    width: 50%;
}
#home_footer td#footer_hotline
{
    padding-left: 30px !important;
    border-left: 1px dotted #777;
}
#home_footer td
{
    padding-top: 3px;
}
#home_footer td div
{
    margin: 0 !important;
    width: auto !important;
}
#home_footer td, #home_footer a, #home_footer td span
{
    font-size: 12px !important;
    color: #DDD !important;
}
#home_footer td.ListTitle
{
    padding-top: 10px;
    padding-bottom: 5px;
    color: #AAA !important;
}
#home_footer .ListTitle
{
    border-bottom: 1px dotted #777;
}

#divMessages, #divHotLine, #TableConfiguration
{
    border: 0 !important;
    width: 540px;
}
.TableauMessages, .TableauHotLine, #TableConfiguration
{
    background-color: transparent;
    padding: 20px;
}
#TableConfiguration 
{
    margin-top: 20px;
}
.TableauMessages td
{
    text-align: left;
}
.TableauMessages td, .TableauHotLine td/*, #TableConfiguration td*/
{
    text-align: left;
}
#divMessages
{
    max-height: 180px;
}

#Jobs
{
    float: none;
}

/* lignes alertes en homepage */
.GVBasicListAlternatingRowStyle { background-color: #F5F5F6; }


/* Liens de type "My Jobs" en page d'accueil*/
.MyJobLinks td
{
    padding: 0 2px !important;
}
td.JobItemBeginning
{
    width: 60px !important;
    text-align: right;
}
td.JobItemBeginning
{
    /*list-style-type: square;*/
}
.AlertAction
{
    margin-bottom: 6px;
    cursor: pointer;
}
.alerts .AlertAction
{
    position: relative;
    top: -2px;
}
.alerts .AlertButtons input[type="image"]
{
    display: block;
    margin-right: 10px;
}
.alerts .AlertZone 
{
    margin-top: 15px;
    border: 1px solid #E5E5E5;
    background: #F4F4F4;
    padding: 3px;
}
.AlertAction span
{
    text-decoration: underline;
    font-size: 12px !important;
}
.AlertAction:hover span
{
    color: #E55536;
    text-decoration: none;
}
div.AlertContent td.JobItemBeginning
{
    width: 10px;
    padding-right: 4px;
}
.AlertContent
{
    margin: 4px 0 10px 0;
}

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

/* reprise de la petite flèche Bootstrap accompagnant un lien de type "More criteria"  */
.area_witness
{
    padding-left: 15px;
    padding-top: 1px;
    background-image: url(../images/ext-net_new.png) !important;
    background-position: 0 -60px !important; 
}

.area_expanded
{
    background-position: 0 -75px !important; 
}

.area_expand_link
{
    color: #15428b !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.area_expand_link:hover
{
    text-decoration: underline !important;
}

td.tdBtnTabImgBtn, td.left_separ
{
  padding-left: 14px;
}

td.right_separ
{
  padding-right: 18px;
  border-right: 1px solid #CCC;
}


/***************************************************/
/* Compatibilité bootstrap des formulaires Ext.net */
/***************************************************/


/* pour que les formulaires Ext.net se comportent normalement */
div.x-panel, div.x-panel *,
div.x-window, div.x-window *,
div.x-layer, div.x-layer * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* cas particulier pour le panneau "central", qui ne contient pas forcément des composants Ext.net */
div.x-panel#PanelCenter, div.x-panel#PanelCenter * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ...mais qui peut lui-même en contenir ! (des composants Ext.net) */

div.x-panel#PanelCenter div.x-panel, div.x-panel#PanelCenter div.x-panel *,
div.x-panel#PanelCenter div.x-window, div.x-panel#PanelCenter div.x-window *,
div.x-panel#PanelCenter div.x-layer, div.x-panel#PanelCenter div.x-layer *,
div#PanelWest-xcollapsed, div#PanelWest-xcollapsed *
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

div#PanelSouth-xcollapsed, div#PanelSouth-xcollapsed *
{
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.above_more_criteria {
    padding-top: 20px !important;
}

/* Champs de formulaire ext.net */
.x-form-text
{
    margin-top: 0 !important;
    border-radius: 4px;
    border: 1px solid #93B5CE;
    padding: 4px 4px;
}

.x-form-item, label.x-form-item-label,
span.x-fieldset-header-text,
span.x-panel-header-text
{
    font-size: 12px !important;
}

.ext-strict .x-form-text {
    height: 14px;
}

.x-form-text:disabled, textarea.x-form-field:disabled {
    border-color: #DDD !important;
    color: #777;
}

/* conteneurs généraux */

div.x-panel-body > div > table
{
    margin: 10px 4px;
}

#UserLanguageSelector  
{
    margin: 0 4px !important;
}

.x-form-group-body > div
{
    margin: 10px 10px;
}

div.x-panel-body input[type="radio"].x-form-radio, div.x-panel-body input[type="checkbox"].x-form-checkbox,
input[type="checkbox"]
{
    margin-top: 0;
}

div.x-panel-body label
{
    margin-bottom: auto;
}

div.x-panel-body .x-panel-tbar > div
{
    padding: 0;
}
div.x-panel-body > div > table > tbody > tr > td, td.tdBtnTabImgBtn
{
  padding: 2px 0 2px 8px;
}


.x-form-check-wrap input {
  vertical-align: middle;
}

.ext-webkit .x-small-editor .x-form-field-trigger-wrap .x-form-trigger {
  height: 19px !important;
}

.x-form-field-trigger-wrap .x-form-trigger {
  margin-top: 3px !important;
}

div.x-panel [class*="icon-"]
{
  font-family: inherit;
}
div.x-panel [class*="icon-"]:before
{
  content: none !important;
}

/* V6R3 - mise en commentaire : */
/*div.x-panel .x-toolbar-left { width: auto !important; }*/

div.x-panel .x-toolbar-right { text-align: right !important; padding-right: 18px; }
div.x-panel td.x-toolbar-right table { width: 100% !important; }
div.x-panel td.x-toolbar-right table td { text-align: right !important; }
div.x-panel td.x-toolbar-right table td .xtb-text { padding-right: 10px !important; }

/* fond de la barre de boutons d'action dans les popup Ext.net */
div.x-window table.x-toolbar-ct,
div.x-menu-floating table.x-toolbar-ct
{
 background: white;
 padding-left: 1px;
}
div.x-window .x-toolbar,
div.x-menu-floating .x-toolbar
{
 padding-bottom: 0;
 background-color: white !important;
}


.ddsSearchGridToolBar .x-toolbar-ct 
{
    border-bottom : 0;
}

/* boutons d'action Ext.net plus espacés */
tr.x-toolbar-right-row td.x-toolbar-cell
{
    padding-left: 0px;
}

/* Custo icônes incrustées dans les boutons Ext.net */
tr.x-toolbar-right-row table.x-btn-over [class^='x-btn-'],
#PanelCenter tr.x-toolbar-right-row table.x-btn-over [class^='x-btn-'],
#TbUserInfo td.x-toolbar-left [class^='x-btn-']:not(.x-btn-split)
{
    background: transparent !important;
}

/* exception pour les boutons Ext.net munis d'une dropdown list */
#TbUserInfo td.x-toolbar-left .x-btn-mc em.x-btn-split
{
    background-image: url(../images/ext_arrow-noline.gif) !important;
    cursor: pointer;
}
.x-menu-floating
{
    border-color: #BCC4D3;
}

/* intérieur d'une dropdown list Ext.net */
.x-cycle-menu
{
    background: #FAFAFA !important;
}
.x-cycle-menu li.x-menu-list-item
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.x-cycle-menu .x-menu-item-active
{
    background-image: none !important;
    background: #F2F2F5;
    border-color: transparent !important;
    margin: 0 !important;
}
.x-cycle-menu .x-menu-item-active a.x-menu-item
{
    border-width: 0 !important;
    margin: 0 !important;
}
.x-cycle-menu .x-menu-item-checked
{
    border: 1px transparent !important;
    background: #E0E4E8 !important;
}

/* certains boutons ext.net doivent contenir un libellé permanent */
#TbUserInfo td.x-toolbar-left table.x-btn-over button
{
    color: #000 !important;
}

tr.x-toolbar-right-row button[class*="icon-"]
{
    padding-left: 36px !important;
    height: 36px !important;
    font-size: 11px;
}

tr.x-toolbar-right-row button.icon-zoom
{
    background-image: url(../images/tiny-blue-icons/search.png) !important;
    background-image: url(../images/blue-icons/display.png) !important;
    height: 36px !important;

    /* grand format */
    background-image: url(../images/big-icons/search.png) !important;
    padding-left: 55px !important;
    height: 55px !important;
}

/*-------------------------------------------------*/
/*          BOUTONS DANS LES POPUP EXT.NET         */
/*-------------------------------------------------*/
.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button
{
    height: 26px !important;
    padding-left: 28px !important;
}
/*-------------------------------------------------*/

.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button.icon-accept
{
    background-image: url(../images/small-blue-icons/check2.png) !important;
}
.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon table.x-btn-over button.icon-accept
{
    background-image: url(../images/small-blue-icons/check2-on.png) !important;
}
/*-------------------------------------------------*/

.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon button.icon-cancel
{
    background-image: url(../images/small-blue-icons/cancel.png) !important;
}
.x-window-body tr.x-toolbar-left-row table.x-btn-text-icon table.x-btn-over button.icon-cancel
{
    background-image: url(../images/small-blue-icons/cancel-on.png) !important;
}
/*-------------------------------------------------*/



/*-------------------------------------------------*/
/*        AUTRES  BOUTONS D'ACTION EXT.NET         */
/*-------------------------------------------------*/
tr.x-toolbar-right-row button.icon-help
{
    background-image: url(../images/small-gray-icons/info.png) !important;
    padding-left: 26px !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-help
{
    background-image: url(../images/small-gray-icons/info-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row table.x-btn-over button.icon-zoom
{
    background-image: url(../images/big-icons/search-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-disk
{
    background-image: url(../images/blue-gray-icons/save.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-disk
{
    background-image: url(../images/blue-gray-icons/save.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-disk
{
    background-image: url(../images/blue-gray-icons/save-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-disk
{
    background-image: url(../images/blue-gray-icons/save-on.png) !important;
}

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

tr.x-toolbar-right-row button.icon-cog
{
    background-image: url(../images/blue-icons/generate.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-cog
{
    background-image: url(../images/blue-gray-icons/generate.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-cog
{
    background-image: url(../images/blue-icons/generate-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-cog
{
    background-image: url(../images/blue-gray-icons/generate-on.png) !important;
}

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

tr.x-toolbar-right-row button.icon-arrowswitch
{
    background-image: url(../images/blue-icons/split.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-arrowswitch
{
    background-image: url(../images/blue-gray-icons/split.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-arrowswitch
{
    background-image: url(../images/blue-icons/split-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-arrowswitch
{
    background-image: url(../images/blue-gray-icons/split-on.png) !important;
}

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

tr.x-toolbar-right-row button.icon-decline
{
    background-image: url(../images/blue-icons/erase.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-decline
{
    background-image: url(../images/blue-gray-icons/erase.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-decline
{
    background-image: url(../images/blue-icons/erase-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-decline
{
    background-image: url(../images/blue-gray-icons/erase-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-printer
{
    background-image: url(../images/blue-icons/printer.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-printer
{
    background-image: url(../images/blue-gray-icons/printer.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-printer
{
    background-image: url(../images/blue-icons/printer-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-printer
{
    background-image: url(../images/blue-gray-icons/printer-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pageexcel
{
    background-image: url(../images/blue-icons/export-excel.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-pageexcel
{
    background-image: url(../images/blue-gray-icons/export-excel.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pageexcel
{
    background-image: url(../images/blue-icons/export-excel-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageexcel
{
    background-image: url(../images/blue-gray-icons/export-excel-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pageattach
{
    background-image: url(../images/blue-icons/download.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-pageattach
{
    background-image: url(../images/blue-gray-icons/download.png) !important;
}

tr.x-toolbar-right-row table.x-btn-over button.icon-pageattach
{
    background-image: url(../images/blue-icons/download-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageattach
{
    background-image: url(../images/blue-gray-icons/download-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-user
{
    background-image: url(../images/blue-icons/user.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-user
{
    background-image: url(../images/blue-gray-icons/user.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-user
{
    background-image: url(../images/blue-icons/user-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-user
{
    background-image: url(../images/blue-gray-icons/user-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-bullettick
{
    background-image: url(../images/blue-icons/check2.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-bullettick
{
    background-image: url(../images/blue-gray-icons/check2.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-bullettick
{
    background-image: url(../images/blue-icons/check2-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-bullettick
{
    background-image: url(../images/blue-gray-icons/check2-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-lorry
{
    background-image: url(../images/blue-icons/truck.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-lorry
{
    background-image: url(../images/blue-gray-icons/truck.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-lorry
{
    background-image: url(../images/blue-icons/truck-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-lorry
{
    background-image: url(../images/blue-gray-icons/truck-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-lorryadd
{
    background-image: url(../images/blue-icons/truck-add.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-lorryadd
{
    background-image: url(../images/blue-gray-icons/truck-add.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-lorryadd
{
    background-image: url(../images/blue-icons/truck-add-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-lorryadd
{
    background-image: url(../images/blue-gray-icons/truck-add-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-brickadd
{
    background-image: url(../images/blue-icons/box-new.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-brickadd
{
    background-image: url(../images/blue-gray-icons/box-new.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-brickadd
{
    background-image: url(../images/blue-icons/box-new-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-brickadd
{
    background-image: url(../images/blue-gray-icons/box-new-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-packageadd
{
    background-image: url(../images/blue-icons/box2-new.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-packageadd
{
    background-image: url(../images/blue-gray-icons/box2-new.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-packageadd
{
    background-image: url(../images/blue-icons/box2-new-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-packageadd
{
    background-image: url(../images/blue-gray-icons/box2-new-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-add,
tr.x-toolbar-right-row button.icon-pageadd
{
    background-image: url(../images/blue-icons/add.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-add,
#PanelCenter tr.x-toolbar-right-row button.icon-pageadd
{
    background-image: url(../images/blue-gray-icons/add.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-add,
tr.x-toolbar-right-row table.x-btn-over button.icon-pageadd
{
    background-image: url(../images/blue-icons/add-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-add,
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pageadd
{
    background-image: url(../images/blue-gray-icons/add-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pagegear
{
    background-image: url(../images/blue-icons/batches.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-pagegear
{
    background-image: url(../images/blue-gray-icons/batches.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-pagegear
{
    background-image: url(../images/blue-icons/batches-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pagegear
{
    background-image: url(../images/blue-gray-icons/batches-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-doorout
{
    background-image: url(../images/blue-icons/close.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-doorout
{
    background-image: url(../images/blue-gray-icons/close.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-doorout
{
    background-image: url(../images/blue-icons/close-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-doorout
{
    background-image: url(../images/blue-gray-icons/close-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-delete
{
    background-image: url(../images/blue-icons/delete.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-delete
{
    background-image: url(../images/blue-gray-icons/delete.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-delete
{
    background-image: url(../images/blue-icons/delete-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-delete
{
    background-image: url(../images/blue-gray-icons/delete-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-pagewhitecopy
{
    background-image: url(../images/blue-icons/copy.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-pagewhitecopy
{
    background-image: url(../images/blue-gray-icons/copy.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-pagewhitecopy
{
    background-image: url(../images/blue-icons/copy-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-pagewhitecopy
{
    background-image: url(../images/blue-gray-icons/copy-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-reload
{
    background-image: url(../images/blue-icons/refresh.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-reload
{
    background-image: url(../images/blue-gray-icons/refresh.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-reload
{
    background-image: url(../images/blue-icons/refresh-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-reload
{
    background-image: url(../images/blue-gray-icons/refresh-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-cancel
{
    background-image: url(../images/blue-gray-icons/cancel.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-cancel
{
    background-image: url(../images/blue-gray-icons/cancel.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-cancel
{
    background-image: url(../images/blue-gray-icons/cancel-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-cancel
{
    background-image: url(../images/blue-gray-icons/cancel-on.png) !important;
}
/*-------------------------------------------------*/

tr.x-toolbar-right-row button.icon-accept
{
    background-image: url(../images/blue-gray-icons/enable.png) !important;
}
#PanelCenter tr.x-toolbar-right-row button.icon-accept
{
    background-image: url(../images/blue-gray-icons/enable.png) !important;
}
tr.x-toolbar-right-row table.x-btn-over button.icon-accept
{
    background-image: url(../images/blue-icons/enable-on.png) !important;
}
#PanelCenter tr.x-toolbar-right-row table.x-btn-over button.icon-accept
{
    background-image: url(../images/blue-gray-icons/enable-on.png) !important;
}
/*-------------------------------------------------*/
/* Icone Ouverture Entité sur les grilles Ext.Net */        
.cell-imagecommand.icon-folderedit          
{
    background-image: url(../images/tiny-blue-icons/pencil.png) !important;
}
/*-------------------------------------------------*/



/* libellés des fieldsets */
legend 
{
    background: #FFF;
    width: auto;
    padding: 0 4px;
    border-bottom: 0;
    margin-bottom:5px !important;
}
/* bordures fieldsets */
.x-fieldset
 {
     border: 0;
     border-top: 1px dotted #BBD;
     border-top: 0;
     padding-bottom:5px !important;
     margin-bottom:0px !important;
}

/* mini-icônes (flèches, fermeture, etc) */
.x-tool {
    background-image: url(../images/ext-net_new.png) !important;
}

.x-form-file-wrap
{
    height: 24px !important;
}


/*****************************************/
/* Customisation des formulaires Ext.net */
/*****************************************/

/* barres de titre Ext.net */
.x-panel-header
{
    background: #F1F1F7 !important;
    color: #445;
    font-weight: normal;
}
/* toutes les bordures initialement bleu pâles dans Ext.net */
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar,
.x-form-check-group-label,
.x-grid-panel .x-panel-mc .x-panel-body,
.x-grid-group-hd,
.x-panel,
.x-panel-header,
.x-panel-body,
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar,
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar,
.x-panel-body-noheader, .x-panel-mc .x-panel-body,
.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br,
.x-panel-ghost ul,
.x-panel-dd-spacer,
.x-window-proxy,
.x-window-mc,
.x-window-bbar .x-toolbar,
.x-panel-ghost .x-window-tl,
.x-html-editor-tb .x-btn-text,
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar,
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar,
.x-tab-panel-bbar-noborder .x-toolbar,
.x-tab-panel-tbar-noborder .x-toolbar,
.x-panel-noborder .x-panel-header-noborder
 {
    border-color: #DDDEDE;
}
.x-panel-noborder .x-panel-header-noborder
 {
    border-color: #D4D6D6;
}
.x-form-group .x-form-group-header {
    border-color: #D9D9D9;
}
/* gros séparateur vertical central */
div.x-border-layout-ct {
    background-color: #E4E6E6;
}

/* entêtes de colonnes dans les grilles Ext.net */
#PanelWest div.x-grid3-header-inner
{
    background-color: #43627C !important;
}
div.x-grid3-header 
{
    background: transparent !important;
}
div.x-grid3-header .x-grid3-td-checker, div.x-grid3-header div[class^="x-grid3-hd-"]:not(.x-grid3-hd-checker)
{
    padding-top: 7px !important;
    height: 18px !important;
    background-image: none !important;
    background-color: #43627C !important;
    color: white;
}

div.x-grid3-header .x-grid3-hd-row td
{
    border-right-color: #6A869D !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

div.x-grid3-cell-inner
{
    padding: 6px 4px;
    font-size: 11px;
}

div.x-grid3-cell-inner span
{
    font-size: 11px;
}

/* au passage de la souris sur une entête de colonne */
div.x-grid3-header .x-grid3-hd-btn 
{
    background-color: #43627C !important;
    background-image: url(../images/ext-net_col-header-hover.png) !important;
}
                   
/* V6R3 */
form.x-border-layout-ct 
{
    background-color: #FFFFFF;
}


div.x-panel-body input[type="radio"],
div.x-panel-body input[type="checkbox"] {
  margin-top: 0;
}

.x-toolbar .xtb-sep {
    background-image: none;
    border-left: 1px solid #CCC;
}


/* interligne dans les formulaires ext.net */
.x-form-item 
{
    margin-bottom: 6px;
}

/* champs de saisie de type texte classiques */
.x-form-text
{
    background-color: #FFF !important;
}

#PanelLanguage .x-form-text, #PanelLanguage .x-form-focus, .x-combo-list {
    border-color: #C4C4C4 !important;
}

/* Cellule modifiable dans les grilles Ext.Net */
.updField
{
    background-image: url("../images/dirty1.gif") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}
.x-grid3-dirty-cell
{
    background-image: url("../images/dirty.gif") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* sidebar */
.x-layout-collapsed {
    background-color: #d2e0f2;
    background-color: #DFE2E6;
    border-color: #98c0f4;
    border-color: #CACFD2;
}
/* barre de titre munie de boutons */
.x-toolbar
{
    background: #DDDEDE;
    border-top: 0 solid #CFCFCF !important;
    border-bottom: 0 solid #CCC !important;
}

/* message "Veuillez patienter..." */
.ext-el-mask-msg {
    border-color: #CCC;
    background-color: #FFF;
    background-image: none;
    padding: 20px;
}
.ext-el-mask-msg div {
    background-color: inherit;
    border: 0;
    color: #222;
    font: 12px Arial;
}


/* lightboxs flottantes */
.x-resizable-pinned .x-window-body
{
    background-color: #E5E8F2;
    background-color: white;
}
.x-resizable-pinned .x-panel-body
{
    border: none !important;
}

/* champs de saisie Ext.net */
div.x-panel-body textarea 
{
 color: #131E77 !important;
}
div.x-panel-body input[readonly],
div.x-panel-body input[disabled],
div.x-panel-body textarea[readonly],
div.x-panel-body textarea[disabled] {
  background-color: #FFFFFF;
  color: #666 !important;
}

/* surbrillance sur champs en cours de saisie */
div.x-trigger-wrap-focus
{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

/* comme on a passé la navbar Bootstrap en "fixed"... */
.navbar 
{
    margin-top: 45px !important;
}

.ext-strict .x-form-text { line-height: auto !important;  height: auto !important; }
.x-box-inner { height: 24px !important; } 
.x-form-item label.x-form-item-label { padding-top: 5px !important; }

/* V6R3 - pour que les éléments des formulaires ext.net (voire même la navbar) ne soient pas cachés */
#PanelNorth div[class^="x-panel-"]
{
  /* 29/01/2015 - finalement, on rétablit le Layout="FitLayout" */
  overflow: visible;
}


/* drapeaux davantage dans le ton du logo DDS */
table#UserLanguageSelector td.x-btn-mc button[class*="icon-flag"]
{
    background-position: 0px 2px;
}
table#UserLanguageSelector button.icon-flagfr
{
    background-image: url(../images/ext_flag_fr.png) !important;
}
table#UserLanguageSelector button.icon-flaggb
{
    background-image: url(../images/ext_flag_gb.png) !important;
}
 

/* ONGLETS */
ul.x-tab-strip-top
{
    background-color: #E1E1E1;
    background-image: none;
    border-bottom-color: #B7B7B7;
    list-style: none !important;
}
.x-tab-panel-header, .x-tab-panel-footer {
    background-color: #F5F5F5;
    border-color: #E3E3E3;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner
{
    background-image: url(../images/ext_tab_border.gif);
}

/* MESSAGES D'ERREUR */
body.x-body-masked .x-window-plain .x-window-mc
{
    background-color: #D5D9DD;

}
.x-html-editor-wrap
{
    border-color: #caced2;
}
.x-window-tl .x-window-header
{
    color: #444;
}
.x-window-tc
{
    background-image: url(../images/ext_msg_tc.png);
}
.x-window-tl
{
    background-image: url(../images/ext_msg_tl.png);
}
.x-window-tr
{
    background-image: url(../images/ext_msg_tr.png);
}

.x-window-bc
{
    background-image: url(../images/ext_x-window-bc.png);
}
.x-window-bl {
    background-image: url(../images/ext_x-window-bl.png);
}
.x-window-br {
    background-image: url(../images/ext_x-window-br.png);
}

.x-window-mc
{
    border-color: #A0A6AF;
    background-color: #D5D9DD;
}
.x-window-ml
{
    background-image: url(../images/ext_x-window-ml.png);
}
.x-window-mr
{
    background-image: url(../images/ext_x-window-mr.png);
}


/* BOUTON DE VALIDATION */
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc
{
    background-image: url(../images/ext_x-btn.gif) !important;
}

/* ENTÊTES DE COLONNES */
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open
{
    border-left-color: #E0E8ED;
    border-right-color: #C4C4DD;
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner
{
    background-color: #F7F7F7;
    background-image: url(../images/ext_x-grid3-hd.gif);
}

/* TOUS LES PETITS BOUTONS (FORMAT "SPRITES") */
.x-tool
{
    background-image: url(../images/ext_x-tool-new.png);
}

/* Petit flèche ("caret") à droite des dropdown lists */
.x-form-field-wrap .x-form-trigger
{
    background-image: url(../images/ext_dropdown-caret.png);
}
.x-form-field-wrap img.x-form-arrow-trigger
{
    height: 22px !important;
    margin-top: 0 !important;
    border: 0 !important;
}
/* la classe suivante n'est pas native ext.net, mais est ajoutée en javascript */
.x-form-field-wrap.x-dropdown-list
{
    /*padding: 4px 4px;*/
    border: 1px solid #93B5CE;
    border-radius: 4px;
}
.x-form-field-wrap.x-dropdown-list:hover,
.x-form-field-wrap.x-dropdown-list:hover .x-form-field
{
    background: #ECF1F5 !important;
} 
.x-form-field-wrap.x-dropdown-list .x-form-field
{
    border: 0 !important;
}


/**********************************************************/
/*              Fin de la customisation Ext.net           */
/**********************************************************/



table.login_fields select
{
    font-size: 13px;
}
table.login_fields input.txtB_def
{
    width: 150px;
}

.ListTitle
{
    background-color: #93ADB9 !important;
    background-color: #DEE8E8 !important;
    background-color: transparent !important;
    border-bottom: 1px solid #93ADB9;
    color: #445 !important;
    text-align: left !important;
}

/* icône de recherche contextuelle */
.FOBTN
{
    background-image: url(../images/tiny-gray-icons/ctx-search.png);
    cursor: pointer;
    /*margin: 0 4px;*/
}
.FOBTN:hover
{
    background-image: url(../images/tiny-gray-icons/ctx-search-on.png);
}

td.TitleRepeater
{
    padding: 10px;
    color: #343434;
}
td.TitleRepeater, table.lightBG, table.lightBG td
{
    background-color: #E8EAEA !important;
}


table.dCadre
{
    border: 0;
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
table.dCadre .dCrit
{
    padding-top: 10px;
}

.PortalTitle
{
    background-image: none;
    background: #7DABBB;
    background: #15467E;
}
span.WebAppTitle
{
    color: #003676;
    color: white;
}

.drawBorder td, tr
{
    border: 0 !important;
}

.drawBorder td, tr, .dCadre, .dCrit
{
    border: 0 !important;
}

.MenuZone
{
    border-top: 0 !important;
    border-bottom: 0 !important;
}

a.sortCol
{
    color: white !important;
    font-size: 11px !important;
}

a.lnk_Default, div#menuScreen span, ul#menuDeroulant span
{
    font-size: 12px !important;
}

a.lnk_Default
{
    text-decoration: underline !important;
}
a.lnk_Default:hover
{
    text-decoration: none !important;
}


/* largeur par défaut des champs de saisie et de sélection dans les formulaire */
form#aspnetForm .form-control, form#aspnetForm button.dropdown-toggle, .bootstrap-select
{
    width: 150px !important;
}
form#aspnetForm .form-control.c_3, form#aspnetForm button.dropdown-toggle.c_3, .small_select .bootstrap-select.c_3
{
    width: 180px !important;
}
form#aspnetForm .form-control.c_4, form#aspnetForm button.dropdown-toggle.c_4, .small_select .bootstrap-select.c_4
{
    width: 250px !important;
}


.small_select .bootstrap-select, form#aspnetForm .small_select button.dropdown-toggle
{
    width: 130px !important;
}
.tiny_select .bootstrap-select, form#aspnetForm .tiny_select button.dropdown-toggle
{
    width: 80px !important;
}
.medium_select .bootstrap-select, form#aspnetForm .medium_select button.dropdown-toggle
{
    width: 150px !important;
}
tr.SelectedRowStyle .bootstrap-select a
{
    color: #131E7B !important;
}

/*-------------------------*/
/* reprise de StyleBase.css, avec "préfixage" des classes afin qu'elles continuent à prévaloir (sinon, la largeur des champs sera trop homogêne) */
form#aspnetForm textarea.txtB_1000D { width: 500px !important; }
form#aspnetForm input.form-control.txtB_2D, form#aspnetForm input.form-control.txtB_2DRO, form#aspnetForm input.form-control.txtB_d2D, form#aspnetForm input.form-control.txtB_d2DRO { width: 35px !important; }
form#aspnetForm input.form-control.txtB_3D, form#aspnetForm input.form-control.txtB_3DRO, form#aspnetForm input.form-control.txtB_d3D, form#aspnetForm input.form-control.txtB_d3DRO { width: 50px !important; }
form#aspnetForm input.form-control.txtB_4D, form#aspnetForm input.form-control.txtB_4DRO, form#aspnetForm input.form-control.txtB_d4D, form#aspnetForm input.form-control.txtB_d4DRO { width: 70px !important; }

form#aspnetForm input.form-control.txtB_5D { width: 80px !important; }
form#aspnetForm input.form-control.txtB_5DRO { width: 80px !important; }

form#aspnetForm input.form-control.txtB_d5D { width: 80px !important; }
form#aspnetForm input.form-control.txtB_d5DRO { width: 80px !important; }

form#aspnetForm input.form-control.txtB_13D, form#aspnetForm input.form-control.txtB_d13D, form#aspnetForm input.form-control.txtB_d13DRO, form#aspnetForm input.txtB_13DRO { width: 100px !important; }
form#aspnetForm input.form-control.txtB_16D, form#aspnetForm input.form-control.txtB_d16D, form#aspnetForm input.form-control.txtB_d16DRO, form#aspnetForm input.txtB_16DRO { width: 120px !important; }

form#aspnetForm input.form-control.txtB_70D, form#aspnetForm input.form-control.txtB_d70D, form#aspnetForm input.form-control.txtB_d70DRO, form#aspnetForm input.txtB_70DRO { width: 250px !important; }
form#aspnetForm input.form-control.txtB_80D, form#aspnetForm input.form-control.txtB_d80D, form#aspnetForm input.form-control.txtB_d80DRO, form#aspnetForm input.txtB_80DRO { width: 300px !important; }
form#aspnetForm input.form-control.txtB_100D, form#aspnetForm input.form-control.txtB_d100D, form#aspnetForm input.form-control.txtB_d100DRO, form#aspnetForm input.txtB_100DRO { width: 300px !important; }
form#aspnetForm input.form-control.txtB_600D, form#aspnetForm input.form-control.txtB_d600D, form#aspnetForm input.form-control.txtB_d600DRO, form#aspnetForm input.txtB_600DRO {
	width: 600px !important;
}


form#aspnetForm .ddl_4D,  form#aspnetForm .ddl_4DRO { width: 30px !important; }
form#aspnetForm .ddl_5D,  form#aspnetForm .ddl_5DRO { width: 50px !important; }
form#aspnetForm .ddl_10D, form#aspnetForm .ddl_10DRO { width: 100px !important; }
form#aspnetForm .ddl_20D, form#aspnetForm .ddl_20DRO { width: 120px !important; }
form#aspnetForm .ddl_35D, form#aspnetForm .ddl_35DRO { width: 200px !important; }
form#aspnetForm .ddl_40D, form#aspnetForm .ddl_40DRO { width: 2250px !important; }
form#aspnetForm .ddl_50D, form#aspnetForm .ddl_50DRO { width: 245px !important; }
form#aspnetForm .ddl_70D, form#aspnetForm .ddl_70DRO { width: 320px !important; }

/* pour que les selectpickers épousent la largeur de leur contenant */
form#aspnetForm [class*="ddl_"] button { width: inherit !important; }

/* champs de saisie */
form#aspnetForm .txtB { width: 150px !important; }
form#aspnetForm .txtB_def { width: 150px !important; }
form#aspnetForm .txtB_defRO { width:150px !important; }
form#aspnetForm .txtB_35D { width:200px !important; }
form#aspnetForm .txtB_35DRO { width:200px !important; }
form#aspnetForm .txtB_70D { width:250px !important; }
form#aspnetForm .txtB_70DRO { width:250px !important; }
form#aspnetForm .txtB_75D { width:250px !important; }
form#aspnetForm .txtB_75DRO { width:250px !important; }
form#aspnetForm .txtB_80D { width:300px !important; }
form#aspnetForm .txtB_80DRO { width:300px !important; }
form#aspnetForm .txtB_100D { width:400px !important; }
form#aspnetForm .txtB_100DRO { width:400px !important; }
form#aspnetForm .txtB_1000D { width:500px !important; }
form#aspnetForm .txtB_1000DRO { width:500px !important; }
form#aspnetForm .txtB_1500D { width:750px !important; }

form#aspnetForm .txtB_2D, form#aspnetForm .txtB_2DRO, form#aspnetForm .txtB_d2D, form#aspnetForm .txtB_d2DRO { width: 35px !important; }
form#aspnetForm .txtB_3D, form#aspnetForm .txtB_3DRO, form#aspnetForm .txtB_d3D, form#aspnetForm .txtB_d3DRO { width: 50px !important; }
form#aspnetForm .txtB_4D, form#aspnetForm .txtB_4DRO, form#aspnetForm .txtB_d4D, form#aspnetForm .txtB_d4DRO { width: 70px !important; }

form#aspnetForm .txtB_5D { width: 80px !important; }
form#aspnetForm .txtB_5DRO { width: 80px !important; }

form#aspnetForm .txtB_d5D { width: 80px !important; }
form#aspnetForm .txtB_d5DRO { width: 80px !important; }

form#aspnetForm .txtB_13D, form#aspnetForm .txtB_d13D, form#aspnetForm .txtB_d13DRO, form#aspnetForm .txtB_13DRO { width: 100px !important; }
form#aspnetForm .txtB_16D, form#aspnetForm .txtB_d16D, form#aspnetForm .txtB_d16DRO, form#aspnetForm .txtB_16DRO { width: 120px !important; }

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

textarea.description,
form#aspnetForm textarea.description {
  width: 380px !important;
  height: 45px !important;
}

form#aspnetForm .form-control.txtB_100P
{
    width:100% !important;
    height: 70px !important;
}

/* recherche articles dans Sourcing */
form#aspnetForm div.form-a-criterias input[type="text"].form-control, form#aspnetForm div.form-a-criterias button.dropdown-toggle
{
    width: 200px !important;
    display: inline;
}

form#aspnetForm div.form-a-criterias td.td_txt_def
{
    white-space: nowrap;
}

/* cellules dédiées aux icônes "loupe" */
td.td_search
{
  width: 30px;
  white-space: nowrap;
}

form
{
    /*margin-bottom: 0;*/
}

div.dCrit input.form-control, input.form-control-crit
{
    display: inline;
    width: 185px;
}

span.l120
{
    width: 100px;
    white-space: normal;
    line-height: 12px;
}

.dCrit_special span.l120
{
    width: 131px;
}



/* on change de mode de scroll sur les table body */
#tbROA .rqof_header
{
    top: 0;
    background-color: #959FB5;
}

div.bootstrap-select, select
{
    background: transparent !important;
}

.bootstrap-select > select
{
    left:0px !important;
}

div.dCrit span
{
    font-size: 12px;
}


div.art_list div.item_list
{
    margin-left: 10px !important;
}


/* Liste : 100% de largeur */
#tbROA
{
    width: 100% !important;
}
.wrapper
{
    width: 98.5% !important;
}

/* popup offer.request */
.modal-body-little-padding
{
    padding: 10px !important;
}

/* fermeture popup */
button.close span
{
    font-size: 30px !important;
}

/* au sein des popup de recherche */
table.PopupTable
{
    margin-top: 10px;
    border: 0 !important;
    background-color: transparent !important; /*color: #3151A5;*/
}
div#ddstop
{
    margin: 7px 4px;
}
div#header
{
    margin: 0;
}
table.PopupTable td input[type="text"]
{
    display: inline;
    margin-bottom: 7px;
}
/* icône de recherche */
table.PopupTable td img.FOBTN
{
    margin-left: 4px;
}

div.gridview_separator
{
    height: 30px;
    background: #F1F1F7;
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #BBBBBB 0%, #FFFFFF 30%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, top, bottom, from(#D6D6D6), to(#FFFFFF));
}

/*
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
*/

/*
@font-face
{
    font-family: 'bonvenocflight';
    src: url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.eot');
    src: url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.woff') format('woff'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.ttf') format('truetype'), url('bonvenocf_light_macroman/BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

body
{
    padding-top: 0;
}

body, p, td, span, div
{
    font-family: Arial;
}

.select-height
{
    height: 24px;
}

div.banner
{
    width: 100%;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 0;
}
div.banner .logo img
{
    margin: 0 4px;
}
div.banner span
{
    font-size: 14px;
    font-weight: bold;
}

/* fil d'Ariane */
ol.breadcrumb
{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    margin-left: 15px !important;
    padding-left: 0 !important;
    padding-bottom:0 !important;
    padding-top:0 !important;
    
}

/* V6R3 */
ol.breadcrumb
{
    height: 20px;
}

/* On contourne un bug avec bootstrap+IE8 */
body.ie8 .breadcrumb > li
{
  /*display: inline-block;*/
  display: inline;
}

ol.breadcrumb li a
{
    font-size: 13px;
    text-decoration: underline !important;
}
ol.breadcrumb li.active a
{
    text-decoration: none !important;
}

/* titre de la page courante */
ol.breadcrumb li.active:last-child a
{
    color: #4F4F4F;
    font-weight: bold;
}


form#aspnetForm-search-request
{
    max-width: 870px;
}
form#aspnetForm-search-request .row
{
    padding-bottom: 6px;
}
form#aspnetForm-create-request input[type="text"], button.dropdown-toggle
{
    padding-left: 0;
}

.inline
{
    display: inline !important;
}

form#aspnetForm .bootstrap-select
{
    padding-left: 0;
    border: 0;
}

.bootstrap-select
{
    border-width: 0 !important;
}

.form-horizontal .control-label
{
    padding-top: 0;
}

/* pas de retour à la ligne autorisé dans les lignes de formulaire */
div.form-group div[class*="col-"]
{
    white-space: nowrap;
}


/* sous les onglets d'une Request/Offer/Article */

ul.request-form-tabs ~ table
{
  margin-top: 15px;
}
ul.request-form-tabs ~ table > tbody > tr > td
{
  padding: 0 !important;
}

/* sous-titre du contenu d'un onglet Request/Offer/Article */
td.tab_content_intro
{
    white-space: nowrap;
    padding-left: 60px;
    width: 400px;
}

tr.desc img#help
{
    margin-left: 10px;
}

/* cartouche d'infos communes aux différents onglets d'une Request/Offer/Article */
div.common_infos
{
    position: fixed;
    width: 100%;
    z-index: 1000;

    background: #005C95;
    background: #8598A7;
    margin: 0 0 15px 0;
    border-radius: 4px;
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}
div.common_infos-header {
    height: 65px;
}
body.ie8 div.common_infos-header {
    height: 75px;
}
div.common_infos td
{
    padding: 4px;
}
div.common_infos td span
{
    font-size: 12px;
}
div.common_infos td, div.common_infos label
{
    color: white;
}
div.common_infos td input
{
    margin-top: 0;
    position: relative;
    top: 2px;
}
div.common_infos td.B span
{
    white-space: nowrap;
}

.border_b
{
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}



/* contenu boutons */
.btn, .btn span, .btn a
{
    font-size: 14px !important;
}


/* intitulés + contenu listes déroulantes */
span.filter-option, button.dropdown-toggle, ul.selectpicker span.text,
.dropdown-menu span, .dropdown-menu a, select
{
    font-size: 12px !important;
}
.dropdown-menu 
{
    padding: 5px 0 !important;
}
ul.selectpicker {
    max-height: 273px !important;
}


.btn-circle-action
{
    color: #E8EAEE;
    border-color: transparent;
    padding: 3px 0;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}

.common_infos .btn-circle-action
{
    font-size: 16px;
    width: 32px;
    height: 32px;
    margin-left: 4px;
}

.icon2
{
    width: auto;
    height: auto;
    cursor: pointer;
}

/* attention, ":not()" pas compatible IE8 */
.btn-circle-action:not(.btn-primary)
{
    color: #525961;
}
/* attention, ":not()" pas compatible IE8 */
.btn-circle-action:hover:not(.btn-primary), .btn-circle-action:focus:not(.btn-primary)
{
    color: #000;
}

.btn-circle-action:hover, .btn-circle-action:focus
{
    /*   background: #286090; */
    color: white;
    border-color: transparent;
}
.above-btn
{
    margin-left: 6px;
    padding-top: 6px;
}

.req_list li.sort-button
{
    margin-left: 12px;
    margin-right: 5px;
}
body.chrome .req_list li.sort-button
{
    margin-left: 8px;
}

.padding-left
{
    padding-left: 30px !important;
}
.little-padding-left
{
    padding-left: 10px !important;
}
.padding-right
{
    padding-right: 30px !important;
}
.little-padding-right
{
    padding-right: 10px !important;
}


ul.request-form-tabs > li > a:hover
{
    border-bottom-color: #CCC;
}

ul.request-form-tabs > li > a
{
    font-size: 14px;
    padding: 4px 7px;
}
/* attention, ":not()" pas compatible IE8 */
ul.request-form-tabs > li:not(.active) > a
{
    color: #999 !important;
}

div.left-box
{
    padding-left: 0 !important;
}


/* labels à largeur fixe */
@media (min-width: 1200px)
{
    .fixed-label
    {
        width: 165px !important;
    }
}


form#aspnetForm label.control-label
{
    font-weight: normal;
    font-size: 14px;
    padding-right: 10px;
}

/* libellés de champs dans les formulaires de recherche */
.lbl_def 
{
    padding-right: 11px;
}
span.lbl_def 
{
    vertical-align: baseline;
}

.warning_label {
    color : red !important;
}

/* cellules de tableau contenant des calendriers */
td.td_calendar {
    white-space: nowrap;
}
/* cellules de tableau contenant des champs de saisie */
td.td_input, td.td_calendar {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* champs de type date */
input.calendar {
    text-align: left;
}
input.calendar_date {
    width: 90px !important;
}
input.calendar_datetime {
    width: 130px !important;
}
form#aspnetForm td.td_calendar input.calendar_date {
    width: 75px !important;
}
form#aspnetForm td.td_calendar input.calendar_datetime {
    width: 125px !important;
}
body.ie form#aspnetForm td.td_calendar input.calendar_date {
    width: 100px !important;
}
body.ie form#aspnetForm td.td_calendar input.calendar_datetime {
    width: 125px !important;
}

/* Bordures séparatrices entre certaines sous-parties dans un formulaire */
.border_right, .border_top, .border_left, .border_bottom, .border_all
{
    border-style: dotted;
    border-color: #43627C;
}
.border_left
{
    border-width: 0 0 0 1px;
}
.border_top
{
    border-width: 1px 0 0 0;
}

.border_right
{
    border-width: 0px 1px 0px 0px;
}

.border_bottom
{
    border-width: 0px 0px 1px 0px;
}

.border_all
{
    border-width: 1px 1px 1px 1px;
}

td.td_separ
{
    width: 30px;
}

td.td_separ.border_left
{
    width: 80px;
}
td.td_separ.border_right
{
    width: 80px;
}
td.td_separ_large
{
    /*Largeur separ(30) + largeur icone calandrier(16)*/
    width: 46px;
}

/* Cellules de tableau centrées verticalement */
table.GVBasicList td
{
    vertical-align: middle;
}

/* Cellules de tableau sans padding */
td.no_padding
{
    padding: 0 !important;
}

/* Totaux dans une datagrid */
.GVBasicListFooterStyle 
{
    background-color: #DDD;
    color: #444;
}



/* zones autrefois à fond jaunâtre */
.lbl_d2D, .lbl_d5D, .lbl_d13D { background-color: inherit; }

/* champs obligatoires */
/* libellés */
form#aspnetForm label.control-label.required,
span.MandatoryLabel
{
    /* 17/12/2015 : choix acté en réunion = police de ces libellés en rouge */
    color: #000 !important;
}

tr.TitleRepeater .MandatoryLabel
{
    color: #000 !important;
}

tr.TitleRepeater .mandatory_star
{
    color: #E60000 !important;
}

/* astérisque rouge pour les champs obligatoires */
.mandatory_star
{
    padding-left: 2px;
    font-size: 15px !important;
    color: #E60000;
}

/* dans les formulaires header et Cie */
table.Critere
{
    background-color: transparent;
}
table.Critere input[type="checkbox"]
{
    margin-top: 0;
    margin-right: 3px;
}
table.Critere > tbody > tr > td
{
    padding-top: 5px;
}

/* libellés des checkboxs dans les formulaires header et Cie */
table.Critere td.Normal2 label, div.dCrit label, span.NW label
{
    font-weight: normal;
    color: #000;
}
table.Critere td.Normal2 label[for]
{
    cursor: pointer;
}
/* toute cellule de libellé suivant une autre dans les formulaires header et Cie */
table.Critere td.Normal2 ~ td.Normal2, td.little_padding_left
{
    padding-left: 5px;
}

/* zone définie comme devant être scrollable (cf. common.js) */
.main_scrollable_zone
{
    width: 100%;
}
.p98
{
    width: 98%;
}
.p99
{
    width: 99%;
}
.p90
{
    width: 90%;
}
.no_wrap
{
    white-space: nowrap;
}
.padding_bottom
{
    padding-bottom: 10px;
}
.centered
{
    text-align: center;
}

/* sous-titres au sein d'un tableau de données */
td.Highlight 
{
    background: #8598A7;
    color: white;
    padding: 8px 2px 3px 6px;
}

/* valeurs */
input.Mandatory, textarea.Mandatory, div.Mandatory button.dropdown-toggle
{
    border: 1px solid #8B90B7 !important;
    color: #463B62 !important;
}

input.Mandatory, textarea.Mandatory, div.Mandatory button.dropdown-toggle, select.Mandatory
{
    /* 17/12/2015 : choix acté en réunion = fond blanc, et libellé suivi d'un astérisque rouge */
    background-color: #FFF;
}

table.GVBasicList input.Mandatory
{
    background-color: #EDF5FA;
}

table.GVBasicList .bootstrap-select
{
    width: auto !important;
}

form#aspnetForm label.control-label.required:after
{
    /*content: "*";*/
    color: #D90000 !important;
    font-weight: bold;
    font-size: 18px;
}

form#aspnetForm div.form-group
{
    margin-bottom: 4px;
}

#form1
{
    margin-bottom: 0;
}

#form1 td.rh_lbl
{
    padding-right: 5px;
}
#form1 td.rh_lbl span
{
    font-size: 12px;
    color: inherit !important;
    font-weight: inherit !important;
    padding: inherit !important;
}

td.Left_Ong
{
    background-image: none;
    display: none;
}
td.Title
{
    background-image: none;
    background-color: transparent;
    border-top: 0;
    text-indent: 0;
    padding-left: 0;
    color: black;
}
td.Right_Ong
{
    background-image: none;
}

.form_block
{
    margin-top: 20px;
}

#form1 input[type="text"]
{
    display: inline;
}

#form1 input[type="text"].c_0_2
{
    width: auto;
}

form#form1 input[type="text"].form-control, form#aspnetForm input[type="text"].form-control, form#SearchPopupForm input[type="text"].form-control,
form#form1 input[type="password"].form-control, form#form1 select, button.dropdown-toggle, form#form1 textarea, form#aspnetForm textarea
{
    padding: 1px 4px;
    font-size: 14px;
    color: #131E77;
    border: 1px solid #93B5CE;
    margin-top: 1px;
    margin-bottom: 1px;
}

form#form1 input[type="text"].form-control, form#aspnetForm input[type="text"].form-control, form#SearchPopupForm input[type="text"].form-control,
form#form1 input[type="password"].form-control, form#form1 select, button.dropdown-toggle
{
    height: auto;
    height: 24px;
}

form#aspnetForm div.obj_list ul.nav-tabs
{
    position: relative;
    top: 0;
    border-bottom: 0;
    margin-right: 3px !important;
    margin-bottom: 6px;
}

/* listes déroulantes "Bootstrap" */
form#aspnetForm ul.nav-tabs button.dropdown-toggle,
form#aspnetForm .top-buttons button.dropdown-toggle
{
    width: auto !important;
    height: 34px;
    padding: 4px 10px;
    border: 0;
}
form#aspnetForm button.dropdown-toggle.width-auto
{
    width: auto !important;
    padding-right: 12px;
    padding-left: 13px;
}
ul.dropdown-menu.with-icons
{
    padding-left: 10px !important;
}
form#aspnetForm button.btn-primary.dropdown-toggle
{
    color: white;
}
form#aspnetForm div.obj_list button.dropdown-toggle 
{
    position: relative;
    top: -3px;
}


form#SearchPopupForm div#ddstop
{
    margin-top: 0;
}


/* V6R3 - idem, mais pour la page de connexion */
body.Login .form-control, body.Login select, body.Login button.dropdown-toggle
{
    height: auto !important;
    padding: 4px 7px !important;
}

/* idem, mais pour les formulaires Ext.Net */
#form1 div.x-panel-body input[type="text"].form-control,
form#aspnetForm div.x-panel-body input[type="text"].form-control,
#form1 div.x-panel-body input[type="password"].form-control,
#form1 div.x-panel-body select, div.x-panel-body button.dropdown-toggle,
#form1 div.x-panel-body textarea, form#aspnetForm div.x-panel-body textarea,
.x-form-field, .x-form-item-label
{
    font-size: 12px;
    font-family: arial;
}
/* libellés : pas en gras, et en noir */
.x-form-item-label
{
    font-weight: normal !important;
    /* COULEUR LIBELLÉS */
    color: #333 !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

/* indicatifs téléphoniques */
form#aspnetForm input[type="text"].form-control.intcode
{
    display: inline !important;
    width: 35px !important;
}

/* V6R3 - tous les champs sont par défaut en "display: inline;"... comme ça, c'est mieux ! */
form#aspnetForm .form-control 
{
    display: inline;
}


/* tableau contenant tous les boutons d'action contextuels à la page */
table.DefaultButton,
div.x-panel-body > div > table.DefaultButton
{
    margin-right: 14px;
}
table.DefaultButton.big_margin_right
{
    margin-right: 80px;
}
table.DefaultButton.raised
{
    position: relative;
    top: -8px;
}

/* V6R3 - les lignes de résultats dans les autocomplete */
tr.list-item td
{
    border: 1px solid transparent;
    padding-right: 4px;
}


form#aspnetForm div.row
{
    margin-bottom: 2px;
    margin-bottom: 8px;
}

h1, h2, h3, h4
{
    color: #005C95 !important;
    color: #475B72 !important;
}
h4
{
    margin-left: 15px;
    margin-bottom: 10px;
}

div.container
{
    width: auto;
    margin: 10px 15px;
    padding: 0;
}


/* pour que sous IE8, le temps que la page se charge (on est par défaut en mode width<768px),
   la navbar ne soit pas trop grosse (en hauteur)... */
.navbar {
  height: 38px !important;
}
body.not-ie8 .navbar {
  height: auto !important;
}
.navbar {
  min-height: inherit;
  margin-bottom: 0 !important;
}

/* ...et qu'il n'y ait aucune transition dans le positionnement du contenu de la page */
body.ie8 .navbar-nav > li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.navbar-toggle {
  /*display: none;*/
  padding: 7px 8px;
  margin-top: 3px;
  margin-bottom: 3px;
}
body.not-ie8 .navbar-toggle {
  padding: 9px 9px;
  margin-top: 8px;
  margin-bottom: 8px;
}

a:hover
{
    color: #E55536 !important;
}

div.dds_header_and_navbar
{
    background: white;
    width: 100%;
    top: 0;
}

div.dds_header_and_navbar a
{
    text-decoration: none !important;
}

.container-fluid
{
    padding-right: 0;
    padding-left: 0;
}

li.icon-right-dds
{
    margin-left: 20px;
}

/* nom de la personne connectée */
.dds_top_welcome
{
    color: #1B5289;
    font-weight: normal !important;
    margin-top: 8px;
    margin-right: 15px;
}


/* icônes dans la barre de menus */
ul.navbar-nav li a span
{
    color: #ADB6BC !important;
}
ul.navbar-nav li.active a span
{
    color: #475E84 !important;
}
div.banner ul.navbar-nav li a span
{
    color: #AAA !important;
    font-weight: normal;
    position: relative;
    top: 2px;
}

/* lien actif dans la navbar (menu ou sous-menu) */
nav.navbar a.aActif
{
    background: #E0E4E8 !important;
}

.navbar-default .navbar-nav > li > a:hover,
ul.navbar-nav li a:hover span
{
    color: #00072D !important;
}


/* liens tout en haut à droite de l'écran */
.dds-navbar-above
{
    margin-top: 8px;
    padding-left: 0;
}
.dds-navbar-above li a
{
    color: #444 !important;
    font-size: 13px;
    margin-right: 10px;
    margin-left: 10px;
}
.dds-navbar-above .separ
{
    color: #BBB;
}
.navbar-default
{
    /* au cas où il y ait une image de fond */
    background-color: #FAFAFA;

    border-color: #E2E2E7;
    border-width: 1px 0 1px 0 !important;
}


/* chaque item de la barre de nav */
.nav > li > a, .navbar-header a, .navbar-collapse a
{
    color: #667 !important;
    font-size: 13px !important;
}
ul.navbar-nav li.active a
{
    /*color: #444 !important;*/
}

/* sous-menus de la barre de nav */
nav ul.dropdown-menu span, nav ul.dropdown-menu a 
{
    font-size: 13px !important;
}

.navbar-default .navbar-brand.logo
{
    padding-right: 20px;
    padding-top: 6px;
    padding-left: 6px;
}
.navbar-brand.logo_right
{
    padding-right: 0;
}


@media (max-width: 600px)
{
    .app-title, .logo_right
    {
        display: none;
    }
}

div.banner .logo_right
{
    margin-left: 20px;
}

.navbar-default .navbar-brand.app-title
{
    font-size: 18px;
    font-weight: bold;
    color: #141F78 !important;
}

ul.navbar-right a
{
}


ul.dropdown-menu table td
{
    padding: 4px;
}

ul.dds-navbar-above li
{
    display: inline;
}

/* navbar */
@media (min-width: 768px)
{
    nav
    {
        border-radius: 0 !important;
        border-color: #D3D8DB !important;
        border-width: 1px 0 !important;
        margin: 0 15px 0 15px !important;
        margin: 0 0 0 0 !important;
    }
    .navbar
    {
        min-height: inherit;
    }
    #dds-navbar-main-content ul.navbar-nav > li > a
    {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.navbar-collapse, .navbar-header
{
    margin: 0 !important;
}

form.form-inline
{
    margin: 20px 15px;
}


/* boutons tout en haut à droite de la nav */
button.btn-dds-header
{
    padding: 3px 8px 2px 8px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
button.btn-dds_blue
{
    background: #5392D5 !important;
    color: white !important;
}
button.btn-dds_blue:hover
{
    background: #335f8d !important;
}
button.btn-dds_darkgray
{
    background: #333333 !important;
    color: white !important;
}
button.btn-dds_darkgray:hover
{
    color: #999 !important;
}
button.btn-dds-header[class^="icon-"]
{
    font-size: 24px !important;
}
button.btn-dds-header-not-first
{
    margin-left: 15px;
}

span.btn-dds-header-container
{
    display: inline;
}

.left_logos
{
}



/* interligne dans un formulaire */
td.inside_form div.row, div.form-container div.form-group
{
    margin-top: 4px !important;
}

/* labels */
label
{
    white-space: nowrap;
    color: #666;
}
.Border_B label
{
    white-space: normal;
}
.Border_B span.NW label
{
    white-space: nowrap;
}

td.rh_lbl span.label
{
    color: #363636;
}

.btn:not(.btn-primary):not(.btn-dds_blue):not(.dropdown-toggle)
{
    background: #D6D6DA;
}
.btn:not(.btn-primary):not(.btn-dds_blue):not(.dropdown-toggle):hover
{
    background: #CCCCCC;
}

body.ie8 button.btn_blue, body.ie8 button.btn_gray,
body.ie8 a.btnLogin
{
    position: relative;
    border-radius: 3px !important;
    behavior: url(../Scripts/ie-compatibility/PIE.htc) !important;
}

body.ie8 button.btn_gray
{
    background: #D6D6DA !important;
}
body.ie8 .btn:not(.dropdown-toggle):hover
{
    background: #CCCCCC;
}
body.ie8 textarea
{
    border: 1px solid #93B5CE;
}
/*
--- Supprime les retours chariots... ce n'est pas ce qu'on souhaite dans une textarea multiligne
textarea
{
    white-space: normal;
}
*/

.btn-primary
{
    background: #005C95;
    background: #0079FF;
    background: #0064D6 !important;
    border: 1px solid transparent;
}
.btn-primary:hover
{
    background: #2B64A4 !important;
}


/* style par défaut d'un bouton */
.btn-primary
{
    background: #15467E !important;
    color: white;
    border: none !important;
}

.btn-primary a
{
    color: white !important;
    text-decoration: none !important;
}


li.dropdown a, ul.dropdown-menu li a
{
    text-decoration: none;
    background-position: 0 3px;
    padding-left: 25px;
}

#action_buttons
{
    display: inline-block;
    padding-top: 6px;
}

#action_buttons a
{
    /*background-color: #F5F5F5;*/
}

.common_infos .btn-primary
{
    background: #43627C !important;
}
.common_infos .btn-primary:hover
{
    background: #244D6F !important;
}

/* boutons bleus avec libellés (+ dropdown menus) */
div.obj_list .btn-primary,
.above-btn .btn-primary,
.top-buttons .btn-primary
{
    background: #0F4873 !important;
}
div.obj_list .btn-primary:hover,
.above-btn .btn-primary:hover,
.top-buttons .btn-primary:hover
{
    background: #0D558E !important;
}

/* gros bouton dans liste request/offers "LIGHT" */
div.req_list_light .btn-primary
{
    background: #43627C !important;
}
div.req_list_light .btn-primary:hover
{
    background: #244D6F !important;
}

ul.search-buttons li button
{
    background: #0F4873 !important;
}

/*
.jumbotron-container
{
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}
.jumbotron
{
    padding: 20px 40px 30px 40px !important;
}

.jumbotron-transparent-container .jumbotron
{
    background: transparent;
    padding: 0 20px 3px 0 !important;
}
.jumbotron h1
{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 35px;
}
.jumbotron p
{
    font-size: 17px;
}
.jumbotron-transparent-container .jumbotron p
{
    color: #5B7592 !important;
}
*/

.transparent-breadcrumb
{
    background: transparent;
}
.little-bottom-breadcrumb
{
    margin-bottom: 0 !important;
}



/* ****************************************** */
/* CRITÈRES DE RECHERCHE */
/* ****************************************** */

/* pour que d'un tableau de critères à l'autre, les champs et libellés soient bien alignés verticalement */
table.DefaultCriterias .td_lbl_def
{
    width: 160px;
}
table.DefaultCriterias .td_txt_def
{
    width: 140px;
}
.td_lbl_def, .td_txt_def
{
    padding-top: 4px;
}

/* libellés des cases à cocher et radio buttons */
label.lbl_def, label[for]
{
    font-weight: normal;
    margin-left: 4px;
    padding-left: 0;
}
input[type="radio"]
{
    margin-top: 0;
}
div.radio-or-checkbox
{
    padding-top: 2px;
    padding-bottom: 4px;
}
td.pad_rl5 label
{
    margin-top: 4px;
    margin-bottom: 0;
}

.td_txt_def.td_with_buttons a
{
    border-radius: 4px;
    border: 0px solid #444488;
    background: #15467E;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px;
}
.td_txt_def.td_with_buttons a:hover
{
    background: #0048A0;
    color: #FFF !important;
}

/* ****************************************** */

/* quand il faut laisser, sur la droite, la place correspondant à une icône de recherche contextuelle */
.search_icon_ghost {
    margin-right: 16px;
}


.square-box
{
    background: #FBFBFD;
    border: 1px solid #D6D6DA;
    border: 1px solid #E4E4E8;
    border: 1px solid #C6D6DE;
    padding: 10px;
    border-radius: 4px;
}
.square-box-title
{
    padding: 9px 8px 7px 10px;
    background-color: #D6D6DA;
    background-color: #E4E4E8;
    background-color: #C6D6DE;
    border-radius: 2px 2px 0 0;
}
.square-box-title span
{
    font-size: 12px;
}
.square-box-body
{
    width: 100%;
    border-top: 0;
    overflow: auto;
    border-radius: 0 0 4px 4px;
}
.box_container
{
    margin-bottom: 15px;
}
.square-box-active
{
    border: 1px solid transparent !important;
}

/* Homepage - liens permettant de contracter/déployer le contenu de chaque boi-boîte */
div.closeOrOpenBox 
{
    padding-right: 10px;
}
a.closeOrOpenBox {
    font-size: 20px;
    text-decoration: none;
    background: #EDEDF0;
    color: #666 !important;
    border: 1px solid #D6D6D8;
    padding: 1px 10px;
    position: relative;
    top: -3px;
}
.home_boxes a.closeOrOpenBox
{
    top: 3px;
}
a.closeOrOpenBox:hover
{
    background: #F5F5F5;
}

.GVBasicListHeaderStyle
{
    background-color: #646977;
    background-color: #43627C;
}


/* ---------------------------------------------------------- */
/* Version "fond bleu foncé" des barres de titre en homepage */
.square-box-title
{
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #15467E;
}
.square-box-title span
{
    color: white;
}
.square-box-title .square-box-body span
{
    color: #222;
}

.parent-square-box-title
{
    padding-right: 4px;
    padding-left: 4px;
}
.child-square-box-title
{
    background-color: #D6D6D6 !important;
}
.child-square-box-title span
{
    color: #333 !important;
    font-weight: bold !important;
}
/* ---------------------------------------------------------- */


.MainFilterBox {
    margin-top: 7px;
    margin-bottom: 3px;
}

.square-box-title > div.closeOrOpenBox 
{
    padding-right: 3px;
}
div.closeOrOpenBox  > a.closeOrOpenBox {
    font-size: 15px;
}
.box_container > div.closeOrOpenBox  > a.closeOrOpenBox,
.simple-square-box-title > div.closeOrOpenBox  > a.closeOrOpenBox {
    background: #15467E;
    color: #AAA !important;
    border: 1px solid #779;
}
.box_container > div.closeOrOpenBox  > a.closeOrOpenBox:hover,
.simple-square-box-title > div.closeOrOpenBox  > a.closeOrOpenBox:hover
{
    background: #124D93;
}

/* quand une box contient une datagrid */
.square-box-body .GVBasicListHeaderStyle
{
    background-color: #15467E;
}
.square-box-body table.GVBasicList > tbody > tr > td,
.square-box-body table.GVBasicList > tr > td,
.square-box-body tr.GVBasicListHeaderStyle th 
{
    padding: 3px 4px;
}
/* zone qui devient "fantôme" après application du pluggin jquery.fixedHeaderTable */
.square-box-body div.fht-tbody tr.GVBasicListHeaderStyle th 
{
    padding: 2px 4px;
}


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

/* Depuis que l'appel à la fonction DDSGridViewComputeSize() a été désactivée, il faut compenser la perte de largeur des tableaux */
table.GVBasicList
{
    width: 100%;
}

table.GVBasicList th a:hover,
tr.GVBasicListPagerStyle a:hover
{
    color: #EEE !important;
}

table.GVBasicList > tbody > tr > td,
table.GVBasicList > tr > td
{
    border: 1px solid #CCC;
}

table.GVBasicList > tbody > tr > td,
table.GVBasicList > tr > td
{
    padding: 6px 4px;
}

tr.GVBasicListHeaderStyle th 
{
    padding: 6px 4px;
    font-size: 12px;
    font-weight: normal !important;
    border-color: transparent;
}

tr.GVBasicListHeaderStyle th 
{
}

table.GVBasicList tr.GVBasicListHeaderStyle th.frozenTop
{
    font-weight: normal !important;
    border-color: transparent;
}

table.GVBasicList tr.MouseOver td
{
    background-color: #E5E5E5;
    color: #000;
}


table.GVBasicList tr.GVBasicListHeaderStyle th,
div.dataTableContainer tr.fht-table.GVBasicListHeaderStyle th.frozenTop,
th.frozenTop
{
    color: white !important;
}

/* zone qui devient "fantôme" après application du pluggin jquery.fixedHeaderTable */
div.fht-tbody tr.GVBasicListHeaderStyle th 
{
    padding: 5px 4px;
}



/* pagination des datagrid alignée à droite */
tr.GVBasicListPagerStyle table
{
}
tr.GVBasicListPagerStyle table td
{
    padding: 3px 0 1px 0;
}

table.DefaultButton, table.DefaultTable
{
    background-color: transparent !important;
}

table.DefaultButton
{
    border-bottom: 0;
    border-top: 0;
}

/* cacher les icônes dans la navbar ? */
ul.navbar-nav li a span[class^="icon-"]
{
    /* display: none; */
}
/* exceptions */
ul.navbar-nav li.visible_icon a span[class^="icon-"]
{
    display: inline-block;
}
ul.navbar-nav a.big-icon-container
{
    padding-top: 4px !important;
    max-height: 36px;
    overflow: hidden;
}
ul.navbar-nav li a span.big-icon
{
    font-size: 30px;
}
/* ainsi que dans la bannière */
.dds-navbar-above li a span
{
    display: none;
}
/* ni les coches */
ul.navbar-nav li a span[class="caret"]
{
    display: inline-block;
    color: #666 !important;
}

/* hauteur navbar */
@media (min-width: 768px)
{
    .navbar-nav > li > a
    {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

ul.nav-tabs
{
    margin-bottom: 5px;
}
ul.nav-tabs li
{
    border-color: #CCC !important;
}
.nav-tabs > li > a
{
    text-decoration: none !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-color: #CCC #CCC transparent #CCC;
}
.nav-tabs
{
    border-bottom: 1px solid #CCC;
}

/* liste des offres */
div.obj_list .nb_offers
{
    color: #0D144C;
}
div.obj_list li.active a, div.offers
{
    background: #FBFBFD;
}
div.offers
{
    border: 1px solid #CCC;
    border-radius: 0 0 4px 4px;
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    border-width: 0 1px 1px 1px;
}

.btn_noteDiv
{
  width: 60px;
  padding: 0 !important;
  margin-top: 1px;
  margin-bottom: 5px;
  height: auto;
  font-size: 11px;
  color: #444;
}
.btn_noteDiv_OK
{
 font-weight: bold;
}


/* Listes de Requests/Offers, etc */
.bordersList
{
    border-color: #888 !important;
    border-color: #CCCCCC !important;
}

div.req_list a, ul.search-buttons a
{
    text-decoration: none;
}

tr.SelectedRowStyle a
{
    color: white !important;
}

/* colonnes des lignes ayant le "focus" dans la liste request/offers "LIGHT" */
div.req_list_light tr.SelectedRowStyle td,
div.req_list_light tr.SelectedRowStyle td a
{
    color: #000 !important;
}
div.req_list_light tr.SelectedRowStyle td
{
    background: #E3E3E3 !important;
}
div.req_list_light tr.SelectedRowStyle td.T,
div.req_list_light tr.SelectedRowStyle td.S
{
    background: #CCCCCC !important;
}
div.req_list_light tr.SelectedRowStyle td.O
{
    background: #BFBFBF !important;
}

tr.desc
{
    background-color: transparent;
}
tr.desc td
{
    color: #555;
}

/* Couleurs de fond des colonnes dans les listes de Requests/Offers, etc */
#tbROA tr
{
    background-color: white;
    background-color: #F1F1F4;
}
#tbROA tr tr
{
    background-color: inherit;
}

#tbROA .T, .T, td.RO_bur
{
    background-color: #cbcbcb;
    background-color: white;
    background-color: #E4E4E4;
}

.ofcomps, #tbROA .S, .S, .GvTablePopup, .StatCell1, .td.RO_fou
{
    background-color: #b9b9b9;
    background-color: white;
    background-color: #C6C6C6;
    background-color: #BEBEBE;
    background-color: #D8D8D8;
}

.O, #tbROA .O, .OFd
{
    background-color: #b8c8e0;
    background-color: white;
    background-color: #CAD6E8;
    background-color: #B1B1B1;
    background-color: #BEBEBE;
    background-color: #D8D8D8;
}


div.request
{
    padding: 18px 0;
    border-top: 1px solid #CCC;
    margin-left: 10px;
    margin-right: 10px;
}

label.item_checkbox
{
    position: relative;
    top: 2px;
    margin-right: 4px;
}
.req_list input[type="checkbox"]
{
    display: inline;
}
form#aspnetForm div.row, div#page_create_request div.tab-pane div.row
{
    margin-left: 0;
    margin-bottom: 0 !important;
}

body.not-ie table.main_form
{
    display: none;
}

div.request:first-of-type
{
    padding-top: 30px;
    border-top: 0;
}
div.offers div.request:nth-child(even)
{
    background: #FBFBFD;
}

div.req_list div.item_list div
{
    margin-left: 0;
    overflow: hidden;
    font-size: 12px;
}
div.req_list div.request_id, div.art_list div.art_link, div.req_list div.offer_id, div.req_list div.supplier_code, div.req_list div.trading_code
{
    width: 90px;
    background: #2A6B8F;
    padding-top: 7px;
    padding-bottom: 6px;
    margin-left: 0;
}
div.art_list div.art_link
{
    overflow: hidden;
    font-size: 11px;
}

div.req_list div.request_id, div.art_list div.art_link
{
    background: #337AC5;
    background: #141F78;
    background: #1D62AF;
}
div.req_list div.request_id:hover, div.art_list div.art_link:hover
{
    background: #1D5E9E;
    background: #0E6DD7;
}

a.product_code
{
    width: 90px;
    background: #1D62AF;
    background: #15467E;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    color: #FFF;
    padding: 5px 10px 3px 10px;
    border-radius: 4px;
}
a.product_code:hover
{
    background: #0E6DD7;
    background: #2B64A4;
    color: #FFF !important;
}

div.req_list div.trading_code
{
    background: #778899;
    background: #90959A;
    background: #8598A6;
    background: #5F7382;
    background: #98A0AF;
    text-shadow: 1px 1px #778;
}
div.req_list div.supplier_code
{
    background: #777;
    background: #777E90;
    width: 80px;
    width: auto;
}
div.req_list div.offer_id
{
    background: #337AC5;
    background: #245089;
    background: #1E9700;
    background: #233848;
}
div.req_list div.offer_id, td.td_Offer .status_code 
{
    width: 105px;
}

div.offer_id_container
{
    margin-left: 0 !important;
    padding-left: 0 !important;
}

div.offer_id:hover
{
    background: #033962 !important;
}

div.req_list div.code_INI
{
    background: #8598A6;
}
div.req_list div.code_INI:hover
{
    background: #6D8595;
}

div.req_list div.code_OK
{
    background: #268024;
}
div.req_list div.code_OK:hover
{
    background: #169F0F;
}

div.req_list div.code_NOK
{
    background: #712424;
}
div.req_list div.code_NOK:hover
{
    background: #8F0606;
}


div.req_list div.request_thumb_container
{
    margin-left: 10px;
    width: 60px;
    text-align: center;
}
div.req_list div.request_offer_label
{
    display: none;
    margin-left: 10px;
    font-size: 12px;
    width: 140px;
    line-height: 13px;
}
div.req_list div.offer_currency
{
    width: 120px;
}
div.req_list img.request_thumb
{
    max-height: 40px;
}
div.req_list div.request_title, div.art_list .art_title
{
    width: 80px;
    font-size: 14px;
    font-weight: bold;
}
div.art_list .art_title
{
    font-size: 13px;
}
div.req_list div.request_desc, div.art_list div.art_desc
{
    width: 212px;
}
div.req_list div.request_collection
{
    width: 210px;
}
div.req_list div.request_currency
{
    width: 130px;
}
span.col_content_title
{
    font-style: italic;
    color: #888;
}
div.req_list div.request_total_resp
{
    margin-left: 30px;
    width: 150px;
    position: relative;
    top: -3px;
}
div.req_list div.request_total_resp a
{
    font-weight: bold;
    font-size: 14px;
}

div.offer
{
    margin-bottom: 5px;
}
div.offer div.offer_thumb
{
    width: 35px;
}
div.offer img.offer_thumb
{
    max-height: 30px;
}

.all_offers_header
{
    margin-left: 10px;
}
.request_offers_header
{
    margin-top: 10px;
    margin-bottom: 4px;
    margin-left: 15px;
}
.offers_header a
{
    font-size: 14px !important;
}
.offers_header
{
    display: block;
}
.offers_header a
{
    font-size: 13px;
}
div.offers_body
{
    margin-top: 6px;
}

div.inc_level
{
    margin-top: 0;
    margin-right: 4px;
    margin-left: 4px !important;
    float: left;
    width: 36px;
    height: 20px;
    background: url('../images/sub_comment_dark_blue.png') no-repeat 14px -9px;
}
div.inc_level div
{
    padding-top: 10px !important;
}
div.supplier_inc_level
{
    margin-left: 60px !important;
}
div.offer_inc_level
{
    margin-left: 114px !important;
}
div.direct_offer_inc_level
{
    margin-left: 60px !important;
    width: 90px;
}

/* contenu d'un onglet */
.tab-pane
{
    padding-top: 10px;
}

/* à l'intérieur d'une infobulle */
.tooltip-inner
{
    max-width: 250px;
    text-align: left;
}
div.tooltip
{
    background: transparent !important;
    border: 0 !important;
    z-index: 100001 !important;  /* sinon, les popup ext.net passent devant */
}
.tooltip-inner img
{
    max-width: 230px;
}

.tip_internal_id
{
    padding-top: 5px;
    font-size: 10px;
    color: #DDD;
    font-style: italic;
}

div.row_customer
{
    padding: 5px 0 !important;
}
/* couleuyrs de fonds intermittentes */
div.row_customer:nth-child(2n+1)
{
    background-color: white;
}
div.row_customer:nth-child(2n+2)
{
    background-color: #E5E5E5;
    border-top: 1px solid #DDDDDD;
}
div.row_customer:hover
{
    background-color: #D9D9D9;
}

/* champs en lecture seule */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
div.x-panel-body input[readonly],
div.x-panel-body input[disabled],
div.x-panel-body textarea[readonly],
div.x-panel-body textarea[disabled]
{
  /* 17/12/2015 : choix acté en réunion = champs en lecture seule davantage grisé */
  border-color: #C8C8C8 !important;
  background-color: #F8F8F8 !important;
  color: #888 !important;
}

.btn.disabled, [disabled].btn, fieldset[disabled] .btn
{
  border-color: #C8C8C8 !important;
  background-color: #F8F8F8 !important;
  color: #888 !important;
  opacity: 1;
}

/* sauf pour les liste déroulantes "version ext.net", qui gère du readonly même si le champ n'est pas vraiment en readonly */
div.x-dropdown-list input.x-form-text
{
  border: 1px solid #93B5CE !important;
  background-color: #FFFFFF !important;
  color: inherit !important;
}

/* champs de saisie : couleur de bordure plus marquée au passage de la souris et au focus */
form#aspnetForm input[type="text"]:hover,
form#aspnetForm input[type="text"]:focus
{
    border: 1px solid #4B83B2 !important;
}

/* dropdownlists (ext.net + Bootstrap) */
form#aspnetForm div.x-dropdown-list:hover,
form#aspnetForm div.x-dropdown-list:focus,
.dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default
{
    border: 1px solid #7998AF;
    background-color: #ECF1F5 !important;
}

/* dans les dropdownlist ext.net, la bordure ne se met pas sur le champs de saisie, mais sur son conteneur */
form#aspnetForm div.x-dropdown-list input[type="text"]:hover,
form#aspnetForm div.x-dropdown-list input[type="text"]:focus
{
    border-width: 0 !important;
}

.ButtonsTable
{
    background-color: transparent;
    color: #444444;
    border-bottom-color: transparent;
    width: auto;
}

table.RightButtons,
div.x-panel-body > div > table.RightButtons
{
    float: right;
    margin-top: 0;
    margin-right: 25px;
}



.ButtonsWithMargin input[type="image"]
{
    padding-left: 20px;
}

.Mandatory
{
    background-color: #C9D3DB;
    background-color: #FFF;
}
table.Mandatory
{
    background-color: transparent;
}
select.Mandatory
{
    color: #000;
}
textarea.Mandatory
{
    color: #222222;
}
.menu_control
{
    background: #43627C;
}

td.Border_BL
{
    border-bottom: #555555 1px dotted;
    border-right: #888 1px solid;
}


div.introduction
{
    margin: 15px 10px 25px 10px;
}


.CTPH_Site
{
    height: 400px;
}

td.TitleRepeater_lr5
{
    background-color: #484B4B;
    color: White;
    padding-left: 10px;
}

table.little-cell-padding td
{
    padding: 3px;
}


.dvAsyncPB_sub
{
    border: 0;
}

/* petit cartouche avec valeurs contextuelles */
table.DefaultStep, table.DefaultCriterias, table.DefaultSummary
{
    border-color: #AAA !important;
    border: 0;
}
table.DefaultSummary
{
    background-color: #F1F1F7;
}
table.DefaultSummary .td_lbl_def, table.DefaultSummary .td_txt_def
{
    padding: 3px 0px;
}

table.header_summary
{
    min-height: 56px;
}
table.header_summary td
{
    vertical-align: center;
}
table.header_summary span
{
    white-space: nowrap;
}

/* pour éviter qu'un contenu de page ne s'insère entre le texte d'intro et les boutons */
table.header
{
    width: 100%;
}

td.td_tab_title
{
    background-color: #43627C;
    background-color: transparent;
    text-align: left;
    padding: 20px 4px 4px 4px;
}
td.td_tab_title .lbl_title
{
    color: #141F78;
}

table.messages td
{
    font-size: 14px !important;
    color: #000;
    padding: 4px;
}

.MenuStaticSelectedStyle, .MenuDynamicSelectedStyle, .SelectedRowStyle, .MenuDynamicHoverStyle, .MenuStaticHoverStyle
{
    background-color: #8598A7;
}

.GVBasicListSelectedRowStyle
{
    background-color: #8598A7;
    color: black;
}

.rcdt2
{
    background-color: #565656;
}

.popupWindow, .tinyPopup
{
    padding: 10px;
    
    background-color: #8A9CAE;
    border: 1 !important;

    background-color: #F7F7FC;
    border-color: #EEEEF2 !important;

    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */

    display: none;
}
.popupWindow
{
    z-index: 1001;
    border-color: #BCC1C4 !important;
    background-color: #F7F7FC;
    background-color: #FFD6C5;
}

td.GCTitle 
{
  padding: 3px;
  background: #CE674E;
  color: white;
}

.border_lbr
{
    border-width: 0 !important;
    width: 100%;
}

.UserInfoDiv
{
    background-color: #8598A7;
    border: 0 !important;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 250px;
    top: 10px;
    border: 1px solid;
}
.UserInfoDiv, .UserInfoDiv td, .UserInfoDiv span
{
    color: white !important;
}

.UserVersionDiv
{
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 250px;
    top: 10px;
    border: 1px solid;
}

.UserInfoDiv, .UserVersionDiv
{
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */
}
.UserInfoDiv table td
{
    padding: 4px 10px;
}
.UserInfoDiv table td span, .UserVersionDiv table td span
{
    font-size: 12px;
    font-weight: normal;
}

#top_floatting_message
{
    position: absolute;
    z-index: 10000;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    background: white;
    padding: 10px 30px 30px 30px;
    /* ombrage */
    -o-box-shadow: 0 2px 20px #CCCCCC;
    -webkit-box-shadow: 0 2px 20px #CCCCCC;
    -moz-box-shadow: 0 2px 20px #CCCCCC;
}
#top_floatting_message a
{
    text-decoration: underline;
}
#top_floatting_message a:hover
{
    text-decoration: none;
}
#top_floatting_message a.btn_close
{
    float: right;
    position: relative;
    top: -10px;
    left: 12px;
    font-family: Arial;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #777;
}

/*Barre de navigation secondaire (step - étapes)*/
div.StepsListTable > table 
{

}
td.Step_Actif, td.Step_NotActif,
td.Left_Step, td.Right_Step, td.Left_StepNotActif, td.Right_StepNotActif, td.Rail_Actif
{
    background-image: none !important;
}
td.Step_Actif, td.Step_NotActif,
td.Step_Actif a, td.Step_NotActif a
{
    width: 120px !important;
}
td.Step_Actif a, td.Step_NotActif a
{
    display: table-cell;
    height: 32px;
    vertical-align: middle;
}
td.Left_Step, td.Left_StepNotActif, td.Right_Step, td.Right_StepNotActif,
td.Rail_NotActif, td.Rail_Actif
{
    width: 1px;
    display: none;
}
td.Step_Actif a, td.Step_NotActif a
{
    background-color: #43627C;
    background-repeat: no-repeat !important;
    background-position: left -1px !important;
    white-space: nowrap;
}
td.Step_NotActif a
{
    background-color: #8699A8;
}
td.Step_NotActif a:hover
{
    background-color: #43627C;
}

td.Rail_NotActif, td.Rail_Actif {
    padding: 0 !important;
}

/* Dernière cellule des onglets "étapes" */
td.Rail_Empty,
div.StepsListTable > table > tbody > tr:nth-of-type(2) > td:last-of-type {
    background-color: #8699A8 !important;
}

td.Step_Actif + td + td + td + td.Step_NotActif a,
td.Step_NotActif:hover + td + td + td + td.Step_NotActif a
{
    background-image: url('../images/step-tab-on-off.png') !important;
}
td.Step_NotActif + td + td + td + td.Step_Actif a,
td.Step_NotActif + td + td + td + td.Step_NotActif a:hover
{
    background-image: url('../images/step-tab-off-on.png') !important;
}
td.Step_NotActif + td + td + td + td.Step_NotActif a
{
    background-image: url('../images/step-tab-off-off.png') !important;
}
td.Step_Actif + td + td + td + td.Step_Actif a,
td.Step_Actif + td + td + td + td.Step_NotActif a:hover,
td.Step_NotActif:hover + td + td + td + td.Step_Actif a
{
    background-image: url('../images/step-tab-on-on.png') !important;
}


/* custo calendrier JQuery (datetimepicker) */
.xdsoft_datepicker .xdsoft_option
{
    font-size: 12px;
}

td.notFirstCol
{
    border-left: 1px solid #E5E5E5;
}

td.tdMessageTitle
{
    padding: 10px;
    color: white;
}
td.tdMessageTitle,
tr.rqof_header td.TitleRepeater 
{
    background-color: #868989;
    background-color: #667480 !important;
}

.ddl_35D, .ddl_10D
{
    border: 0 !important;
}

.menuIcon a
{
    background-repeat: no-repeat;
    background-position: 0 5px; /*padding-left: 20px;*/
}

.menuIcon_add a
{
    background-image: url('../images/menu-icons/add.png');
}
.menuIcon_attach a
{
    background-image: url('../images/menu-icons/attach.png');
}
.menuIcon_calendar a
{
    background-image: url('../images/menu-icons/calendar.png');
}
.menuIcon_collection a
{
    background-image: url('../images/menu-icons/collection.png');
}
.menuIcon_compare a
{
    background-image: url('../images/menu-icons/compare.png');
}
.menuIcon_changeStatus a
{
    background-image: url('../images/menu-icons/change-status.png');
}
.menuIcon_delete a
{
    background-image: url('../images/menu-icons/delete.png');
}
.menuIcon_display a
{
    background-image: url('../images/menu-icons/display.png');
}
.menuIcon_duplicate a
{
    background-image: url('../images/menu-icons/duplicate2.png');
}
.menuIcon_export a
{
    background-image: url('../images/menu-icons/export.png');
}
.menuIcon_followUp a
{
    background-image: url('../images/menu-icons/follow-up.png');
}
.menuIcon_leaflet a
{
    background-image: url('../images/menu-icons/cloth.png');
}
.menuIcon_quantities a
{
    background-image: url('../images/menu-icons/collection.png');
    background-image: url('../images/menu-icons/stats.png');
}
.menuIcon_packaging a
{
    background-image: url('../images/menu-icons/cube.png');
}
.menuIcon_page a
{
    background-image: url('../images/menu-icons/page.png');
}
.menuIcon_preSelect a
{
    background-image: url('../images/menu-icons/pre-select.png');
}
.menuIcon_price a
{
    background-image: url('../images/menu-icons/price.png');
}
.menuIcon_costsheet a
{
    background-image: url('../images/menu-icons/prices.png');
}
.menuIcon_edit a
{
    background-image: url('../images/menu-icons/edit.png');
}
.menuIcon_valid a
{
    background-image: url('../images/menu-icons/enable.png');
}
.menuIcon_invalid a
{
    background-image: url('../images/menu-icons/disable.png');
}
.menuIcon_prepare a
{
    background-image: url('../images/menu-icons/dsi-prepare.png');
}
.menuIcon_prepare_light a
{
    background-image: url('../images/menu-icons/dsi-prepare-light.png');
}
.menuIcon_calculate a
{
    background-image: url('../images/menu-icons/dsi-calculate.png');
}
.menuIcon_generate a
{
    background-image: url('../images/menu-icons/dsi-generate.png');
}
.menuIcon_split a
{
    background-image: url('../images/menu-icons/split.png');
}
.menuIcon_extract a
{
    background-image: url('../images/menu-icons/extract.png');
}


.highlighted, .objNOK
{
    padding: 3px 10px;
    color: white;
    border-radius: 2px;
    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #557189; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #557189; /* chrome + safari */
    box-shadow: 2px 4px 6px #557189; /* opéra */
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}
.highlighted, .objNOK
{
    background-color: #CBAA00;
    background-color: #0079E0;
    background-color: #F37760;
}
.highlighted_box
{
  background: #14A014;
}
.objNOK
{
    background-color: #FF0000;
    margin-left: 4px;
}

td.Border_BL, td.Border_B
{
    padding: 4px;
}

span.NW label
{
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 2px;
}
span.NW input[type="radio"], span.NW input[type="checkbox"]
{
    margin-top: 0;
}

#TabNavigation2 
{
    width: auto;
}
#TabNavigation2 td.txtStep
{
    width: auto;
}
#TabNavigation2 td.imgStep
{
    width: auto;
}
#TabNavigation2 td.imgStep input
{
    margin-right: 10px;
}
    
/* un script JS va afficher les cases du listing Request/Offers en temps et en heure, après repositionnement de celles-ci */
.req_list .general_checkboxes
{
    display: none;
}
.general_checkboxes, .general_checkboxes div
{
    position: absolute;
    z-index: 1000;
}

.general_checkboxes
{
    left: 0;
    top: 32px;
}

.general_checkbox_request
{
    left: 20px;
}
.general_checkbox_request
{
    left: 14px;
}
.art_checkbox_request
{
    left: 10px;
    top: -4px;
}

.general_checkbox_trading
{
    left: 562px;
}
body.firefox .general_checkbox_trading
{
    left: 558px;
}

.general_checkbox_supplier
{
    left: 668px;
}
body.firefox .general_checkbox_supplier
{
    left: 660px;
}

.general_checkbox_offer
{
    left: 821px;
}
body.firefox .general_checkbox_offer
{
    left: 804px;
}
body.ie8 .general_checkbox_offer
{
    left: 817px;
}

/* toutes les cellules */
.item_list tbody#scrollable_tbody_1 > tr > td
{
    border-top: 1px solid #CCC;
    padding-top: 7px !important;
}

/* toutes les cellules de la PREMIÈRE ligne de chaque Request */
.item_list tbody#scrollable_tbody_1 > tr.first_request_row > td
{
    border-top: 2px solid #CCC;
    padding-top: 12px !important;
}

/* toutes les cellules de la DERNIÈRE ligne de chaque Request */
.item_list tbody#scrollable_tbody_1 > tr.last_request_row > td
{
    padding-bottom: 10px !important;
}

/* toutes les cellules de la liste des articles */
tr.article_row > td
{
    padding-bottom: 7px !important;
}


/* pour éviter les "width: 100%" sur les dernières colonnes (pas terrible en dehors d'IE...) */
td.td_lastcol 
{
    width: auto;
}

.item_list .sel_item
{
    float: left;
    margin: 0 4px;
}

/* pour éviter bug de positionnement du calque vectoriel apposé par CCS3Pie */
body.ie8 .code_container 
{
    margin: 0 !important;
    padding: 0 !important;
}
body.ie8 div.code_container,
body.ie8 .status_code, body.ie8 .origin_code
{
    position: relative;
}

.status_code, .origin_code
{
    background: #E4E4E4;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    display: block;
    margin: 2px 0 0 24px;
    width: 90px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
}


.art_list .art_supplier_ref
{
    display: block;
    height: 21px;
    margin-bottom: 4px;
}
.art_list .status_code, .art_list .origin_code, div.art_list div.art_link
{
    padding-right: 1px;
    padding-left: 1px;
    margin-left: 10px;
    width: 110px;
}
.art_list .status_code
{
    margin-top: 5px;
}

.status_code span, .origin_code span
{
    font-size: 10px !important;
    font-weight: bold;
}
.SupplierRequestStatus
{
    margin-bottom: 6px;
}
.OfferStatus
{
    margin: 3px 0 0 0;
    width: 95px;
}
.item_list .bold_info
{
    font-weight: bold !important;
}

.item_list .req_title
{
    font-weight: bold;
    font-size: 14px;
}

.preselection
{
    font-weight: bold;
}

.item_list .offer_title
{
    font-weight: bold;
    font-size: 12px;
}

.item_list .info_label, .art_list .info_label
{
    font-style: italic;
    font-size: 11px;
    color: #888;
}

.item_list .info_value, .art_list .info_value
{
    font-size: 11px;
    color: #222;
}

.item_list td.td_req_id
{
    background-color: #F1F1F4;
    width: 100px;
}

.item_list td.td_req_img
{
    width: 120px;
}

.item_list td.td_req_img img.req_img
{
    -moz-box-shadow: 2px 4px 6px #C8C8C8; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #C8C8C8; /* chrome + safari */
    box-shadow: 2px 4px 6px #C8C8C8; /* opéra */
    /*
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    */
}

.item_list td.td_Offer td.offer_img_container
{
    width: 88px;
}

.item_list td.td_Offer img.offer_img,
div.art_list img.art_img
{
    width: 78px;
    height: 60px;
    -moz-box-shadow: 2px 4px 6px #AAAAAA; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #AAAAAA; /* chrome + safari */
    box-shadow: 2px 4px 6px #AAAAAA; /* opéra */
    /*
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
    */
}

.item_list td.td_Offer img.offer_img
{
    margin-right: 10px;
}

.item_list td.td_req_infos
{
    width: 310px;
}

.item_list td.td_req_infos table.req_infos_inside
{
    width: 300px;
    margin: 6px 10px;
    border: 0 solid red;
}
.item_list td.td_req_infos table.req_infos_inside td
{
    padding: 1px 0;
}

.item_list td.td_Trading
{
    background-color: #E4E4E8;
    width: 110px;
}

.item_list td.td_Offer
{
    background-color: #D8D8DC;
}
.item_list td.td_Supplier
{
    background-color: #D8D8DC;
    width: 160px;
}
.item_list td.empty
{
    background-color: #E4E4E8;
}

.item_list td.td_Offer
{
    min-width: 130px;
    border-left: 1px dotted #BBB;
}
.item_list td.td_Offer.empty
{
    min-width: 130px;
}

.item_list td.empty
{
    border-left-color: transparent;
    border-right-color: transparent;
}

span.TradingRequestStatus
{
    margin-bottom: 6px;
}

/* request/offers non lues */
#tbROA .UR, a.UR
{
    color: inherit;
}
div.req_list tr.UR td.td_req_id, div.req_list td.td_Offer.UR
{
    border-left: 6px solid #db3f3f;
}
div.req_list #tbROA span.UR
{
    color: #444;
}

img.notes
{
    cursor: pointer;
    margin-left: 3px;
}

.div_notes
{
    background: #596C7B;
    border-radius: 3px;
    border-width: 0 !important;
    -moz-box-shadow: 2px 4px 6px #BBBBBB; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
    box-shadow: 2px 4px 6px #BBBBBB; /* opéra */
    behavior: url(../Scripts/ie-compatibility/PIE.htc);
}

/* articles */
#tbROA .rowEven
{
    background-color: #F1F1F1;
    border: 0;
}

#tbROA .rowOdd
{
    background-color: #EBEBEB;
    border: 0;
}


/* pieds de page Datadrids */
.GVBasicListPagerStyle
{
    background-color: #DDD;
}
.GVBasicListPagerStyle td table td a, .GVBasicListPagerStyle td table span, td.CellNumber a
{
    margin-left: 4px;
    padding: 2px 8px;
    background-color: #999;
    font-size: 12px;
    color: white;
    text-decoration: none !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-little
{
    text-decoration: none !important;
    background: #D6D6D6 !important;
    color: #444 !important;
    padding: 3px 8px 2px 8px;
    font-weight: normal;
    display: inline-block;
    border-radius: 3px;
}
.btn-little:hover
{
    background: #CCCCCC !important;
    color: #222 !important;
}
.btn-little-blue
{
    background: #15467E !important;
    color: #EEE !important;
}
.btn-little-blue:hover
{
    background: #2B64A4 !important;
    color: #FFF !important;
}

.btn-sharp
{
    border-radius: 0;
}

.innerTipHeader
{
    padding: 10px;
    background: #333;
    margin-bottom: 5px;
    border-bottom: 1px dotted #DDD;
    font-weight: bold;
    font-style: italic;
}

.GVBasicListPagerStyle td table span
{
    background-color: #666;
}
.GVBasicListPagerStyle td table a:hover, td.CellNumber a:hover
{
    background-color: #888;
}

td.CellNumber a:hover
{
    background-color: #366A93;
}
td.CellNumber a
{
    background-color: #43627C;
    padding: 2px 10px 4px 10px;
}
td.CellNumber a[disabled]
{
    background-color: #0F4873;
}

.StepsListTable a:hover, td.CellNumber a:hover
{
    color: white !important;
}
.GVGroupStyle
{
    background-color: #DAEAEF;
}

div.Title_Bold_12pt
{
    background-color: #43627C;
    padding: 9px;
    color: #FFF;
}


/* pour corriger un pb de positionnement sur le contenu de certaines listes déroulantes Bootstrap "selectpicker" */
body > .bootstrap-select
{
  height: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
  z-index: 10000 !important;
}

/* pour compenser le fait qu'avec Bootstrap, les "cellspacing" et les "cellpadding" ne sont plus pris en compte... */
table.little_padding > tbody > tr > td
{
 padding-right: 3px;
 padding-left: 3px;
}

.ListTable
{
 border: 0 !important;
}

#scrollzoneMsg > table > tbody > tr > td 
{
 padding: 4px;
}

.my_tooltip
{
    background-color: #EFF1F1;
    border: 1px solid #D4D9D9;
    margin: 0 0 0 15px;
    padding: 5px;

    /* ombrage */
    -moz-box-shadow: 2px 4px 6px #C4C8C8; /* mozilla */
    -webkit-box-shadow: 2px 4px 6px #C4C8C8; /* chrome + safari */
    box-shadow: 2px 4px 6px #C4C8C8; /* opéra */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#C4C8C8);
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*Div de CONFIRMATION*/
.DivConfirm
{
 border: 0 !important;
 background-color: #5E7698;

 /* ombrage */
 -moz-box-shadow: 2px 4px 6px #AAA; /* mozilla */
 -webkit-box-shadow: 2px 4px 6px #AAA; /* chrome + safari */
 box-shadow: 2px 4px 6px #AAA; /* opéra */
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#AAA);
}
.DivConfirm *
{
 color: #EEE !important;
}
.DivConfirm_lightbox
{
    padding:15px;
    text-align:center;
    white-space:normal !important;
}

/* titres de critères dans écran type "Assign DA Code" */
.tr_group { background-color: #43627C; }

/* libellés dans écran d'export PDF */
a.lnk_Default2 { color: #000 !important; }


/* conteneur de l'UpdateProgress "old school" doit être caché par défaut */
.WaitPanel 
{
    display: none;
}


/* Custo E-CATALOG */
#ECataFilter
{
    margin-right: 20px;
}

.FilterZone, .lbl_FilterTitle
{
    background-color: transparent;
    border: 0;
}

div.FilterTitle span 
{
    font-weight: normal;
}

td.selFilter
{
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #DEE5ED;
}
td.selFilter *
{
    font-weight: bold;
    color: #000;
    font-style: normal;
}

.ECatTB
{
    background-color: transparent;
    color: #FFFFFF;
}
table.ECataSItem
{
    border: 0 !important;
}

.ECataLItem li, #action_buttons,
li.dropdown, ul.dropdown-menu li
{
    list-style: none;
}

/* un code produit peut avoir un suffixe du type "_001" */
#ECataPdtList a.product_code,
#CartPdtList a.product_code
{
    width: 120px;
    text-align: center;
}

#ECataPdtList div#PdtList.border_top
{
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-style: solid;
    border-color: #C6D6DE;
}

.ECataLItem .ECatLICP 
{
    vertical-align: top;
}

/* séparation entre titre produit et sa description */
td.ECatLILS 
{
    padding-top: 5px !important;
}

.lbl_Price
{
    color: #F66 !important;
}

.ECataLItem .ECatLICP, .ECataLItem .ECatLILP, .ECataLItem .ECatLIPr, .ECataSItem .ECatLICP, .ECataSItem .ECatLILP,
.ECataSItem .ECatLIPr, .CartItem .ECatLICP, .CartItem .ECatLILP, .CartItem .ECatLIPS1, .CartItem .ECatLIPS2
{

    background-color: transparent;
    color: #39506B;
}

.ECataLItem 
{
    border: 1px solid #C6D6DE;
}
.ECataLItem td
{
    padding: 1px 3px;
}

/* Pagination */
div#PdtPager 
{
    text-align: center;
}
table.TbPager
{
    display: inline-block;
    width: auto; 
}

/* Chaque item d'une liste détaillée de produits */
.ECataSItem, .ECataLItem, .CartItem 
{
    border-color: transparent !important;
    border-top: 1px solid #C6D6D6 !important;
    padding-bottom: 10px;
    margin-top: 10px;
}

#CartPdtList .square-box-body
{
    padding-bottom: 25px;
}
#PdtHeader
{
    padding-top: 5px;
    padding-bottom: 20px;
}

/* libellés + valeurs dans les produits de ECatalog */
.lbl_PL_lib
{
    font-style: italic;
    color: #888;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}
.lbl_PL_Dat
{
    font-weight: normal;
    color: #222;
    font-size: 12px;
    font-style: normal;
    text-align: left;
}



.TbPager
{
    background-color: transparent;
}

/* -------*/
/* Upload */
/* -------*/
.UploadArea input
{
    width: 350px;
}
.UploadList
{
    float: left;
    width: 80%;
}

/* -------------------------------*/
/* Réglage de largeur des tables */
/* ------------------------------*/
Table td.w_half
{
    width: 50%;
}
Table.w_95
{
    width: 95%;
}
table.w_70
{
    width: 70% !important;
}
table.w_75
{
    width: 75% !important;
}

/* ----------------------*/
/* Définition du largeur */
/* ----------------------*/
.w_200
{
    width:200px;
}

span.audit_report, span.test_report 
{
    padding: 2px 8px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

span.audit_report 
{
    background-color: #92CDDC;
    color: #27435D;
}

span.test_report 
{
    background-color: rgb(255, 128, 0);
    text-shadow: 1px 1px #778;
}

/* -------------------------------------------*/
/* Réglage de la hauteur de la zone de click  */
/* pour les boites modales draggable          */
/* -------------------------------------------*/
.lightbox-header
{
    width: 100%;
    min-height : 20px;
}
.draggable-header
{
    cursor: move;
}

/* Vue planning pour la prise de RV */
.planningRDVheader
{
    margin: 4px;
    font-weight: bold;
}

/* Textbox de type Time 00:00 */
input.time-box
{
    text-align: center !important;
    padding-left: 1px !important;
}

/* Aligner label de td en haut */
td.atTop
{
    vertical-align: top !important;
}

/* Link dans un td du GV */
a.td_nb_sum
{
    color:#337ab7;
    float:right;
    text-decoration: none;
}
a.td_nb_sum:hover
{
    text-decoration: none;
}
a.td_nb
{
    color:#5f5f5f;
    float:right;
    text-decoration: none;
}
a.td_nb:hover
{
    color:#5f5f5f !important;
    text-decoration: none;
}
.DefaultTable .bootstrap-select>select
{
    left: 0;
}
.dCadre .bootstrap-select>select
{
    left: 0;
}

/* Suppression de la croix "Clear Field" sur IE10/11 */
input::-ms-clear 
{
    display : none;
}

td#Ximg div.icon-information
{
    background-image: url(../images/tiny-gray-icons/green-light.png) !important;
    margin-right : 0px !important;
}

td#Ximg div.icon-error
{
    background-image: url(../images/tiny-gray-icons/orange-light.png) !important;
    margin-right : 0px !important;
}

td#Ximg div.icon-exclamation 
{
    background-image: url(../images/tiny-gray-icons/red-light.png) !important;
    margin-right : 0px !important;
}

.w_gv_100 
{
    padding : 2px 0 2px 0 !important;
}

.tbGridView_2 
{
    margin : 10px 0 10px 0 !important;
}

.wrapWhiteSpace 
{
    white-space:pre-wrap !important;   
}

.x-form-empty-field
{
    text-transform: capitalize !important;
}

/* début style pour les tabs */
ul.x-tab-strip-top, .x-toolbar 
{
	background-color: #FFF !important;    
}
.x-tab-panel-header 
{
	border-color: #FFF !important;    
}
.x-tab-strip-top .x-tab-right
{
	background-image: none !important;
	background-color: #8699A8;
	border-radius: 5px 10px 0px 0px;    
}
.x-tab-strip-top .x-tab-left
{
	background-image: none !important;
	padding-left: 10px;     
}
.x-tab-strip-top .x-tab-strip-inner
{
	background-image: none !important;       
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right 
{
	background-color: #43627C !important;    
}
.x-tab-strip-active span.x-tab-strip-text, span.x-tab-strip-text
{
	    color: #FFF !important;  
}
.x-tab-panel-body, ul.x-tab-strip-top 
{
	border-color: #DDDEDE !important;    
}
/* fin style pour les tabs */

.font-size-0 {
    font-size: 0 !important;
}