@charset "utf-8";
/* CSS Document */

/* Surcharge des styles Bootstrap */
html {
	font-size: 12px;	
}

body {
	margin-top: 0.5rem;
	color: #337ab7;
	font-size: 1rem;
}
.navbar-inverse {
	background-color: #337ab7;
	border-color: #EEE;
}
.navbar-inverse .navbar-brand {
	color: #FFF;
}
.navbar-inverse .navbar-nav > li > a {
    color: #DDD;
}
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #286090;
}
.navbar {
	margin-top: 10px;
}
.navbar-nav > li > a {
	font-size: 1.2rem;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #f0ad4e;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #286090;
}
.nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.dropdown-menu {
	background-color: #8CBADF;
	box-shadow: none;
}
.dropdown-menu > li > a {
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #286090;
    color: #fff;
}
.table {
	margin-top: 1rem;
}
a:hover, a:focus{
	color: #337ab7;
}
.alert a:hover {
	text-decoration: none;
	color: #f0ad4e;
}
.table > tbody > tr > td {
    vertical-align: middle;
}
.liste_pass .label {
	padding: 0.15rem 0.3rem;
}
.label {
	padding-top: 0.12rem;
	padding-bottom: 0.12rem;
}
.tooltip > .tooltip-inner {
    background-color: #337ab7;
}

/* Surcharge des style SimpleDatePickr*/
.calendarMain > div {
	position: absolute;
	z-index: 1;
	width: 185px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	background-color: #FFF;
	border-radius: 3px;
	-moz-box-shadow: 0 0 10px #F0AD4E;
	-webkit-box-shadow: 0 0 10px #F0AD4E;
	box-shadow: 0 0 10px #F0AD4E;
}
.calendarMain .calendarTitle {
	width: 165px;
	color: #286090;
	font-size: 13px;
	font-weight: bold;
}
.calendarNav input {
    background-color: #F0AD4E !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
	width: 25px;
}
.jsCalendar th {
    color: #F0AD4E;
    font-size: 14px;
    font-weight: bold;
}
.jsCalendar td {
	color: #286090;
	font-weight: normal;
	width: 25px;
}
.jsCalendar .selectedDay {
	background-color: #F0AD4E;
	border-color: #F0AD4E;
	color: #FFF;
	font-weight: bold;
}
.jsCalendar .day:hover{
	background-color: #286090;
	border-color: #286090;
	color: #FFF;
}

/* Styles Billettrie */
#pied_page {
	margin-top: 2rem;
	margin-bottom : 3rem;
	border-top: 1px solid #337ab7;
	padding-top: 0.5rem;
}
#pied_gauche {
	float: left;
}
#etat_saison {
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 50%;
}
.etat_saison {
	font-size: 1rem;
}
#remplissage_max {
	text-decoration: underline;
}
#remplissage_max:hover {
	color : #F0AD4E;
}
#pied_droite {
	float: right;
}
.titre_zone {
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 1.5rem;
	width: 100%;
	text-align: center;
}
.titre_stats {
	font-weight: bold;
	font-size: 1rem;
	text-align: left;
	margin-left: -5px;
}
#table_vente,
#table_vente_recap {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#formulaire_commande select {
	background-color: #FFF
}
#table_vente .largeur_produit {
	width: 36%;	
}
#table_vente .largeur_q {
	width: 5%;	
}
#table_vente .largeur_tarif {
	width: 36%;	
}
#table_vente .largeur_pu {
	width: 7%;	
}
#table_vente .largeur_sup {
	width: 2%;	
}

#commande_liste {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#commande_saisie {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#commande_saisie .largeur_tarif {
	width: 36%;	
}
#table_vente_recap .largeur_produit {
	width: 38%;	
}
#table_vente_recap .largeur_q {
	width: 7%;	
}
#table_vente_recap .largeur_tarif {
	width: 36%;	
}
#table_vente_recap .largeur_pu {
	width: 6%;	
}
#table_vente_recap .largeur_prix {
	width: 7%;	
}
.q {
	text-align: center;
}
.pu {
	text-align: right;
}
.prix {
	font-weight: bold;
	text-align: right;
}
button.supprimer,
button.modifier,
button.restaurer,
button.purger,
button.enregistrer,
button.afficher_masquer {
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 2px;
}
.bouton_tout_afficher {
	border-color: #f0ad4e;
}
.bouton_tout_masquer {
	border-color: #337ab7;
}
#bouton_tout_transaction,
#bouton_tout_caisse {
	border-style: solid;
	border-width: 3px;
}
.prix_total,
.billet_total {
	width: 100%;
	text-align: center; 
}
.prix_total_recap,
.billet_total_recap {
	width: 100%;
	text-align: center; 
}
.prix_total .label,
.billet_total .label {
	font-size: 1.5rem;
}

