/** @group html */

/**
	 * colors :
	 	#01a6EA
	 	#190251
	 */
html,body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html {
	background: #ccc;
}

ul, li {
	list-style: none;
}

html body a,html body span {
	color: black;
}

html body input,html body textarea {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html body input[type=password],html body input[type=text],html body textarea
{
	background: #efefef;
	border: none;
	padding: 2px 4px;
}

html body input[type=password]:focus,html body input[type=text]:focus,html body textarea:focus
	{
	background: #dadada;
}

html body input[readonly=readonly],html body input[readonly=readonly]:focus
	{
	color: #777;
	background: #fafafa;
}
html body input.err {
	border: 1px solid red;
}

h1,h2,h3 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0;
	text-align: center;
}

h1 {
	height: 50px;
	position: relative;
}

h1 img.logo {
	position: absolute;
	right: 0;
	height: 50px;
}

h3 {
	text-align: left;
}

#fiche li.important span {
	color: #ff3366;
	font-weight: bold;
}

h4.important {
	text-align: center;
	color: red;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

.small {
	font-size: 0.8em;
}

p {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

h1 {
	font-weight: bold;
	font-size: 14px;
	color: #01a6EA;
	padding: 1em 0;
}

h2 {
	padding: 1em 0;
}

p.digest {
	padding: 1em 0;
	text-align: right;
}

label.radio {
	margin: 0 5px;
}

label[for] {
	cursor: pointer;
	margin-left: 3px;
}

table {
	border-collapse: collapse;
}

table th,table td {
	vertical-align: top;
}

table tr.total td {
	font-weight: bold;
}

img {
	border: none;
}

input,select,textarea {
	vertical-align: top;
	margin: 0;
}
div.sep {
	background: #bbb;
	height: 1px;
	width: 100%;
}
.hidden {
	display: none;
	border: 1px solid red;
}

.aRight {
	text-align: right;
}

.aCenter {
	text-align: center;
}

.bold,.strong {
	font-weight: bold;
}

.aLeft {
	text-align: left;
}

.fRight {
	float: right;
}

.fLeft {
	float: left;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}

ol,ul,li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

.err {
	color: red;
}

input.err,select.err,textarea.err {
	border: 1px solid red;
}

.updated {
	
}

a:link,a:visited {
	text-decoration: none;
	color: #190251;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	color: #01a6EA;
}

input.name,input.email {
	width: 300px;
}

#adminDir {
	padding: 10px;
}

/* @end */

/* @group main */
div#main {
	width: 1100px;
	margin: 0 auto;
	margin-top: 1em;
	margin-bottom: 0.5em;
	background: #eee;
	padding-bottom: 1em;
	height: 500px;
}

html>body div#main {
	min-height: 500px;
	height: auto;
}

div#footer {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
	padding: 2px;
	background: #aaa;
}

div#footer a,div#footer span {
	font-size: 0.9em;
	color: #fff;
}

div#footer span {
	padding: 0 5px;
}

/* @end */

/* @group content */
div.content {
	padding: 0 10px;
}

/* @end */

/* @group input */
input#t_dir_name,input#dest_email,input#mail_objet,input#dest_name,input#owner_usr_name,input#usr_email
	{
	width: 300px;
}

/* @end */

/* @group btt2 */
a.btt2,span.btt2 {
	color: white;
	cursor: pointer;
	margin-right: 5px;
	background: #999;
	padding: 4px;
	display: inline-block;
	width: 120px;
	width: auto !important;
	min-width: 120px;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 1px;
	text-align: center;
	font-weight: normal;
}

a.btt2:hover,span.btt2:hover {
	text-decoration: none;
	background: #333;
}

a.btt2 span {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	height: 28px;
	vertical-align: top;
	color: white;
}

a.btt2 span.left {
	background: url(picto/btt2.gif) no-repeat left top;
	width: 10px;
}

