.no-display { display: none !important; }
.btn { font-weight: 500; }
.btn-primary {
  background-color: #00A7D8;
  border-color: #00A7D8;
}
.btn-primary:hover {
  background-color: #0096C1;
  border-color: #0096C1;
}

#head h1 {
	border-color: #0000a0;
        line-height: 140%;
        padding: 0;
	margin: 0;
}

/* tableau de listing */
table.listing {
	margin: 20px auto;
	border-collapse: collapse;
}
table.listing th, table.listing td {
	padding: 3px 0.5em;
}
table.listing th {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
table.listing tfoot th { 
	border-bottom: none;
}

table.listing td {
	border: solid #c5e4fe;
	border-width: 0 1px;
}
table.listing tr.border-bottom td {
  border-bottom: 1px solid #FFFFFF;
}
div.impair, table.listing tr.impair {
	background: #c5e4fe;
}
table.listing tr.warn { 
  background-color: #ffcc00; 
}
table.listing tr.special { 
  background-color: #cc99ff; 
}
table.listing tr.impair td {
	border-color: #ffffff;
}
table.listing tr.clair {
	color: #777777;
}
table.listing tr.clair a {
	color: #7777ff;
}
table.listing tr.warning {
	background: #ff5e5e;
}
table.listing td.montant {
	text-align: right;
        white-space: nowrap;
}
table.listing td.centre {
	text-align: center;
}
table.listing td.button {
	padding: 0;
}
table.listing td.button a {
	display: block;
        padding: 3px 0.5em;
}
table.listing .trombonne { float: right; padding: 1px; border: none; }
table.listing .trombonne img { border: none; }

table.listing_stats { width: 900px; }
table.listing_stats tr.gras { font-weight: bold; }
table.listing_stats tr.total { font-weight: bold; }

.centre { text-align: center; }
.warning { color: #FF0000; }

.fiche_info table.listing {
  font-size : 0.9em
}
.fiche_info table.listing input.montant {
  width: 5em;
}


/* boutons d'action */
div.controle {
	margin: 1em auto;
}
div.controle a {
	padding: 1px 2px;
	border: 1px solid #c5e4fe;
}
div.controle a:hover {
	background: #c5e4fe;
}

/* formulaire de recherche  */ 
table#formulaire_recherche {
  width: 900px;
}
table#formulaire_recherche tbody td { 
  vertical-align: top;
  padding: 5px 10px;
}
table#formulaire_recherche tbody td hr { 
  border: 0;
  border-bottom: 1px solid #fff;
}
table#formulaire_recherche tbody td input, table#formulaire_recherche tbody td select { 
  margin: 5px;
}
table#formulaire_recherche tfoot th { 
  border-bottom:0;
}
table#formulaire_recherche input.date {
}

/* formulaires d'ajout/modification */
form.principal {
	min-width: 780px;
	margin: 10px auto;				
}
form.principal fieldset {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px dotted #000000;
}
form.principal legend {
	border: dotted #000000;
	border-width: 0px 1px;
	padding: 0 3px;
}
form.principal p {
	clear: both;
}
form.principal label {
	float: left;
	text-align: right;
	width: 35%;
	margin: 0 1.5em 1em 0;
	clear: both;
}
form.principal label.disabled {
	color: #aaaaaa;
}
form.principal .group {
	float: left;
}
form.principal .group label {
	float: left;
        width: auto;
	text-align: left;
	margin: 0 1.5em 1em 0;
	clear: none;
}
form.principal input, form.principal textarea, form.principal select {
	float: left;
	margin: 0 0.5em 1em 0; 
}

form.principal h1 {
        clear: both;
        border-width: 1px;
}

