/*
colred=235 colgreen=235 colblue=235
isred=0 isgreen=0 isblue=0
colorbacklineimpair1=244,244,244
colorbacklineimpair2=250,250,250
colorbacklineimpairhover=
colorbacklinepair1=255,255,255
colorbacklinepair2=255,255,255
colorbacklinepairhover=
usecss3=1
dol_hide_topmenu=
dol_hide_leftmenu=
dol_optimize_smallscreen=
dol_no_mouse_hover=
dol_use_jmobile=
*/


/* ============================================================================== */
/* Default styles                                                                 */
/* ============================================================================== */

*, html {
  margin:0;
  padding:0;
font-size:100%;
}

body {
  background-color: #f5f5f5;
  color:#232323;
  font-size:12px;
    font-family: 'Roboto', sans-serif ;
    direction:ltr;
}

a {
  font-family: 'Roboto', sans-serif ;
  text-decoration:none;
  color:#232323;
}
.titre {
    font-family:  'Roboto', sans-serif  !important;
}
.menu_end h5{
    font-family:  'Roboto', sans-serif  !important;
}

a:hover, a:active {
  color:rgba(0,0,0,.6);
}


input, input.flat, textarea, textarea.flat, form.flat select, select.flat {
  padding: 2px;
}
input, textarea {
    font-size:12px;
    font-family: 'Roboto', sans-serif ;
    border-radius:4px;
    border:solid 1px rgba(0,0,0,.3);
    border-top:solid 1px rgba(0,0,0,.4);
    border-bottom:solid 1px rgba(0,0,0,.2);
    /*box-shadow:1px 1px 2px rgba(0,0,0,.2) inset;*/
}


input[type="image"] {
  border-radius:0px;
  border:none;
  box-shadow:none;
}

input.flat {
  font-size:12px;
  font-family: 'Roboto', sans-serif ;
    border-radius:4px;
    border:solid 1px rgba(0,0,0,.3);
    border-top:solid 1px rgba(0,0,0,.4);
    border-bottom:solid 1px rgba(0,0,0,.2);
}
/*A Ajouter */


.navbarDetails {
  color: #355faa !important;
   font-size:12px;
}
.navbarDetails > li > a {
  color: #355faa !important;
}
.navbarDetails > li > a.active{
  color: #355faa !important;
}



.loader_ajax_small {

  border: 6px solid #f3f3f3 !important;
  border-radius: 50%;
  border-top: 6px solid #fbb03b !important;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  -webkit-animation: spin_loader_ajax_small 2s linear infinite;
  animation: spin_loader_ajax_small 1s linear infinite;
}

@-webkit-keyframes spin_loader_ajax_small {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin_loader_ajax_small {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.hr-line{
    border-bottom: 1.5px solid #fbb03b !important;
}
.bg-pink-second{
    background: #fbb03b !important;
}
.inputTheme{
    border: 1px solid #355faa; !important;
}
.selectlimit{
    height: 34px;
    padding: 3px 0 3px 5px;
    margin-right: 5px;
    font-size: 1em!important;
    line-height: 20px;
    background: #fafafa;
    border: 1px solid #dfdfdf!important;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color linear .2s;
    transition: border-color linear .2s;
}

div.tmenu li a:hover { 
    background : #efefef;
    color:#355faa;
}
div.tmenu li{
    margin-right:-5px !important;
}


#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #355faa;
    color: #fff;
    /*transition: all 0.3s;*/
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #355faa;
}
div.tmenu li.actif { 
    background :#efefef;
    
}
div.tmenu li.actif a { 
    
    color:#355faa;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #355faa;
}
#sidebar ul li a:hover {
    color: #355faa;
    background: #efefef;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #355faa;
    background: #fff;
}
.active_link{
  color: #355faa!important;
    background: #efefef;
}
.bg-pink{
    background-color:#355faa  !important;
}
.text-color{
   color:#355faa  !important;
}
.pageActive{
  background-color:#355faa !important;
  border-color: #355faa !important;;
}
.icon-fa-modules{
  color:#355faa  !important;
}
input:checked + .slider {
  background-color: #355faa  !important;
}
.has-toggle-input label.active {
  background: #355faa;
  border-color: #355faa;
  color: white;
  font-weight: bolder;
}
/*----*/

input:disabled {background:#b6b6b6;}

input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
input[type=radio]    { background-color: transparent; border: none; box-shadow: none; }
input[type=image]    { background-color: transparent; border: none; box-shadow: none; }
input[type=text]     { min-width: 20px; }
input:-webkit-autofill {
  background-color: #FBFFEA !important;
  background-image:none !important;
  -webkit-box-shadow: 0 0 0 50px #FBFFEA inset;
}
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }


textarea.flat {
  font-size:12px;
  font-family: 'Roboto', sans-serif ;
    border-radius:4px;
    border:solid 1px rgba(0,0,0,.3);
    border-top:solid 1px rgba(0,0,0,.4);
    border-bottom:solid 1px rgba(0,0,0,.2);
    box-shadow:1px 1px 2px rgba(0,0,0,.2) inset;
}

textarea:disabled {background:#dddddd;}

select.flat {
    font-size:12px;

  

	font-family: 'Roboto', sans-serif ;
	border-radius:4px;
	border:solid 1px rgba(0,0,0,.3);
	border-top:solid 1px rgba(0,0,0,.4);
	border-bottom:solid 1px rgba(0,0,0,.2);
	/*box-shadow:1px 1px 2px rgba(0,0,0,.2) inset;*/
	background: #FDFDFD;

}

form {
    padding:0px;
    margin:0px;
}
div.float
{
    float:left;
}
div.floatright
{
    float:right;
}
.inline-block
{
  display:inline-block;
}

th .button {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  -moz-border-radius:0px !important;
  -webkit-border-radius:0px !important;
  border-radius:0px !important;
}

.valignmiddle {
  vertical-align: middle;
}
.centpercent {
  width: 100%;
}
.center {
    text-align: center;
  margin: 0px auto;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.nobold {
  font-weight: normal !important;
}
.nounderline {
    text-decoration: none;
}
.cursorpointer {
  cursor: pointer;
}

.blockvmenubookmarks .menu_contenu {
  background-color: transparent;
}

/* ! Message d'erreur lors du login : */
center .error { padding:8px !important; padding-left:26px !important; padding-right:20px; width:inherit; max-width:450px;color:#552323 !important; font-size:14px; border-radius:8px; text-align: left;}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 0.9em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}


/* ============================================================================== */
/* Styles to hide objects                                                         */
/* ============================================================================== */

.hideobject { display:none; }
.linkobject { cursor:pointer; }


/* ============================================================================== */
/* Styles for dragging lines                                                      */
/* ============================================================================== */

.dragClass {
  color: #333333;
}
td.showDragHandle {
  cursor: move;
}
.tdlineupdown {
  white-space: nowrap;
  min-width: 10px;
}

/* ============================================================================== */
/* Menu top et 1ere ligne tableau                                                 */
/* ============================================================================== */

div.tmenu {
    position:relative;
  display:block;
  margin:0;
  padding:0;
  padding-left:1em;
  top:0;
  left:0;
  right:0;
    white-space:nowrap;
  height:36px;
  line-height:36px; /* disabled for ie9 */ 
  background:#333333;
    background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  
  box-shadow:0 0 6px rgba(0,0,0,.4) !important;
  z-index:100;
  }

div.tmenu a {
  font-weight:normal;
}

div.tmenu li {
  display:inline-table;
  margin-right:1em;
  text-transform:uppercase;
}

div.tmenu li a {color:#cccccc;}
/*div.tmenu li a:hover { color:rgba(255,255,255,1);}*/

div.tmenu ul li a.tmenusel {/* texte du menu principal sélectionné */
  color:#ffffff;
  font-weight:bold;
}

.tmenudisabled { color:#808080 !important; cursor: not-allowed; }



/* Login */

body.body center { color:white; margin-top: 100px; }

.login_vertical_align {
  padding: 10px;
}

form#login {
  border:solid 1px rgba(0,0,0,.4);
  border-top:solid 1px #ffffff;
  background-color:#c7d0db;
  background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  margin-left:auto;
  margin-right:auto;
  margin-bottom:25px;
  padding:20px 20px 10px;
  max-width:500px;
  border-radius:12px;
  box-shadow:0 0 16px rgba(0,0,0,.8);
}
form#login img  {width:auto; height:auto; opacity:.7;}
form#login img#img_logo {
  width:190px;
  max-width:190px;
  max-height:100px;
  height:auto;
  border-radius:6px;
  padding:6px;
  background-color:#ffffff;
  border:solid 1px rgba(0,0,0,.4);
  border-top:solid 1px rgba(0,0,0,.5);
  border-bottom:solid 1px rgba(0,0,0,.3);
  box-shadow:1px 1px 6px rgba(0,0,0,.3) inset , 0 0 1px rgba(255,255,255,.6);
}

form#login input {
  padding:6px;
  font-size:120%;
}

form#login label, form#login td b {
  vertical-align:middle;
  line-height:40px;
  color:rgba(0,0,0,.4);
  text-shadow:1px 1px 1px rgba(255,255,255,.6);
}

form#login table.login_table {
  margin:10px 0px;
  border:none;
  background:none !important;
}

.login_main_message {
  text-align: center;
}

div#login_left, div#login_right {
  display: inline-block;
  min-width: 220px;
  text-align: center;
  vertical-align: middle;
}

table.login_table { margin: 0px auto; background-color: red  !important;}
table.login_table tr td {vertical-align:middle;}
table.login_table tr.vmenu td {font-size:18px;}
table.login_table tr td a {color:#333333 !important;}
table.login_table tr td a:hover {color:#000000 !important;}

table.login_table .button {
  padding:2px;
  padding-left:6px;
  padding-right:6px;
  margin-right:6px;
  border-radius:.6em;

    background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
}

table.login_table .button:hover {
  background-image: linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1, rgba(255,255,255,.3)),
    color-stop(0, rgba(0,0,0,.3))
  );
}

table.login_table .vmenu {
  color:rgba(0,0,0,.6);
  text-shadow:1px 1px 1px rgba(255,255,255,.6);
  font-size:120%;
}

div.login_block {
  position:absolute;
  top:0px;
  right:8px;
  z-index:100;
  }
div.login_block_user, div.login_block_other { clear: both; }

div.login_block a {color:rgba(255,255,255,.6);}
div.login_block a:hover {color:#ffffff}

div.login_block table {
  display:inline;
}

div.login {
  white-space:nowrap;
  font-weight:bold;
  float: right;
}
.login_block_user {
  float: right;
}
.login_block_elem {
  float: right;
  vertical-align: top;
  padding: 0px 0px 0px 8px !important;
  height: 16px;
}

#securitycode {
  min-width: 60px;
}

img.login, img.printer, img.entity {
  margin:2px 0px 0px 0px;
  text-decoration:none;
  color: white;
  font-weight:bold;
}

.alogin {
  color: #FFF;
  font-weight: normal;
}
.alogin:hover {
  color: #FFF;
  text-decoration:underline;
}

div.login_main_home {
  color: #000000;
}


/* ============================================================================== */
/* Menu gauche                                                                    */
/* ============================================================================== */

td.vmenu {
      margin-right:2px;
    padding:0px;
    width:170px;
    /* border-right: 1px solid #666666; */
    }

div.vmenu {
    width:170px;
  -moz-box-shadow: 3px 0px 6px #CCC;
  -webkit-box-shadow: 3px 0px 6px #CCC;
  box-shadow: 3px 0px 6px #CCC;
  }

.blockvmenupair .menu_titre, .blockvmenuimpair .menu_titre {
  height:22px;
  line-height:22px;
  /* text-align:center; */
  background-color:rgba(0,0,0,.08);
  background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  padding-left:5px;
  border-top:solid 1px rgba(255,255,255,.5);
  border-bottom:solid 1px rgba(0,0,0,.5);
}

.blockvmenupair .menu_titre a, .blockvmenuimpair .menu_titre a {font-weight:normal;}

.menu_contenu {
  background-color:#ffffff;
  padding-left:6px;
  border-top:solid 1px rgba(0,0,0,.05);
}

.menu_contenu:hover {background-color:#f7f7f7;}
.menu_contenu a.vsmenu {
  color:#000000;
  line-height:18px;
  font-weight:normal;
}

.blockvmenusearch {
  border-top:solid 1px rgba(0,0,0,.3);
  padding:10px 5px 20px;
  text-align:center;
}

.blockvmenusearch .menu_titre {
  margin-top:6px;
  text-align:left;
  padding-left:0px;
}

#blockvmenuhelp {
  border-top:solid 1px rgba(0,0,0,.1);
  padding:12px;
  text-align:center;
}

a.help:link, a.help:visited, a.help:hover, a.help:active { font-size:12px; font-family:  'Roboto', sans-serif ; text-align: left; font-weight: normal; color: #666666; }


/* ============================================================================== */
/* Panes for Main                                                           */
/* ============================================================================== */

#mainContent {
  background-color:#ffffff;
}

#mainContent, #leftContent .ui-layout-pane {
    padding:0px;
    overflow:auto;
}

#mainContent, #leftContent .ui-layout-center {
  padding:0px;
  position:relative; /* contain floated or positioned elements */
    overflow:auto;  /* add scrolling to content-div */
}


/* ============================================================================== */
/* Toolbar for ECM or Filemanager                                                 */
/* ============================================================================== */


.largebutton {
    background-image: -o-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 100%) !important;
    background-image: linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 100%) !important;
    border: 1px solid #CCC !important;

    -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
    -moz-box-shadow: 4px 4px 4px #EEE;
    -webkit-box-shadow: 4px 4px 4px #EEE;
    box-shadow: 4px 4px 4px #EEE;

    padding: 0 4px 0 4px !important;
}

.toolbar {}
.toolbarbutton {}


/* ============================================================================== */
/* Panes for ECM or Filemanager                                                   */
/* ============================================================================== */


#containerlayout .layout-with-no-border {
    border: 0 !important;
    border-width: 0 !important;
}

#containerlayout .layout-padding {
    padding: 2px !important;
}

/*
 *  PANES and CONTENT-DIVs
 */
#containerlayout .ui-layout-pane { /* all 'panes' */
    background: #FFF;
    border:     1px solid #BBB;
    /* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
       otherwise you may get double-scrollbars - on the pane AND on the content-div
    */
    padding:    0px;
    overflow:   auto;
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
#containerlayout .ui-layout-content {
  padding:    10px;
  position:   relative; /* contain floated or positioned elements */
  overflow:   auto; /* add scrolling to content-div */
}

/*
 *  RESIZER-BARS
 */
.ui-layout-resizer  { /* all 'resizer-bars' */
  width: 8px !important;
}
.ui-layout-resizer-hover    {   /* affects both open and closed states */
}
/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
    otherwise color shifts while dragging when bar can't keep up with mouse */