a.btt2 span.right {
	background: url(picto/btt2.gif) no-repeat right top;
	height: 23px;
	padding-top: 5px;
	padding-right: 10px;
}

a.btt2:hover span.left {
	background-position: 0 -32px;
}

a.btt2:hover span.right {
	background-position: right -32px;
}

/* @end */

/* @group btt3 */
a.btt3 {
	color: white;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 5px;
	padding: 5px;
	background: #ddd;
	color: white;
}

a.btt3:hover {
	text-decoration: none;
}

a.btt3 span {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	height: 28px;
	vertical-align: top;
	color: white;
}

a.btt3 span.left {
	background: url(picto/btt3.gif) no-repeat left top;
	width: 10px;
}

a.btt3 span.right {
	background: url(picto/btt3.gif) no-repeat right top;
	height: 23px;
	padding-top: 5px;
	padding-right: 10px;
}

a.btt3:hover span.left {
	background-position: 0 -33px;
}

a.btt3:hover span.right {
	background-position: right -33px;
}

/* @end */

/* @group bouton */
a.btt { /*display:-moz-inline-box !important;
	display:inline-block !important;
	display:inline;
	zoom:1;
	border: 1px solid transparent;
	  */
	color: white;
	cursor: pointer;
	margin-right: 5px;
}

a.btt:hover {
	text-decoration: none;
}

a.btt span,a.btt2 span,a.btt3 span {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	height: 28px;
	vertical-align: top;
	color: white;
	text-transform: capitalize;
}

a.btt span.left {
	background: url(picto/btt.gif) no-repeat left top;
	width: 10px;
}

a.btt span.right {
	background: url(picto/btt.gif) no-repeat right top;
	height: 23px;
	padding-top: 5px;
	padding-right: 10px;
}

a.btt:hover span.left {
	background-position: 0 -32px;
}

a.btt:hover span.right {
	background-position: right -32px;
}

table#zoom tr.action td {
	text-align: right;
	padding: 5px 0;
}

table#zoom tr.action td.name {
	text-align: left;
	padding-left: 10px;
	font-size: 0.85em;
}

tr.action a {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	height: 20px;
}

tr.action a.sup {
	padding-left: 20px;
	background: url(picto/del.gif) no-repeat;
	cursor: pointer;
}

tr.action a.rRight {
	padding-left: 20px;
	background: url(picto/rRight.gif) no-repeat;
	cursor: pointer;
}

tr.action a.rLeft {
	padding-left: 20px;
	background: url(picto/rLeft.gif) no-repeat;
	cursor: pointer;
}

tr.action a.close {
	padding-left: 20px;
	background: url(picto/close.gif) no-repeat;
	height: 23px;
}

body.diaporama table#zoom {
	display: none;
}

/* @end */

/* @group liste des images */
table#zoom {
	display: none;
	position: absolute;
	z-index: 100;
	background: white;
	border: 1px solid #eee;
}

table#zoom div.message {
	display: none;
	position: absolute;
	z-index: 999;
	filter: alpha(opacity = 60); /* ie */
	-moz-opacity: 0.6; /* ff */
	-khtml-opacity: 0.6; /* safari et konkeror */
	opacity: 0.6; /* opera, safari */
	background: white;
	text-align: center;
}

table#zoom div.message span {
	font-size: 2em;
}

table#zoom td {
	text-align: center;
}

table#zoom tr.img td {
	padding: 5px 20px;
}

table#diaporama {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

table#diaporama,table#diaporama td {
	background: black;
	vertical-align: middle;
	text-align: center;
	color: white;
}

table#diaporama td * {
	vertical-align: middle;
}

table#diaporama td p.legende {
	position: absolute;
	top: 0;
	color: white;
	margin: 5px 0;
	width: 100%;
}

body.diaporama table#diaporama {
	display: table;
}

table#zoom td div.img {
	padding: 10px;
}

table#zoom td img {
	cursor: pointer;
}

img.current {
	
}

table#zoom span.legende {
	color: #333;
}