#commande_liste .total {
	font-weight: bold;
	font-size: 1.4rem;
	text-align: right;
}

.valider_commande{
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 100%;
	text-align: center; 	
}
.gras {
	font-weight: bold; 
}
.grise {
	color:	#D6E6F3;
}
.liste_pass {
	font-style: italic;
}
.label_input {
	text-align: right;
	padding-right: 1.5rem;
}
.terminer_commande,
.enregistrer_modification,
.valider_operation {
	width:100%;
	text-align: center;
} 
#paiement,
#saisie_operation {
	margin-left: auto;
	margin-right: auto;
	width: 47%;
}
#paiement tr td:nth-child(1) {
	width: 38%;
}
#paiement tr td:nth-child(2) {
	width: 20;
}
#paiement tr td:nth-child(3) {
	width: 42;
}
#paiement .reference {
	font-style: italic;
	background-color: #fcf8e3;
	padding-left: 0.3rem;
	width: 15rem;
}
#paiement .client {
	font-style: italic;
	margin-left:15px;
	padding-left: 0.3rem;
	width: 300px;
	background-color: #fcf8e3;
}
#paiement .commentaire{
	margin-left:15px;
	width: 300px;
	height: 23px; 
	border-width: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#par_produit{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#modif_transaction {
		margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
#table_modif_caisse {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}
#modif_transaction .reference {
	font-style: italic;
	background-color: #fcf8e3;
	margin-left: 1.5rem;
	padding-left: 0.3rem;
	width: 16.5rem;
}
#modif_transaction .client,
#table_modif_caisse .input {
	font-style: italic;
	padding-left: 0.3rem;
	width: 300px;
	background-color: #fcf8e3;
}
#modif_transaction .commentaire,
#table_modif_caisse .commentaire{
	width: 300px;
	height: 23px; 
	border-width: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#modif_transaction .info_transaction,
