body {
  padding-top:0px; /** 101 px*/
  padding-bottom: 30px;
   /** background: #c8b3a2;**/
  background:#a0b7cc url('bg1.png');
}
h1{
	/** background: #685656;
	color: #ffffff; **/
	padding-left: 10px;
	padding:5px;
	font-size: 14px;
}
legend{
	background: #777777;color: #fafafa;
	padding-left: 10px;
	padding:5px;
	font-size: 13px;
}
.container{
 background:#ffffff;
 margin-top: 32px;
 margin-left: auto;
 padding: 1px;
 border-top: 0;
 margin: 0;
 padding-right: 0; 
 padding-left: 0; 
 margin-right: auto;
 margin-left: auto;
}
.container .navbar-collapse {
	/**background-image: -webkit-linear-gradient(top,#685656 0,#65502b 100%);
     background-image: linear-gradient(to bottom,#685656 0,#685656 100%);
     background-image: linear-gradient(to bottom,#685656 0,#65502b 100%)**/
    width: 100%;
}
.navbar-inverse{
	/**background: transparent;**/
	
}
body > div{
	 background: #ffffff;
	 border: solid 0px #814f2c;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}
.lieu_link .div_link{
	float: left; margin-left: 10px;
	font-size:70%;
}
.errMsg{
	color: red;
	width: 20%;
}

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.login-popup {
    display: none;
    background: #333;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
}

img.btn_close {
   
float: right;
    margin: -28px -28px 0 0;
}

fieldset {
    border: none;
}

form.signin .textbox label {
    display: block;
    padding-bottom: 7px;
}

form.signin .textbox span {
    display: block;
}

form.signin p, form.signin span {
    color: #999;
    font-size: 11px;
    line-height: 18px;
}

form.signin .textbox input {
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
    width: 200px;
}

form.signin input:-moz-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

form.signin input::-webkit-input-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

.button {
    background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
    background: -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
    border-color: #000;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 6px 6px 4px;
    margin-top: 10px;
    font: 12px;
    width: 214px;
}

.button:hover {
    background: #ddd;
}

.after input {
	width: 30%;
	margin: 0 5px 5px 5px;
}
form {
	border:solid 1px  #ced9d4; /** #cacaca; **/
	 /** border-color: #cacaca;**/
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 2px 1px 5px 10px;
   /** width:100%;**/
    text-align: justify;
    
}
 .connexion{
	 padding: 30px 1px 30px 70px;
}

form table{
	width:80%;font-size:80%;
}
.active_tr{
	background: #d9edf7;
}
.even{
	background: #ffffff;
}

.lieu_link a {font-size: 10px ;}
.div_link { text-align:right; padding: 5px 5px 5px 5px;}
 select,label{ font-size: 14px; margin-right:10px;}
.after{
	border: solid 0px;
	height:40px;
	background: #f9f9f9;
	margin-bottom: 3px;
	}


/** fenetre  modal **/

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {background-color:#fff; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:80%; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}
#infoWindow {
    width: 500px !important;
    height: 250px !important;
}
.label_var{
	padding:10px;
	cursor: pointer;
	text-decoration: underline;
	font-weight: bolder;
	font-size: 1em;
}
.pre{
	color: #000;
	padding: 5px 5px 5px 5px;
	text-align: justify;
	font-size: medium;
	background: #fafafa;
	border: dashed 1px #fafafa;
}
.label_medium{
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}
/** en modal **/

.ui-widget-header {
border: 1px solid #428bca;
background: #428bca;
color: #000;
font-weight: bold;
}
.div_onglet{
	padding:5px 5px 5px 5px;
	text-align: center;

}
table .v_small { width:50%; fonct-size:11px;}
.logo{
	background:#ffffff   url("logo.png") no-repeat;/**#685656**/
	background-position : 0px 0px;
    height:100px;
}

.dialogbck 
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	margin:auto;
	z-index: 10000;/**1050;**/
	background-color: rgba(0,0,0,0.3);
	outline: 0;
}
.dialogholder
{
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	
}
/* Style for dialog message panel ,You can change width,height,top,left and
   other position by modify this*/
.dialog
{
	width:auto;
	margin: auto;
	margin-top: 5%;
}
/* Dialog Message Panel header Style */
.dialogHeader
{
	font-weight: bold;
	font-size:14px;
}
/* Dialog Message Panel body Style */
.dialogBody
{
	max-height: 98%;
	min-height: 20%;
	overflow-y: auto;
}
.bg-white{
	background: #fff;
}
.bg-partenaire{
	 background-image: linear-gradient(90deg, #ededed, #fefefe);
	 border-radius: 10px; 
	 border: solid 1px #cacaca; 
}

.panel_menu {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
    background: #fafafa;
    z-index: 100000;
    padding-top: 20px;
}
.wrap {
    position: relative;
}

.table-hover thead tr:hover th, 
 .table-hover tbody tr:hover td {
        background-color:#c0cdda ;
}

#treeComposant li:hover {
    /** border-right: solid 4px  #685656;
    border-left: solid 4px  #685656;;
    padding-right: 5px;**/
    border-right: solid 4px #685656; border-left: solid 4px #685656;padding-right: 5px;background-color: #daece2;
}

#treeComposant ul>li>ul :hover {
    background: transparent;
}
#treeComposant li {
   border-right: solid 4px  #ffffff;
    border-left: solid 4px  #ffffff;;
   padding-right: 5px;
}