table#zoom tr.legende td {
	text-align: center;
	vertical-align: top;
}

table#zoom tr.legende td input.legende {
	width: 90%;
	text-align: center;
}

table#zoom tr.legende td span.sensible {
	display: none;
}

table#zoom tr.off td input {
	display: none;
}

table#zoom td a.btt,table#zoom td a.btt3 {
	visibility: visible;
}

table#zoom tr.off td a.btt,table#zoom tr.off td a.btt2,table#zoom tr.off td a.btt3
	{
	visibility: hidden;
}

table#zoom tr.off td span.sensible {
	display: inline;
}

table#zoom tr.legende td span.sensible:hover {
	border: 1px solid #999;
	cursor: pointer;
}

table#zoom input.legende {
	width: 100%;
	margin: 5px auto;
}

table#zoom tr.download td {
	text-align: right;
}

table#zoom tr.download a {
	color: #333;
	cursor: pointer;
}

table#diaporama {
	border: 3px solid #000;
}

table#diaporama.pause {
	border: 3px solid #fff;
}

table#diaporama div.pause,table#diaporama div.running,table#diaporama div.theEnd
	{
	display: none;
	filter: alpha(opacity = 20); /* ie */
	-moz-opacity: 0.2; /* ff */
	-khtml-opacity: 0.2; /* safari et konkeror */
	opacity: 0.2; /* opera, safari */
	background: white;
	position: absolute;
	right: 0;
	font-size: 50px;
	padding: 50px;
	margin-right: 20px;
	text-align: center;
	float: right;
	color: black;
}

table#diaporama.pause div.pause {
	display: block;
}

table#diaporama.theEnd div.theEnd {
	display: block;
	left: 0;
	width: 400px;
	margin: 0 auto;
	top: 30%;
}

table#diaporama div.running {
	display: block;
}

table#diaporama div.message {
	display: none;
	position: absolute;
	left: 10px;
	z-index: 999;
	filter: alpha(opacity = 60); /* ie */
	-moz-opacity: 0.6; /* ff */
	-khtml-opacity: 0.6; /* safari et konkeror */
	opacity: 0.6; /* opera, safari */
	background: white;
	text-align: center;
}

table#diaporama div.message span {
	font-size: 2em;
}

table#diaporama div.message h3,table#diaporama div.message ul {
	margin: 10px;
}

table#diaporama div.message ul li {
	color: black;
	text-align: left;
}

table#diaporama div.hover {
	filter: alpha(opacity = 90); /* ie */
	-moz-opacity: 0.9; /* ff */
	-khtml-opacity: 0.9; /* safari et konkeror */
	opacity: 0.9; /* opera, safari */
}

table#diaporama div.message {
	cursor: pointer;
}

table#diaporama div.message li.vitesse label {
	padding: 0 5px;
}

table#diaporama div.message ul li.level_2 {
	padding-left: 20px;
}

table#diaporama div.message ul li em {
	font-style: normal;
	font-size: 1.5em;
}

table#diaporama img.img {
	cursor: pointer;
}
/*
table#zoom tr.download
{	visibility: hidden;
}
table#zoom:hover tr.download
{	visibility: visible;
}
*/
div.lstImg,div.lstImg img {
	position: relative;
}

div.lstImg {
	width: 580px;
}

ul.imgs {
	margin: 0 auto;
	width: 850px;
}

body.admin ul.imgs {
	width: 600px;
}

ul.imgs li.img {
	float: left;
	list-style: none;
	text-align: center;
	width: 180px;
	height: 180px;
	padding: 5px 5px;
	position: relative;
}

ul.imgs li.portrait {
	padding-top: 45px;
	height: 140px;
}

ul.imgs li.img div.img {
	width: 180px;
	height: 180px;
	overflow: hidden;
}

ul.imgs li.img div.img img {
	width: 180px;
}

body.diaporama ul.imgs {
	display: none;
}

ul.imgs li.video img.play {
	position: absolute;
	display: none;
}

