body {
  padding-top:160px; /**  px*/
  padding-bottom: 30px;
   /** background: #c8b3a2;**/
    background:#c8b3a2 url("../img_template/baniere_2.png?v=1") no-repeat;
    background-position: top center;
}
h1{
	background: #524949;color: #ffffff;
	padding-left: 10px;
	padding:5px;
	font-size: 14px;
}
legend {
    background: #777777;
    color: #fafafa;
    
    padding: 5px 10px 5px 5px;
     font-size: 13px; 
     margin-bottom: 3px;
}
.alert {
    padding: 15px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.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,#663300 0,#65502b 100%);
     background-image: linear-gradient(to bottom,#663300 0,#663300 100%);
    /** background-image: linear-gradient(to bottom,#663300 0,#65502b 100%)**/
    width: 100%;
}
.navbar-inverse{
	/**background: transparent;**/
	
}
body > div{
	 background: #ffffff;
	 border: solid 0px #814f2c;
}

.navbar {
    position: relative;
    min-height: 50px;
     margin-bottom: 0px;
    border: 0px solid transparent;
}
.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 {
    Position the close button
	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 #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: 12px; margin-right:10px;}
.after{
	border: solid 0px;
	
	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-image: url('usaid.png') no-repeat;
	
}

.dialogbck 
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	margin:auto;
	z-index: 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: 70%;
	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:#9a8168;//#d6d5e3;
}

#treeComposant li:hover {
    border-right: solid 4px  #663300;
    border-left: solid 4px  #663300;;
    padding-right: 5px;
}

#treeComposant ul>li>ul :hover {
    background: transparent;
}
#treeComposant li {
   border-right: solid 4px  #ffffff;
    border-left: solid 4px  #ffffff;;
   padding-right: 5px;
}
#id_foms_op{
	margin: auto;
	float: left;
}
.form-control-xs{
	width: 70%;
	height: 30px;
	/** font-size: 90%;**/
}
.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: #663300;
	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-clm th{
	background: #663300;
	color:#fafafa;
	font-size: 13px;
	font-weight: bold;
	
}
.table-clm tr>td tr>th{
	border-bottom: solid 1px #663300;
	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 #663300; /** rgba(0,0,0,0.5); **/ 
    
}
/** end scroll bar **/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    clear: both;
    float: left;
}