/*.ui-layout-resizer-open-hover ,*/ /* hover-color to 'resize' */
.ui-layout-resizer-dragging {   /* resizer beging 'dragging' */
    background: #DDD;
    width: 8px;
}
.ui-layout-resizer-dragging {   /* CLONED resizer being dragged */
    border-left:  1px solid #BBB;
    border-right: 1px solid #BBB;
}
/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
.ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */
    background: #E1A4A4; /* red */
}
.ui-layout-resizer-closed {
    background-color: #DDDDDD;
}
.ui-layout-resizer-closed:hover {
    background-color: #EEDDDD;
}
.ui-layout-resizer-sliding {    /* resizer when pane is 'slid open' */
    opacity: .10; /* show only a slight shadow */
    filter:  alpha(opacity=10);
}
.ui-layout-resizer-sliding-hover {  /* sliding resizer - hover */
    opacity: 1.00; /* on-hover, show the resizer-bar normally */
    filter:  alpha(opacity=100);
}
/* sliding resizer - add 'outside-border' to resizer on-hover */
/* this sample illustrates how to target specific panes and states */
/*.ui-layout-resizer-north-sliding-hover  { border-bottom-width:  1px; }
.ui-layout-resizer-south-sliding-hover  { border-top-width:     1px; }
.ui-layout-resizer-west-sliding-hover   { border-right-width:   1px; }
.ui-layout-resizer-east-sliding-hover   { border-left-width:    1px; }
*/

/*
 *  TOGGLER-BUTTONS
 */
.ui-layout-toggler {
        border-top: 1px solid #AAA; /* match pane-border */
    border-right: 1px solid #AAA; /* match pane-border */
    border-bottom: 1px solid #AAA; /* match pane-border */
    background-color: #DDD;
    top: 5px !important;
  }
.ui-layout-toggler-open {
  height: 54px !important;
  width: 7px !important;
    -moz-border-radius:0px 10px 10px 0px;
  -webkit-border-radius:0px 10px 10px 0px;
  border-radius:0px 10px 10px 0px;
}
.ui-layout-toggler-closed {
  height: 54px !important;
  width: 7px !important;
    -moz-border-radius:0px 10px 10px 0px;
  -webkit-border-radius:0px 10px 10px 0px;
  border-radius:0px 10px 10px 0px;
}
.ui-layout-toggler .content { /* style the text we put INSIDE the togglers */
    color:          #666;
    font-size:      12px;
    font-weight:    bold;
    width:          100%;
    padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
}

/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding  ui-layout-toggler {
    display: none;
}

.ui-layout-north {
  height: 54px !important;
}


/* ECM */

#containerlayout .ecm-layout-pane { /* all 'panes' */
    background: #FFF;
    border:     1px solid #BBB;
    /* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
       otherwise you may get double-scrollbars - on the pane AND on the content-div
    */
    padding:    0px;
    overflow:   auto;
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
#containerlayout .ecm-layout-content {
  padding:    10px;
  position:   relative; /* contain floated or positioned elements */
  overflow:   auto; /* add scrolling to content-div */
}

.ecm-layout-toggler {
    border-top: 1px solid #AAA; /* match pane-border */
    border-right: 1px solid #AAA; /* match pane-border */
    border-bottom: 1px solid #AAA; /* match pane-border */
    background-color: #CCC;
    }
.ecm-layout-toggler-open {
  height: 48px !important;
  width: 6px !important;
    -moz-border-radius:0px 10px 10px 0px;
  -webkit-border-radius:0px 10px 10px 0px;
  border-radius:0px 10px 10px 0px;
}
.ecm-layout-toggler-closed {
  height: 48px !important;
  width: 6px !important;
}

.ecm-layout-toggler .content {  /* style the text we put INSIDE the togglers */
    color:          #666;
    font-size:      12px;
    font-weight:    bold;
    width:          100%;
    padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
}
#ecm-layout-west-resizer {
  width: 6px !important;
}

.ecm-layout-resizer  { /* all 'resizer-bars' */
    border:         1px solid #BBB;
    border-width:   0;
    }
.ecm-layout-resizer-closed {
}

.ecm-in-layout-center {
    border-left: 1px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

.ecm-in-layout-south {
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    padding: 4px 0 4px 4px !important;
}



/* ============================================================================== */
/* Onglets                                                                        */
/* ============================================================================== */

div.tabs {
  margin: 0px 0px 0px 6px;
  padding: 0px 6px 0px 0px;
  clear:both;
  height:100%;
}
div.tabsElem { margin-top: 10px; }    /* To avoid overlap of tabs when not browser */

div.tabBar {
    background-color:#ffffff;
    padding:6px;
    margin:0px 0px 14px 0px;
    border:1px solid #bbbbbb;
    -moz-box-shadow: 4px 4px 4px #DDD;
  -webkit-box-shadow: 4px 4px 4px #DDD;
  box-shadow: 4px 4px 4px #DDD;
}

div.tabBar table.notopnoleftnoright {
  white-space:nowrap;
}

div.tabsAction {
    margin-top:12px !important;
    text-align:right;
}

a.tabTitle {
    color:rgba(0,0,0,.5);
    margin-right:10px;
    text-shadow:1px 1px 1px #ffffff;
    padding-left:5px;
    vertical-align:middle;
}

a.tabTitle img {
  vertical-align:middle;
}

a.tab {
  padding: 5px 12px 3px;
  margin: 0em 0.2em;
  background-color:rgba(0,0,0,.2);
  color:#666666;
  border:solid 1px rgba(0,0,0,.3);
  border-bottom:0px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
}

.tabactive {
  color:#232323;
  font-weight:bold;
  background-color:#ffffff !important;
  border-bottom:solid 1px #ffffff !important;}

a.tab:hover {color:#333333;}


/* ============================================================================== */
/* Styles de positionnement des zones                                             */
/* ============================================================================== */

#id-container {
  margin-bottom: 6px;
  display: table;
  table-layout: fixed;
}
#id-right, #id-left {
  display: table-cell;
  float: none;
  vertical-align: top;
}
#id-right {
  width: 100%;
}

div.fiche {
  padding: 8px 5px 10px;
  margin-left: 16px;
  margin-right: 12px;
}

div.fichecenter {
  width: 100%;
  clear: both;  /* This is to have div fichecenter that are true rectangles */
}
div.fichethirdleft {
  float: left;
  width: 35%;
  }
div.fichetwothirdright {
  float: left;
  width: 65%;
  }
div.fichehalfleft {
  float: left;
  width: 50%;
}
div.fichehalfright {
  float: left;
  width: 50%;
}
div.ficheaddleft {
  padding-left: 16px;
}



/* ============================================================================== */
/* Boutons actions                                                                */
/* ============================================================================== */

div.divButAction { margin-bottom: 1.4em; }

.button, .butAction {background: #999; border: solid 1px #888; font-weight: normal; }
.butActionRefused {background: #eaeaea; color:rgba(0,0,0,0.6); font-weight: normal !important;  cursor: not-allowed; }
.butActionDelete {background: #b33c37; border:solid 1px #8d2f2b; font-weight: normal;}

.button, .butAction, .butActionRefused, .butActionDelete {
  padding:2px;
  padding-left:6px;
  padding-right:6px;
  margin-right:6px;
  /*
border-left: solid 1px rgba(0,0,0,.3);
  border-right: solid 1px rgba(0,0,0,.3);
  border-bottom: solid 1px rgba(0,0,0,.6);
  border-top:solid 1px rgba(0,0,0,.1);
*/
  border-radius:.6em;

    background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  }

.button, a.butAction {color: white; font-weight: normal !important;}

.butAction, .butActionDelete {color:white;}

td.formdocbutton {padding-top:6px;}

.button:hover, .butAction:hover, .butActionDelete:hover {
  background-image: linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1, rgba(255,255,255,.3)),
    color-stop(0, rgba(0,0,0,.3))
  );
  color:white;
}
.button:disabled {
  opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: auto;
}
.buttonRefused {
  pointer-events: none;
    cursor: default;
  opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


/* ============================================================================== */
/* Tables                                                                         */
/* ============================================================================== */

#undertopmenu {
}

table img, div.tagtable img {
  padding:0px 2px;
  vertical-align:middle;
}

table.liste img, div.list img {
  padding:0px;
}

table a, div.tagtable a {
  vertical-align:middle;
}

.paddingrightonly {
  border-collapse: collapse;
  border: 0px;
  margin-left: 0px;
  padding-left: 0px !important;
  padding-right: 4px !important;
}
.nocellnopadd {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

.allwidth {
width: 100%;
}

.notopnoleft {
  border-collapse:collapse;
  border:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:10px;
  padding-bottom:4px;
  margin:0px 0px;
}

table.notopnoleftnoright {
  border:0px;
  border-collapse:collapse;
  padding-top:0px;
  padding-left:0px;
  padding-right:10px;
  padding-bottom:4px;
  margin:0px;
}

table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
  border:1px solid #dddddd;
  border-collapse:collapse;
  padding:1px 0px;
  padding-left:2px;
}

table.border td, div.border div div.tagtd {
  padding:1px 0px;
  border:1px solid #dddddd;
  border-collapse:collapse;
  padding-left:2px;
}

.table-key-border-col {
  width: 25%;
  vertical-align:top;
}
.table-val-border-col {
  width:auto;
}

/* Main boxes */

table.border.formdoc {
  background-color:#f7f7f7;
  border:1px solid #dddddd;
  margin:0px;
  width:60%;
}

table.border.formdoc td { padding:1px 3px; }

table.noborder, div.noborder {
  border:1px solid #bbbbbb;
  padding:0px;
  margin:3px 0px 8px;
  border-spacing:0px;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #cccccc;
  box-shadow: 2px 2px 2px #cccccc;
}

table.noborder tr, div.noborder form {}

table.noborder td, , div.noborder div { padding:1px 2px 1px 3px; }

table.nobordernopadding {
  border-collapse:collapse;
  border:0px;
}

table.nobordernopadding tr {
  border:0px;
  padding:0px 0px;
}

table.nobordernopadding td {
  border:0px;
  padding:1px 0px;
}

table.notopnoleftnopadd {
  background-color:#ffffff;
  border:1px solid #bbbbbb;
  padding:6px;
}

/* For lists */

table.liste {
  padding:0px;
  border:1px solid #bbbbbb;
  border-spacing:0px;
  background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
}

table.liste td {padding:1px 2px 1px 0px;}

.tagtable, .table-border { display: table; }
.tagtr, .table-border-row  { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }

/* Pagination */
div.refidpadding  {
  padding-top: 8px;
}
div.refid  {
  padding-top: 5px;
  font-weight: bold;
    color: #666;
    font-size: 120%;
}

div.pagination {
  float: right;
}
div.pagination a {
  font-weight: normal;
}
div.pagination ul
{
  list-style: none;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
}
div.pagination li {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

div.pagination li a,
div.pagination li span {
  /*position: relative;*/
  /*float: left;*/
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
div.pagination li:first-child a,
div.pagination li:first-child span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
div.pagination li:last-child a,
div.pagination li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.pagination li a:hover,
div.pagination li span:hover,
div.pagination li a:focus,
div.pagination li span:focus {
  color: #000;
  background-color: #eee;
  border-color: #ddd;
}
div.pagination li .active a,
div.pagination li .active span,
div.pagination li .active a:hover,
div.pagination li .active span:hover,
div.pagination li .active a:focus,
div.pagination li .active span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: ;
  border-color: #337ab7;
}
div.pagination .disabled span,
div.pagination .disabled span:hover,
div.pagination .disabled span:focus,
div.pagination .disabled a,
div.pagination .disabled a:hover,
div.pagination .disabled a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
div.pagination li .active {
  /*text-decoration: underline;*/
}
div.pagination li.paginationafterarrows {
  margin-left: 10px;
}

tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel
{
  height: 22px;
}
div.liste_titre, tr.liste_titre, form.liste_titre, tr.box_titre {
  padding:4px;
  background-color:rgba(0,0,0,.2);
  background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  text-align: left;
}

tr.box_titre td.boxclose {
  width: 36px;
}

tr.liste_titre td, tr.liste_titre th, form.liste_titre div {
  padding:2px;
  padding-left:2px !important;
  text-shadow:1px 1px 1px #ffffff;
}

td.liste_titre_sel, form.liste_titre div.liste_titre_sel {
  font-weight:bold;
  white-space:nowrap;
}

tr.liste_total td, form.liste_total div {
  padding:1px 2px;
  border-top:solid 1px #cccccc;
  background-color:#eaeaea;
  font-weight:bold;
  white-space:nowrap;
}

tr.impair td, tr.pair td, form.impair div, form.pair div { padding:1px 1px 1px 2px; }

tr.impair table.nobordernopadding td, tr.pair table.nobordernopadding td { padding:1px 0px; }

.impair {
  background:#fdfdfd;
  font-family: 'Roboto', sans-serif ;
  border:0px;
}

.pair {
  background:#f4f4f4;
  font-family: 'Roboto', sans-serif ;
  border:0px;
}



/*
 *  Boxes
 */

.boxstats {
    float: left;
    margin: 4px;
    padding: 4px;
  /*-moz-box-shadow: 4px 4px 4px #DDD;
    -webkit-box-shadow: 4px 4px 4px #DDD;
    box-shadow: 4px 4px 4px #DDD;
    margin-bottom: 8px !important;*/
    border: 1px solid #AAA;
    text-align: center;
    border-radius: 5px;
}

.boxtable {
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #cccccc;
  box-shadow: 2px 2px 2px #cccccc;
  /*white-space:nowrap;*/
}

.box {
  padding-right:0px;
  padding-left:0px;
  padding-bottom:4px;
}

tr.box_impair {
  background:#fdfdfd;
  font-family: 'Roboto', sans-serif ;
}

tr.box_pair {
  background:#f4f4f4;
  font-family: 'Roboto', sans-serif ;
}

.formboxfilter {
  vertical-align: middle;
  margin-bottom: 6px;
}
.formboxfilter input[type=image]
{
  top: 5px;
  position: relative;
}


/*
 *   Ok, Warning, Error
 */

.ok {
  color:#159e26;
  background:url(/theme/metro/img/ok.png) left center no-repeat !important;
  padding-left:20px !important;
  font-weight:bold;
}

.warning {
  color:#bca936;
  background:url(/theme/metro/img/warning.png) left center no-repeat !important;
  padding-left:20px !important;
  font-weight:bold;
}

.error {
  color:#a61111;
  background:#f58080 url(/theme/metro/img/error.png) left center no-repeat !important;
  padding-left:20px !important;
  font-weight:bold;
}

td.highlights {background:#f9c5c6;}

div.ok {
  background:#61e372; /* url(/theme/metro/img/ok.png) 3px center no-repeat; */
  /*color:#ffffff;*/
  padding:2px 4px 2px 6px;
  margin:0.5em 0em;
  font-weight:normal;
}

div.warning, div.info {
  background:#fcf5b8; /* url(/theme/metro/img/warning.png) 3px center no-repeat; */
  /*color:#232323; */
  padding:2px 4px 2px 6px;
  margin:0.5em 0em;
  border:1px solid #bca936;
  font-weight:normal;
}

div.error {
  background:#f58080; /* url(/theme/metro/img/error.png) 3px center no-repeat; */
  /* color:#ffffff; */
  padding:2px 4px 2px 6px;
  margin:0.5em 0em;
  border:1px solid #a61111;
  font-weight:normal;
}

/*
 *  Other
 */

.product_line_stock_ok { color: #002200; }
.product_line_stock_too_low { color: #664400; }

.fieldrequired {
  font-weight:bold;
  color:#333333;
}

.dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
.dolgraphtitlecssboxes { margin: 0px; }

#pictotitle {
  padding-left:5px;
  padding-right:1px;
}

.photo {border:0px;}

div.titre {
  color:rgba(0,0,0,.5);
  margin-right:12px;
  text-shadow:1px 1px 1px #ffffff;
  font-weight:bold;
  padding-left:1px;
  padding-bottom:2px;
}

#dolpaymenttable { width: 600px; font-size: 13px; }
#tablepublicpayment { border: 1px solid #CCCCCC !important; width: 100%; }
#tablepublicpayment .CTableRow1  { background-color: #F0F0F0 !important; }
#tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
#tablepublicpayment tr.liste_total td { border-top: none; }

#divsubscribe { width: 700px; }
#tablesubscribe { width: 100%; }



/* ============================================================================== */
/* Formulaire confirmation (When Ajax JQuery is used)                             */
/* ============================================================================== */

.ui-dialog-titlebar {}
.ui-dialog-content {font-size:12px !important;}
.ui-dialog { position:absolute;}

/* ============================================================================== */
/* Formulaire de confirmation (When HTML is used)                                 */
/* ============================================================================== */

table.valid {
    border-top:solid 1px #e6e6e6;
    border-left:solid 1px #e6e6e6;
    border-right:solid 1px #444444;
    border-bottom:solid 1px #555555;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  margin:0px 0px;
    background:#d5baa8;
}

.validtitre {
    background:#d5baa8;
  font-weight:bold;
}


/* ============================================================================== */
/* Tooltips                                                                       */
/* ============================================================================== */

#tooltip {
  position:absolute;
  width:450px;
  border-top:solid 1px #bbbbbb;
  border-left:solid 1px #bbbbbb;
  borderright:solid 1px #444444;
  border-bottom:solid 1px #444444;
  padding:2px;
  z-index:3000;
  background-color:#fffff0;
  opacity:1;
  -moz-border-radius:6px;
}


/* ============================================================================== */
/* Calendar                                                                       */
/* ============================================================================== */

img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }

.ui-datepicker-title {
    margin:0 !important;
    line-height:28px;
}
.ui-datepicker-month {
    margin:0 !important;
    padding:0 !important;
}
.ui-datepicker-header {
    height:28px !important;
}

.bodyline {
  -moz-border-radius:8px;
  padding:0px;
  margin-bottom:5px;
  z-index:9999 !important;
}

table.dp {
  width:180px;
  margin-top:3px;
  background-color:#ffffff;
  border:1px solid #bbbbbb;
  border-spacing:0px;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #cccccc;
  box-shadow: 2px 2px 2px #cccccc;
}

.dp td, .tpHour td, .tpMinute td {
  padding:2px;
  font-size:11px;
}

td.dpHead {
  padding:4px;
  font-size:11px;
  font-weight:bold;
}

/* Barre titre */
.dpHead, .tpHead, .tpHour td:Hover .tpHead {
  background-color:rgba(0,0,0,.2);
  background-image:linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.3)),
    color-stop(1, rgba(0,0,0,.3))
  );
  font-size:10px;
  cursor:auto;
}