ul.imgs li.video:hover img.play {
	display: inline;
}

div.lstImg ul.imgs li.img:hover {
	background: #eee;
}

div.lstImg ul.imgs li.helper:hover {
	filter: alpha(opacity = 70); /* ie */
	-moz-opacity: 0.7; /* ff */
	-khtml-opacity: 0.7; /* safari et konkeror */
	opacity: 0.7; /* opera, safari */
}

ul.imgs li.img div.select {
	position: absolute;
	background: white;
	z-index: 99;
	padding: 5px;
	padding-right: 10px;
	display: none;
}

ul.imgs li.img div.select label {
	margin-left: 5px;
	display: none;
}

ul.imgs li.checked div.select {
	display: block;
}

ul.imgs li.checked div input {
	display: inline;
}

ul.imgs li.img:hover div.select {
	display: block;
}

ul.imgs li.img:hover div.select label {
	display: inline;
}

div#lstDirDest {
	display: none;
	position: absolute;
	background: white;
	z-index: 10000;
	padding: 5px;
}

div#lstDirDest ul {
	border: 1px solid black;
	padding: 5px;
}

div#lstDirDest ul li {
	padding: 5px;
}

div#lstDirDest ul li a.btt {
	display: none;
}

div#lstDirDest.copy ul li a.copy {
	display: inline;
}

div#lstDirDest.move ul li a.move {
	display: inline;
}

div#palette {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 9999;
	padding: 5px;
}

div#palette ul {
	border: 1px solid #333;
	padding: 5px;
}

div#palette ul li {
	padding: 5px;
}

div#palette ul li.title {
	font-weight: bold;
}

ul.imgs li div.imgs {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	padding: 4px;
	border: 1px solid #eee;
	background: white;
}

ul.imgs li.video div.img {
	background: black;
	height: 100px;
	width: 100px;
}

ul.imgs li.img img {
	cursor: pointer;
}

div.lstImg li.current {
	
}

div.lstImg img {
	cursor: move;
}

div.lstImg div.active {
	background: #333;
}

/* @end */

/* @group fPage */
form.lstPage {
	padding-bottom: 1em;
}

form.lstPage a:link,form.lstPage a:visited,form.lstPage span {
	color: #bbb;
}

form.lstPage a.current {
	color: #01a6EA;
}

form.lstPageBottom {
	margin-top: 40px;
}

/* @end */

/* @group #dir */
table#dir td {
	vertical-align: top;
	padding: 10px;
}

table#dir td.left {
	width: 250px;
	border-right: 1px solid #01a6EA;
}

/* @end */

/* @group liste des dossiers */
ul.lstDir li {
	position: relative;
}

ul.lstDir li * {
	vertical-align: top;
}

ul.lstDir li a {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	width: 100%;
	height: 40px;
}

html>body ul.lstDir li a {
	height: auto;
	min-height: 40px;
}

ul.lstDir li a.dirLink {
	background: red;
	width: 32px;
	height: 32px;
	min-height: 0;
	padding: 0;
	background: url(picto/dir20-closed.gif) no-repeat;
}

ul.lstDir li a.dirLink:hover {
	background: url(picto/dir20.gif) no-repeat;
}

ul.lstDir li a.dir {
	top: 10px;
}

ul.lstDir li a:hover {
	background: #ffe3d0;
}

ul.lstDir li.helper a:hover {
	filter: alpha(opacity = 70); /* ie */
	-moz-opacity: 0.7; /* ff */
	-khtml-opacity: 0.7; /* safari et konkeror */
	opacity: 0.7; /* opera, safari */
}

ul.lstDir li a img {
	cursor: move;
	text-align: top;
	margin-right: 5px;
}

ul.lstDir li a span {
	position: relative;
	top: 11px;
}

ul.lstDir a:hover {
	text-decoration: none;
}

ul.lstDir li.current a {
	font-weight: bold;
}

/* @end */

