@font-face {font-family: "Omnes";
  src: url("/fonts/07dc45de3c2d37fcd503045055b2253b.eot"); /* IE9*/
  src: url("/fonts/07dc45de3c2d37fcd503045055b2253b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/fonts/07dc45de3c2d37fcd503045055b2253b.woff2") format("woff2"), /* chrome、firefox */
  url("/fonts/07dc45de3c2d37fcd503045055b2253b.woff") format("woff"), /* chrome、firefox */
  url("/fonts/07dc45de3c2d37fcd503045055b2253b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/fonts/07dc45de3c2d37fcd503045055b2253b.svg#Omnes") format("svg"); /* iOS 4.1- */
}

#logo  {
    padding :5px 15px;
}
.navbar-inverse {

    background-color: transparent;
    border: 0px;
}
.navbar-right {
    margin-right:0px;
}
body {
   
    font-family: "Omnes",Helvetica,sans-serif;
    background-size: cover;
    background-position: 0px 0px;
    color: #6a747c; /*#005A9C;#006fa7;*/
    margin-top: 0px;
    font-size: 12px;
}


.modal {
    overflow: auto;
}
.panel {
    background-color: rgba(256,256,256,0.75);
}
.panel-default > .panel-heading {
  background-color: rgba(245,245,245,0.5);  
}
.panel-body-sans-padding {
    padding: 5px;
}

#wrapper {

    padding-left: 5px;
    padding-right: 5px;
    background-color: #dae1a1;
    min-height:100vh;
    
}
#header {
    background-position: no-repeat  top   ; 
    background-image: linear-gradient(to left,#223d21,#a5cb47);
    margin-top: 0px;

}

#page-wrapper {
    
   
    font-family: "Omnes",Helvetica,sans-serif;
    background-size: cover;
    background-position: 0px 0px;
    padding: 0px;
    background-color: #dae1a1;
}


h1 {
    font-size: 26px;
    color : #6a747c;
}
.page-header {
    margin: 0px;
    border-bottom: 0px;
    padding-top : 0px;
    padding-bottom: 0px;
    color : #6a747c;
}
h2.page-header {
    font-size: 22px;
    color : #6a747c;
    margin-top: 5px;
   
}
div.page-header {
  
    padding-bottom: 0px;
    margin-bottom: 5px;
}

footer.page-footer{
  
    border-top: 1px solid #6a747c;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height : 20px;
   
    bottom :0;
    position:absolute;

}
.copyright {
    text-align: right;
}
.titre {
    margin-top: 30px;
    text-align: center;
}
footer {
   background-color: #dae1a1;
}
h4 {
    font-size: 15px;

    margin-top: 5px;
}
#menu_top  > nav.navbar .nav > li >  a >.caret {
    border-top: 12px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.navbar-inverse .navbar-nav > .open > a >.caret, .navbar-inverse .navbar-nav > .open > a:focus >.caret, .navbar-inverse .navbar-nav > .open > a:hover >.caret {
    color: #b52b27;
}
#menu_top  > nav.navbar .nav > li >  a:hover >.caret,
#menu_top  > nav.navbar .nav > li >  a.active >.caret,
#menu_top > nav.navbar .nav > li  > a:focus >.caret{
    color : #b52b27;
}
.navbar-toggle {
    margin-top : 40px;
}
.top-nav > li > a {
  color : #6a747c;  
}
.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus{
    color :  white;
    background-color: transparent;
} 

#menu_top {
    padding-right : 0px;
    padding-left: 0px; /*Pour aligner menu et connexion */
    float: right !important;
    margin-right : 25px;
   /* background: url('/img/menu-background.png') no-repeat; */
   /* border-bottom: 1px solid #6a747c; */
   margin-top: -40px;
   margin-bottom : 15px;
 
}
#menu_top > nav.navbar {
   /* background: none repeat scroll 0 0 rgb(256, 256, 256);*/
   /* border: 2px solid rgb(204, 204, 204);  */
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 10px;
    min-height: 30px;
    padding-right: 10px;

}

#menu_top > nav.navbar > li {
    border-right: 1px solid rgb(204, 204, 204);
   
}
#menu_top > nav.navbar .nav {
    float: left;
    padding-left: 10px;
}

