/******* Fonts ********************************/
@font-face {
    font: 14px/18px 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font: 14px/18px 'Roboto';
    src: url('fonts/Roboto/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto/Roboto-Bold-webfont.ttf') format('truetype'); 
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font: 14px/18px 'Roboto';
    src: url('fonts/Roboto/Roboto-BoldItalic-webfont.eot');
    src: url('fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Roboto/Roboto-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font: 14px/18px 'Roboto';
    src: url('fonts/Roboto/Roboto-Italic-webfont.eot');
    src: url('fonts/Roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('fonts/Roboto/Roboto-Italic-webfont.ttf') format('truetype'); 
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font: 14px/18px 'Roboto';
    src: url('fonts/Roboto/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto/Roboto-Light-webfont.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: '14px/18px 'Roboto'Light';
    src: url('fonts/Roboto/_ltit-webfont.eot');
    src: url('fonts/Roboto/_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/_ltit-webfont.woff') format('woff'),
         url('fonts/Roboto/_ltit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}*/
/**********************************************/

/******* HTML5 Boilerplate CSS: h5bp.com/css ********/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }*/

::-moz-selection { background: #002a5c; color: #fff; text-shadow: none; }
::selection { background: #002a5c; color: #fff; text-shadow: none; }

a { color: #002a5c; }
a:visited { color: #EEE; }
a:hover, a:active { color: #EEE; }
a.active { color: #1da5d8; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
em { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align:middle; }*/

.small { font-size:12px; line-height: 14px; }
.large { font-size:16px; line-height: 18px; }
/********************************/

/**** Non-Semantic Helper Classes ********/
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/********************************/

html { height:100%; }

body { height:100%; /*overflow:hidden !important;*/ font: 14px/18px 'Roboto', Arial, Verdana; /*text-shadow: black 0.1em 0.1em 0.2em;*/ height:100%; margin: 0; min-width:310px; }
.main-header { text-shadow: black 0.1em 0.1em 0.2em; }

/*ScrollBar couleur pour Chrome FireFox*/
#main_wrapper ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
#main_wrapper ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
#main_wrapper ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color:#eee;   } 

.bodyBlack /*Black body*/
{
	background-color:#444;
	color:#FFF;
    /*ScrollBar couleur pour IE*/
    scrollbar-face-color      : #444;
    scrollbar-arrow-color     : #FFF;
    scrollbar-track-color     : #333;
    scrollbar-shadow-color    : #000;
    scrollbar-highlight-color : #444;
    scrollbar-3dlight-color   : #333;
    scrollbar-darkshadow-Color: #000;	
}

.bodyWhite /*White body*/
{
	background-color:#FFF;
	color:#333;
    /*ScrollBar couleur pour IE*/
    scrollbar-face-color      : #FFF;
    scrollbar-arrow-color     : #444;
    scrollbar-track-color     : #FFF;
    scrollbar-shadow-color    : #000;
    scrollbar-highlight-color : #444;
    scrollbar-3dlight-color   : #FFF;
    scrollbar-darkshadow-Color: #000;
}

.bodyGrey
{
	background-color: #ecf0f5;
	color:#333;
    /*ScrollBar couleur pour IE*/
    scrollbar-face-color      : #FFF;
    scrollbar-arrow-color     : #444;
    scrollbar-track-color     : #FFF;
    scrollbar-shadow-color    : #000;
    scrollbar-highlight-color : #444;
    scrollbar-3dlight-color   : #FFF;
    scrollbar-darkshadow-Color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/******* Page Login ********/
.bodyLogin
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    background-color:#ecf0f5;
    color:#444;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	Text-Shadow: none;
	height:100%;
}

.bodyLogin a { color:#444; text-decoration:none; }
.bodyLogin a:hover { color:#000; text-decoration:underline; }

h3 { font: 14px/18px 'Roboto', Arial, Verdana; font-size: x-large; /*font-weight: bold;*/ /*Text-Shadow: black 0.1em 0.1em 0.2em;*/ }
.RetourSiteWeb { color:#999; }
.RetourSiteWeb a {color:#999; text-decoration:none; }
.RetourSiteWeb a:hover { color:#000; text-decoration:underline; }
#LoginFDT { -webkit-box-shadow:  5px 5px 3px 0px rgba(0, 0, 0, 0.3); box-shadow:  5px 5px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:  5px 5px 3px 0px rgba(0, 0, 0, 0.3); border-radius: 10px;}
.TitreLogin{ border-radius: 10px 10px 0px 0px; Text-Shadow: black 0.1em 0.1em 0.2em; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; background-color:#3c8dbc; color:#FFF;}
.tbLogin { font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:15px; width:130px; padding:3px; letter-spacing:1.1px;}
.btnLogin{margin-right:10px;}

#Logo{ margin:auto; }
#divTitre{ text-align:center; margin-bottom:10px; margin-top:10px; font-size:36px; /*font-weight:bold;*/ clear:both; padding-top:25px; padding-bottom: 25px; line-height:32px; }

/******* Fin Page Login ********/


#header_wrapper { position: absolute; width: 100%; top:0px; left:0px; height: 26px; -moz-box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); background-color:#444; z-index: 1; }
#header_toolbar { position: relative; width: 100%; top:0px; left:0px; height: 26px; margin-top:4px; float:left; color:White; font: 14px/18px 'Roboto', Arial, Verdana; /*font-weight:bold; font-size:11px;*/ border-radius: 10px 10px 0px 0px; z-index:0 !important; }
#header_toolbar header { height: 26px;  }
/*#header_toolbar nav.horizontal ul li { position:relative; top:4px; display:inline; padding:0; margin-left:50px; z-index:10; }
#header_toolbar nav.horizontal ul { text-align:right}*/
#header_logo { float:left; }
#Logo { margin-left:5px; margin-top:2px;max-width:450px; float:left; overflow: hidden; max-height: 71px;}
.main-header .logo { font-size:18px;}
.header_toolbar_Droite{ float:right; margin-right: 8px;}
.lnkBtnMenu{ font-size:16px; /*vertical-align:middle;*/ /*font-weight:bold;*/ }
#header_LogoMenu { clear:both; position: relative; height:73px; width:100%; background-color: #FFF; z-index:10 !important; overflow:visible; -webkit-box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, 0.3); }
#Menu { min-width:200px; float:right; Text-Shadow:none; /*background-color:#FFF;*/ }
.SousMenu { font: 14px/18px 'Roboto', Arial, Verdana; font-size:12px; font-weight:bold; color: #000 !important; text-decoration:"none"; margin-top:15px; }
.SousMenu a { text-decoration:none; color: #000; }
.SousMenu a:hover{ text-decoration:underline; color:#EEE; }
.btnNavHeader { color: #FFF; }
.btnNavHeader a { color: #FFF; }
.btnNavHeader a:hover { color: #EEE; }
ul.sidebar-menu li:hover{ cursor:pointer; }
ul.treeview-menu li:hover{ cursor:pointer; }
ul.MenuConfig li:hover{ cursor:pointer; }
.HeaderMenuConfig{ color:white !important; background-color:#222d32; }
ul.MenuConfig a {color:inherit;}
.MenuConfig {
  list-style: none;
  margin: 0;
  padding: 0;
}
.MenuConfig > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.MenuConfig > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.MenuConfig > li > a > .fa,
.MenuConfig > li > a > .glyphicon,
.MenuConfig > li > a > .ion {
  width: 20px;
}
.MenuConfig > li .label,
.MenuConfig > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}
.MenuConfig li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.MenuConfig li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.MenuConfig li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.MenuConfig li.active > .treeview-menu {
  display: block;
}
.MenuConfig .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.MenuConfig .treeview-menu .treeview-menu {
  padding-left: 20px;
}
.MenuConfig .treeview-menu > li {
  margin: 0;
}
.MenuConfig .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.MenuConfig .treeview-menu > li > a > .fa,
.MenuConfig .treeview-menu > li > a > .glyphicon,
.MenuConfig .treeview-menu > li > a > .ion {
  width: 20px;
}
.MenuConfig .treeview-menu > li > a > .fa-angle-left,
.MenuConfig .treeview-menu > li > a > .fa-angle-down {
  width: auto;
}
 .MenuConfig > li.header {
  color: #4b646f;
  background: #1a2226;
}
 .MenuConfig > li > a {
  border-left: 3px solid transparent;
}
 .MenuConfig > li:hover > a,
.MenuConfig > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-width:5px;
  border-left-color:lightgrey;
}
 .MenuConfig > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

/* Profil - photo user*/
.main-sidebar .user-panel{ white-space:inherit;}
.user-footer{ text-shadow:none;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{ width:auto; }
.btn-MarginLeft40{ margin-left:43px; }
.user-panel > .info > p { margin-bottom:3px; }

/* Menu */
.txtUpperCase{ text-transform:uppercase; }

#main_wrapper { width:100%;  /*margin-bottom:25px;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear:both;}

#Main_Vertical_Splitter { margin-left: 240px;}

#Main_Droite, #SousDroite_Gauche, #SousDroite_Droite, .wijmo-wijsplitter-v-panel1, .wijmo-wijsplitter-v-panel2, .wijmo-wijsplitter-wrapper {  }

#panel_Droite { overflow:hidden !important; }

#panel_Gauche { border-radius: 10px 10px 0px 0px;  }

#loading { position:relative; }
#loading_contenu { height:20px; width:135px; background-color: #519cde;  background: -webkit-linear-gradient(top, #66a8e2 40%, #3c8dbc 100%); color:#FFF; text-align:center; padding-top:1px; -webkit-box-shadow:  3px 3px 3px rgba(0,0,0,0.3); box-shadow:  3px 3px 3px rgba(0,0,0,0.3); border-radius: 8px; }

.main-footer{ padding: 5px 10px 5px 10px;}
.footerTitreProjet{ font-size: 11px;  }
footer { color:#999999; font: 14px/18px 'Roboto', Arial, Verdana; /*font-size: 11px;*/ /*float:right;*/ Text-Shadow:none; margin-right:8px; margin-top:2px; }
/*footer #right { float:right; padding-right:0px; padding-top:4px;}
footer #left { float:left;  padding-left:0px; padding-top:4px; }*/
footer a, footer a:visited {  color:#999999; }
footer a:hover { color:#333; text-decoration: underline; }
#footer_wrapper { z-index:1000 !important; position: fixed; bottom:0px; width: 100%; height: 25px;  background-color:white; -webkit-box-shadow:  0px -3px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:  0px -3px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:  0px -3px 2px 0px rgba(0, 0, 0, 0.3); clear:both; }

/* Skin */
.skin-black, .skin-black-light, .skin-blue-light, .skin-red-light, .skin-yellow-light, .skin-purple-light, .skin-green-light, .control-sidebar, h3.control-sidebar-heading { text-shadow:none !important; }
.lbBtnAffichageSave { display:none; }

/* Grid default */
.tabContainerGrid{border: 0px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); background-color:#fff; padding:10px; border-radius: 3px; margin-bottom: 20px; }
tr.Grid_LigneTop { border-top: 3px solid #d2d6de; }
td.Grid_CelluleLigneTop { padding:5px; }
td.Grid_CelluleLigneBottom { padding-left:10px; padding-bottom:5px; }
table.Grid_filtreTable{margin-right:10px;}
table.btnNav{margin-left:10px; margin-bottom:5px; }
table.btnNav a.lnkBouton { padding-right: 10px; }
.TitreGrid p { margin-bottom: 10px; }

/* Formulaire default */
div.boxForm { width:630px; margin:auto; padding-top:10px; }
table.tabFormulaire tr td { padding-top:5px; }

.contenu
{
    /*font: 14px/18px 'Roboto', Arial, Verdana;*/
    font-size:14px;
    /*color: #FFF !important;*/
    text-decoration:"none";  
    text-shadow:none;
}

.contenu a
{
    text-decoration:none;
    /*color: #FFF !important;*/
}

.contenu a:hover
{
    text-decoration:underline;
    /*color:#EEE;*/
}

#blanket 
{
    background-color:#111;
    opacity: 0.65;
    filter:alpha(opacity=65);
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}

#popUpDiv 
{
    position:absolute;
    background-color:#ffffff;
    width:650px;
    height:350px;
    z-index: 9002;
}

#popUpDiv2 
{
    position:absolute;
    background-color:#ffffff;
    width:650px;
    height:350px;
    z-index: 9003;
}

.wide
{
    width: 125px;
}

.wide.expand 
{
    width: auto;
}

.CBLForm td label { padding-left:3px; padding-right:3px; }

.txtDate
{
    font-family: Verdana, 'Roboto';
    font-size:11px;
    color:Black;      
}

.TextBox { width: 250px; padding-left:5px; border-radius: 2px; box-shadow: none; border-color: #eee; border-width:1px; border-style:solid; }
select.TextBox { padding-left:0px; }

.TextBoxNumeric { width: 75px; padding-left:5px; border-radius: 2px; box-shadow: none; border-color: #eee; border-width:1px; border-style:solid; }

.TextBoxReadOnly { width: 250px; padding-left:5px; border-radius: 2px; box-shadow: none; border-color: #eee; border-width:1px; border-style:solid; background-color:#ddedfe;}
select.TextBoxReadOnly { padding-left:0px; }

.TextBoxNumericReadOnly{ width: 75px; padding-left:5px; border-radius: 2px; box-shadow: none; border-color: #eee; border-width:1px; border-style:solid; background-color:#ddedfe; }

a.FormNomFichier { color:#333; }
a.FormNomFichier:hover { color:#333; text-decoration:underline; }

/********* Bulle de validation des form ****/
.validatorCalloutHighlight
{
    background-color: #f9dede;
}

.CustomValidatorCalloutStyle div,
.CustomValidatorCalloutStyle td
{
    background-color: lemonchiffon; 
    Text-Shadow:none;
}

.ajax__validatorcallout_icon_cell
{
    border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA; 
    -moz-box-shadow: 3px 3px 3px #AAA; 
}

.ajax__validatorcallout_error_message_cell
{
    color:#333;
    line-height:15px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA;
    -moz-box-shadow: 3px 3px 3px #AAA;      
}

.ajax__validatorcallout_close_button_cell
{
    border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA;
    -moz-box-shadow: 3px 3px 3px #AAA;  
}

.cbbGridEdit .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{   
    font-family:14px/18px 'Roboto', Verdana;
    font-size:11px;
    color:Black;      
    margin: 0;
    border: solid 1px #7F9DB9;
    /*border-right: 0px none;*/
    padding: 1px 0px 0px 5px;
    height: 17px;
    width:120px;
    border-radius: 4px 4px 4px 4px;
}

.cbbGridEdit .ajax__combobox_textboxcontainer, .cbbGridEdit .ajax__combobox_buttoncontainer
{
    border:0 none;    
}
.cbbGridEdit .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    display:none;
}
.cbbGridEdit .ajax__combobox_itemlist
{
    border-color: #7F9DB9;
    width:120px;
}
/*************/

.ddlGvEdit
{
    font-family:14px/18px 'Roboto', Verdana;
    font-size:11px;
    color:Black;      
    width:120px;
    border-radius: 4px;
}

/*.tbRecherche
{
    font-family:14px/18px 'Roboto', Verdana;
    font-size:11px;
    color:Black;      
    width:150px;
    border-radius: 4px;
}*/
.tbRecherche { width:150px; padding-left:3px; border-radius: 2px; box-shadow: none; border-color: #eee; font-size: 14px; border-style: solid; border-width: 1px; }

.recherche_mot{ background-color: Yellow; }

.tbDate { width: 125px; padding-left:5px; border-radius: 2px; box-shadow: none; border-color: #eee; border-width:1px; border-style:solid; }

.tbDateEdit { width:75px; padding-left:3px; border-radius: 2px; box-shadow: none; border-color: #eee; font-size: 14px; border-style: solid; border-width: 1px;  }

.ddlFiltre { border-radius: 2px; box-shadow: none; border-color: #eee; max-width: 200px; }
.ddlFiltreMax150 { max-width: 150px !important; }

.ddlFiltreReadOnly { border-radius: 2px; box-shadow: none; border-color: #eee; max-width: 200px; background-color:#ddedfe; }

.TextBoxForm
{
    font-family:14px/18px 'Roboto', Verdana;
    font-size:11px;
    color:Black;
    width:200px;   
    border-radius: 4px;   
}

.TitreForm
{
    color:Black;
    font-size:16px; 
    font-weight:bold;  
}

.lnkBouton
{
    /*font-weight:bold;*/
    font-size:18px; 
    cursor: pointer;
    color:#333;
} 
a.lnkBouton
{
    /*font-weight:bold;*/
    font-size:18px; 
    cursor: pointer;
    color:#333;
}  
a.lnkBouton:hover
{
    text-decoration:none;
} 
a.lnkBouton:visited{ color:#333; } 
/*
.Header
{
  font-weight:bold;  
}
*/

table.GridTracks
{


}

.Titre
{
    font: 14px/18px 'Roboto',Arial, Verdana, Arial, sans-serif;
	/*color:Black;*/
    font-size:22px; 
    /*font-weight:bold; */
    text-align:center;
}

.Titre p
{
    margin-top:20px;
    margin-bottom:10px;
}

.TitreGrid p
{
    margin-bottom:10px;
}

.CBLGrivView
{
	font-size : 11px;    
}

table.CBLForm
{
    font-size : 10px;     
}
table.CBLForm tr td {padding-top:0px;}
table.CBLForm tr td label {margin-bottom:0px;}
table.tabFormulaire tr td span.Checkbox label {font-weight:normal; font-size:10px; margin-left: 1px;}

.TitreMenu
{
    /*color:Black;*/
    font-size:20px; 
    /*font-weight:bold; */
    text-align:center;
}

.SousTitreMenu
{
    /*color:Black;*/
    font-size:14px; 
    font-style:italic;
    text-align:Left;
    font-weight:bold; 
}

.TitreLien
{
    font-family: Arial, Verdana, Arial, 14px/18px 'Roboto', sans-serif;
    font-size:14px;
    /*color: #000000;*/
    text-decoration:"none";  
}

.FiltreEnfant a
{
    text-decoration:underline;
    color: #5D7B9D;
}

.FiltreEnfant a:hover
{
    text-decoration:underline;
    color:#333333;
}

.TextBoxGvEditNombre
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:11px;
    color:Black;
    width:40px;  
    border-radius: 4px;    
}

.TextBoxGvEditNombreDecimal
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:11px;
    color:Black;
    width:55px;  
    border-radius: 4px;    
}

.TextBoxGvEditNombreHide
{
    background-color:#EEEEEE;
    border:0; 
}

.TextBoxGvEditNombreHideAlternate
{
    background-color:#dcdcdc;
    border:0; 
}

.TextBoxGv200
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:11px;
    color:Black;
    width:200px;  
    border-radius: 4px;    
}

.TextBoxGv
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:11px;
    color:Black;
    width:150px;  
    border-radius: 4px;    
}

.TextBoxGvHide
{
    background-color:#EEEEEE;
    border:0; 
}

.TextBoxGvHideAlternate
{
    background-color:#dcdcdc;
    border:0; 
}

.MessageConfirme
{
    /*font-weight:bold;  */
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:13px;
    color:Green;    
    text-align:center;
}

.MessageErreur
{
   /*font-weight:bold;  */
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:13px;
    color:Red;  
    text-align:center;  
}

.MessageAvertissement
{
    /*font-weight:bold;  */
    font-family:Verdana;
    font-size:13px;
    text-align:center;      
}

.imgLogoTitre
{
    padding-top:1px;
    padding-left:1px;    
}

.TitrePage
{
    /*font-weight:bold; */
    font-size:17px;
    top: 3px;
    left: 34px;
    position: absolute;
}

/*Pour les div Pop Up*/
.btnFermeFenetre
{
    position: absolute;
    right: -10px;
    top: -10px;
}

.EnteteFenetre
{
    height:25px;
    width:100%;
    padding-bottom:4px;
    margin-bottom:3px;
    text-align:center;
    border-bottom-color:Black;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-color:#0a236b; 
    border-radius: 8px 8px 0px 0px;
}

.TitreFenetre
{
    font: 14px/18px 'Roboto', Arial, Verdana;
    font-size:14px;
    color: #FFFFFF;
    text-decoration:none; 
   /* font-weight:bold;*/
    margin-bottom:14px;
}

/*Pop Up Message*/
#popUpDiv_Message 
{
    border-top-color:Black;
    border-top-style:solid;
    border-top-width:1px;
    border-bottom-color:#0a236b;
    border-bottom-style:solid;
    border-bottom-width:10px;    
    border-left-color:#000000;
    border-left-style:solid;
    border-left-width:1px;  
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width:1px;       
    position:absolute;
    background-color:#ffffff;
    width:400px;
    height:200px;
    z-index: 9002;
    border-radius: 8px; 
}

.btnFermeFenetre_Message { margin-top:-10px; margin-left:390px; }

.TexteMessage { font: 14px/18px 'Roboto', Arial, Verdana; font-size:13px; color: #000; font-style:italic; padding-left:3px; padding-right:3px; }
/*Fin div Pop Up Message*/
/*Fin div Pop Up*/

 
/************ Style particulier du obout Grid ********************/	
#ctl00_cphContenu_GvMain_ob_GvMainFooterContainer_ob_GvMainALC
{
	background-image:url(/images/insert_14.png);    
	background-repeat:no-repeat;
	background-position: 0px 1px;
	padding-left:14px;			    
}
			
#ctl00_cphContenu_GvMain_ob_GvMainFooterContainer_ob_GvMainFLC
{
	background-image:url(/images/recherche_14.png);    
	background-repeat:no-repeat;
	background-position: -0px 2px;
	padding-left:14px;			    
}	
			
a.gvBtnModifier
{
	color:#065a8e !important;   
	/*background-image:url(images/edit_14.png);    
	background-repeat:no-repeat;
	background-position: -0px 0px;
	padding-left:14px;	
	position:-10px;	*/		     
}	
			
.ob_gBody a { color: #065a8e !important;}

/*Enlever le text-shadow du obout grid et DropDownList*/
.ob_gMCont{ text-shadow: none; line-height: 14px; margin:10px; margin-top: 4px; }
.ob_iDdlICBC li{ text-shadow: none; }

/*ComboBox*/
.ob_iCboICBC{text-shadow: none; }
			
.editTable-textbox
{
    background-color: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: 0;
    font: inherit;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align:center;
}
    
.editTable-textbox-focused
{
    background-color: #FFFFFF;
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: 0;
    font: inherit;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align:center;
}
    
.editTable-textbox-error
{
    color: #FF0000;
}

.imgRefresh_btnSave{ margin-right:10px;}

.ob_gBCont
{
    background-color:#EEEEEE;    
}

.ob_gBody .ob_gC, .ob_gBody .ob_gCW
{
     font-family: 'Roboto', Arial, Verdana;
     font-size: 12px;
     line-height: 16px;
}

.ob_gNRM .ob_gCc1
{
    font-family: 'Roboto', Arial, Verdana;
    font-size: 14px;
}

.ob_gCFR .ob_gC { font-family: 'Roboto', Arial, Verdana !important; font-size: 13px !important; }
    
/*.ob_gCc2 
{
    padding-left: 3px !important;
}
	
.ob_gBCont
{
	border-bottom: 1px solid #C3C9CE;
}*/	

/*.ob_gFCont
{
	background-color: #cbcbcb !important;
	background-image: none !important;
}
		    
.ob_gFCont
{
	height: 81px !important;
}*/
	/*Pour le footer 3 ligne à voir....*/
/*
.ob_gFEC
{
	position: relative !important;
}*/
/*div du Pager Size*/
/*.ob_gFP
{
	float: left !important;
}
.ob_gPLD, .ob_gPLCL, .ob_gPLCLH
{
	height: 16px !important;
}
						
.ob_gALFS
{
	visibility: hidden;
}*/
			
/*div Bouton dans le bas du Grid*/
/*.ob_gFALC
{
	clear:both;
	float: left !important;
}
			
a.ob_gALF
{
	font-weight:bolder !important;
}*/

/********************************/
	        
/***********  JQuery Date Picker  *********************/
.ui-datepicker{ background-color:#FFF; z-index:9999 !important;}

.ui-datepicker-week-end{ color:#444; }

.ui-datepicker-calendar th { color:#444; }

.ui-datepicker-header { background:none; background-color:#3c8dbc !important; border:0;color:White; text-shadow:none;  }


.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }

.ui-state-active { background-color:#3c8dbc !important; color:White !important; }

.ui-datepicker-calendar{ text-shadow:none; background-color: white;}
/********************************/

/***********  Wijmo Spliter  *********************/
.wijmo-wijsplitter-v-bar { background-color:#ccc; }
.ui-widget-content{ border:none; background:inherit; color:inherit; }
/********************************/

/***********  Cute Editor  *********************/
.CuteEditorBottomBarContainer { color:#333; Text-Shadow: none; }
/********************************/

/********** LM Windoower QCIF ****************/
.LM_Active{font-weight:bold;font-size:16px;padding-left:15px;}
/********************************************/

/********** TableauDeBord ****************/
section.TableauDeBord{ min-height:auto; }
section.TableauDeBord div.btnSolution a { text-decoration:none; color:#333; }
section.TableauDeBord div.btnSolution a:hover{ text-decoration:none; color:#AAA; }
section.TableauDeBord div.btnSolution .info-box-text { text-transform: none; white-space:initial; }
section.TableauDeBord .small-box>.inner { padding: 20px; } 
section.TableauDeBord .small-box .icon { top: 3px; }
.BoxCustomNoLink { height: 24px; }
table.dataTable thead .sorting:after { content:none !important; }
table.dataTable thead .sorting_desc:after { content:"\e259" !important; }
table.dataTable thead .sorting_asc:after { content:"\e260" !important; }
section.StatsRapport { margin-right:10px; clear:both; }
section.TableauDeBord input[type="search"] { -moz-box-sizing: inherit ; -webkit-box-sizing: inherit ; box-sizing: inherit; }
section.TableauDeBord .form-control { border-radius: 3px; }
table.dataTable td a { color:#3c8dbc; }
table.dataTable td a:hover { color:#333; text-decoration:none; }
body.bodyRapportPrint { text-shadow:none; }
h1.RapportSousTitre{ float:left; }
div.divExportBtn{ float:right; }
/* Row grouping subtotal */
tr.group{ background-color:#3c8dbc !important;  color:#FFF !important; opacity:1;}
div.dataTables_scrollBody{ overflow: hidden !important;}
a.dt-button { cursor:pointer; color:#3c8dbc; }
a.dt-button:hover { color:black; }
/********************************************/

/****************** Alert, Message 4.1.3  ***************************/
ul.dropdown-menu{ text-shadow:none;  }
p.pMessage{ word-break: break-word; white-space: normal;}
li.liMessage{ margin-left:15px;}
li.header{font-weight:bold;}
/********************************************/

/****************** Ajout de Style pour version ***************************/
.eveMessage { text-align:center; } /*3.2.0*/
.lbOrdre{ height:250px !important; width:400px !important; } /*3.2.1*/
.HeaderNonValide{ color:Red !important; } /*3.2.1*/
.tbNoteInterne{ width:480px; } /*3.2.2 Spécific à Tracker Edit Comment*/
.bottomCommentSSL { color:White;} /*3.2.3 pour mettre en blanc le SSL seal dans les page custom*/
.blanc { color: White; } /*3.2.4 pour paneau gauche refresh catalogue sur ddlFiltre AutoPostPack Changed*/
img.imgPreview{display: block; max-width:100px;  max-height:75px; width: auto; height: auto;} /*3.2.6 GvImagePreview pour fichier*/
img.imgPreviewForm{display: block; max-width:250px;  max-height:150px; width: auto; height: auto;} /*4.1.2 FormImagePreview pour fichier*/
/* v4.1.3 Menu Gauche*/
.lnkMenuGauche { margin:5px; font-size:12px;}
.lnkMenuGauche:hover { color:black; }
.lnkMenuGauche:visited { color:black; }
.tabGaucheFiltreType tr td {padding-bottom: 5px;}
.mouseOverHand { cursor:pointer; }
/* v4.1.3 SousMenu NoAccess */
li.NoAccess a.btnNoAccess { cursor:default; font-style:italic;}
li.NoAccess a.btnNoAccess:hover { color:#AAA}
.imgBtnOrdre{ cursor:pointer; } /*4.5.2*/
/*v4.5.3 */
/* style bouton */
.btnTexteWhite { color:white !important; margin-right:8px; }
.btnTexteWhite:hover { text-decoration:none !important;}
.btnIcone { padding:0; font-size:14px; padding-left:2px;}
.btnIconeCancel i { color: darkred; }
.btnIconeCancel:hover i { color: #690101; }
.btnIconeSucess i { color: green; }
.btnIconeSucess:hover i { color: darkgreen; }
.btnIconeBig { font-size:18px;  }
.btnIcone:hover { color:#666; }
.btnIconeGreen { padding:0; margin-right:10px; font-size:18px; padding:0px 5px 0px 5px; }
.btnIconeGreen:hover { text-decoration:none !important; border:1px solid #A6D785; }
.btnIconeGreen i { color: #A6D785; font-size:22px; }
.btnIconeGreen:hover i { }
.btnIconeBlue { padding:0; margin-right:10px; font-size:18px; padding:0px 5px 0px 5px; }
.btnIconeBlue:hover { text-decoration:none !important; border:1px solid #367fa9; }
.btnIconeBlue i { color: #367fa9; font-size:18px; }
.btnIconeBlue:hover i { }
.btnIconeRed { padding: 0; margin-right: 10px; font-size: 18px; padding: 0px 5px 0px 5px; }
.btnIconeRed:hover { text-decoration: none !important; border: 1px solid darkred; }
.btnIconeRed i { color: darkred; font-size: 18px; }
.btnIconeBlue:hover i {}
.icoCal { color:#555; }
/*v4.6.2*/
.cellBtnNext { padding-left:15px; }
/*v4.6.3*/
.cblGrpTitre{ font-weight:bold; font-size:14px; padding-top:10px !important; }
/*v5.1.2*/
.HeaderToolbar { font-size: 17px; top: 7px; left: 25px; position: absolute; width: 400px; }

/* Filtre */
.tabMainFiltre { background-color: #f8f8f8; width: 98%; margin-left: 1%; margin-right: 1%; padding:3px; }
.tabMainFiltre tr:first-child td { padding-top:3px;}
.tabMainFiltre tr td:first-child { padding-left:3px;}
.tabMainFiltre tr.rowButton { background-color:white; }
.tabMainFiltre tr.rowButton:first-child td { padding-left:0px; }
.tabMainFiltre tr.LastRow td { padding-bottom:3px !important; }
.tabMainFiltre tr td { padding-bottom:1px; }
.FiltrePadLeft { padding-left:7px;}
.cbFiltre input { height:19px; margin:0; position: relative; vertical-align: middle; }
.vaTop { vertical-align:top; }
.tabFiltre { margin-top: 3px; }
.tabGridBouton{ }
.tabGridBoutonRight { float:right; }

/*Menu Formulaire*/
.pTitreForm { padding-top: 50px; padding-bottom: 10px; text-align:center;  }
.pMenuForm { position:fixed; z-index:10; width:100%; 
    background: #bedefb;
    background: -webkit-linear-gradient(top,#d1e8fc 40%,#b9dcfa 100%);
    background: -moz-linear-gradient(top,#d1e8fc 40%,#b9dcfa 100%);
    background: -o-linear-gradient(top,#d1e8fc 40%,#b9dcfa 100%);
    background: -ms-linear-gradient(top,#d1e8fc 40%,#b9dcfa 100%);
    border-color: #89c4f7;
    border-style: solid;
    border-width: 0 0 1px; 
}
.divMenuForm { width:inherit; }
.btnMenuForm { float:left; border-radius:0; font-size:16px; border-color: #89c4f7; border-style: solid;border-width: 0 1px 0px;  }
.btnMenuForm:hover { background-color:#dbedfd; text-decoration:none !important; }
.btnMenuForm:visited { color:black;}

/* Chosen */
#ctl00_cphContenu_ddlFiltre_chosen{ width:250px !important;}

.chosen-container a {
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border: solid 1px #eee !important;
    font-size: 14px !important;
}
/* 3 prochains styles à modifier dans la feuille de style chosen.min.css */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #eee;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #eee;
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #eee;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.chosen-container-multi > ul.chosen-choices
{
    border: none;
    background-image: none;
}

/*********************************************/
/****************** Datatables, new grid 5.0.1  ***************************/
#gridMain_wrapper {
    padding: 10px;
} 
.pGrid table.dataTable thead tr {border-bottom: 2px Solid #3c8dbc !important;}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgb(252, 252, 252); }
.table-striped > tbody > tr.selected { background-color: #ecf4f9; }
.table-bordered > thead > tr > th { border-bottom: 2px Solid #3c8dbc !important; }
select.form-control { height: inherit; padding:2px;}
.dataTables_length { float: left; margin-left: 3px; margin-top: 10px; }
.dataTables_info { float: left; margin-left: 10px; margin-top: 3px; }
.icoCbFalse { color: darkred; }
.icoCbTrue { color: green;}
.icoGrid { font-size: 18px !important; }
.ta-center { text-align:center}
.pGrid table.dataTable tfoot { background-color: #f3f3f3; }
td.cellActionGrid { float:right; margin-right:5px;}
.btnIcoActGrid { font-size: 12px; margin-right:0; }
.btnIcoActGrid i { font-size: 14px;}
.btnCancelTrie:hover {color: darkred; border: 1px solid darkred;}
.btnCancelTrie i { color:darkred; }
.dataTables_paginate ul.pagination { float: right; margin-bottom: 8px !important; }
.pGrid table.dataTable th { padding-right: 8px; overflow:hidden; }
a.btnEditLine { color:#333 !important; cursor:pointer; margin-right:5px; }
    a.btnEditLine:hover { color: #3c8dbc !important; }
    a.btnCancel:hover { color: darkred !important; }
.tbEditLine{ width:150px; }
tr.odd td input.tbEditTable { background-color: rgb(252, 252, 252); }
.tbEditTable {
    width: 150px;
    border:none;
}
    .tbEditTable:focus {
        border-color: #eee;
        border-width: 1px;
        border-style: solid;
        background-color: White !important;
    }
.tbEditLineNumeric { width: 60px !important; text-align:right; padding-right:1px; }
.ddlEditLine{ width:unset; max-width:115px;}
.small-box > .small-box-footer { position: absolute; bottom: 0; width: 100%; }
.small-box { min-height: 138px; }
.dataTables_wrapper { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.dataTables_info{ font-size:11px; }
/*********************************************/
/****************** CKEEditor, new editor 5.2.1  ***************************/
/*#SousDroite_Droite div.cke{ margin-right:10px;}*/
.tcCKEditor { max-width: 480px;	padding-right: 15px; }
.cke_dialog { text-shadow: none; }
.cke_dialog_ui_input_select option { text-shadow: none; }
#cke_118_select {  text-shadow: none; }
.cke_screen_reader_only{ display:none; }
.cke_path_item { color: black !important;}
.cke_bottom { background-color: white !important; }
.cke_resizer {
    border-color: transparent #555 transparent transparent !important;
}
/*********************************************/
/***************** Pour les écran de type iPad ******************************************/
@media only screen and (max-width: 1024px) {
    #Logo {
            display: none;
        }

        body {
            height: 100%;
            font: 14px/18px 'Roboto', Arial, Verdana;
            height: 100%;
            margin: 0;
        }

        #footer_wrapper {
            Display: none;
        }

        .bodyBlack /*Black body*/ {
            background-color: #444;
            color: #FFF;
            /*ScrollBar couleur pour IE*/
            scrollbar-face-color: #444;
            scrollbar-arrow-color: #FFF;
            scrollbar-track-color: #333;
            scrollbar-shadow-color: #000;
            scrollbar-highlight-color: #444;
            scrollbar-3dlight-color: #333;
            scrollbar-darkshadow-Color: #000;
        }

        .btnNavHeader {
            color: #FFF;
            font-size: 15px;
        }

            .btnNavHeader a {
                color: #FFF;
                font-size: 15px;
            }

        .btnNav {
            font-size: 15px;
        }

        .TextBoxNumeric {
            width: 65px;
        }

        .TextBox {
            width: 150px;
        }

        .addMessage .TextBox {
            width: 250px;
        }

        .TextBoxReadOnly {
            width: 150px;
        }

        /*Lien module enfant et Bouton des grids*/
        .gvBtnModifier, a.ob_gAL, a.ob_gALF {
            font-size: 12px !important;
        }

        .lbOrdre {
            width: 250px !important;
        }
        /*3.2.1*/

        div.boxForm {
            width: 530px;
        }

        .tcCKEditor {
            max-width: 390px;
        }
    }
    /***************** Pour les écran de type iPhone ******************************************/
    @media only screen and (max-width: 768px) {
        #Main_Vertical_Splitter {
            margin-left: 0px;
        }

        footer.main-footer {
            display: none;
        }

        .pMenuForm {
            position: absolute;
        }
    }

    @media only screen and (max-width: 700px) {
        .lbOrdre {
            width: 200px !important;
        }
        /*3.2.1*/
        #Menu {
            background-color: #FFF;
        }
        /*3.2.4*/
    }

    @media only screen and (max-width: 600px) {
        .TitrePage {
            display: none;
        }

        .lbOrdre {
            width: 150px !important;
        }
        /*3.2.1*/

        div.boxForm {
            width: 430px;
        }
    }

    @media only screen and (max-width: 400px) {
        .TitrePage {
            display: none;
        }

        .lbOrdre {
            width: 150px !important;
        }
        /*3.2.1*/

        div.boxForm {
            width: 320px;
        }

            div.boxForm table.tabFormulaire tr td {
                max-width: 130px;
            }

        .tbDate {
            max-width: 100px;
        }
    }