/* @group instructions*/
ul.instructions {
	margin: 2em auto;
	width: 500px;
	background: #ccc;
	padding: 10px;
}

ul.instructions li.title {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 1em;
}
/* @end */
ul.imgs .ui-state-highlight {
	background: #0f0;
	width: 130px;
	height: 120px;
	float: left;
}

ul.lstDir .ui-state-highlight {
	height: 1px;
	background: #000;
}

ul.lstDir .plus {
	height: 16px;
	background: url(picto/sepPlus.gif) no-repeat 30px 0;
}

ul.lstDir .insert {
	height: 2px;
	margin-left: 50px;
}

ul.lstDir .transparent {
	background: transparent;
}

.dragOver {
	background: #0F0;
}

#addImg {
	padding-top: 1em;
}

li span.label {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	width: 150px;
}

li .complement {
    margin-left: 150px;
}

li span.checkbox {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	height: 20px;
	background: url(picto/unchecked.gif) no-repeat;
	padding-left: 25px;
	cursor: pointer;
}

li span.checked {
	background: url(picto/checked.gif) no-repeat;
}

ul.lstDir li span.checkbox {
	padding-top: 5px;
}

ul.lstUsr li.titre {
	font-weight: bold;
	padding-top: 1em;
}

ul.lstUsr li a {
	display: -moz-inline-box !important;
	display: inline-block !important;
	display: inline;
	zoom: 1;
	color: #000;
	padding: 5px 5px;
	width: 100%;
}

ul.lstUsr li.current a,ul.lstUsr li a:hover {
	background: #ffe3d0;
	text-decoration: none;
}

ul li.add {
	background: url(picto/add.gif) no-repeat 0 3px;
	padding-left: 18px;
}

ul li.addGroup {
	background: url(picto/addGroup.gif) no-repeat 0 3px;
	padding-left: 18px;
}

/* @group login */
form#fLogin {
	width: 300px;
	margin: 0 auto;
}

form#fLogin p {
	margin: 1em 0;
}

form#fLogin span.label {
	padding: 3px 0;
	width: 100px;
}

form#fLogin li {
	padding: 3px;
}

form#fLogin input.text {
	padding: 3px;
	border: 1px solid #999;
	width: 150px;
}

/* @end */

/* @group info */
div.info {
	width: 400px;
	margin: 1em auto;
	margin-top: 80px;
}

div.info p {
	text-align: justify;
	margin-bottom: 0.5em;
}

/* @end */

/* @group diaporama */
table#diaporama {
	position: absolute;
	width: 100%;
	z-index: 9999;
	background: black;
	top: 0;
	left: 0;
}

table#diaporama td {
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

/* @end */
ul li.info {
	padding: 1em 0;
	font-weight: bold;
}

form#fShare li.dest {
	display: none;
}

textarea#mail_message {
	height: 20em;
	width: 400px;
}

#lancer_diaporama {
	text-align: right;
}

/****/
#doublon span.copy {
	cursor: pointer;
}

#doublon input.text {
	width: 300px;
}

/*****/
table.listing_type,table.listing_type td,table.listing_type th {
	border: 1px solid #999;
	padding: 5px;
}

/*****/
table.lst {
	width: 100%;
	background: white;
}

table.lst th,table.lst td {
	padding: 5px;
	border: 1px solid #dadada;
}

table.lst tr.odd td,table.lst tr.odd th {
	background: #f3f3f3;
}
table.lst tr.inactive {
	color: red;
}

table.lst tr[_pk] td {
	cursor: pointer;
}

table.lst tr[_pk]:hover td {
	background: #efefef;
}

table.lst tr[_pk].odd:hover td {
	background: #cecece;
}

/****/
table.fiche {
	margin: 0 auto;
}

/****/
div.ariane {
	margin: 1em 0;
}

div.ariane span.sep {
	padding: 0 5px;
}

td.todo span,td.doing input,td.done input
td.doing label,td.done label {
	display: none;
}