.form-control-xs{
	width: 70%;
}
.form-control-small{
	width: 30%;
}
.small-table>tbody>tr>td, .small-table>tbody>tr>th, .small-table>tfoot>tr>td, .small-table>tfoot>tr>th, .small-table>thead>tr>td, .small-table>thead>tr>th {
	padding:3px;
	vertical-align: middle;
	font-size:80%;
	}
.small-table label{
	font-size:100%;
}
#calendar .fc-center h2{
	color: #685656;
	text-transform: uppercase;
}


.table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.danger td {
  background-color: #f2dede;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}
.table tbody tr.warning td {
  background-color: lightgoldenrodyellow;
}
.qtip_custum{
	background: transparent;
	border: solid 1px #cacaca;
}
.table-maer th{
	background: #685656;
	color:#fafafa;
	font-size: 13px;
	font-weight: bold;
	
}
.table-maer tr>td tr>th{
	border-bottom: solid 1px #685656;
	font-size:80%;
}

/** scroll bar add **/
body ::-webkit-scrollbar {
    width: 8px;
}
 
body ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.3);  
    border-radius: 7px;
    
}
 
body ::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px #685656; /** rgba(0,0,0,0.5); **/ 
    
}

.panel-primary>.panel-heading{
	color: #fff;
    background-color: #685656;
    border-color: #00923c;
}
.navbar-inverse{
	background-color: #685656;
}
.navbar-inverse  >div> ul {
    background-color: #685656;
    border-color: #080808;
}

.container .navbar-collapse {
    /** background-image: -webkit-linear-gradient(top,#685656 0,#65502b 100%);
     background-image: linear-gradient(to bottom,#685656 0,#685656 100%); **/
    width: 100%;
}

.bg-primary {
	background-color: #685656;
	color: #ffffff;
}
.btn-primary{
	background-color:#37495c;
	border: solid 1px #000000;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #a0b7cc;
    border-color: #a0b7cc;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
       color: #ffffff;
       background-color: #685656;
}
.nav-pills>li>a{
	border-radius:0;
}
.navbar {
    border-radius: 0;
}
/** end scroll bar **/

.tooltip {
    position: absolute;
    z-index: 999;
}
.mear-tooltip > .tooltip-inner {background-color: #4caf50; }
.tooltip.top .tooltip-inner {
    background-color:#CDDC39;
    color :#000000;
    
}
.tooltip.top .tooltip-arrow {
      border-top-color: #CDDC39;
     
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #4CAF50;
    border-color: #dddddd;
}
#dialogMessage{
	max-height:90%;
    overflow-y: scroll;
}

/** reecriture du nave **/

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
     margin-right: -15px !important;
    margin-left: -15px !important;
}
/** apres ajout de datatables **/
   

/** apres ajout de datatables  **/

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .hide-if-Phone ,.sidebar {
     display: none;
    }
    .dropdown-menu>li {
        background-color: #ffffff;
        
    }
  }

  @media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    .hide-if-Phone ,.sidebar {
        display: none;
       }
       .dropdown-menu>li {
           background-color: #ffffff;
           
       }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    .hide-if-Phone ,.sidebar {
        display: none;
       }
       .dropdown-menu>li {
           background-color: #ffffff;
           
       }
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    .hide-if-Phone ,.sidebar {
        display: none;
       }
       .dropdown-menu>li {
           background-color: #ffffff;
           
       }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    .hide-if-Phone ,.sidebar {
        display: none;
       }
       .dropdown-menu>li {
           background-color: #ffffff;
           
       }
    
  }
  .caption-full{
      background-color: #ebebeb;
      border: solid 1px #b9aeae;
      padding: 5px;
  }

  .card_panel{

    border: solid 1px #ebe6e6;
    border-radius: 5px;
    box-shadow: 10px 10px  5px rgba(190, 187, 187, 0.6);
   -moz-box-shadow: 10px 10px 5px rgb(190 187 187 / 60%);
   -webkit-box-shadow: 10px 10px 5px rgb(190 187 187 / 60%);
   -o-box-shadow: 10px 10px 5px rgb(190 187 187 / 60%);
  }
  .bg-white{
    background-color: #ffffff;
  }

  
.p-1{
    padding: 1px;
    }
    
    .p-2{
         padding: 2px;
        }
    
    .p-3{
        padding: 3px;
    }
    .p-4{
        padding: 4px;
    }
    .p-5{
        padding: 5px;
    }
    
    .p-6{
        padding: 6px;
    }
    
    /** margin **/
    .m-0{
        margin: 0px;
    }
    .m-1{
        margin: 1px;
        }
    .m-2{
        margin: 2px;
       }
    
    .m-3{
        margin: 3px;
    }
    .m-4{
        margin: 4px;
    }
    .m-5{
        margin: 5px;
    }
    
    .m-6{
        margin: 6px;
    }
    .m-7{
        margin: 76px;
    }
    .m-8{
        margin: 8px;
    }
    .m-9{
        margin: 9px;
    }
    .size-12{
        font-size: 12px;
    }
    .size-13{
        font-size: 13px;
    }
    .size-13{
        font-size: 13px;
    }
    .size-14{
        font-size: 14px;
    }
    
    .size-15{
        font-size: 15px;
    }
    
    .size-16{
        font-size: 16px;
    }
    
    .size-17{
        font-size: 17px;
    }