/* Barre navigation */
.dpButtons, .tpButtons {
  text-align:center;
  background-color:#eaeaea;
  color:#232323;
  font-weight:bold;
  cursor:pointer;
}

.dpDayNames td, .dpExplanation {
  background-color:#eaeaea;
  font-weight:bold;
  text-align:center;
  font-size:11px;
}

.dpWeek td {text-align:center}

.dpToday, .dpReg, .dpSelected {cursor:pointer;}

.dpToday {
  font-weight:bold;
  color:#232323;
  background-color:#dddddd;
}

.dpReg:Hover, .dpToday:Hover {
  background-color:#333333;
  color:#ffffff;
}

/* Jour courant */
.dpSelected {
  background-color:#0B63A2;
  color:#ffffff;
  font-weight:bold;
}

.tpHour {
  border-top:1px solid #dddddd;
  border-right:1px solid #dddddd;
}

.tpHour td {
  border-left:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
  cursor:pointer;
}

.tpHour td:Hover {
  background-color:#232323;
  color:#ffffff;
}

.tpMinute {margin-top:5px;}

.tpMinute td:Hover {
  background-color:#333333;
  color:#ffffff;
}
.tpMinute td {
  background-color:#eaeaea;
  text-align:center;
  cursor:pointer;
}

.fulldaystarthour {margin-right:2px;}
.fulldaystartmin {margin-right:2px;}
.fulldayendhour {margin-right:2px;}
.fulldayendmin {margin-right:2px;}

/* Bouton X fermer */
.dpInvisibleButtons {
  border-style:none;
  background-color:transparent;
  padding:0px 2px;
  font-size:9px;
  border-width:0px;
  color:#0B63A2;
  vertical-align:middle;
  cursor:pointer;
}

td.dpHead .dpInvisibleButtons {
  color:#232323;
  font-weight:bold;
}


/* ============================================================================== */
/*  Afficher/cacher                                                               */
/* ============================================================================== */

div.visible {display:block;}
div.hidden {display:none;}
tr.visible {display:block;}
td.hidden {display:none;}


/* ============================================================================== */
/*  Module agenda                                                                 */
/* ============================================================================== */

