/* Atention, fichier genere a partir de ffbi.less */

i.fa { color: #4488cc; }
i.highc { color: #44cc44; }
html { 
	margin: 0; 
	padding: 0; 
	height: 95%; 
}
body { 
	margin: .8em; 
	padding: .8em; 
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	background: #4488cc; 
}
button { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
table.main { 
	background: #aaccff; 
	border: solid 1px #2040a0; 
	margin: 0; 
	width: 100%; 
	border-collapse: collapse; 
}
table.main td.logo { 
	border: solid 1px #2040a0; 
	padding: 0; 
}
table.main div.ident { 
	float: right; 
	padding: 1em; 
}
table.main td.ident table { width: 100%; }
table.main td.ident table td.logout { text-align: right; }
table.main td.menu { 
	vertical-align: top; 
	width: 2em; 
	border: none; 
	padding: 0; 
}
table.main table.menu { 
	width: 100%; 
	border-collapse: collapse; 
	margin: 1em 0 1em 0; 
}
table.main table.menu td { padding: .1em 0 0 1em; }
table.main table.menu span, table.main table.menu a { 
	border: solid transparent; 
	border-width: 1px 0 1px 1px; 
	color: #000000; 
	display: block; 
	padding: .2em .5em; 
	white-space: nowrap; 
	-moz-border-radius: 4px 0 0 4px; 
	-webkit-border-radius: 4px 0 0 4px; 
	border-radius: 4px 0 0 4px; 
}
table.main table.menu a.sel { 
	border: solid #2040a0; 
	border-width: 1px 0 1px 1px; 
	background-color: #ffffff; 
	color: #000000; 
}
table.main table.menu a:hover, table.main table.menu span:hover { 
	border: solid #2040a0; 
	background-color: #ffffff; 
	border-width: 1px 0 1px 1px; 
}
table.main td.page { 
	vertical-align: top; 
	border: none; 
	padding: 1em .5em; 
	background: #ffffff; 
	height: 30em; 
	width: 100%; 
}
div.saff { 
	margin: 1em; 
	padding: 1em; 
	white-space: normal; 
	text-align: left; 
	border: 1px solid #2040a0; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
div.saff div.p { margin: 1em; }
div.infos { 
	margin: 1em; 
	padding: 0 2em 0 45px; 
	white-space: normal; 
	background-position: 10px 50%; 
	text-align: left; 
	border: 1px solid #2040a0; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
div.infos p { margin: .5em; }
div.infos p.nw { 
	margin: .5em; 
	white-space: nowrap; 
}
div.infos p.erreur { 
	color: #a00000; 
	font-weight: bold; 
}
div.infos span { font-weight: bold; }
span.obl { 
	color: #a00000; 
	font-weight: bold; 
}
span.erreur { 
	color: #a00000; 
	font-weight: bold; 
	text-decoration: underline; 
}
div.liste { 
	padding: 1em; 
	border-style: solid; 
	border-color: #2040a0; 
	border-width: 1px; 
	margin: 1em 1em 2em 1em; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
div.liste table { border-collapse: collapse; }
div.liste table tr:hover { background-color: #ccffcc !important; }
div.liste table tr.h { background-color: #c0ffc0; }
div.liste table tr.annule { text-decoration: line-through; }
div.liste table tr.archive { color: #888888; }
div.liste table tr.archive a { color: #888888; }
div.liste table tr.em td { 
	color: #a00000; 
	font-style: italic; 
}
div.liste table tr.em td a { color: #a00000; }
div.liste table tr.nul td { color: #777777; }
div.liste table tr.rouge td, div.liste table tr.rouge a { color: #ff0000 ! important; }
div.liste table th { 
	border-style: solid; 
	border-color: #aaaaaa; 
	border-width: 0 0 1px 0; 
	font-size: 0.8em; 
	padding: .1em 1em .1em 1em; 
	text-align: left; 
	vertical-align: top; 
	white-space: nowrap; 
}
div.liste table td { 
	border-style: solid; 
	border-color: #aaaaaa; 
	border-width: 0 0 1px 0; 
	padding: .1em 1em .1em 1em; 
	text-align: left; 
	vertical-align: top; 
	white-space: nowrap; 
}
div.liste table td.info { 
	font-size: 0.8em; 
	vertical-align: middle; 
}
div.liste table td.c { text-align: center; }
div.liste table th.r { text-align: right; }
div.liste table td.r { text-align: right; }
div.liste table th.total, div.liste table td.total { background: #ccffcc; }
table.fiche { width: 100%; }
table.fiche td.gauche { 
	text-align: left; 
	vertical-align: top; 
	width: 75%; 
}
table.fiche td.droite { 
	text-align: left; 
	vertical-align: top; 
}
table.fiche td.droite div { white-space: nowrap; }
table.tarif th { padding: 0 1em 0.25em 1em; }
table.tarif td { padding: 0 1em 0.25em 1em; }
table.tarif .l { text-align: left; }
table.tarif .r { text-align: right; }
table.nowrap td { white-space: nowrap; }
div.arbitre { 
	padding: 1em; 
	margin: 1em 1em 2em 1em; 
	border: none; 
}
div.arbitre table { border-collapse: collapse; }
div.arbitre table tr:hover { background-color: #ccffcc ! important; }
div.arbitre table th { 
	border-style: solid; 
	border-color: #aaaaaa; 
	border-width: 0 0 1px 0; 
	font-size: 0.8em; 
	padding: .1em 1em .1em 0em; 
	text-align: left; 
	white-space: nowrap; 
}
div.arbitre table td { 
	padding: .1em 1em .1em 0em; 
	text-align: left; 
	vertical-align: top; 
	white-space: nowrap; 
}
div.arbitre table td.c { text-align: center; }
div.sanction div.form table th, div.sanction div.form table td { 
	padding: .1em 1em .1em 0em; 
	text-align: left; 
	vertical-align: top; 
}
div.faq div.q { 
	margin: 1em; 
	color: #ff0000; 
}
div.faq div.r { margin: 1em 1em 1em 2em; }
div.faq div.r p, div.faq div.r ul { 
	margin: .5em; 
	text-align: justify; 
}
div.comment, span.comment { 
	color: #888888; 
	font-size: 0.8em; 
}
td.foot div { 
	border-style: solid; 
	border-color: #888888; 
	border-width: 1px 0 0 0; 
	color: #444444; 
	padding: 1em; 
	margin-top: 3em; 
	text-align: right; 
	font-size: .7em; 
}
td.foot img { 
	vertical-align: middle; 
	margin-top: -.3em; 
}
a { 
	text-decoration: none; 
	color: #2040a0; 
}
a img { border: none; }
a.em { font-style: italic; }
a.err { color: #a00000; }
a.disabled { 
	color: #808080 !important; 
	cursor: text; 
}
input { 
	border: solid 1px #2040a0; 
	color: #2040a0; 
	font-weight: bold; 
	font-size: 1em; 
}
input.submit { 
	background-color: #2040a0; 
	border: solid 1px #F0F0F0; 
	color: #ffffff; 
	display: inline; 
	cursor: pointer; 
}
input.submit:hover { 
	background-color: #F0F0F0; 
	border-color: #009435; 
	color: #009435; 
}
h1 { 
	border-color: #000000; 
	border-style: solid; 
	border-width: 0 0 1px 0; 
	padding: .2em; 
	margin: 1em 0 1em 0; 
	font-size: 1.2em; 
	font-weight: bold; 
}
h2 { 
	border-color: #888888; 
	border-style: solid; 
	border-width: 0 0 1px 0; 
	padding: .2em; 
	margin: 1em 0 1em 0; 
	font-size: 1em; 
	font-weight: bold; 
}
table.slic { width: 100%; }
table.slic td.cmd { text-align: right; }
table.slic td.cle { 
	vertical-align: top; 
	white-space: nowrap; 
	width: 12em; 
}
table.slic td.val { 
	vertical-align: top; 
	padding: 0.1em 1em 0.1em 1em; 
	white-space: nowrap; 
}
table.slic table.input { 
	border: solid 1px #2040a0; 
	color: #2040a0; 
	font-weight: bold; 
	font-size: 1em; 
}
table.slic td.val span.erreur { display: block; }
table.slic td.erreur div { 
	color: #b00000; 
	border: solid 1px #b00000; 
	float: right; 
	font-weight: bold; 
	padding: .2em 1em; 
}
table.iban tr > th { 
	padding: 0 2px; 
	white-space: nowrap; 
	text-align: left; 
	vertical-align: top; 
}
table.iban tr > td { 
	padding: 0 2px; 
	white-space: nowrap; 
	vertical-align: top; 
}
fieldset { 
	border: solid 1px #2040a0; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	margin: 10px; 
}
fieldset legend { 
	border: solid 1px #2040a0; 
	background: #c0ffc0; 
	padding: 3px 6px; 
	font-size: .9em; 
	font-weight: bold; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
div.cmd { 
	margin: 1em; 
	text-align: center; 
	white-space: nowrap; 
}
div.cmd div.tarif { margin: 1em; }
div.cmd div.radio { margin: 1em; }
div.cmd div.radio label { margin: 0 1em 0 1em; }
a.link { cursor: pointer; }
button, a.button, input.submit { 
	background-color: #aaccff; 
	border: solid 1px #2040a0; 
	color: #000000; 
	cursor: pointer; 
	display: inline-block; 
	font-size: 1em; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	margin: 5px .5em 5px .5em; 
	padding: 0   .5em 0   .5em; 
	border-radius: 4px; 
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .9); 
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .9); 
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .9); 
}
button:disabled, a.button:disabled, input.submit:disabled { 
	background-color: #808080 !important; 
	cursor: not-allowed; 
}
button:disabled:hover, a.button:disabled:hover, input.submit:disabled:hover { background-color: #808080 !important; }
button:hover, a.button:hover, input.submit:hover { background-color: #ffffff !important; }
button.abort, a.abort { background-color: #d0d0d0 !important; }
button.abort:hover, a.abort:hover { background-color: #ffffff !important; }
div.action { display: none; }
.actif { background-color: #c0ffc0; }
.actif input, .actif select { background-color: #c0ffc0; }
span.label { margin-right: 0.5em; }
div.fade { 
	background: #000000; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	filter: alpha(opacity=60); 
	opacity: .60; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	left: 0; 
	top: 0; 
	z-index: 10; 
}
div.popup { 
	display: none; 
	position: absolute; 
	background: #FFFFFF; 
	border: solid 1px #2040a0; 
	padding: .6em; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); 
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); 
	border: solid 1px #BBBBBB\9; 
	z-index: 100; 
}
div.popup div.item { 
	margin: 8px 8px 8px 8px; 
	text-align: center; 
}
div.popup div.item a, div.popup div.item button { white-space: nowrap; }
div.popup-left { left: 0px; }
div.popup-right { right: 0px; }
img.throbber { 
	position: absolute; 
	visibility: hidden; 
}
span.interne { color: #00a000; }
span.modif { 
	color: #a00000; 
	font-size: 0.7em; 
}
div.debug { 
	border: solid 1px #888888; 
	color: #888888; 
	margin: 1em; 
	padding: .25em; 
}