div.fiche_info {
	width: 850px;
	padding: 0 10px;
	margin: 20px auto 40px;
	font-size: 120%;
	border: solid #CCCCCC;
	border-width: 2px 2px;
	border-left: dashed #DDDDDD;
	border-right: dashed #DDDDDD;
	overflow: visible;
}
div.fiche_info h1 {
	border: none;
	margin: -10px 0 20px 20px;
	padding: 0;
	text-align: left;
	font-size: 100%;
}
div.fiche_info h1 span, div.fiche_info div.button_option a {
	padding: 10px;
	color: #333333;
	background: #FFFFFF;
	position: relative;
}
div.fiche_info div.button_option a:focus {
	border:none;
	outline: none;
}
div.fiche_info div.commandes {
	float: right;
	display: inline;
	margin: -10px 0 10px 0;
	background: #ffffff;
	font-size: 90%;
}
div.fiche_info div.commandes a {
	padding: 8px;
	position:  relative;
	background: #ffffff;
}
div.fiche_info div.commandes a.voyant {
	font-size: 120%;
	font-weight: bold;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	padding: 5px 10px;
}
div.fiche_info .given-name, div.fiche_info .family-name {
	font-weight: bold;
	font-size: 150%;
}
div.fiche_info dt, div.fiche_info dd {
	line-height: 2em;
}
div.fiche_info dt {
	float: left;
	margin: 0 10px 0 0;
        font-weight: normal;
}
div.fiche_info dd {	
	font-weight: bold;
}
div.fiche_info dd.commentaire {	
	float: left;
        width: 70%;
        line-height: 1.2em;
        padding-top: 0.4em;
}
div.fiche_info dd.commentaire p {	
  margin-bottom: 0.5em;
}
div.fiche_info dd .commandes, div.fiche_info li .commandes {
  float: none;
  margin: 0;
  font-size: 90%;
  font-weight: normal;
  padding: 0 0 0 10px;
}
div.fiche_info div.button_option {
	display: block;
	text-align: center;
	margin: 10px 0 -8px 0;
}
div.fiche_info div.options {
	padding: 10px 0;
	border-top: 1px dashed #CCCCCC;
}
div.fiche_info h2 {
	padding: 0;
	color: #666666;
	border-color: #CCCCCC;
	font-size: 105%;
}
div.fiche_info div.sous_bloc {
	margin: 10px 0;
}
div.fiche_info div.options div.sous_bloc {
	border-bottom: 1px dashed #CCCCCC;
}
div.fiche_info div.sous_bloc div.commandes {
	margin-top: 0;
}
div.fiche_info ul {
	padding: 0 0 0 20px;
	list-style-type: square;
	list-style-position: inside;
}
div.fiche_info ul#pieces_jointes li span {
	/* float: left; */
	margin: 0 20px 0 0;
}
div.fiche_info table.liste { width: 100%; }
div.fiche_info table.listeth, div.fiche_info table.liste td {
	font-size: 90%;
}
div.fiche_info .gel {
	color: #ff1c1c;
}

div.mini_fiche, label.mini_fiche {
	display: block;
	float: none;
	text-align: left;
	width: 436px;
	padding: 5px 10px;
	margin: 10px auto;
	border: solid #CCCCCC;
	border-width: 2px 2px;
	border-left: dashed #DDDDDD;
	border-right: dashed #DDDDDD;
	overflow: visible;
}
.mini_fiche dt, .mini_fiche dd {
	line-height: 1.5em;
}
.mini_fiche dt {
	float: left;
	margin: 0 1em 0 0;
}
.mini_fiche dd {	
	font-weight: bold;
}
/* image du form de login */
form.login fieldset {
  background: url(../images/login.gif) no-repeat right bottom;
}


#avertissement {
	font-size: 1.3em;
	text-align: center;
	line-height: 1.4em;
	margin: 2em auto 2em auto;
	padding: 3em;
	border: 1px dotted black;
}
#avertissement strong { font-size: 1.3em; line-height: 1.3em; }
#avertissement a { display: block; margin: 1em auto 1em auto; }

.annuler { display: block; text-align: right; }