table.cal_month    { border-spacing: 0px; }
.cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
.cal_current_month_peruserleft { border-top: 0; border-left: solid 3px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
.cal_other_month   { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
.cal_other_month_peruserleft { border-top: 0; border-left: solid 3px #6C7C7B !important; border-right: 0; }
.cal_current_month_right { border-right: solid 1px #E0E0E0; }
.cal_other_month_right   { border-right: solid 1px #C0C0C0; }
.cal_other_month   { opacity: 0.6; background: #EAEAEA; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_past_month    { opacity: 0.6; background: #EEEEEE; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_current_month { background: #FFFFFF; border-left: solid 1px #E0E0E0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_current_month_peruserleft { background: #FFFFFF; border-left: solid 3px #6C7C7B; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today_peruser { background: #FFFFFF; border-right: solid 1px #6C7C7B; border-top: solid 1px #A0A0A0; border-bottom: solid 1px #A0A0A0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today_peruser_peruserleft { background: #FFFFFF; border-left: solid 3px #6C7C7B; border-top: solid 1px #A0A0A0; border-right: solid 1px #6C7C7B; border-bottom: solid 1px #A0A0A0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today {
  background:#ffffff;
  border:solid 2px #bbbbbb;
}
.peruser_busy      { background: #CC8888; }
.peruser_notbusy   { background: #EEDDDD; }

div.dayevent table.nobordernopadding tr td {padding:1px;}

table.cal_event    { border: none; border-collapse: collapse; margin-bottom: 1px; -webkit-border-radius: 6px; border-radius: 6px;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
            moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
            background: -webkit-gradient(linear, left top, left bottom, from(#006aac), to(#00438d));
            }
table.cal_event td { border: none; padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; }
ul.cal_event       { padding-right: 2px; padding-top: 1px; border: none; list-style-type: none; margin: 0 auto; padding-left: 0px; padding-start: 0px; -khtml-padding-start: 0px; -o-padding-start: 0px; -moz-padding-start: 0px; -webkit-padding-start: 0px; }
li.cal_event       { border: none; list-style-type: none; }
.cal_event a:link    { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:visited { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:active  { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:hover   { color: #111111; font-size: 11px; font-weight: normal !important; color:rgba(255,255,255,.75); }


/* ============================================================================== */
/*  Afficher/cacher                                                               */
/* ============================================================================== */

#evolForm input.error {
  font-weight:bold;
  border:solid 1px #ff0000;
  padding:1px;
  margin:1px;
}

#evolForm input.focuserr {
  font-weight:bold;
  background:#faf8e8;
  color:#333333;
  border:solid 1px #ff0000;
  padding:1px;
  margin:1px;
}


#evolForm input.focus { /*** Mise en avant des champs en cours d'utilisation ***/
  background:#faf8e8;
  color:#333333;
  border:solid 1px #000000;
  padding:1px;
  margin:1px;
}

#evolForm input.normal { /*** Retour a l'état normal après l'utilisation ***/
  background:#ffffff;
  color:#333333;
  border:solid 1px #ffffff;
  padding:1px;
  margin:1px;
}


/* ============================================================================== */
/*  Ajax - Liste déroulante de l'autocompletion                                   */
/* ============================================================================== */

.ui-widget {font-family:Verdana,Arial,sans-serif; font-size:0.9em;}
.ui-autocomplete-loading {background:#ffffff url(/theme/metro/img/working.gif) right center no-repeat;}


/* ============================================================================== */
/*  Ajax - In place editor                                                        */
/* ============================================================================== */

form.inplaceeditor-form {/* The form */
}

form.inplaceeditor-form input[type="text"] {/* Input box */
}

form.inplaceeditor-form textarea {/* Textarea, if multiple columns */
  background:#FAF8E8;
  color:#333333;
}

form.inplaceeditor-form input[type="submit"] {/* The submit button */
  font-size:100%;
  font-weight:normal;
  border:0px;
  cursor:pointer;
}

form.inplaceeditor-form a {/* The cancel link */
  margin-left:5px;
  font-size:11px;
  font-weight:normal;
  border:0px;
  cursor:pointer;
}


/* ============================================================================== */
/* Admin Menu                                                                     */
/* ============================================================================== */

/* CSS for treeview */
.treeview ul { background-color: transparent !important; margin-top: 0; }
.treeview li { background-color: transparent !important; padding: 0 0 0 16px !important; min-height: 20px; }
.treeview .hover { color: black !important; }


/* ============================================================================== */
/*  Show Excel tabs                                                               */
/* ============================================================================== */

.table_data {
  border-style:ridge;
  border:1px solid;
}

.tab_base {
  background:#C5D0DD;
  font-weight:bold;
  border-style:ridge;
  border:1px solid;
  cursor:pointer;
}

.table_sub_heading {
  background:#CCCCCC;
  font-weight:bold;
  border-style:ridge;
  border:1px solid;
}

.table_body {
  background:#F0F0F0;
  font-weight:normal;
  font-family:sans-serif;
  border-style:ridge;
  border:1px solid;
  border-spacing:0px;
  border-collapse:collapse;
}

.tab_loaded {
  background:#232323;
  color:#ffffff;
  font-weight:bold;
  border-style:groove;
  border:1px solid;
  cursor:pointer;
}


/* ============================================================================== */
/*  CSS for color picker                                                          */
/* ============================================================================== */

a.color, a.color:active, a.color:visited {
  position:relative;
  display:block;
  text-decoration:none;
  width:10px;
  height:10px;
  line-height:10px;
  margin:0px;
  padding:0px;
  border:1px inset #ffffff;
}

a.color:hover {border:1px outset #ffffff;}

a.none, a.none:active, a.none:visited, a.none:hover {
  position:relative;
  display:block;
  text-decoration:none;
  width:10px;
  height:10px;
  line-height:10px;
  margin:0px;
  padding:0px;
  cursor:default;
  border:1px solid #b3c5cc;
}

.tblColor {display:none;}
.tdColor {padding:1px;}
.tblContainer {background-color:#b3c5cc;}

.tblGlobal {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  background-color:#b3c5cc;
  border:2px outset;
}

.tdContainer {padding:5px;}

.tdDisplay {
  width:50%;
  height:20px;
  line-height:20px;
  border:1px outset #ffffff;
}

.tdDisplayTxt {
  width:50%;
  height:24px;
  line-height:12px;
  font-family: 'Roboto', sans-serif ;
  font-size:8pt;
  color:#333333;
  text-align:center;
}

.btnColor {
  width:100%;
  font-family: 'Roboto', sans-serif ;
  font-size:10pt;
  padding:0px;
  margin:0px;
}

.btnPalette {
  width:100%;
  font-family: 'Roboto', sans-serif ;
  font-size:8pt;
  padding:0px;
  margin:0px;
}

/* Style to overwrites JQuery styles */
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    font-weight:normal;
    font-family: 'Roboto', sans-serif ;
    font-size:1em;
}

.ui-widget {
    font-family: 'Roboto', sans-serif ;
    font-size:12px;
}

.ui-button { margin-left:-2px; padding-top: 1px; }
.ui-button-icon-only .ui-button-text { height:8px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding:2px 0px 6px 0px; }
.ui-button-text { line-height:1em !important; }
.ui-autocomplete-input { margin:0; }


/* ============================================================================== */
/*  CKEditor                                                                      */
/* ============================================================================== */

.cke_editor table, .cke_editor tr, .cke_editor td {border:0px solid #FF0000 !important;}
span.cke_skin_kama {padding:0px !important;}


/* ============================================================================== */
/*  File upload                                                                   */
/* ============================================================================== */

.template-upload {height:72px !important;}


/* ============================================================================== */
/*  JSGantt                                                                       */
/* ============================================================================== */

div.scroll2 {
  width: 450px !important;
}


/* ============================================================================== */
/*  jFileTree                                                                     */
/* ============================================================================== */

.ecmfiletree {
  width: 99%;
  height: 99%;
  background: #FFF;
  padding-left: 2px;
  font-weight: normal;
}

.fileview {
  width: 99%;
  height: 99%;
  background: #FFF;
  padding-left: 2px;
  padding-top: 4px;
  font-weight: normal;
}

div.filedirelem {
    position: relative;
    display: block;
    text-decoration: none;
}

ul.filedirelem {
    padding: 2px;
    margin: 0 5px 5px 5px;
}
ul.filedirelem li {
    list-style: none;
    padding: 2px;
    margin: 0 10px 20px 10px;
    width: 160px;
    height: 120px;
    text-align: center;
    display: block;
    float: left;
    border: solid 1px #DDDDDD;
}

ui-layout-north {

}

ul.ecmjqft {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

ul.ecmjqft li {
  list-style: none;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  white-space: nowrap;
  display: block;
}

ul.ecmjqft a {
  line-height: 16px;
  vertical-align: middle;
  color: #333;
  padding: 0px 0px;
  font-weight:normal;
  display: inline-block !important;
/*  float: left;*/
}
ul.ecmjqft a:active {
  font-weight: bold !important;
}
ul.ecmjqft a:hover {
    text-decoration: underline;
}
div.ecmjqft {
  vertical-align: middle;
  display: inline-block !important;
  text-align: right;
  position:absolute;
  right:4px;
}

/* Core Styles */
.ecmjqft LI.directory { font-weight:normal; background: url(/theme/common/treemenu/folder2.png) left top no-repeat; }
.ecmjqft LI.expanded { font-weight:normal; background: url(/theme/common/treemenu/folder2-expanded.png) left top no-repeat; }
.ecmjqft LI.wait { font-weight:normal; background: url(/theme/eldy/img/working.gif) left top no-repeat; }



/* ============================================================================== */
/*  jNotify                                                                       */
/* ============================================================================== */

.jnotify-container {
  position: fixed !important;
  text-align: center;
  min-width: 480px;
  width: auto;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* use or not ? */
div.jnotify-background {
  opacity : 0.95 !important;
    -moz-box-shadow: 4px 4px 4px #AAA !important;
    -webkit-box-shadow: 4px 4px 4px #AAA !important;
    box-shadow: 4px 4px 4px #AAA !important;
}


/* ============================================================================== */
/*  Maps                                                                          */
/* ============================================================================== */

.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, google-visualization-geomap-embed-2 {
    -moz-box-shadow: 0px 0px 10px #AAA;
    -webkit-box-shadow: 0px 0px 10px #AAA;
    box-shadow: 0px 0px 10px #AAA;
}


/* ============================================================================== */
/*  Datatable                                                                     */
/* ============================================================================== */

.sorting_asc  { background: url('/theme/metro/img/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('/theme/metro/img/sort_desc.png') no-repeat center right; }
.sorting_asc_disabled  { background: url('/theme/metro/img/sort_asc_disabled') no-repeat center right; }
.sorting_desc_disabled { background: url('/theme/metro/img/sort_desc_disabled') no-repeat center right; }
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
{
  font-weight: normal;
}
.paginate_enabled_previous:hover, .paginate_enabled_next:hover
{
  text-decoration: underline !important;
}


/* ============================================================================== */
/*  Select2                                                                       */
/* ============================================================================== */

.selectoptiondisabledwhite {
  background: #FFFFFF !important;
}

.select2-choice,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container-multi.select2-container-active .select2-choices
{
  border: 1px solid #aaa;
}
.select2-disabled
{
  color: #888;
}
.select2-drop-active
{
  border: 1px solid #aaa;
  border-top: none;
}
a span.select2-chosen
{
  font-weight: normal !important;
}
.select2-container .select2-choice {

  background-image: none;
  height: 30px;
  /*line-height: 24px;*/


}
.select2-choices .select2-search-choice {
  border: 1px solid #aaa !important;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
{
  background: #FFFFFF;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #FFFFFF;
  background-image: none;
  border: none;
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice {
  margin-bottom: 3px;
}
/* To emulate select 2 style */
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
  padding: 2px 5px 1px 5px;
  margin: 0 0 2px 3px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
  font-weight: normal;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr li {
  float: left;
  list-style: none;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  cursor: text;
  overflow: hidden;
}


/* ============================================================================== */
/*  JMobile                                                                       */
/* ============================================================================== */

li.ui-li-divider .ui-link {
  color: #FFF !important;
}
.ui-btn {
  margin: 0.1em 2px
}
.ui-btn-inner {
  min-width: .4em;
  padding-left: 10px;
  padding-right: 10px;
  white-space: normal;
  font-size: 12px;
}
.ui-btn-icon-right .ui-btn-inner {
  padding-right: 34px;
}
.ui-btn-icon-left .ui-btn-inner {
  padding-left: 34px;
}
.ui-select .ui-btn-icon-right .ui-btn-inner {
  padding-right: 36px;
}
.ui-select .ui-btn-icon-left .ui-btn-inner {
  padding-left: 36px;
}

.fiche .ui-controlgroup {
  margin: 0px;
  padding-bottom: 0px;
}
div.ui-controlgroup-controls div.tabsElem
{
  margin-top: 2px;
  margin-right: 8px;
}
div.ui-controlgroup-controls div.tabsElem a
{
  -moz-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
  box-shadow: 0 -3px 6px rgba(0,0,0,.2);
}
div.ui-controlgroup-controls div.tabsElem a#active {
  -moz-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
  box-shadow: 0 -3px 6px rgba(0,0,0,.3);
}

a.tab span.ui-btn-inner, a.tab span.ui-btn-inner span.ui-btn-text
{
  border: none;
  padding: 0;
}

.ui-body-c {
  border: 1px solid #CCC;
  text-shadow: none;
}
.ui-link {
  color: rgb(40,40,40) !important;
}

div.tabsElem a.ui-btn-corner-all {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}

.ui-btn-icon-left .ui-icon {
  left: 8px;
}
.ui-btn-icon-right .ui-icon {
  right: 8px;
}

div.ui-radio
{
  display: inline-block;
}
.ui-checkbox input, .ui-radio input {
  height: auto;
  width: auto;
  margin: 4px;
  position: static;
}
div.ui-checkbox label+input, div.ui-radio label+input {
  position: absolute;
}

.ui-mobile fieldset
{
  padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
}

ul.ulmenu {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.ui-field-contain label.ui-input-text {
  vertical-align: middle !important;
}
.ui-mobile fieldset {
  border-bottom: none !important;
}
.ui-body-c, .ui-btn-up-c, .ui-btn-hover-c {
  border: none !important;
}

/* Style for first level menu with jmobile */
.ui-bar-b, .lilevel0  {
    background: rgb(230,230,230);
    background-repeat: repeat-x;
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(250,250,250,0.3) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(250,250,250,0.3) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(250,250,250,0.3) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(250,250,250,0.3) 100%);
  background-image: linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(250,250,250,0.3) 100%);
    font-weight: bold;
      color: #444 !important;
}
.alilevel0 {
    color: #444 !important;
  text-shadow: 1px 0px 1px #FFF;
}
.alilevel1 {
    color: #444 !important;
  text-shadow: 1px 0px 1px #FFF;
}
.lilevel1 {
  background-image: -webkit-gradient(linear,left top,left bottom,from( #eee ),to( #e1e1e1 )) !important;
  background-image: -webkit-linear-gradient( #eee,#e1e1e1 ) !important;
  background-image: -moz-linear-gradient( #eee,#e1e1e1 ) !important;
  background-image: -ms-linear-gradient( #eee,#e1e1e1 ) !important;
  background-image: -o-linear-gradient( #eee,#e1e1e1 ) !important;
  background-image: linear-gradient( #eee,#e1e1e1 ) !important;
}
.lilevel2
{
  padding-left: 22px;
}
.lilevel3
{
  padding-left: 54px;
}
footer {
  height: 50px;
}



@font-face {
    font-family: 'icons';
    src: url(font/icons/icons.eot?33730336);
    src: url(font/icons/icons.eot?33730336#iefix) format("embedded-opentype"), url(font/icons/icons.woff?33730336) format("woff"), url(font/icons/icons.ttf?33730336) format("truetype"), url(font/icons/icons.svg?33730336#icons) format("svg");
    font-weight: 400;
    font-style: normal
}


html {
    height: 100%
}
=======

html {
    height: 100%
}

body {
    font-size: .8em
}

body#mainbody {
    height: 100%;
    background: #f3f3f3;
    background: #eee;
    background: #f1f1f1;
    background: #efefef
}

a {
    -webkit-transition: color linear .2s;
    transition: color linear .2s
}

img[src$="/tick.png"] {
    vertical-align: bottom
}

a[href*="/product/traduction.php"]>img[src$="/delete.png"] {
    vertical-align: middle;
    margin-bottom: 3px
}
/*
input[type="text"],
input[size],
input[name="tel"],
input[name="fax"],
textarea,
textarea.flat,
input[type="password"],
select,
select.flat,
input[type="file"],
input.dolibarrcombobox {
    height: 28px;
    padding: 3px 0 3px 5px;
    margin-right: 5px;
    font-size: 1em!important;
    line-height: 20px;
    background: #fafafa;
    border: 1px solid #dfdfdf!important;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color linear .2s;
    transition: border-color linear .2s
}*/

input[type="checkbox"],
input[type="radio"] {
    height: auto!important;
    padding: 0;
    margin: 0 3px 0 7px;
    vertical-align: middle
}

textarea,
textarea.flat {
    height: auto
}

select {
    border-radius: 1px!important
}

table.border input:focus,
input[type="text"]:focus,
input[size]:focus,
input[name="tel"]:focus,
input[name="fax"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus {
    border-color: rgba(82, 144, 236, 0.8)!important;
    outline: none
}

input[type="image"] {
    vertical-align: middle
}

center>input.button[type="submit"] {
    margin-top: 15px
}

.titre select {
    font-size: .9rem!important
}

div.divButAction {
    margin-bottom: 5px
}

input.button,
.butAction,
.butActionDelete,
.butActionRefused {
    display: inline-block;
    min-width: 80px;
    height: 32px;
    padding: 0 10px;
    margin: 0 3px;
    background: #428bca;
    text-align: center;
    font-size: .8rem;
    line-height: 32px;
    color: #fff;
    border: none;
    border-radius: 4px!important;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-transition: color linear .2s, background-color linear .2s;
    transition: color linear .2s, background-color linear .2s
}

input.button:hover,
input.button:focus,
.butAction:hover,
.butAction:focus,
.butActionDelete:hover,
.butActionDelete:focus,
.butActionRefused:hover,
.butActionRefused:focus {
    color: #fff;
    background: #0e67b3;
    cursor: pointer;
    outline: none
}

.butActionDelete,
.butActionRefused,
input.button[name="cancel"] {
    background: #eb0707
}

.butActionDelete:hover,
.butActionDelete:focus,
.butActionRefused:hover,
.butActionRefused:focus,
input.button[name="cancel"]:hover,
input.button[name="cancel"]:focus {
    background: #c30000
}

.butActionRefused {
    background: #999
}

.butActionRefused:hover,
.butActionRefused:focus {
    background: #999
}

input.button {
    line-height: 0
}

input.button~br {
    display: block;
    content: " ";
    margin: 5px 0
}

table.border input.button,
table.noborder input.button {
    height: 28px;
    vertical-align: top
}

.blockvmenusearch>form {
    overflow: hidden
}

.blockvmenusearch input.button {
    float: left;
    height: 24px;
    min-width: 10px;
    padding: 0 8px;
    margin: 0;
    font-size: .9em;
    background: #888;
    border-radius: 0!important
}

.blockvmenusearch input.button:hover,
.blockvmenusearch input.button:focus {
    background: #666
}

input.dolibarrcombobox {
    float: left;
    margin-right: 0
}

button.ui-button.ui-button-icon {
    height: 28px
}

.fichethirdleft form[action*="list.php"] tr.impair>td:first-child,
.fichethirdleft form[action*="liste.php"] tr.impair>td:first-child,
.fichethirdleft table tr.impair>td {
    width: 30%
}

.dpInvisibleButtons {
    font-size: 1em;
    line-height: 1.2em
}

textarea[name="dp_desc"] {
    margin-top: 10px
}

td>input[type="text"] {
    width: 100%
}

ul.ulselectedfields {
    z-index: 100
}

dl.dropdown {
    margin: 0;
    padding: 0
}

.dropdown dd,
.dropdown dt {
    margin: 0;
    padding: 0
}

.dropdown ul {
    margin: -1px 0 0;
    text-align: left
}

.dropdown dd {
    position: relative
}


.dropdown dt a {
    display: block;
    overflow: hidden;
    border: 0
}

.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0
}

.dropdown dd ul {
    background-color: #FFF;
    border: 1px solid #888;
    display: none;
    right: 0;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    list-style: none;
    max-height: 200px;
    overflow: auto
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li {
    white-space: nowrap;
    font-weight: 400
}

.dropdown dd ul li a {
    padding: 5px;
    display: block
}

.dropdown dd ul li a:hover {
    background-color: #fff
}

body.body,
body.bodylogin {
    height: 100%;
    font-size: .9em;
    background: #f7f7f7
}

body.body>.center,
body.bodylogin>div[align="center"],
body.body>center,
body.bodylogin>center,
form#login {
    margin-top: 0;
    position: relative;
    top: 20%
}

form#login {
    width: 260px;
    padding: 30px 30px 25px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    border: 1px solid #d6d6d6;
    border-radius: 4px
}

body.bodylogin>.center form#login,
body.bodylogin>div[align="center"] form#login {
    padding-top: 35px
}

form#login br {
    display: none
}

body.bodylogin>center div#login_right,
body.bodylogin>center #img_logo {
    display: none
}

body.bodylogin>.center div#login_left,
body.bodylogin>div[align="center"] div#login_left {
    margin-bottom: 25px
}

form#login input {
    padding: 0 8px
}

body.bodylogin>.center #login_right,
body.bodylogin>div[align="center"] #login_right,
#login_left {
    width: 100%
}

body.bodylogin>.center #login_right>table,
body.bodylogin>.center #login_right>table tbody,
body.bodylogin>.center #login_right>table tr,
body.bodylogin>.center #login_right>table td,
body.bodylogin>div[align="center"] #login_right>table,
body.bodylogin>div[align="center"] #login_right>table tbody,
body.bodylogin>div[align="center"] #login_right>table tr,
body.bodylogin>div[align="center"] #login_right>table td,
#login_left>table,
#login_left>table tbody,
#login_left>table tr,
#login_left>table td,
table.login_table,
table.login_table tbody,
table.login_table tr,
table.login_table td {
    display: block
}

body.bodylogin>.center #login_right>table tr,
body.bodylogin>div[align="center"] #login_right>table tr {
    margin-bottom: 15px
}

body.bodylogin>.center #login_right input[type="text"],
body.bodylogin>.center #login_right input[type="password"],
body.bodylogin>div[align="center"] #login_right input[type="text"],
body.bodylogin>div[align="center"] #login_right input[type="password"],
#login_left input[type="text"],
#login_left input[type="password"],
table.login_table input[type="text"],
table.login_table input[type="password"] {
    width: 100%;
    height: 42px
}

form#login table.login_table {
    margin: 0
}

form#login table.login_table[cellpadding="0"] {
    display: none
}

form#login table.login_table[cellpadding="2"] {
    width: 100%
}

table.login_table table {
    width: 100%
}

form#login .loginfield,
table.login_table table.none tr td:first-child {
    margin: 12px 0 3px;
    white-space: normal;
    overflow: hidden
}

form#login label {
    float: left;
    line-height: 1.4em;
    color: #666;
    font-weight: 400
}

form#login input[type="submit"] {
    width: 100%;
    height: 42px;
    padding: 5px;
    margin: 23px 0 3px;
    margin-top: 23px;
    font-size: 1em;
    font-weight: 700!important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    background: #428bca;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.01);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s
}

body.bodylogin>.center form#login input[type="submit"],
body.bodylogin>div[align="center"] form#login input[type="submit"] {
    margin-top: 10px
}

table.login_table input[type="submit"] {
    margin-bottom: 7px!important
}

form#login input[type="submit"]:hover,
form#login input[type="submit"]:focus {
    background: #0e67b3
}

table.login_table_title {
    display: none;
    color: #777
}

#login_line2 div[align="center"] {
    margin-top: 10px!important;
    font-size: .9em
}

form#login a.alogin,
form#login a[style*="#888888"] {
    color: #027!important;
    font-size: .8em!important
}

form#login a[style*="#888888"] {
    font-size: .8em!important
}

form#login a[style*="#888888"]:hover {
    text-decoration: underline
}

table.login_table_securitycode {
    display: table!important;
    border-collapse: collapse
}

table.login_table_securitycode tr {
    display: table-row!important
}

table.login_table_securitycode td {
    display: table-cell!important
}

body.bodylogin .login_main_message {
    display: inline-block
}

body.bodylogin div.center[style*="max-width: 500px;"] {
    display: inline-block
}

body.bodylogin div.error {
    padding: 10px 15px 10px 35px !important;
    margin: 0 0 25px;
    border-radius: 4px;
    background-position: 10px 10px!important;
    background-color: #f5aaaa!important
}

body.bodylogin .login_main_home {
    width: 100%;
    max-width: 100%!important
}

form#login~div.center em {
    color: #777;
    text-shadow: 1px 1px 1px #fff
}

form#login~div.center strong {
    font-weight: 400;
    color: #228b22;
    text-shadow: 1px 1px 1px #fff
}

#id-container,
#undertopmenu {
    height: 100%;
    margin-bottom: 0
}

.side-nav,
#id-left,
#undertopmenu td.vmenu {
    height: 100%;
    background: #fff;
    box-shadow: none
}

#id-left div.vmenu,
div.vmenu {
    width: 240px;
    box-shadow: none
}

#menu_contenu_logo img {
    max-width: 200px;
    max-height: 100px
}

div.tmenu {
    background: #424a55;
    height: 44px;
    line-height: 44px;
    box-shadow: none!important
}

div.tmenu li {
    display: inline-block
}

div.login_block {
    right: 3px
}

div.login_block_user,
div.login_block_other {
    display: inline-block;
    float: none;
    clear: none;
    height: 45px
}