#table_modif_caisse .info_caisse
 {
	color: #f0ad4e;
	font-weight: bold;
}
#modif_transaction .montant {
	width: 7rem;
	text-align: right;
	padding-right: 0.3rem;
}
#modif_transaction .montant_avec_ref {
	float:left;
	margin-top:0.3rem;
}
#especes,
#cb,
#cheque,
#virement {
	width: 7rem;
	font-weight: bold;
	text-align: right;
	background-color: #fcf8e3;
	padding-right: 0.3rem;
}
#paiement .erreur,
#saisie_operation .erreur,
#creer_util .erreur {
	background-color: #f2dede !important;
	border-color: red !important;
}
#paiement .montant {
	text-align: center;
	width: 9.5rem;
	margin-left: auto;
	margin-right: auto;	
}
#total_paye,
#reste_du {
	width: 7rem;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-align: right;
	padding-right: 0.3rem;	
}
#paiement .reste_du {
	color:	#d9534f;
	border-style: none;
}
#paiement .trop_percu {
	color: #5cb85c;
	border: 1px solid #d9534f;
}
#table_transaction a,
#table_transaction_sup a,
#table_caisse a,
#par_produit a,
#client_liste a,
#par_client_liste a {
	color: #f0ad4e;
}
#table_transaction a:hover,
#table_transaction_sup a:hover,
#table_caisse a:hover,
#par_produit a:hover,
#client_liste a:hover,
#par_client_liste a:hover {
	color: #f0ad4e;
	text-decoration: underline;
}
#table_transaction {
	margin-left: auto;
	margin-right: auto;	
	width: 80%
}
#table_transaction_sup {
	margin-left: auto;
	margin-right: auto;	
	width: 90%
}
#table_caisse {
	margin-left: auto;
	margin-right: auto;	
	width: 90%
}
.caisse_montant,
.transaction_montant,
.ca_produit_montant,
.caisse_bouton {
	text-align: right;
}
.transaction_bouton {
	border-top-color: rgb(217, 83, 79);
	border-bottom-color: rgb(217, 83, 79);
	border-left-color: rgb(217, 83, 79);
	border-right-color: rgb(217, 83, 79);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 2px;
}
.entete_transaction {
	font-weight: bold;
}
.label_detail_transaction {
	font-weight: bold;
}
.detail_transaction {
	font-style: italic;
}
.detail_commentaire_texte {
	margin-left: 10px;
	width: 500px;
}
.titre_detail_vente {
	font-weight: bold;
	font-size: 0.8rem;
}
.detail_vente {
	font-size: 0.8rem;
}
.detail_vente.cache,
.titre_detail_vente.cache {
	display: none;
}
.detail_commentaire {
	float: left;
}
.caisse_surtitre {
	text-align: right;
}
.ligne_caisse_cachable {
	color: #999;
}
#table_caisse .ligne_caisse_cachable a {
	color: #ffcc86;
}
#table_caisse .ligne_caisse_cachable a:hover {
	color: #ffcc86;
	text-decoration: underline;
}
.caisse_depot {
	background-color: #fcf8e3 !important;
}
#saisie_operation .commentaire {
	width: 355px;
	height: 23px; 
	border-width: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-style: italic;
	background-color: #fcf8e3;
}
#saisie_operation table {
	margin-left: auto;
	margin-right: auto;
}
.nom_operation {
	margin-top: 1rem;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 1.5rem;
	width: 100%;
	text-align: center;
}
#ca_produit {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#client_liste {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
#par_client_liste {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#par_client_produit_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#par_produit_tarif_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#par_tarif_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#par_jour_liste {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
#data_produit_liste {
	margin-left: auto;
	margin-right: auto;
	width: 45%;
}
#data_tarif_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#data_pass_liste,
#data_pass_note {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
#data_parametre_liste input
{
	background-color: #fcf8e3;
}
#data_parametre_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#data_gestion {
	text-align: center;
	margin-top : 3em;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
	font-weight: bold;
}
#gestion_type_tarif_liste {
	margin-left: auto;
	margin-right: auto;
	width: 35%;
}
#gestion_type_tarif_liste .ordre a {
	color: #F0AD4E;
}
#gestion_type_tarif_liste .ordre a:hover {
	color: inherit;
}
#gestion_produit_liste{
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}
#gestion_produit_cremod {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
#gestion_pass_compo {
	margin-left: auto;
	margin-right: auto;
	width: 35%;
}
#gestion_produit_cremod #table_cremod {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
#gestion_produit_cremod #table_cremod_tarif {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
#gestion_produit_cremod #table_compo {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
a.list-group-item, button.list-group-item {
	color: #337ab7;
}
button.lister {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 3px;
}
#place_produit {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.note_client {
	margin-top: -17px;
	margin-bottom: 15px;
	font-size: 0.96rem;
	width: 50%;
}
#hash {
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#hash td {
	text-align: center;
	width: 100%;
}
#hash td .label_hash {
	font-weight: bold;
}
#hash #input_hash {
	width: 100%;
}
.table_categorie {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
#utilisateur_liste {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#creer_util {
	margin-left: auto;
	margin-right: auto;
	width: 55%;
}
#creer_util	input,
#creer_util	select,
#modif_util input,
#modif_util	select
 {
	background-color: #fcf8e3;
}
.syntax_creer_util {
	margin-top: -13px;
	margin-bottom: 10px;
	padding: 3px 3px;
}
#creer_type_tarif input,
#modif_type_tarif input
 {
	width: 30em;
	background-color: #fcf8e3;
}
#creer_type_tarif {
	margin-left: auto;
	margin-right: auto;
	width: 55%;
}
#form_gestion_produit_cremod input,
#form_gestion_produit_cremod textarea, 
#form_gestion_produit_cremod select {
	background-color: #fcf8e3;
}
#formulaire_modif_caisse input,
#formulaire_modif_caisse select,
#formulaire_modif_caisse textarea
 {
	background-color: #fcf8e3;
}
#formulaire_modif_transaction input,
#formulaire_modif_transaction select
 {
	background-color: #fcf8e3;
}
#table_version {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
#table_version td {
    vertical-align: top;
}
#table_version td ul {
    margin-bottom: 0px;
}
#table_version .list-group-item {
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: default;
}
#table_version .list-group {
	margin-bottom: 0px;
}
.jauge_max_desactive,
.vente_desactive, 
.prevente_desactive {
	background-color: #f1f1f1 !important;
}