#menu_top  > nav.navbar .nav > li >  a:hover,
#menu_top  > nav.navbar .nav > li >  a.active,
#menu_top > nav.navbar .nav > li  > a:focus {
 
 color : rgb(18, 39, 61);
 background-color: transparent;
 
}
#menu_top > nav.navbar .nav > li > a {
   /* color: white; */
  
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color : #6a747c;
  
}
#menu_top > nav ul li:nth-child(2) a {
   /* font-weight: bold;  */
}
#menu_top > nav.navbar  .nav > li > a.active, #menu_top > nav.navbar > .nav > li > a:hover {
  
 color : rgb(18, 39, 61);
 
}
.dropdown-menu > li > a {
  color : #6a747c;  
}
.navbar {
    margin-bottom: 0px;
}
.navbar-brand {
    height: 80px;
}
.side-nav {
    top: 120px;
    overflow: hidden;
    background-color: transparent;
}
.navbar-inverse {

    background-color: transparent;
    border: 0px;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #1b4164;
}

.side-nav li a:hover, .side-nav li a:focus {
     outline: none;
   background-color: #1b4164 !important;     
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 15px;
}


.dataTables_wrapper {
    font-size:12px;
    padding : 10px 3px;
}

.pagination {
    margin : 5px;
}
.dt-buttons {
    font-size:13px;
}
a.dt-button {
   font-size: 1em;
}
.dataTables_length {
    padding-top: 3px;
    padding-left: 20px;
}
#modal_connexion > .modal-dialog {
  width : 250px; 
  height: 200px;
}
.modal-header {
    background-color: #4d6b2d;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding : 8px;
    color : white;
}

.modal-footer {
    padding : 10px;
}
.panel-body-table {
    padding : 0px;
}
.panel-table {
    background-color: rgba(256,256,256,0.5);
}
.texte-vert {
    color: green;
}
.texte-orange {
    color: orange;
}
.texte-rouge {
    color: red;
}
table.dataTable tbody tr {
background-color: rgba(256,256,256,0.5);
}
table.dataTable tbody td {
    padding: 4px 8px;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: rgba(256,256,256,0.2);
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: rgba(256,256,256,0.5);
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: rgba(256,256,256,0.2); 
}
table.dataTable.display tbody tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_1 {
    background-color: rgba(256,256,256,0.5);
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: rgba(256,256,256,0.5);
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: rgba(256,256,256,0.2);
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
   
}
table.dataTable.display tbody tr:hover , table.dataTable.order-column.hover tbody tr:hover  {
    background-color: #eaeaea;
}

.check-table {
    text-align : center;
}

.modal-title {
    color : white;
    text-align: center;
    font-weight: bold;  
}
#error_cnx{
    color: red;
}


#menu_left {
    font-size: 14px;
}
#chargement{
    display: none;
    top : 300px;
    left : 45%;
    position: absolute;
    z-index: 9999;
    cursor : wait;
}
.btn {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 4px;
}
.btn-primary {
    background-color: rgb(31,40,63);
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    font-size: 13px;
    margin-bottom : 5px;
}

/* Surchages Bootstrap pour formulaires   */
.padding-form {
    padding-left : 10px;
}

.form-horizontal .control-label {
   padding-right:0;
   padding-top:3px;
   padding-left : 0px;
}
.form-horizontal .form-group {
    margin-left:-5px;
    margin-right: 0;
}
 .form-control {
    height: 24px;
    padding: 0 5px; 
    font-size: 12px;
}

.form-group {
   margin-bottom:5px;
}


.form-horizontal .control-label .padding-low
{
    padding-left : 2px;
    padding-right : 5px;
}


.error_message {
    color : red;
    text-align:center;
} 
.btn-modal{
    font-size: 10px; 
}
.btn-xs {  
    float: right; 
}
.form-textarea {
    padding-right : 0.2em; 
    overflow: hidden;
}
.form-control[readonly] {
    background-color: white;
}

textarea  {
    padding : 0px;
}
.modal-group {
  border: 0px; /*1px solid #CCC;*/
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  padding-top : 5px;
  padding-bottom : 5px;
}

.groupe-btn{
    margin-top: 5px; 
    margin-right: 5px; 
    margin-bottom: 10px; 
    /*margin-left : 50px;*/
}

.dropdown-menu {
    font-size : 12px;

}

.checkbox input[type="checkbox"] {
    margin-top:2px;  

} 
select[disabled]{
    background-color: white !important;  
}

input[required] {
    background-color: #FFDDC7 !important;  
}

input.required, select.required, div.required {
    background-color: #FFDDC7 !important;  
}
div.required {
   background-color: #FFDDC7 !important;   
}
.optional, select[disabled].optional {
    background-color: #B0F2B6 !important;
}  