div.login_block_other .login_block_elem {
    display: inline-block;
    float: right;
    padding: 0!important
}

div.login_block_user div,
div.login_block_other div {
    height: 45px;
    line-height: 45px
}

.login_block_user .photouserphoto {
    width: auto;
    height: 100%;
    padding: 5px 5px 5px 0;
    box-sizing: border-box
}

.login_block_user .login_block_elem>a,
div.login_block_user .login a,
div.login_block_other .login_block_elem a,
.login_block td.classfortooltip a {
    display: block;
    width: 30px;
    height: 45px;
    padding: 0 10px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

div.login_block_other .login_block_elem[style*="padding-right: 3px !important;"] a {
    padding: 0 7px 0 10px
}

.login_block_user .login_block_elem>a,
.login_block .login a {
    width: auto!important;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

.login_block .login a {
    line-height: 45px;
    font-weight: 700
}

a[href*="logout"] img {
    display: none
}

a[href*="optioncss=print"] img {
    display: none
}

a.help>img {
    margin-top: 14px;
    opacity: .7;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

a.help:hover>img,
a.help:focus>img,
a.help:active>img {
    opacity: 1
}

#tiptip_holder #tiptip_arrow {
    display: none
}

.ui-layout-container>.toolbar {
    padding: 4px 7px 2px!important;
    border-radius: 0!important
}

a.toolbarbutton {
    margin: 0 7px 0 3px
}

.toolbar img.toolbarbutton {
    height: 24px;
    margin: 0
}

.ecmfiletree {
    margin-top: 5px
}

ul.ecmjqft {
    font-size: 1.1em;
    line-height: 1.3em
}

ul.ecmjqft li {
    padding-top: 1px;
    padding-bottom: 5px
}

ul.ecmjqft li a:active {
    font-weight: 400!important
}

.cal_today {
    border: solid 2px #FFE4B5
}

.listactionsfilter table.nobordernopadding td {
    padding: 2px 0
}

.listactionsfilter input.button[name^="view"],
form[name^="listactionsfilter"] input.button[name^="view"] {
    height: 28px;
    padding-left: 0;
    vertical-align: middle;
    color: #428bca;
    background: transparent;
    text-align: left
}

.listactionsfilter input.button[name^="view"]:hover,
.listactionsfilter input.button[name^="view"]:focus,
form[name^="listactionsfilter"] input.button[name^="view"]:hover,
form[name^="listactionsfilter"] input.button[name^="view"]:focus {
    text-decoration: underline
}

.listactionsfilter input.button[name^="view"]~br {
    margin: 0
}

#pictotitle,
.hideonsmartphone>img[src*="/title_"],
img[src*="/title.png"] {
    display: none
}

td[align="left"][valign="middle"][width="40"] {
    width: auto
}

div.titre {
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.6em
}

td.hideonsmartphone~td>div.titre {
    margin-top: 5px;
    margin-bottom: 7px
}

#id-left .menu_titre {
    padding: 3px 6px
}

#id-left a.vsmenu {
    color: #333
}

#id-left a.vsmenu:hover {
    color: #428bca
}

#id-left a.vsmenu img {
    vertical-align: top;
    padding-top: 1px;
    margin-right: 3px
}

tr.box_titre,
tr.liste_titre,
div.liste_titre,
.tagtr.liste_titre {
    background: #fff;
    background: #f9f9f9
}

tr.liste_titre td.liste_titre .divsearchfield {
    margin-right: 20px;
    margin-bottom: 10px
}

div.liste_titre {
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #333;
    box-shadow: 0 0 4px #ddd
}

th.liste_titre img[src*="transparent.png"] {
    display: none
}

tr.box_titre td {
    padding: 0!important
}

tr.box_titre>td,
tr.liste_titre th.liste_titre,
tr.liste_titre>td {
    font-weight: 700
}

tr.box_titre>td,
tr.liste_titre th.liste_titre,
tr.liste_titre th.liste_titre_sel,
tr.liste_titre>td,
tr.liste_titre>th,
.tagtr.liste_titre>.tagtd {
    padding: 9px 5px 8px 10px !important;
    vertical-align: middle;
    text-align: left;
    font-size: .95em;
    font-weight: 700;
    color: #333;
    color: #428bca;
    color: #aaa;
    color: #333;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    text-shadow: none!important
}

tr.box_titre>td[align="right"],
tr.liste_titre th.liste_titre[align="right"],
tr.liste_titre th.liste_titre_sel[align="right"],
tr.liste_titre>td[align="right"],
tr.liste_titre>th[align="right"],
.tagtr.liste_titre>.tagtd[align="right"] {
    text-align: right
}

tr.box_titre>td a,
tr.liste_titre th.liste_titre a,
tr.liste_titre>td:first-child a {
    vertical-align: top
}

#menu_titre_logo {
    display: none
}

#menu_contenu_logo {
    padding: 5px 0 4px;
    border: none
}

#menu_contenu_logo:hover {
    background: transparent
}

.blockvmenupair .menu_titre,
.blockvmenuimpair .menu_titre {
    height: auto;
    line-height: 1.3em;
    color: #777;
    background: #7eccad;
    background: #cd5c5c;
    background: #999;
    background: #abb7b7;
    background: #a0a0a0;
    background: #4c5560;
    background: #58616c;
    background: #666e79;
    background: #fbfbfb;
    background: #fafafa;
    background: #f7f7f7;
    border-top: 1px solid #fff;
    border-bottom: none
}

.blockvmenupair .menu_titre a,
.blockvmenuimpair .menu_titre a {
    display: block;
    padding: 3px 0;
    color: #fff;
    color: #428bca;
    font-weight: 700
}

.blockvmenupair .menu_titre a:hover,
.blockvmenuimpair .menu_titre a:hover {
    color: #424a55
}

.blockvmenupair,
.blockvmenuimpair {
    padding: 0
}

.blockvmenupair .menu_contenu,
.blockvmenuimpair .menu_contenu {
    padding: 3px 6px;
    border: none
}

.blockvmenupair .menu_contenu:hover,
.blockvmenuimpair .menu_contenu:hover {
    color: #428bca;
    background: transparent
}

.menu_contenu br {
    display: none
}

.blockvmenusearch {
    border: none;
    text-align: left
}

.blockvmenusearch .searchselectcombo {
    width: 100%
}

.blockvmenusearch input.flat {
    float: left;
    height: 24px;
    width: 150px;
    margin: 0
}

.blockvmenusearch a.vsmenu {
    line-height: 1.5em;
    font-weight: 400;
    color: #555
}

.blockvmenusearch a.vsmenu img {
    vertical-align: top;
    margin-top: 1px;
    margin-right: 3px
}

.blockvmenusearch .menu_titre {
    padding-bottom: 1px!important
}

.blockvmenubookmarks {
    margin-bottom: 20px
}

.blockvmenubookmarks .menu_contenu {
    border: none;
    padding: 3px 5px
}

.blockvmenubookmarks .menu_contenu:hover {
    background: transparent
}

#blockvmenuhelp {
    border: none;
    text-align: -webkit-center;
    padding-top: 0;
    padding-bottom: 10px
}

.boxstats {
    padding: 5px 8px 4px 4px;
    background: #fff;
    border-color: #ccc;
    border-radius: 4px
}

div.tabs {
    height: auto;
    position: relative;
    z-index: 10;
    top: 1px;
    margin-top: 10px;
    margin-left: 10px
}

div.tabs a.tabTitle {
    float: left;
    display: block;
    height: 20px;
    padding: 7px 12px 3px;
    text-shadow: none
}

div.tabs a.tabTitle img {
    vertical-align: bottom
}

div.tabs div.tabsElem {
    float: left;
    margin: 0
}

div.tabs a.tab {
    display: block;
    height: 20px;
    padding: 7px 12px 3px;
    margin: 0;
    color: #555;
    background-color: rgba(0, 0, 0, .03);
    border: solid 1px #ccc;
    border-radius: 0;
    margin-left: -1px;
    vertical-align: baseline
}

div.tabs a.tab:hover,
div.tabs a.tab:focus {
    color: #428bca
}

div.tabs a.tabactive,
div.tabs a#active {
    color: #428bca;
    background: #fff!important;
    border: solid 1px #bbb;
    border-bottom: solid 1px #fff!important;
    vertical-align: baseline
}

div.tabBar {
    padding: 25px;
    box-shadow: none;
    clear: both
}

div.tabs a.tab>img[src$="/info.png"] {
    margin-left: 5px;
    margin-bottom: 0;
    vertical-align: top
}

table.liste,
table.noborder,
table.formdoc,
div.noborder {
    width: 100%
}

td {
    line-height: 1.5em
}

table a,
div.tagtable a {
    vertical-align: baseline
}

table img,
div.tagtable img {
    margin: 0;
    vertical-align: middle
}

td.nobordernopadding {
    vertical-align: baseline
}

td[align="right"][style="border: 1px solid;"] {
    border-color: #ccc!important
}

tr.pair,
tr.box_pair {
    background: #f9f9f9
}

tr.impair,
tr.box_impair {
    background: #fefefe
}

tr.impair td,
tr.pair td,
form.impair div,
form.pair div {
    padding: 4px 10px
}

table:not(.nohover) tr.pair:hover td:not(.nohover),
table:not(.nohover) tr.impair:hover td:not(.nohover),
tr.box_pair:hover td:not(.nohover),
tr.box_impair:hover td:not(.nohover) {
    background: #eee
}

.fichetwothirdright tr td tr td {
    background-color: transparent!important
}

.fichetwothirdright tr td {
    -webkit-transition: color linear .1s, background-color linear .1s;
    transition: color linear .1s, background-color linear .1s
}

.fichetwothirdright tr:hover td.nohover,
.fichetwothirdright tr td td {
    background: inherit
}

tr.liste_total,
tr.liste_total td,
form.liste_total div {
    padding: 4px 10px;
    background: #fff;
    border-top: solid 1px #e7e7e7
}

tr.pair,
tr.impair,
tr.liste_total {
    height: 30px
}

table.border,
table.noborder,
table.nocellnopadd,
table.liste,
div.tagtable {
    background: #fff;
    border: none;
    box-shadow: 0 0 4px #ddd
}

table.noborder tr td>table.nocellnopadd {
    box-shadow: none
}

.tabBar table.border,
.tabBar table.noborder {
    box-shadow: none
}

table.border tr td,
table.noborder tr td,
div.table-border>div.table-border-row>div {
    padding: 6px 10px
}

table.border tr td td,
table.noborder tr td td {
    padding: 0
}

table.nobordernopadding td {
    padding: 0
}

table.border td[valign="top"]>table.nobordernopadding tr td {
    padding: 1px 5px 1px 10px
}

tr.liste_titre td {
    padding: 10px
}

table tr td a {
    font-weight: 400;
    color: #1369b1;
    color: #20537e;
    color: #276294;
    color: #245a88
}

tr.liste_titre a[href*="sortfield"] img {
    margin: 0
}

tr.liste_titre a[href*="sortfield"]:first-child {
    margin-left: 5px
}

span.note {
    margin-left: 5px
}

img.loginphoto {
    border-radius: 2px;
    width: 16px;
    height: 16px
}

input.flat[name="negpage"] {
    margin: 5px
}

li.pagination>a[data-icon="arrow-r"] {
    margin-left: -2px
}

div.tmenu li {
    margin-right: 9px;
    font-size: 1em
}

@media only screen and (max-width: 1350px) {
    div.tmenu li {
        margin-right: 8px;
        font-size: .95em
    }
}

@media only screen and (max-width: 1300px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .9em
    }
}

@media only screen and (max-width: 1200px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .85em
    }
}

@media only screen and (max-width: 1150px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .8em
    }
}

@media only screen and (max-width: 1100px) {
    div.tmenu li {
        margin-right: 6px;
        font-size: .8em
    }
}

@media only screen and (max-width: 1070px) {
    div.tmenu li {
        margin-right: 5px;
        font-size: .75em
    }
}
/*============ openflex  ================*/


body {
    font-size: .8em
}

body#mainbody {
    height: 100%;
    background: #f3f3f3;
    background: #eee;
    background: #f1f1f1;
    background: #efefef
}

a {
    -webkit-transition: color linear .2s;
    transition: color linear .2s
}

img[src$="/tick.png"] {
    vertical-align: bottom
}

a[href*="/product/traduction.php"]>img[src$="/delete.png"] {
    vertical-align: middle;
    margin-bottom: 3px
}
/*
input[type="text"],
input[size],
input[name="tel"],
input[name="fax"],
textarea,
textarea.flat,
input[type="password"],
select,
select.flat,
input[type="file"],
input.dolibarrcombobox {
    height: 28px;
    padding: 3px 0 3px 5px;
    margin-right: 5px;
    font-size: 1em!important;
    line-height: 20px;
    background: #fafafa;
    border: 1px solid #dfdfdf!important;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color linear .2s;
    transition: border-color linear .2s
}*/

input[type="checkbox"],
input[type="radio"] {
    height: auto!important;
    padding: 0;
    margin: 0 3px 0 7px;
    vertical-align: middle
}

textarea,
textarea.flat {
    height: auto
}

select {
    border-radius: 1px!important
}

table.border input:focus,
input[type="text"]:focus,
input[size]:focus,
input[name="tel"]:focus,
input[name="fax"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus {
    border-color: rgba(82, 144, 236, 0.8)!important;
    outline: none
}

input[type="image"] {
    vertical-align: middle
}

center>input.button[type="submit"] {
    margin-top: 15px
}

.titre select {
    font-size: .9rem!important
}

div.divButAction {
    margin-bottom: 5px
}

input.button,
.butAction,
.butActionDelete,
.butActionRefused {
    display: inline-block;
    min-width: 80px;
    height: 32px;
    padding: 0 10px;
    margin: 0 3px;
    background: #428bca;
    text-align: center;
    font-size: .8rem;
    line-height: 32px;
    color: #fff;
    border: none;
    border-radius: 4px!important;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-transition: color linear .2s, background-color linear .2s;
    transition: color linear .2s, background-color linear .2s
}

input.button:hover,
input.button:focus,
.butAction:hover,
.butAction:focus,
.butActionDelete:hover,
.butActionDelete:focus,
.butActionRefused:hover,
.butActionRefused:focus {
    color: #fff;
    background: #0e67b3;
    cursor: pointer;
    outline: none
}

.butActionDelete,
.butActionRefused,
input.button[name="cancel"] {
    background: #eb0707
}

.butActionDelete:hover,
.butActionDelete:focus,
.butActionRefused:hover,
.butActionRefused:focus,
input.button[name="cancel"]:hover,
input.button[name="cancel"]:focus {
    background: #c30000
}

.butActionRefused {
    background: #999
}

.butActionRefused:hover,
.butActionRefused:focus {
    background: #999
}

input.button {
    line-height: 0
}

input.button~br {
    display: block;
    content: " ";
    margin: 5px 0
}

table.border input.button,
table.noborder input.button {
    height: 28px;
    vertical-align: top
}

.blockvmenusearch>form {
    overflow: hidden
}

.blockvmenusearch input.button {
    float: left;
    height: 24px;
    min-width: 10px;
    padding: 0 8px;
    margin: 0;
    font-size: .9em;
    background: #888;
    border-radius: 0!important
}

.blockvmenusearch input.button:hover,
.blockvmenusearch input.button:focus {
    background: #666
}

input.dolibarrcombobox {
    float: left;
    margin-right: 0
}

button.ui-button.ui-button-icon {
    height: 28px
}


.fichethirdleft form[action*="list.php"] tr.impair>td:first-child,
.fichethirdleft form[action*="liste.php"] tr.impair>td:first-child,
.fichethirdleft table tr.impair>td {
    width: 30%
}


.dpInvisibleButtons {
    font-size: 1em;
    line-height: 1.2em
}

textarea[name="dp_desc"] {
    margin-top: 10px
}

td>input[type="text"] {
    width: 100%
}

ul.ulselectedfields {
    z-index: 100
}

dl.dropdown {
    margin: 0;
    padding: 0
}

.dropdown dd,
.dropdown dt {
    margin: 0;
    padding: 0
}

.dropdown ul {
    margin: -1px 0 0;
    text-align: left
}

.dropdown dd {
    position: relative
}

.dropdown dt a {
    display: block;
    overflow: hidden;
    border: 0
}

.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0
}