div.vidage {
	font-family: monospace;
        font-size: 10pt;
        line-height: 1.2em;
        white-space: pre;
        border: 1px solid #000000;
        margin: 1em;
}
div.vidage i {
	color: #ff1c1c;
        font-style: normal;
        font-weight: bold;
}
div.vidage h2 {
        font-style: inherit;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        text-align: inherit;
        border: 1px solid #999999;
        border-width: 1px 0;
        padding: 0.2em 0 0 0;
        margin: 0 0 0.2em 0;
        background-color: #dddddd;
}

#toujours_en_vue {
	position: fixed;
        bottom: 1em;
        left: 1em;
        border: 2px solid #cccccc;
        padding: 1em;
        z-index: 100;
        min-width: 100px;
        font-size: 120%;
        background-color: #c5e4fe; 
        opacity: 0.8;
}
#toujours_en_vue.error { background-color: #ff1c1c; }
#toujours_en_vue.warn { background-color: #ffcc00; }

/* erreurs et autres alertes  */
div.alert {
  border: 2px solid red;
  padding: 2px;
  text-align: center; 
  color: red;
  font-weight: bold;
}
div.a_imprimer { font-size: 18px; }
#flash, #flash, #flash, #debug_msg {
        position: relative;
        text-align: center;
        color: black;
        border-top: 1px solid #0000a0;
        margin-top: -1px;
}
#flash.error { font-weight: bold; }
#debug_msg { background-color: #eeeeee; }

.error { background-color: #ff1c1c; }
.warn, .annulée, .avoir, .brouillon, .créance_irrécouvrable, .en_recouvrement { background-color: #ffcc00; }
.notice, .éditée { background-color: #01ff0a; }
.special, .brouillon { background-color: #cc99ff; }

.solde.err { background-color: #ff1c1c; }
.solde.pos { color: #ff7e09; }
.solde.nul { color: #01ff0a; }
.solde.neg { color: #ff1c1c; }

div.postit {
  margin: 0.5em auto;
  width: 80%;
}
div.postit p {
  border-left: 20px solid #b5d1e9;
  background-color: #c5e4fe;
  padding: 0.6em;
}

/* messages liés aux validations formulaires  */
.fieldWithErrors {
  float: left;
  padding: 2px;
  background-color: red;
  display: table;
}
#errorExplanation {
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #ff1f1f;
  border-width: 0 1px 1px 4px;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 1em;
  margin: -7px;
  background-color: #ff1f1f;
  color: #ffffff;
  border: 0;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul li {
  /* font-size: 10px; */
  list-style: square inside;
}

#legende_listes {
    border-bottom: 1px solid #66ccff;
    border-top: 1px solid #66ccff;
    margin: 10px auto 5px;
    width: 540px;
}
div.legende {
    float: left;
    margin: 2px 2px 2px 0;
}
div.legende img {
    margin: 2px 5px 2px 15px;
    vertical-align: middle;
}
div.rect {
    float: left;
    height: 10px;
    margin: 2px 5px 2px 15px;
    width: 20px;
}

.selecteur { margin-bottom: 1em; padding: 1em; margin-top: 20px; }
.selecteur label { clear: both; float: left; margin-right: 1.5em; text-align: right; width: 30%}
.selecteur input,
.selecteur select { float: left; font-size: 12px; margin: 0 0.5em 0 0; max-width: 500px; }

.bloc_flottant { float: left; }

.link_irrecouvrable { float: right; padding-left: 10px; padding-right: 10px; font-size: 10px; border-left: 1px solid #0000a0; }
.legende_stats { font-size: 0.9em; margin: 12px auto; border-top: 1px dotted black; border-bottom: 1px dotted black; padding: 12px; width: 700px; background-color: #C5E4FE; }

.choix_date_prelevement { text-align: center; margin: 30px 0; background: #c5e4fe; padding: 10px; }
.choix_date_prelevement p { margin: 10px 0; }

.field_with_errors { color: #FF0000; }
.field_with_errors input { border-color: #FF0000; }
.mx-auto { margin-left: auto; margin-right: auto; }
#overlay { background: #000000; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; opacity: .80;filter:Alpha(Opacity=80); }

#content ol { margin-left: 25px; }