.float-gauche{
   float:left;
}
.float-droite {
    float: right;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.inline-block{
    display : inline-block;
}


.modal-dialog {

   max-width: 600px;
   min-width: 200px;  
   margin-top: 160px;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 767px) {
  .modal-dialog {
    margin-top: 20px;
  }
}



.div-table-popup {
    max-height: 200px;
    overflow-y: auto;    
}

#btn_cancel, #btn_cancel_fichevisite {
    background-color: white;
    color: rgb(31,40,63);
}
.ajouter {
    color : blue;
}
.modifier {
    color : green;
}
.supprimer {
    color : red;
}



.span-blue {
    background-color: #869099;
}

.span-red {
    background-color: #D9534F;
}

.list-group-item {
    background-color: rgba(245,245,245,0.5);
}

/*.panel-heading {
    background-color: #869099;
}*/

.editable, .editableSimple {
    border : #CCCCCC 1px solid;
    min-height: 24px;
    border-radius: 4px;
}

.modal-content > .panel-body {
    padding: 0px;
}
.modal-backdrop.in {
    opacity: 0;
}
.btn-popup-detail {
    background-color: white;
    border-color: rgb(153, 153, 153);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.modal-toolbar {
    border-bottom: 1px solid rgb(153, 153, 153);
    padding-bottom: 5px;
}
.modal-toolbar_b {
    border-top: 1px solid rgb(153, 153, 153);
    padding-top: 5px;
}
.modal-content > .panel-body > .modal-body {
     padding-top: 5px;
}

.btn_popup_produit_modele {
    font-size: 10px;
}

.table_popup_produit_modele{
    width: auto;
    margin-bottom: 0px;
}


.fa-1-5x {
   font-size: 1.5em; 
}

.selection>td {
   
    font-weight: bold;
    background-color: #1F283F !important;
    color : #fff;
}
p.comment {
    font-style: italic;
     font-size: 10px;
     margin-bottom:0px;
   padding-top: 0;
   margin-left: 10px;
}

fieldset{
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid #e5e5e5;   
    border-radius: 5px;
}

legend {
  display: block;
  width : auto;
  padding: 5px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight : bold;
  line-height: inherit;
  color: #333;
  border: 0;
 
} 
.div-text {
    margin-top:3px;
}

.table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > tfoot > tr > th {
    border-top: 0px solid #ddd;
    border-bottom: 0px;
}

.footer-nf {
    border: 1px solid #ddd !important; 
    vertical-align: middle !important;
}

.list-group-item {
    background-color: transparent;
    border : 0px;

}
.list-group-item >a{
    color : #adb5bc;

}
.list-group-item > button{
 background-color: transparent;
    color : #adb5bc;
    border:0px;
}

.flot-chart-content {
  
    background-color: rgba(256,256,256,1);
    margin-top: 60px;
}

/* Curseur chargement */
#floatingCirclesG{
	position:relative;
	width:125px;
	height:125px;
	margin:auto;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:22px;
	width:22px;
	border-radius:12px;
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:51px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#frotateG_02{
	left:15px;
	top:15px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#frotateG_03{
	left:51px;
	top:0;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#frotateG_04{
	right:15px;
	top:15px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#frotateG_05{
	right:0;
	top:51px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#frotateG_06{
	right:15px;
	bottom:15px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#frotateG_07{
	left:51px;
	bottom:0;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#frotateG_08{
	left:15px;
	bottom:15px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(233,85,58);
	}

	100%{
		background-color:rgb(57,17,237);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(233,85,58);
	}

	100%{
		background-color:rgb(57,17,237);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(233,85,58);
	}

	100%{
		background-color:rgb(57,17,237);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(233,85,58);
	}

	100%{
		background-color:rgb(57,17,237);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(233,85,58);
	}

	100%{
		background-color:rgb(57,17,237);
	}
}
@media print {
  @page {
      size: landscape;
      font-size: 10px;
  }
}

@media print {
    .affiche_ou_imprime_lbl_semaine {
       width: 70%;
       font-size: 20px;
       
    }
}
@media screen {
  .affiche_ou_imprime_lbl_semaine {  
      width: 80%;
      font-size: 30px;
      text-align: center;
      float: left;
  }
}  

.green{ background: #75c217; }
.orange{ background: #f75e0c; }
.red{ background: #f70c0c; }