.dropdown dd ul {
    background-color: #FFF;
    border: 1px solid #888;
    display: none;
    right: 0;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    list-style: none;
    max-height: 200px;
    overflow: auto
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li {
    white-space: nowrap;
    font-weight: 400
}

.dropdown dd ul li a {
    padding: 5px;
    display: block
}

.dropdown dd ul li a:hover {
    background-color: #fff
}

body.body,
body.bodylogin {
    height: 100%;
    font-size: .9em;
    background: #f7f7f7
}

body.body>.center,
body.bodylogin>div[align="center"],
body.body>center,
body.bodylogin>center,
form#login {
    margin-top: 0;
    position: relative;
    top: 20%
}

form#login {
    width: 260px;
    padding: 30px 30px 25px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    border: 1px solid #d6d6d6;
    border-radius: 4px
}

body.bodylogin>.center form#login,
body.bodylogin>div[align="center"] form#login {
    padding-top: 35px
}

form#login br {
    display: none
}

body.bodylogin>center div#login_right,
body.bodylogin>center #img_logo {
    display: none
}

body.bodylogin>.center div#login_left,
body.bodylogin>div[align="center"] div#login_left {
    margin-bottom: 25px
}

form#login input {
    padding: 0 8px
}

body.bodylogin>.center #login_right,
body.bodylogin>div[align="center"] #login_right,
#login_left {
    width: 100%
}

body.bodylogin>.center #login_right>table,
body.bodylogin>.center #login_right>table tbody,
body.bodylogin>.center #login_right>table tr,
body.bodylogin>.center #login_right>table td,
body.bodylogin>div[align="center"] #login_right>table,
body.bodylogin>div[align="center"] #login_right>table tbody,
body.bodylogin>div[align="center"] #login_right>table tr,
body.bodylogin>div[align="center"] #login_right>table td,
#login_left>table,
#login_left>table tbody,
#login_left>table tr,
#login_left>table td,
table.login_table,
table.login_table tbody,
table.login_table tr,
table.login_table td {
    display: block
}

body.bodylogin>.center #login_right>table tr,
body.bodylogin>div[align="center"] #login_right>table tr {
    margin-bottom: 15px
}

body.bodylogin>.center #login_right input[type="text"],
body.bodylogin>.center #login_right input[type="password"],
body.bodylogin>div[align="center"] #login_right input[type="text"],
body.bodylogin>div[align="center"] #login_right input[type="password"],
#login_left input[type="text"],
#login_left input[type="password"],
table.login_table input[type="text"],
table.login_table input[type="password"] {
    width: 100%;
    height: 42px
}

form#login table.login_table {
    margin: 0
}

form#login table.login_table[cellpadding="0"] {
    display: none
}

form#login table.login_table[cellpadding="2"] {
    width: 100%
}

table.login_table table {
    width: 100%
}

form#login .loginfield,
table.login_table table.none tr td:first-child {
    margin: 12px 0 3px;
    white-space: normal;
    overflow: hidden
}

form#login label {
    float: left;
    line-height: 1.4em;
    color: #666;
    font-weight: 400
}

form#login input[type="submit"] {
    width: 100%;
    height: 42px;
    padding: 5px;
    margin: 23px 0 3px;
    margin-top: 23px;
    font-size: 1em;
    font-weight: 700!important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    background: #428bca;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.01);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s
}

body.bodylogin>.center form#login input[type="submit"],
body.bodylogin>div[align="center"] form#login input[type="submit"] {
    margin-top: 10px
}

table.login_table input[type="submit"] {
    margin-bottom: 7px!important
}

form#login input[type="submit"]:hover,
form#login input[type="submit"]:focus {
    background: #0e67b3
}

table.login_table_title {
    display: none;
    color: #777
}

#login_line2 div[align="center"] {
    margin-top: 10px!important;
    font-size: .9em
}

form#login a.alogin,
form#login a[style*="#888888"] {
    color: #027!important;
    font-size: .8em!important
}

form#login a[style*="#888888"] {
    font-size: .8em!important
}

form#login a[style*="#888888"]:hover {
    text-decoration: underline
}

table.login_table_securitycode {
    display: table!important;
    border-collapse: collapse
}

table.login_table_securitycode tr {
    display: table-row!important
}

table.login_table_securitycode td {
    display: table-cell!important
}

body.bodylogin .login_main_message {
    display: inline-block
}

body.bodylogin div.center[style*="max-width: 500px;"] {
    display: inline-block
}

body.bodylogin div.error {
    padding: 10px 15px 10px 35px !important;
    margin: 0 0 25px;
    border-radius: 4px;
    background-position: 10px 10px!important;
    background-color: #f5aaaa!important
}

body.bodylogin .login_main_home {
    width: 100%;
    max-width: 100%!important
}

form#login~div.center em {
    color: #777;
    text-shadow: 1px 1px 1px #fff
}

form#login~div.center strong {
    font-weight: 400;
    color: #228b22;
    text-shadow: 1px 1px 1px #fff
}

#id-container,
#undertopmenu {
    height: 100%;
    margin-bottom: 0
}

.side-nav,
#id-left,
#undertopmenu td.vmenu {
    height: 100%;
    background: #fff;
    box-shadow: none
}

#id-left div.vmenu,
div.vmenu {
    width: 240px;
    box-shadow: none
}

#menu_contenu_logo img {
    max-width: 200px;
    max-height: 100px
}

div.tmenu {
    background: #424a55;
    height: 44px;
    line-height: 44px;
    box-shadow: none!important
}

div.tmenu li {
    display: inline-block
}

div.login_block {
    right: 3px
}

div.login_block_user,
div.login_block_other {
    display: inline-block;
    float: none;
    clear: none;
    height: 45px
}

div.login_block_other .login_block_elem {
    display: inline-block;
    float: right;
    padding: 0!important
}

div.login_block_user div,
div.login_block_other div {
    height: 45px;
    line-height: 45px
}

.login_block_user .photouserphoto {
    width: auto;
    height: 100%;
    padding: 5px 5px 5px 0;
    box-sizing: border-box
}

.login_block_user .login_block_elem>a,
div.login_block_user .login a,
div.login_block_other .login_block_elem a,
.login_block td.classfortooltip a {
    display: block;
    width: 30px;
    height: 45px;
    padding: 0 10px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3)
}

div.login_block_other .login_block_elem[style*="padding-right: 3px !important;"] a {
    padding: 0 7px 0 10px
}

.login_block_user .login_block_elem>a,
.login_block .login a {
    width: auto!important;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

.login_block .login a {
    line-height: 45px;
    font-weight: 700
}

a[href*="logout"] img {
    display: none
}

a[href*="optioncss=print"] img {
    display: none
}

a.help>img {
    margin-top: 14px;
    opacity: .7;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

a.help:hover>img,
a.help:focus>img,
a.help:active>img {
    opacity: 1
}

#tiptip_holder #tiptip_arrow {
    display: none
}

.ui-layout-container>.toolbar {
    padding: 4px 7px 2px!important;
    border-radius: 0!important
}

a.toolbarbutton {
    margin: 0 7px 0 3px
}

.toolbar img.toolbarbutton {
    height: 24px;
    margin: 0
}

.ecmfiletree {
    margin-top: 5px
}

ul.ecmjqft {
    font-size: 1.1em;
    line-height: 1.3em
}

ul.ecmjqft li {
    padding-top: 1px;
    padding-bottom: 5px
}

ul.ecmjqft li a:active {
    font-weight: 400!important
}

.cal_today {
    border: solid 2px #FFE4B5
}

.listactionsfilter table.nobordernopadding td {
    padding: 2px 0
}

.listactionsfilter input.button[name^="view"],
form[name^="listactionsfilter"] input.button[name^="view"] {
    height: 28px;
    padding-left: 0;
    vertical-align: middle;
    color: #428bca;
    background: transparent;
    text-align: left
}

.listactionsfilter input.button[name^="view"]:hover,
.listactionsfilter input.button[name^="view"]:focus,
form[name^="listactionsfilter"] input.button[name^="view"]:hover,
form[name^="listactionsfilter"] input.button[name^="view"]:focus {
    text-decoration: underline
}

.listactionsfilter input.button[name^="view"]~br {
    margin: 0
}

#pictotitle,
.hideonsmartphone>img[src*="/title_"],
img[src*="/title.png"] {
    display: none
}

td[align="left"][valign="middle"][width="40"] {
    width: auto
}

div.titre {
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.6em
}

td.hideonsmartphone~td>div.titre {
    margin-top: 5px;
    margin-bottom: 7px
}

#id-left .menu_titre {
    padding: 3px 6px
}

#id-left a.vsmenu {
    color: #333
}

#id-left a.vsmenu:hover {
    color: #428bca
}

#id-left a.vsmenu img {
    vertical-align: top;
    padding-top: 1px;
    margin-right: 3px
}

tr.box_titre,
tr.liste_titre,
div.liste_titre,
.tagtr.liste_titre {
    background: #fff;
    background: #f9f9f9
}

tr.liste_titre td.liste_titre .divsearchfield {
    margin-right: 20px;
    margin-bottom: 10px
}

div.liste_titre {
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #333;
    box-shadow: 0 0 4px #ddd
}

th.liste_titre img[src*="transparent.png"] {
    display: none
}

tr.box_titre td {
    padding: 0!important
}

tr.box_titre>td,
tr.liste_titre th.liste_titre,
tr.liste_titre>td {
    font-weight: 700
}

tr.box_titre>td,
tr.liste_titre th.liste_titre,
tr.liste_titre th.liste_titre_sel,
tr.liste_titre>td,
tr.liste_titre>th,
.tagtr.liste_titre>.tagtd {
    padding: 9px 5px 8px 10px !important;
    vertical-align: middle;
    text-align: left;
    font-size: .95em;
    font-weight: 700;
    color: #333;
    color: #428bca;
    color: #aaa;
    color: #333;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    text-shadow: none!important
}

tr.box_titre>td[align="right"],
tr.liste_titre th.liste_titre[align="right"],
tr.liste_titre th.liste_titre_sel[align="right"],
tr.liste_titre>td[align="right"],
tr.liste_titre>th[align="right"],
.tagtr.liste_titre>.tagtd[align="right"] {
    text-align: right
}

tr.box_titre>td a,
tr.liste_titre th.liste_titre a,
tr.liste_titre>td:first-child a {
    vertical-align: top
}

#menu_titre_logo {
    display: none
}

#menu_contenu_logo {
    padding: 5px 0 4px;
    border: none
}

#menu_contenu_logo:hover {
    background: transparent
}

.blockvmenupair .menu_titre,
.blockvmenuimpair .menu_titre {
    height: auto;
    line-height: 1.3em;
    color: #777;
    background: #7eccad;
    background: #cd5c5c;
    background: #999;
    background: #abb7b7;
    background: #a0a0a0;
    background: #4c5560;
    background: #58616c;
    background: #666e79;
    background: #fbfbfb;
    background: #fafafa;
    background: #f7f7f7;
    border-top: 1px solid #fff;
    border-bottom: none
}

.blockvmenupair .menu_titre a,
.blockvmenuimpair .menu_titre a {
    display: block;
    padding: 3px 0;
    color: #fff;
    color: #428bca;
    font-weight: 700
}

.blockvmenupair .menu_titre a:hover,
.blockvmenuimpair .menu_titre a:hover {
    color: #424a55
}

.blockvmenupair,
.blockvmenuimpair {
    padding: 0
}

.blockvmenupair .menu_contenu,
.blockvmenuimpair .menu_contenu {
    padding: 3px 6px;
    border: none
}

.blockvmenupair .menu_contenu:hover,
.blockvmenuimpair .menu_contenu:hover {
    color: #428bca;
    background: transparent
}

.menu_contenu br {
    display: none
}

.blockvmenusearch {
    border: none;
    text-align: left
}

.blockvmenusearch .searchselectcombo {
    width: 100%
}

.blockvmenusearch input.flat {
    float: left;
    height: 24px;
    width: 150px;
    margin: 0
}

.blockvmenusearch a.vsmenu {
    line-height: 1.5em;
    font-weight: 400;
    color: #555
}

.blockvmenusearch a.vsmenu img {
    vertical-align: top;
    margin-top: 1px;
    margin-right: 3px
}

.blockvmenusearch .menu_titre {
    padding-bottom: 1px!important
}

.blockvmenubookmarks {
    margin-bottom: 20px
}

.blockvmenubookmarks .menu_contenu {
    border: none;
    padding: 3px 5px
}

.blockvmenubookmarks .menu_contenu:hover {
    background: transparent
}

#blockvmenuhelp {
    border: none;
    text-align: -webkit-center;
    padding-top: 0;
    padding-bottom: 10px
}

.boxstats {
    padding: 5px 8px 4px 4px;
    background: #fff;
    border-color: #ccc;
    border-radius: 4px
}

div.tabs {
    height: auto;
    position: relative;
    z-index: 999;
    top: 1px;
    margin-top: 10px;
    margin-left: 10px
}

div.tabs a.tabTitle {
    float: left;
    display: block;
    height: 20px;
    padding: 7px 12px 3px;
    text-shadow: none
}

div.tabs a.tabTitle img {
    vertical-align: bottom
}

div.tabs div.tabsElem {
    float: left;
    margin: 0
}

div.tabs a.tab {
    display: block;
    height: 20px;
    padding: 7px 12px 3px;
    margin: 0;
    color: #555;
    background-color: rgba(0, 0, 0, .03);
    border: solid 1px #ccc;
    border-radius: 0;
    margin-left: -1px;
    vertical-align: baseline
}

div.tabs a.tab:hover,
div.tabs a.tab:focus {
    color: #428bca
}

div.tabs a.tabactive,
div.tabs a#active {
    color: #428bca;
    background: #fff!important;
    border: solid 1px #bbb;
    border-bottom: solid 1px #fff!important;
    vertical-align: baseline
}

div.tabBar {
    padding: 25px;
    box-shadow: none;
    clear: both
}

div.tabs a.tab>img[src$="/info.png"] {
    margin-left: 5px;
    margin-bottom: 0;
    vertical-align: top
}

table.liste,
table.noborder,
table.formdoc,
div.noborder {
    width: 100%
}

td {
    line-height: 1.5em
}

table a,
div.tagtable a {
    vertical-align: baseline
}

table img,
div.tagtable img {
    margin: 0;
    vertical-align: middle
}

td.nobordernopadding {
    vertical-align: baseline
}

td[align="right"][style="border: 1px solid;"] {
    border-color: #ccc!important
}