td.done span {
	display: inline;
}
/****/
table.listing_type th {
	text-align: center;
}
table.listing_type td.cotisation {
	cursor: pointer;
}
table.listing_type tr:hover td {
	background: #eee;
}

.ui-menu {
	position: absolute;
	width: 200px;
	z-index: 9999;
}

/****/
div.section {
	background: white;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 5px;
	padding-left: 15px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-right: 10px;
	*height: 3em;
	min-height: 3em;
	height: auto;
}
div.toKeep div.section {
	border-width: 3px;
}
div.toDelete div.section {
	border: 3px dotted #ccc;
}
div.deleted div.section {
	border-color: red;
}

div.section.button {
	padding-left: 5px;
	text-align: center;
}

div.section h3 {
	margin: 0.5em 0;
	background: url(picto/opened.png?1) no-repeat 5px 5px;
	padding: 5px;
	padding-left: 25px;
	color: #999;
	cursor: pointer;
	width: 500px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.section ul {
	margin-left: 15px;
}

div.section h3:hover {
	background-color: #e1e1e1;
}

div.closed h3 {
	background-image: url(picto/closed.png?1);
}

div.closed ul,div.closed table {
	display: none;
}

div.section div.action {
	float: right;
}

label.ui-state-active span.ui-button-text {
	background: url(picto/checked) no-repeat left 2px;
	padding-left: 20px;
}

input.text {
	width: 300px;
}

/*****/
table.listing {
	background: white;
	margin-bottom: 1em;
}

table.listing td,table.listing th {
	padding: 5px 5px;
	padding-right: 20px;
	border: 1px solid #dadada;
}

table.listing tr[_href] td {
	cursor: pointer;
}

table.listing em {
	font-style: none;
	color: #01a6EA;
}

table.listing tr.odd td,table.listing tr.odd th {
	background: #eaeaea;
/*
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
*/
}

table.listing tr[_href]:hover td {
	background: #efefef;
}

table.listing tr[_href].odd:hover td {
	background: #cecece;
}

table.listing {
	border: 1px solid #999;
}
table.listing .inactive{
	color: #aaaaaa;
}

/****/
table td span.toggle_select_all:hover {
	text-decoration: underline;
	cursor: pointer;
}

/****/
form.fusion div.lst {
	display: none;
}

form.fusion div.fusion {
	display: block;
}

form.fusion div.origin,form.fusion div.target {
	width: 34%;
	float: left;
}

form.fusion div.button {
	width: 10%;
	float: left;
}

form.fusion div.fusion div.section h2 {
	cursor: pointer;
}
/***/
form ul li,ul.form li {
	border: 1px solid transparent;
	padding: 2px 5px;
	margin-bottom: 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

li.err {
	border: 1px solid #faa;
	background: #fcc;
}

/* @group menu1 */
ul#menu1 {
	background: #01a6EA;
	height: 25px;
	margin-bottom: 1em;
}

ul#menu1 a,
ul#menu1 a:link,
ul#menu1 a:visited,
ul#menu1 span {
	color: white;
	padding: 5px;
	display: inline-block;
}

ul#menu1 a:hover {
	text-decoration: none;
}

ul#menu1 li {
	background-color: #01a6EA;
	height: 25px;
}

ul#menu1 li.level1 {
	display: inline-block;
	*display: inline; /* IE */
	*zoom: 1; /* IE */
}

ul#menu1 li.level1 a {
	margin: 0 5px;
}

ul#menu1 li:hover {
	background-color: #190251;
}

ul#menu1 li ul {
	display: none;
	position: absolute;
	z-index: 1000;
}

ul#menu1 ul li {
	padding: 2px 0;
}

ul#menu1 li:hover ul {
	display: block;
}

ul#menu1 li.level2 ul {
	display: none;
}
ul#menu1 li.level2 ul li {
	white-space: nowrap;
}

ul#menu1 li.level2:hover ul {
	margin-top: -2px;
	display: inline-block;
	*display: inline; /* IE */
	*zoom: 1; /* IE */
}