tr.pair,
tr.box_pair {
    background: #f9f9f9
}

tr.impair,
tr.box_impair {
    background: #fefefe
}

tr.impair td,
tr.pair td,
form.impair div,
form.pair div {
    padding: 4px 10px
}

table:not(.nohover) tr.pair:hover td:not(.nohover),
table:not(.nohover) tr.impair:hover td:not(.nohover),
tr.box_pair:hover td:not(.nohover),
tr.box_impair:hover td:not(.nohover) {
    background: #eee
}

.fichetwothirdright tr td tr td {
    background-color: transparent!important
}

.fichetwothirdright tr td {
    -webkit-transition: color linear .1s, background-color linear .1s;
    transition: color linear .1s, background-color linear .1s
}

.fichetwothirdright tr:hover td.nohover,
.fichetwothirdright tr td td {
    background: inherit
}

tr.liste_total,
tr.liste_total td,
form.liste_total div {
    padding: 4px 10px;
    background: #fff;
    border-top: solid 1px #e7e7e7
}

tr.pair,
tr.impair,
tr.liste_total {
    height: 30px
}

table.border,
table.noborder,
table.nocellnopadd,
table.liste,
div.tagtable {
    background: #fff;
    border: none;
    box-shadow: 0 0 4px #ddd
}

table.noborder tr td>table.nocellnopadd {
    box-shadow: none
}

.tabBar table.border,
.tabBar table.noborder {
    box-shadow: none
}

table.border tr td,
table.noborder tr td,
div.table-border>div.table-border-row>div {
    padding: 6px 10px
}

table.border tr td td,
table.noborder tr td td {
    padding: 0
}

table.nobordernopadding td {
    padding: 0
}

table.border td[valign="top"]>table.nobordernopadding tr td {
    padding: 1px 5px 1px 10px
}

tr.liste_titre td {
    padding: 10px
}

table tr td a {
    font-weight: 400;
    color: #1369b1;
    color: #20537e;
    color: #276294;
    color: #245a88
}

tr.liste_titre a[href*="sortfield"] img {
    margin: 0
}

tr.liste_titre a[href*="sortfield"]:first-child {
    margin-left: 5px
}

span.note {
    margin-left: 5px
}

img.loginphoto {
    border-radius: 2px;
    width: 16px;
    height: 16px
}

input.flat[name="negpage"] {
    margin: 5px
}

li.pagination>a[data-icon="arrow-r"] {
    margin-left: -2px
}

div.tmenu li {
    margin-right: 9px;
    font-size: 1em
}

@media only screen and (max-width: 1350px) {
    div.tmenu li {
        margin-right: 8px;
        font-size: .95em
    }
}

@media only screen and (max-width: 1300px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .9em
    }
}

@media only screen and (max-width: 1200px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .85em
    }
}

@media only screen and (max-width: 1150px) {
    div.tmenu li {
        margin-right: 7px;
        font-size: .8em
    }
}

@media only screen and (max-width: 1100px) {
    div.tmenu li {
        margin-right: 6px;
        font-size: .8em
    }
}

@media only screen and (max-width: 1070px) {
    div.tmenu li {
        margin-right: 5px;
        font-size: .75em
    }
}
/*============ openflex  ================*/

body#mainbody{
  background : rgb();
}
div.tmenu{
  background : rgb();
}
th.liste_titre, th.liste_titre_sel,
tr.liste_titre > td:not(.liste_titre) 
{
  background : rgb();
}

/*============ suppression ombre  ================*/
tr.liste_titre td
{
  }

td.nobordernopadding > div.titre
{
  }

/*============ menu selection  ================*/
li.tmenusel
{
  background :  rgb(56, 64, 75)}

/*============= ajout choix couleur dans metro ===================*/

div.titre{
  color : rgb();
}
.classfortooltip{
  color : rgb();
}
.classfortooltip:hover{
  color : rgb();
  text-decoration : none;
}
table:not(.nohover) tr.pair:hover td:not(.nohover),table:not(.nohover) tr.impair:hover td:not(.nohover),tr.box_pair:hover td:not(.nohover),tr.box_impair:hover td:not(.nohover){
  background: #;
}


input.colorthumb[type="text"]:disabled,
input#colorpickerTHEME_ELDY_BACKBODY.flat,
input#colorpickerTHEME_ELDY_TOPMENU_BACK1.flat,
input#colorpickerTHEME_ELDY_BACKTITLE1.flat,
input#colorpickerTHEME_ELDY_TEXTTITLENOTAB.flat,
input#colorpickerTHEME_ELDY_USE_HOVER.flat,
input#colorpickerTHEME_ELDY_TEXTLINK.flat{
  width: 66px !important;
  border-radius: 4px;
}




input#colorpickerTHEME_BUTTON_ACT_COLOR.flat,
input#colorpickerTHEME_BUTTON_DEL_COLOR.flat,
input#colorpickerTHEME_BUTTON_INA_COLOR.flat
{
  width: 66px !important;
  border-radius: 4px;
}

.button:not([name="cancel"]):not([value="Cancel"]),
.butAction
{
  background : rgb() !important;
}

.button:not([name="cancel"]):not([value="Cancel"]):hover,
.butAction:hover
{
  }


.button[value="Cancel"],
.butActionDelete
{
  background : rgb() !important;
}

.button[value="Cancel"]:hover,
.butActionDelete:hover
{
  }

.butActionRefused
{
  background : rgb() !important;
}



/*============ prise en charge des attributs size ================*/

input[type='text']:not([class*="inputTheme"]):not([class*="select2-input"]):not([class*="colorthumb"]):not([class*="soixantepercent"]):not([class*="quatrevingtpercent"]):not([class*="centpercent"]),
input[type='password']:not([class*="inputTheme"])
{
  width: auto !important;
}


.select2-container:not([class*="minwidth"]):not([class*="percent"]),
input.flat:not([class*="minwidth"]):not([class*="percent"]):not([name*="month"]):not([type="file"])
{
  min-width: 80px;
}

/*=============== reduction des champs mois ===================*/

input.flat[name*="month"]
{
  width: 30px !important;
}

/*=============== class avec taille dans la definition ==========*/ 
.minwidth100 { min-width: 100px; }
.minwidth200 { min-width: 200px; }
.minwidth300 { min-width: 300px; }
.minwidth500 { min-width: 500px; }

.soixantepercent { width: 60% !important; }
.quatrevingtpercent { width: 80% !important; }
.centpercent { width: 100% !important; }

/*=================padding pour menu actif===============*/
.tmenusel
{
  padding-left:4px;
  padding-right:4px;
}

/*================= espace entre combobox de recherche =============*/
.divsearchfield
{
  margin-top:3px;
}

/*================= legende formulaire ======================*/

table.border > tbody > tr > td:first-child:not([width])
{
  width: 20%;
}
/*================= selecteur de fichier ===================*/
input[type="file"]
{
  min-height: 35px !important;
}

/*================= template ==========================*/

td.nobottom[align='right'][class*='linecol'] > input[size]
{
  width: auto !important;
  min-width: 0 !important;
}

td.nobottom[align='right'][class*='linecol']
{
  text-align: right !important;
  vertical-align:top;
  padding:4px 0px 0px 2px !important;
}
/*================= top menu ==========================*/
div.tmenu{
  height: auto !important;
  white-space: normal;
  width : 100% !important;
}



#show_more {


    cursor: pointer;
}


#overflow{
  background :  rgb(56, 64, 75)}
ul#overflow li div.tmenucenter{
  line-height : 25px;
  margin-left: 5px;
}
/*================= top menu ==========================*/
@font-face {

font-family: 'MyriadPro-Regular';

src: url('font/MyriadPro-Regular.ttf');

}
body {
  font-family: MyriadPro-Regular !important;
}
/*div.tmenu{
  background : #fbb03b;
}*/

div.tmenu{
    background : #fbb03b;
}

div.tmenu li a {
  color: white;
  /*font-family: MyriadPro-Regular !important;*/
}

li.tmenu a {
  
  background : #355faa;
  border-radius: 3px;
  
}
li.tmenu a.tmenu {
  padding : 5px;
}
li.tmenusel a.tmenusel {
  padding : 5px;
}

li.tmenusel{
  background : #fbb03b;
}

li.tmenusel a{
  background : white;
  border-radius: 3px;
}
#overflow{
  background : #fbb03b;
}

/*div.tmenu li a:hover { 
  background : white;
  color:#fbb03b;
}*/

div.tmenu ul li a.tmenusel {
  color:#fbb03b;
  font-weight: normal;
}
/*#menu_contenu_logo {
  background: white;
}*/
.menu_contenu {
  color:white;
  background : #355faa;
  font-family: MyriadPro-Regular !important;

}
.blockvmenupair .menu_contenu:hover,.blockvmenuimpair .menu_contenu:hover
{
  color:white ;
  background:#fbb03b;
  font-family: MyriadPro-Regular !important;
}

.blockvmenubookmarks {
  background : #355faa;
  margin-bottom: 0px;
}
.blockvmenuhelp {
  background : #355faa;
}
.menu_titre a {
  background : #355faa;
  color:white;
  font-family:  'Roboto', sans-serif  !important;
}
#id-left .menu_titre{padding:0px}
#id-left a.vsmenu{
display: block;
  color:white;
  
  margin-left:35px;
  font-family:  'Roboto', sans-serif  !important;
}
a.tmenudisabled {
  padding:5px;
}
#id-left a.vmenu{
  padding-left:15px;
  text-transform: uppercase;
}
a.vmenu span {
  margin-bottom: 0px;
}
#id-left a.vsmenu:hover{color:white}
.blockvmenupair .menu_titre a,.blockvmenuimpair .menu_titre a{
color:white;font-weight:normal

}
.blockvmenupair .menu_titre a:hover,.blockvmenuimpair .menu_titre a:hover{
  background:#fbb03b;
  color:white;
}
.blockvmenupair {
  border : none;
  margin : 0;
}

.blockvmenupair .menu_titre,.blockvmenuimpair .menu_titre {
  border-top:none;
}
.version_indicator {
  color: white;
}
.blockvmenusearch{
  background: #355faa;
}
/*.blockvmenusearch_top  {
  background-image : linear-gradient(white, #355faa);
}*/
.vsmenusel {
  background:#fbb03b;
}
.vsmenusel a{
  background:#fbb03b;
}
div.titre {
  color : #355faa;
  font-weight:normal;
  text-transform: uppercase;
  font-size: 1.3em;
}
div.divsearchfield {
  color : #355faa;
  font-weight:normal;
}
tr.liste_titre a,tr.liste_titre td,tr.liste_titre th,div.tabs a.tab,div.tabs a.tabTitle   {
  color : #355faa;
  font-family: MyriadPro-Regular !important;
  text-transform:capitalize;

  
}

tr.liste_titre th.liste_titre{
  color : #355faa;
  font-family: MyriadPro-Regular !important;
  text-transform:capitalize;
  
}
td.tdoverflow {
  color : #355faa;
  font-family: MyriadPro-Regular !important;
  text-transform:capitalize;
  
}
.select2-container .select2-choice .select2-arrow {
  background: #fbb03b;
  border: 1px solid #fbb03b;
  text-align:center;
  


}
.select2-container .select2-choice {

	border: 1px solid #fbb03b;

  padding: 2px 0 0 5px !important;
}
input[type="text"], input[size], input[name="tel"], input[name="fax"], textarea, textarea.flat, input[type="password"], select, select.flat, input[type="file"], input.dolibarrcombobox {
  border: 1px solid #fbb03b !important;
  border-radius: 5px !important;
}

tr.impair td,tr.pair td{
  font-family: MyriadPro-Regular !important;
  color: black;
}
tr.impair td a,tr.pair td a{
  font-family: MyriadPro-Regular !important;
  color: black;
}
 tr.box_impair td, tr.box_pair td {
  font-family: MyriadPro-Regular !important;
  color: black;
}
 tr.box_impair td a, tr.box_pair td a{
  font-family: MyriadPro-Regular !important;
  color: black;
}

div.bandeau {
  border:2px #fbb03b solid;
  background-color:#FFFFFF;
  font-size:14px;
  border-radius:5px;
  
  vertical-align:middle;
  display:inline-block;
  margin-top:10px;
  margin-bottom:10px;
  width: 100%;
  text-align: center;
  overflow: hidden;
    position: relative;
    
}

div.bandeau span {
  color: #fbb03b;
}
div.message {
  padding:10px;
  margin-left: 5%;
}
.icon-le-saviez-vous {
  font-size: 35px;
  color:white !important;
  display: inline-block;
  vertical-align: middle;
}
li.pagination select {
  border: 1px solid #dfdfdf !important;
  border-radius: 0px !important;
}
select[name="tva_tx"] {
  border: 1px solid #dfdfdf !important;
  border-radius: 0px !important;
}

.cke_chrome {
  border: 1px solid #fbb03b !important;
}
input.button, .butAction {
  background: #355faa;
  font-family: MyriadPro-Regular;
}
input.button:hover, .butAction:hover {
  background: #355faa;
}
ul.select2-choices {
  border: 1px solid #fbb03b !important;
}
form#login input[type="submit"] {
  background: #355faa;
}
form#login input[type="submit"]:hover {
  background: #355faa;
}
input#location_incoterms {
  margin-left:2px;
}
b[role="presentation"] {
  visibility: hidden;
}
/*================= ICONES ==========================*/

@font-face {
  font-family: 'openflex-icon-2';
  src:  url('font/openflex-icon-2.eot?gmpmnb');
  src:  url('font/openflex-icon-2.eot?gmpmnb#iefix') format('embedded-opentype'),
    url('font/openflex-icon-2.ttf?gmpmnb') format('truetype'),
    url('font/openflex-icon-2.woff?gmpmnb') format('woff'),
    url('font/openflex-icon-2.svg?gmpmnb#openflex-icon-2') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon2-"], [class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'openflex-icon-2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon2-prelevement:before {
  content: "\e900";
}
.icon2-ressource:before {
  content: "\e901";
}
.icon2-dons:before {
  content: "\e902";
}
.icon2-intervention:before {
  content: "\e903";
}
.icon2-theme_couleur:before {
  content: "\e904";
}
.icon2-avoir:before {
  content: "\e905";
}
.icon2-drapeau_avertissement:before {
  content: "\e906";
}
.icon2-facture-partiel:before {
  content: "\e907";
}
.icon2-theme_couleur {
  font-size: 20px;
  color: white;
  text-align:center;
}




@font-face {
  font-family: 'atoutpersonaicon';
  src:  url('font/atoutpersonaicon.eot?gvbzv5');
  src:  url('font/atoutpersonaicon.eot?gvbzv5#iefix') format('embedded-opentype'),
    url('font/atoutpersonaicon.ttf?gvbzv5') format('truetype'),
    url('font/atoutpersonaicon.woff?gvbzv5') format('woff'),
    url('font/atoutpersonaicon.svg?gvbzv5#atoutpersonaicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'atoutpersonaicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: white;
  /*line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fleche_haut:before {
  content: "\e95c";
}
.icon-fleche_bas:before {
  content: "\e95d";
}
.icon-afficher_menu:before {
  content: "\e95e";
}
.icon-enveloppe:before {
  content: "\e900";
}
.icon-facture_rapport:before {
  content: "\e901";
}
.icon-espace_produit_service:before {
  content: "\e902";
}
.icon-ajouter-repertoire:before {
  content: "\e903";
}
.icon-enlever:before {
  content: "\e904";
}
.icon-ajouter:before {
  content: "\e905";
}
.icon-supprimer:before {
  content: "\e906";
}
.icon-modifier:before {
  content: "\e907";
}
.icon-choisir-une-date:before {
  content: "\e908";
}
.icon-notification:before {
  content: "\e909";
}
.icon-pdf:before {
  content: "\e90a";
}
.icon-recalculer:before {
  content: "\e90b";
}
.icon-validation:before {
  content: "\e90c";
}
.icon-supprimer-filtre:before {
  content: "\e90d";
}
.icon-rechercher:before {
  content: "\e90e";
}
.icon-rechercher2:before {
  content: "\e90e";
}
.icon-societe:before {
  content: "\e90f";
}
.icon-v-card:before {
  content: "\e910";
}
.icon-dossier-ferme:before {
  content: "\e911";
}
.icon-dossier-ouvert:before {
  content: "\e912";
}
.icon-aide:before {
  content: "\e913";
}
.icon-drapeau:before {
  content: "\e914";
}
.icon-marque-page:before {
  content: "\e915";
}
.icon-hotel:before {
  content: "\e916";
}
.icon-disponibilite:before {
  content: "\e917";
}
.icon-chambre:before {
  content: "\e918";
}
.icon-agenda_action:before {
  content: "\e919";
}
.icon-classement:before {
  content: "\e91a";
}
.icon-client_prospect:before {
  content: "\e91b";
}
.icon-achat:before {
  content: "\e91c";
}
.icon-chiffre-d-affaire:before {
  content: "\e91d";
}
.icon-statistique:before {
  content: "\e91e";
}
.icon-virement-bancaire:before {
  content: "\e91f";
}
.icon-lieu:before {
  content: "\e920";
}
.icon-terminal:before {
  content: "\e921";
}
.icon-point-de-vente:before {
  content: "\e922";
}
.icon-espace_GED:before {
  content: "\e923";
}
.icon-vente:before {
  content: "\e924";
}
.icon-station_service:before {
  content: "\e925";
}
.icon-type_adherent:before {
  content: "\e926";
}
.icon-export:before {
  content: "\e927";
}
.icon-outil:before {
  content: "\e928";
}
.icon-imprimer_code-barre:before {
  content: "\e929";
}
.icon-assistant-import:before {
  content: "\e92a";
}
.icon-assistant-export:before {
  content: "\e92b";
}
.icon-emailing:before {
  content: "\e92c";
}
.icon-note-de-frais:before {
  content: "\e92d";
}
.icon-conge:before {
  content: "\e92e";
}
.icon-personel:before {
  content: "\e92f";
}
.icon-taches-activites:before {
  content: "\e930";
}
.icon-mes-taches-activites:before {
  content: "\e931";
}
.icon-espace-activite:before {
  content: "\e932";
}
.icon-projet:before {
  content: "\e933";
}
.icon-mon-projet:before {
  content: "\e934";
}
.icon-remise-de-cheque:before {
  content: "\e935";
}
.icon-caisse:before {
  content: "\e936";
}
.icon-compte-banquaire:before {
  content: "\e937";
}
.icon-comptabilite-tresorerie:before {
  content: "\e938";
}
.icon-marge:before {
  content: "\e939";
}
.icon-declaration-tva:before {
  content: "\e93a";
}
.icon-etat-financier:before {
  content: "\e93b";
}
.icon-rapport:before {
  content: "\e93c";
}
.icon-depense_special:before {
  content: "\e93d";
}
.icon-le-saviez-vous:before {
  content: "\e93e";
}
.icon-commande-facturable:before {
  content: "\e93f";
}
.icon-facture_fournisseur:before {
  content: "\e940";
}
.icon-facture_client:before {
  content: "\e941";
}
.icon-proposition_commerciale_fourniseur:before {
  content: "\e942";
}
.icon-contrat_abonnement:before {
  content: "\e943";
}
.icon-commande_fournisseur:before {
  content: "\e944";
}
.icon-commande_client:before {
  content: "\e945";
}
.icon-proposition-commerciale:before {
  content: "\e946";
}
.icon-expedition:before {
  content: "\e947";
}
.icon-entrepot:before {
  content: "\e948";
}
.icon-tag_categorie:before {
  content: "\e949";
}
.icon-service:before {
  content: "\e94a";
}
.icon-produit:before {
  content: "\e94b";
}
.icon-tag_contact:before {
  content: "\e94c";
}
.icon-tag-fournisseur:before {
  content: "\e94d";
}
.icon-tag_clients:before {
  content: "\e94e";
}
.icon-contact_adresse:before {
  content: "\e94f";
}
.icon-tiers:before {
  content: "\e950";
}
.icon-fleche_gauche:before {
  content: "\e951";
}
.icon-fleche_droite:before {
  content: "\e952";
}
.icon-accueil:before {
  content: "\e953";
}
.icon-utilisateur_group:before {
  content: "\e954";
}
.icon-user_icone:before {
  content: "\e955";
}
.icon-user_icone2:before {
  content: "\e955";
}
.icon-imprimer-negatif:before {
  content: "\e956";
}
.icon-imprimer:before {
  content: "\e957";
}
.icon-configuration:before {
  content: "\e958";
}
.icon-configuration2:before {
  content: "\e959";
}
.icon-tableau_bord:before {
  content: "\e95a";
}
.icon-power_icone:before {
  content: "\e95b";
}
.icon-icone-par-defaut:before {
  content: "\e95f";
}

.select2-container .select2-choice .select2-arrow b {
  display: inline;
  
}

.fleche_select2 {
  font-size : 10px;
  
}
.icon-afficher_menu, .icon-supprimer-filtre, .icon-rechercher  {
  color : #95adc5;
}

div.login_block a {
  display:inline;
  /*background : #355faa;*/
  border-radius: 5px;
  text-decoration: none;

}

div.login_block a:hover {
  background : white;
  color:#fbb03b;
  text-decoration: none;
}
.login_block_user .login_block_elem  a, div.login_block_user .login a, div.login_block_other .login_block_elem a, .login_block td.classfortooltip a {
  display:inline;
  border:none;
  padding-left: 8px;
  padding-right:8px;
  padding-top:6px;
  padding-bottom:2px;
  

  
}
.login_block_user .login_block_elem  a:hover, div.login_block_user .login a:hover, div.login_block_other .login_block_elem a:hover, .login_block td.classfortooltip a:hover {
  background : white;
  color:#fbb03b !important;
}
div.login_block_other .login_block_elem[style*="padding-right: 3px !important;"] a {
  padding: 5px;
}
.icon-user_icone, .icon-imprimer,.icon-power_icone {
  font-size: 18px;
  margin:0px;
  

}

.icon-marque-page {
  font-size: 15px;
  margin-right: 5px;  
}
.fleche {
  background: #355faa;
}
.fleche2 {
  position:relative;
  min-height:100px;
}
.fleche2 a{
  position: absolute;
    bottom: 0;
    left: 0;
}
a.icon-fleche_gauche, a.icon-fleche_droite {
  background: #355faa !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:2px;
  padding-right:6px;
  font-size: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

a.icon-fleche_gauche:hover, a.icon-fleche_droite:hover {
  background: #fbb03b !important;
  cursor: pointer;
  
}

div.vmenu2 {
  width: 40px !important;
}

.blockvmenupair .menu_titre2 a, .blockvmenuimpair .menu_titre2 a {
  padding-left: 5px;
  padding-right:0px;
  padding-top:10px;
  padding-bottom:10px;
  text-align :center;
  
}
.blockmenuvhelp2 {
  width: 40px;
  text-align : center;
  padding-bottom: 20px;
}
#blockmenuvhelp2 {
  padding-bottom: 20px;
}


.menu_titre2 {
  width: 40px;
}

.blockvmenu2 {
  height: 40px;
}
.menu_contenu2 {
  background: #fbb03b !important;
  
  margin-left:40px;
  width:150px;
  z-index: 90;
  position:relative;
  display:none;
  
}
.menu_contenu2 a {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: MyriadPro-Regular !important;
  font-weight: normal;
  color:white !important;
  display:block;
  
}
.menu_contenu2 a:hover {
  background: #355faa;
}

#menu_contenu_search a:hover {
  background: white !important;
}

#menu_contenu_search a {
  margin: 5px;
  width: 100 px;
  color: #fbb03b !important;
}
span.vsmenu {
  color :white;
}
div.titre span {
  color: #355faa;
}
.logo_bandeau {
  background: #fbb03b;
  float: left;
  height: 100%;
    width: 5%;
    position: absolute;
    text-align: center;
    line-height: 100%;
    
}
input {
  font-family: MyriadPro-Regular !important;
}
textarea {
  font-family: MyriadPro-Regular !important;
}
.select2-chosen {
  font-family: MyriadPro-Regular;
  
}
.icon-contenu {
  color: #95adc5;
  font-size: 15px;
}
.icon2-contenu {
  color: #95adc5;
  font-size: 15px;
}
.fleche {
  display: none;
}


div.tmenu {

  line-height: 32px;
}
div.tmenu {
  width: 100% !important;
}

.palettes {
  background: white;
  line-height: 30px !important;
  display:none;
  height: 65px !important;
  width: 65%;
  padding: 5px;
  
}
div.login_block_elem {
  line-height:35px !important;
}
.choose_theme {
  cursor: pointer;
}
.lien_palette {
  padding-top:3px !important;
  padding-bottom:3px !important;

  padding-left:15px !important;
  padding-right:15px !important;


  margin-right:3px;
  margin-left:3px;


}
.lien_palette:hover{
  padding-top:4px !important;
  padding-bottom:4px !important;

}
.side-nav, #id-left, #undertopmenu td.vmenu {
  background: none;
}

li.tmenusel {
  padding-left:0px;
  padding-right:0px;
}
/*
#menu_contenu_logo:hover {
  background: white;
}
*/
#id-right a {
  font-family:  'Roboto', sans-serif  !important;
}
#tmenu_tooltip {
  padding-left:0px;
}
/*div.tmenudiv {
  margin-left: 1em;
}*/
span.vsmenu {
  margin-left:25px;
}


/*div.login_block_user div, div.login_block_other div {
  line-height : 0px !important;
  height:0px !important;
}*/

/*.select2-container .select2-choice .select2-arrow b {
  background-image : url('img/white-down-arrow-png-2.png');
}*/


/*================= PAGE MODULE ==========================*/
.conteneur-module{
  width: 243px;
  height: 69px;
}
.content-module-icon{
  width: 20%;
  height: 69px;
  vertical-align: middle;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;

}
.content-module-text{
  width: 69.7%;
  height: 69px;
  vertical-align: middle;
  color:#efefef;

}

.content-module-arrow{
  width: 10.30%;
  height: 69px;
  vertical-align: middle;
  background-color:#DF1077;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  cursor: pointer;
}

.content-module-arrow-none{
  width: 20%;
  height: 69px;
  vertical-align: middle;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}


//=============couleur module
.vente_crm_icon{
  background-color:#DF1077;
}
.achat_stock{
  background-color:#86B320;
}

.compta_finance{
  background-color:#007FC3;
}

.rh_paies{
  background-color:#F6A500;
}
.point_vente{
  background-color:#7A70B1;
}
.multi_devise{
  background-color:#BF7D5A;
}
.staion_essence{
  background-color:#009C3D;
}
.primes_commerciales{
  background-color:#009BD1;
}

.hotel{
  background-color:#E5292C;
}
.flotte_vehicules{
  background-color:#71928D;
}

.billeterie{
  background-color:#42f4e5;
}
.cvtheque{
  background-color:#71928D;
}
.signature_scannee{
  background-color:#E4597C;
}
.gestion_projet{
  background-color:#009EA8;
}
.ged{
  background-color:#B46BA8;
}
.ressource_materielles{
  background-color:#8191C9;
}
.costing{
  background-color:#9A381F;
}
.support_client{
  background-color:#EB5F0A;
}
.plugins_supplementaire{
  background-color:#8c8c8c;
}

.central{
  background-color:#8c8c8c;
}
.revendeur{
  background-color:#8c8c8c;
}

.module-status{
  clear: left;
}

.config_module{
  visibility:hidden;
  width: 243px;
  height:0px;
  overflow:hidden;
  z-index: -1;
}

.texte_module{
  visibility:visible;
}


.floating-box {
    float: left;
    width: 243px;
    height: 150px;
    margin: 10.5px;

}

.kanban{
  position: absolute;
  z-index: 1;
  background-color:white;
  width: 243px;
   border: 2px solid #e8e8e8;
  border-radius: 5px;
}

/*================police flotte vehicule========================*/
@font-face {
  font-family: 'icomoon';
  src:  url('font/icomoon.eot?pfomwg');
  src:  url('font/icomoon.eot?pfomwg#iefix') format('embedded-opentype'),
    url('font/icomoon.ttf?pfomwg') format('truetype'),
    url('font/icomoon.woff?pfomwg') format('woff'),
    url('font/icomoon.svg?pfomwg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-entretien"], [class*=" icon-entretien"] {

  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-entretien_vehicule:before {
  content: "\e900";
}
/*=================nouvelles icones==================*/
@font-face {
  font-family: 'newicomoon';
  src:  url('font/newicons/icomoon.eot?pfomwg');
  src:  url('font/newicons/icomoon.eot?pfomwg#iefix') format('embedded-opentype'),
    url('font/newicons/icomoon.ttf?pfomwg') format('truetype'),
    url('font/newicons/icomoon.woff?pfomwg') format('woff'),
    url('font/newicons/icomoon.svg?pfomwg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-association"], [class*=" icon-association"],[class^="icon-billeterie"], [class*=" icon-billeterie"],[class^="icon-costing"], [class*=" icon-costing"],[class^="icon-CVtheque"], [class*=" icon-CVtheque"],[class^="icon-flotte-vehicule"], [class*=" icon-flotte-vehicule"],[class^="icon-hotel"], [class*=" icon-hotel"],[class^="icon-multidevise"], [class*=" icon-multidevise"],[class^="icon-PDF-personnalise"], [class*=" icon-PDF-personnalise"],[class^="icon-production"], [class*=" icon-production"] {

  font-family: 'newicomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-association:before {
  content: "\e900";
}
.icon-billeterie:before {
  content: "\e901";
}
.icon-costing:before {
  content: "\e902";
}
.icon-CVtheque:before {
  content: "\e903";
}
.icon-flotte-vehicule:before {
  content: "\e904";
}
.icon-hotel:before {
  content: "\e905";
}
.icon-multidevise:before {
  content: "\e906";
}
.icon-PDF-personnalise:before {
  content: "\e907";
}
.icon-production:before {
  content: "\e908";
}
.search_accountancy_code_start {
  width:200px !important;
}
.search_accountancy_code_end {
  width:200px !important;
}
/*=================Dropbox==================*/
@font-face {
  font-family: 'dropicomoon';
  src:  url('font/icon_dropbox/icomoon.eot?pfomwg');
  src:  url('font/icon_dropbox/icomoon.eot?pfomwg#iefix') format('embedded-opentype'),
    url('font/icon_dropbox/icomoon.ttf?pfomwg') format('truetype'),
    url('font/icon_dropbox/icomoon.woff?pfomwg') format('woff'),
    url('font/icon_dropbox/icomoon.svg?pfomwg#dropicomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-dropbox"],[class*=" icon-dropbox"]{

  font-family: 'dropicomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dropbox:before {
  content: "\e900";
}