/* @end */

/***/
table.histo {
	width: auto;
}

table.histo tr td {
	cursor: pointer;
}

table.histo tr td.first {
	background-image: url(picto/closed.png?1);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 20px;
}

table.histo tr.open td.first {
	background-image: url(picto/opened.png?1);
}

table.histo tr td.detail ul {
	display: none;
}

table.histo tr.open td.detail ul {
	display: block;
}

/****/
table.listing_type a:link,table.listing_type a:visited,table.listing_type a.modifier,
table.listing_type a:link,table.listing_type a:visited,table.listing_type a.voir,
table.listing_type a:link,table.listing_type a:visited,table.listing_type a.editVersement {
color: blue;
cursor: pointer;
}

/****/
span.toggle_select_all {
	color: blue;
	cursor: pointer;
}

/****/
form input#listing_id_search {
	background-image: url(picto/search.png);
	background-repeat: no-repeat;
	background-position: right 0;
    width: 500px;
}

form input.ui-autocomplete-loading {
	background-image: url('images/ui-anim_basic_16x16.gif');
}

/****/
div.section ul.criteria {
	margin-left: 2px;
}

ul.criteria li {
	padding: 2px 0;
}

input.ui-button.small {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 0.8em
}

/****/
ul.sortabled li,li.sortable {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 5px;
	cursor: ns-resize;
	border: 1px dashed transparent;
}

li.sortable:hover {
	background-color: #eaeaea;
	border: 1px dashed #999;
}

/****/
input.montant,input.cotisation {
	text-align: right;
	width: 80px;
}

input.text.montant,
input.text.cotisation,
input.text.montant,
input.text.cerfa,
input[name*=ventilation]
	{
	text-align: right;
	width: 80px;
}

div#divFormListingType li ul {
	margin-left: 35px;
}

div#divFormListingType li ul li span.label {
	width: 200px;
}

/* reglement */
table.reglement {
	margin-left: 155px;
}

table.reglement td,table.reglement th {
	padding: 5px;
	border: 1px solid #bbb;
}

table.excel th,table.excel td {
	border: 1px solid #bbb;
	padding: 5px;
}

input.text.code_postal {
	width: 55px;
}

input.text.ville {
	width: 220px;
}

/***/
input.diff,input[readonly="readonly"].diff {
	border: none;
	color: #000;
}

ul.ventilations input.montant {
	cursor: pointer;
}

/* criteria */
table.criteria {
	width: 100%;
}

table.criteria tr td {
	padding: 5px 0;
}
table.criteria tr td * {
	vertical-align: middle;
}

table.criteria tr td input.text {
	width: 200px;
}

table.criteria tr td.first {
	width: 20px;
}

table.criteria ul,table.criteria li {
	margin: 0;
	padding: 0;
}

table.criteria label {
	margin-right: 5px;
}

table.criteria tr.closed ul.choice,table.criteria tr.closed table.choice,table.criteria tr.closed div.select2-container
	{
	display: none;
}

table.criteria tr span.toggle {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(picto/opened.png) no-repeat;
	cursor: pointer;
}

table.criteria tr.closed span.toggle {
	background: url(picto/closed.png) no-repeat;
}

div.formData li.addData {
	display: none;
}

form.formPopin li span.label {
	font-size: 0.9em;
}

form.formPopin ul li {
	padding: 2px 0;
}

form.formPopin h3 {
	padding: 2px 0;
	margin-bottom: 1em;
}

.select2-container-multi .select2-choices {
	min-width: 200px;
}

form.formPopin ul li label {
	display: inline-block;
	width: 200px;
}

form.formPopin ul li.new_record,
form.formPopin ul li.observations {
	visibility: hidden;
}

form.formPopin ul.new_record li.new_record,
form.formPopin ul.hasValue li.observations {
	visibility: visible;
}

form ul li,ul.form li * {
	vertical-align: middle;
}

table.lst span.count {
	float: left;
	font-weight: bold;
	color: #999;
}

table.synthese a:link,table.synthese a:visited {
	color: #333;
}

/* reglements */
table.reglements input.text {
	width: 155px;
}
table.reglements input.text[_format=money] {
	width: 80px;
}
table.reglements td.reglements_2,
table.reglements td.reglements_3,
table.reglements td.reglements_4 {
	display: none;
}
table.reglements.reglements_1 td.reglements_1 {
	display: table-cell;
}
table.reglements.reglements_2 td.reglements_2 {
	display: table-cell;
}
table.reglements.reglements_3 td.reglements_3 {
	display: table-cell;
}
table.reglements.reglements_4 td.reglements_4 {
	display: table-cell;
}

/**/

div.nav {
	padding-top: 10px ;
	text-align: right;
}
div.nav a {
	padding: 2px 5px;
}

span.empty button[data-action=setNone] {
	display: none;
}
span.notEmpty button[data-action=setNow] {
	display: none;
}

/**/
div.merge {
	padding-top: 0.5em;
}
div.merge ul {
	border-top: 1px dotted #999;
	
}

form table.reglements ul li {
	height: 20px;
	border: none;
	margin: 0;
	padding: 0;
}
form table.reglements ul li.total {
	text-align: right;
}

form.formSaisieReglement {
	margin: 0 auto;
	width: 1000px;
}
table.reglementDetail {
	margin-top: 1em;
}
table.reglementDetail td {
	text-align: center;
}

table.reglementDetail input.text {
	width: 150px;
}
table.reglementDetail input.text[_format=date] {
	width: 70px;
}

#saisieReglements li {
	padding-bottom: 0.5em;
}

#saisieReglements input[type=text],
#saisieReglements .select2-container {
	min-width: 200px;
}
#saisieReglements textarea {
	min-width: 500px;
}
#saisieReglements tr.total td {
	border-top: 1px solid black;
	font-weight: bold;
}
#saisieReglements tr.montant td {
	border-bottom: 1px solid black;
}
button.small,
.ui-widget button.small {
	font-size: 0.9em;
}
ul.formFicheData li {
	margin-bottom: 0.5em;
}
#adressLinkSelector select {
	width: 205px;
}
#adressLinkSelector input.text {
	width: 200px;
}
#adressLinkSelector ul.adresses {
	display: none;
	height: 300px;
	overflow: auto;
	margin-top: 10px;
	border-top: 1px solid #ccc;
}
#adressLinkSelector ul.adresses li {
	padding: 3px 0;
}
.flex {
	display: -webkit-flex;
	display: flex;
}

form.personnePhysique li.excludedPersonnePhysique,
ul.form.personnePhysique li.excludedPersonnePhysique {
	display: none;
}
form.personneMorale li.excludedPersonneMorale,
ul.form.personneMorale li.excludedPersonneMorale {
	display: none;
}

table tfoot td {
	font-weight: bold;
}

.lstVersements td.montant,
.lstVersements td.ventilation1,
.lstVersements td.ventilation2,
.lstVersements td.ventilation3,
.lstVersements td.ventilation4,
.lstVersements td.ventilation5,
.lstVersements td.ventilation7,
.lstVersements td.ventilation6 {
	text-align: right;
}
.lstVersements td.banque_code,
.lstVersements td.date_reglement {
	text-align: center;
}

textarea.observation {
	width: 300px;
	height: 3em;
}

.lst-emailing tr.success td {
    background-color: lawngreen;
}
.lst-emailing tr.failed td {
    background-color: #ff0000;
    color: white;
}
.lst-emailing tr.todo td {
    background-color: deepskyblue;
    color: white;
}

#reglementMultiple ul.reglements li:last-child {
	display: none;
}
#reglementMultiple ul.reglements li input{
	text-align: center;
	width: 120px;
}
#reglementMultiple ul.reglements li input[name^=montant]{
	width: 60px;
}